@font-face {
    font-family: "Libre Franklin";
    src: url('NedbankTheme/assets/fonts/LibreFranklin-wght.ttf'), url('NedbankTheme/assets/fonts/LibreFranklin-Regular.ttf'), url('NedbankTheme/assets/fonts/LibreFranklin-Regular.woff2');
    font-display: swap;
}
.guideContainer {
    min-height: calc(100vh - 295px);
}

.guideImage img {
height:auto;
max-height:100%;
margin-right:0.75rem;
margin-left:0.75rem;
margin-top:1rem;
width:inherit;
max-width:calc(100% - 1.5rem);

}
body{
font-family:'Libre Franklin',sans-serif;
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%;
margin-top:1rem;

}
.guideFieldNode.validation-failure:not(.guideButton):not(.guideTextDraw):not(.guideChart){
border-style:solid;
border-right-width:0px;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:0px;

}
.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){
margin-top:0rem;
padding-left:1.5rem;
padding-right:1.5rem;
padding-top:0.5rem;
margin-bottom:3.5rem;

}
@media (max-width : 390px){
    .guidedatepicker .guideFieldNode.guideDatePicker {
    width: 365px;;
    }
}
@media (max-width : 767px){
    .guidedatepicker .guideFieldNode.guideDatePicker {
    width: 414px;;
    }
}
@media (min-width : 768px){
    .guidedatepicker .guideFieldNode.guideDatePicker {
    width: 414px;
    }
}
@media (min-width : 1024px){
    .guidedatepicker .guideFieldNode.guideDatePicker {
    width: 414px;
    }
}
@media (min-width : 768px){
	.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){
			padding-left:0.75rem;
			padding-right:0.75rem;
     }
}
.guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart){
border-bottom-width:0px;
border-right-width:0px;
border-top-width:0px;
border-style:solid;
border-color:#23b482;
border-left-width:0px;

}
.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:#494F50;
line-height:24px;
font-size:1rem;
font-weight:normal;
margin-bottom:24px;
margin-top:0px;
margin-left:0px;
margin-right:0px;

}
.guideFieldLabel {
width:auto;
display:block;
}
.validation-failure input,.validation-failure select,.validation-failure textarea,.validation-failure.guideScribble img{
border-color:rgb(255,0,0);

}
input,select,textarea,.guideScribble img,.afTermsAndConditions{
border:2px solid #4F5452;
height:3rem;
color:#494F50;
font-size:1rem;
padding-bottom:0.75rem;
padding-left:1rem;
padding-top:0.75rem;
padding-right:1rem;
background:#ffffff;

}
.guideFieldWidget:not(.guideFieldButtonWidget) {
width:100%;
display:block;
}
input:disabled,select:disabled,textarea:disabled,.guideScribble img:disabled, [data-disabled='true'] input, [data-disabled='true'] select, [data-disabled='true'] textarea, [data-disabled='true'] .guideScribble img{
background:#DDDDDD;

}
.validation-failure .guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch){
border-color:rgb(255,0,0);
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-width:1px;
border-style:solid;

}
.guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch){
width:100%;
display:block;

}
[data-disabled='true'] .guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch){
background:#DDDDDD;

}
.afCheckBoxItem .guideWidgetLabel label{
margin-left:.5em;
color:#1D1F1E;
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;
margin:0;
width: 24px;
height: 24px;
border: 2px solid #4F5452;
color: #4F5452;
border-radius: 4px;
cursor: pointer;
outline: 0;
}
.XfaCheckBox input[type='checkbox'][checked='checked'], .XfaCheckBox input[type='checkbox'][checked='checked']:hover, .XfaCheckBox input[type='checkbox'][checked='checked']:focus {
border: 2px solid #0C8450;
color: #0C8450;
accent-color: #0C8450;
}
.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:focus{
background:url(NedbankTheme/assets/Minus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-down:hover{
background:url(NedbankTheme/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(NedbankTheme/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(NedbankTheme/assets/Plus_Hover.svg) center center / 0.75rem 0.75rem no-repeat;

}
.guideFieldWidget.guideNumericStepper a.ui-spinner-button.ui-spinner-up:hover{
background:url(NedbankTheme/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(NedbankTheme/assets/Plus.svg) center center / 0.75rem 0.75rem no-repeat;
cursor : pointer;

}
.validation-failure .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch){
border-color:rgb(255,0,0);
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-width:1px;
border-style:solid;

}
.guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch){
display:block;
width:100%;
border-right-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-top-width:0px;

}
.afRadioButtonItem .guideWidgetLabel label{
margin-left:.5rem;
margin-bottom:0px;
margin-right:1.5rem;
margin-top:0px;
color:#1D1F1E;
vertical-align:middle;
cursor: pointer;
}
.guideRadioButtonItem .guideWidgetLabel {
display:inline;
float:none;
}
.XfaCheckBox input[type='radio']{
float:none;
color: #4F5452;
border: 2px solid #4F5452;
margin: 0;
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: 24px;
height: 24px;
padding-bottom:0px;
padding-top:0px;
cursor: pointer;
}
.XfaCheckBox input[type='radio'][checked='checked'] {
border:2px solid #0C8450;
color: #0C8450;
accent-color: #0C8450;
}
.multiline.textField textArea{
height:80px;
font-family:'Libre Franklin',sans-serif;
width: 348px;
}
.multiline.textField textArea:focus, .multiline.textField textArea:active {
outline:2px solid #0C8450;
border:0;
}

@media (max-width : 767px){
.multiline.textField textArea {
max-width: 390px;
width: 100%;
}
}
@media (min-width : 768px){
.multiline.textField textArea {
width:390px;
}
}

@media (min-width : 991px){
.multiline.textField textArea {
width:390px;
}
}

@media (min-width : 1025px){
.multiline.textField textArea {
width: 390px;
}
}
@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(NedbankTheme/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(NedbankTheme/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,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{
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);
background:rgb(84,180,107);

}
.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:rgb(124,124,124);
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(NedbankTheme/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;

}
.validation-failure .dropDownList select{
border-color:rgb(255,0,0);

}
.dropDownList select:hover{
background:url(NedbankTheme/assets/Chevron-Down-Active.svg) calc(100% - 1rem) 50% / auto 1.3rem no-repeat,rgba(255,255,255,1);
}
.dropDownList select:active, .dropDownList select:focus{
border:2px solid #008533;
}
.dropDownList  select{
font-family: 'Libre Franklin', sans-serif;
max-width:390px;
height:3.5rem;
border:2px solid #4F5452;
padding-left:1rem;
padding-bottom:0.75rem;
padding-top:0.75rem;
padding-right:1rem;
border-radius: 0;
background:url(NedbankTheme/assets/Chevron-Down-Default.svg) calc(100% - 1rem) 50% / auto 1.3rem no-repeat,rgba(255,255,255,1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: none;
cursor: pointer;
}
.guideFieldWidget.dropDownList {
width:100%;
}
.guideFieldWidget.dropDownList.listBoxWidget ol {
	border:0px solid #cde0ec;
    background-color: transparent;
    height:auto;
    max-height:100%;
}
.guideFieldWidget.dropDownList.listBoxWidget ol li[draggable="true"] {
	background-image: url('NedbankTheme/assets/grip-icon.svg');
}
.guideFieldWidget.dropDownList.listBoxWidget ol li {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: center right 10px;
    background-color: #FAFAFA !important;
    color: #494F50!important;
    margin-bottom: 8px;
    min-height: 56px;
	border-radius: 6px;
	border: 1.5px solid #494F50;
    padding: 16px 56px 16px 16px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.08);
    max-width:390px;
    font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}
[data-disabled='true'] .dropDownList select{
background:#DDDDDD;

}
.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(NedbankTheme/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(NedbankTheme/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{
font-size:1.25rem;
margin-left:0.75rem;
margin-right:0.75rem;
color:rgb(0,99,65);
margin-bottom:1.2px;

}
@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(NedbankTheme/assets/HamburgerMenuWmargin-Default.svg) 50% 0% / auto 2rem no-repeat;
margin-bottom:0.5rem;

}
.guide-mobile-navigator .navigator-toggle:hover{
background:url(NedbankTheme/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(NedbankTheme/assets/ScrollDown.svg) left top / 1.5rem 1.5rem no-repeat;

}
}
@media (max-width : 767px){
.guide-header-bar{
background: #fff;
border-top: 1px solid #ececec;
border-bottom: 1px solid #ececec;
padding-left:0.5rem;
text-transform:uppercase;
position:static;
top:0px;

}
}
@media (max-width : 767px){
.guide-header-bar .guide-breadcrumb{
float:left;
color: #494F50;
font-weight: 500;
margin-right:1rem;
line-height:2.5rem;
margin-bottom:0px;
margin-top:0px;
margin-left: 1rem;

}
}
.accordion-navigators .guideHeader > a:hover{
background:url(NedbankTheme/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(NedbankTheme/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(NedbankTheme/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(NedbankTheme/assets/Accordion-Add-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Add{
background:url(NedbankTheme/assets/Accordion-Add-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .guideHeader .repeatableButtons button.Add{
border:none;
width:1.5rem;
height:1.5rem;
background:url(NedbankTheme/assets/Accordion-Add-Default.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .guideHeader .repeatableButtons button.Remove:hover{
background:url(NedbankTheme/assets/Accordion-Delete-Hover.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.accordion-navigators .active > .guideHeader .repeatableButtons > button.Remove{
background:url(NedbankTheme/assets/Accordion-Delete-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(NedbankTheme/assets/Accordion-Delete-Default.svg) 50% 40% / 1.2rem 1.2rem no-repeat;

}
.guideGridFluidLayout{
color:#666666;

}
.guideTabbedPanelLayout{
border-top-width:0px;
border-left-width:0px;
border-bottom-width:0px;
border-right-width:0px;
border-style:solid;
border-color:#08b1cf;

}
.afTabLeftPanel{
padding-left:3.5rem;
padding-bottom:1rem;
padding-right:3.5rem;
padding-top:1rem;
border-left-width:1px;
border-bottom-width:1px;
border-right-width:1px;
border-style:solid;
border-color:#e6e6e6;
background:#ffffff;
border-top-width:1px;

}
@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;
border-left-width:1px;
border-bottom-width:0px;
border-top-width:1px;
border-right-width:0px;
border-color:#e6e6e6;
border-style:solid;
color:rgb(0,99,65);
background:#ffffff;

}
@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{
background:url('NedbankTheme/assets/Tick_Hover.svg') 0.5rem 50% / 0.8125rem auto no-repeat,rgb(0,150,57);
color:#ffffff;

}
.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('NedbankTheme/assets/Tick.svg') 0.5rem 50% / 0.8125rem auto no-repeat,rgb(0,99,65);

}
.guideTabbedPanelLayout .tab-navigators.tab-navigators-vertical > li > a.guideLeftNavIcon{
width:calc(100% - 35px);
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:#ffffff;
color:rgb(0,99,65);
box-sizing : content-box;

}
.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(NedbankTheme/assets/DoubleTick.svg) 0.5rem 50% / 0.8125rem 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(NedbankTheme/assets/DoubleTick.svg) 0.5rem 50% / 0.8125rem 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:0.5rem;
padding-top:.5rem;
padding-right:0.5rem;
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{
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:rgb(0,99,65);

}
.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;
text-transform:capitalize;
font-size:0.875rem;
line-height:1.5rem;
color:#009639;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.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:rgb(0,99,65);

}
.wizard-navigators > li.stepped > a::before{
content: "";
background:url(NedbankTheme/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.active .progress, .wizard-navigators > li.active.stepped .progress, .wizard-navigators > li.active:hover .progress{
color:rgb(0,99,65);
background:rgb(0,99,65);

}
.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;
margin-top:9px;
display:block;
margin-right:3px;
margin-bottom:0px;
box-shadow:50px 36px 75px 80px rgba(127,127,127,0) inset;
background:#009639;

}
.wizard-navigators > li.stepped .progress{
background:rgb(0,99,65);

}
.wizard-nav-arrow.wizard-nav-next:hover{
background:url(NedbankTheme/assets/Chevron-Right-White.svg) center center / 1rem 1rem no-repeat,#666666;
border-color:#666666;

}
.wizard-nav-arrow.wizard-nav-next{
height:2.5rem;
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(NedbankTheme/assets/Chevron-Right.svg) center center / 1rem 1rem no-repeat;
right:2%;
display:none;
cursor : pointer;
}
@media (max-width : 767px){
.wizard-nav-arrow.wizard-nav-next{
display:none;

}
}
.wizard-nav-arrow.wizard-nav-prev:hover{
background:url(NedbankTheme/assets/Chevron-Left-White.svg) center center / 1rem 1rem no-repeat,#969696;

}
.wizard-nav-arrow.wizard-nav-prev{
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(NedbankTheme/assets/Chevron-Left.svg) center center / 1rem 1rem no-repeat;
display:none;
cursor : pointer;
}
@media (max-width : 767px){
.wizard-nav-arrow.wizard-nav-prev{
display:none;

}
}
.guide-tab-scroller.guide-tab-scroller-next:hover{
background:url(NedbankTheme/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(NedbankTheme/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(NedbankTheme/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(NedbankTheme/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{
width:15px;
height:15px;
margin-top:15px;
display:inline-block;
background:url('NedbankTheme/assets/Accordion-Add-Default.svg') center center / cover no-repeat;
cursor : pointer;
}

.guideTableRuntimeEditControl:hover{
background:url(NedbankTheme/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(NedbankTheme/assets/Table-Edit-Default.svg) center center / no-repeat;
margin-left:1rem;
margin-bottom:1rem;
margin-top:1rem;
margin-right:1rem;
cursor : pointer;

}
.guideTableRuntimeDeleteControl{
background:url(NedbankTheme/assets/Accordion-Delete-Hover.svg) center center / cover no-repeat;
width:15px;
height:15px;
margin-top:15px;
display:inline-block;
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:120px;
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:0px;
border-right-width:0px;
/*border-style:solid;
border-color:#e6e6e6;
background:rgba(255,255,255,0.8);*/

}
}
.sortingButton.desc{
background:url(NedbankTheme/assets/Triangle_Desc.png) 50% 40% / 9px 7px no-repeat;
right:1rem;
position:absolute;
top:calc(50% - 9px);
outline:0;
border: 0;
 padding-bottom: .625rem;
 padding-left: 1rem;
 padding-top: .625rem;
 padding-right: .630rem;
 cursor: pointer;
 padding-bottom: .625rem;
padding-left: 1rem;
 padding-top: .625rem;
padding-right: 1rem;
border-bottom-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
border-top-right-radius: 1.5rem;
border-top-left-radius: 1.5rem;
cursor: pointer;

}
.sortingButton.asc{
background:url(NedbankTheme/assets/Triangle_Asc.png) 50% 40% / 9px 7px no-repeat;
right:1rem;
position:absolute;
top:calc(50% - 9px);
outline:0;
border: 0 ;
 padding-bottom: .625rem;
 padding-left: 1rem;
 padding-top: .625rem;
 padding-right: .630rem;
 cursor: pointer;
 padding-bottom: .625rem;
padding-left: 1rem;
 padding-top: .625rem;
padding-right: 1rem;
border-bottom-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
border-top-right-radius: 1.5rem;
border-top-left-radius: 1.5rem;
cursor: pointer;

}
.sortingButton.random{
background:url(NedbankTheme/assets/Triangle_Random.png) 50% 40% / 9px 18px no-repeat;
right:1rem;
position:absolute;
top:calc(50% - 9px);
outline:0;
border: 0;
 padding-bottom: .625rem;
 padding-left: 1rem;
 padding-top: .625rem;
 padding-right: .630rem;
 cursor: pointer;
padding-bottom: .625rem;
padding-left: 1rem;
 padding-top: .625rem;
padding-right: 1rem;
border-bottom-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
border-top-right-radius: 1.5rem;
border-top-left-radius: 1.5rem;
cursor: pointer;

}
button.fileattachmentlisting .iconButton-icon{
background:url(NedbankTheme/assets/fileattachmentlisting-ip.png) center top / contain no-repeat;

}
button.moveNext .iconButton-icon{
background:url(NedbankTheme/assets/Chevron-Right-White.svg) center center / auto 1.3rem no-repeat;

}
button.movePrev:not(.af-icon-button):hover .iconButton-icon{
background:url(NedbankTheme/assets/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;

}
button.movePrev:not(.af-icon-button):active .iconButton-icon{
background:url(NedbankTheme/assets/Chevron-Left-White.svg) center center / auto 1.3rem no-repeat;

}
button.movePrev .iconButton-icon{
background:url(NedbankTheme/assets/Chevron-Left-Hover.svg) center center / auto 1.3rem no-repeat;

}
button.reset:not(.af-icon-button):focus .iconButton-icon{
background:url(NedbankTheme/assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat;

}
button.reset:not(.af-icon-button):hover .iconButton-icon{
background:url(NedbankTheme/assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat,#666666;

}
button.reset:not(.af-icon-button):active .iconButton-icon{
background:url(NedbankTheme/assets/Reset-Hover.svg) center center / auto 1.2rem no-repeat,#555555;
border-color:#555555;

}
button.reset .iconButton-icon{
background:url(NedbankTheme/assets/Reset.svg) center center / auto 1.2rem no-repeat;

}
button .iconButton-icon{
display:none;
width:1.5rem;
height:1.5rem;
background:url(NedbankTheme/assets/Save.svg) center center / auto 1.2rem no-repeat;

}
button.submit:not(.af-icon-button):focus .iconButton-icon{
background:url(NedbankTheme/assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#666666;

}
button.submit:not(.af-icon-button):hover .iconButton-icon{
background:url(NedbankTheme/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(NedbankTheme/assets/Submit-Hover.svg) center center / auto 1.3rem no-repeat,#555555;
border-color:#555555;

}
button.submit .iconButton-icon{
background:url(NedbankTheme/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:rgb(235,60,54);
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;
background-color:#000;

}
.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;
background-color:#800;
}
.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;
background-color:#900;

}
.guideFieldWidget.guideDateInputWidget input[type='text'].comb-form-group-year{
width:4rem;
text-align:center;
background-color:#0C8450;
}



.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:#a5a5a5;
font-weight:bold;
height:3.575rem;
color:rgb(255,255,255);
text-align:left;
border-right-style: solid;
border-top-style: solid;
border-width:thin;
border-color: white;

}
.guideTableNode table .guideTableRowNode.guideTableHeader:nth-child(even),.guideTableNode table .guideTableRowNode.guideTableHeader:nth-child(odd),.guideTableNode table .guideTableRowNode.guideTableHeader{
background:#a5a5a5;
border-bottom-style: solid;
border-bottom-width: 3px;
height: 4.375rem;

}
.guideTableNode table td{
text-align:left;
border-right-style: solid;
border-top-style: solid;
border-width:thin;
border-color: white;
height: 4.375rem;
height:4.375rem;

}
.guideTableNode table{
border-color:#ffffff;
border-width:3px;
margin-top:0.25rem;
margin-left:0.75rem;
margin-right:0.75rem;
max-width:calc(100% - 1.5rem);
margin-bottom:0.75rem;

}
.guideTableNode table tbody:nth-of-type(even) tr, .guideTableNode table tbody tr:nth-of-type(even){
background:#f0f0f0;

}
.guideTableNode div.guidePanelDescription{
color:#666666;
margin-left:0.75rem;
margin-right:0.75rem;
}
.guideTextDraw.guideStaticText{
padding-left:1.5rem;
padding-right:1.5rem;
min-height: 22px;;
color:#494F50;
}
@media (min-width: 768px){
	.guideTextDraw.guideStaticText{
        padding-left:0.75rem;
        padding-right:0.75rem;
	}
}
.sectionBlock {
color:#494F50;
margin-bottom:56px;
}
@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{
padding-top:0.5rem;
}
@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:#e1e1e1;

}
button.moveNext:not(.af-icon-button):hover{
color:#ffffff;
background:#009639;
border-color:#009639;

}
button.moveNext:not(.af-icon-button):active{
background:#555555;
border-color:#555555;

}
button.moveNext:not(.af-icon-button){
color:#009639;
background:#ffffff;
border-color:#009639;

}
@media (max-width : 767px){
button.moveNext:not(.af-icon-button){
padding-right:0.625rem;
padding-left:0.625rem;

}

button.moveNext:not(.af-icon-button){
color:#009639;
background:#009639;
border-color:#009639;

}
}
button.submit:not(.af-icon-button):focus{
border-color:rgb(0,99,65);

}
button.submit:not(.af-icon-button):hover{
background:rgb(0,99,65);
border-color:rgb(0,99,65);

}
button.submit:not(.af-icon-button):active{
background:#555555;
border-color:#555555;

}
button.submit:not(.af-icon-button){
color:#ffffff;
background:#0C8450;
border-color:#0C8450;
min-width:285px;
width: auto;
padding-bottom: .75rem;
padding-top: .75rem;
border-radius: 4px;

}
@media (max-width : 767px){
button.submit:not(.af-icon-button){
padding-left:0.625rem;
padding-right:0.625rem;
width: 100%;
max-width: 90%;
display: flex;
text-align: center;
align-self: center;
justify-content: center;
justify-self: center;
}
}
@media (max-width : 767px){
.guideFieldWidget.dateTimeEdit input {
width: 100%;
}
}
.guideFieldWidget.dateTimeEdit input{
font-family:'Libre Franklin',sans-serif;
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 25px 25px;
background-color: #fff;
}

.guideFieldWidget.dateTimeEdit input[type="date"]::-webkit-inner-spin-button,
.guideFieldWidget.dateTimeEdit input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
/*
.afWizardPanel{
padding-left:16%;
padding-bottom:4rem;
padding-right:3.5rem;
padding-top:1rem;
background:#ffffff;
}*/

.afWizardPanel {
padding-top: 5rem;
padding-left:0rem;
padding-right:0rem;
margin: 0 auto;
display: flex;
justify-self: center;
align-self: center;
float: none; 
}

@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-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;
margin-top:0px;
margin-left:0.75rem;
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;

}
}
.afCheckBoxItem{
    cursor: pointer;
    width: 100%;
    margin-bottom: 0.5rem;
}
.afCheckBoxItem .guideWidgetLabel.right label {
line-height:32px;
}
.afRadioButtonItem{
cursor: pointer;
width: max-content;

}
@media (max-width : 991px){
	.afRadioButtonItem {
 		display:block;
    }
}
button.movePrev:not(.af-icon-button):hover{
color:#ffffff;
background:#009639;
border-color:#009639;

}
button.movePrev:not(.af-icon-button){
color:#009639;
background:#ffffff;
border-color:#009639;

}
@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(NedbankTheme/assets/Save-Hover.svg) center center / auto 1.3rem no-repeat;

}
button.save:not(.af-icon-button):hover .iconButton-icon{
background:url(NedbankTheme/assets/Save-Hover.svg) center center / auto 1.3rem no-repeat,#666666;

}
button.save:not(.af-icon-button):active .iconButton-icon{
background:url(NedbankTheme/assets/Save-Hover.svg) center center / auto 1.3rem no-repeat,#555555;

}
button.save .iconButton-icon{
background:url(NedbankTheme/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);

}
.guideAdModule{
padding-right:0.75rem;
padding-left:0.75rem;

}
.guideAdModuleGroup{
margin-top:0.5rem;

}

[data-disabled='true'] .textField input[type='text']{
background:#DDDDDD;

}
.afFooter{
width:100%;
text-align:left;
margin-top:8rem;
padding: 3.75rem 0;
background:#fafafa;
box-sizing : content-box;

}
@media (max-width: 767px){
    .afFooter{
    margin-bottom:0;
    }
}
.guideTextDraw.footerText {
font-size:0.75em;
color:#494f50;
padding-left: 20px;
}
.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:80px;
vertical-align:text-top;
border-color:#e6e6e6;
margin-bottom:8px;
border-style:solid;
}
.afHeader .container {
	width:100%;
    height:100%;
    display:flex;
    align-items: center;
}
.afHeader .container .guidetextdraw.guidefield {
 width:100%;
}
@media (max-width : 767px){
.afHeader{
height:64px;
padding-left:1rem;
padding-right:1rem;

}
}
.guideimage .logoImage img{
height:2.5rem;
margin-left:1.25rem;
width:auto;
max-width:100%;
outline:0;
}
@media (max-width : 767px){
.guideimage .logoImage img{
height:35px;

}
}
.guideTextDraw.headerText{
font-size: 1.25rem;
 font-weight: 500;
color:#000000;

}
@media (max-width : 767px){
.guideTextDraw.headerText{
padding-left:0px;

}
}

.customdropdown {
    width: 100%;
}

.customdropdown {
    position: relative;
}

.customdropdown select {
    visibility: hidden;
    height: 0;
    margin: 0;
    padding: 0;
}

.customdropdown .select-selected {
    width: 327px;
    color: #bbb;
    background-color: #fff;
    height: 56px;
    padding: 14px 10px;
    border: 2px solid #4F5452;
    cursor: pointer;
    background-image: url('NedbankTheme/assets/Chevron-Down-Default.svg');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 25px 25px;
}

.customdropdown .select-selected.select-arrow-active {
    background-image: url('NedbankTheme/assets/Chevron-Active.svg');
    background-position: right 10px top 15px;
    border: 2px solid #0C8450 !important;
}

.customdropdown .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

.customdropdown .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

.customdropdown .select-items {
    position: absolute;
    background-color: #fff;
    margin-left: 0.75rem;
    margin-top: -2px;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    width: 327px;
    max-width: 390px;
    border-left: 2px solid #0C8450;
    border-right: 2px solid #0C8450;
    border-bottom: 2px solid #0C8450;
    border-top: 2px solid #ccc;
}

.customdropdown .select-items div {
    color: #17252e;
    padding:12px 16px;
    border: 0 solid #0C8450;
    cursor: pointer;
}


.customdropdown .select-hide {
    display: none;
}

.customdropdown .select-items div:hover,.customdropdown .same-as-selected {
    background-color: rgba(0,0,0,0.05);
}

.customdropdown .nbd-tooltip {
    display: block;
    float: right;
}

.customdropdown .tooltip {
    letter-spacing: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
}

.customdropdown .tooltip .tooltip-inner {
    background-color: #17252e;
    border-radius: 5px;
    min-width: 250px;
    padding: 15px 10px;
    text-align: unset;
}

.customdropdown .bs-tooltip-auto[x-placement^=bottom] .arrow::before,.customdropdown .bs-tooltip-bottom .arrow::before {
    border-bottom-color: #17252e !important;
}

.customdropdown .bs-tooltip-auto[x-placement^=top] .arrow::before,.customdropdown .bs-tooltip-top .arrow::before {
    border-top-color: #17252e !important;
}

.customdropdown .bs-tooltip-auto[x-placement^=left] .arrow::before,.customdropdown .bs-tooltip-left .arrow::before {
    border-left-color: #17252e !important;
}

.customdropdown .bs-tooltip-auto[x-placement^=right] .arrow::before,.customdropdown .bs-tooltip-right .arrow::before {
    border-right-color: #17252e !important;
}

.customdropdown .tooltip-img {
    height: 12px;
    width: 12px;
}


@media only screen and (max-width: 1024px) {
    .customdropdown .select-items {
        max-width: 342px;
    }
}

@media only screen and (max-width: 768px) {
    .customdropdown .select-selected {
        width:100%;
    }
    .customdropdown .select-items {
    	position:relative;
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }
}
.guideFieldWidget.dateTimeEdit input:focus, .guideFieldWidget.dateTimeEdit input:active {
border: 2px solid #0C8450;
outline: 0;
        }
.guidedatepicker .datepicker-calendar-icon:focus .guideFieldWidget.dateTimeEdit input {
border: 2px solid #0C8450;
outline: 0;
}
.datetimepicker {
    width: 346px !important;
    padding: 20px;
    margin-top: -2px;
    margin-left: 0px;
    border-top: 2px solid #cccccc;
    border-left: 2px solid #0C8450;
    border-right: 2px solid #0C8450;
    border-bottom: 2px solid #0C8450;
    outline: 0;
}
@media (max-width : 390px){
.datetimepicker {
width:317px!important;
display: flex;
align-self: center;
}
}
@media (max-width : 767px){
.datetimepicker {
width:390px!important;
}
}

@media (min-width : 991px){
.datetimepicker {
width:390px!important;
}
}

@media (min-width : 1025px){
.datetimepicker {
width: 390px !important;
}
}
.guidedatepicker .datepicker-calendar-icon {
 background-image: url(NedbankTheme/assets/calendar.svg);
 width: 100%;
 height: 3rem;
 background-position: center right 10px;
 background-color: transparent;
}
.guidedatepicker .datepicker-calendar-icon:hover {
 background-image: url(NedbankTheme/assets/calendar.svg);
}
.datetimepicker .dp-header {
background-color: transparent;
color: #1D1F1E;
display: flex;
justify-content: space-between;
}
.datetimepicker .view ul {
display: flex;
justify-content: space-between;
}
.datetimepicker .view ul.header {
border-bottom: #E6E6E6 0px solid;
display: flex;
justify-content: space-between;
}
.datetimepicker .dp-header .dp-caption {
width: auto!important;
text-align: center;
}
.datetimepicker .view ul li {
display: flex;
align-items: center;
justify-content: center; 

}
.datetimepicker .view.dp-monthview ul li {
width: 42px !important;
height: 42px !important;
}
/*
.datetimepicker .view.dp-monthview ul li {
height: 42px !important;
width: 42px !important;
}
*/
.datetimepicker .view ul li.dp-selected {
background-color: #5fa317;
border: 1px solid #e4f2d2;
border-radius: 100%;
color: #ffffff;
}
.datetimepicker .view ul li.dp-selected:hover {
background-color: #5fa317 !important;
    border: 1px solid #e4f2d2;
    color: #ffffff !important;
}
.datetimepicker .view ul li.dp-focus {
 border: 1px solid #e4f2d2;
 border-radius: 100%;
}
.datetimepicker .view.dp-yearview ul li.dp-selected {
        border-radius:25px;
}
.datetimepicker .view.dp-yearview ul li.dp-focus {
border-radius:25px;
}
.datetimepicker-notouch .view.dp-yearview ul:not(.header) li:not(.disabled):hover {
border-radius:25px;
}


.datetimepicker .view.dp-yearsetview ul li.dp-selected {
        border-radius:25px;
}
.datetimepicker .view.dp-yearsetview ul li.dp-focus {
border-radius:25px;
}
.datetimepicker-notouch .view.dp-yearsetview ul:not(.header) li:not(.disabled):hover {
border-radius:25px;
}                                                        
.datetimepicker-notouch .view ul:not(.header) li:not(.disabled):hover {
 color: black;
 background-color: #e4f2d2;
 border-radius:100%;
 opacity: 1;
}
.datetimepicker-notouch .dp-header .dp-caption:not(.disabled):hover {
color: #1D1F1E;
}
.datetimepicker .dp-clear {
display:none;
}
.customstepper .guideNavIcon[role="link"] {
        display: none;
}
.customstepper ol.wizard-navigators {
    	display: flex;
    	justify-content: center;
        padding:0;
    }

.customstepper .wizard-navigators > li.af-widget-itemnav .progress {
margin-top: 0px;
height: 4px;
background: #0C8450;
opacity: 0.25;
}

.customstepper .wizard-navigators > li.af-widget-itemnav.active[aria-selected="true"] .progress {
opacity: 1;
}

.customstepper .guideWizardLayout {
    padding-top: 0;
}

.customstepper .afWizardPanel {
    padding-top: 5rem;
    padding-left:0rem;
    padding-right:0rem;
    margin: 0 auto;
    display: flex;
    justify-self: center;
    align-self: center;
    float: none; 
}

/* mobile custom stepper */
.mobilecustomstepper .wizard-navigators { padding-top: 0; }
.mobilecustomstepper .guide-mobile-navigator, .mobilecustomstepper .guide-header-bar-wrapper {
	display:none;
}

.mobilecustomstepper .rootPanel.step ol.wizard-navigators > li > a > span { display: none; }

.mobilecustomstepper .wizard-navigators > li > a::before { display:none; content: '';}

.mobilecustomstepper .rootPanel.step ol.wizard-navigators > li > a {
margin-top: 0px;
height: 4px;
background: #0C8450;
opacity:0.25;
}
.mobilecustomstepper .rootPanel.step ol.wizard-navigators > li.active > a { opacity:1; }