/*
 * ***********************************************************************
 * Fonts
 * ***********************************************************************
 */
@font-face {
  font-family: 'amag_displaylight';
  src: url(amag-standard-theme/assets/fonts/d56f9fd90a462da7a81f39aabc503741.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'amag_displaybold';
  src: url(amag-standard-theme/assets/fonts/6c834d6be51323d8ca5d6ec90b2b70a3.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'amag_textbold';
  src: url(amag-standard-theme/assets/fonts/21e41adaaa00aec2d07aeec36d075d59.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'amag_textlight';
  src: url(amag-standard-theme/assets/fonts/d56f9fd90a462da7a81f39aabc503741.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SourceSansPro-Regular;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url(amag-standard-theme/assets/fonts/03adbb294261977089607cdea10b520c.woff) format("woff");
}
@font-face {
  font-family: SourceSansPro-Bold;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: url(amag-standard-theme/assets/fonts/3de2d47959ffabfad7fc0cb67ca991aa.woff) format("woff");
}
/*
 ***********************************************
 * Component Design: all components
 ***********************************************
 */
.amag_error + .guideFieldError {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  /*pattern liberary 0.7333333333333334rem;*/
  font-family: amag_textbold, SourceSansPro-Bold;
  color: #e2001a;
  padding-top: 0.0rem;
  padding-bottom: 0.0rem;
}
.amag-style .guideFieldNode[data-mandatory=true] .guideFieldLabel label:after {
  content: ' *';
}
.amag-style .guideHelpQuestionMark {
  background: url(amag-standard-theme/assets/images/questionmark.svg) center center / cover no-repeat, #000000;
  outline: none;
  top: 10px;
}
.amag-style .guideHelpQuestionMark:hover {
  background: url(amag-standard-theme/assets/images/questionmark.svg) center center / cover no-repeat, #99badb;
}
.amag-style .guideFieldDescription.long {
  padding-left: 0rem;
  padding-bottom: 0rem;
  padding-top: 0rem;
  background: none;
  color: #323232;
  font-size: 0.9rem;
  font-family: amag_displaylight, SourceSansPro-Regular;
}
/**********************************************
* zip (PLZ in Swiss) completion function
***********************************************/
.pnlReadonlyPlz .col-md-2:nth-child(3),
.pnlReadonlyPlzShort .col-md-2:nth-child(3) {
  padding-top: 14px;
}
@media (min-width: 992px) {
  .pnlReadonlyPlz .col-md-2:nth-child(3),
  .pnlReadonlyPlzShort .col-md-2:nth-child(3) {
    padding-top: 45px;
  }
  .pnlReadonlyPlzShort .btnResetSearch button {
    padding-left: 14px;
    padding-right: 14px;
  }
  .pnlReadonlyPlzShort .btnResetSearch {
    padding-left: 0px;
  }
}
.guideImage img {
  height: auto;
  max-height: 100%;
  margin-right: 0.75rem;
  margin-left: 0.75rem;
  margin-top: 1rem;
  width: inherit;
  max-width: calc(98.5%);
}
body {
  font-family: Arial;
  line-height: 1.42857143;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-top: 0px;
}
.guideChart {
  height: 100%;
  width: inherit;
  max-width: 100%;
  max-height: 100%;
}
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-left-width: 4px;
  border-style: solid;
  border-color: #eb3c36;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  background: rgba(235, 60, 54, 0.05);
}
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  margin-top: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.75rem;
  border-left-width: 0.25rem;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0);
  padding-top: 0.5rem;
  margin-bottom: 0.25rem;
}
.guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-left-width: 4px;
  border-style: solid;
  border-color: #23b482;
}
.guideFieldDescription.long {
  margin-bottom: 0.25rem;
  margin-right: 0px;
  margin-left: 0px;
  margin-top: 0.25rem;
  clear: both;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  display: none;
  font-size: 0.875rem;
  color: #666666;
  background: rgba(0, 0, 0, 0.05);
  padding-left: 1rem;
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
  padding-right: 1rem;
  border-left-color: #007fa2;
  transition: all 2s;
}
label {
  color: #666666;
  line-height: 1.42857143;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 2px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.guideFieldLabel {
  width: auto;
  display: block;
}
input,
select,
textarea,
.guideScribble img,
.afTermsAndConditions {
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-color: #cccccc;
  height: 2.5rem;
  color: #555555;
  font-size: 0.875rem;
  padding-bottom: 0.625rem;
  padding-left: 0.625rem;
  padding-top: 0.625rem;
  padding-right: 0.625rem;
  background: #ffffff;
}
.guideFieldWidget {
  width: 100%;
  display: block;
}
.guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch) {
  width: 100%;
  display: block;
}
.guideCheckBoxItem .guideWidgetLabel label {
  margin-left: .2em;
  color: #888888;
  margin-right: 1.5rem;
  vertical-align: middle;
  cursor: pointer;
}
.guideCheckBoxItem .guideWidgetLabel {
  display: inline;
}
.XfaCheckBox input[type='checkbox'] {
  float: none;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
  width: auto;
  height: auto;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  cursor: pointer;
}
.guideFieldWidget.guideNumericStepper {
  width: 40%;
  min-width: 200px;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  background: #FFFFFF;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.guideFieldWidget.guideNumericStepper input[type='text'].ui-spinner-input {
  width: calc(95%);
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  text-align: center;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:focus {
  background: url(amag-standard-theme/assets/aem-images/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:hover {
  background: url(amag-standard-theme/assets/aem-images/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  float: left;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background: url(amag-standard-theme/assets/aem-images/Minus.svg) center center / 0.75rem 0.75rem no-repeat;
  cursor: pointer;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:focus {
  background: url(amag-standard-theme/assets/aem-images/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:hover {
  background: url(amag-standard-theme/assets/aem-images/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up {
  width: 2.5rem;
  height: 2.5rem;
  float: right;
  display: inline-block;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  background: url(amag-standard-theme/assets/aem-images/Plus.svg) center center / 0.75rem 0.75rem no-repeat;
  cursor: pointer;
}
.guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch) {
  display: block;
  width: 100%;
}
.guideRadioButtonItem .guideWidgetLabel label {
  margin-left: .2rem;
  margin-bottom: 0px;
  margin-right: 1.5rem;
  margin-top: 0px;
  color: #888888;
  vertical-align: middle;
  cursor: pointer;
}
.guideRadioButtonItem .guideWidgetLabel {
  display: inline;
  float: none;
}
.XfaCheckBox input[type='radio'] {
  float: none;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding-right: 0px;
  padding-left: 0px;
  width: auto;
  padding-bottom: 0px;
  padding-top: 0px;
  height: auto;
  cursor: pointer;
}
.multiline.textField textArea {
  height: 80px;
}
@media (max-width: 767px) {
  .guide-nav-next.guide-nav-toolbar-button {
    margin-left: 1rem;
    margin-bottom: 0px;
    margin-right: 0px;
    width: 2.5rem;
    height: 2.5rem;
    background: url(amag-standard-theme/assets/aem-images/FatChevron-Right-Default.svg) center center / auto 1.25rem no-repeat;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .guide-nav-prev.guide-nav-toolbar-button {
    position: relative;
    background: url(amag-standard-theme/assets/aem-images/FatChevron-Left-Default.svg) center center / auto 1.25rem no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    margin-left: 0px;
    cursor: pointer;
  }
}
.guideSwitch .ui-switchbutton-default.ui-state-active {
  background: rgba(0, 0, 0, 0);
  font-weight: normal;
}
.guideSwitch .ui-switchbutton-default {
  height: 24px;
  margin-top: 5px;
  padding-bottom: 0px;
  padding-top: 0px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-color: #cccccc;
}
.guideSwitch .ui-switchbutton-default .ui-switchbutton-handle {
  background: linear-gradient(180deg, #d7d7d7, #fcfcfc);
  width: 22px;
  height: 22px;
  display: block;
  position: absolute;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  border-color: #a2a2a2;
}
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-enabled {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  height: 20px;
  padding-top: 4px;
  display: block;
  margin-bottom: 5px;
  margin-top: 0px;
  overflow: hidden;
  position: absolute;
  color: #ffffff;
  background: #54b46b;
}
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-disabled {
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  height: 20px;
  padding-top: 4px;
  padding-right: 0px;
  display: block;
  margin-bottom: 5px;
  margin-top: 0px;
  overflow: hidden;
  position: absolute;
  color: #7c7c7c;
  background: #e6e6e6;
}
.guideFieldWidget.afTermsAndConditions {
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
}
.guide-tnc-checkboxwidget input[type='checkbox'] {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  width: 1rem;
}
.afTncContentArea {
  background: #ffffff;
  overflow: auto;
  border-style: solid;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-color: #cccccc;
  margin-bottom: 0.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.6;
  color: #969696;
  max-height: 160px;
}
@media (max-width: 767px) {
  .afTncContentArea {
    max-height: 8rem;
  }
}
.guideImageChoice .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel,
.guideImageChoice .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel {
  background: url(amag-standard-theme/assets/aem-images/ImageChoiceSelectIcon.svg) center center no-repeat, rgba(23, 107, 230, 0.5);
}
.afTncContentArea.guide-modal-body {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
  margin-top: 20px;
}
.afTermsAndConditions .guide-modal-header {
  background: #AFB0B5;
  min-height: 16.42857143px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  padding-left: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-top: 15px;
  border-left-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-style: solid;
  border-color: #e5e5e5;
}
.dropDownList select:hover {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Down-Active.svg) calc(99.5%) 50% / auto 1rem no-repeat, rgba(255, 255, 255, 0.8);
}
.dropDownList select {
  height: 2.5rem;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-color: #cccccc;
  padding-left: 0.625rem;
  padding-bottom: 0.625rem;
  padding-top: 0.625rem;
  padding-right: 0.625rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background: url(amag-standard-theme/assets/aem-images/Chevron-Down-Default.svg) calc(99.5%) 50% / auto 1rem no-repeat, rgba(255, 255, 255, 0.5);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.guideFieldWidget.dropDownList {
  width: 100%;
}
.guideformtitle,
.guideTextDraw.guideformtitle {
  font-size: 1.5rem;
  color: #666666;
  margin-bottom: 0.8125rem;
  padding-left: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-right: 0px;
}
@media (max-width: 991px) {
  .guideformtitle,
  .guideTextDraw.guideformtitle {
    margin-bottom: 0px;
    display: none;
  }
}
@media (max-width: 767px) {
  .guideformtitle,
  .guideTextDraw.guideformtitle {
    margin-left: 1rem;
    margin-bottom: 0.5rem;
  }
}
.guideHelpQuestionMark:hover {
  background: url(amag-standard-theme/assets/aem-images/questionmark.svg) left top / cover no-repeat, #777777;
}
.guideHelpQuestionMark {
  display: inline-block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 1rem;
  height: 1rem;
  border-bottom-right-radius: 9px;
  border-bottom-left-radius: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  background: url(amag-standard-theme/assets/aem-images/questionmark.svg) center center / cover no-repeat, #969696;
  cursor: pointer;
}
.guidePanelDescription > .guideHelpQuestionMark {
  position: relative;
  left: 5px;
  top: 0px;
}
.guidePanelDescription.long {
  background: rgba(0, 0, 0, 0.05);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0.25rem;
  color: #666666;
  font-size: 0.875rem;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.guideGridFluidDescription.guidePanelDescription {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  color: #666666;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
@media (max-width: 767px) {
  .guideGridFluidDescription.guidePanelDescription {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  .tab-navigators.tab-navigators-mobile {
    background: #e6e6e6;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.35);
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    list-style: none;
    cursor: pointer;
  }
}
@media (max-width: 767px) {
  .guide-mobile-navigator .navigator-toggle {
    border: none;
    float: right;
    cursor: pointer;
    margin-right: 1rem;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    margin-left: 1rem;
    width: 2.5rem;
    height: 2.5rem;
    background: url(amag-standard-theme/assets/aem-images/HamburgerMenuWmargin-Default.svg) 50% 0% / auto 2rem no-repeat;
    margin-bottom: 0.5rem;
  }
  .guide-mobile-navigator .navigator-toggle:hover {
    background: url(amag-standard-theme/assets/aem-images/HamburgerMenuWmargin-Hover.svg) 50% 0% / auto 2rem no-repeat;
  }
}
@media (max-width: 767px) {
  .tab-navigators.tab-navigators-mobile > li.wizard-tab-disabled > a,
  .tab-navigators.tab-navigators-mobile > li.wizard-tab-disabled > a:hover {
    opacity: 0.5;
  }
  .tab-navigators.tab-navigators-mobile > li > a {
    color: #666666;
    background: #e6e6e6;
    padding-left: 1rem;
    width: 100%;
    padding-right: 1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-decoration: none;
  }
  .tab-navigators.tab-navigators-mobile > li.active > a,
  .tab-navigators.tab-navigators-mobile > li.active.stepped > a {
    background: #666666;
    color: #FFFFFF;
  }
  .tab-navigators.tab-navigators-mobile > li > a:hover {
    background: #cccccc;
    color: #666666;
  }
}
@media (max-width: 767px) {
  .mobileScrollIndicator {
    display: block;
    z-index: 55;
    position: fixed;
    bottom: 20px;
    right: 0px;
    width: 3rem;
    height: 5rem;
    background: url(amag-standard-theme/assets/aem-images/ScrollDown.svg) left top / 1.5rem 1.5rem no-repeat;
  }
}
@media (max-width: 767px) {
  .guide-header-bar {
    background: #e6e6e6;
    color: #ffffff;
    padding-left: 0.5rem;
    text-transform: uppercase;
    position: static;
    top: 0px;
  }
}
@media (max-width: 767px) {
  .guide-header-bar .guide-breadcrumb {
    float: left;
    color: #666666;
    margin-right: 1rem;
    line-height: 2.5rem;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
  }
}
.accordion-navigators .guideHeader > a:hover {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Right-Hover.svg) 0.5rem 50% / auto 1rem no-repeat, #f0f0f0;
  color: #666666;
}
.accordion-navigators .active > .guideHeader > a,
.accordion-navigators .active .guideHeader > a:hover {
  color: #666666;
  background: url(amag-standard-theme/assets/aem-images/Chevron-Active.svg) 0.5rem 50% / auto 1rem no-repeat, #f5f5f5;
  border-left-width: 2px;
  border-bottom-width: 0px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-color: #cccccc;
}
.accordion-navigators .guideHeader > a {
  display: block;
  border-style: solid;
  border-top-width: 2px;
  border-left-width: 2px;
  border-right-width: 2px;
  border-color: #cccccc;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-top: 1rem;
  padding-right: 1rem;
  font-size: 0.875rem;
  text-decoration: none;
  color: #969696;
  cursor: pointer;
  background: url(amag-standard-theme/assets/aem-images/Chevron-Right.svg) 0.5rem 50% / auto 1rem no-repeat, #f1f1f1;
  border-bottom-width: 2px;
}
.accordion-navigators .guideHeader .repeatableButtons > button.Add:hover {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Add-Hover.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Add {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Add-Hover.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .guideHeader .repeatableButtons button.Add {
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  background: url(amag-standard-theme/assets/aem-images/Accordion-Add-Default.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .guideHeader .repeatableButtons button.Remove:hover {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Delete-Hover.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Remove {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Delete-Hover.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .guideHeader .repeatableButtons button.Remove {
  border: none;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  background: url(amag-standard-theme/assets/aem-images/Accordion-Delete-Default.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.guideGridFluidLayout {
  color: #666666;
}
.guideTabbedPanelLayout {
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #08b1cf;
}
.afTabLeftPanel {
  padding-left: 3.5rem;
  padding-bottom: 1rem;
  padding-right: 3.5rem;
  padding-top: 1rem;
  border-top-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  background: #fafafa;
  border-color: #e6e6e6;
}
@media (max-width: 991px) {
  .afTabLeftPanel {
    border-top-width: 0px;
  }
}
@media (max-width: 767px) {
  .afTabLeftPanel {
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    border-top-width: 1px;
    background: #ffffff;
  }
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  list-style: none;
  cursor: pointer;
  overflow: hidden;
  background: #f1f1f1;
  border-left-width: 1px;
  border-bottom-width: 0px;
  border-top-width: 1px;
  border-right-width: 0px;
  border-color: #e6e6e6;
  border-style: solid;
}
@media (max-width: 991px) {
  .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical {
    border-right-width: 1px;
  }
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a.guideLeftNavIcon:hover,
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.stepped > a.guideLeftNavIcon:hover {
  color: #666666;
  background: url(amag-standard-theme/assets/aem-images/Tick_Hover.svg) 0.5rem 61.53846154% auto no-repeat, #e6e6e6;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a.guideLeftNavIcon,
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active.stepped > a.guideLeftNavIcon,
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a.guideLeftNavIcon:hover {
  color: #ffffff;
  background: url(amag-standard-theme/assets/aem-images/Tick.svg) 0.5rem 61.53846154% auto no-repeat, #888888;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a.guideLeftNavIcon {
  color: #666666;
  width: calc(65%);
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  display: block;
  padding-bottom: 1rem;
  padding-left: 2rem;
  padding-top: 1rem;
  padding-right: 0.25rem;
  text-decoration: none;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-color: #e6e6e6;
  border-style: solid;
  background: #F1F1F1;
  box-sizing: content-box;
  white-space: normal;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li > a.guideLeftNavIcon:hover,
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.stepped > a.guideLeftNavIcon:hover {
  color: #666666;
  background: url(amag-standard-theme/assets/aem-images/DoubleTick.svg) 0.5rem 61.53846154% auto no-repeat, #ffffff;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a.guideLeftNavIcon,
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active.stepped > a.guideLeftNavIcon,
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a.guideLeftNavIcon:hover {
  background: url(amag-standard-theme/assets/aem-images/DoubleTick.svg) 0.5rem 61.53846154% auto no-repeat, #ffffff;
  border-left-width: 4px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  color: #666666;
  border-color: #969696;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li > a.guideLeftNavIcon {
  background: #FFFFFF;
  color: #666666;
  border-left-width: 4px;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
}
.guideVerticalTabbedPanelLayout .tab-navigators {
  margin-bottom: 0.5rem;
  overflow: hidden;
  border-style: solid;
  border-bottom-width: 1px;
  border-color: #e6e6e6;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
  width: 100%;
  list-style: none;
}
.guideVerticalTabbedPanelLayout .tab-navigators > li > a.guideTopNavIcon:hover {
  color: #666666;
  background: rgba(255, 255, 255, 0);
  border-style: solid;
  border-left-width: 0px;
  border-bottom-width: 2px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-color: rgba(150, 150, 150, 0.5);
}
.guideVerticalTabbedPanelLayout .tab-navigators > li.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators > li.stepped.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped.active > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators > li.active > a.guideTopNavIcon:hover,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a.guideTopNavIcon:hover {
  color: #666666;
  border-left-width: 0px;
  border-bottom-width: 2px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-color: #666666;
  border-style: solid;
}
.guideVerticalTabbedPanelLayout .tab-navigators > li > a.guideTopNavIcon {
  color: #969696;
  padding-right: 0px;
  margin-right: 3rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  margin-left: 0px;
  padding-left: 0px;
  background: rgba(255, 255, 255, 0);
}
.guideVerticalTabbedPanelLayout .tab-navigators > li.stepped > a.guideTopNavIcon,
.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped > a.guideTopNavIcon {
  color: #969696;
}
.wizard-navigators {
  padding-bottom: .5rem;
  padding-left: 0px;
  padding-top: .5rem;
  padding-right: 0px;
  list-style-type: none;
  font-size: 16px;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
  text-transform: uppercase;
  counter-reset: item;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
}
@media (max-width: 767px) {
  .wizard-navigators {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
.wizard-navigators > li > a:hover {
  color: #969696;
  text-decoration: none;
}
.wizard-navigators > li > a:hover::before {
  color: #969696;
  border-color: #969696;
}
.wizard-navigators > li.active > a,
.wizard-navigators > li.active.stepped > a,
.wizard-navigators > li.active > a:hover {
  color: #666666;
}
.wizard-navigators > li.active > a::before,
.wizard-navigators > li.active.stepped > a::before,
.wizard-navigators > li.active > a:hover::before {
  background-color: #666666;
  border-color: #666666;
  color: #ffffff;
  outline: 2px;
}
.wizard-navigators > li > a {
  display: inline-block;
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #000000;
  position: relative;
  counter-increment: item;
  border-top-right-radius: 200px;
  border-bottom-right-radius: 200px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  color: #969696;
  text-transform: capitalize;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-decoration: none;
  word-break: break-word;
  white-space: normal;
}
.wizard-navigators > li > a::before {
  content: counter(item);
  float: left;
  bottom: 0px;
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 0.75rem;
  padding: auto;
  color: #cccccc;
  font-size: 0.75rem;
  text-align: center;
  line-height: 1.35rem;
  border-style: solid;
  border-width: 2px;
  border-color: #cccccc;
  margin-right: 10px;
}
.wizard-navigators > li.stepped > a {
  color: #969696;
}
.wizard-navigators > li.stepped > a::before {
  content: "";
  background: url(amag-standard-theme/assets/aem-images/Tick.svg) center center / 0.75rem 0.75rem no-repeat, #969696;
  border-color: rgba(0, 0, 0, 0);
}
@media (max-width: 767px) {
  .wizard-navigators > li > a {
    margin-right: 4rem;
  }
}
.wizard-navigators > li.active .indicator,
.wizard-navigators > li.active.stepped .indicator,
.wizard-navigators > li.active:hover .indicator {
  display: none;
  border-bottom-color: #0079c1;
}
.wizard-navigators > li .indicator {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  margin-top: -39px;
  z-index: 20;
  border-left-width: 8px;
  border-bottom-width: 8px;
  border-right-width: 8px;
  border-top-width: 8px;
  border-color: rgba(255, 255, 255, 0);
  display: none;
  margin-left: 6px;
  border-bottom-color: #999999;
}
.wizard-navigators > li.stepped .indicator {
  display: none;
  border-bottom-color: #02874e;
}
.wizard-navigators > li:hover .progress {
  background: #969696;
}
.wizard-navigators > li.active .progress,
.wizard-navigators > li.active.stepped .progress,
.wizard-navigators > li.active:hover .progress {
  background: #666666;
}
.wizard-navigators > li .progress {
  height: 3px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background: #cccccc;
  margin-top: 9px;
  display: block;
  margin-right: 3px;
  margin-bottom: 0px;
  box-shadow: 50px 36px 75px 80px rgba(127, 127, 127, 0) inset;
}
.wizard-navigators > li.stepped .progress {
  background: #969696;
}
.wizard-nav-arrow.wizard-nav-next:hover {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Right-White.svg) center center / 1rem 1rem no-repeat, #666666;
  border-color: #666666;
}
.wizard-nav-arrow.wizard-nav-next {
  height: 2.5rem;
  margin-top: 4.25rem;
  float: right;
  width: 2.5rem;
  margin-right: 1rem;
  position: absolute;
  border-left-width: 2px;
  border-bottom-width: 2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-color: #969696;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  background: url(amag-standard-theme/assets/aem-images/Chevron-Right.svg) center center / 1rem 1rem no-repeat;
  right: 2%;
  cursor: pointer;
}
@media (max-width: 767px) {
  .wizard-nav-arrow.wizard-nav-next {
    display: none;
  }
}
.wizard-nav-arrow.wizard-nav-prev:hover {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Left-White.svg) center center / 1rem 1rem no-repeat, #969696;
}
.wizard-nav-arrow.wizard-nav-prev {
  height: 2.5rem;
  margin-top: 4.25rem;
  float: right;
  right: 10%;
  width: 2.5rem;
  border-left-width: 2px;
  border-bottom-width: 2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-style: solid;
  border-color: #969696;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  position: absolute;
  margin-right: 0.5rem;
  background: url(amag-standard-theme/assets/aem-images/Chevron-Left.svg) center center / 1rem 1rem no-repeat;
  cursor: pointer;
}
@media (max-width: 767px) {
  .wizard-nav-arrow.wizard-nav-prev {
    display: none;
  }
}
.guide-tab-scroller.guide-tab-scroller-previous {
  display: none;
}
.guide-tab-scroller.guide-tab-scroller-next {
  display: none;
}
/** Do not use anymore, cause the scroller are hidden
.guide-tab-scroller.guide-tab-scroller-next:hover {
  background: url(assets/aem-images/Chevron-Right-Hover.svg) center center / 1rem 1rem no-repeat;

}

.guide-tab-scroller.guide-tab-scroller-next {
  cursor: pointer;
  height: 1.5rem;
  background: url(assets/aem-images/Chevron-Right.svg) center center / 1rem 1rem no-repeat;
  margin-top: 0.5rem;
  display: block;

}

@media (max-width: 991px) {
  .guide-tab-scroller.guide-tab-scroller-next {
    display: block;
  }
}

.guide-tab-scroller.guide-tab-scroller-previous:hover {
  background: url(assets/aem-images/Chevron-Left-Hover.svg) center center / 1rem 1rem no-repeat;

}

.guide-tab-scroller.guide-tab-scroller-previous {
  cursor: pointer;
  height: 1.5rem;
  background: url(assets/aem-images/Chevron-Left.svg) center center / 1rem 1rem no-repeat;
  display: block;
  margin-top: 0.5rem;
  visibility: none;
}

@media (max-width: 991px) {
  .guide-tab-scroller.guide-tab-scroller-previous {
    display: block;

  }
}
**/
.guideTableRuntimeAddControl:hover {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Add-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
}
.guideTableRuntimeAddControl {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Add-Default.svg) center center / 1.2rem 1.2rem no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  margin-bottom: 1rem;
  margin-top: 1rem;
  margin-left: 1rem;
  cursor: pointer;
}
.guideTableRuntimeEditControl:hover {
  background: url(amag-standard-theme/assets/aem-images/Table-Edit-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
}
.guideTableRuntimeEditControl {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(amag-standard-theme/assets/aem-images/Table-Edit-Default.svg) center center / 1.2rem 1.2rem no-repeat;
  margin-left: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
  margin-right: 1rem;
  cursor: pointer;
}
.guideTableRuntimeDeleteControl:hover {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Delete-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
}
.guideTableRuntimeDeleteControl {
  background: url(amag-standard-theme/assets/aem-images/Accordion-Delete-Default.svg) center center / 1.2rem 1.2rem no-repeat;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 1rem;
  display: inline-block;
  margin-bottom: 1rem;
  margin-right: 1rem;
  margin-left: 1rem;
  cursor: pointer;
}
.guideToolbarNode {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  height: 2.85rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
@media (max-width: 767px) {
  .guideToolbarNode {
    position: fixed;
    bottom: 0px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 1rem;
    padding-left: 1rem;
    height: 3.55rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    border-right-width: 0px;
    border-style: solid;
    border-color: #e6e6e6;
    background: rgba(255, 255, 255, 0.8);
  }
}
button.fileattachmentlisting .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/fileattachmentlisting-ip.png) center top / contain no-repeat;
}
button.moveNext .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Right-White.svg) center center / auto 1.3rem no-repeat;
}
button.movePrev:not(.af-icon-button):hover .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;
}
button.movePrev:not(.af-icon-button):active .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;
}
button.movePrev .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Chevron-Left-Hover.svg) center center / auto 1.3rem no-repeat;
}
button.reset:not(.af-icon-button):focus .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Reset-Hover.svg) center center / auto 1.2rem no-repeat;
}
button.reset:not(.af-icon-button):hover .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Reset-Hover.svg) center center / auto 1.2rem no-repeat, #666666;
}
button.reset:not(.af-icon-button):active .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Reset-Hover.svg) center center / auto 1.2rem no-repeat, #555555;
  border-color: #555555;
}
button.reset .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Reset.svg) center center / auto 1.2rem no-repeat;
}
button .iconButton-icon {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  background: url(amag-standard-theme/assets/aem-images/Save.svg) center center / auto 1.2rem no-repeat;
}
button.submit:not(.af-icon-button):focus .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Submit-Hover.svg) center center / auto 1.3rem no-repeat, #666666;
}
button.submit:not(.af-icon-button):hover .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Submit-Hover.svg) center center / auto 1.3rem no-repeat, #555555;
  border-color: #555555;
}
button.submit:not(.af-icon-button):active .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Submit-Hover.svg) center center / auto 1.3rem no-repeat, #555555;
  border-color: #555555;
}
button.submit .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Submit-Hover.svg) center center / auto 1.3rem no-repeat;
}
@media (max-width: 767px) {
  .afToolbarButton .guidebutton button .iconButton-label {
    display: none;
  }
}
@media (max-width: 767px) {
  .afToolbarButton .guidebutton button .iconButton-icon {
    display: block;
  }
}
.guideContainerWrapperNode .tooltip.bottom .tooltip-inner {
  background: rgba(0, 0, 0, 0.7);
  max-width: 350px;
  color: #FFFFFF;
  text-align: center;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  width: auto;
  text-decoration: none;
  white-space: normal;
  word-break: break-word;
  word-wrap: break-word;
}
.guideContainerWrapperNode .tooltip.bottom .tooltip-arrow {
  border-bottom-color: rgba(0, 0, 0, 0.7);
}
.guideFieldError {
  padding-top: 0.25rem;
  color: #eb3c36;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  font-size: 0.875rem;
  padding-bottom: 0.25rem;
}
.guideFieldWidget.guideDateInputWidget .comb-datefield label {
  font-size: 0.75rem;
  text-transform: uppercase;
  padding-bottom: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-left: 0px;
  margin-left: 0px;
  margin-bottom: 0.125rem;
  margin-top: 0.5rem;
  margin-right: 0px;
  color: #888888;
}
.guideFieldWidget.guideDateInputWidget input[type='text'].comb-form-group-month {
  text-transform: uppercase;
  width: 3.625rem;
  padding-bottom: auto;
  padding-right: auto;
  padding-top: auto;
  padding-left: auto;
  text-align: center;
}
.guideFieldWidget.guideDateInputWidget input[type='text'].comb-form-group-day {
  width: 3.625rem;
  text-align: center;
  padding-left: auto;
  padding-bottom: auto;
  padding-top: auto;
  padding-right: auto;
}
.guideFieldWidget.guideDateInputWidget input[type='text'].comb-form-group-year {
  width: 4rem;
  text-align: center;
}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical {
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
}
.guideButton {
  padding-left: 15px;
}
.afToolbarButton .guidebutton button:not(.af-icon-button) {
  margin-right: 0rem;
  margin-left: 0px;
}
.afToolbarButton {
  display: inline-block;
}
.guideFieldDescription.short {
  font-size: .875rem;
  color: #969696;
}
.guideTableNode table .guideTableRowNode.guideTableHeader th {
  background: #666666;
  font-weight: bold;
  padding-right: .625rem;
  padding-left: .625rem;
  border-style: hidden;
  height: 3.875rem;
  color: #ffffff;
  text-align: left;
}
.guideTableNode table .guideTableRowNode.guideTableHeader:nth-child(even),
.guideTableNode table .guideTableRowNode.guideTableHeader:nth-child(odd) {
  background: #333333;
}
.guideTableNode table td {
  text-align: left;
}
.guideTableNode table {
  border-style: hidden;
  margin-top: 0.25rem;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  max-width: calc(98.5%);
  margin-bottom: 0.75rem;
}
.guideTableNode table tbody:nth-of-type(even) tr,
.guideTableNode table tbody tr:nth-of-type(even) {
  border-style: hidden;
  background: #eeeeee;
}
.guideTableNode table td:nth-child(even) {
  border-style: hidden;
}
.guideTableNode div.guidePanelDescription {
  color: #666666;
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}
.guideTextDraw.guideStaticText {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media (max-width: 991px) {
  .guideLayout.guideVerticalTabbedPanelLayout {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (max-width: 767px) {
  .guideLayout.guideVerticalTabbedPanelLayout {
    padding-right: 0px;
    padding-left: 0px;
  }
}
.guideAccordionLayout {
  border-left-width: 2px;
  border-bottom-width: 2px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-style: hidden;
  border-color: #ffffff;
}
hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  opacity: 1;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.15);
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
.guideWizardLayout {
  background: #fafafa;
  padding-top: 0.5rem;
  border-color: #e6e6e6;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-style: solid;
}
@media (max-width: 767px) {
  .guideWizardLayout {
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    padding-top: 0px;
    background: #ffffff;
  }
}
.guideTableNode table tbody:nth-of-type(odd) tr:nth-of-type(odd) {
  background: #ffffff;
}
button.moveNext:not(.af-icon-button):hover {
  background: #555555;
  border-color: #555555;
}
button.moveNext:not(.af-icon-button):active {
  background: #555555;
  border-color: #555555;
}
button.moveNext:not(.af-icon-button) {
  color: #ffffff;
  background: #666666;
}
@media (max-width: 767px) {
  button.moveNext:not(.af-icon-button) {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
button.submit:not(.af-icon-button):hover {
  background: #555555;
  border-color: #555555;
}
button.submit:not(.af-icon-button):active {
  background: #555555;
  border-color: #555555;
}
button.submit:not(.af-icon-button) {
  background: #666666;
  border-color: #666666;
  color: #ffffff;
}
@media (max-width: 767px) {
  button.submit:not(.af-icon-button) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}
.guideFieldWidget.dateTimeEdit input {
  font-family: Arial;
}
.col-sm-10.afWizardPanel {
  width: 100%;
  padding-left: 0px;
  padding-bottom: 4rem;
  padding-right: 0rem;
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .col-sm-10.afWizardPanel {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
@media (max-width: 767px) {
  button.reset:not(.af-icon-button) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    border-left-width: 2px;
    border-bottom-width: 2px;
    border-top-width: 2px;
    border-right-width: 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
  }
}
button:not(.af-icon-button):focus {
  background: #666666;
  color: #ffffff;
}
button:not(.af-icon-button):hover {
  background: #666666;
  color: #ffffff;
}
button:not(.af-icon-button):active {
  color: #ffffff;
  background: #555555;
  border-color: #555555;
}
button:not(.af-icon-button),
input[type='button'] {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  border-style: solid;
  border-top-width: 2px;
  border-left-width: 2px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  padding-bottom: .625rem;
  padding-left: 1rem;
  padding-top: .625rem;
  padding-right: 1rem;
  font-size: 14px;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  border-top-left-radius: 1.5rem;
  line-height: normal;
  background: rgba(255, 255, 255, 0);
  color: #666666;
  border-color: #666666;
  cursor: pointer;
}
[data-disabled='true'] button:not(.af-icon-button) {
  background: #bebebe;
  color: #e6e6e6;
}
.afTabTopPanel {
  padding-bottom: 1rem;
  padding-top: 1rem;
  padding-right: 3rem;
  padding-left: 5.3rem;
}
@media (max-width: 991px) {
  .afTabTopPanel {
    padding-right: 0px;
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .afTabTopPanel {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}
.guide-tnc-checkbox .guideWidgetLabel label {
  font-size: 0.875rem;
  color: #888888;
  cursor: pointer;
}
.afAccordionPanel {
  padding-left: 3.5rem;
  padding-bottom: 1rem;
  padding-right: 3.5rem;
  padding-top: 1rem;
  border-style: solid;
  border-left-width: 2px;
  border-bottom-width: 2px;
  border-top-width: 0px;
  border-right-width: 2px;
  border-color: #cccccc;
  background: #f5f5f5;
}
@media (max-width: 767px) {
  .afAccordionPanel {
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
  }
}
.guide-tnc-checkbox {
  margin-top: 0px;
}
.guideAccordionDescription.guidePanelDescription {
  margin-bottom: 1.5rem;
  font-size: 1.25rem;
  color: #666666;
}
@media (max-width: 767px) {
  .guideAccordionDescription.guidePanelDescription {
    margin-bottom: 0.5rem;
    margin-top: 0.25rem;
  }
}
.guideCheckBoxItem {
  cursor: pointer;
}
.guideRadioButtonItem {
  cursor: pointer;
}
@media (max-width: 767px) {
  button.movePrev:not(.af-icon-button) {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
button.save:not(.af-icon-button):focus .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Save-Hover.svg) center center / auto 1.3rem no-repeat;
}
button.save:not(.af-icon-button):hover .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Save-Hover.svg) center center / auto 1.3rem no-repeat, #666666;
}
button.save:not(.af-icon-button):active .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Save-Hover.svg) center center / auto 1.3rem no-repeat, #555555;
}
button.save .iconButton-icon {
  background: url(amag-standard-theme/assets/aem-images/Save.svg) center center / auto 1.3rem no-repeat;
}
@media (max-width: 767px) {
  button.save:not(.af-icon-button):active .iconButton-icon {
    border-color: #555555;
  }
}
@media (max-width: 767px) {
  button.save:not(.af-icon-button) {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-width: 2px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
  }
}
.guideSummaryComponent {
  text-align: center;
  max-width: 100%;
  position: relative;
  height: 500px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-bottom-width: 1px;
  border-style: solid;
  overflow: auto;
}
.guideVerifyComponent {
  text-align: center;
  max-width: 100%;
  position: relative;
  height: 540px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  overflow: auto;
}
.guideESignComponent {
  text-align: center;
  position: relative;
  height: 540px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-width: 1px;
  border-style: solid;
  overflow: auto;
  max-width: 100%;
}
.adobeSignBlockText {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  background: rgba(0, 0, 0, 0.02);
  border-color: rgba(0, 0, 0, 0.15);
}
.afFooter {
  width: 100%;
  text-align: center;
  background: #e6e6e6;
  margin-top: 4rem;
  padding-top: .5em;
  padding-bottom: .5rem;
  box-sizing: content-box;
}
@media (max-width: 767px) {
  .afFooter {
    margin-bottom: 3.55rem;
  }
}
.guideTextDraw.footerText {
  color: #969696;
  font-size: 0.75em;
}
.afHeader {
  color: #969696;
  top: 0px;
  right: 0px;
  left: 0px;
  border-left-width: 0px;
  border-bottom-width: 1px;
  border-right-width: 0px;
  border-top-width: 0px;
  height: 90px;
  vertical-align: text-top;
  background: #f5f5f5;
  border-color: #e6e6e6;
  margin-bottom: 1rem;
  border-style: solid;
}
@media (max-width: 767px) {
  .afHeader {
    height: 64px;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.guideimage .logoImage img {
  height: 3.75rem;
  margin-top: 0.9375rem;
  margin-left: 0px;
  width: auto;
  max-width: 100%;
}
@media (max-width: 767px) {
  .guideimage .logoImage img {
    height: 35px;
  }
}
.guideTextDraw.headerText {
  font-size: 1.125rem;
  color: #555555;
  vertical-align: top;
  height: 70px;
}
@media (max-width: 767px) {
  .guideTextDraw.headerText {
    height: 49px;
    padding-left: 0px;
  }
}
/*
 ***********************************************
 * Component Design: Amag Static Text (textdraw)
 ***********************************************
 */
.amagtextdraw .guideTextDraw.guideStaticText {
  position: relative;
  display: inline-block;
  font-size: 1rem;
  font-family: amag_displaylight, SourceSansPro-Regular;
  color: #323232;
  font-weight: 400;
  width: 100%;
  margin: 0 0;
  line-height: 1.2rem;
}
.amagformtitle .guideTextDraw,
.amagtitledraw .guideTextDraw.guideStaticText {
  font-family: amag_displaylight, SourceSansPro-Regular;
  color: #323232;
  font-size: 1.5rem;
  margin: 1.5rem 0;
  font-weight: 700;
  width: 100%;
}
.amagheadingdraw .guideTextDraw.guideStaticText {
  font-family: amag_displaybold, SourceSansPro-Bold;
  text-decoration: none;
  color: #323232;
  font-size: 30px;
  margin: 30px 0;
  font-weight: 700;
  width: 100%;
}
.amagtextdraw .guideTextDraw.guideStaticText b {
  font-family: amag_displaybold, SourceSansPro-Bold;
}
.amagtextdraw a {
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: color 0.4s ease-out;
  transition: color 0.4s ease-out;
  color: #000;
}
.amagtextdraw a:hover {
  color: #99badb;
}
/*
 ***********************************************
 * Component Design: Amag Text Box incl. multiline
 ***********************************************
 */
.amagtextbox label,
.amagerrorbox label,
.amagemail label,
.amagnumericbox label,
.amagtelephone label,
.amagreadonlybox label,
.amagdatepicker label,
.amagfileupload label,
.amagspecialradiobutton .guideFieldLabel label,
.amagselecteditem .guideFieldLabel label {
  display: block;
  width: 100%;
  position: relative;
  font-family: amag_textlight, SourceSansPro-Regular;
  font-size: 1rem;
  /*pattern liberary 1rem;*/
  margin-bottom: 0.625rem;
  /*pattern liberary 0.5rem;*/
  color: #323232;
}
.amagtextbox textArea {
  box-sizing: border-box;
  overflow: hidden;
  resize: none;
}
.amagtextbox input,
.amagtextbox input:read-only:focus,
.amagtextbox textArea,
.amagtextbox textArea:read-only:focus,
.amagemail input,
.amagemail input:read-only:focus,
.amagnumericbox input,
.amagnumericbox input:read-only:focus,
.amagtelephone input,
.amagreadonlybox span,
.amagdatepicker input,
.amagdatepicker input:read-only:focus {
  display: block;
  width: 100%;
  font-family: amag_textbold, SourceSansPro-Bold;
  font-size: 1rem;
  /*pattern liberary .8rem;*/
  color: #000000;
  border: 2px solid #8b8a87;
  background: transparent;
  border-radius: 0.2rem;
  padding-left: 0.5rem;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
  height: 2.75rem;
}
.amagreadonlybox span {
  border: 0px solid #8b8a87;
}
.amagreadonlybox span:focus {
  outline: -webkit-focus-ring-color auto 0px;
}
.amagtextbox input::placeholder,
.amagtextbox textArea::placeholder,
.amagemail input::placeholder,
.amagnumericbox input::placeholder,
.amagtelephone input::placeholder,
.amagreadonlybox input::placeholder,
.amagdatepicker input::placeholder {
  color: #c5c4c3;
}
.amagtextbox input:focus,
.amagtextbox textArea:focus,
.amagemail input:focus,
.amagnumericbox input:focus,
.amagtelephone input:focus,
.amagreadonlybox input:focus,
.amagdatepicker input:focus {
  outline: 0;
  border-color: #000;
}
.amagtextbox .validation-failure label,
.amagemail .validation-failure label,
.amagnumericbox .validation-failure label,
.amagtelephone .validation-failure label,
.amagreadonlybox .validation-failure label,
.amagdatepicker .validation-failure label,
.guidedatepicker .datepicker-calendar-icon,
.amagfileupload .validation-failure label {
  color: #e2001a;
}
.amagtextbox .validation-failure input,
.amagemail .validation-failure input,
.amagnumericbox .validation-failure input,
.amagtelephone .validation-failure label,
.amagreadonlybox .validation-failure label,
.amagdatepicker .validation-failure input,
.amagdropdownlist .validation-failure .dropDownList select {
  border-color: #e2001a;
  color: #e2001a;
}
.amagtextbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagerrorbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagemail .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagnumericbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtelephone .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagreadonlybox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtermsandconditions .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagimagechoicetranslation .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagimagechoice .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagselecteditem .amagdatepicker .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagfileupload .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-left-width: 0.25rem;
  background: white;
  border-color: white;
}
.amagtextbox .guideFieldError,
.amagemail .guideFieldError,
.amagnumericbox .guideFieldError,
.amagtelephone .guideFieldError,
.amagreadonlybox .guideFieldError,
.amagradiobutton .guideFieldError,
.amagcheckbox .guideFieldError,
.amagcheckboxdynamic .guideFieldError,
.amagtermsandconditions .guideFieldError,
.amagimagechoicetranslation .guideFieldError,
.amagimagechoice .guideFieldError,
.amagselecteditem .guideFieldError,
.amagfileupload .guideFieldError {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  /*pattern liberary 0.7333333333333334rem;*/
  font-family: amag_textbold, SourceSansPro-Bold;
  color: #e2001a;
  padding-top: 0.0rem;
  padding-bottom: 0.0rem;
}
.amagtextbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagerrorbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagnumericbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagemail .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtelephone .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagreadonlybox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtermsandconditions .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagimagechoicetranslation .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagimagechoice .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagselecteditem .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagdatepicker .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagfileupload .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-left-width: 0.25rem;
  border-style: solid;
  border-color: white;
}
/* smaller textfield for error icon */
.amagtextbox .validation-failure .guideFieldWidget,
.amagemail .validation-failure .guideFieldWidget,
.amagnumericbox .validation-failure .guideFieldWidget,
.amagtelephone .validation-failure .guideFieldWidget,
.amagreadonlybox .validation-failure .guideFieldWidget,
.amagdatepicker .validation-failure .guideFieldWidget,
.amagfileupload .validation-failure .guideFieldWidget {
  width: calc(100% - 2.6rem);
}
.amagtextbox .validation-failure input + span:after,
.amagemail .validation-failure input + span:after,
.amagnumericbox .validation-failure input + span:after,
.amagtelephone .validation-failure input + span:after,
.amagreadonlybox .validation-failure input + span:after,
.amagfileupload .validation-failure .guideFieldWidget + span:after {
  content: url(amag-standard-theme/assets/images/c6808c41fd4642f45ba2e69d90773c3b.png);
  display: block;
  position: absolute;
  top: -0.3rem;
  right: 0;
  padding: 0;
  height: 1.1rem;
  width: 1.1rem;
  visibility: visible;
}
.amagtextbox input + span,
.amagtextbox textArea + span,
.amagemail input + span,
.amagnumericbox input + span,
.amagtelephone input + span,
.amagreadonlybox input + span,
.amagfileupload input + span {
  visibility: hidden;
  display: block;
  border-color: #e2001a;
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  top: 3.4rem;
  right: 1.8rem;
}
/*
 ***********************************************
 * DatePicker
 ***********************************************
 */
.guidedatepicker .datepicker-calendar-icon,
.guidedatepicker .datepicker-calendar-icon:hover {
  cursor: pointer;
}
.guidedatepicker .datepicker-calendar-icon {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.guidedatepicker .validation-failure .datepicker-calendar-icon {
  filter: invert(14%) sepia(88%) saturate(7484%) hue-rotate(349deg) brightness(86%) contrast(107%);
}
.guideFieldWidget.dateTimeEdit input {
  font-family: amag_textbold, SourceSansPro-Bold;
}
.amagdatepicker .validation-failure .guideFieldWidget.dateTimeEdit > div:after {
  content: url(amag-standard-theme/assets/images/c6808c41fd4642f45ba2e69d90773c3b.png);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  padding-left: 0.5rem;
  visibility: visible;
}
.amagdatepicker,
.datePickerTarget {
  font-family: amag_textbold, SourceSansPro-Bold;
  font-size: 1rem;
  /*pattern liberary .8rem;*/
}
/*
 ***********************************************
 * FileUpload
 ***********************************************
 */
/* center warning image */
.amagfileupload.fileupload {
  font-family: amag_textlight, SourceSansPro-Regular;
}
.amagfileupload .fileupload-dropzone {
  background: white;
  border: 2px solid #8b8a87;
  font-family: amag_textlight, SourceSansPro-Regular;
  margin-bottom: 0px;
}
.amagfileupload .fileupload-dropzone .fileupload-icon {
  filter: invert(59%) sepia(7%) saturate(118%) hue-rotate(7deg) brightness(92%) contrast(82%);
}
.amagfileupload .validation-failure .fileupload-dropzone .fileupload-icon {
  filter: invert(14%) sepia(88%) saturate(7484%) hue-rotate(349deg) brightness(86%) contrast(107%);
}
.amagfileupload .validation-failure .fileupload-dropzone {
  border-color: #e2001a;
  color: #e2001a;
}
.amagfileupload .validation-failure .fileupload-dropzone + span:after {
  content: url(amag-standard-theme/assets/images/c6808c41fd4642f45ba2e69d90773c3b.png);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  padding-left: 0.5rem;
  visibility: visible;
}
/*
 ***********************************************
 * Component Design: Amag Dropdownlist
 ***********************************************
 */
.amagdropdownlist label {
  display: block;
  width: 100%;
  position: relative;
  font-family: amag_textlight, SourceSansPro-Regular;
  font-size: 1rem;
  /*pattern liberary 1rem;*/
  margin-bottom: 0.625rem;
  /*pattern liberary 0.5rem;*/
  color: #323232;
}
.amagdropdownlist .dropDownList select {
  height: 2.75rem;
}
.amagdropdownlist .dropDownList ol {
  max-height: none;
  min-height: 2.75rem;
  background-color: transparent;
}
.amagdropdownlist .dropDownList select,
.amagdropdownlist .dropDownList ol {
  display: block;
  width: 100%;
  font-family: amag_textbold, SourceSansPro-Bold;
  font-size: 1rem;
  color: #000000;
  border: 2px solid #8b8a87;
  /*background: transparent;*/
  background: url(amag-standard-theme/assets/images/4bda178de996b46a839b271ab272f68c.png) calc(99.5%) 3.84615385% 8px no-repeat, rgba(255, 255, 255, 0.5);
  border-radius: 0.2rem;
  padding-left: 0.5rem;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
  outline: none;
  cursor: pointer;
}
.amagdropdownlist .dropDownList select:hover {
  background: url(amag-standard-theme/assets/images/4bda178de996b46a839b271ab272f68c.png) calc(99.5%) 3.84615385% 8px no-repeat, rgba(255, 255, 255, 0.5);
}
.amagdropdownlist .dropDownList select::placeholder {
  color: #c5c4c3;
}
.amagdropdownlist .dropDownList select:focus,
.amagdropdownlist .dropDownList ol:focus {
  outline: 0;
  border-color: #000;
}
/* validation disabled defaul aem formating red border and background */
.amagdropdownlist .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-left-width: 0px;
  background: white;
}
.amagdropdownlist .validation-failure label {
  color: #e2001a;
}
.amagdropdownlist .validation-failure select,
.amagdropdownlist .validation-failure ol {
  border-color: #e2001a;
  color: #e2001a;
}
.amagdropdownlist .validation-failure select:focus {
  outline: 0;
  border-color: #e2001a;
}
.amagdropdownlist .guideFieldError {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  /*pattern liberary 0.7333333333333334rem;*/
  font-family: amag_textbold, SourceSansPro-Bold;
  color: #e2001a;
  padding-top: 0.0rem;
  padding-bottom: 0.0rem;
}
.amagdropdownlist .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-left-width: 0px;
  border-style: solid;
  border-color: #23b482;
}
/* smaler dropdownlist for error icon */
.amagdropdownlist .validation-failure .guideFieldWidget {
  width: calc(100% - 2.6rem);
}
.amagdropdownlist .validation-failure select + span:after,
.amagdropdownlist .validation-failure ol + span:after {
  content: url(amag-standard-theme/assets/images/c6808c41fd4642f45ba2e69d90773c3b.png);
  display: block;
  position: absolute;
  top: -0.3rem;
  right: 0;
  padding: 0;
  height: 1.1rem;
  width: 1.1rem;
  visibility: visible;
}
.amagdropdownlist select + span,
.amagdropdownlist ol + span {
  visibility: hidden;
  display: block;
  border-color: #e2001a;
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  top: 3.4rem;
  right: 1.8rem;
}
/*
 ***********************************************
 * Dropdown: Muliselect
 ***********************************************/
/*
.amagdropdownlist .dropDownList ol {
  font-family: amag_textlight, SourceSansPro-Regular;
  border: 2px solid #8b8a87;
  border-radius: 0.2rem;
}

.amagdropdownlist .dropDownList ol:hover {
  border-color: #000;
}

.amagdropdownlist .dropDownList ol li {
  border-radius: 0.2rem;
}

.amagdropdownlist .dropDownList ol li:hover {
  background-color: #fefdfd;
}

.amagdropdownlist .dropDownList ol li.item-selected {
  color: #000000;
  background-color: #b4b3b3;
}

.amagdropdownlist .dropDownList ol li:hover.item-selected {
  background-color: #fefdfd;
}
*/
/*
 ***********************************************
 * Component Design: Amag TNC and Checkbox
 ***********************************************/
.termsandconditions .guide-tnc-checkboxwidget.left {
  display: block;
}
.termsandconditions .guide-tnc-checkboxwidget.left input:hover {
  cursor: pointer;
}
.amagtermsandconditions .guideWidgetLabel label:after {
  content: ' *';
}
.guide-tnc-checkbox,
.guideFieldWidget.tnc > :nth-child(2) {
  float: left;
}
/********************************/
.amagtermsandconditions {
  font-size: 12px;
}
.amagtermsandconditions .guideFieldWidget.tnc {
  width: auto;
  float: none;
  display: inline-block;
  height: auto;
}
.amagtermsandconditions.guide-tnc-checkboxwidget.left {
  float: none;
  display: inline-block;
  height: auto;
  width: auto;
}
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox'] {
  float: none;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
  width: auto;
  height: auto;
  cursor: default;
}
.amagtermsandconditions .guide-tnc-link {
  line-height: 2em;
  margin-top: 1em;
  margin-top: -2px !important;
}
.amagtermsandconditions .guide-tnc-link a:hover {
  text-decoration: underline;
}
.amagtermsandconditions .guide-tnc-link a {
  line-height: 26px;
  color: #0f0f0f;
  padding-bottom: 5px;
  white-space: nowrap;
  font-weight: 600;
  margin-left: 0.125rem;
  display: block;
  width: 100%;
  position: relative;
  font-family: amag_textlight, SourceSansPro-Regular;
  font-size: 1rem;
  padding-top: 2px;
}
.amagtermsandconditions .guideTermsAndConditions div.guideFieldWidget > div {
  overflow: initial;
}
.amagtermsandconditions .guide-tnc-content {
  margin-top: 2em;
}
.amagtermsandconditions .guide-tnc-checkbox .guideWidgetLabel {
  display: inline;
  margin-left: .425em;
}
.amagtermsandconditions .guide-tnc-checkbox .guideWidgetLabel label {
  margin-left: .2em;
}
.amagcheckbox .guideCheckBoxItem .guideWidgetLabel label,
.amagtermsandconditions .guide-tnc-checkbox .guideWidgetLabel label {
  display: inline-block;
  width: 100%;
  position: relative;
  font-family: amag_textlight, SourceSansPro-Regular;
  font-size: 1rem;
  /* margin-bottom: 0.625rem; */
  margin-left: 0.3125rem;
  color: #323232;
}
.amagcheckbox .guideCheckBoxItem .guideWidgetLabel,
.amagcheckboxdynamic .guideCheckBoxItem .forms-checkbox__label {
  display: inline-block;
}
/* overwrite line height of aem standard */
.amagcheckbox .guideWidgetLabel.right label,
.guideWidgetLabel.left label,
.amagcheckboxdynamic .guideCheckBoxItem .form-element__label,
.amagtermsandconditions .guideWidgetLabel.right label,
.amagtermsandconditions .guideWidgetLabel.left label {
  line-height: initial;
}
.amagtermsandconditions .guideWidgetLabel.right label {
  display: none;
}
.amagcheckbox .XfaCheckBox input[type='checkbox'],
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux,
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox'] {
  /* display: none; */
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  vertical-align: middle;
  width: 1.5625rem;
  height: 1.5625rem;
  border: 2px solid #8b8a87;
  background-color: #ffffff;
  border-radius: 0.25rem;
  margin: 0;
  outline: none;
}
.amagcheckbox .XfaCheckBox input[type='checkbox']:focus,
.amagcheckbox .XfaCheckBox input[type='checkbox']:hover,
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux:focus,
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux:hover,
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox']:focus,
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox']:hover {
  border-color: #000;
}
.amagcheckbox .XfaCheckBox input[type='checkbox']:checked,
.amagcheckboxdynamic .guideItemSelected .XfaCheckBox .forms-checkbox_faux,
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox']:checked {
  content: "";
  border-color: #000;
  background: #000000 url(amag-standard-theme/assets/images/8d37c19be19f5a71ce51a747f79fd725.png) 50% no-repeat;
}
.amagcheckbox .guideRadioButtonItem,
.amagradiobutton .guideRadioButtonItem {
  cursor: default;
}
.amagcheckbox .guideFieldLabel.top label,
.amagcheckboxdynamic .guideFieldLabel.top label,
.amagradiobutton .guideFieldLabel.top label,
.amagtermsandconditions .guideFieldLabel.top label {
  display: block;
  width: 100%;
  position: relative;
  font-family: amag_textlight, SourceSansPro-Regular;
  font-size: 1rem;
  margin-bottom: 0.625rem;
  color: #323232;
}
/* validation error and back */
.amagcheckbox .guideFieldNode.validation-failure .guideFieldLabel.top label,
.amagcheckboxdynamic .guideFieldNode.validation-failure .guideFieldLabel.top label,
.amagradiobutton .guideFieldNode.validation-failure .guideFieldLabel.top label {
  color: #e2001a;
}
.amagcheckbox .guideFieldNode.validation-success .guideFieldLabel.top label,
.amagcheckboxdynamic .guideFieldNode.validation-success .guideFieldLabel.top label,
.amagradiobutton .guideFieldNode.validation-success .guideFieldLabel.top label {
  color: #323232;
}
.amagcheckbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagcheckboxdynamic .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-left-width: 0.25rem;
  border-color: #ffffff;
  background: white;
}
.amagcheckbox .guideFieldNode.validation-failure .XfaCheckBox input[type='checkbox'],
.amagcheckboxdynamic .guideFieldNode.validation-failure .XfaCheckBox .forms-checkbox_faux,
.amagtermsandconditions .guideFieldNode.validation-failure .guide-tnc-checkbox input[type='checkbox'] {
  border-color: #e2001a;
}
.amagcheckbox .guideFieldNode.validation-failure .guideCheckBoxItem .guideWidgetLabel label,
.amagcheckboxdynamic .guideFieldNode.validation-failure .guideCheckBoxItem .form-element__label {
  color: #e2001a;
}
.amagcheckbox .guideFieldNode.validation-success .guideCheckBoxItem .guideWidgetLabel label,
.amagcheckboxdynamic .guideFieldNode.validation-success .guideCheckBoxItem .form-element__label {
  color: #323232;
}
.amagcheckbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagcheckboxdynamic .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-left-width: 0.25rem;
  border-style: solid;
  border-color: #ffffff;
}
.amagcheckbox .guideCheckBoxItem {
  padding-top: 3px;
}
/*
 ***********************************************
 * Component Design: Amag Dynamic Checkbox
 ***********************************************
 */
/* hide default hook */
.amagcheckboxdynamic .forms-checkbox [type="checkbox"]:checked + .forms-checkbox__label .forms-checkbox_faux:after {
  display: none;
}
.amagcheckboxdynamic .guideCheckBoxItem .form-element__label {
  width: 100%;
  position: relative;
  font-family: amag_textlight, SourceSansPro-Regular;
  font-size: 1rem;
  /* margin-bottom: 0.625rem; */
  margin-left: 0.3125rem;
  color: #323232;
}
/*
 ***********************************************
 * Component Design: Amag Radio Button
 ***********************************************
 */
.amagradiobutton .guideRadioButtonItem {
  display: block;
}
/* Customize the label (the container) */
.amagradiobutton .ajila_rb_container {
  display: block;
  position: relative;
  padding-left: 2.1875rem;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  line-height: 1.5625rem;
  border: 0;
  outline: 0;
  min-height: 1.5625rem;
  font-family: amag_textlight, SourceSansPro-Regular;
  box-shadow: none;
  color: #323232;
}
/* Hide the browser's default radio button */
.amagradiobutton .ajila_rb_container input {
  position: absolute;
  opacity: 0;
}
/* Create a custom radio button */
.amagradiobutton .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.5625rem;
  width: 1.5625rem;
  border: 2px solid #8b8a87;
  border-radius: 50%;
}
/* When the radio button is checked, add a blue background */
.ajila_rb_container input:checked ~ .checkmark,
.ajila_rb_container:hover input ~ .checkmark,
.ajila_rb_container input:checked ~ .checkmark {
  border-color: #000 !important;
}
.ajila_rb_container:hover input:checked ~ .checkmark:after {
  background-color: #000;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.amagradiobutton .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the indicator (dot/circle) when checked */
.amagradiobutton .ajila_rb_container input:checked ~ .checkmark:after {
  display: block;
}
/* Style the indicator (dot/circle) */
.amagradiobutton .ajila_rb_container .checkmark:after,
.ajila_rb_container input:checked ~ .checkmark:after {
  top: 0.125rem;
  left: 0.125rem;
  width: 1.0625rem;
  height: 1.0625rem;
  border-radius: 50%;
  background: #000;
}
.ajila_rb_container input:checked ~ .checkmark,
.ajila_rb_container input:hover ~ .checkmark,
.ajila_rb_container:hover input:checked ~ .checkmark,
.ajila_rb_container:hover input ~ .checkmark:after {
  background-color: #ffffff;
}
.ajila_rb_container input:checked ~ .checkmark {
  border: 2px solid;
}
/* validation error and back */
/* style for change label color see checkbox */
.amagradiobutton .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagspecialradiobutton .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-left-width: 0.25rem;
  border-color: #ffffff;
  background: white;
}
.amagradiobutton .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagspecialradiobutton .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-left-width: 0.25rem;
  border-style: solid;
  border-color: #ffffff;
}
.amagradiobutton .guideFieldNode.validation-failure .ajila_rb_container {
  color: #e2001a;
}
/* dot of rb */
.amagradiobutton .guideFieldNode.validation-failure .ajila_rb_container .checkmark:after {
  background: #e2001a;
}
/* circle of rb */
.amagradiobutton .guideFieldNode.validation-failure .checkmark {
  border-color: #e2001a;
}
.amagradiobutton .guideFieldNode.validation-failure .ajila_rb_container input:checked ~ .checkmark {
  border-color: #e2001a;
}
.amagradiobutton .guideFieldNode.validation-failure .ajila_rb_container:hover input ~ .checkmark {
  border-color: #e2001a;
}
.amagradiobutton .guideFieldNode.validation-success .ajila_rb_container {
  color: #323232;
}
.amagradiobutton .guideFieldNode.validation-success .ajila_rb_container .checkmark:after {
  background: #000;
}
/* circle of rb */
.amagradiobutton .guideFieldNode.validation-success .checkmark {
  border-color: #000;
}
/*
 ***********************************************
 * Component Design: Amag Special Radio Button
 ***********************************************
 */
.amagspecialradiobutton .ajila_rb_container,
.amagspecialradiobutton .validation-success .ajila_rb_container {
  border: 2px solid #8b8a87;
  border-radius: 0.35rem;
  padding-top: .22rem;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  font-size: 1.05rem;
  font-family: amag_textbold, SourceSansPro-Bold;
  cursor: pointer;
  background-color: #ffffff;
  color: #000000;
  display: inline-flex;
}
.amagspecialradiobutton .validation-failure .ajila_rb_container {
  border-color: #e2001a;
  color: #e2001a;
}
.amagspecialradiobutton .ajila_rb_container:hover {
  border-color: #323232;
  background-color: #323232;
  color: #ffffff;
}
.amagspecialradiobutton .guideItemSelected .ajila_rb_container {
  border-color: #000000;
  color: #ffffff;
  background-color: #000000;
}
/*.amagspecialradiobutton .ajila_rb_container:before {
  content: url(assets/images/download.png);
  margin-right: 8px;
}*/
.amagspecialradiobutton .ajila_rb_container .checkmark {
  display: none;
}
.amagspecialradiobutton .guideCheckBoxItem .guideFieldWidget input[type="checkbox"],
.guideRadioButtonItem .guideFieldWidget input[type="radio"] {
  display: none;
}
/*******************************************************************
 * Image Choice
 *******************************************************************/
.amagimagechoicetranslation label {
  font-size: 1.15rem;
  font-family: amag_displaylight, SourceSansPro-Regular;
  text-decoration: none;
}
.btnBack span.iconButton-label {
  display: none;
}
.btnBack .button-default:not(.af-icon-button):hover {
  border-color: #323232;
  background-color: transparent;
}
.btnBack .button-default:not(.af-icon-button) {
  outline: 0;
  background: url(amag-standard-theme/assets/images/61c32f1cf7c9938e8d3b42c16a0858ab.png) center center no-repeat;
  align-items: center;
  border: 1px solid #000000;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 40px;
  border-radius: 0.35rem;
  padding: 0px;
  height: 40px;
  min-width: 40px;
  float: right;
}
.amagimagechoice .guideWidgetLabel p,
.amagselecteditem .guideWidgetLabel p {
  margin-top: 90px;
  margin-bottom: 0;
  font-family: amag_textbold, SourceSansPro-Bold;
  font-size: 1rem;
  color: #000000;
  line-height: 1.2rem;
  display: block;
  text-align: center;
}
.guideImageChoice .guideRadioButtonItem,
.guideImageChoice .guideCheckBoxItem {
  background-position-x: center;
}
.amagimagechoice .guideImageChoice .guideCheckBoxItem,
.amagimagechoice .guideImageChoice .guideRadioButtonItem,
.amagselecteditem .guideCheckBoxItem,
.amagselecteditem .guideRadioButtonItem {
  width: 219px;
  height: 90px;
  margin-bottom: 40px;
}
.guideImageChoice .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel,
.guideImageChoice .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel {
  background: url(amag-standard-theme/assets/aem-images/ImageChoiceSelectIcon.svg) center center no-repeat, rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  border: 1px solid #6f6d6a;
}
/*******************************************************************
 * Amag Selected Item
 *******************************************************************/
.amagselecteditem input[type="radio"],
.amagselecteditem input[type="checkbox"] {
  display: none;
}
.amagselecteditem .guideRadioButtonItem,
.amagselecteditem .guideCheckBoxItem {
  background-position-x: center;
}
/*******************************************************************
 * Amag ErrorBox
 *******************************************************************/
.amagerrorbox input {
  display: block;
  width: 100%;
  font-family: amag_textbold, SourceSansPro-Bold;
  font-size: 1rem;
  color: #e2001a;
  border: none;
  background: transparent;
  padding-left: 0.1rem;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
  height: 2.75rem;
}
.amagerrorbox input:focus {
  outline: 0;
  border: none;
}
.amagerrorbox .guideFieldError {
  display: none !important;
}
/*
 * ***********************************************************************
 * Ajila css for Amag Forms
 * ***********************************************************************
 */
#guideContainerForm {
  background-color: white;
}
.amag-style .guideGridFluidLayout {
  overflow-x: hidden;
  overflow-y: hidden;
}
/*
 ***********************************************
 * Amag Form Base
 ***********************************************
 */
/* Header */
div .afHeader {
  height: 60px;
  background-color: #ffffff;
  border-bottom-width: 0px;
  margin-bottom: 0rem;
}
div .afHeader .container {
  background: #f5f5f5;
  height: 60px;
}
.guideimage .amaglogo.logoImage img {
  height: 60px;
  margin-top: 0rem;
  margin-right: 0rem;
}
.afHeader .guideTextDraw.headerText {
  font-size: 1.5rem;
  margin-top: -1.2rem;
  font-family: amag_textlight, SourceSansPro-Regular;
  padding-left: 0rem;
  height: 70px;
}
.afHeader .guideTextDraw.headerText.thankyou {
  margin-top: -0.8rem;
}
/* mobile navigation always hidden (aem standard with max-width 767 visible) */
.mobileLayout .visible-xs {
  display: none !important;
}
.rootPanel.thankyou {
  padding-left: 20px;
  padding-right: 20px;
}
div .afHeader .container > div {
  display: inline-block;
}
/*
 ***********************************************
 * Accordion
 ***********************************************
 */
div .accordion-navigators .guideHeader > a {
  background-color: #ffffff;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 2px;
  border-color: #000000;
  font-family: amag_displaybold, SourceSansPro-Bold;
  font-size: 1.3125rem;
  color: #000;
}
div .accordion-navigators .guideHeader:hover > a,
div .accordion-navigators .active > .guideHeader:hover > a {
  color: #99badb;
  background-color: white;
}
div .accordion-navigators .active > .guideHeader:hover > a {
  color: #99badb;
  background-color: white;
  border-left-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
}
div .accordion-navigators .active > .guideHeader > a {
  color: #000;
  background-color: #ffffff;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
}
div .afAccordionPanel {
  background: #ffffff;
  border-left-width: 0px;
  border-bottom-width: 2px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-color: #000000;
}
/* offenes accordion panel */
.accordion-navigators > .active > .afAccordionPanel {
  padding-top: 0rem;
}
.borderPanel {
  border: 2px solid #8b8a87;
  border-radius: 5px;
  margin: 5px;
}
/********************************************
 * Multistep Wizard
 *******************************************/
.guideWizardLayout {
  background: #fff;
  padding-top: 0.5rem;
  border-color: #e6e6e6;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-style: solid;
}
.afWizardPanel {
  padding-left: 8.333%;
}
.wizard-navigators > li > a::before {
  display: none;
}
.wizard-navigators > li > a {
  color: #000;
  fill: #000;
  stroke: #000;
  background-color: #fff;
  font-family: amag_textbold, SourceSansPro-Bold;
  font-size: 1.05rem;
  text-decoration: none;
  width: auto;
  white-space: normal;
  padding: 0px 22px;
}
.wizard-navigators > li > a:focus {
  outline-width: 0px;
}
.wizard-navigators > li .progress {
  height: 2px;
  box-shadow: none;
  background: #ffffff;
}
.wizard-navigators > li.stepped .progress {
  background: #ffffff;
}
.wizard-navigators > li.active .progress,
.wizard-navigators > li.active.stepped .progress,
.wizard-navigators > li.active:hover .progress {
  background: #000000;
}
/*
 * This is required for backward compatibility - classes added based on number of tabs in wizard layout.
 */
.wizard-navigators > li.af-widget-itemnav-4 {
  width: auto;
}
.wizard-navigators > li.af-widget-itemnav-3 {
  width: auto;
}
.wizard-navigators > li.af-widget-itemnav-2 {
  width: auto;
}
.wizard-navigators > li.af-widget-itemnav-1 {
  width: auto;
}
/* hide wizard arrow navigation */
.wizard-nav-arrow.wizard-nav-prev,
.wizard-nav-arrow.wizard-nav-next {
  display: none;
}
/*
 ***********************************************
 * Component Design: Buttons
 ***********************************************
 */
.button-default:not(.af-icon-button) {
  height: 40px;
  outline: 0;
  border: 0.1rem solid #000;
  border-radius: 0.35rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 1.25rem;
  /*pattern liberary 1.05rem;*/
  padding-top: .425rem;
  padding-bottom: .425rem;
  min-width: 3rem;
  color: #ffffff;
  background-color: #000;
  font-family: amag_textbold, SourceSansPro-Bold;
  cursor: pointer;
}
.button-default:not(.af-icon-button):hover {
  border-color: #323232;
  background-color: #323232;
}
button:not(.af-icon-button):active,
button-default:not(.af-icon-button):focus {
  border-color: #323232;
  background-color: #323232;
}
.button-default:not(.af-icon-button):disabled,
.button:not(.af-icon-button):disabled:hover,
.button:not(.af-icon-button):disabled:active {
  cursor: default;
  color: #aba7a5;
  border-color: #aba7a5;
  background-color: #e1e1e0;
}
button.button-default.submit:not(.af-icon-button):hover,
button.button-default.moveNext:not(.af-icon-button):hover {
  background: #323232;
  border-color: #323232;
}
button.button-default.submit:not(.af-icon-button):active,
button.button-default.moveNext:not(.af-icon-button):active {
  background: #323232;
  border-color: #323232;
}
button.button-default.submit:not(.af-icon-button),
button.button-default.moveNext:not(.af-icon-button) {
  background: #000;
  border-color: #ffffff;
  color: #ffffff;
}
button:not(.af-icon-button):focus {
  background: #323232;
  border-color: #323232;
}
/*
 ***********************************************
 * Component Design: inputs
 ***********************************************
 */
.guideFieldWidget input,
.guideFieldWidget select,
.guideFieldWidget textarea,
.guideScribble img {
  width: 100%;
}
/*
 ***********************************************
 * RadioButton
 ***********************************************
 */
.checkmark {
  padding: 0;
}
.amagradiobutton .guideFieldWidget.XfaCheckBox,
.amagradiobutton .guideRadioButtonItem.guideFieldHorizontalAlignment {
  display: inline-block;
}
/*
 ***********************************************
 * special styling for customer forms
 ***********************************************
 */
.pnlCustomTitle .amagtextbox input {
  visibility: hidden;
}
.pnlCustomTitle .amagtextbox label {
  font-weight: 400;
  color: #333;
  margin-bottom: .5rem;
  font-size: 26px;
  line-height: 32px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
.wizard-navigators > li > a {
  text-transform: none;
}
.retailHeader {
  text-align: -webkit-center;
}
.retailForm {
  max-width: 600px;
}
#guideContainer-rootPanel-amagformtitle__ > p > b {
  font-family: amag_textbold;
}
.lilaButton .button-default {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #fff;
  background-color: #801977;
  border-color: #801977;
  margin-top: 20px;
}
.lilaButton .button-default:hover {
  background-color: black;
  border-color: black;
}
.retailFooter p {
  font-size: 12px;
  text-align: left;
}
@media (min-width: 992px) {
  .retailFooter p {
    text-align: right;
    margin-top: 30px;
  }
}
/* BBP Audi Zubehör Beschreibung*/
.amagtextdraw .guideTextDraw.lblZubehoerBeschreibung.guideStaticText {
  margin-top: 20px;
}
/* Terms and conditions */
.amagtermsandconditions .guide-tnc-link a:after {
  content: ' *';
}
.occasion .Button,
.occasion-button .xfaButton .button-default.submit {
  background-color: #f39400;
  border-color: #f39400;
}
.nora .checkbox-titleless label:after {
  content: ' *';
  color: #E2001A;
}
.nora .amagfileupload label {
  text-align: left;
  font-size: 18px !important;
  border-bottom-style: solid;
  border-color: #E1E1E0;
  border-width: 1.4px;
  padding-bottom: 8px;
  margin-top: 34px;
  margin-bottom: 20px;
}
.nora .amagfileupload .fileupload-dropzone {
  width: auto;
  height: 120px;
  background-color: #F5F5F5;
  border-color: #E1E1E0;
  border-width: 1px;
  margin-bottom: 20px;
}
.nora .amagfileupload .fileupload-dropzone:hover {
  width: auto;
  height: 120px;
  background-color: #E1E1E0;
  border-color: #E1E1E0;
  border-width: 1px;
}
.nora .amagfileupload .fileupload-dropzone:focus {
  width: auto;
  height: 120px;
  background-color: #E1E1E0;
  border-color: #0254A7;
  border-width: 1px;
  box-shadow: 0 0 0px #1589ee;
}
.nora .fileupload-dropinfo {
  color: #323232;
  text-align: center;
  font-family: amag_displaylight;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 150% */
  padding-top: 10px;
  padding-bottom: 0px;
}
.nora .fileupload-fileerror,
.nora .fileupload-filesuccess {
  font-family: amag_displaylight;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  /* 142.857% */
}
.nora .guideMessage {
  background-color: rgba(0, 0, 0, 0) !important;
}
.nora .fileupload-fileerror {
  color: #E2001A;
}
.nora .fileupload-filesuccess {
  color: #6F6D6A;
}
.nora .fileupload-progress,
.nora .fileupload-progressbar {
  background-color: #0254A7;
}
.nora .dz-complete .fileupload-progress {
  display: none;
}
.nora .fileupload-fileerror .error-icon,
.nora .fileupload-filesuccess .success-icon {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  margin-bottom: -4px;
}
.nora .fileupload-fileerror .error-icon {
  content: url("amag-standard-theme/assets/images/uploadfailed.svg");
}
.nora .fileupload-filesuccess .success-icon {
  content: url("amag-standard-theme/assets/images/uploadsuccessfull.svg");
}
.nora .fileupload-browseinfo {
  color: #0254A7;
  text-align: center;
  font-family: amag_displaylight;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  text-decoration: underline;
  line-height: 24px;
  /* 150% */
}
.nora .fileupload-fileitems {
  border-bottom: 1px #F5F5F5;
  border-bottom-style: solid;
}
.nora .fileupload-fileitem {
  display: flow;
  width: auto;
}
.nora .fileupload-filename,
.nora .fileupload-filecategory label {
  color: #323232;
  font-family: amag_displaybold;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  /* 150% */
}
.nora .fileupload-filecategory label {
  margin: 0;
  padding: 0 0 25px;
  font-size: 16px !important;
}
.nora .fileupload-remove {
  display: flex;
  width: 18px;
  height: 18px;
  justify-content: center;
  align-items: center;
  content: url(amag-standard-theme/assets/images/removeupload-default.svg);
  background-image: none;
}
.nora .fileupload-remove:hover {
  content: url(amag-standard-theme/assets/images/removeupload-hover.svg);
}
.nora .fileupload-remove:focus {
  box-shadow: 0 0 0 2px #99BADB;
}
.nora .amagfileupload .guideFieldError {
  display: none !important;
}
.nora .fileupload-icon {
  display: none;
}
.nora .amagdropdownlist .dropDownList select option[value=""] {
  display: none;
}
.nora #guideContainer-rootPanel-wizard-toolbar-nextitemnav___guide-item,
.nora #guideContainer-rootPanel-wizard-toolbar-submit___guide-item {
  float: right;
  padding: 0 15px 0 0;
}
.nora .amagtermsandconditions .guide-tnc-link a {
  white-space: break-spaces;
}
.nora .amagtermsandconditions .guideFieldWidget.tnc {
  display: flex;
}
.nora .guide-tnc-checkbox {
  width: 25px;
  margin-right: 5px;
}
.nora .guideFieldNode[data-mandatory=true] .guideFieldLabel label:after,
.nora .fileupload-mandatory label:after,
.nora .amagtermsandconditions .guide-tnc-link a:after {
  color: #E2001A;
}
@media (pointer: coarse) {
  .nora .guideToolbarNode {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    position: relative;
    background: white;
    border-color: transparent;
  }
}
.amag-ch-form .occasion .pnlSearchFilter .col-md-4:nth-child(3) {
  padding-top: 0;
}
.amag-ch-form .occasion .btnSearch {
  padding-top: 45px;
}
/*
 ***********************************************
 * Fragment Design: Dealer search
 ***********************************************
 */
.pnlSearchFilter .guideTextDraw.guideStaticText {
  padding-top: 40px;
  width: 100%;
  font-family: amag_textlight, SourceSansPro-Regular;
  font-size: 1rem;
  color: #323232;
}
.pnlSearchFilter {
  margin-bottom: 20px;
}
.pnlSearchFilter .col-md-4:nth-child(3) {
  padding-top: 14px;
}
@media (min-width: 992px) {
  .pnlSearchFilter .col-md-4:nth-child(3) {
    padding-top: 45px;
  }
}
.pnlSearchResults .ckbSelected .guideWidgetLabel label {
  display: none;
}
.pnlSearchResults .col-md-2,
.pnlSearchResults .col-md-3 {
  width: calc(33% - 14px);
}
.pnlSearchResults .col-md-2:nth-child(1),
.pnlSearchResults .col-md-3:nth-child(1) {
  width: 40px;
}
.pnlSearchResult .guideTextDraw.guideStaticText {
  padding-top: 14px;
}
.pnlSearchResult .pnlValues {
  display: none;
}
.pnlSearchResult .guideCheckBoxItem .guideWidgetLabel {
  display: none;
}
/* padding for partner result move near by label */
.amagdealersearch .amagreadonlybox span {
  padding-top: 0px;
}
/*******************************************************************
 * AMAG CH special style
 *******************************************************************/
.amag-ch-form .amagdealersearch .amagtitledraw .guideStaticText {
  padding-bottom: 0px;
}
.amag-ch-form .amagdealersearch .pnlSearchFilter .guideTextDraw.guideStaticText {
  padding-top: 0px;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
  line-height: normal;
  overflow-x: auto;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .gridFluidLayout.gridFluidLayout {
  background-color: initial;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  /*background-color: #FFFFFF;*/
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent > .gridFluidLayout > .guideLayout.guideGridFluidLayout {
  background-color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
    width: 1140px;
  }
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .amagcheckbox .XfaCheckBox input[type='checkbox'] {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding-right: 0px;
  padding-left: 0px;
  /* width: auto; */
  padding-bottom: 0px;
  padding-top: 0px;
  /* height: auto; */
  cursor: pointer;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .amagcheckbox .XfaCheckBox input[type='checkbox']:checked {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIGhlaWdodD0iMTJweCIgd2lkdGg9IjEycHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDI5LjEwNyAyOS4xMDciIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJjMTQ3X2Z1bGxfbW9vbiI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0xNC41NTQsMEM2LjU2MSwwLDAsNi41NjIsMCwxNC41NTJjMCw3Ljk5Niw2LjU2MSwxNC41NTUsMTQuNTU0LDE0LjU1NWM3Ljk5NiwwLDE0LjU1My02LjU1OSwxNC41NTMtMTQuNTU1CgkJCQlDMjkuMTA2LDYuNTYyLDIyLjU1LDAsMTQuNTU0LDB6Ii8+CgkJPC9nPgoJPC9nPgoJPGcgaWQ9IkNhcGFfMV8xNF8iPgoJPC9nPgo8L2c+Cjwvc3ZnPg==") 50% no-repeat;
}

/*
 * ***********************************************************************
 * Audi Fonts
 * ***********************************************************************
 */
@font-face {
  font-family: AudiTypeExtended;
  font-style: normal;
  font-weight: 700;
  font-weight: var(--font-weigh t-bold);
  src: url(audi-theme/assets/fonts/AudiType-ExtendedBold.woff2) format("woff2"), url(audi-theme/assets/fonts/AudiType-ExtendedBold.woff) format("woff");
}
@font-face {
  font-family: AudiTypeExtended;
  font-style: normal;
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  src: url(audi-theme/assets/fonts/AudiType-ExtendedNormal.woff2) format("woff2"), url(audi-theme/assets/fonts/AudiType-ExtendedNormal.woff) format("woff");
}
@font-face {
  font-family: AudiTypeWide;
  font-style: normal;
  font-weight: 700;
  font-weight: var(--font-weight-bold);
  src: url(audi-theme/assets/fonts/AudiType-WideBold.woff2) format("woff2"), url(audi-theme/assets/fonts/AudiType-WideBold.woff) format("woff");
}
@font-face {
  font-family: AudiTypeWide;
  font-style: normal;
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  src: url(audi-theme/assets/fonts/AudiType-WideNormal.woff2) format("woff2"), url(audi-theme/assets/fonts/AudiType-WideNormal.woff) format("woff");
}
@font-face {
  font-family: AudiTypeWide;
  font-style: normal;
  font-weight: 200;
  font-weight: var(--font-weight-light);
  src: url(audi-theme/assets/fonts/AudiType-WideLight.woff2) format("woff2"), url(audi-theme/assets/fonts/AudiType-WideLight.woff) format("woff");
}
@font-face {
  font-family: AudiType;
  src: url(audi-theme/assets/fonts/AudiTypeVF_Lat.woff2) format('woff2-variations');
  font-display: swap;
  font-style: normal;
  font-stretch: 100% 130%;
}
/*
 * ***********************************************************************
 * AMAG Fonts
 * ***********************************************************************
 */
@font-face {
  font-family: 'amag_displaylight';
  src: url(amag-standard-theme/assets/fonts/d56f9fd90a462da7a81f39aabc503741.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'amag_displaybold';
  src: url(amag-standard-theme/assets/fonts/6c834d6be51323d8ca5d6ec90b2b70a3.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'amag_textbold';
  src: url(amag-standard-theme/assets/fonts/21e41adaaa00aec2d07aeec36d075d59.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'amag_textlight';
  src: url(amag-standard-theme/assets/fonts/d56f9fd90a462da7a81f39aabc503741.woff) format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: SourceSansPro-Regular;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url(amag-standard-theme/assets/fonts/03adbb294261977089607cdea10b520c.woff) format("woff");
}
@font-face {
  font-family: SourceSansPro-Bold;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: url(amag-standard-theme/assets/fonts/3de2d47959ffabfad7fc0cb67ca991aa.woff) format("woff");
}
/*
 ***********************************************
 * General Audi Design Settings
 ***********************************************
 */
html {
  font-size: 20px;
  overflow-x: hidden;
  height: 100%;
  background-color: #FFFFFF;
}
body {
  background-color: #FFFFFF;
}
#guideContainerForm {
  background-color: #FFFFFF;
}
.guideRootPanel.guideRootPanel {
  margin-top: 20px;
}
.rootPanel .gridFluidLayout.gridFluidLayout {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  [id$="_guide-item-container"] {
    overflow-x: inherit;
  }
  .toolbar {
    height: 71px;
  }
  .guideToolbarNode {
    background: rgba(255, 255, 255, 0.8);
  }
  .guidetoolbar {
    background: rgba(255, 255, 255, 0.8);
  }
}
/****************************************
 * Multi step
 ****************************************
 */
.guideWizardLayout {
  background: #FFFFFF;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-top-width: 0px;
  border-right-width: 0px;
  border-style: none;
}
@media (min-width: 768px) {
  .afWizardPanel {
    padding-left: 1.125rem;
    padding-bottom: 4rem;
    padding-right: 1.125rem;
    padding-top: 1rem;
    background-color: #ffffff;
  }
}
@media (max-width: 767px) {
  .afWizardPanel {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.guide-tab-scroller.guide-tab-scroller-previous {
  display: none;
}
.guide-tab-scroller.guide-tab-scroller-next {
  display: none;
}
@media (min-width: 768px) {
  .col-sm-10.PanelContainer.afWizardPanel {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-sm-10.PanelContainer.afWizardPanel {
    width: 89%;
  }
}
/*
 * This is required for backward compatibility - classes added based on number of tabs in wizard layout.
 */
.wizard-navigators > li.af-widget-itemnav-4 {
  width: auto;
}
.wizard-navigators > li.af-widget-itemnav-3 {
  width: auto;
}
.wizard-navigators > li.af-widget-itemnav-2 {
  width: auto;
}
.wizard-navigators > li.af-widget-itemnav-1 {
  width: auto;
}
.wizard-nav-prev,
.wizard-nav-next {
  display: none;
}
.wizard-navigators a::before {
  display: none;
}
.wizard-navigators {
  padding-bottom: 0rem;
}
.wizard-navigators > li .progress {
  display: none;
}
.wizard-navigators > li.stepped .progress {
  display: none;
}
.wizard-navigators > li.active .progress,
.wizard-navigators > li.active.stepped .progress,
.wizard-navigators > li.active:hover .progress {
  display: none;
}
.wizard-navigators > li.active > a,
.wizard-navigators > li.active.stepped > a,
.wizard-navigators > li.active > a:hover {
  color: #000;
  fill: #000;
  stroke: #000;
  background-color: #ffffff;
}
.wizard-navigators > li.stepped > a {
  color: rgba(0, 0, 0, 0.5);
  fill: rgba(0, 0, 0, 0.5);
  stroke: rgba(0, 0, 0, 0.5);
  background-color: transparent;
}
.wizard-navigators > li > a {
  background-color: transparent;
  padding: 20px 22px;
  display: inline-block;
  width: auto;
  font-family: 'AudiType', Verdana, Geneva, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.5);
  fill: rgba(0, 0, 0, 0.5);
  stroke: rgba(0, 0, 0, 0.5);
  border-top-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-color: #000000;
  position: relative;
  counter-increment: item;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  text-transform: capitalize;
  text-decoration: none;
  word-break: break-word;
  white-space: normal;
}
/*
 ***********************************************
 * Component Design: Amag Text Box
 ***********************************************
 */
.amagtextbox label,
.amagerrorbox label,
.amagreadonlybox label,
.amagemail label,
.amagnumericbox label,
.amagtelephone label,
.amagdatepicker label,
.amagfileupload label,
.amagdatepickerextended label {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: .75rem;
  font-weight: 400;
  text-align: left;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-property: top, font-size, color, opacity;
  pointer-events: none;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
}
.guideFieldWidget.dateTimeEdit input,
.guideFieldWidget.textField input,
.guideFieldWidget.textField span,
.guideFieldWidget.numericInput input,
.multiline.textField textArea {
  display: block;
  margin: 0;
  padding: .5em 0;
  width: 100%;
  min-height: 2.5rem;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  text-align: left;
  background: 0 0;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.3);
  transition: color 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
  resize: none;
  outline: 0;
  border-radius: 0;
  color: #333;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  overflow: visible;
  height: 2.75rem;
}
.guideFieldWidget.textField span {
  display: block;
  margin: 0;
  padding: .5em 0;
  width: 100%;
  min-height: 2.5rem;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  text-align: left;
  background: 0 0;
  border-width: 0px 0px 1px 0px;
  border-style: none;
  border-color: rgba(0, 0, 0, 0.3);
  transition: color 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
  resize: none;
  outline: 0;
  border-radius: 0;
  color: #333;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  overflow: visible;
  height: 2.75rem;
}
.guideFieldWidget.dateTimeEdit input:focus,
.guideFieldWidget.textField input:focus,
.guideFieldWidget.numericInput input:focus,
.multiline.textField textArea:focus {
  border-width: 0px 0px 2px 0px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.8);
}
.guideFieldWidget.dateTimeEdit input:hover,
.guideFieldWidget.textField input:hover,
.guideFieldWidget.numericInput input:hover,
.multiline.textField textArea:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
.guideFieldWidget.dateTimeEdit,
.guideFieldWidget.textField,
.guideFieldWidget.numericInput,
.multiline.textField {
  position: relative;
  transition-property: border, padding;
}
.amagcheckbox .guideFieldNode.validation-failure .guideCheckBoxItem .guideWidgetLabel label,
.amagcheckboxdynamic .guideFieldNode.validation-failure .guideCheckBoxItem .form-element__label,
.amagtermsandconditions .validation-failure label,
.amagtextbox .validation-failure label,
.amagreadonlybox .validation-failure label,
.amagemail .validation-failure label,
.amagnumericbox .validation-failure label,
.amagtelephone .validation-failure label,
.amagdropdownlist .validation-failure label,
.amagdatepicker .validation-failure label,
.amagdatepickerextended .validation-failure label,
.amagfileupload .validation-failure label {
  color: #bb0a30;
}
.amagtextbox .guideFieldError,
.amagreadonlybox .guideFieldError,
.amagcheckbox .guideFieldError,
.amagcheckboxdynamic .guideFieldError,
.amagtermsandconditions .guideFieldError,
.amagdropdownlist .guideFieldError,
.amagemail .guideFieldError,
.amagnumericbox .guideFieldError,
.amagtelephone .guideFieldError,
.amagradiobutton .guideFieldError,
.amagimagechoice .guideFieldError,
.amagdatepicker .guideFieldError,
.amagdatepickerextended .guideFieldError,
.amagfileupload .guideFieldError {
  display: block;
  color: #bb0a30;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 300;
  transition: color .25s linear;
  margin-top: .5rem;
  font-size: .8125rem;
  line-height: 1.25rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.amagtextbox .validation-failure input + span:after,
.amagreadonlybox .validation-failure input + span:after,
.amagemail .validation-failure input + span:after,
.amagnumericbox .validation-failure input + span:after,
.amagtelephone .validation-failure input + span:after,
.amagdropdownlist .validation-failure select + span:after,
.amagdatepicker .validation-failure .guideFieldWidget.dateTimeEdit > div:after,
.amagdatepickerextended .validation-failure .guideFieldWidget.dateTimeEdit > div:after,
.amagfileupload .validation-failure .fileupload-dropzone + span:after {
  content: '';
  display: block;
  visibility: hidden;
}
.amagtextbox .validation-failure .guideFieldWidget,
.amagreadonlybox .validation-failure .guideFieldWidget,
.amagemail .validation-failure .guideFieldWidget,
.amagnumericbox .validation-failure .guideFieldWidget,
.amagtelephone .validation-failure .guideFieldWidget .amagdropdownlist .validation-failure .guideFieldWidget,
.amagdatepicker .validation-failure .guideFieldWidget,
.amagdatepickerextended .validation-failure .guideFieldWidget,
.amagfileupload .validation-failure .guideFieldWidget {
  width: 100%;
}
.multiline.textField textarea {
  height: 2.75rem;
  min-height: 2.75rem;
}
.multiline.textField textarea {
  overflow: hidden;
}
/*******************************
* Dropdown
*******************************/
.amagdropdownlist .dropDownList select {
  display: block;
  width: 100%;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-radius: 0;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMycgaGVpZ2h0PSc4JyB2aWV3Qm94PScwIDAgMTMgOCc+PHBvbHlnb24gZmlsbD0ncmdiYSgwLCAwLCAwLCAwLjYpJyBwb2ludHM9JzYuNTExIDcuMzcxIDAgMC43MTUgMC43MzEgMCA2LjUxIDUuOTA3IDEyLjI2NyAwIDEzIDAuNzE0IDYuNTExIDcuMzcxJy8+PC9zdmc+") center center no-repeat;
  /*background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'><polygon fill='rgba(0, 0, 0, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/></svg>") center center no-repeat;*/
  background-position-x: 100%;
  background-position-y: 50%;
  padding-left: 0rem;
  padding-top: 0.7rem;
  padding-bottom: 0.5rem;
  margin: 0;
  padding-right: 1.3125rem;
  height: 2.75rem;
  outline: none;
  cursor: pointer;
  min-height: 2.5rem;
  box-shadow: none;
  transition: color, border;
  transition-duration: .25s;
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.amagdropdownlist label {
  width: 100%;
  position: absolute;
  top: 0;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-size: .75rem;
  text-align: left;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 400;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
  transition-property: top, font-size, color, opacity;
}
/*
 ***********************************************
 * DatePicker
 ***********************************************
 */
.guidedatepicker .datepicker-calendar-icon,
.guidedatepicker .datepicker-calendar-icon:hover {
  background: url(audi-theme/assets/images/calendar-events-small.svg) center center no-repeat;
  cursor: pointer;
}
.guidedatepicker .datepicker-calendar-icon {
  background-image: url(audi-theme/assets/images/calendar-events-small.svg);
  width: 24px;
  height: 24px;
  position: absolute;
  top: 15px;
  right: 0px;
}
.datetimepicker {
  background-color: #fff;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 700;
  font-size: 16px;
  outline: 1px solid #f2f2f2;
}
.datetimepicker .dp-header,
.datetimepicker .dp-clear {
  background-color: #fff;
  height: 40px;
  line-height: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.datetimepicker .view ul.header {
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom-style: none;
}
.datetimepicker .view ul li.dp-selected,
.datetimepicker .view ul li.dp-selected.dp-focus {
  background-color: #000;
  color: #fff;
}
.datetimepicker .view ul li:hover {
  background-color: #f2f2f2;
}
.datetimepicker .dp-header .dp-leftnav,
.datetimepicker .dp-header .dp-leftnav:hover {
  margin-left: 20px;
  background: url(audi-theme/assets/images/back-small.svg) no-repeat center center;
}
.datetimepicker .dp-header .dp-rightnav,
.datetimepicker .dp-header .dp-rightnav:hover {
  margin-right: 20px;
  background: url(audi-theme/assets/images/forward-small.svg) no-repeat center center;
}
/**************************************************
* RadioButton
 *************************************************/
.amagradiobutton .ajila_rb_container {
  display: inline-block;
  position: relative;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.2rem;
  padding: 2px 0 0 40px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.amagcheckbox .guideFieldLabel.top label,
.amagcheckboxdynamic .guideFieldLabel.top label,
.amagradiobutton .guideFieldLabel.top label,
.amagtermsandconditions .guideFieldLabel.top label {
  display: block;
  width: 100%;
  color: rgba(0, 0, 0, 0.6);
  font-size: .75rem;
  font-weight: 400;
  text-align: left;
  opacity: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition-property: top, font-size, color, opacity;
  pointer-events: none;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
}
.checkmark,
.amagradiobutton .ajila_rb_container input:checked ~ .checkmark,
.amagradiobutton .ajila_rb_container input ~ .checkmark {
  position: absolute;
  content: "";
  z-index: 1;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  transition: all .1s ease;
  padding: 0;
  top: 2px;
  left: 0;
  background-color: #fafaf9;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.radio input[type="radio"]:not(:checked) + label:after,
.radio input[type="radio"]:checked + label:after,
.amagradiobutton .ajila_rb_container input:checked ~ .checkmark:after {
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.8);
  width: 22px;
  height: 22px;
  border: 5px solid #fafaf9;
}
.ajila_rb_container input:checked ~ .checkmark {
  border-color: rgba(0, 0, 0, 0.5) !important;
}
.ajila_rb_container:hover input ~ .checkmark {
  border-color: rgba(0, 0, 0, 0.8) !important;
}
.ajila_rb_container:hover input ~ .checkmark:after {
  display: none;
}
.amagcheckbox .guideFieldNode.validation-failure .guideFieldLabel.top label,
.amagcheckboxdynamic .guideFieldNode.validation-failure .guideFieldLabel.top label,
.amagradiobutton .guideFieldNode.validation-failure .guideFieldLabel.top label {
  color: #bb0a30;
}
.amagradiobutton .guideFieldNode.validation-failure .checkmark {
  border-color: rgba(0, 0, 0, 0.5);
}
.amagradiobutton .guideFieldNode.validation-failure .ajila_rb_container {
  color: #333;
}
.amagradiobutton .guideFieldNode.validation-success .ajila_rb_container {
  color: #323232;
}
.amagradiobutton .guideFieldNode.validation-success .ajila_rb_container .checkmark:after {
  background: rgba(0, 0, 0, 0.8);
}
.amagradiobutton .guideFieldNode.validation-success .checkmark {
  border-color: rgba(0, 0, 0, 0.5);
}
.amagradiobutton .guideFieldNode.validation-failure .ajila_rb_container input:checked ~ .checkmark {
  border-color: rgba(0, 0, 0, 0.5);
}
.amagdropdownlist .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-left-width: 0.25rem;
  border-color: #ffffff;
  background: white;
}
/* overwrite left border of aem default validation */
.amagcheckbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagcheckbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagcheckboxdynamic .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtermsandconditions .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtermsandconditions .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagradiobutton .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagradiobutton .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtextbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagerrorbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagreadonlybox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagemail .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagnumericbox .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtelephone .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagimagechoice .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagdatepicker .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagdatepickerextended .guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtextbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagerrorbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagreadonlybox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagemail .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagnumericbox .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagtelephone .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagimagechoice .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagdatepicker .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart),
.amagdatepickerextended .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-color: transparent;
  background: transparent;
  border-left-width: 0.25rem;
}
/*****************************************************
* Checkbox and Terms & Condition
 *****************************************************/
.amagcheckbox .XfaCheckBox input[type='checkbox']:checked,
.amagcheckboxdynamic .guideItemSelected .XfaCheckBox .forms-checkbox_faux,
.amagtermsandconditions .guide-tnc-checkboxwidget input[type='checkbox']:checked {
  content: "";
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgdmlld0JveD0nMCAwIDEyIDEyJz48cG9seWdvbiBmaWxsPSclMjMzMzMzMzMnIHBvaW50cz0nNC45NDUgMTIgMCA3LjY5OSAwLjY2NyA2LjkyIDQuNzA4IDEwLjQzNSAxMS4xMzIgMCAxMiAwLjU0MyA0Ljk0NSAxMicgLz48L3N2Zz4=") center center no-repeat /*background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><polygon fill='%23333333' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /></svg>") center center no-repeat*/;
}
.amagcheckbox .guideWidgetLabel.right label {
  display: inline-block;
  position: relative;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.2rem;
  padding: 2px 0 0 2px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  margin-left: 0;
}
.amagcheckbox .guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget {
  position: absolute;
}
.amagcheckbox .guideCheckBoxItem .guideWidgetLabel {
  display: inline-block;
  padding-left: 40px;
}
.amagcheckbox .XfaCheckBox input[type='checkbox'],
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux,
.amagtermsandconditions .guide-tnc-checkboxwidget input[type='checkbox'] {
  content: "";
  border: 1px solid rgba(0, 0, 0, 0.5);
  width: 24px;
  height: 24px;
}
.amagcheckbox .XfaCheckBox input[type='checkbox']:focus,
.amagcheckbox .XfaCheckBox input[type='checkbox']:hover .amagtermsandconditions .guide-tnc-checkbox input[type='checkbox']:focus,
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux:focus,
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux:hover,
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox']:hover {
  border: 1px solid rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.15s linear, border 0.15s linear;
}
.amagcheckbox .XfaCheckBox input[type='checkbox']:hover {
  border-color: rgba(0, 0, 0, 0.8);
}
.amagcheckbox .XfaCheckBox input[type='checkbox'],
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux,
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox'] {
  /* display: none; */
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.5);
  /*background-color: #ffffff;*/
  margin: 0;
  outline: none;
  border-radius: 0rem;
}
.amagcheckbox .XfaCheckBox input[type='checkbox']:hover,
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox']:hover {
  border: 1px solid rgba(0, 0, 0, 0.8);
}
.guideCheckBoxItem .guideWidgetLabel label {
  margin-left: .2em;
  margin-right: 1.5rem;
  vertical-align: middle;
  cursor: pointer;
  font-weight: 400;
  line-height: 1.5;
  color: #333;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
}
.guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-bottom-width: 0px;
  border-right-width: 0px;
  border-top-width: 0px;
  border-left-width: 4px;
  border-style: solid;
  border-color: #23b482;
}
.amagcheckbox .guideFieldNode.validation-failure .XfaCheckBox input[type='checkbox'],
.amagcheckboxdynamic .guideFieldNode.validation-failure .XfaCheckBox .forms-checkbox_faux,
.amagtermsandconditions .guideFieldNode.validation-failure .guide-tnc-checkbox input[type='checkbox'] {
  border-color: #bb0a30;
}
/*Terms & condition */
.amagtermsandconditions .guideTermsAndConditions div.guideFieldWidget > div {
  display: inline-block;
}
.amagtermsandconditions .guideTermsAndConditions div.guideFieldWidget .guide-tnc-checkbox {
  position: relative;
}
.amagtermsandconditions .guideTermsAndConditions .tnc {
  display: flex;
}
.amagtermsandconditions .guideTermsAndConditions .tnc a {
  margin-left: 8px;
  white-space: break-spaces;
}
.amagtermsandconditions .guideWidgetLabel.right label {
  display: none;
}
.amagtermsandconditions .guide-tnc-checkbox input[type='checkbox'] {
  float: none;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-top: 0px;
  cursor: pointer;
}
.amagtermsandconditions .guide-tnc-link {
  padding-left: 10px;
}
.amagtermsandconditions .guide-tnc-link a:hover {
  text-decoration: none;
}
.amagtermsandconditions .guide-tnc-link a {
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #333;
  font-size: 1rem;
  text-decoration: none;
  white-space: normal;
  line-height: 1.2;
  margin-left: 0rem;
  padding-bottom: .06125rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  transition: color .3s linear, border .3s linear;
}
.amagtermsandconditions .guide-tnc-link a:after {
  content: ' *';
}
/*****************************************************
* Amag Dynamic Checkbox
 *****************************************************/
.amagcheckboxdynamic .guideCheckBoxItem .form-element__label {
  display: inline;
  position: relative;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.2rem;
  padding: 2px 0 0 12px;
  cursor: pointer;
  font-size: 1rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-shadow: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  margin-left: 0;
  margin-right: 1.5rem;
}
.amagcheckboxdynamic .guideCheckBoxItem .form-element__label {
  display: block;
  padding-left: 42px;
}
.amagcheckboxdynamic .XfaCheckBox .forms-checkbox_faux,
.amagcheckboxdynamic .guideItemSelected .XfaCheckBox .forms-checkbox_faux {
  position: absolute !important;
  top: 2px;
}
/*****************************************************
* static Text
 *****************************************************/
.amagtextdraw .guideTextDraw.guideStaticText,
.amagtextdraw .guideStaticText {
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 300;
  color: #333;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 12px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
.amagformtitle .guideStaticText,
.amagtitledraw .guideStaticText {
  font-family: 'AudiType', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #333;
  margin-bottom: .5rem;
  font-size: 26px;
  line-height: 32px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}
.amagtextdraw ul {
  font-size: 18px;
  line-height: 28px;
  counter-reset: li;
  margin-left: 50px;
  padding-left: 0;
  list-style: none;
}
.amagtextdraw il {
  margin-left: 1.25rem;
  display: list-item;
  text-align: -webkit-match-parent;
}
.amagtextdraw ul li::before {
  content: "›";
  display: inline-block;
  width: 1.25rem;
  margin-left: -1.25rem;
  color: rgba(0, 0, 0, 0.3);
}
.amagtextdraw ol {
  counter-reset: li;
  font-size: 18px;
  line-height: 28px;
  margin-left: 50px;
  padding-left: 0;
  list-style: none;
}
.amagtextdraw ol li::before {
  counter-increment: li;
  content: counter(li);
  display: inline-block;
  width: 1.25rem;
  margin-left: -1.25rem;
  color: rgba(0, 0, 0, 0.3);
}
.amagtextdraw ol li::marker {
  display: none !important;
  color: white;
}
.amagtextdraw .zubehoerCalculated p {
  font-weight: 700;
  margin-block-end: 0em;
}
.amagtextdraw .zubehoerCalculated ul {
  margin-block-start: 0em;
  margin-block-end: 2rem;
}
/*
 ***********************************************
 * Component Design: Buttons
 ***********************************************
 */
.button-default:not(.af-icon-button) {
  outline: 0;
  background-color: #000000;
  align-items: center;
  border: 0px solid #000000;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  max-width: 600px;
  width: auto;
  border-radius: 0rem;
  padding: 0px 0px 0px 0px;
  height: fit-content;
}
button.button-default.submit:not(.af-icon-button),
button.button-default.moveNext:not(.af-icon-button) {
  background-color: #000000;
  border-color: #000000;
  margin-left: 15px;
  margin-right: 15px;
}
.button-default:not(.af-icon-button) .iconButton-label {
  height: auto;
  font-family: AudiTypeWide, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  text-decoration: none;
  max-width: 600px;
  min-width: 240px;
  width: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tbBack .button-default:not(.af-icon-button) .iconButton-label {
  background-color: white;
  color: black;
  box-shadow: inset 0 0 0 0.5px black;
}
button.button-default.submit:not(.af-icon-button):hover,
button.button-default.submit:not(.af-icon-button):focus {
  border-color: #333;
  background-color: #333;
}
button.button-default.submit:not(.af-icon-button):active {
  border-color: #000000;
  background-color: #fff;
  color: #000000;
}
.button-default:not(.af-icon-button):active .iconButton-label {
  color: #000000;
}
button.submit:not(.af-icon-button):hover .iconButton-icon,
button.submit:not(.af-icon-button):focus .iconButton-icon {
  background: url(audi-theme/assets/aem-images/Submit-Hover.svg) center center / auto no-repeat, #333333;
  border-color: #333;
}
button.submit:not(.af-icon-button):active .iconButton-icon {
  background: url(audi-theme/assets/aem-images/Submit-Hover-active.svg) center center / auto no-repeat, transparent;
  border-color: #fff;
}
.secondButton .button-default:not(.af-icon-button) {
  background-color: #fff;
  border: 1px solid #000000;
}
.secondButton .button-default:not(.af-icon-button) .iconButton-label {
  color: #000000;
}
.secondButton .button-default:not(.af-icon-button):hover {
  border: 1px solid #4c4c4c;
  background-color: #fff;
}
.secondButton .button-default:not(.af-icon-button) .iconButton-label {
  color: #4c4c4c;
}
@media (max-width: 767px) {
  button.button-default.button-medium:not(.af-icon-button) {
    height: 48px;
  }
  button.button-default.moveNext:not(.af-icon-button),
  button.button-default.movePrev:not(.af-icon-button) {
    width: 48px;
    padding-left: 0px;
    padding-right: 0px;
  }
  button.submit:not(.af-icon-button) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .btnBack .button-default:not(.af-icon-button) {
    padding-top: 10px;
    padding-right: 10px;
  }
}
.tbNext {
  float: right;
}
.pnlToolbar {
  padding-top: 25px;
}
@media (max-width: 767px) {
  .afToolbarButton .guidebutton button.submit .iconButton-label {
    display: block;
  }
  .afToolbarButton .guidebutton button.submit .iconButton-icon {
    display: none;
  }
}
@media (max-width: 399px) {
  .afToolbarButton .guidebutton button.submit .iconButton-label {
    min-width: 100px;
  }
}
button .iconButton-icon {
  /* display: none; */
  width: 48px;
  height: 48px;
  background: url(audi-theme/assets/images/system-back-black-filled.svg) center center / auto no-repeat;
}
.btnBack .button-default:not(.af-icon-button) {
  outline: 0;
  background: url(audi-theme/assets/images/system-back-black-filled.svg) center center no-repeat;
  align-items: center;
  border: 0px none #000000;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  overflow: hidden;
  position: relative;
  width: 48px;
  border-radius: 48px;
  padding: 0px;
  height: 48px;
  min-width: 48px;
  float: right;
}
.btnBack .button-default:not(.af-icon-button):hover {
  background: url(audi-theme/assets/images/system-back-hover-filled.svg) center center no-repeat;
}
.btnBack .button-default:not(.af-icon-button) .iconButton-label {
  display: none;
}
.button-default:not(.af-icon-button):hover,
.button:not(.af-icon-button):hover {
  background: #333;
  border-color: #333;
  color: #fff;
}
button.button-default.moveNext:not(.af-icon-button):disabled {
  background-color: #cccccc;
}
button:not(.af-icon-button):active,
button:not(.af-icon-button):focus,
button-default:not(.af-icon-button):active,
button-default:not(.af-icon-button):focus {
  background: #333;
  border-color: #333;
  color: #fff;
}
.button-default:not(.af-icon-button):active .iconButton-label,
.button:not(.af-icon-button):active .iconButton-label {
  color: #fff;
}
button.button-default.submit:not(.af-icon-button):hover,
button.button-default.moveNext:not(.af-icon-button):hover,
button.button-default.movePrev:not(.af-icon-button):hover {
  background: #333;
  border-color: #333;
  color: #fff;
}
button.button-default:not(.af-icon-button):disabled,
button.button-default.moveNext:not(.af-icon-button):disabled:hover {
  background-color: #cccccc;
}
#guideContainer-rootPanel-toolbar-previtemnav___guide-item {
  float: left;
}
button.moveNext .iconButton-icon {
  background: url(audi-theme/assets/images/forward-large.svg) center center / auto no-repeat;
}
button.moveNext:not(.af-icon-button):hover .iconButton-icon {
  background: url(audi-theme/assets/images/forward-large.svg) center center / auto no-repeat #333333;
}
button.moveNext:not(.af-icon-button):disabled .iconButton-icon {
  background: url(audi-theme/assets/images/forward-large.svg) center center / auto no-repeat #cccccc;
}
#guideContainer-rootPanel-toolbar-nextitemnav___guide-item,
#guideContainer-rootPanel-toolbar-submit___guide-item {
  float: right;
}
button.movePrev .iconButton-icon {
  background: url(audi-theme/assets/images/back-large.svg) center center / auto no-repeat;
}
button.movePrev:not(.af-icon-button):hover .iconButton-icon {
  background: url(audi-theme/assets/images/back-large.svg) center center / auto no-repeat #333333;
}
#guideContainer-rootPanel-pnlWizard-toolbar-nextitemnav___guide-item,
#guideContainer-rootPanel-pnlWizard-toolbar-submit___guide-item {
  float: right;
}
button.submit .iconButton-icon {
  background: url(audi-theme/assets/images/skip-next-large.svg) center center / auto no-repeat;
}
button.submit:not(.af-icon-button):hover .iconButton-icon {
  background: url(audi-theme/assets/images/skip-next-large.svg) center center / auto no-repeat #333333;
}
/***
* Image Choice
 */
.amagimagechoice .guideFieldLabel label {
  font-family: AudiTypeWide, sans-serif;
  font-size: 21px;
  line-height: 30px;
  font-weight: 700;
  color: #333;
  margin-left: 15px;
}
.amagimagechoice .guideImageChoice .guideCheckBoxItem,
.amagimagechoice .guideImageChoice .guideRadioButtonItem {
  width: 219px;
  height: 90px;
  margin-bottom: 30px;
}
.amagimagechoice .guideImageChoice .guideCheckBoxItem:hover p,
.amagimagechoice .guideImageChoice .guideRadioButtonItem:hover p {
  text-decoration: underline;
  font-weight: 700;
  color: #767676;
}
.amagimagechoice .guideWidgetLabel p {
  margin-top: 90px;
  margin-bottom: 0;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.2rem;
  font-size: 16px;
  display: block;
  text-align: center;
}
.amagimagechoice .guideWidgetLabel p:hover {
  text-decoration: underline;
}
.amagimagechoice .guideImageChoice .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel,
.amagimagechoice .guideImageChoice .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel {
  background: url(audi-theme/assets/images/system-select-large.svg) center center no-repeat, rgba(0, 0, 0, 0.5);
}
.amagimagechoice .guideImageChoice .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel p,
.amagimagechoice .guideImageChoice .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel p {
  font-weight: 700;
  color: #333;
  text-decoration: underline;
}
/**
 * AMAG Dealer Search
 */
.amagdealersearch .amagtitledraw .guideStaticText {
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 12px;
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding-bottom: 30px;
}
.amagdealersearch .amagcheckbox .guideWidgetLabel.right label {
  display: none;
}
@media (max-width: 991px) {
  .pnlSearchResults .pnlCaptions {
    display: none;
  }
  .pnlSearchResults .col-md-2:nth-child(3),
  .pnlSearchResults .col-md-3:nth-child(1) {
    display: none;
  }
  /*
  .amagdealersearch .button-default:not(.af-icon-button) {
    margin-left: 15px;
  }*/
  .pnlSearchResults .col-md-2,
  .pnlSearchResults .col-md-3 {
    width: auto;
    display: inline-block;
  }
}
/**
 * AMAG Newsletter
 */
.amagnewslettersignup .guideStaticText.bold {
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 700;
  color: #333;
  font-size: 18px;
}
.amagnewslettersignup .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border-color: transparent;
}
.pnlSearchFilter .col-md-4:nth-child(3) {
  padding-top: 16px;
}
.pnlSearchResults .pnlCaptions .amagtextdraw .guideStaticText {
  font-weight: 700;
}
.pnlSearchResult .guideTextDraw.guideStaticText {
  padding-top: 0px;
}
.pnlSearchResults .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  margin-top: 0px;
  padding-top: 0px;
}
.pnlSearchResults .amagcheckbox .guideFieldError {
  display: none;
}
.pnlSearchResults .guideTextDraw.guideStaticText {
  padding-left: 0.75rem;
  padding-right: 0px;
}
.pnlSearchResults {
  padding-bottom: 15px;
}
/*
 ***********************************************
 * FileUpload
 ***********************************************
 */
.amagfileupload .validation-failure .fileupload-dropzone {
  border-color: rgba(0, 0, 0, 0.3);
  color: #bb0a30;
}
.amagfileupload .fileupload-dropzone {
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 300;
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.amagfileupload .validation-failure .fileupload-dropzone .fileupload-icon {
  filter: invert(11%) sepia(50%) saturate(7221%) hue-rotate(339deg) brightness(109%) contrast(101%);
}
.amagfileupload label {
  position: relative;
}
/*******************************************************************
 * Amag ErrorBox
 *******************************************************************/
.amagerrorbox .guideFieldWidget.textField input {
  display: block;
  color: #bb0a30;
  border: none;
}
.amagerrorbox input:focus {
  outline: 0;
  border: none;
}
.audiHeader {
  font-family: AudiTypeWide;
  font-style: normal;
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  background-color: white;
  border-bottom: 2px solid black;
  height: 72px;
}
.audiHeader .logo {
  display: block;
  position: relative;
  top: 33%;
  margin-left: 96px;
  margin-right: 96px;
}
.audiFooter {
  background-color: black;
  height: 116px;
  display: flex;
  align-items: center;
  margin-top: auto;
}
.audiFooter .audiFooterContent {
  width: 100%;
  font-family: AudiTypeWide;
  font-style: normal;
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  font-size: small;
  color: white;
  margin-left: 96px;
  margin-right: 96px;
  border-top: 1px solid #515151;
  padding-top: 24px;
}
.main-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wizard-navigators > li > a {
  text-transform: none;
}
#guideContainer-rootPanel-panel_1477262534-amagtextbox___guide-item {
  background-color: #f2f2f2;
}
/*
 ***********************************************
 * Audi special style
 ***********************************************
 */
.pnlCustomTitle .guideFieldNode.formTitle:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  margin-top: 0px;
  margin-bottom: 0px;
}
.pnlCustomTitle .amagtextbox label {
  white-space: break-spaces;
}
.amag-ch-form .guideFieldNode.guideTextBox.formTitle {
  height: 48px;
  background-color: #333 !important;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: AudiTypeWide, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 150% */
}
@media (max-width: 444px) {
  .amag-ch-form .guideFieldNode.guideTextBox.formTitle {
    height: auto;
  }
}
.amag-ch-form .guideFieldNode.guideTextBox.formTitle label {
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  padding-top: 10px;
  font-family: AudiTypeWide, sans-serif;
  white-space: break-spaces;
}
@media (max-width: 425px) {
  .amag-ch-form .guideFieldNode.guideTextBox.formTitle label {
    text-align: center;
    word-break: break-word;
  }
}
.guideRootPanel.amag-ch-form {
  margin-top: 0px;
}
.amag-ch-form .clearfix {
  display: none;
}
.amag-ch-form .guideWizardLayout {
  padding-top: 0px;
}
.amag-ch-form .pnlWizard .wizard-navigators {
  visibility: hidden;
  height: 0;
}
.amag-ch-form .pnlCustomTitle .row {
  background-color: #f2f2f2;
}
.amag-ch-form .lblSubtitle p {
  color: #000;
  font-family: AudiTypeWide, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 125% */
  text-align: center;
  height: 25px;
  white-space: pre-wrap;
  margin-top: 20px;
  margin-bottom: 50px;
}
.mainPageTitle {
  margin-top: 83px;
}
.additionalInformation p {
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
  font-weight: 400;
  color: #333;
  line-height: 1.2rem;
  font-size: 16px;
  display: block;
  text-align: center;
}
.amag-ch-form .btnBack .button-default:not(.af-icon-button) {
  border-radius: 0;
  border-color: transparent;
  color: #999999;
  background-size: 36px;
  background: transparent url(audi-theme/assets/images/back-small-ch.svg) no-repeat left;
  float: left;
  width: 130px;
  margin-top: 15px;
}
.amag-ch-form .btnBack .button-default:not(.af-icon-button) .iconButton-label {
  color: #999999;
  width: auto;
  display: block;
  text-align: center;
  font-family: AudiTypeWide, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
  /* 150% */
}
.amag-ch-form .pnlWizard .col-sm-10.PanelContainer.afWizardPanel {
  width: 100%;
  padding-top: 0;
}
.ui-datepicker.ui-widget.ui-widget-content,
.ui-datepicker select {
  font-family: AudiTypeWide, sans-serif;
}
@media (max-width: 991px) {
  .amag-ch-form .lblSubtitle p {
    font-size: 20px;
  }
  .amag-ch-form .pnlIcHeader .col-md-4 {
    width: 33.333%;
  }
  .amag-ch-form .btnBack .button-default:not(.af-icon-button) .iconButton-label {
    font-family: AudiTypeWide, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
  }
}
@media (max-width: 767px) {
  .amag-ch-form .guideToolbarNode {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    border-color: transparent;
  }
}
.amag-ch-form .amagdealersearch .amagtitledraw .guideStaticText {
  padding-bottom: 0px;
}
.amag-ch-form .amagdealersearch .pnlSearchFilter .guideTextDraw.guideStaticText {
  padding-top: 0px;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 11;
  line-height: normal;
  overflow-x: auto;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .gridFluidLayout.gridFluidLayout {
  background-color: initial;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  /*background-color: #FFFFFF;*/
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent > .gridFluidLayout > .guideLayout.guideGridFluidLayout {
  background-color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
}
@media (min-width: 768px) {
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
    width: 720px;
  }
}
@media (min-width: 992px) {
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
    width: 940px;
  }
}
@media (min-width: 1200px) {
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent {
    width: 1140px;
  }
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .pnlSearchResults .amagcheckbox .XfaCheckBox input[type='checkbox'] {
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  padding-right: 0px;
  padding-left: 0px;
  /* width: auto; */
  padding-bottom: 0px;
  padding-top: 0px;
  /* height: auto; */
  cursor: pointer;
}
.amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .pnlSearchResults .amagcheckbox .XfaCheckBox input[type='checkbox']:checked {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIGZpbGw9IiMwMDAwMDAiIGhlaWdodD0iMTJweCIgd2lkdGg9IjEycHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgCgkgdmlld0JveD0iMCAwIDI5LjEwNyAyOS4xMDciIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8Zz4KCTxnIGlkPSJjMTQ3X2Z1bGxfbW9vbiI+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0xNC41NTQsMEM2LjU2MSwwLDAsNi41NjIsMCwxNC41NTJjMCw3Ljk5Niw2LjU2MSwxNC41NTUsMTQuNTU0LDE0LjU1NWM3Ljk5NiwwLDE0LjU1My02LjU1OSwxNC41NTMtMTQuNTU1CgkJCQlDMjkuMTA2LDYuNTYyLDIyLjU1LDAsMTQuNTU0LDB6Ii8+CgkJPC9nPgoJPC9nPgoJPGcgaWQ9IkNhcGFfMV8xNF8iPgoJPC9nPgo8L2c+Cjwvc3ZnPg==") 50% no-repeat;
}
@media (max-width: 991px) {
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .pnlSearchResults .row {
    white-space: nowrap;
  }
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .pnlSearchResults .guideTextDraw.guideStaticText {
    font-size: 16px;
  }
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .pnlSearchResults .guideTextDraw.lblGarage.guideStaticText {
    font-weight: 700;
    padding-left: 5px;
  }
  .amag-ch-form .amagdealersearch .pnlSearchDealer .pnlSearchDealerContent .pnlSearchResults .guideTextDraw.lblCity.guideStaticText {
    padding-left: 2px;
  }
}
.rootPanel .showSelectedTypesOnly .pnlModels .guideRadioButtonGroupItems.guideImageChoice > .guideRadioButtonItem {
  display: none;
  max-width: 500px;
  width: 100%;
  height: auto;
}
.rootPanel .showSelectedTypesOnly .pnlModels .guideRadioButtonGroupItems.guideImageChoice > .guideRadioButtonItem.imageCheckButtonChecked.guideItemSelected {
  display: inline-block;
}
.rootPanel .showSelectedTypesOnly .pnlModels .guideRadioButtonGroupItems.guideImageChoice > .guideRadioButtonItem.imageCheckButtonChecked.guideItemSelected .guideWidgetLabel {
  background: none;
  border: 0;
  cursor: auto;
}
.rootPanel .showSelectedTypesOnly .pnlModels .guideRadioButtonGroupItems.guideImageChoice > .guideRadioButtonItem.imageCheckButtonChecked.guideItemSelected .guideWidgetLabel p {
  margin-top: 45%;
}
html.aem-AuthorLayer-Edit .rootPanel .showSelectedTypesOnly .pnlModels .guideRadioButtonGroupItems.guideImageChoice > .guideRadioButtonItem {
  display: inline-block;
  width: 219px;
  height: 90px;
}
/*
 ***********************************************
 * Amag Audi White Template Style
 ***********************************************
 */
body.amag-audi-white-style {
  background-color: white;
}
.amag-audi-white-style #guideContainerForm {
  background-color: white;
}
.amag-audi-white-style .container {
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 992px) {
  .amag-audi-white-style .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) {
  .amag-audi-white-style .container {
    padding-left: 0;
    padding-right: 0;
  }
}
.amag-audi-white-style #guideContainer-rootPanel-toolbar-nextitemnav___guide-item,
#guideContainer-rootPanel-toolbar-submit___guide-item {
  float: left;
}
@media (max-width: 767px) {
  .amag-audi-white-style .guideToolbarNode {
    background: white;
    position: relative;
    border: none;
    padding-left: 0px;
  }
  .amag-audi-white-style .toolbar {
    height: 2.85rem;
  }
}
@media (pointer: coarse) and (max-width: 991px) {
  .pnlToolbar {
    padding-right: 15px;
  }
  .pnlToolbar .tbBack,
  .pnlToolbar .tbNext {
    width: 100%;
    height: 66px;
  }
  .pnlToolbar .submit {
    border: 0 !important;
    margin: 0 !important;
  }
  .pnlToolbar .Button,
  .pnlToolbar .submit {
    border: 1px solid black;
    max-width: 100%;
    width: 100%;
  }
  .pnlToolbar .Button .iconButton-label,
  .pnlToolbar .submit .iconButton-label {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media (pointer: coarse) and (max-width: 767px) {
  .pnlToolbar .tbBack,
  .pnlToolbar .tbNext {
    height: 58px;
  }
}
@media (pointer: coarse) and (max-width: 420px) {
  .amagimagechoice .guideImageChoice .guideRadioButtonItem {
    width: inherit;
    height: 120px;
  }
  .amagimagechoice .guideWidgetLabel p {
    margin-top: clamp(100px, 30%, 100%);
  }
}
@media (pointer: coarse) and (min-width: 421px) {
  .amagimagechoice .guideImageChoice .guideRadioButtonItem {
    width: 48%;
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 12%;
  }
  .amagimagechoice .guideImageChoice .guideRadioButtonItem:nth-child(even) {
    margin-right: 0;
  }
  .guideImageChoice .guideRadioButtonItem .guideWidgetLabel {
    width: 100%;
  }
}