.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(standard-theme/aem-assets/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:hover {
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Minus.svg) center center / 0.75rem 0.75rem no-repeat;
  cursor: pointer;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:focus {
  background: url(standard-theme/aem-assets/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:hover {
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/HamburgerMenuWmargin-Default.svg) 50% 0% / auto 2rem no-repeat;
    margin-bottom: 0.5rem;
  }
  .guide-mobile-navigator .navigator-toggle:hover {
    background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/Chevron-Right.svg) 0.5rem 50% / auto 1rem no-repeat, #f1f1f1;
  border-bottom-width: 2px;
}
.accordion-navigators .guideHeader .repeatableButtons > button.Add:hover {
  background: url(standard-theme/aem-assets/Accordion-Add-Hover.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Add {
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Accordion-Add-Default.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .guideHeader .repeatableButtons button.Remove:hover {
  background: url(standard-theme/aem-assets/Accordion-Delete-Hover.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Remove {
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Accordion-Delete-Default.svg) 50% 33.33333333% 1.2rem no-repeat;
}
.guidegridFluidLayout2 {
  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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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(standard-theme/aem-assets/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-next:hover {
  background: url(standard-theme/aem-assets/Chevron-Right-Hover.svg) center center / 1rem 1rem no-repeat;
}
.guide-tab-scroller.guide-tab-scroller-next {
  cursor: pointer;
  height: 1.5rem;
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Chevron-Left-Hover.svg) center center / 1rem 1rem no-repeat;
}
.guide-tab-scroller.guide-tab-scroller-previous {
  cursor: pointer;
  height: 1.5rem;
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Accordion-Add-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
}
.guideTableRuntimeAddControl {
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Table-Edit-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
}
.guideTableRuntimeEditControl {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Accordion-Delete-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
}
.guideTableRuntimeDeleteControl {
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/fileattachmentlisting-ip.png) center top / contain no-repeat;
}
button.moveNext .iconButton-icon {
  background: url(standard-theme/aem-assets/Chevron-Right-White.svg) center center / auto 1.3rem no-repeat;
}
button.movePrev:not(.af-icon-button):hover .iconButton-icon {
  background: url(standard-theme/aem-assets/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;
}
button.movePrev:not(.af-icon-button):active .iconButton-icon {
  background: url(standard-theme/aem-assets/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;
}
button.movePrev .iconButton-icon {
  background: url(standard-theme/aem-assets/Chevron-Left-Hover.svg) center center / auto 1.3rem no-repeat;
}
button.reset:not(.af-icon-button):focus .iconButton-icon {
  background: url(standard-theme/aem-assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat;
}
button.reset:not(.af-icon-button):hover .iconButton-icon {
  background: url(standard-theme/aem-assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat, #666666;
}
button.reset:not(.af-icon-button):active .iconButton-icon {
  background: url(standard-theme/aem-assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat, #555555;
  border-color: #555555;
}
button.reset .iconButton-icon {
  background: url(standard-theme/aem-assets/Reset.svg) center center / auto 1.2rem no-repeat;
}
button .iconButton-icon {
  display: none;
  width: 1.5rem;
  height: 1.5rem;
  background: url(standard-theme/aem-assets/Save.svg) center center / auto 1.2rem no-repeat;
}
button.submit:not(.af-icon-button):focus .iconButton-icon {
  background: url(standard-theme/aem-assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat, #666666;
}
button.submit:not(.af-icon-button):hover .iconButton-icon {
  background: url(standard-theme/aem-assets/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(standard-theme/aem-assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat, #555555;
  border-color: #555555;
}
button.submit .iconButton-icon {
  background: url(standard-theme/aem-assets/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;
}
.afToolbarButton .guidebutton button:not(.af-icon-button) {
  margin-right: 0.5rem;
  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;
}
.afWizardPanel {
  padding-left: 16%;
  padding-bottom: 4rem;
  padding-right: 3.5rem;
  padding-top: 1rem;
}
@media (max-width: 767px) {
  .afWizardPanel {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    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(standard-theme/aem-assets/Save-Hover.svg) center center / auto 1.3rem no-repeat;
}
button.save:not(.af-icon-button):hover .iconButton-icon {
  background: url(standard-theme/aem-assets/Save-Hover.svg) center center / auto 1.3rem no-repeat, #666666;
}
button.save:not(.af-icon-button):active .iconButton-icon {
  background: url(standard-theme/aem-assets/Save-Hover.svg) center center / auto 1.3rem no-repeat, #555555;
}
button.save .iconButton-icon {
  background: url(standard-theme/aem-assets/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;
  }
}
/*
  =================================================================================================================
  Variable definitions. Define fonts, colors and logo-path here.
  =================================================================================================================
*/
body {
  --main-color: #0d477d;
  --secondary-color: #248aee;
  --control-primary-color: #333333;
  --tab-selected-color: #0070d2;
  --focus-color: #0d477d;
  --control-secondary-color: #d0d0d0;
  --text-color: #333333;
  --focus-text-color: #333333;
  --header1-font-size: 12px;
  --header2-font-size: 18px;
  --heading1-font-size: 24px;
  --heading2-font-size: 20px;
  --heading3-font-size: 16px;
  --text-font-size-normal: 16px;
  --text-font-size-medium: 14px;
  --text-font-size-small: 12px;
  --button-font-size: 16px;
}
.customer-header {
  padding-top: 25px;
  padding-left: 120px;
  background-image: url(standard-theme/assets/logo.png);
  background-repeat: no-repeat;
  background-size: auto 80px;
  background-position-y: 5px;
  background-position-x: 50px;
}
.customer-header-hcm {
  background-image: url(standard-theme/assets/logo_white.png);
}
/*
 =================================================================================================================
  Style definitions provided by the archetype. Changes on these styles are implemented in overrides.less
 =================================================================================================================
*/
/*
 ***********************************************
 * Global definitions
 ***********************************************
 */
body {
  font-family: var(--default-font);
}
/*
***********************************************
* Form Title
***********************************************
*/
.guideformtitle,
.guideTextDraw.guideformtitle {
  display: block;
}
@media (min-width: 767px) {
  .afHeader p {
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .formtitle.afFormTitle p {
    padding-left: 0;
    line-height: 1.5;
  }
  .guideformtitle,
  .guideTextDraw.guideformtitle {
    margin-left: 10px;
  }
}
/*
***********************************************
* Headings
***********************************************
*/
h1 {
  height: auto;
  font-family: var(--default-font);
  font-size: var(--heading1-font-size);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: var(--text-color);
  margin-top: 60px;
  margin-bottom: 0px;
  padding-left: 50px;
}
@media (max-width: 767px) {
  h1 {
    padding-left: 0px;
  }
}
h2 {
  font-family: var(--default-font);
  font-size: var(--heading2-font-size);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: var(--text-color);
  margin-top: 24px;
}
h3,
.guideGridFluidDescription.guidePanelDescription {
  font-family: var(--default-font);
  font-size: var(--heading3-font-size);
  color: var(--text-color);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  margin: 24px 0px 24px 0px;
}
.guidegridFluidLayout2 {
  color: var(--text-color);
}
/*
***********************************************
* Header
***********************************************
*/
.afHeader {
  height: 88px;
  background-color: #f4f4f4;
  border-color: #f4f4f4;
}
.afHeader .container {
  height: 85px;
  background-color: #f4f4f4;
  padding-top: 25px;
  padding-left: 120px;
  background-image: url(standard-theme/assets/logo.png);
  background-repeat: no-repeat;
  background-size: auto 80px;
  background-position-y: 5px;
  background-position-x: 50px;
}
.containerbar {
  height: 40px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: var(--main-color);
}
.headerText1,
.headerText2 {
  display: block !important;
}
.headerText1 p {
  font-family: var(--default-font);
  font-size: var(--header1-font-size);
  font-weight: bold;
  color: var(--text-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.headerText1.textdraw.guidetextdraw {
  padding-bottom: 4px;
}
.headerText2 p {
  font-family: var(--default-font);
  font-size: var(--header2-font-size);
  font-weight: bold;
  color: var(--text-color);
}
.headerText1 .guideTextDraw.guideStaticText,
.headerText2 .guideTextDraw.guideStaticText {
  padding: 0;
}
/*
 ***********************************************
 * Wizard
 ***********************************************
 */
.wizard-nav-arrow {
  display: none;
}
.guideWizardLayout {
  background-color: #ffffff;
  border: none;
  padding-top: 0px;
}
.hide-tab-scroll {
  display: none !important;
}
.forms-navigator {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  font-size: 0;
  margin-top: 30px;
}
.PanelContainer.afWizardPanel {
  width: 100%;
}
@media (max-width: 767px) {
  .PanelContainer.afWizardPanel {
    padding-right: 10px;
    padding-left: 10px;
  }
}
.afWizardPanel {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 6rem;
  padding-top: 0;
}
.guideToolbarNode {
  margin-top: 36px;
}
@media (min-width: 1200px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 992px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (min-width: 767px) {
  .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 767px) {
  .forms-navigator {
    padding-right: 10px;
    padding-left: 10px;
  }
  .afHeader {
    padding-left: 0px;
    padding-right: 0px;
  }
  .afHeader .container {
    background-position-x: 10px;
  }
  .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  .afToolbarButton .guidebutton button:not(.af-icon-button) {
    width: auto !important;
    margin-right: 0;
    margin-left: 0;
  }
  .guideToolbarNode {
    left: 0;
  }
  button.movePrev:not(.af-icon-button):hover .iconButton-icon {
    background: url(standard-theme/aem-assets/Chevron-Left-Hover.svg) center center / auto 1.3rem no-repeat;
  }
}
.step.mobileLayout {
  display: none;
}
.progress-text p {
  font-size: var(--text-font-size-small);
  font-weight: bold;
  margin-bottom: 6px;
}
.ajila-progressbar {
  border-radius: 8px;
  height: 100%;
  background-color: var(--main-color);
}
.ajila-progressbar-background {
  background-color: #f4f4f4;
  border-radius: 8px;
  float: left;
  height: 15%;
  text-align: center;
}
.ajila-progressbar-completed {
  transition: none;
}
/*
 ***********************************************
 * Panel
 ***********************************************
 */
.row .col-md-6:nth-child(odd) {
  padding-right: 24px;
}
.cq-Overlay--placeholder {
  background-color: rgba(255, 255, 255, 0);
}
@media (max-width: 991px) {
  .row .col-md-6:nth-child(odd) {
    padding-right: 0px;
  }
  .row .col-md-6:nth-child(even) {
    padding-left: 0px;
  }
  .row .col-md-4:nth-child(3n+1) {
    padding-right: 0px;
  }
  .row .col-md-4:nth-child(3n+2) {
    padding-left: 0px;
    padding-right: 0px;
  }
  .row .col-md-4:nth-child(3n+3) {
    padding-left: 0px;
  }
  .guidegridFluidLayout2 {
    overflow-x: inherit;
  }
}
@media (max-width: 767px) {
  [id$="_guide-item-container"] {
    overflow-x: inherit;
  }
}
@media (min-width: 992px) {
  .row .col-md-6:nth-child(even) {
    padding-left: 0px;
  }
  .row .col-md-4:nth-child(3n+1) {
    padding-right: 24px;
  }
  .row .col-md-4:nth-child(3n+2) {
    padding-left: 24px;
    padding-right: 24px;
  }
  .row .col-md-4:nth-child(3n+3) {
    padding-left: 24px;
  }
}
.repeatcontainer > .row > div {
  border-bottom: solid 2px var(--main-color);
  padding-top: 12px;
  padding-bottom: 12px;
}
.repeatcontainer > .row > div:last-child {
  border-bottom: none;
}
.repeatcontainerbuttons {
  margin-bottom: 0px;
}
.repeatcontainerheadertitle {
  font-size: var(--heading2-font-size);
  font-style: italic;
  font-weight: normal;
  margin: 12px 0px 24px 0px;
}
/*
 ***********************************************
 * Footer
 ***********************************************
 */
.afFooter {
  height: 30px;
  background-color: var(--main-color);
  margin-top: 1rem;
  z-index: 10;
  padding-top: 10px !important;
}
.afFooter .textdraw {
  display: block;
}
.afFooter .textdraw .guideTextDraw p {
  font-size: var(--text-font-size-small) !important;
  text-align: center !important;
  color: #ffffff !important;
  padding-top: 7px;
}
@media (min-width: 768px) {
  .afFooter {
    position: fixed;
    bottom: 0;
  }
}
/*
 ***********************************************
 * Infobox / Errorbox
 ***********************************************
 */
.infobox,
.alertbox {
  margin-top: 12px;
  margin-bottom: 12px;
}
.errorbox,
.ajilaFormsPdfError {
  margin-top: 24px;
  margin-bottom: 24px;
}
.ajilaFormsPdfError {
  padding: 12px 12px 12px 47px;
  line-height: 1.5;
}
.messagebox > .guideTextDraw,
.ajilaFormsPdfError {
  border-radius: 4px;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: 12px 12px;
}
.messagebox > .infobox.guideTextDraw {
  border: solid 1px #ebf3f6;
  background-color: #ebf3f6;
  background-image: url(standard-theme/assets/info.svg);
}
.messagebox > .errorbox.guideTextDraw {
  border: solid 1px #f8d7db;
  background-color: #f8d7db;
  background-image: url(standard-theme/assets/error.svg);
}
.messagebox > .alertbox.guideTextDraw,
.ajilaFormsPdfError {
  border: solid 1px #fff9e3;
  background-color: #fff9e3;
  background-image: url(standard-theme/assets/alert.svg);
}
.infobox p,
.errorbox p,
.alertbox p {
  margin-top: 11.5px;
  margin-bottom: 10px;
  padding-left: 45px;
  padding-right: 12px;
  font-size: var(--text-font-size-normal);
  line-height: 1.5;
}
.infobox p {
  color: #3f6d81;
}
.errorbox p {
  color: #a81204;
}
.alertbox p,
.ajilaFormsPdfError {
  color: var(--text-color);
}
.infobox p:before,
.errorbox p:before,
.alertbox p:before {
  border-radius: 50%;
  width: 18px;
  height: 18px;
}
.infobox p:before {
  border: solid 1.8px #ebf3f6;
}
.errorbox p:before {
  border: solid 1.8px #f8d7db;
}
.alertbox p:before {
  border: solid 1.8px #fff9e3;
}
.infobox .guideFieldNode {
  padding-top: 0;
  margin-bottom: 0;
}
.infobox ul {
  color: #3f6d81;
  line-height: 1.5;
  padding-left: 56px;
}
.infobox ol {
  color: #3f6d81;
  line-height: 1.5;
  padding-left: 56px;
}
/*
 ***********************************************
 * Buttons
 ***********************************************
 */
.afToolbarButton .guidebutton button:not(.af-icon-button),
.primarybutton.guidebutton button,
.secondarybutton.guidebutton button,
.tertiarybutton.guidebutton button {
  height: 45px;
  border-radius: 4px;
  color: #ffffff;
  background-color: var(--main-color);
  border-color: var(--main-color);
  font-family: var(--default-font);
  font-size: var(--button-font-size);
  font-weight: bold;
}
@media (min-width: 767px) {
  .afToolbarButton .guidebutton button:not(.af-icon-button),
  .primarybutton.guidebutton button,
  .secondarybutton.guidebutton button {
    min-width: 200px;
    margin-right: 0px;
  }
}
.primarybutton,
.secondarybutton {
  margin-top: 6px;
  margin-bottom: 6px;
}
.tertiarybutton {
  margin-top: 0px;
  margin-bottom: 0px;
}
.removebutton button,
.removebutton button:not(.af-icon-button):hover,
.removebutton button:not(.af-icon-button):active,
.removebutton button:not(.af-icon-button):focus,
.showbutton button,
.showbutton button:not(.af-icon-button):hover,
.showbutton button:not(.af-icon-button):active,
.showbutton button:not(.af-icon-button):focus,
.hidebutton button,
.hidebutton button:not(.af-icon-button):hover,
.hidebutton button:not(.af-icon-button):active,
.hidebutton button:not(.af-icon-button):focus {
  background-color: transparent;
  background-position: 5px 0;
  background-size: 24px;
  background-repeat: no-repeat;
  border: none;
  height: 24px;
  float: right;
}
.showbutton,
.hidebutton {
  height: 36px;
  padding-top: 18px;
}
@media (max-width: 985px) {
  .showbutton,
  .hidebutton {
    padding-top: 0px;
  }
}
.removebutton {
  height: 28px;
}
.removebutton .iconButton-label,
.showbutton .iconButton-label,
.hidebutton .iconButton-label {
  display: none;
}
.removebutton button,
.removebutton button:not(.af-icon-button):hover,
.removebutton button:not(.af-icon-button):active,
.removebutton button:not(.af-icon-button):focus {
  background-image: url(standard-theme/assets/delete.svg);
}
.showbutton button,
.showbutton button:not(.af-icon-button):hover,
.showbutton button:not(.af-icon-button):active,
.showbutton button:not(.af-icon-button):focus {
  background-image: url(standard-theme/assets/show.svg);
}
.hidebutton button,
.hidebutton button:not(.af-icon-button):hover,
.hidebutton button:not(.af-icon-button):active,
.hidebutton button:not(.af-icon-button):focus {
  background-image: url(standard-theme/assets/hide.svg);
}
button:focus {
  box-shadow: 0 0 6px var(--tab-selected-color);
  background-position: center !important;
  border-radius: 4px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
button:hover,
button:active {
  box-shadow: none;
  outline: none;
}
.afToolbarButton .guidebutton button.movePrev,
.secondarybutton.guidebutton button {
  border-color: var(--main-color);
  background-color: #ffffff;
  color: var(--main-color);
}
.tertiarybutton.guidebutton button {
  height: auto;
  border: none;
  background-color: #ffffff;
  color: var(--main-color);
  padding: 0;
  margin-bottom: 12px;
}
div[id*='toolbar-previtemnav'] {
  float: left;
}
div[id*='toolbar-nextitemnav'],
div[id*='toolbar-submit'] {
  float: right;
}
/*
 ***********************************************
 * Inputs general
 ***********************************************
 */
.guideFieldLabel.top {
  height: 36px;
}
input,
textarea,
.dropDownList select,
.guideFieldWidget.dateTimeEdit input {
  position: relative;
  border-color: #6e6e6e;
  border-left: none;
  border-top: none;
  border-right: none;
  border-bottom: solid 0.5px;
  border-radius: 0px;
  font-size: var(--text-font-size-normal);
  font-weight: normal;
  font-family: var(--default-font);
  background-color: transparent;
}
.guideFieldWidget select::-ms-expand {
  display: none;
}
input:hover,
textarea:hover,
.dropDownList select:hover {
  background-color: transparent;
}
textarea {
  line-height: 1.5;
  resize: none;
}
input:focus,
textarea:focus,
select:focus,
.guideFieldWidget.dateTimeEdit input:focus {
  border-color: var(--focus-color);
  border-width: 2px;
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.validation-failure input,
.validation-failure select,
.validation-failure textarea {
  border-color: #a81204 !important;
}
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border: none;
  background: none;
}
.guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  border: none;
  background: none;
}
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  padding: 0;
  border: none;
}
.guideFieldNode[data-disabled="true"] input,
.guideFieldNode[data-disabled="true"] select {
  border: none;
  background: none;
  opacity: initial;
}
.guideHelpQuestionMark {
  z-index: 99;
  height: 17px;
  width: 17px;
  top: 28px;
  background-color: #969696;
  right: 0;
}
.guideHelpQuestionMark:focus {
  box-shadow: 0 0 6px var(--tab-selected-color);
  outline: none;
}
.guideHelpQuestionMark:hover {
  background-color: var(--main-color);
}
.guideFieldLabel label,
.guideFieldLabel legend,
.guideFieldLabel top {
  min-height: 17px;
  font-family: var(--default-font);
  font-size: var(--text-font-size-normal);
  font-weight: bold;
  color: #6e6e6e;
  position: absolute;
  top: 28px;
  z-index: 2;
}
.guideActiveField .guideFieldLabel label,
.af-field-filled .guideFieldLabel label,
.aem-AuthorLayer-Edit .guidetextbox .guideFieldLabel label,
.aem-AuthorLayer-Edit .guidenumericbox .guideFieldLabel label,
.aem-AuthorLayer-Edit .guidedropdownlist .guideFieldLabel label,
.aem-AuthorLayer-Edit .guidedatepicker .guideFieldLabel label {
  font-size: var(--text-font-size-small);
  top: 0px;
  color: var(--focus-text-color);
}
.guideActiveField input,
.guideActiveField select,
.guideActiveField textarea {
  color: var(--focus-text-color);
}
.guidefield:not(.guideradiobutton):not(.guidecheckbox) .short-description {
  position: relative;
  top: 27px;
}
.short-description p {
  font-size: var(--text-font-size-small);
}
.validation-failure .short-description {
  display: none;
}
.validation-failure .guideFieldLabel label,
.validation-failure .guideFieldLabel legend {
  color: #a81204;
}
.validation-success .dropDownList select,
.af-field-filled:not(.validation-failure) .dropDownList select,
.validation-success .numericInput input,
.af-field-filled:not(.validation-failure) .numericInput input,
.validation-success .dateTimeEdit input,
.af-field-filled:not(.validation-failure) .dateTimeEdit input,
.validation-success .textField input,
.af-field-filled:not(.validation-failure) .textField input,
.validation-success .textField textarea,
.af-field-filled:not(.validation-failure) .textField textarea {
  border-color: #0d477d;
}
/*
 ***********************************************
 * Static TextDraw
 ***********************************************
 */
.guideTextDraw a,
.guideTextDraw a:visited {
  font-weight: normal;
  color: #1010e6;
}
.link a,
.link a:visited {
  font-weight: bold !important;
}
.guideTextDraw a:focus,
.link a:focus {
  box-shadow: 0px 0px 6px var(--tab-selected-color);
  border-radius: 4px;
  outline: 2px solid transparent;
  outline-offset: 2px;
  text-decoration: none;
}
.textdraw.guidetextdraw ul {
  padding-inline-start: 20px;
  margin-block-start: 0px;
}
.textdraw.guidetextdraw ol {
  padding-inline-start: 20px;
}
.guideTextDraw.guideStaticText {
  padding-left: 0;
  padding-right: 0;
}
.guideTextDraw .headerText1 p,
.guideTextDraw .headerText2 {
  margin-block-start: 0px;
  margin-block-end: 0px;
}
.textdraw .guideTextDraw:not(.headerText1):not(.headerText2) p {
  font-family: var(--default-font);
  font-size: var(--text-font-size-normal);
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.7;
  letter-spacing: 0.24px;
  text-align: left;
  color: var(--text-color);
  padding-bottom: 12px;
}
.titledraw .guideTextDraw p {
  font-family: var(--default-font);
  font-size: var(--heading3-font-size);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: normal;
  text-align: left;
  color: var(--text-color);
  padding-top: 8px;
}
.titledraw {
  margin-top: 18px;
}
.downloadform {
  padding-top: 24px;
}
p {
  margin-top: 0px;
  margin-bottom: 12px;
}
/*
 ***********************************************
 * DropDownList
 ***********************************************
 */
.guideFieldWidget select {
  padding-left: 0px;
}
.guideDropDownList {
  height: 88px;
  position: relative;
  z-index: 0;
}
.guideFieldWidget.dropDownList {
  position: absolute;
  z-index: 1;
  height: 68px;
  top: 18px;
}
.dropDownList select {
  background: url(standard-theme/assets/chevron_down.svg) calc(99.5%) 50% / auto 1rem no-repeat;
}
.dropDownList select:hover {
  background: url(standard-theme/assets/chevron_down_hover.svg) calc(99.5%) 50% / auto 1rem no-repeat;
}
/*
 ***********************************************
 * TextField / NumericBox
 ***********************************************
 */
.guideFieldError {
  padding-top: 0;
  position: relative;
  top: 27px;
  color: #a81204;
  font-size: var(--text-font-size-small);
}
.guideTextBox,
.guideNumericBox {
  height: 88px;
  position: relative;
  z-index: 0;
}
.guideFieldWidget input {
  padding-left: 1px;
}
.textField textarea {
  padding-left: 0px;
}
.multiline.textField textArea {
  height: 40px;
  overflow: hidden;
}
.guidefield:not(.guideradiobutton):not(.guidecheckbox) label {
  transition: font-size 500ms, top 500ms;
  -webkit-transition: font-size 500ms, top 500ms;
}
.guideFieldNode[data-mandatory=true] .guideFieldLabel label::after {
  content: ' *';
}
.guideFieldWidget.textField,
.guideFieldWidget.numericInput {
  position: absolute;
  z-index: 1;
  height: 68px;
  top: 18px;
}
.guideFieldDescription.long {
  z-index: 5;
  position: absolute;
  background-color: #f4f4f4;
  width: 100%;
  top: 55px;
  font-size: var(--text-font-size-small);
  padding-top: 12px;
}
/*
 ***********************************************
 * DatePicker
 ***********************************************
 */
.guideDatePicker {
  height: 88px;
  position: relative;
  z-index: 0;
}
.guideFieldWidget.dateTimeEdit {
  position: absolute;
  z-index: 1;
  height: 68px;
  top: 18px;
}
.datetimepicker .dp-header {
  background-color: #ffffff;
  color: var(--text-color);
}
.datetimepicker {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  outline: none;
}
.datetimepicker .dp-caption {
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  padding-top: 12px;
}
.datetimepicker .dp-header .dp-leftnav,
.datetimepicker .dp-header .dp-rightnav,
.datetimepicker .dp-header .dp-leftnav:hover,
.datetimepicker .dp-header .dp-rightnav:hover {
  height: 17px;
  width: 17px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  background-size: 17px auto;
}
.dp-monthview li {
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  height: 36px;
  width: 36px;
}
.datetimepicker .view ul.header li {
  font-family: var(--default-font);
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #6e6e6e;
}
.datetimepicker .dp-clear {
  background-color: #ffffff;
}
.datetimepicker .view ul li.dp-selected,
.datetimepicker-notouch .view ul:not(.header) li:not(.disabled):hover {
  font-size: 15px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  background-color: #f4f4f4;
  border: solid 1px #f4f4f4;
  border-radius: 20px;
  color: var(--text-color);
}
.datetimepicker-notouch .view ul:not(.header) li:not(.disabled):hover {
  opacity: 1;
}
.datetimepicker .view ul li.dp-focus {
  border: none;
}
.dp-caption {
  width: 353px !important;
}
.guidedatepicker .datepicker-calendar-icon {
  background-image: url(standard-theme/assets/calendar.svg);
}
.guidedatepicker .datepicker-calendar-icon:hover {
  background-image: url(standard-theme/assets/calendar_hover.svg);
}
/*
 ***********************************************
 * Radio Button
 ***********************************************
 */
.guideradiobutton {
  margin-bottom: 12px;
}
.radiobutton .guideRadioButtonItem {
  margin-right: 24px;
}
.guideradiobutton .guideFieldLabel label,
.guideradiobutton .guideFieldLabel legend,
.guideFieldLabel top legend {
  position: relative;
  font-size: var(--text-font-size-small);
  top: 0;
}
.guideradiobutton .guideFieldLabel.top {
  margin-bottom: 6px;
  height: auto;
}
/* Customize the label (the container) */
.ajila_forms_radiobutton_container {
  padding-left: 30px;
  font-family: var(--default-font);
  color: var(--text-color);
  font-size: var(--text-font-size-normal);
  margin-bottom: 3px;
}
/* Create a custom radio button */
.ajila_forms_radiobutton_circle {
  border: 1px solid var(--control-primary-color);
  background-color: #ffffff;
  padding-right: 0;
}
/* On mouse-over */
.ajila_forms_radiobutton_container:hover .ajila_forms_radiobutton_circle {
  border-color: var(--control-primary-color);
}
.ajila_forms_radiobutton_container:hover .ajila_forms_radiobutton_circle:after {
  border-color: var(--control-primary-color);
}
.ajila_forms_radiobutton_container:hover .ajila_forms_radiobutton_circle:after {
  background: var(--control-primary-color);
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.ajila_forms_radiobutton_container:hover input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  background: var(--control-primary-color);
}
/* Show the indicator (dot/circle) when checked */
.ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle:after {
  border: 1px solid var(--control-primary-color);
  background-color: #ffffff;
}
/* When the radio button is checked, add background */
.ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  border: 1px solid var(--control-primary-color);
  background-color: var(--control-primary-color);
}
/* Highlight circle while being focused by tabulator */
.ajila_forms_radiobutton_container input:checked:focus ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  border: 1px solid var(--focus-color);
  background-color: var(--control-primary-color);
  box-shadow: 0 0 6px var(--tab-selected-color);
}
.ajila_forms_radiobutton_container input:focus:not(:checked) ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  border: 1px solid var(--focus-color);
  box-shadow: 0 0 6px var(--tab-selected-color);
}
/* Style the indicator (dot/circle) */
.ajila_forms_radiobutton_container input ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle:after {
  background: #ffffff;
}
.ajila_forms_radiobutton_title,
.ajila_forms_radiobutton_element_value {
  color: var(--text-color);
}
/*
 ***********************************************
 * CheckBox
 ***********************************************
 */
.guidecheckbox {
  margin-bottom: 12px;
}
.guideCheckBoxGroup .guideFieldLabel label,
.guideFieldLabel legend {
  position: relative;
  font-size: var(--text-font-size-small);
  top: 0;
  margin-left: -2px;
}
.guideCheckBoxGroup .guideFieldLabel.top {
  margin-bottom: 0px;
  height: auto;
}
.forms-checkbox .form-element__label {
  font-size: var(--text-font-size-normal);
}
.forms-checkbox-label legend {
  color: var(--text-color);
}
.checkbox .guideFieldHorizontalAlignment {
  width: 32%;
}
@media (max-width: 767px) {
  .checkbox .guideFieldHorizontalAlignment {
    width: 100%;
  }
}
.form-element__label {
  color: var(--text-color);
}
.forms-checkbox .forms-checkbox_faux {
  width: 20px;
  height: 20px;
  border: 1px solid var(--control-primary-color);
  border-radius: 4px;
  background: #ffffff;
}
.forms-checkbox__label:hover > .forms-checkbox_faux:after {
  height: 6px;
  width: 12px;
  top: 8px;
  left: 9px;
  border-bottom: 2px solid var(--control-primary-color);
  border-left: 2px solid var(--control-primary-color);
}
.forms-checkbox [type="checkbox"]:checked + .forms-checkbox_faux:after,
.forms-checkbox [type="checkbox"]:checked ~ .forms-checkbox_faux:after,
.forms-checkbox [type="checkbox"]:checked + .forms-checkbox__label .forms-checkbox_faux:after {
  height: 6px;
  width: 12px;
  top: 8px;
  left: 9px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  background: var(--control-primary-color);
}
.forms-checkbox input {
  display: inline;
  opacity: 0;
}
.XfaCheckBox input[type='checkbox'] {
  position: absolute !important;
}
input[type="checkbox"]:checked ~ .forms-checkbox__label .forms-checkbox_faux {
  background: var(--control-primary-color);
}
[type="checkbox"]:focus:checked + .forms-checkbox__label .forms-checkbox_faux {
  border-color: var(--focus-color);
  box-shadow: 0 0 6px var(--tab-selected-color);
  background-color: var(--control-primary-color);
  background: var(--control-primary-color) !important;
}
[type="checkbox"]:focus + .forms-checkbox__label .forms-checkbox_faux {
  border-color: var(--focus-color);
  box-shadow: 0 0 6px var(--tab-selected-color);
  background-color: white;
}
forms-checkbox:hover .forms-checkbox__label > .forms-checkbox_faux:after {
  border-bottom: 2px solid var(--control-primary-color);
  border-left: 2px solid var(--control-primary-color);
  background: #ffffff;
}
.forms-checkbox:hover .forms-checkbox__label > .forms-checkbox_faux {
  background: #ffffff;
}
.checkbox .guideCheckBoxItem {
  margin-top: 6px;
  margin-bottom: 6px;
}
.guideCheckBox .guideFieldError,
.guideCheckBoxGroup .guideFieldError {
  top: 0px;
}
.forms-checkbox-label {
  color: var(--text-color);
}
/*
 ***********************************************
 * Icons
 ***********************************************
 */
.download-icon {
  text-align: center;
}
/*
 ***********************************************
 * Toggle Switch
 ***********************************************
 */
.toggleswitch .form-element__label {
  color: var(--control-primary-color);
}
.checkbox_toggle .checkbox_faux,
.checkbox_toggle .checkbox--faux,
.checkbox--toggle .checkbox_faux,
.checkbox--toggle .checkbox--faux {
  border: 1px solid var(--control-secondary-color);
  background-color: var(--control-secondary-color);
}
.checkbox_toggle [type="checkbox"]:focus + .checkbox_faux,
.checkbox_toggle [type="checkbox"]:focus + .checkbox--faux,
.checkbox_toggle [type="checkbox"]:focus ~ .checkbox_faux,
.checkbox_toggle [type="checkbox"]:focus ~ .checkbox--faux,
.checkbox_toggle [type="checkbox"]:focus + .checkbox_faux_container .checkbox_faux,
.checkbox_toggle [type="checkbox"]:focus + .checkbox--faux_container .checkbox--faux,
.checkbox--toggle [type="checkbox"]:focus + .checkbox_faux,
.checkbox--toggle [type="checkbox"]:focus + .checkbox--faux,
.checkbox--toggle [type="checkbox"]:focus ~ .checkbox_faux,
.checkbox--toggle [type="checkbox"]:focus ~ .checkbox--faux,
.checkbox--toggle [type="checkbox"]:focus + .checkbox_faux_container .checkbox_faux,
.checkbox--toggle [type="checkbox"]:focus + .checkbox--faux_container .checkbox--faux {
  background-color: var(--control-secondary-color);
  border-color: var(--control-secondary-color);
  box-shadow: 0 0 6px var(--tab-selected-color);
}
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux,
.checkbox_toggle [type="checkbox"]:checked ~ .checkbox_faux,
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux,
.checkbox--toggle [type="checkbox"]:checked ~ .checkbox_faux,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux {
  border-color: var(--main-color);
  background-color: var(--main-color);
}
.checkbox_toggle [type="checkbox"]:checked:focus + .checkbox_faux,
.checkbox_toggle [type="checkbox"]:checked:focus + .checkbox--faux,
.checkbox_toggle [type="checkbox"]:checked:focus ~ .checkbox_faux,
.checkbox_toggle [type="checkbox"]:checked:focus ~ .checkbox--faux,
.checkbox_toggle [type="checkbox"]:checked:focus + .checkbox_faux_container .checkbox_faux,
.checkbox_toggle [type="checkbox"]:checked:focus + .checkbox--faux_container .checkbox--faux,
.checkbox--toggle [type="checkbox"]:checked:focus + .checkbox_faux,
.checkbox--toggle [type="checkbox"]:checked:focus + .checkbox--faux,
.checkbox--toggle [type="checkbox"]:checked:focus ~ .checkbox_faux,
.checkbox--toggle [type="checkbox"]:checked:focus ~ .checkbox--faux,
.checkbox--toggle [type="checkbox"]:checked:focus + .checkbox_faux_container .checkbox_faux,
.checkbox--toggle [type="checkbox"]:checked:focus + .checkbox--faux_container .checkbox--faux {
  background-color: var(--main-color);
}
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux:hover,
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux:focus,
.checkbox_toggle [type="checkbox"]:checked + .checkbox--faux:hover,
.checkbox_toggle [type="checkbox"]:checked + .checkbox--faux:focus,
.checkbox_toggle [type="checkbox"]:checked ~ .checkbox_faux:hover,
.checkbox_toggle [type="checkbox"]:checked ~ .checkbox_faux:focus,
.checkbox_toggle [type="checkbox"]:checked ~ .checkbox--faux:hover,
.checkbox_toggle [type="checkbox"]:checked ~ .checkbox--faux:focus,
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux:hover,
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux:focus,
.checkbox_toggle [type="checkbox"]:checked + .checkbox--faux_container .checkbox--faux:hover,
.checkbox_toggle [type="checkbox"]:checked + .checkbox--faux_container .checkbox--faux:focus,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux:hover,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux:focus,
.checkbox--toggle [type="checkbox"]:checked + .checkbox--faux:hover,
.checkbox--toggle [type="checkbox"]:checked + .checkbox--faux:focus,
.checkbox--toggle [type="checkbox"]:checked ~ .checkbox_faux:hover,
.checkbox--toggle [type="checkbox"]:checked ~ .checkbox_faux:focus,
.checkbox--toggle [type="checkbox"]:checked ~ .checkbox--faux:hover,
.checkbox--toggle [type="checkbox"]:checked ~ .checkbox--faux:focus,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux:hover,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux:focus,
.checkbox--toggle [type="checkbox"]:checked + .checkbox--faux_container .checkbox--faux:hover,
.checkbox--toggle [type="checkbox"]:checked + .checkbox--faux_container .checkbox--faux:focus {
  background-color: var(--main-color);
}
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux:after,
.checkbox_toggle [type="checkbox"]:checked + .checkbox--faux:after,
.checkbox_toggle [type="checkbox"]:checked ~ .checkbox_faux:after,
.checkbox_toggle [type="checkbox"]:checked ~ .checkbox--faux:after,
.checkbox_toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux:after,
.checkbox_toggle [type="checkbox"]:checked + .checkbox--faux_container .checkbox--faux:after,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux:after,
.checkbox--toggle [type="checkbox"]:checked + .checkbox--faux:after,
.checkbox--toggle [type="checkbox"]:checked ~ .checkbox_faux:after,
.checkbox--toggle [type="checkbox"]:checked ~ .checkbox--faux:after,
.checkbox--toggle [type="checkbox"]:checked + .checkbox_faux_container .checkbox_faux:after,
.checkbox--toggle [type="checkbox"]:checked + .checkbox--faux_container .checkbox--faux:after {
  display: none;
}
/*
 ***********************************************
 * FileUpload
 ***********************************************
 */
.fileupload {
  margin-top: 24px;
}
.fileupload-icon {
  background-image: url(standard-theme/assets/upload.svg);
}
.fileupload-dropzone {
  border: dashed 2px var(--main-color);
}
.fileupload-dropzone:focus {
  box-shadow: 0 0 6px var(--tab-selected-color);
}
.fileupload-remove {
  background-image: url(standard-theme/assets/delete.svg);
}
.fileupload-remove:focus {
  box-shadow: 0 0 6px var(--tab-selected-color);
}
.fileupload-download {
  background-image: url(standard-theme/assets/download.svg);
}
.fileupload-download:focus {
  box-shadow: 0 0 6px var(--tab-selected-color);
}
.fileupload-progressbar {
  background-color: #32854b;
}
.dz-error .fileupload-progressbar {
  background-color: #a81204;
}
.fileupload-fileerror {
  font-size: var(--text-font-size-small);
  color: #a81204;
}
/*
 ***********************************************
 * Terms and Conditions
 ***********************************************
 */
.termsandconditions.guidefield {
  background-color: rgba(111, 111, 111, 0.975);
  min-height: 30%;
}
.termsandconditions .guideFieldLabel label {
  top: 20px;
}
.tnc-content-area {
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
.termsandconditions .tnc-button {
  height: 45px;
  border: solid 2px #fff;
  border-radius: 4px;
  font-size: var(--text-font-size-normal);
  font-weight: bold;
  padding-top: 2px;
}
.termsandconditions a {
  font-weight: bold;
  color: white;
  text-decoration: underline;
}
/*
 ***********************************************
 * Document List
 ***********************************************
 */
.documentlist {
  background-color: #f4f4f4;
  border-radius: 4px;
  padding-bottom: 1px;
}
.documentlist .guideFieldLabel h3 {
  color: var(--text-color);
  font-size: var(--heading3-font-size) !important;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  padding: 24px 0px 0px 24px;
}
.documentlist.guideradiobutton.guidefield {
  margin-top: 36px;
}
.documentlist ul {
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 0px;
  padding: 0;
}
.documentlist li {
  height: 49px;
  list-style: none;
}
.documentlist .guideRadioButtonItem {
  background-image: url(standard-theme/assets/document_download.svg);
  background-repeat: no-repeat;
  height: 100%;
  background-size: auto 48px;
  padding-left: 60px;
  margin: 24px;
  background-position-x: 3px;
  padding-top: 4px;
  width: inherit;
}
.documentlist .guideWidgetLabel span {
  font-family: var(--default-font);
  font-size: var(--text-font-size-normal);
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: normal;
  color: var(--text-color);
  margin-left: -3px;
}
.documentlist .documentlist-filename span {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  padding-left: 4px;
}
.documentTitle {
  float: left;
  clear: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.documentName {
  float: left;
  clear: left;
  font-size: var(--text-font-size-medium);
}
.guideRadioButtonItem:focus {
  box-shadow: 0px 0px 6px var(--tab-selected-color);
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-radius: 4px;
}
@media (max-width: 991px) {
  .documentlist .guideWidgetLabel span {
    margin-left: -5px;
  }
  .documentlist .documentlist-filename span {
    padding-left: 2px !important;
  }
}
@media (max-width: 767px) {
  .documentlist .documentlist-filename span {
    padding-left: 0px !important;
  }
}
/*
 ***********************************************
 * PDF
 ***********************************************
 */
.pdf > .guideTextBox {
  height: auto !important;
}
/*
 ***********************************************
 * Placeholder
 ***********************************************
 */
input::placeholder,
textarea::placeholder {
  color: transparent;
}
input:focus::placeholder,
textarea:focus::placeholder {
  color: #6e6e6e;
}
/* Internet Explorer */
input:-ms-input-placeholder {
  color: transparent;
  border-color: var(--control-primary-color);
}
input:focus:-ms-input-placeholder {
  color: #6e6e6e;
}
/*
 ***********************************************
 * Image
 ***********************************************
 */
.guideImage img {
  height: auto;
  max-height: 100%;
  margin: 1rem 1rem 1rem 0;
  padding-right: 1rem;
  width: inherit;
  max-width: calc(98.5%);
}
/*
 ***********************************************
 * Special rules for Safari
 ***********************************************
 */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .ajila_forms_radiobutton_container {
      padding-left: 10px;
    }
  }
}
/*
 ***********************************************
 * Special rules for Win HCM
 ***********************************************
 */
@media screen and (-ms-high-contrast: active) {
  .afHeader .container {
    background-image: url(standard-theme/assets/logo_white.png);
  }
  .removebutton button,
  .removebutton button:not(.af-icon-button):hover,
  .removebutton button:not(.af-icon-button):active,
  .removebutton button:not(.af-icon-button):focus {
    background-image: url(standard-theme/assets/delete_white.svg);
  }
  .hidebutton button,
  .hidebutton button:not(.af-icon-button):hover,
  .hidebutton button:not(.af-icon-button):active,
  .hidebutton button:not(.af-icon-button):focus {
    background-image: url(standard-theme/assets/hide_white.svg);
  }
  .showbutton button,
  .showbutton button:not(.af-icon-button):hover,
  .showbutton button:not(.af-icon-button):active,
  .showbutton button:not(.af-icon-button):focus {
    background-image: url(standard-theme/assets/show_white.svg);
  }
  .messagebox > .infobox.guideTextDraw {
    background-image: url(standard-theme/assets/info_white.svg);
  }
  .messagebox > .errorbox.guideTextDraw {
    background-image: url(standard-theme/assets/error_white.svg);
  }
  .messagebox > .alertbox.guideTextDraw,
  .ajilaFormsPdfError {
    background-image: url(standard-theme/assets/alert_white.svg);
  }
  .documentlist .guideRadioButtonItem {
    background-image: url(standard-theme/assets/document_download_white.svg);
  }
  .fileupload-icon {
    background-image: url(standard-theme/assets/upload_white.svg);
  }
  .fileupload-remove {
    background-image: url(standard-theme/assets/delete_white.svg);
  }
  .fileupload-download {
    background-image: url(standard-theme/assets/download_white.svg);
  }
  .ajila-progressbar-background {
    visibility: hidden;
  }
}
/*
***********************************************
* Authoring adjustments
***********************************************
*/
/*
  ====================================================================================================================================
  Style definitions provided by the customer are placed here. Changes on these styles are implemented in overrides.less
  ====================================================================================================================================
*/
/*
 =================================================================================================================
  Overrides of archetype and customer style definitions are placed here.
 =================================================================================================================
*/
body {
  /**
   * HEADER STYLES
   * Styles for the application header section
   */
  /**
   * FOOTER STYLES
   * Styling for footer text elements
   */
  /**
   * BUTTON STYLES
   * Styling for primary, secondary, and tertiary buttons
   * Includes hover, focus, and disabled states
   */
  /* Secondary button styling - outline style */
  /* Disabled button state */
  /* Hover state */
  /* Email remove button styles */
  /** Focus state */
  /**
   * CHECKBOXICON CARD STYLES
   * Custom styling for checkbox card components
   */
  /**
   * RADIO BUTTON STYLES
   * Custom styling for radio button components
   * Includes checked, unchecked, hover and focus states
   */
  /* Highlight circle while being focused by tabulator */
  /**
   * CHECKBOX STYLES
   * Custom styling for checkbox components
   * Includes checked, unchecked, hover and focus states
   */
  /* Recommendation checkbox panels */
  /**
   * FORM INPUT STYLES
   * Styling for text inputs, textareas, select dropdowns and date pickers
   * Includes focus states and error handling
   */
  /* Date time input specific styles */
  /* Form field error message positioning */
  /* Short description text field styles */
  /* Number field specific styles, to show arrows*/
  /* DISABLED STATE STYLE */
  /**
   * FORM LABEL STYLES
   * Styling for form field labels
   * Includes states for active fields and filled fields
   */
  /* Date picker icon positioning */
  /* Small text input specific style */
  /**
   * ACCORDION TEXT COMPONENT
   * Styling for accordion text sections
   */
  /**
   * NAVIGATION & DIRECTION INDICATORS
   * Styling for directional arrows and navigation indicators
   */
  /**
   * EMAIL COMPONENT STYLES
   * Styling for email chips and related components
   */
  /**
   * MISCELLANEOUS STYLES
   * Various other styles that don't fit into the categories above
   */
  /* Center alignment for specific panel content */
  /**
  * STARTPAGE STYLES
    * Styling for the start page of the application
   */
  /**
  * STARTPAGE IMAGE
   */
  /** Center Button */
  /**
  * QUESTIONMARK STYLES
    * Styling for question mark icons
   */
  /** CONTRACT VIWER
    * Styling for the contract viewer component
   */
  /**
      * MESSAGEBOX STYLES
      * Custom background color for message boxes
      */
}
body .afHeader {
  background-color: white;
  position: fixed;
  z-index: 100;
}
body .afHeader .container {
  padding-top: 25px;
  background-repeat: no-repeat;
  background-size: auto 60px;
  background-position: center center;
  background-color: white;
}
body .afHeader .containerbar {
  background-color: white;
  box-shadow: none;
  height: 5px;
}
body .progress-text p {
  color: var(--text-color);
}
body .afFormTitle {
  padding-top: 50px;
}
body .afFooter .textdraw .guideTextDraw p {
  color: var(--text-color) !important;
}
body .afToolbarButton .guidebutton button:not(.af-icon-button),
body .primarybutton.guidebutton button,
body .secondarybutton.guidebutton button,
body .tertiarybutton.guidebutton button {
  color: white;
  background-color: var(--main-color);
  border-color: var(--main-color);
  font-family: var(--default-font);
  border-radius: 12px;
  min-width: 184px;
  height: 56px;
  padding: 16px 40px;
}
body .afToolbarButton .guidebutton button.movePrev,
body .secondarybutton.guidebutton button {
  border-color: var(--main-color);
  background-color: white;
  color: var(--main-color);
  border-radius: 12px;
  min-width: 184px;
  height: 56px;
  padding: 16px 40px;
}
body .afToolbarButton .guidebutton button:not(.af-icon-button):disabled,
body .primarybutton.guidebutton button:disabled,
body .secondarybutton.guidebutton button:disabled,
body .tertiarybutton.guidebutton button:disabled {
  background-color: var(--voritary-color);
  color: var(--text-color);
  border-color: var(--voritary-color);
  cursor: not-allowed;
}
body .afToolbarButton .guidebutton button:hover:enabled.movePrev,
body .secondarybutton.guidebutton button:hover:enabled {
  border-color: var(--hover-color);
  color: var(--hover-color);
}
body .afToolbarButton .guidebutton button:not(.af-icon-button):not(.movePrev):hover:enabled,
body .primarybutton.guidebutton button:hover:enabled,
body .tertiarybutton.guidebutton button:hover:enabled {
  background-color: var(--hover-color);
  border-color: var(--hover-color);
}
body .primarybutton.guidebutton button.remove-email,
body button.remove-email {
  border: none;
  background: none;
  min-width: auto;
  color: var(--text-color);
}
body button.remove-email:enabled {
  border: none;
  background: none;
  color: var(--focus-text-color);
}
body button:focus {
  box-shadow: none;
}
body .custom-check-card {
  border-color: var(--main-color);
  border-radius: 5px;
  border-width: 1px;
  background-color: var(--voritary-color);
}
body .checkboxicon-text {
  color: var(--main-color);
}
body .real-checkbox:checked + .checkbox-box {
  background-color: var(--main-color);
}
body .checkbox-box {
  border-color: var(--main-color);
  background-color: white;
}
body div .checkboxicon {
  padding-bottom: 30px;
}
body .guideCheckBoxGroupItems .guideCheckBoxItem .guideFieldWidget,
body .guideRadioButtonGroupItems .guideRadioButtonItem .guideFieldWidget {
  width: 100%;
}
body .forms-checkbox .forms-checkbox_faux {
  border-color: var(--tertiary-color);
}
body input[type="checkbox"]:checked ~ .forms-checkbox__label .forms-checkbox_faux {
  border-color: var(--voritary-color);
}
body .real-checkbox:not(:checked) ~ .card .checkboxicon-text {
  color: #000;
}
body .custom-check-card:has( .real-checkbox:not(:checked)) {
  border-color: #000;
}
body .ajila_forms_radiobutton_circle {
  border: 0.5px solid var(--tertiary-color);
}
body .ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  background-color: white;
  border: 0.5px solid var(--tertiary-color);
}
body .ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle:after {
  border: 0.5px solid var(--tertiary-color);
  background-color: var(--main-color);
}
body .ajila_forms_radiobutton_container input:checked:focus ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  box-shadow: 0 0 6px var(--focus-color);
}
body .ajila_forms_radiobutton_container:hover input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  background: white;
}
body .ajila_forms_radiobutton_container input:checked:focus ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  background-color: white;
}
body .ajila_forms_radiobutton_element_value {
  margin-left: 36px;
}
body [type="checkbox"]:focus:checked + .forms-checkbox__label .forms-checkbox_faux {
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 6px var(--tab-selected-color) !important;
  background-color: var(--control-primary-color) !important;
  background: var(--control-primary-color) !important;
}
body [type="checkbox"]:focus + .forms-checkbox__label .forms-checkbox_faux {
  border-color: var(--focus-color) !important;
  box-shadow: 0 0 6px var(--tab-selected-color) !important;
  background-color: white;
}
body .forms-checkbox_faux {
  margin-right: 16px;
}
body div[class*='recommendation_payments_checkbox_panel'],
body div[class*='recommendation_savings_checkbox_panel'],
body div[class*='recommendation_pension_checkbox_panel'],
body div[class*='recommendation_investing_checkbox_panel'],
body div[class*='recommendation_mortgage_checkbox_panel'],
body div[class*='recommendation_stock_checkbox_panel'],
body div[class*='recommendation_cooperative_checkbox_panel'] {
  padding-top: 10px;
  padding-bottom: 25px;
}
body div[class*='recommendation_payments_checkbox_panel'] .checkbox fieldset,
body div[class*='recommendation_savings_checkbox_panel'] .checkbox fieldset,
body div[class*='recommendation_pension_checkbox_panel'] .checkbox fieldset,
body div[class*='recommendation_investing_checkbox_panel'] .checkbox fieldset,
body div[class*='recommendation_mortgage_checkbox_panel'] .checkbox fieldset,
body div[class*='recommendation_stock_checkbox_panel'] .checkbox fieldset,
body div[class*='recommendation_cooperative_checkbox_panel'] .checkbox fieldset {
  height: 10px;
}
body input,
body textarea,
body .dropDownList select {
  border: 0.5px solid var(--main-color);
  border-radius: 4px;
  margin: auto;
  padding-left: 24px;
  height: 56px;
  color: var(--text-color);
}
body .guideFieldWidget input {
  padding-left: 24px;
}
body input:focus,
body textarea:focus,
body select:focus,
body .guideFieldWidget.dateTimeEdit input:focus {
  border: 0.5px solid var(--main-color);
  outline: 0.5px solid transparent;
  outline-offset: 2px;
}
body .guideFieldWidget.dateTimeEdit input {
  border: 0.5px solid var(--main-color);
  border-radius: 4px;
  margin: auto;
  padding: 24px 32px 24px 52px;
  height: 56px;
}
body .guideFieldError {
  top: 40px;
  font-size: var(--text-font-size-normal);
}
body .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart) {
  margin-bottom: 13px;
}
body .short-description {
  padding-top: 14px;
}
body .short-description p {
  font-size: var(--text-font-size-normal);
}
body input[type="number"] {
  -webkit-appearance: textfield !important;
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}
body input[type="number"]::-webkit-outer-spin-button,
body input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: unset !important;
  appearance: auto !important;
  opacity: 1 !important;
  display: block !important;
}
body .guideFieldNode[data-disabled="true"] input,
body .guideFieldNode[data-disabled="true"] select,
body .guideFieldNode[data-disabled="true"].af-field-filled:not(.validation-failure) .textField input {
  border: 0.5px solid #999999;
  cursor: not-allowed;
  color: #999999;
}
body .col-md-6:has(.phonePrefixBox) {
  width: 15%;
}
body .phonePrefixBox .guideFieldWidget input {
  background-image: url('standard-theme/assets/tenant/swiss.png');
  background-size: 28px 30px;
  background-repeat: no-repeat;
  background-position: 15px center;
  padding-left: 50px;
}
body .col-md-6:has(.phoneNumberBox) {
  width: 85%;
}
body .guideFieldLabel label,
body span.guideFieldLabel,
body .fileupload-label label,
body .guideCheckBoxGroupItems legend {
  color: var(--text-color);
  font-family: var(--default-font);
  font-size: var(--text-font-size-normal);
  font-weight: normal;
  top: -5px;
}
body .guideActiveField .guideFieldLabel label,
body .af-field-filled .guideFieldLabel label {
  top: -5px;
  font-size: var(--text-font-size-normal);
  color: var(--text-color);
}
body .guideActiveField input,
body .guideActiveField select,
body .guideActiveField textarea {
  color: var(--text-color);
}
body .datepicker-calendar-icon {
  left: 0;
}
body .guidedatepicker .datepicker-calendar-icon {
  margin-left: 15px;
  margin-top: 15px;
}
body .guideFieldNode.small_text_input p {
  font-size: 13px !important;
}
body .accordion_text {
  height: 56px;
  border: 0.5px solid var(--main-color);
  border-radius: 4px;
  cursor: pointer;
}
body .accordion_text p,
body .accordion_text span {
  margin: auto;
  padding: 14px 0 0 24px;
}
body .accordion_text:hover {
  border-color: var(--hover-color);
}
body .accordion_text p {
  color: var(--main-color) !important;
}
body .emailwaiver_email_input {
  margin-top: 35px !important;
}
body .emailChipsContainer {
  padding-bottom: 10px !important;
}
body .emailwaiver_list li {
  padding-top: 10px;
}
body .direction-triangle {
  position: absolute;
  right: 30px;
  top: 45%;
  transform: translateY(-35%);
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}
body .arrow-up {
  background-image: url('standard-theme/assets/tenant/arrow_up.svg');
}
body .arrow-down {
  background-image: url('standard-theme/assets/tenant/arrow_down.svg');
}
body .email-chip span {
  color: var(--text-color);
}
body li {
  color: var(--text-color);
}
body .progress-text {
  color: var(--text-color);
}
body #guideContainer-rootPanel-panel1742810296859___guide-item h2,
body #guideContainer-rootPanel-panel1742810296859___guide-item p {
  text-align: center;
}
body #guideContainer-rootPanel-panel1742810296859___guide-item .fd-col-lg-12 {
  text-align: center;
}
body .startseite-root .forms-navigator {
  display: none;
}
body .startseite p {
  padding: 0 !important;
}
body .startpage {
  max-width: 750px;
  margin: auto;
}
body .startpagetitle h1 {
  padding-left: 0;
  text-align: center;
}
body .start_image img {
  width: 750px;
  max-width: calc(100%);
  padding: 0;
}
body #guideContainer-rootPanel-panel-primarybutton___guide-item {
  text-align: center;
}
body .guideHelpQuestionMark {
  background: url('standard-theme/assets/tenant/information.svg') center center / cover no-repeat, var(--main-color);
}
body .guideHelpQuestionMark:hover {
  background: url('standard-theme/assets/tenant/information.svg') left top / cover no-repeat, var(--hover-color);
}
body .guideCheckBoxGroup .guideHelpQuestionMark {
  top: 13px;
  right: 10px;
  z-index: unset;
}
body .guideFieldLabel .guideHelpQuestionMark {
  top: -5px;
  right: 10px;
  z-index: unset;
}
body .guideFieldDescription.long {
  display: none;
  position: absolute;
  top: 8px;
  left: 22px;
  width: 300px;
  background-color: var(--voritary-color);
  color: var(--text-color);
  padding: 1rem;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3), 0 2px 6px 0 rgba(0, 0, 0, 0.15);
  font-weight: normal;
  z-index: 1000;
}
body .guideFieldLabel .guideHelpQuestionMark.label-tooltip {
  top: 5px;
  margin-left: 20px;
  right: unset;
}
body .form-element__label .guideHelpQuestionMark.label-tooltip {
  top: 12px;
  margin-left: 10px;
  right: unset;
}
body .forms-checkbox-label {
  position: inherit;
}
body h1 {
  color: var(--main-color);
}
body .contractviewer .download span {
  color: var(--main-color);
}
body .document-switch.selected,
body .document-switch:hover {
  background-color: var(--main-color);
}
body .document-switch {
  background-color: var(--voritary-color);
}
body .document-switch:hover {
  background-color: var(--hover-color);
}
body .document-switch span.document-name,
body .document-switch.selected span.document-name,
body .download span,
body .contractviewer .download span {
  font-family: var(--default-font);
}
body .messagebox > .alertbox.guideTextDraw,
body .ajilaFormsPdfError {
  background-color: var(--voritary-color);
}
body .privatkonto_checkbox linkInfo {
  white-space: nowrap;
}
/**
 * FONT IMPORT
 * Custom BigCaslon font for the ZIM tenant
 */
@font-face {
  font-family: 'BigCaslon';
  font-weight: normal;
  font-style: normal;
  src: url('standard-theme/assets/tenant/zim/BigCaslon.otf') format('truetype');
}
/**
 * FONT IMPORT
 * Custom Frutiger font for the ZIM tenant
 */
@font-face {
  font-family: 'Frutiger';
  font-weight: normal;
  font-style: normal;
  src: url('standard-theme/assets/tenant/zim/FrutigerLTStd-Cn.otf') format('truetype');
}
@font-face {
  font-family: 'Frutiger';
  font-weight: bold;
  font-style: normal;
  src: url('standard-theme/assets/tenant/zim/FrutigerLTStd-BoldCn.otf') format('truetype');
}
body.ajila-industry-banking-novus-zim {
  /**
   * TYPOGRAPHY VARIABLES
   * Font family and size variables for consistent typography
   */
  --default-font: Frutiger, sans-serif;
  --header1-font-size: 12px;
  --header2-font-size: 18px;
  --heading1-font-size: 56px;
  --heading2-font-size: 32px;
  --heading3-font-size: 20px;
  --text-font-size-normal: 16px;
  --text-font-size-medium: 14px;
  --text-font-size-small: 12px;
  --button-font-size: 16px;
  /**
   * COLOR VARIABLES
   * Brand color palette and functional color assignments
   */
  --main-color: #655024;
  --secondary-color: #464136;
  --tertiary-color: #ABA18C;
  --voritary-color: #E0DCD3;
  --button-color: var(--main-color);
  --control-primary-color: var(--main-color);
  --tab-selected-color: var(--secondary-color);
  --focus-color: var(--secondary-color);
  --text-color: #1D1D1F;
  --focus-text-color: #5D4A20;
  --hover-color: #5D4A20;
  /**
   * HEADER STYLES
   * Customizations for the tenant header
   */
  /**
   * FOOTER STYLES
   * Footer appearance customization
   */
  /**
   * CHECKBOX ICON CUSTOMIZATIONS
   * Custom icon images for various checkbox options
   */
  /**
   * NAVIGATION ARROWS
   * Custom arrow icons for navigation elements
   */
  /**
  * CALENDATE ICON
  * Custom calendar icon for date selection
   */
  /**
   * DROPDOWN
   * Custom styles for select elements
   */
  /**
  * CONTRACT VIEWER
    * Custom styles for contract viewer elements
   */
  /**
  * STARTPAGE IMAGE
  * Add Image for start page
   */
}
body.ajila-industry-banking-novus-zim .afHeader .container {
  background-image: url('standard-theme/assets/tenant/zim/logo.svg');
  background-size: 377px 50px;
}
body.ajila-industry-banking-novus-zim .afFooter {
  background-color: var(--voritary-color);
}
body.ajila-industry-banking-novus-zim .card .checkboxicon-icon.payments {
  background-image: url('standard-theme/assets/tenant/zim/payments.svg');
}
body.ajila-industry-banking-novus-zim .card .checkboxicon-icon.savings {
  background-image: url('standard-theme/assets/tenant/zim/savings.svg');
}
body.ajila-industry-banking-novus-zim .card .checkboxicon-icon.pension {
  background-image: url('standard-theme/assets/tenant/zim/pension.svg');
}
body.ajila-industry-banking-novus-zim .card .checkboxicon-icon.investing {
  background-image: url('standard-theme/assets/tenant/zim/investing.svg');
}
body.ajila-industry-banking-novus-zim .card .checkboxicon-icon.mortgage {
  background-image: url('standard-theme/assets/tenant/zim/mortgage.svg');
}
body.ajila-industry-banking-novus-zim .card .checkboxicon-icon.rentDeposit {
  background-image: url('standard-theme/assets/tenant/zim/rentDeposit.svg');
}
body.ajila-industry-banking-novus-zim .arrow-up {
  background-image: url('standard-theme/assets/tenant/zim/arrow_up.png');
}
body.ajila-industry-banking-novus-zim .arrow-down {
  background-image: url('standard-theme/assets/tenant/zim/arrow_down.png');
}
body.ajila-industry-banking-novus-zim .guidedatepicker .datepicker-calendar-icon {
  background-image: url('standard-theme/assets/tenant/zim/calendar.svg');
}
body.ajila-industry-banking-novus-zim .guidedatepicker .datepicker-calendar-icon:hover {
  background-image: url('standard-theme/assets/tenant/zim/calendar_hover.svg');
}
body.ajila-industry-banking-novus-zim h1 {
  font-family: BigCaslon, serif;
  font-weight: 400;
}
body.ajila-industry-banking-novus-zim h2 {
  font-family: BigCaslon, serif;
}
body.ajila-industry-banking-novus-zim .dropDownList select:hover {
  background-position-x: calc(97%);
  background-image: url('standard-theme/assets/tenant/zim/chevron_down_hover.svg');
}
body.ajila-industry-banking-novus-zim .dropDownList select {
  background-position-x: calc(97%);
  background-image: url('standard-theme/assets/tenant/zim/chevron_down.svg');
}
body.ajila-industry-banking-novus-zim .contractviewer .download-icon {
  content: url('standard-theme/assets/tenant/zim/download.svg');
}
body.ajila-industry-banking-novus-zim #loadingPage.guideMessage h1 {
  font-family: Frutiger, sans-serif;
}
body.ajila-industry-banking-novus-zim .start_image img {
  content: url('standard-theme/assets/tenant/zim/startpage.jpeg');
}
/**
 * FONT IMPORT
 * Custom Cast-Regular font for the BLK tenant
 */
@font-face {
  font-family: 'Cast-Regular';
  font-weight: normal;
  font-style: normal;
  src: url('standard-theme/assets/tenant/blk/Cast-Regular.otf') format('truetype');
}
@font-face {
  font-family: 'Cast-Regular';
  font-weight: bold;
  font-style: normal;
  src: url('standard-theme/assets/tenant/blk/Cast-Bold.otf') format('truetype');
}
body.ajila-industry-banking-novus-blk {
  /**
   * TYPOGRAPHY VARIABLES
   * Font family and size variables for consistent typography
   */
  --default-font: Cast-Regular, sans-serif;
  --header1-font-size: 12px;
  --header2-font-size: 18px;
  --heading1-font-size: 47px;
  --heading2-font-size: 32px;
  --heading3-font-size: 20px;
  --text-font-size-normal: 16px;
  --text-font-size-medium: 14px;
  --text-font-size-small: 12px;
  --button-font-size: 16px;
  /**
   * COLOR VARIABLES
   * Brand color palette and functional color assignments
   */
  --main-color: #1B2D6D;
  --secondary-color: #122054;
  --tertiary-color: #B1B800;
  --voritary-color: #EEF1D8;
  --button-color: var(--main-color);
  --control-primary-color: var(--main-color);
  --tab-selected-color: var(--secondary-color);
  --focus-color: var(--secondary-color);
  --text-color: #1D1D1F;
  --hover-color: #1A2B67;
  /**
   * HEADER STYLES
   * Customizations for the tenant header
   */
  /**
   * FOOTER STYLES
   * Footer appearance customization
   */
  /**
   * CHECKBOX ICON CUSTOMIZATIONS
   * Custom icon images for various checkbox options
   * Note: Some icons are shared with ZIM tenant while others are BLK-specific
   */
  /**
   * NAVIGATION ARROWS
   * Custom arrow icons for navigation elements
   * Note: These assets are being shared from the ZIM tenant
   */
  /**
  * CALENDATE ICON
  * Custom calendar icon for date selection
   */
  /**
   * DROPDOWN
   * Custom styles for select elements
   */
  /**
  * CONTRACT VIEWER
    * Custom styles for contract viewer elements
   */
  /**
  * STARTPAGE IMAGE
  * Add Image for start page
   */
  /**
  * CHECKBOX STYLES
  * Custom styles for checkbox elements
   */
  /**
  * RADIO BUTTON STYLES
  * Custom styles for radio button elements
   */
}
body.ajila-industry-banking-novus-blk .afHeader .container {
  background-image: url('standard-theme/assets/tenant/blk/logo.svg');
  background-size: 197px 26px;
  background-position: 50px;
}
body.ajila-industry-banking-novus-blk .afFooter {
  background-color: #F8F9EF;
}
body.ajila-industry-banking-novus-blk h1 {
  color: var(--main-color);
}
body.ajila-industry-banking-novus-blk h2 {
  color: var(--main-color);
}
body.ajila-industry-banking-novus-blk .card .checkboxicon-icon.payments {
  background-image: url('standard-theme/assets/tenant/blk/payments.svg');
}
body.ajila-industry-banking-novus-blk .card .checkboxicon-icon.savings {
  background-image: url('standard-theme/assets/tenant/blk/savings.svg');
}
body.ajila-industry-banking-novus-blk .card .checkboxicon-icon.pension {
  background-image: url('standard-theme/assets/tenant/blk/pension.svg');
}
body.ajila-industry-banking-novus-blk .card .checkboxicon-icon.investing {
  background-image: url('standard-theme/assets/tenant/blk/investing.svg');
}
body.ajila-industry-banking-novus-blk .card .checkboxicon-icon.mortgage {
  background-image: url('standard-theme/assets/tenant/blk/mortgage.svg');
}
body.ajila-industry-banking-novus-blk .card .checkboxicon-icon.rentDeposit {
  background-image: url('standard-theme/assets/tenant/blk/rentDeposit.svg');
}
body.ajila-industry-banking-novus-blk .arrow-up {
  background-image: url('standard-theme/assets/tenant/blk/arrow_up.png');
}
body.ajila-industry-banking-novus-blk .arrow-down {
  background-image: url('standard-theme/assets/tenant/blk/arrow_down.png');
}
body.ajila-industry-banking-novus-blk .guidedatepicker .datepicker-calendar-icon {
  background-image: url('standard-theme/assets/tenant/blk/calendar.svg');
}
body.ajila-industry-banking-novus-blk .guidedatepicker .datepicker-calendar-icon:hover {
  background-image: url('standard-theme/assets/tenant/blk/calendar_hover.svg');
}
body.ajila-industry-banking-novus-blk .dropDownList select:hover {
  background-position-x: calc(97%);
  background-image: url('standard-theme/assets/tenant/blk/chevron_down_hover.svg');
}
body.ajila-industry-banking-novus-blk .dropDownList select {
  background-position-x: calc(97%);
  background-image: url('standard-theme/assets/tenant/blk/chevron_down.svg');
}
body.ajila-industry-banking-novus-blk .contractviewer .download-icon {
  content: url('standard-theme/assets/tenant/blk/download.svg');
}
body.ajila-industry-banking-novus-blk .start_image img {
  content: url('standard-theme/assets/tenant/blk/startpage.jpg');
}
body.ajila-industry-banking-novus-blk .forms-checkbox .forms-checkbox_faux {
  border-color: var(--main-color);
}
body.ajila-industry-banking-novus-blk .ajila_forms_radiobutton_circle {
  border: 0.5px solid var(--main-color);
}
body.ajila-industry-banking-novus-blk .ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  border: 0.5px solid var(--main-color);
}
body.ajila-industry-banking-novus-blk .ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle:after {
  border: 0.5px solid var(--main-color);
}
body.ajila-industry-banking-novus-blk .startpagetitle {
  max-width: 750px;
}
body.ajila-industry-banking-novus-blk .startpagetitle h1 {
  text-align: left;
}
/**
 * FONT IMPORT
 * Custom Ubuntu-Regular font for the RBM tenant
 */
@font-face {
  font-family: 'Ubuntu-Regular';
  font-weight: normal;
  font-style: normal;
  src: url('standard-theme/assets/tenant/rbm/Ubuntu-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Ubuntu-Regular';
  font-weight: bold;
  font-style: normal;
  src: url('standard-theme/assets/tenant/rbm/Ubuntu-Bold.ttf') format('truetype');
}
body.ajila-industry-banking-novus-rbm {
  /**
   * TYPOGRAPHY VARIABLES
   * Font family and size variables for consistent typography
   */
  --default-font: Ubuntu-Regular, sans-serif;
  --header1-font-size: 12px;
  --header2-font-size: 18px;
  --heading1-font-size: 36px;
  --heading2-font-size: 18px;
  --heading3-font-size: 14px;
  --text-font-size-normal: 16px;
  --text-font-size-medium: 14px;
  --text-font-size-small: 12px;
  --button-font-size: 18px;
  /**
   * COLOR VARIABLES
   * Brand color palette and functional color assignments
   */
  --main-color: #0092BC;
  --secondary-color: #000000;
  --tertiary-color: #4CB1CF;
  --voritary-color: #B7E0EC;
  --button-color: var(--main-color);
  --control-primary-color: var(--main-color);
  --tab-selected-color: var(--secondary-color);
  --focus-color: var(--secondary-color);
  --text-color: #333333;
  --hover-color: #4CB1CF;
  /**
   * HEADER STYLES
   * Customizations for the tenant header
   */
  /**
   * FOOTER STYLES
   * Footer appearance customization
   */
  /**
   * CHECKBOX ICON CUSTOMIZATIONS
   * Custom icon images for various checkbox options
   */
  /**
   * NAVIGATION ARROWS
   * Custom arrow icons for navigation elements
   */
  /**
  * CALENDATE ICON
  * Custom calendar icon for date selection
   */
  /**
 * BUTTON STYLES
 * Override style of buttons, because of no border-radius
 */
  /* Secondary button styling - outline style */
  /**
   * DROPDOWN
   * Custom styles for select elements
   */
  /**
  * CONTRACT VIEWER
    * Custom styles for contract viewer elements
   */
  /**
  * STARTPAGE IMAGE
  * Add Image for start page
   */
  /**
  * CHECKBOX STYLES
  * Custom styles for checkbox elements
 */
  /**
  * RADIO BUTTON STYLES
  * Custom styles for radio button elements
   */
}
body.ajila-industry-banking-novus-rbm .afHeader .container {
  background-image: url('standard-theme/assets/tenant/rbm/logo.png');
  background-position: 50px;
  cursor: pointer;
}
body.ajila-industry-banking-novus-rbm .afFooter {
  background-color: var(--voritary-color);
}
body.ajila-industry-banking-novus-rbm .card .checkboxicon-icon.payments {
  background-image: url('standard-theme/assets/tenant/rbm/payments.svg');
}
body.ajila-industry-banking-novus-rbm .card .checkboxicon-icon.savings {
  background-image: url('standard-theme/assets/tenant/rbm/savings.svg');
}
body.ajila-industry-banking-novus-rbm .card .checkboxicon-icon.pension {
  background-image: url('standard-theme/assets/tenant/rbm/pension.svg');
}
body.ajila-industry-banking-novus-rbm .card .checkboxicon-icon.investing {
  background-image: url('standard-theme/assets/tenant/rbm/investing.svg');
}
body.ajila-industry-banking-novus-rbm .card .checkboxicon-icon.mortgage {
  background-image: url('standard-theme/assets/tenant/rbm/mortgage.svg');
}
body.ajila-industry-banking-novus-rbm .card .checkboxicon-icon.rentDeposit {
  background-image: url('standard-theme/assets/tenant/rbm/rentDeposit.svg');
}
body.ajila-industry-banking-novus-rbm .arrow-up {
  background-image: url('standard-theme/assets/tenant/rbm/arrow_up.png');
}
body.ajila-industry-banking-novus-rbm .arrow-down {
  background-image: url('standard-theme/assets/tenant/rbm/arrow_down.png');
}
body.ajila-industry-banking-novus-rbm .guidedatepicker .datepicker-calendar-icon {
  background-image: url('standard-theme/assets/tenant/rbm/calendar.svg');
}
body.ajila-industry-banking-novus-rbm .guidedatepicker .datepicker-calendar-icon:hover {
  background-image: url('standard-theme/assets/tenant/rbm/calendar_hover.svg');
}
body.ajila-industry-banking-novus-rbm .afToolbarButton .guidebutton button:not(.af-icon-button),
body.ajila-industry-banking-novus-rbm .primarybutton.guidebutton button,
body.ajila-industry-banking-novus-rbm .tertiarybutton.guidebutton button {
  border-radius: 0;
  color: white;
  min-width: 122px;
  height: 40px;
  padding: 6px 8px;
}
body.ajila-industry-banking-novus-rbm .afToolbarButton .guidebutton button:not(.af-icon-button):not(.movePrev):disabled,
body.ajila-industry-banking-novus-rbm .primarybutton.guidebutton button:disabled,
body.ajila-industry-banking-novus-rbm .tertiarybutton.guidebutton button:disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: var(--text-color);
}
body.ajila-industry-banking-novus-rbm .afToolbarButton .guidebutton button.movePrev,
body.ajila-industry-banking-novus-rbm .secondarybutton.guidebutton button {
  border-radius: 0;
  border-width: 1px;
  color: var(--main-color);
  min-width: 122px;
  height: 40px;
  padding: 6px 8px;
}
body.ajila-industry-banking-novus-rbm .afToolbarButton .guidebutton button:disabled.movePrev,
body.ajila-industry-banking-novus-rbm .secondarybutton.guidebutton button:disabled {
  border-color: var(--font-color);
  color: white;
  background-color: black;
}
body.ajila-industry-banking-novus-rbm .dropDownList select:hover {
  background-position-x: calc(97%);
  background-image: url('standard-theme/assets/tenant/rbm/chevron_down_hover.svg');
}
body.ajila-industry-banking-novus-rbm .dropDownList select {
  background-position-x: calc(97%);
  background-image: url('standard-theme/assets/tenant/rbm/chevron_down.svg');
}
body.ajila-industry-banking-novus-rbm .contractviewer .download-icon {
  content: url('standard-theme/assets/tenant/rbm/download.svg');
}
body.ajila-industry-banking-novus-rbm .start_image img {
  content: url('standard-theme/assets/tenant/rbm/startpage.jpeg');
}
body.ajila-industry-banking-novus-rbm .forms-checkbox .forms-checkbox_faux {
  border-color: var(--secondary-color);
}
body.ajila-industry-banking-novus-rbm input[type="checkbox"]:checked ~ .forms-checkbox__label .forms-checkbox_faux {
  border-color: var(--voritary-color);
}
body.ajila-industry-banking-novus-rbm .ajila_forms_radiobutton_circle {
  border: 0.5px solid var(--secondary-color);
}
body.ajila-industry-banking-novus-rbm .ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle {
  border: 0.5px solid var(--secondary-color);
}
body.ajila-industry-banking-novus-rbm .ajila_forms_radiobutton_container input:checked ~ .ajila_forms_radiobutton_label > .ajila_forms_radiobutton_circle:after {
  border: 0.5px solid var(--secondary-color);
}