/* test comment*/
 .aem-AuthorLayer-Preview .guideGridFluidDescription.guidePanelDescription,.guideGridFluidDescription.guidePanelDescription {
     display:none;
}
 .aem-AuthorLayer-Edit .guideGridFluidDescription.guidePanelDescription{
     display:block;
}
 body{
     font-family:Arial,sans-serif;
     line-height:1.42857143;
     background-color: #2E4867;
}
 .guideChart{
     height:100%;
     width:inherit;
     max-width:100%;
     max-height:100%;
}
.msg-container{
    background-color: #ffffff;
    padding: 40px;
    border: 2px solid #cccccc;
    border-width: 1px;
    border-radius: 15px;
    margin: 2px;
    outline: 1px solid #939393;
    outline-offset: -4px;

        h1{
            margin-bottom: 20px;
            color: black;
        }
        p{
            color: #555555;
        }

    }
}

 .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){
     width: 100%;
     margin-top: 0.25rem;
     padding-left: 0.5rem;
     padding-right: 0.75rem;
     border-left-width: 0.25rem;
     border-bottom-width: 0px;
     border-right-width: 0px;
     border-top-width: 0px;
     border-style: solid;
     border-color: rgba(255,255,255,0);
     padding-top: 0.5rem;
     margin-bottom: 0.25rem;
}
 .guideFieldNode.validation-success:not(.guideButton):not(.guideTextDraw):not(.guideChart){
}
 .tooltip{
     display:none !important;
     .tooltip-arrow{
    }
     .tooltip-inner{
    }
}
 .guideFieldDescription.long::before{
     content: '';
     display: block;
     width: 0;
     height: 0;
     position: absolute;
     border-top: 5px solid transparent;
     border-bottom: 5px solid transparent;
     border-right: 5px solid #ffffff;
     left: -5px;
     top: 10px;
}
 label{
     margin-bottom:2px;
     margin-top:0px;
     margin-left:0px;
     margin-right:0px;
     font-size:18px;
     width: 1200px;
     color: #484848;
     font-family: Arial,sans-serif;
     letter-spacing: 0;
     line-height: 24px;
}
 .guideFieldLabel {
     width: auto;
     display: block;
}
 .guideFieldLabel label {
     display: block;
}


 input,select{
     border-color:#DDDDDD;
     height:120px;
     color::#2D3943;
     font-family:Arial,sans-serif;
     font-size:14px;
     padding-left:0.625rem;
     padding-right:0.625rem;
     background:#ffffff;
     border-style:solid;
     border-top-width:1px;
     border-bottom-width:1px;
     border-left-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;
     outline: 1px solid #939393;
     outline-offset: -4px;
     resize:none;
}
 textarea{
     border-color:#DDDDDD;
     height:120px;
     color::#2D3943;
     font-family:Arial,sans-serif;
     font-size:14px;
     padding:0.625rem;
     background:#ffffff;
     border-style:solid;
     border-top-width:1px;
     border-bottom-width:1px;
     border-left-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;
     outline: 1px solid #939393;
     outline-offset: -4px;
     resize:none;
}

 .guideFieldWidget input{
     color: #2D3943;
     font-family: Arial,sans-serif;
     border-style: solid;
     border-top-width: 1px;
     border-left-width: 1px;
     border-bottom-width: 1px;
     border-right-width: 1px;
     border-bottom-left-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
     border-top-left-radius: 0.25rem;
     border-color: #cccccc;
     height: 2.5rem;
     color: #555555;
     font-size: 0.875rem;
     padding-bottom: 0.625rem;
     padding-left: 0.625rem;
     padding-top: 0.625rem;
     padding-right: 0.625rem;
     background: #ffffff;
     outline: 1px solid #939393;
     outline-offset: -4px;
}
 .guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch){
     width:100%;
     display:block;
}
 .guideCheckBoxItem{
     width: 1200px;
}
 .guideCheckBoxItem .guideWidgetLabel label{
     margin-left:.2em;
     color:#484848;
     margin-right:1.5rem;
     cursor: pointer;
}
 .guideCheckBoxItem .guideWidgetLabel {
     display:inline;
     vertical-align: middle;
}
/* .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch){
     display:block;
     width:100%;
}*/

/*Radio Button CSS*/

 .guideRadioButtonItem .guideWidgetLabel label{
     margin-left: 8px;
     margin-bottom: 0;
     margin-right: 0;
     margin-top: 0;
     vertical-align: middle;
     color: #ffffff;
     cursor: pointer;
}
 .guideRadioButtonItem .guideWidgetLabel {
     display:inline-block;
     float:none;
}
 .XfaCheckBox input[type='radio']{
        width: 18px;
        height: 18px;
        //box-shadow: -4px 0 0 maroon;
        border-radius: 999px;
        -webkit-appearance: inherit;
        border: 2px solid #ffffff;
        position: relative;
        box-sizing: border-box;
        background-color:#2E4867;
        margin:0;
        padding:0;
        outline:none;
}

 .XfaCheckBox input[type='radio']:checked{
    width: 18px;
    height: 18px;
    //box-shadow: -4px 0 0 maroon;
    border-radius: 999px;
    -webkit-appearance: inherit;
    border: 5px solid #2D9CE0;
    position: relative;
    box-sizing: border-box;
    background-color:#ffffff;
    margin:0;
    padding:0;
    outline:none;
}

 .XfaCheckBox input[type='radio']:focus,.XfaCheckBox input[type='radio']:hover {
     border-radius:999px;
     box-shadow: 0px 0px 0px 2px #ffff, 0px 0px 6px 4px #FD70FF;
}

/*Radio Button Disabled CSS*/
.guideCheckBox[data-disabled='true']{

    .guideRadioButtonGroupItems,.guideFieldLabel.top label{
		opacity:0.6;
    }

     .XfaCheckBox input[type='radio']:focus,.XfaCheckBox input[type='radio']:hover {
         box-shadow: none;
    }

}

/*Checkbox CSS*/
 .guideFieldWidget.XfaCheckBox input[type='checkbox']{
    //float: none;
    width: 18px;
    height: 18px;
    cursor: pointer;
    //display: inline;
    border-radius: 2px;
    -webkit-appearance: inherit;
    border: 2px solid #ffffff;
    position: relative;
    box-sizing: border-box;
    background-color:#2E4867;
    margin:0;
    padding:0;
    outline:none;
}

.guideFieldWidget.XfaCheckBox input[type='checkbox']:checked{
    //float: none;
    width: 18px;
    height: 18px;
    cursor: pointer;
    //display: inline;
    //border: 2px solid #ffffff;
    background-color: #0069AA;
    background:url(pnc-wtl-dark-theme/assets/Tick.svg) center center no-repeat,#2D9CE0;
    //accent-color: #0069AA;
    //outline-offset: -2px;
    border: none;
    margin: 0;
    background-size: 12px 15px;
}

.guideFieldWidget.XfaCheckBox input[type='checkbox']:checked:after{
		left: 9px;
        top: 5px;
        width: 5px;
        height: 10px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);

}

.XfaCheckBox input[type='checkbox']:focus,.XfaCheckBox input[type='checkbox']:hover {
     box-shadow: 0px 0px 0px 2px #ffff, 0px 0px 6px 4px #FD70FF;
}

/*Checkbox Disabled CSS*/
.guideCheckBoxGroup[data-disabled='true']{
	.guideCheckBoxGroupItems{
        opacity:0.6;
     }

    .XfaCheckBox input[type='checkbox']:focus,.XfaCheckBox input[type='checkbox']:hover {
         box-shadow: none;
    }
}


 .step.mobileLayout{
     display:none;
}

 .guideFieldWidget.dropDownList {
     width:100%;
}
 .guideformtitle,.guideTextDraw.guideformtitle{
     font-size:1.5rem;
     color:#666666;
     margin-bottom:0.8125rem;
     padding-left:0px;
     padding-bottom:0px;
     padding-top:0px;
     padding-right:0px;
}


 .guideHelpQuestionMark{
     display:inline-block;
     width: 16px;
     height: 16px;
     border-bottom-right-radius: 9px;
     border-bottom-left-radius: 9px;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
     background:url(pnc-wtl-dark-theme/assets/info-button-sprite-01.svg) center center / cover no-repeat;
     cursor : pointer;
}

 @media (max-width : 991px){
     .guideHelpQuestionMark{
         display:inline-block;
         margin-left: 280px;
         width: 16px;
         height: 16px;
         border-bottom-right-radius: 9px;
         border-bottom-left-radius: 9px;
         border-top-left-radius: 9px;
         border-top-right-radius: 9px;
         background:url(pnc-wtl-dark-theme/assets/info-button-sprite-01.svg) center center / cover no-repeat;
         cursor : pointer;
    }
     .guideHelpQuestionMark:hover{
         position:absolute;
    }
}
 .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:2.25rem;
     color:#ffffff;
}



 .macSafariForm .guideFieldWidget input[type="radio"] {
     height: 18px;
     vertical-align: -9px;
     float: left;
}

 .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;
     margin-left:0px;
     margin-bottom:0px;
     margin-top:0px;
     margin-right:0px;
     font-size:0.625rem;
     padding-bottom:0.25rem;
     color:#FFFFFF;
}

 .guideFieldDescription.short{
     font-size:.875rem;
     color:#000000;
}

 .guideFieldNode .guideHelpQuestionMark{
     position:absolute;
     top:18px;
}
 .guideTextDraw a{
     color: #0069AA;
}
 .guideTextDraw.guideStaticText{
     width: 100%;
     color: #484848;
     font: 1.125rem/1.5em Arial,sans-serif;
     letter-spacing: 0;
     line-height: 24px;
}
 button.submit:not(.af-icon-button):active, button.movePrev:not(.af-icon-button):active {
     background:#555555;
     border-color:#555555;
     color: #ffffff;
     font: 1rem PNC Brand Medium,Arial,sans-serif;
     text-align: center;
     border-radius: 4px;
}
 button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button) {
     border-color: rgba(99,99,99,0.3);
     font: 1rem PNC Brand Medium,Arial,sans-serif;
     text-align: center;
     border-radius: 4px;
}
 @media (max-width : 767px){
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button) {
         padding:0.625rem;
    }
}
 .guideFieldWidget.dateTimeEdit input{
     font-family:Arial,sans-serif;
}
 [data-disabled='true'] button:not(.af-icon-button){
     background:#bebebe;
     color:#e6e6e6;
}
 .guideCheckBoxItem{
     cursor: pointer;
}
 .validation-failure .textField input[type='text'],.validation-failure .textField input[type='email'],.validation-failure .textField textarea{
     border-color: #C70000;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top-left-radius: 4px;
     border-right-width: 2px;
     border-bottom-width: 2px;
     border-left-width: 4px;
     border-top-width: 2px;
     border-style: solid;
     outline: 0px;
     outline-offset: 2px;
     box-shadow:0px 0px 0px 2px #ffff, 0px 0px 6px 4px #2e4867;
}
 .validation-success .numericInput input[type='text'],.validation-failure .textField input[type='email'], .validation-success .numericInput input[type='number']{
     border-style:solid;
}
 .guideTextDraw.footerText{
     color:#000000;
     font-size:0.75em;
}
 .guideTextDraw.guideStaticText.errorMessageText{
     width: 100%;
     color: #484848;
     font: 1.125rem/1.5em Arial,sans-serif;
     letter-spacing: 0;
     line-height: 23px;
}
 .guideTextDraw.headerText{
     font-size:1.125rem;
     color:#555555;
     vertical-align:top;
     height:70px;
}
 @media (max-width : 767px){
     .guideTextDraw.headerText{
         height:49px;
         padding-left:0px;
    }
}
/* fd/af/components/rootPanel:af_wizard*/
 .guideWizardLayout{
     width:100%;
}
 @media (max-width : 1199px){
     .guideCheckBoxItem {
         width: 14em;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         padding:0.625rem;
         margin-left: 22em;
    }
}
 @media (max-width : 991px){
     .guideCheckBoxItem {
         width: 45em;
    }
     .guideHelpQuestionMark{
         display:inline-block;
         margin-left: 280px;
         width: 16px;
         height: 16px;
         border-bottom-right-radius: 9px;
         border-bottom-left-radius: 9px;
         border-top-left-radius: 9px;
         border-top-right-radius: 9px;
         background:url(pnc-wtl-dark-theme/assets/info-button-sprite-01.svg) center center / cover no-repeat;
         cursor : pointer;
    }
     .guideHelpQuestionMark:hover{
         position:absolute;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         margin-left: 16em;
    }
}
 @media (max-width : 767px){
     .guideCheckBoxItem {
         width: 14em;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         padding:0.625rem;
         margin-right: 0em;
    }
}
 @media (max-width : 540px){
     .guideCheckBoxItem {
         width: 35em;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         margin-left: 10em;
    }
}
 @media (max-width : 479px){
     .guideCheckBoxItem {
         width: 22em;
    }
     .guideFieldDescription.long::after {
         margin-left: 100px;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         margin-left: 5em;
    }
     body{
         font-family:Arial,sans-serif;
         line-height:1.42857143;
    }
}

.guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart)[data-disabled='true'] {
    .guideFieldWidget input,.guideFieldLabel.top label{
        opacity: 0.6;
    }

    .textField input[type='text']:focus,.textField input[type='email']:focus,.textField.multiline input[type='text']:focus {
        outline: 1px solid #939393;
        outline-offset: -4px;
        border: none;
        box-shadow: none;
    }

    .guideFieldWidget textarea {
        opacity: 0.6;
    }

    .textField textArea:focus {
        outline: 1px solid #939393;
        outline-offset: -4px;
        border: none;
        box-shadow: none;
    }

    .dropDownList select {
        opacity: 0.6;
        :focus{
            outline: 1px solid #939393;
            outline-offset: -4px;
            border: none;
            box-shadow: none;
        }
    }
}
 .guideFieldNode:not(.guideButton):not(.guideTextDraw):not(.guideChart){
     width: 100%;
     margin-top: 0.25rem;
     padding-left: 0.5rem;
     padding-right: 0.75rem;
     border-left-width: 0.25rem;
     border-bottom-width: 0px;
     border-right-width: 0px;
     border-top-width: 0px;
     border-style: solid;
     border-color: rgba(255,255,255,0);
     padding-top: 0.5rem;
     margin-bottom: 0.25rem;
}
 .guideFieldDescription.long{
     clear:both;
     display:none;
     font-size:14px;
     line-height:18px;
     text-align:left;
     padding:6px 8px;
     position:absolute;
     max-width:320px;
     top:12px;
     border-left-color : #007fa2;
     transition: all 2s;
     background:#ffffff;
     box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.35);
     border-radius: .25rem;
     font-family: Arial,sans-serif;
     color:#484848;
     p{
         margin:0;
    }
}

 label{
     margin-bottom:2px;
     margin-top:0px;
     margin-left:0px;
     margin-right:0px;
     font-size:18px;
     width: 1200px;
     color: #484848;
     font-family: Arial,sans-serif;
     letter-spacing: 0;
     line-height: 24px;
}
 .guideFieldLabel {
     width: auto;
     display: block;
}
 .guideFieldLabel label {
     display: block;
}
 .guideFieldLabel.top label {
     width: 100%;
     font-family: Arial,sans-serif;
     letter-spacing: 0;
     color: #FFFFFF;
     line-height: 1.42857143;
     font-size: 18px;
     font-weight: normal;
     margin-bottom: 2px;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
}

 .guideFieldNode[data-mandatory='true'] .top label:after{
     content: '*';
     vertical-align:super;
     color: #E0E0E0;
     position: relative;
     left: 0.25em;
     font-size: 80%;
}
 .guideFieldNode[data-mandatory='true'] .guideHelpQuestionMark{
     top:18px;
}

 .guideFieldWidget {
     width:100%;
     display:block;
}
 .guideFieldWidget input{
     color: #2D3943;
     font-family: Arial,sans-serif;
     border-style: solid;
     border-top-width: 1px;
     border-left-width: 1px;
     border-bottom-width: 1px;
     border-right-width: 1px;
     border-bottom-left-radius: 0.25rem;
     border-bottom-right-radius: 0.25rem;
     border-top-right-radius: 0.25rem;
     border-top-left-radius: 0.25rem;
     border-color: #cccccc;
     height: 2.5rem;
     color: #555555;
     font-size: 0.875rem;
     padding-bottom: 0.625rem;
     padding-left: 0.625rem;
     padding-top: 0.625rem;
     padding-right: 0.625rem;
     background: #ffffff;
}
 .guideCheckBoxGroupItems:not(.guideImageChoice):not(.guideSwitch){
     width:100%;
     display:block;
}
 .guideCheckBoxItem{
     width: 1200px;
}
 .guideCheckBoxItem .guideWidgetLabel label{
     margin-left:8px;
     color:#ffffff;
     margin-right:1.5rem;
     cursor: pointer;
}
 .guideCheckBoxItem .guideWidgetLabel {
     display:inline;
     vertical-align: middle;
}
 .guideRadioButtonGroupItems:not(.guideImageChoice):not(.guideSwitch){
     display:block;
     width:100%;
}


 .validation-failure .dropDownList select{
     border-color: #C70000;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top-left-radius: 4px;
     border-right-width: 2px;
     border-bottom-width: 2px;
     border-left-width: 4px;
     border-top-width: 2px;
     border-style: solid;
     outline: 0px;
     outline-offset: 2px;
     box-shadow: 0px 0px 0px 2px #ffff, 0px 0px 6px 4px #2e4867;
}
 .dropDownList select{
     height:2.5rem;
     border-left-width:1px;
     border-bottom-width:1px;
     border-top-width:1px;
     border-right-width:1px;
     border-style:solid;
     border-color:#cccccc;
     padding-left:0.625rem;
     padding-bottom:0.625rem;
     padding-top:0.625rem;
     padding-right:0.625rem;
     background:url(pnc-wtl-dark-theme/assets/select-arrow.svg) calc(100% - 0.5rem) 50% / 1rem 1rem no-repeat #FFFFFF;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     width: 100% !important;
     color:#555555;
     option{
         font-family: Arial,sans-serif;
         color:#555555;
    }
}
 .guideFieldWidget.dropDownList {
     width:100%;
}
 .guideFieldNode.guideDropDownList.guideActiveField{
     .dropDownList select{
         background:url(pnc-wtl-dark-theme/assets/select-arrow-open.svg) calc(100% - 0.5rem) 50% / 1rem 1rem no-repeat #FFFFFF;
         //transform: rotate(180deg);
    }
}
 .guideHelpQuestionMark{
     display:inline-block;
     width: 16px;
     height: 16px;
     border-bottom-right-radius: 9px;
     border-bottom-left-radius: 9px;
     border-top-left-radius: 9px;
     border-top-right-radius: 9px;
     background:url(pnc-wtl-dark-theme/assets/questionmark.svg) center center / cover no-repeat;
     cursor : pointer;
}
 @media (max-width : 991px){
     .guideHelpQuestionMark{
         display:inline-block;
         margin-left: 280px;
         width: 16px;
         height: 16px;
         border-bottom-right-radius: 9px;
         border-bottom-left-radius: 9px;
         border-top-left-radius: 9px;
         border-top-right-radius: 9px;
         background:url(pnc-wtl-dark-theme/assets/questionmark.svg) center center / cover no-repeat;
         cursor : pointer;
    }
     .guideHelpQuestionMark:hover{
         position:absolute;
    }
}
 .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;
}
 .guideGridFluidLayout{
     color:#666666;
     margin-right:2px;
     margin-bottom:2px;
     margin-left:2px;
     margin-top:2px;
}
 .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.45rem;
     margin-left:0px;
     margin-bottom:0px;
     margin-top:0px;
     margin-right:0px;
     font-size:14px;
     padding-bottom:0.25rem;
     padding-left: 20px;
     color:#FFFFFF;
     background:url('pnc-wtl-dark-theme/assets/circle-exclamation-solid.svg') left center no-repeat;
     background-size: 15px;
     font-weight:bold;
}
 .guideFieldDescription.short{
     font-size:.875rem;
     color:#000000;
}
 .guideFieldNode .guideHelpQuestionMark{
     position:absolute;
     top:15px;
}

.guideFieldNode .guideHelpQuestionMark:focus-visible{
         outline: 2px solid #FD70FF;
         outline-offset:-1px;

}
 .guideTextDraw a{
     color: #0069AA;
}
 .guideTextDraw.guideStaticText{
     width: 100%;
     color: #484848;
     font: 1.125rem/1.5em Arial,sans-serif;
     letter-spacing: 0;
     line-height: 24px;
}
 button.submit:not(.af-icon-button):hover, button.submit:not(.af-icon-button):active, button.movePrev:not(.af-icon-button):hover, button.movePrev:not(.af-icon-button):active{
     background:#FFFFFF;
     border-color:#0069AA;
     color: #0069AA;
     font: 1rem PNC Brand Medium,Arial,sans-serif;
     text-align: center;
     border-radius: 4px;
}
 button.submit:not(.af-icon-button):focus, button.movePrev:not(.af-icon-button):focus{
     background:#FFFFFF;
     border-color:#0069AA;
     color: #0069AA;
     font: 1rem PNC Brand Medium,Arial,sans-serif;
     text-align: center;
     border-radius: 4px;
     outline: 2px solid #FD70FF;
     outline-offset: 2px;
     box-shadow:0px 0px 0px 2px #ffff, 0px 0px 6px 4px #FD70FF;
}
 button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
     background:#FFFFFF;
     border-color: #0069AA;
     color: #0069AA;
     font: 1rem PNC Brand Medium,Arial,sans-serif;
     text-align: center;
     border-radius: 4px;
}
 @media (max-width : 767px){
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         padding:0.625rem;
    }
}
 button{
     border: 1px solid #0069AA;
}
 button:not(.af-icon-button),input[type='button']{
     margin-bottom: 0px;
     margin-top: 30px;
     margin-left: 26.5em;
     margin-right: 0px;
     border: 1px solid #0069AA;
     border-radius: 0.2em;
     padding-bottom: .625rem;
     padding-left: 1rem;
     padding-top: .625rem;
     padding-right: 1rem;
     font: 1rem PNC Brand Medium,Arial,sans-serif;
     line-height: normal;
     cursor: pointer;
     width: 198px;
     height:46px;
     outline: none;
}
 [data-disabled='true'] button:not(.af-icon-button){
     background:#bebebe;
     color:#e6e6e6;
}
 .textField input[type='text']:focus,.textField input[type='email']:focus,.textField.multiline input[type='text']:focus {
     border-color: #0069AA;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top-left-radius: 4px;
     border-right-width: 2px;
     border-bottom-width: 2px;
     border-left-width: 4px;
     border-top-width: 2px;
     border-style: solid;
     outline: 0px;
     outline-offset: 2px;
     box-shadow: 0px 0px 0px 2px #ffff, 0px 0px 6px 4px #FD70FF;
}

 .textField textArea:focus {
     border-color: #0069AA;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top-left-radius: 4px;
     border-right-width: 2px;
     border-bottom-width: 2px;
     border-left-width: 4px;
     border-top-width: 2px;
     border-style: solid;
     outline: 0px;
     outline-offset: 2px;
     box-shadow: 0px 0px 0px 2px #ffff, 0px 0px 6px 4px #FD70FF;
}
 .dropDownList select:focus
  {
     border-color: #0069AA;
     border-top-right-radius: 4px;
     border-bottom-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-top-left-radius: 4px;
     border-right-width: 2px;
     border-bottom-width: 2px;
     border-left-width: 4px;
     border-top-width: 2px;
     border-style: solid;
     outline: 0px;
     outline-offset: 2px;
     box-shadow: 0px 0px 0px 2px #ffff, 0px 0px 6px 4px #FD70FF;
}
 .guideCheckBoxItem{
     cursor: pointer;
}
 .guideRadioButtonItem{
     cursor: pointer;
}
 .validation-success .numericInput input[type='text'], .validation-success .numericInput input[type='number']{
     border-style:solid;
}
 .guideWizardLayout{
     width:100%;
}
 @media (max-width : 1199px){
     .guideCheckBoxItem {
         width: 14em;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         padding:0.625rem;
         margin-right: 0em;
    }
     .button:not(.af-icon-button){
         margin-left:0em;
    }
}
 @media (max-width : 991px){
     .guideWizardLayout{
         width:100%;
    }
     .guideCheckBoxItem {
         width: 45em;
    }
     .guideHelpQuestionMark{
         display:inline-block;
         margin-left: 280px;
         width: 16px;
         height: 16px;
         border-bottom-right-radius: 9px;
         border-bottom-left-radius: 9px;
         border-top-left-radius: 9px;
         border-top-right-radius: 9px;
         background:url(pnc-wtl-dark-theme/assets/questionmark.svg) center center / cover no-repeat;
         cursor : pointer;
    }
     .guideHelpQuestionMark:hover{
         position:absolute;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         margin-right: 0em;
    }
}
 @media (max-width : 767px){
     .guideCheckBoxItem {
         width: 14em;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         padding:0.625rem;
         margin: 20px auto;
         display: block;
    }
}
 @media (max-width : 540px){
     .guideCheckBoxItem {
         width: 35em;
    }
}
 @media (max-width : 479px){
     .guideWizardLayout{
         width:100%;
    }
     .guideCheckBoxItem {
         width: 22em;
    }
     .guideFieldDescription.long::after {
         margin-left: 100px;
    }
}
 @media (max-width : 412px){
     .guideTextDraw.guideStaticText.errorMessageText {
         line-height: 20px;
         width: 100%;
    }
     button.submit:not(.af-icon-button), button.movePrev:not(.af-icon-button){
         padding: 0.625rem;
         margin: 20px auto;
         display: block;
    }
}
 @media (max-width : 375px){
     .guideFieldDescription.long::after {
         margin-left: 100px;
    }
}
 @media (max-width : 280px){
     .guideHelpQuestionMark{
         display:inline-block;
         margin-left: 13em;
         width: 16px;
         height: 16px;
         border-bottom-right-radius: 9px;
         border-bottom-left-radius: 9px;
         border-top-left-radius: 9px;
         border-top-right-radius: 9px;
         background:url(pnc-wtl-dark-theme/assets/info-button-sprite-01.svg) center center / cover no-repeat;
         cursor : pointer;
    }
     .guideHelpQuestionMark:hover{
         position:absolute;
    }
     .guideFieldDescription.long::after {
         margin-left: 100px;
    }
}