.guideImage img  {
    height:100%;
    width:inherit;
    max-width:100%;
    max-height:100%;
    outline: none !important;  }
body  {
    font-family:Arial;
    line-height:1.42857143;
    margin-left:0px;
    margin-bottom:0px;
    margin-right:0px;
    margin-top:0px;
    font-size:1rem;
    color:#666;
    overflow-x: hidden;
    overflow-y: hidden;
  }
.guideChart  {
    height:100%;
    width:inherit;
    max-width:100%;
    max-height:100%;
  }
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart)  {
    margin-top:0.25rem;
    padding-left:0.75rem;
    padding-right:0.75rem;
    border-left-width:4px;
    border-bottom-width:0;
    border-right-width:0;
    border-top-width:0;
    border-style:solid;
    border-color:rgba(255,255,255,0);
    padding-top:.5rem;
    margin-bottom:0.25rem;
  }
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw)  {
    border-left-width:4px;
    border-style:solid;
    border-color:rgb(235,60,54);
    border-right-width:0px;
    border-top-width:0px;
    border-bottom-width:0px;
  }
.guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw)  {
    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;
border-left-color : #007fa2;
transition: all 2s;    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;
  }
label  {
    color:#666666;
    line-height:1.42857143;
    font-weight:normal;
    margin-bottom:2px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    font-size:16px;
    outline: none !important;  
}

.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:40px;
    color:#555555;
    font-size:14px;
    line-height:1.42857143;
    padding-bottom:0.625rem;
    padding-left:0.625rem;
    padding-top:0.625rem;
    padding-right:0.625rem;
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    background:#ffffff;
outline: none !important;  }
.guideFieldWidget {
width:100%;
display:block;
}

.guideCheckBoxGroup {
    background: #DFE3E8;
    border-radius: 8px;
}

.guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch)  {
    width:100%;
    display:block;
  }
.guideCheckBoxItem .guideWidgetLabel label  {
    vertical-align:text-bottom;
    margin-left:.2em;
    color:#888888;
    margin-right:1.5rem;
  }
.guideCheckBoxItem .guideWidgetLabel {
display:inline-block;
}
.XfaCheckBox input[type='checkbox']  {
    float:none;
    width:12px;
  }
.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(100% - 5rem);
    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  {
    width:2.5rem;
    height:2.5rem;
    display:inline-block;
    float:left;
    border-top-left-radius:0.25rem;
    border-bottom-left-radius:0.25rem;
cursor : pointer;
    background:url(../../af/widgets/numericStepper/less/images/Minus.svg) center center / 0.75rem 0.75rem no-repeat;
  }
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:hover  {
    background:url(../../af/widgets/numericStepper/less/images/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
  }
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:focus  {
    background:url(../../af/widgets/numericStepper/less/images/Minus_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;
cursor : pointer;
    border-top-right-radius:0.25rem;
    border-bottom-right-radius:0.25rem;
    background:url(../../af/widgets/numericStepper/less/images/Plus.svg) center center / 0.75rem 0.75rem no-repeat;
  }
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:hover  {
    background:url(../../af/widgets/numericStepper/less/images/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
  }
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:focus  {
    background:url(../../af/widgets/numericStepper/less/images/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;
  }
.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;
    vertical-align:text-bottom;
    color:#888888;
  }
.guideRadioButtonItem .guideWidgetLabel {
display:inline-block;
float:none;
}
.XfaCheckBox input[type='radio']  {
    float:none;
    width:0.75rem;
    border-bottom-right-radius:15px;
    border-bottom-left-radius:15px;
    border-top-right-radius:15px;
    border-top-left-radius:15px;
  }
.multiline.textField textArea  {
    height:80px;
  }
.guideSwitch .ui-switchbutton-default  {
    height:24px;
    margin-top:5px;
    padding-bottom:0px;
    padding-top:0px;
  }
.guideSwitch .ui-switchbutton-default.ui-state-active  {
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-color:rgba(0,0,0,0);
    background:rgba(0,0,0,0);
    font-weight:normal;
  }
.guideSwitch .ui-switchbutton-default .ui-switchbutton-handle  {
    background:linear-gradient(180deg,rgb(215,215,215),rgb(252,252,252));
    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:rgb(162,162,162);
  }
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-enabled  {
    background:linear-gradient(180deg,rgb(125,147,86),rgb(193,218,147));
    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:rgb(255,255,255);
  }
.guideSwitch .ui-switchbutton-default label.ui-switchbutton-disabled  {
    background:linear-gradient(180deg,rgb(185,185,185),rgb(248,248,248));
    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:rgb(124,124,124);
  }
.guideFieldWidget.afTermsAndConditions  {
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    background:#eee;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);  }
.guide-tnc-checkboxwidget input[type='checkbox']  {
    margin-left:0.5rem;
    margin-right:0.5rem;
    width:1rem;
  }
.afTncContentArea  {
    overflow:auto;
    border-style:hidden;
    border-top-width:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    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;
outline: none !important;  }
.guideImageChoice .guideRadioButtonItem.imageCheckButtonChecked .guideWidgetLabel, .guideImageChoice .guideCheckBoxItem.imageCheckButtonChecked .guideWidgetLabel   {
    background:url(../../af/widgets/imagebuttons/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  {
    height:38px;
  }
.guideformtitle,.guideTextDraw.guideformtitle  {
    font-size:2rem;
    margin-bottom:16px;
   outline: none !important;  }
   .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(../../af/guidetheme2/images/questionmark.svg) center center / cover no-repeat,#969696;
cursor : pointer;
  }
.guideHelpQuestionMark:hover  {
    background:url(../../af/guidetheme2/images/questionmark.svg) left top / cover no-repeat,#777777;
  }
.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.3rem;
    color:#d01f26;
    font-family:Arial;
outline: none !important;  }
.mobileScrollIndicator  {
  }
.accordion-navigators .guideHeader > a  {
    display:block;
    border-style:solid;
    border-top-width:1px;
    border-left-width:1px;
    border-right-width:1px;
    border-color:#e6e6e6;
    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(../../af/guidetheme2/images/Chevron-Right.svg) 0.5rem 50% / auto 1rem no-repeat,#f5f5f5;
    border-bottom-width:1px;
  }
.accordion-navigators .active > .guideHeader > a, .accordion-navigators .active .guideHeader > a:hover  {
    color:#666666;
    background:url(../../af/guidetheme2/images/Chevron-Active.svg) 0.5rem 50% / auto 1rem no-repeat,#f5f5f5;
    border-left-width:1px;
    border-bottom-width:0px;
    border-top-width:1px;
    border-right-width:1px;
    border-style:solid;
    border-color:#e6e6e6;
  }
.accordion-navigators .guideHeader > a:hover  {
    background:url(../../af/guidetheme2/images/Chevron-Right-Hover.svg) 0.5rem 50% / auto 1rem no-repeat,#f0f0f0;
    color:#666666;
  }
.accordion-navigators .guideHeader .repeatableButtons button.Add  {
    border:none;
    width:1.5rem;
    height:1.5rem;
    background:url(../../af/guidetheme2/images/Accordion-Add-Default.svg) 50% 40% / 1.2rem 1.2rem no-repeat;
  }
.accordion-navigators .guideHeader .repeatableButtons > button.Add:hover  {
    background:url(../../af/guidetheme2/images/Accordion-Add-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;
  }
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Add  {
    background:url(../../af/guidetheme2/images/Accordion-Add-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;
  }
.accordion-navigators .guideHeader .repeatableButtons button.Remove  {
    border:none;
    width:1.5rem;
    height:1.5rem;
    margin-left:0.5rem;
    background:url(../../af/guidetheme2/images/Accordion-Delete-Default.svg) 50% 40% / 1.2rem 1.2rem no-repeat;
  }
.accordion-navigators .guideHeader .repeatableButtons button.Remove:hover  {
    background:url(../../af/guidetheme2/images/Accordion-Delete-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;
  }
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Remove  {
    background:url(../../af/guidetheme2/images/Accordion-Delete-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;
  }
.guideGridFluidLayout  {
    color:#666666;
 outline: none !important;  }
.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;
  }
.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;
  }
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a  {
    color:#666666;
    width:calc(100% - 35px);
    margin-bottom:0px;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
    display:block;
    padding-bottom:10px;
    padding-left:30px;
    padding-top:10px;
    padding-right:5px;
    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;
box-sizing : content-box;
    background:#F1F1F1;
  }
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active.stepped > a, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.active > a:hover  {
    color:#ffffff;
    background:url(../../af/guidetheme2/images/Tick.svg) 8px 1rem / 14px auto no-repeat,#888888;
  }
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a:hover, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li.stepped > a:hover  {
    color:#666666;
    background:url(../../af/guidetheme2/images/Tick.svg) 8px 1rem / 14px auto no-repeat,#CCCCCC;
  }
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li > a  {
    background:#FFFFFF;
    color:#666666;
    border-left-width:4px;
    border-bottom-width:0px;
    border-top-width:0px;
    border-right-width:0px;
  }
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active.stepped > a, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.active > a:hover  {
    background:url(../../af/guidetheme2/images/DoubleTick.svg) 8px 1rem / 14px 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:hover, .guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical .tab-navigators-vertical > li.stepped > a:hover  {
    color:#666666;
    background:url(../../af/guidetheme2/images/DoubleTick.svg) 8px 1rem / 14px auto no-repeat,#FFFFFF;
  }
.guideVerticalTabbedPanelLayout .tab-navigators  {
    margin-bottom:0.5rem;
list-style: none;    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%;
  }
.guideVerticalTabbedPanelLayout .tab-navigators > li.active > a, .guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a,.guideVerticalTabbedPanelLayout .tab-navigators > li.stepped.active > a,.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped.active > a, .guideVerticalTabbedPanelLayout .tab-navigators > li.active > a:hover, .guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.active > a: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: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 > a  {
    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,.guideVerticalTabbedPanelLayout .tab-navigators-vertical .tab-navigators-vertical li.stepped > a  {
    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;
  }
.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;
text-decoration: none;
word-break: break-word;
white-space: normal;    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;
    margin-right:10px;
  }

.wizard-navigators > li > a::before{
content: counter(item);
float: left;
position: absolute;
bottom: 0px;
height: 1.5rem;
width: 1.5rem;
margin-right: 10px;
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;}
.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.stepped > a  {
    color:#969696;
  }

.wizard-navigators > li.stepped > a::before{
content: "";
background:url(../../af/guidetheme2/images/Tick.svg) center center / 0.75rem 0.75rem no-repeat,#969696;
border-color: rgba(0,0,0,0);}
.wizard-navigators > li > a:hover  {
text-decoration: none;    color:#969696;
  }

.wizard-navigators > li > a:hover::before{
color: #969696;
border-color: #969696;}
.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-bottom-color : #999999;    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;
  }
.wizard-navigators > li.active .indicator, .wizard-navigators > li.active.stepped .indicator, .wizard-navigators > li.active:hover .indicator  {
border-bottom-color : #0079c1;    display:none;
  }
.wizard-navigators > li.stepped .indicator  {
border-bottom-color : #02874e;    display:none;
  }
.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.active .progress, .wizard-navigators > li.active.stepped .progress, .wizard-navigators > li.active:hover .progress  {
    background:#666666;
  }
.wizard-navigators > li.stepped .progress  {
    background:#969696;
  }
.wizard-navigators > li:hover .progress  {
    background:#969696;
  }
.wizard-nav-arrow.wizard-nav-next  {
    height:2.5rem;
    cursor:pointer;
    cursor : pointer;    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(../../af/guidetheme2/images/Chevron-Right.svg) center center / 1rem 1rem no-repeat;
    right:2%;
  }
.wizard-nav-arrow.wizard-nav-next:hover  {
    background:url(../../af/guidetheme2/images/Chevron-Right-White.svg) center center / 1rem 1rem no-repeat,#666666;
    border-color:#666666;
  }
.wizard-nav-arrow.wizard-nav-prev  {
    cursor:pointer;
cursor : pointer;    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(../../af/guidetheme2/images/Chevron-Left.svg) center center / 1rem 1rem no-repeat;
  }
.wizard-nav-arrow.wizard-nav-prev:hover  {
    background:url(../../af/guidetheme2/images/Chevron-Left-White.svg) center center / 1rem 1rem no-repeat,#969696;
  }
.guide-tab-scroller.guide-tab-scroller-next  {
    cursor:pointer;
    height:1.5rem;
    background:url(../../af/guidetheme2/images/Chevron-Right.svg) center center / 1rem 1rem no-repeat;
    margin-top:0.5rem;
    display:block;
  }
.guide-tab-scroller.guide-tab-scroller-next:hover  {
    background:url(../../af/guidetheme2/images/Chevron-Right-Hover.svg) center center / 1rem 1rem no-repeat;
  }
.guide-tab-scroller.guide-tab-scroller-previous  {
    cursor:pointer;
    height:1.5rem;
    background:url(../../af/guidetheme2/images/Chevron-Left.svg) center center / 1rem 1rem no-repeat;
    display:block;
visibility : none;    margin-top:0.5rem;
  }
.guide-tab-scroller.guide-tab-scroller-previous:hover  {
    background:url(../../af/guidetheme2/images/Chevron-Left-Hover.svg) center center / 1rem 1rem no-repeat;
  }
.guideTableRuntimeAddControl  {
    background:url(../../af/guidetheme2/images/Accordion-Add-Default.svg) center center / 1.2rem 1.2rem no-repeat;
    width:1.5rem;
    height:1.5rem;
cursor : pointer;
    display:inline-block;
    margin-bottom:1rem;
    margin-top:1rem;
    margin-left:1rem;
  }
.guideTableRuntimeAddControl:hover  {
    background:url(../../af/guidetheme2/images/Accordion-Add-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
  }
.guideTableRuntimeEditControl  {
    display:inline-block;
    width:1.5rem;
    height:1.5rem;
cursor : pointer;
    background:url(../../af/guidetheme2/images/Table-Edit-Default.svg) center center / 1.2rem 1.2rem no-repeat;
    margin-left:1rem;
    margin-bottom:1rem;
    margin-top:1rem;
    margin-right:1rem;
  }
.guideTableRuntimeEditControl:hover  {
    background:url(../../af/guidetheme2/images/Table-Edit-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
  }
.guideTableRuntimeDeleteControl  {
    background:url(../../af/guidetheme2/images/Accordion-Delete-Default.svg) center center / 1.2rem 1.2rem no-repeat;
    width:1.5rem;
    height:1.5rem;
cursor : pointer;
    margin-top:1rem;
    display:inline-block;
    margin-bottom:1rem;
    margin-right:1rem;
    margin-left:1rem;
  }
.guideTableRuntimeDeleteControl:hover  {
    background:url(../../af/guidetheme2/images/Accordion-Delete-Hover.svg) center center / 1.2rem 1.2rem no-repeat;
  }
.guideToolbarNode  {
    margin-top:1.5rem;
    margin-bottom:1.5rem;
    padding-left:6.5rem;
    padding-right:6.5rem;
    height:2.85rem;
    padding-top:0.125rem;
    padding-bottom:0.125rem;
outline: none !important;  }
button.fileattachmentlisting .iconButton-icon  {
    background:url(../../af/images/fileattachmentlisting-ip.png) center top / contain no-repeat;
  }
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:0px;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    padding-bottom:.625rem;
    padding-left:1rem;
    padding-top:.625rem;
    padding-right:1rem;
    font-size:1rem;
    border-bottom-left-radius:2px;
    border-bottom-right-radius:2px;
    border-top-right-radius:2px;
    border-top-left-radius:2px;
    line-height:normal;
    background:#333B46;
    color:#FFF;
    font-family:Arial;
outline: none !important;
cursor: pointer;    box-shadow:0px 2px 10px 0px rgba(17,17,17,0.22);
  }
button:not(.af-icon-button):hover  {
    background: #fff;
    border: 1px solid #333B46;
    color: #333B46;
  }
/*button:not(.af-icon-button):active  {
    color:#ffffff;
    background:rgb(255,6,19);
    border-color:#555555;
  }*/
[data-disabled='true'] button:not(.af-icon-button)  {
    background:#bebebe;
    color:#e6e6e6;
  }
button .iconButton-icon  {
    display:none;
    width:1.5rem;
    height:1.5rem;
  }
button.moveNext .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Chevron-Right-White.svg) center top / contain no-repeat;
  }
button.movePrev .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Chevron-Left-White.svg) center top / contain no-repeat;
  }
button.reset .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Reset.svg) center center / auto 1.2rem no-repeat;
  }
button.reset:not(.af-icon-button):hover .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Reset-Hover.svg) center center / auto 1.2rem no-repeat,#666666;
  }
button.reset:not(.af-icon-button):active .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Reset-Hover.svg) center center / auto 1.2rem no-repeat,#555555;
    border-color:#555555;
  }
button.reset:not(.af-icon-button):focus .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Reset-Hover.svg) center center / auto 1.3rem no-repeat;
  }
button.save .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Save.svg) center center / auto 1.3rem no-repeat;
  }
button.save:not(.af-icon-button):hover .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Save-Hover.svg) center center / auto 1.3rem no-repeat,#666666;
  }
button.save:not(.af-icon-button):active .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Save-Hover.svg) center center / auto 1.3rem no-repeat,#555555;
    border-color:#555555;
  }
button.save:not(.af-icon-button):focus .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Save-Hover.svg) center center / auto 1.3rem no-repeat,#666666;
  }

button.submit .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Submit-Hover.svg) center center / auto 1.3rem no-repeat;
  }
button.submit:not(.af-icon-button):hover .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#555555;
    border-color:#555555;
  }
button.submit:not(.af-icon-button):active .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#555555;
    border-color:#555555;
  }
button.submit:not(.af-icon-button):focus .iconButton-icon  {
    background:url(../../af/guidetheme2/images/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#666666;
  }

.guideContainerWrapperNode .tooltip.bottom .tooltip-inner  {
    background:rgba(0,0,0,0.7);
    max-width:350px;
    color:#FFFFFF;
    text-align:center;
text-decoration: none;
white-space: normal;
word-break: break-word;
word-wrap: break-word;    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-top-right-radius:4px;
    border-top-left-radius:4px;
    width:auto;
  }
.guideContainerWrapperNode .tooltip.bottom .tooltip-arrow {
border-bottom-color:rgba(0,0,0,0.7);
}
.guideFieldError  {
    padding-top:0.25rem;
    color:rgb(235,60,54);
    margin-left:0px;
    margin-bottom:0px;
    margin-top:0px;
    margin-right:0px;
    font-size:14px;
    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;
  }
.guideScribble .ScribbleImageField img.emptyScribble  {
    background:url(../../xfaforms/xfalib/images/signature.png) left top no-repeat;
  }
.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:0px;
    margin-left:0.5em;
    color:#FFF;
    border-left-width:0px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-top-width:0px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;
    border-top-right-radius:2px;
    border-top-left-radius:2px;
    padding-left:20px;
    padding-bottom:10px;
    padding-right:20px;
    padding-top:10px;
    outline: none !important;
    background: #333B46; 
 }
.afToolbarButton {
float:right;
display:inline-block;
}
.afToolbarButton .guidebutton button:not(.af-icon-button):hover  {
   background: #fff;
    border: 1px solid #333b46;
    color: #333B46;
  }
.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:rgb(255,255,255);
    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;
  }
.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;
  }
.guideFieldNode .guideHelpQuestionMark  {
  }
.guideTextDraw  {
  }
.guideLayout.guideVerticalTabbedPanelLayout  {
  }
.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);
outline: none !important;  }
.guideWizardLayout  {
    background:#f5f5f5;
    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;
  }
.guideTableNode table tbody:nth-of-type(odd) tr:nth-of-type(odd)  {
    background:#ffffff;
  }
button.moveNext:not(.af-icon-button)  {
    color:#ffffff;
    background:#666666;
  }
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.submit:not(.af-icon-button)  {
    border-color:#666666;
    color:#ffffff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--body5-size);
    background-image: url(../../../../../content/dam/shp/site-images/icon_arrow_right_white.svg);
    background-repeat: no-repeat;
    background-position: right;
    width: 125px;
    text-align: left;
    background-origin: content-box;
    height: 40px;
    margin-top: 20px;
  }
button.submit:not(.af-icon-button):hover  {
    border: 1px solid #333b46;
    color: #333B46;
    background-image: url(../../../../../content/dam/shp/site-images/icon_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: right;
  }
button.submit:not(.af-icon-button):active  {
    border-color:#555555;
    color: #333B46;
    background-image: url(../../../../../content/dam/shp/site-images/icon_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: right;
  }
button.submit:not(.af-icon-button):focus  {
    background-image: url(../../../../../content/dam/shp/site-images/icon_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: right;
  }
.guideFieldWidget.dateTimeEdit input  {
    font-family:Arial;
  }
.afWizardPanel  {
    padding-left:16%;
    padding-bottom:4rem;
    padding-right:3.5rem;
    padding-top:1rem;
  }
.afTabTopPanel  {
    padding-bottom:1rem;
    padding-top:1rem;
    padding-right:3rem;
    padding-left:5.3rem;
  }
.guide-tnc-checkbox .guideWidgetLabel label  {
    font-size:0.875rem;
    color:#888888;
    font-weight:bold;
  }
.afAccordionPanel  {
    padding-left:3.5rem;
    padding-bottom:1rem;
    padding-right:3.5rem;
    padding-top:1rem;
    border-style:solid;
    border-left-width:1px;
    border-bottom-width:1px;
    border-top-width:0px;
    border-right-width:1px;
    border-color:#e6e6e6;
    background:#f5f5f5;
  }
.guide-tnc-checkbox  {
    margin-top:0px;
  }
.guideAccordionDescription.guidePanelDescription  {
    margin-bottom:1.5rem;
    font-size:1.25rem;
  }
button.guide-fu-attach-button:not(.af-icon-button):hover  {
    background:#fff;
    box-shadow:0px 4px 15px 0px rgba(0,0,0,0.3);
  }
button.guide-fu-attach-button:not(.af-icon-button)  {
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;  }
.afFooter  {
    width:100%;
    text-align:center;
    background:#e6e6e6;
    margin-top:4rem;
box-sizing : content-box;
    padding-top:.5em;
    padding-bottom:.5rem;
  }
.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;
    border-style:solid;
    height:90px;
    vertical-align:text-top;
    background:#f5f5f5;
    border-color:#e6e6e6;
    margin-bottom:1rem;
  }
.guideimage .logoImage img  {
    height:3.75rem;
    margin-top:0.9375rem;
  }
.guideTextDraw.headerText  {
    font-size:1.125rem;
    padding-left:10px;
    color:#555555;
    vertical-align:top;
    height:70px;
  }
@media (max-width: 991px) {
.afTabLeftPanel  {
    border-top-width:0px;
  }
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical  {
    border-right-width:1px;
  }
.guideLayout.guideVerticalTabbedPanelLayout  {
    padding-left:0rem;
    padding-right:0rem;
  }
.afTabTopPanel  {
    padding-right:0px;
    padding-left:0px;
  }
}
@media (max-width: 767px) {
.guide-nav-next.guide-nav-toolbar-button  {
    margin-left:0.5rem;
    margin-bottom:0px;
    margin-right:0px;
    width:1.125rem;
    height:1.125rem;
cursor : pointer;
    background:url(../../af/guidetheme2/images/FatChevron-Right-Default.svg) center center / contain no-repeat;
  }
.guide-nav-prev.guide-nav-toolbar-button  {
    position:relative;
    background:url(../../af/guidetheme2/images/FatChevron-Left-Default.svg) center center / contain no-repeat;
    width:1.125rem;
    height:1.125rem;
cursor : pointer;
    margin-right:0.5rem;
    margin-left:0px;
  }
.guideformtitle,.guideTextDraw.guideformtitle  {
    margin-left:1rem;
    margin-bottom:0.5rem;
  }
.guideGridFluidDescription.guidePanelDescription  {
    margin-bottom:0.5rem;
  }
.tab-navigators.tab-navigators-mobile  {
    background:#e6e6e6;
list-style: none;
cursor: pointer;    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;
  }
.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:1.5rem;
    height:1.5rem;
    background:url(../../af/guidetheme2/images/HamburgerMenuWmargin-Default.svg) center center / contain no-repeat;
    margin-bottom:0.5rem;
  }
.guide-mobile-navigator .navigator-toggle:hover  {
    background:url(../../af/guidetheme2/images/HamburgerMenuWmargin-Hover.svg) center center / contain no-repeat;
  }
.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.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:hover  {
    background:#cccccc;
    color:#666666;
  }
.mobileScrollIndicator  {
    display:block;
    z-index:55;
    position:fixed;
    bottom:20px;
    right:0px;
    width:3rem;
    height:5rem;
    background:url(../../af/guidetheme2/images/ScrollDown.svg) left top / 1.5rem 1.5rem no-repeat;
  }
.guide-header-bar  {
    background:#e6e6e6;
    color:#ffffff;
    padding-bottom:0.5rem;
    padding-left:1rem;
    padding-top:0.5rem;
    padding-right:1rem;
    text-transform:uppercase;
    position:static;
    top:0px;
  }
.guide-header-bar .guide-breadcrumb  {
    float:left;
    color:#666666;
    margin-right:1rem;
  }
.afTabLeftPanel  {
    padding-top:0.25rem;
    padding-right:0.5rem;
    padding-left:0.5rem;
    border-top-width:1px;
  }
.wizard-navigators  {
    margin-left:1rem;
    margin-right:1rem;
  }
.wizard-navigators > li > a  {
    margin-right:4rem;
  }
.wizard-nav-arrow.wizard-nav-next  {
    display:none;
  }
.wizard-nav-arrow.wizard-nav-prev  {
    display:none;
  }
.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:not(.af-icon-button),input[type='button']  {
  }
button .iconButton-icon  {
  }
button.reset:not(.af-icon-button):focus .iconButton-icon  {
  }
.afToolbarButton .guidebutton button .iconButton-label  {
    display:none;
  }
.afToolbarButton .guidebutton button .iconButton-icon  {
    display:block;
  }
.afToolbarButton .guidebutton button:not(.af-icon-button)  {
  }
.guideLayout.guideVerticalTabbedPanelLayout  {
    padding-right:0px;
    padding-left:0px;
  }
.guideContainer  {
  }
.guideWizardLayout  {
    border-left-width:0px;
    border-bottom-width:0px;
    border-top-width:0px;
    border-right-width:0px;
  }
button.submit:not(.af-icon-button)  {
    padding-left:2.625rem;
    padding-right:2.625rem;
  }
.afWizardPanel  {
    padding-left:0.5rem;
    padding-right:0.5rem;
  }
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.save:not(.af-icon-button)  {
    padding-left:0.625rem;
    padding-bottom:0.625rem;
    padding-top: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);
  }
.afTabTopPanel  {
  }
.afAccordionPanel  {
    padding-left:0px;
    padding-bottom:0px;
    padding-top:0px;
    padding-right:0px;
  }
.afFooter  {
    margin-bottom:40px;
  }
.afHeader  {
    height:64px;
    padding-left:1rem;
    padding-right:1rem;
  }
.guideimage .logoImage img  {
    height:35px;
  }
.guideTextDraw.headerText  {
    height:49px;
  }
}
@media (max-width: 479px) {
.afTabLeftPanel  {
    border-top-width:1px;
  }
button.reset .iconButton-icon  {
  }
.afWizardPanel  {
    padding-left:0.5rem;
    padding-right:0.5rem;
  }

}

@media (max-width: 600px) {
      button.submit:not(.af-icon-button) {
        width: 100%;
  }
  .guideFieldHorizontalAlignment {
    display: inline-flex;
  }
  .guideCheckBoxItem .guideWidgetLabel {
    padding-top: 2px;
  }
  button.submit:not(.af-icon-button)  {
    text-align: left;
    margin-top: 10px;
  }
  .guideCheckBoxItem .guideFieldWidget input[type="checkbox"], .guideRadioButtonItem .guideFieldWidget input[type="radio"] {
    margin-top: -8px;
  }
  .guideWidgetLabel.right label, .guideWidgetLabel.left label {
    line-height: unset;
  }

  input, select, textarea, .guideScribble img, .afTermsAndConditions {
    height: 40px;
  }
  label {
    font-size: 16px;
  }
}

.separator {
    border-color: #fff;
}

textarea {
    font-family: 'Helvetica Neue', helvetica, sans-serif !important;
}

@media (max-width: 389px){
.aem-Grid.aem-Grid--xxsmall--12>.aem-GridColumn.aem-GridColumn--offset--xxsmall--1 {
    margin-left: 5%;
}

.aem-Grid.aem-Grid--xxsmall--12>.aem-GridColumn.aem-GridColumn--xxsmall--10 {
    float: left;
    clear: none;
    width: 90%;
}

input, select, textarea, .guideScribble img, .afTermsAndConditions {
           margin-bottom: 15px;
  }
}

.nbNotice {
    background-color: unset !important;
    padding: unset !important;
    box-shadow: unset !important;
    margin-bottom: unset !important;
}




/* -----     Custom css     ----- */

.transpharm-submit button.submit:not(.af-icon-button)  {
  background-color:#26AFE5 ;
}

.transpharm-submit button.submit:not(.af-icon-button):hover {
  background-color:#5DAC06;
  color: #fff;
  border-color:#5DAC06;
  background-image: url(../../../../../content/dam/shp/site-images/icon_arrow_right_white.svg);
}

.nbNotice {
	background-color: #eee;
	padding: 12px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    margin-bottom: 15px;
}
.row {
    margin: 5px 0;
    }

.guideformtitle {
    margin-top: 1rem;
}

	.map-container{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.map-container iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}



.tcSection .row {
    display: inline;
}

.tcText {
	border-left-width: 4px;
	border-bottom-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-style: solid;
	border-color: rgba(255,255,255,0);
	margin-bottom: 0.25rem;
	width: 300px;
	position: absolute;
	line-height: 20px;
	left: -100px;
	top: 10px;
}

.tcCheck {
	width: 330px;
	float: left;
	height: 66px;
	clear: both;
}


.tcCheck .guideFieldError {
	position: absolute;
	top: 40px;
	width: 220px;
}
  
  .tcCheck .guideWidgetLabel {
    display: none;
}

@media (max-width: 767px) {

}
}
@media (min-width: 768px) {

}

@media (max-width: 991px) {
  .tcText {
	left: 50px;
}
}

@media (min-width: 1200px) {
  .tcText {
	left: -140px;
}
}


/* ---- Autocomplete drop down ----- */
.ui-autocomplete {
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    list-style: none;
    padding: 5px 15px;
    max-width: 540px;
    margin-left: 12px;
    margin-top: 10px;
    overflow: scroll;
    min-height: 200px;
    max-height: 500px;
    position: relative;
}

.ui-autocomplete .ui-menu-item:hover {
    cursor: pointer;
    background:#e20613 !important;
    color: #fff !important;
}

.ui-menu .ui-menu-item .font_size {
    display:block;
    height:auto;
    padding:15px 20px;
}

.ui-helper-hidden-accessible{
display:none;
}



@-webkit-keyframes slideDown {
  1% {
		-webkit-transform: translateY(-30%);
    opacity: 0;
	}	
  30% {opacity: 0
  }
	100% {
		-webkit-transform: translateY(0%);
		opacity: 1;
	}
}
@-moz-keyframes slideDown {
  1% {
		-moz-transform: translateY(-30%);
    opacity: 0;
	}	
  30% {opacity: 0
  }
	100% {
		-moz-transform: translateY(0%);
		opacity: 1;
	}
}

.panelAnimate {
	-webkit-animation-name: slideDown;
  animation-name: slideDown;
	-webkit-animation-duration: .6s;
  animation-duration: .6s;
	-webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

                
.mobileLayout.step {
	display: none;
}


.afToolbarButton {
	float: left;
	display: inline-block;
}

.guideToolbarNode {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	padding-left: 0;
	padding-right: 0;
	height: 2.85rem;
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
	outline: none !important;
}

@media (max-width: 767px)
{

.guideGridFluidLayout {
	padding: 0 0.5rem;
}

.guideToolbarNode {
	position: relative;
	bottom: 0px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 0;
	padding-left: 0;
	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: #fffc;
}
}