- 제출된 URL:
- https://www.spservicing.com/
- 보고서 완료:
링크 · 0개 결과
페이지에서 식별된 외부 링크
JavaScript 변수 · 75개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| dT_ | object |
| dtrum | object |
| dynatrace | object |
| $ | function |
| jQuery | function |
| html5 | object |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html id="layout_html" lang="en" style="" class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths"><head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SPS Corporate Website</title>
<script type="text/javascript" src="/ruxitagentjs_ICANVfqru_10299241001084140.js" data-dtconfig="rid=RID_2418|rpid=854391017|domain=spservicing.com|reportUrl=/rb_da927e9c-cf49-47c9-ab18-19ebe920b458|app=8a60c1ddef9df7cd|cuc=fpgky74k|ssc=1|mel=100000|featureHash=ICANVfqru|dpvc=1|ssv=4|lastModification=1730014478752|tp=500,50,0|rdnt=1|uxrgce=1|bp=3|agentUri=/ruxitagentjs_ICANVfqru_10299241001084140.js"></script><link rel="icon" href="/Images/favicon1.ico" type="image/x-icon">
<link href="/Content/themes/jquery-ui.min.css" rel="stylesheet" type="text/css">
<script src="/Scripts/jquery-3.5.1.min.js" type="text/javascript"></script>
<script src="/Scripts/modernizr.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui.min.js" type="text/javascript"></script>
<link href="/Content/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/Content/bootstrap-grid.min.css" rel="stylesheet" type="text/css">
<link href="/Content/bootstrap-reboot.min.css" rel="stylesheet" type="text/css">
<link href="/Content/LayoutResponsive.css" rel="stylesheet" type="text/css">
<script src="/Scripts/jquery.marquee.min.js" type="text/javascript"></script>
<script src="/Scripts/UTubeHelper.js" type="text/javascript"></script>
<link href="/Content/jquery.convform.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/Scripts/jquery.convform.js"></script>
<script type="text/javascript" src="/Scripts/autosize.min.js"></script>
<script src="/Scripts/jquery.chatBot.js"></script>
<script type="text/javascript">
//added to fix javascript runtime error on IE browser
if (!Element.prototype.matches) {
Element.prototype.matches = Element.prototype.msMatchesSelector;
}
$(document).ready(function () {
$("#spanCaret").mouseenter(function () {
$("#liFirmMenu .dropdown-menu").delay(10).fadeIn();
}).mouseleave(function () {
$("#liFirmMenu .dropdown-menu").delay(10).fadeOut();
});
});
function on() {
document.getElementById("overlay").style.display = "block";
}
function off() {
document.getElementById("overlay").style.display = "none";
}
</script>
<script type="text/javascript">
$(document).ready(function () {
$('#submenu>ul>li>a').click(function () {
closeNav();
$("#customSpinnerBorderLoading").show();
});
$('#mySidenav>a').click(function () {
closeNav();
$("#customSpinnerBorderLoading").show();
});
$(".fbtncontainer").click(function () {
var FId = $(this).attr("id");
$(this).removeClass("unselect").addClass("select");
$('#ulFont > ul > li > .fbtncontainer').each(function () {
var FMenuIds = $(this).attr("id");
if (FId != FMenuIds) {
$("#" + FMenuIds).removeClass("select").addClass("unselect");
}
});
});
if (!(Modernizr.multiplebgs && Modernizr.cssgradients || Modernizr.multiplebgs)) {
$("#mainBody").attr("id", "mainBody2")
}
$('#divMain').fadeIn(1);
// Get the input field
//var userName = document.getElementById("HomeUsername_txt");
// var password = document.getElementById("txtPassword");
var input = document.getElementById("myInput");
// Execute a function when the user releases a key on the keyboard
input.addEventListener("keyup", function (event) {
event.preventDefault();
enterButtonClick();
});
// Execute a function when the user releases a key on the keyboard
});
function enterButtonClick() {
// Number 13 is the "Enter" key on the keyboard
if (event.keyCode === 13) {
// Cancel the default action, if needed
event.preventDefault();
// Trigger the button element with a click
document.getElementById("btn_login").click();
}
}
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
var isMobileTab = window.matchMedia("only screen and (max-width: 1024px)");
if (isMobileTab.matches) {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
//530642
// document.getElementById("moveTop").style.display = "block";
$('#moveTop').show();
} else {
//document.getElementById("moveTop").style.display = "none";
$('#moveTop').hide();
}
}
else {
//document.getElementById("moveTop").style.display = "none";
$('#moveTop').hide();
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
$("html, body").animate({ scrollTop: 0 }, 600);
}
$(window).on('resize', function () {
scrollFunction();
footerAdjust();
});
$(function () {
footerAdjust();
});
function footerAdjust() {
if ($('html').height() < $(window).height()) {
$('#divFooter').addClass("fixed-footer");
}
else {
$('#divFooter').removeClass("fixed-footer");
}
}
$(document).ready(function () {
$("#myBtn").click(function () {
// $('.modal-header-border').attr('style', 'border-bottom: 0px !important');
// $('.modal-body-border').attr('style', 'border-top: 0px !important');
clearLoginControlValues();
$("#myModal").modal();
});
$('#myModal').on('shown.bs.modal', function () {
$(this).find('#HomeUsername_txt').focus();
});
$(".toggle-password").click(function () {
var $pwd = $($(this).attr("toggle"));
if ($pwd.attr('type') === 'password') {
$("#eyeicon").hide();
$("#eyehideicon").show();
$pwd.attr('type', 'text');
} else {
$("#eyeicon").show();
$("#eyehideicon").hide();
$pwd.attr('type', 'password');
}
});
});
$(document).ready(function () {
var isMobileTab = window.matchMedia("only screen and (min-width: 992px)");
if (isMobileTab.matches) {
$('.login-button-center').addClass("d-flex justify-content-center");
}
else {
$('.login-button-center').removeClass("d-flex justify-content-center");
}
});
function clearLoginControlValues() {
$("#HomeUsername_txt").val('');
$("#txtPassword").val('');
$("#usertyperCustomer").prop("checked", true);
$("#myAlert").removeClass("alert alert-danger");
$("#myAlert").css('display', 'none');
$("#loanNo_err,#ssn_err,#err0,#err1,#loginInvalid_err").hide();
$("#eyeicon").show();
$("#eyehideicon").hide();
}
$(document).ready(function () {
// $(".login-button-size").click(function () {
$("#btn_login").click(function () {
$("#myModal :input").each(function () {
$(this).attr("disabled", "true");
// if (!$("#myModal").hasClass("loginOverlay")) {
// $("#myModal").addClass("loginOverlay");
// }
});
$("#customerTab").addClass("disabled");
$("#thirdPartyTab").addClass("disabled");
//disable popup close
$('#myModal').data('bs.modal')._config.keyboard = false;
$('#myModal').data('bs.modal')._config.backdrop = 'static';
$("#eyeicon").addClass("pointer-events-none");
$("#eyehideicon").addClass("pointer-events-none");
$("#myAlert").css('display', 'none');
$("#myAlert").removeClass("alert alert-danger");
var user = $.trim($("#HomeUsername_txt").val());
var pwd = $.trim($("#txtPassword").val());
var selectedId = 0;
if ($("input[id='usertyperCustomer']:checked").val() != undefined && $("input[id='usertyperCustomer']:checked").val() > 0) {
selectedId = $("input[id='usertyperCustomer']:checked").val();
}
else if ($("input[id='usertypertp']:checked").val() != undefined && $("input[id='usertypertp']:checked").val() > 0) {
selectedId = $("input[id='usertypertp']:checked").val();
}
var csrval = $('#csrhidden').val();
var url = window.location.href.slice(window.location.href.indexOf('?') + 1);
if (csrval == null && csrval != "1") {
$(".err0").removeClass("err0");
$("#user_err,#pwd_err,#err0,#err1,#loginInvalid_err").hide();
var user = $.trim($("#HomeUsername_txt").val());
var pwd = $.trim($("#txtPassword").val());
if (!user || user == "Username") {
$("#HomeUsername_txt").addClass("err0");
$("#user_err").show();
$("#login_err").hide();
$("#myAlert").css('display', 'block');
$("#myAlert").addClass("alert alert-danger");
document.getElementById("btn_login").setAttribute('clicked', '0');
$("#myModal :input").each(function () {
$(this).removeAttr("disabled");
$(this).attr("enabled", "true");
// $("#myModal").removeClass("loginOverlay");
});
$("#customerTab").removeClass("disabled");
$("#thirdPartyTab").removeClass("disabled");
$('#myModal').data('bs.modal')._config.keyboard = true;
$('#myModal').data('bs.modal')._config.backdrop = true;
return false;
}
else if (!pwd) {
$("#txtPassword").addClass("err0");
$("#pwd_err").show();
$("#login_err").hide();
$("#myAlert").css('display', 'block');
$("#myAlert").addClass("alert alert-danger");
document.getElementById("btn_login").setAttribute('clicked', '0');
$("#myModal :input").each(function () {
$(this).removeAttr("disabled");
$(this).attr("enabled", "true");
// $("#myModal").removeClass("loginOverlay");
});
$("#customerTab").removeClass("disabled");
$("#thirdPartyTab").removeClass("disabled");
$('#myModal').data('bs.modal')._config.keyboard = true;
$('#myModal').data('bs.modal')._config.backdrop = true;
return false;
}
}
else {
$(".err0").removeClass("err0");
$("#loanNo_err,#ssn_err,#err0,#err1,#loginInvalid_err").hide();
var user = $.trim($("#HomeLoanNumber_txt").val());
var pwd = $.trim($("#txtSSN").val());
if (!user || user == "loanNumber") {
$("#HomeLoanNumber_txt").addClass("err0");
$("#loanNo_err").show();
$("#login_err").hide();
$("#myAlert").css('display', 'block');
$("#myAlert").addClass("alert alert-danger");
document.getElementById("btn_login").setAttribute('clicked', '0');
$("#myModal :input").each(function () {
$(this).removeAttr("disabled");
$(this).attr("enabled", "true");
// $("#myModal").removeClass("loginOverlay");
});
$("#customerTab").removeClass("disabled");
$("#thirdPartyTab").removeClass("disabled");
$('#myModal').data('bs.modal')._config.keyboard = true;
$('#myModal').data('bs.modal')._config.backdrop = true;
return false;
}
else if (!pwd) {
$("#txtSSN").addClass("err0");
$("#ssn_err").show();
$("#login_err").hide();
$("#myAlert").css('display', 'block');
$("#myAlert").addClass("alert alert-danger");
document.getElementById("btn_login").setAttribute('clicked', '0');
$("#myModal :input").each(function () {
$(this).removeAttr("disabled");
$(this).attr("enabled", "true");
// $("#myModal").removeClass("loginOverlay");
});
$("#customerTab").removeClass("disabled");
$("#thirdPartyTab").removeClass("disabled");
$('#myModal').data('bs.modal')._config.keyboard = true;
$('#myModal').data('bs.modal')._config.backdrop = true;
return false;
}
}
document.getElementById("loading").style.display = "block";
// function gettoken() {
// var token = '<input name="__RequestVerificationToken" type="hidden" value="5OSOIJwdpxpvRJ5jeqmvnjfxnm-C5gM2-m42gQATyH3FME_7ewq3lZULHcTm6gXX8tfk6XrHX-j_rkXPy52mmwQVWAITZzDfJHsBjWMOOJGSabDgof-wvNNO7Ggpnu0xiglpAylLvIoSqoIfjYcQT0pfNFCAotr8siG54NBSlF41" />';
// token = $(token).val();
// return token;
// }
var token = $('input[name="__RequestVerificationToken"]').val();
// console.log(token)
$.ajax({
type: 'POST',
url: '/',
data: { __RequestVerificationToken: token, username: user, password: pwd, userTypeId: selectedId, loanNumber: '', ssn: '' },
//contentType: 'application/x-www-form-urlencoded; charset=utf-8',
cache: false,
success: function (response) {
if (response != null) {
//document.getElementById("loading").style.display = "none";
// $("#myModal").attr('data-backdrop', 'true');
switch (response) {
case 0:
$("#loanNo_err").hide();
$("#user_err").hide();
$("#pwd_err").hide();
$("#ssn_err").hide();
$("#myAlert").css('display', 'block');
$("#myAlert").addClass("alert alert-danger");
$("#loginInvalid_err").show();
document.getElementById("btn_login").setAttribute('clicked', '0');
document.getElementById("loading").style.display = "none";
$("#myModal :input").each(function () {
$(this).removeAttr("disabled");
$(this).attr("enabled", "true");
});
$("#eyeicon").removeClass("pointer-events-none");
$("#eyehideicon").removeClass("pointer-events-none");
//enable popup close
$('#myModal').data('bs.modal')._config.keyboard = true;
$('#myModal').data('bs.modal')._config.backdrop = true;
$("#customerTab").removeClass("disabled");
$("#thirdPartyTab").removeClass("disabled");
return false;
// case 1:
// window.location = '/Home/Index';
// break;
case 1:
window.location = '/ThirdParty/RequestDocumentForDelivery';
break;
case 2:
window.location = '/StaticDetails/TermsOfUse';
break;
case 3:
window.location = '/Home/Verify';
break;
case 4:
window.location = '/StaticDetails/WelcomePage';
break;
case 5:
window.location = '/Home/SecurityQuestionnaire';
break;
case 6:
window.location = '/Home/ChangePassword';
break;
case 8:
window.location = '/Services/DisasterRecovery';
break;
case 9:
window.location = '/AccountInformationProcessing/ViewAccounts';
break;
case 10:
window.location = '/Home/ConfirmUserProfile';
break;
case 11:
window.location = '/Home/Login';
break;
case 12:
window.location = '/Error/Index';
break;
case 13:
window.location = '/AccountInformationProcessing/PortfolioOverview';
break;
}
} else {
$('#myModal').data('bs.modal')._config.keyboard = true;
$('#myModal').data('bs.modal')._config.backdrop = true;
document.getElementById("loading").style.display = "none";
$("#myModal :input").each(function () {
$(this).attr("disabled", "enabled");
});
$("#customerTab").removeClass("disabled");
$("#thirdPartyTab").removeClass("disabled");
window.location = '/Home/Login';
}
},
failure: function (response) {
window.location = '/Error/Index';
},
error: function (response) {
window.location = '/Error/Index';
}
});
});
});
$(document).ready(function () {
var showChar = 100;
var ellipsestext = "...";
var moretext = "more";
var lesstext = "less";
$('.more').each(function () {
var content = $(this).html();
if (content.length > showChar) {
var c = content.substr(0, showChar);
var h = content.substr(showChar, content.length - showChar);
var html = c + '<span class="moreellipses">' + ellipsestext + ' </span><span class="morecontent"><span>' + h + '</span> <a href="" class="morelink">' + moretext + '</a></span>';
$(this).html(html);
}
});
$(".morelink").click(function () {
if ($(this).hasClass("less")) {
$(this).removeClass("less");
$(this).html(moretext);
} else {
$(this).addClass("less");
$(this).html(lesstext);
}
$(this).parent().prev().toggle();
$(this).prev().toggle();
return false;
});
if ($(window).width() < 768) {
$('#fullText').attr('style', 'display: none !important');
$('#halfText').attr('style', 'display: block !important');
}
else {
$('#halfText').attr('style', 'display: none !important');
$('#fullText').attr('style', 'display: block !important');
}
});
$(window).resize(function () {
if ($(window).width() < 768) {
$('#fullText').attr('style', 'display: none !important');
$('#halfText').attr('style', 'display: block !important');
}
else {
$('#halfText').attr('style', 'display: none !important');
$('#fullText').attr('style', 'display: block !important');
}
});
$(document).ready(function () {
$('#dismiss, #sps-logo, .overlay').on('click', function () {
// $('#mySidenav').removeClass('active');
// $('.overlay').removeClass('active');
if ($("#ulFirmSubMenu").hasClass('show')) {
$("#ulFirmSubMenu").removeClass("show");
$("#ulFirmSubMenu").addClass("hidden");
$('#submenuEscrow').find('.bi-caret-down').show();
$('#submenuEscrow').find('.bi-caret-up').hide();
}
if ($("#ulFirmSubMenuPayment").hasClass('show')) {
$("#ulFirmSubMenuPayment").removeClass("show");
$("#ulFirmSubMenuPayment").addClass("hidden");
}
if ($("#ulFirmSubMenuStatements").hasClass('show')) {
$("#ulFirmSubMenuStatements").removeClass("show");
$("#ulFirmSubMenuStatements").addClass("hidden");
$('#submenuStatements').find('.bi-caret-down').show();
$('#submenuStatements').find('.bi-caret-up').hide();
}
if ($("#ulFirmSubMenuRequest").hasClass('show')) {
$("#ulFirmSubMenuRequest").removeClass("show");
$("#ulFirmSubMenuRequest").addClass("hidden");
$('#submenuRequest').find('.bi-caret-down').show();
$('#submenuRequest').find('.bi-caret-up').hide();
}
if ($("#ulFirmSubMenuSPS").hasClass('show')) {
$("#ulFirmSubMenuSPS").removeClass("show");
$("#ulFirmSubMenuSPS").addClass("hidden");
$('#submenuSps').find('.bi-caret-down').show();
$('#submenuSps').find('.bi-caret-up').hide();
}
if ($("#ulFirmSubMenuThirdParty").hasClass('show')) {
$("#ulFirmSubMenuThirdParty").removeClass("show");
$("#ulFirmSubMenuThirdParty").addClass("hidden");
$('#submenuThirdParty').find('.bi-caret-down').show();
$('#submenuThirdParty').find('.bi-caret-up').hide();
}
});
$('#sps-menu').on('click', function () {
// $('#mySidenav').addClass('active');
// $('.overlay').addClass('active');
// $('.collapse.in').toggleClass('in');
// $('a[aria-expanded=true]').attr('aria-expanded', 'false');
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$(".linkGroups a").click(function () {
$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top - 150
}, 200);
});
var topMenuId = "Home";
var leftMenuId = "";
var leftSubMenuId = "";
// console.info("topMenuId is " + topMenuId);
// console.info("leftMenuId is " + leftMenuId);
// console.info("leftSubMenuId is " + leftSubMenuId);
if (topMenuId == "Home") {
$("#breadcrumbGrid").hide();
$("#leftNavGrid").hide();
$("#renderGrid").attr('id', '#renderGrid2');
}
else if (topMenuId == "Services") {
$("#M2").removeClass("unselect").addClass("select");
}
else if (topMenuId == "AboutUs") {
$("#M1").removeClass("unselect").addClass("select");
$("#leftNavGrid").hide();
$("#renderGrid").attr('id', '#renderGrid2');
$('#leftNavGrid').closest('.col-md-3').remove();
$("div[id='#renderGrid2']").parent().removeClass("col-md-9").addClass("col-md-12");
}
else if (leftMenuId == "None") {
$("#leftNavGrid").hide();
$("#renderGrid").attr('id', '#renderGrid2');
$('#leftNavGrid').closest('.col-md-3').remove();
$("div[id='#renderGrid2']").parent().removeClass("col-md-9").addClass("col-md-12");
}
else {
$("#leftNavGrid").show();
$("#breadcrumbGrid").show();
}
// //hide child items
// $(".ulChild").hide();
// $(".blank").click(function () {
// var Id = $(this).attr("id");
// if ($(this).hasClass("open")) {
// $(this).removeClass("open").addClass("close");
// } else {
// // if other items are open remove open class and add close
// $(this).siblings().removeClass("open").addClass("close");
// $(this).removeClass("close").addClass("open");
// }
// $('.leftnav > .parent').each(function () {
// var OtherIds = $(this).attr("id");
// if (Id != OtherIds) {
// $("#" + OtherIds).next().hide();
// }
// });
// $('.leftnav > .ulChild > ul > li').each(function () {
// var ChildIds = $(this).attr("id");
// $("#" + ChildIds).removeClass("select").addClass("deselect");
// });
// });
// $(".parent").click(function () {
// var Id = $(this).attr("id");
// $(this).next().toggle();
// //change style of selected parent - start
// if ($(this).hasClass("open")) {
// $(this).removeClass("open").addClass("close");
// } else {
// // if other items are open remove open class and add close
// $(this).siblings().removeClass("open").addClass("close");
// $(this).removeClass("close").addClass("open");
// }
// //change style of selected parent - end
// //hide other child items - start
// $('.leftnav > .parent').each(function () {
// var OtherIds = $(this).attr("id");
// if (Id != OtherIds) {
// $("#" + OtherIds).next().hide();
// }
// });
// //hide other child items - end
// });
// $(".child").click(function () {
// var CId = $(this).attr("id");
// $(this).removeClass("deselect").addClass("select");
// $('.leftnav > .ulChild > ul > li').each(function () {
// var ChildIds = $(this).attr("id");
// if (CId != ChildIds) {
// $("#" + ChildIds).removeClass("select").addClass("deselect");
// }
// });
// });
$(".fbtncontainer").click(function () {
var FId = $(this).attr("id");
$(this).removeClass("unselect").addClass("select");
$('#ulFont > ul > li > .fbtncontainer').each(function () {
var FMenuIds = $(this).attr("id");
if (FId != FMenuIds) {
$("#" + FMenuIds).removeClass("select").addClass("unselect");
}
});
});
$("#large_font").click(function () {
$("#layout_html").css("font-size", "17px");
});
$("#medium_font").click(function () {
$("#layout_html").css("font-size", "15px");
});
$("#small_font").click(function () {
$("#layout_html").css("font-size", "13px");
});
if (!(Modernizr.multiplebgs && Modernizr.cssgradients || Modernizr.multiplebgs)) {
$("#mainBody").attr("id", "mainBody2")
}
setColumnWidthForIpadProInLogin();
replaceSidebar();
});
function replaceSidebar() {
var isMinWidth = window.matchMedia("only screen and (min-width: 1024px)");
if (isMinWidth.matches) {
$('#sidebar').replaceWith(function () {
return $('div.leftnav', this);
});
}
}
function setColumnWidthForIpadProInLogin() {
var isMinWidth = window.matchMedia("only screen and (min-width: 1024px)");
var isMaxWidth = window.matchMedia("only screen and (max-width: 1365px)");
if (isMinWidth.matches && isMaxWidth.matches) {
$('.col-md-offset-1.col-md-9.col-sm-offset-1.col-sm-8').removeClass("col-md-9");
$('.col-md-offset-1.col-sm-offset-1.col-sm-8').addClass("col-md-8");
$('#overlayM.col-md-offset-3.col-md-5.col-sm-offset-2.col-sm-6').removeClass("col-md-offset-3 col-md-5");
$('#overlayM.col-sm-offset-2.col-sm-6').addClass("col-md-offset-2 col-md-6");
$('#overlayM .login_overlay').css({ 'padding-right': '20px', 'padding-left': '20px' });
}
else {
$('.col-md-offset-1.col-md-8.col-sm-offset-1.col-sm-8').removeClass("col-md-8");
$('.col-md-offset-1.col-sm-offset-1.col-sm-8').addClass("col-md-9");
$('#overlayM.col-md-offset-2.col-md-6.col-sm-offset-2.col-sm-6').removeClass("col-md-offset-2 col-md-6");
$('#overlayM.col-sm-offset-2.col-sm-6').addClass("col-md-offset-3 col-md-5");
$('#overlayM .login_overlay').css({ 'padding-right': '25px', 'padding-left': '25px' });
}
}
</script>
<script type="text/javascript">
function overlaySidebarInTabMobile() {
var isTabMobile = window.matchMedia("only screen and (max-width: 1023px)");
if (isTabMobile.matches) {
$("#sidebar .container-fluid").addClass("overlayP");
$("#mySidebar").addClass("overlayC");
}
else {
$('#sidebar .container-fluid').removeClass('overlayP');
$('#mySidebar').removeClass('overlayC');
}
}
// $(document).click(function (event) {
// var clickover = $(event.target);
// var _opened = $(".sidebar-collapse").hasClass("sidebar-collapse overlayC in");
// //var _focusUl = $(".nav").hasClass("nav navbar-nav"); ;
// //var _openedUlS = $(".navbar-collapse").hasClass("nav navbar-nav");
// if (_opened === true && !clickover.hasClass("sidebar-toggle") && !($(clickover).hasClass("parent") && $(clickover).hasClass("open")) && !($(clickover).hasClass("parent") && $(clickover).hasClass("close"))) {
// $("#btnSidebar.sidebar-toggle").click();
// }
// });
$(document).click(function (event) {
var clickover = $(event.target);
var _opened = $(".navbar-collapse").hasClass("navbar-collapse overlayC in");
if (_opened === true && !clickover.hasClass("navbar-toggle") && !clickover.is("#searchtextbox") && !clickover.is("#SearchButton") && !clickover.is("a.dropdown-toggle.topmenu.dwnarrow.select") && !($(clickover).hasClass("parent") && $(clickover).hasClass("open")) && !($(clickover).hasClass("parent") && $(clickover).hasClass("close"))) {
$("button.navbar-toggle").click();
}
});
$(document).click(function (event) {
// var clickover = $(event.target);
// //var menuItemId = $(this).attr('id');
// var _opened = $("#mySidenav").hasClass("active");
// var _openedRightSideNav = $("#mySidenav").hasClass("sidenav d-flex flex-column active");
// if (_openedRightSideNav != true){//!clickover.is("#mySidenav") && !clickover.is("#sps-menu")) {// && !clickover.is("#searchtextbox") && !clickover.is("#SearchButton") && !clickover.is("a.dropdown-toggle.topmenu.dwnarrow.select") && !($(clickover).hasClass("parent") && $(clickover).hasClass("open")) && !($(clickover).hasClass("parent") && $(clickover).hasClass("close"))) {
// $("#mySidenav").removeClass("active");
// document.getElementById("mySidenav").style.width = "0";
// }
});
$(document).ready(function () {
overlaySidebarInTabMobile();
$("#navbar").click(function (event) {
var clickover = $(event.target);
var _opened = $(".navbar-collapse").hasClass("navbar-collapse overlayC in");
//var _focusUl = $(".nav").hasClass("nav navbar-nav");
//var _openedUlS = $(".navbar-collapse").hasClass("nav navbar-nav");
if (_opened === true && !clickover.hasClass("navbar-toggle") && !clickover.is("#searchtextbox") && !clickover.is("#SearchButton") && !clickover.is("a.dropdown-toggle.topmenu.dwnarrow.select") && !($(clickover).hasClass("parent") && $(clickover).hasClass("open")) && !($(clickover).hasClass("parent") && $(clickover).hasClass("close"))) {
//if (_opened === true && !clickover.hasClass("navbar-toggle") && !($(clickover).hasClass("parent") && $(clickover).hasClass("open")) && !($(clickover).hasClass("parent") && $(clickover).hasClass("close"))) {
$("button.navbar-toggle").click();
}
});
// $("#sidebar").click(function (event) {
// var clickover = $(event.target);
// var _opened = $(".sidebar-collapse").hasClass("sidebar-collapse overlayC in");
// //var _focusUl = $(".nav").hasClass("nav navbar-nav");
// //var _openedUlS = $(".navbar-collapse").hasClass("nav navbar-nav");
// if (_opened === true && !clickover.hasClass("sidebar-toggle") && !($(clickover).hasClass("parent") && $(clickover).hasClass("open")) && !($(clickover).hasClass("parent") && $(clickover).hasClass("close"))) {
// $("#btnSidebar.sidebar-toggle").click();
// }
// });
prependOrAppendLeftNavInHomeNavbar();
removeBreadcrumInMobile();
$('#divMain').fadeIn(1);
// $("#dropdownMenu").click(function (event) {
// var childClass = $("#navSubMenu").hasClass("hidden");
// if (childClass) {
// $("#navSubMenu").removeClass("hidden");
// $("#navSubMenu").addClass("show");
// }
// else {
// $("#navSubMenu").removeClass("show");
// $("#navSubMenu").addClass("hidden");
// }
// });
appendSubmenus();
appendSubmenusLists();
defaultArrowDisplayInLeftMobileMenu();
$("#submenuEscrow").click(function () {
// if ($("#ulFirmSubMenu").hasClass('hidden')) {
// $("#ulFirmSubMenu").addClass("show");
// $("#ulFirmSubMenu").removeClass("hidden");
// $('#submenuEscrow').find('.bi-caret-down').hide();
// $('#submenuEscrow').find('.bi-caret-up').show();
// }
// else {
// $("#ulFirmSubMenu").removeClass("show");
// $("#ulFirmSubMenu").addClass("hidden");
// $('#submenuEscrow').find('.bi-caret-down').show();
// $('#submenuEscrow').find('.bi-caret-up').hide();
// }
});
$("#submenuPayment").click(function () {
if ($("#ulFirmSubMenuPayment").hasClass('hidden')) {
$("#ulFirmSubMenuPayment").addClass("show");
$("#ulFirmSubMenuPayment").removeClass("hidden");
}
else {
$("#ulFirmSubMenuPayment").removeClass("show");
$("#ulFirmSubMenuPayment").addClass("hidden");
}
});
$("#submenuStatements").click(function () {
if ($("#ulFirmSubMenuStatements").hasClass('hidden')) {
$("#ulFirmSubMenuStatements").addClass("show");
$("#ulFirmSubMenuStatements").removeClass("hidden");
$('#submenuStatements').find('.bi-caret-down').hide();
$('#submenuStatements').find('.bi-caret-up').show();
}
else {
$("#ulFirmSubMenuStatements").removeClass("show");
$("#ulFirmSubMenuStatements").addClass("hidden");
$('#submenuStatements').find('.bi-caret-down').show();
$('#submenuStatements').find('.bi-caret-up').hide();
}
});
$("#submenuRequest").click(function () {
if ($("#ulFirmSubMenuRequest").hasClass('hidden')) {
$("#ulFirmSubMenuRequest").addClass("show");
$("#ulFirmSubMenuRequest").removeClass("hidden");
$('#submenuRequest').find('.bi-caret-down').hide();
$('#submenuRequest').find('.bi-caret-up').show();
}
else {
$("#ulFirmSubMenuRequest").removeClass("show");
$("#ulFirmSubMenuRequest").addClass("hidden");
$('#submenuRequest').find('.bi-caret-down').show();
$('#submenuRequest').find('.bi-caret-up').hide();
}
});
$("#submenuSps").click(function () {
if ($("#ulFirmSubMenuSPS").hasClass('hidden')) {
$("#ulFirmSubMenuSPS").addClass("show");
$("#ulFirmSubMenuSPS").removeClass("hidden");
$('#submenuSps').find('.bi-caret-down').hide();
$('#submenuSps').find('.bi-caret-up').show();
}
else {
$("#ulFirmSubMenuSPS").removeClass("show");
$("#ulFirmSubMenuSPS").addClass("hidden");
$('#submenuSps').find('.bi-caret-down').show();
$('#submenuSps').find('.bi-caret-up').hide();
}
});
$("#submenuThirdParty").click(function () {
if ($("#ulFirmSubMenuThirdParty").hasClass('hidden')) {
$("#ulFirmSubMenuThirdParty").addClass("show");
$("#ulFirmSubMenuThirdParty").removeClass("hidden");
$('#submenuThirdParty').find('.bi-caret-down').hide();
$('#submenuThirdParty').find('.bi-caret-up').show();
}
else {
$("#ulFirmSubMenuThirdParty").removeClass("show");
$("#ulFirmSubMenuThirdParty").addClass("hidden");
$('#submenuThirdParty').find('.bi-caret-down').show();
$('#submenuThirdParty').find('.bi-caret-up').hide();
}
});
});
function prependOrAppendLeftNavInHomeNavbar() {
var isMobileViewForLeftNav = window.matchMedia("only screen and (max-width: 1023px)");
if (isMobileViewForLeftNav.matches) {
//$('#myNavbar').append($('div.leftnav'));
//$('#myNavbar').prepend($('div.leftnav'));
$('#myNavbar #aboutUs').prepend($('div.leftnav'));
//$('#myNavbar #aboutUs').prepend($('#leftNavGrid'));
}
else { $('#leftNavGrid').append($('div.leftnav')); }
}
function removeBreadcrumInMobile() {
var isMobileViewForBreadcrum = window.matchMedia("only screen and (max-width: 1023px)");
if (isMobileViewForBreadcrum.matches) {
$('#mainGrid .row .col-md-12 #breadcrumbGrid').hide();
}
else { $('#mainGrid .row .col-md-12 #breadcrumbGrid').show(); }
}
function defaultArrowDisplayInLeftMobileMenu() {
$('#submenuStatements').find('.bi-caret-down').show();
$('#submenuStatements').find('.bi-caret-up').hide();
$('#submenuRequest').find('.bi-caret-down').show();
$('#submenuRequest').find('.bi-caret-up').hide();
$('#submenuEscrow').find('.bi-caret-down').show();
$('#submenuEscrow').find('.bi-caret-up').hide();
$('#submenuSps').find('.bi-caret-down').show();
$('#submenuSps').find('.bi-caret-up').hide();
$('#submenuThirdParty').find('.bi-caret-down').show();
$('#submenuThirdParty').find('.bi-caret-up').hide();
}
$(window).resize(function () {
overlaySidebarInTabMobile();
replaceSidebar();
removeBreadcrumInMobile();
prependOrAppendLeftNavInHomeNavbar();
scrollFunction();
//replaceSidebar();
appendSubmenus();
appendSubmenusLists();
defaultArrowDisplayInLeftMobileMenu();
$(".linkGroups a").click(function () {
$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top - 150
}, 200);
});
RenderDynamicCustomerOrThirdPartySubmenu();
});
window.onscroll = function () { scrollFunction() };
function scrollFunction() {
var isMobileTab = window.matchMedia("only screen and (max-width: 1024px)");
if (isMobileTab.matches) {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
//530642
//document.getElementById("moveTop").style.display = "block";
$('#moveTop').show();
} else {
//document.getElementById("moveTop").style.display = "none";
$('#moveTop').hide();
}
}
else {
//document.getElementById("moveTop").style.display = "none";
$('#moveTop').hide();
}
}
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
$("html, body").animate({ scrollTop: 0 }, 600);
}
function appendSubmenus() {
//var isMobile = window.matchMedia("only screen and (max-width: 600)"); //window.matchMedia("only screen and (max-width: 768px)");
//if (isMobile.matches) {
var pagetype = '';
// if ($(window).width() < 1024) {
if (pagetype != null && pagetype != undefined && pagetype != '') {
$("#submenu").show();
$("#submenu").addClass("d-flex flex-column subMenuBackground");
$("#submenu").insertAfter($("#myBtnMobile"));
}
else {
$("#submenu").hide();
$("#submenu").removeClass("d-flex flex-column submenubackground");
$("#submenu").insertBefore($("#colbreadcrumb"));
}
$("#CarouselMenu").hide();
$("#sps-menu").show();
$("#HomeLink").hide();
$("#AboutUsLink").hide();
$("#ViewAccountLink").hide();
$("#AssistanceLink").hide();
$("#JoinOurTeamLink").hide();
$("#ContactUsLink").hide();
// }
// else {
// $("#submenu").hide();
// $("#submenu").removeClass("d-flex flex-column subMenuBackground");
// //$("#subMenuDiv").addClass("hidden");
// $("#submenu").insertBefore($("#colBreadcrumb"));
// $("#CarouselMenu").show();
// if ('' == "PortfolioOverview" || '' == "ViewAccount") {
// $("#sps-menu").hide();
// }
// }
}
$(document).click(function (event) {
// if ($(window).width() < 1024) {
// $("#sps-menu").show();
// }
// else {
// $("#sps-menu").hide();
// }
});
$(document).click(function (event) {
var clickover = $(event.target);
var _openedulFirmSubMenu = $("#ulFirmSubMenu").hasClass("show");
if (_openedulFirmSubMenu === true && !clickover.is("#submenuEscrow") && !clickover.is("#ulFirmSubMenu")) {
$("div#submenuEscrow").click();
}
});
$(document).click(function (event) {
var clickover = $(event.target);
var _openedulFirmSubMenu = $("#ulFirmSubMenuPayment").hasClass("show");
if (_openedulFirmSubMenu === true && !clickover.is("#submenuPayment") && !clickover.is("#ulFirmSubMenuPayment")) {
$("div#submenuPayment").click();
}
});
$(document).click(function (event) {
var clickover = $(event.target);
var _openedulFirmSubMenu = $("#ulFirmSubMenuStatements").hasClass("show");
if (_openedulFirmSubMenu === true && !clickover.is("#submenuStatements") && !clickover.is("#ulFirmSubMenuStatements")) {
$("div#submenuStatements").click();
}
});
$(document).click(function (event) {
var clickover = $(event.target);
var _openedulFirmSubMenu = $("#ulFirmSubMenuRequest").hasClass("show");
if (_openedulFirmSubMenu === true && !clickover.is("#submenuRequest") && !clickover.is("#ulFirmSubMenuRequest")) {
$("div#submenuRequest").click();
}
});
$(document).click(function (event) {
var clickover = $(event.target);
var _openedulFirmSubMenu = $("#ulFirmSubMenuSPS").hasClass("show");
if (_openedulFirmSubMenu === true && !clickover.is("#submenuSps") && !clickover.is("#ulFirmSubMenuSPS")) {
$("div#submenuSps").click();
}
});
$(document).click(function (event) {
var clickover = $(event.target);
var _openedulFirmSubMenu = $("#ulFirmSubMenuThirdParty").hasClass("show");
if (_openedulFirmSubMenu === true && !clickover.is("#submenuThirdParty") && !clickover.is("#ulFirmSubMenuThirdParty")) {
$("div#submenuThirdParty").click();
}
});
//responsive changes for submenu in mobile view
function appendSubmenusLists() {
// if ($(window).width() < 1024) {
$("#ulFirmSubMenuPayment > li > a").removeClass("color-black font-size-19 padding-5");
$("#ulFirmSubMenuPayment").addClass("dropdown-container padding-left-15");
$("#ulFirmSubMenuPayment").css("position", "unset");
$("#ulFirmSubMenuStatements > li > a").removeClass("color-black font-size-19 padding-5");
$("#ulFirmSubMenuStatements").addClass("dropdown-container padding-left-15");
$("#ulFirmSubMenuStatements").css("position", "unset");
$("#ulFirmSubMenuRequest > li > a").removeClass("color-black font-size-19 padding-5");
$("#ulFirmSubMenuRequest").addClass("dropdown-container padding-left-15");
$("#ulFirmSubMenuRequest").css("position", "unset");
$("#ulFirmSubMenu > li > a").removeClass("color-black font-size-19 padding-5");
$("#ulFirmSubMenu").addClass("dropdown-container padding-left-15");
$("#ulFirmSubMenu").css("position", "unset");
$("#ulFirmSubMenuSPS > li > a").removeClass("color-black font-size-19 padding-5");
$("#ulFirmSubMenuSPS").addClass("dropdown-container padding-left-15");
$("#ulFirmSubMenuSPS").css("position", "unset");
$("#ulFirmSubMenuThirdParty > li > a").removeClass("color-black font-size-19 padding-5");
$("#ulFirmSubMenuThirdParty").addClass("dropdown-container padding-left-15");
$("#ulFirmSubMenuThirdParty").css("position", "relative");
// }
// else {
// $("#ulFirmSubMenuPayment > li > a").addClass("color-black font-size-19 padding-5");
// $("#ulFirmSubMenuPayment").removeClass("dropdown-container padding-left-15");
// $("#ulFirmSubMenuPayment").css("position", "absolute");
// $("#ulFirmSubMenuStatements > li > a").addClass("color-black font-size-19 padding-5");
// $("#ulFirmSubMenuStatements").removeClass("dropdown-container padding-left-15");
// $("#ulFirmSubMenuStatements").css("position", "absolute");
// $("#ulFirmSubMenuRequest > li > a").addClass("color-black font-size-19 padding-5");
// $("#ulFirmSubMenuRequest").removeClass("dropdown-container padding-left-15");
// $("#ulFirmSubMenuRequest").css("position", "absolute");
// $("#ulFirmSubMenu > li > a").addClass("color-black font-size-19 padding-5");
// $("#ulFirmSubMenu").removeClass("dropdown-container padding-left-15");
// $("#ulFirmSubMenu").css("position", "absolute");
// $("#ulFirmSubMenuSPS > li > a").addClass("color-black font-size-19 padding-5");
// $("#ulFirmSubMenuSPS").removeClass("dropdown-container padding-left-15");
// $("#ulFirmSubMenuSPS").css("position", "absolute");
// }
}
function RenderDynamicCustomerOrThirdPartySubmenu() {
var UserType = '';
var ThirdpartyuserType = '207';
if (UserType == ThirdpartyuserType) {
var val;
val = '#ulFirmSubMenuThirdParty a';
dynamicSubmenu(val);
}
else {
var val;
val = '#submenu a';
// val = '#ulFirmSubMenuRequest a';
dynamicSubmenu(val);
}
}
function dynamicSubmenu(val) {
var value = val;
$(value).each(function () {
var val = "Recruitment Solutions"
var val1 = "Employee Feedback"
var val2 = "Account Information Overview"
var val3 = "Email Alert Profile";
var val4 = "Mortgage Payment Calculator";
var val5 = "Mortgage Principal Calculator";
var val6 = "What if I pay more Calculator";
var val7 = "Mortgage Insurance FAQ";
var val8 = "Escrow FAQ";
var val9 = "Submit Evidence Of Insurance";
var val10 = "How to read Statements?";
var val11 = "How to read Statement Description?";
var val12 = "MessageCenterDelete";
var val13 = "MessageCenterPost";
var val14 = "OnClickBackToMessage";
var val15 = "ACH FAQ";
var val16 = "Payment Options";
var val17 = "Application In Process";
var val18 = "Application Received";
var val19 = "Additional Action Needed";
var val20 = "No Application";
var val21 = "Decision";
var val22 = "AssistanceProgramStatus";
var val23 = "Assistance Program Status Alert Profile";
var val24 = "User Profile";
var val25 = "Modification In Process";
var val26 = "Modification Pending";
var val27 = "Modification Received";
var val28 = "Modification Action Needed";
var val29 = "Modification Completion";
var val30 = "ContactRelationshipManager";
var val31 = "SubmitDocuments";
var val32 = "Deferral Pending";
var val33 = "Deferral Active";
var val34 = "Deferral Completed";
var val35 = "Deferral Decision";
var val36 = "PA Deferral Pending";
var val37 = "Make Online Payment";
var val38 = "Setup a Payment Account";
var val39 = "Disable Payment Account";
var val40 = "Payment FAQ";
var text = $(this).attr('id');
if (val == text) {
$(this).hide();
}
if (val1 == text) {
$(this).hide();
}
if (val2 == text) {
$(this).hide();
}
if (val3 == text) {
$(this).hide();
}
if (val4 == text) {
$(this).hide();
}
if (val5 == text) {
$(this).hide();
}
if (val6 == text) {
$(this).hide();
}
if (val7 == text) {
$(this).hide();
}
if (val8 == text) {
$(this).hide();
}
if (val9 == text) {
$(this).hide();
}
if (val10 == text) {
$(this).hide();
}
if (val11 == text) {
$(this).hide();
}
if (val12 == text) {
$(this).hide();
}
if (val13 == text) {
$(this).hide();
}
if (val14 == text) {
$(this).hide();
}
if (val15 == text) {
$(this).hide();
}
if (val16 == text) {
$(this).hide();
}
if (val17 == text) {
$(this).hide();
}
if (val18 == text) {
$(this).hide();
}
if (val19 == text) {
$(this).hide();
}
if (val20 == text) {
$(this).hide();
}
if (val21 == text) {
$(this).hide();
}
if (val22 == text) {
var WorkoutDisplay = '';
//if ('' == 'inactive') {
if (WorkoutDisplay == 'inactive') {
//$(this).hide();
$(this).parent().hide();
}
}
if (val23 == text) {
$(this).hide();
}
if (val24 == text) {
$(this).hide();
}
if (val25 == text) {
$(this).hide();
}
if (val26 == text) {
$(this).hide();
}
if (val27 == text) {
$(this).hide();
}
if (val28 == text) {
$(this).hide();
}
if (val29 == text) {
$(this).hide();
}
if (val30 == text) {
var ContactDisplay = '';
//if ('' == 'inactive') {
if (ContactDisplay == 'inactive') {
//$(this).hide();
$(this).parent().hide();
}
}
if (val31 == text) {
var ContactDisplay = '';
//if ('' == 'inactive') {
if (ContactDisplay == 'inactive') {
//$(this).hide();
$(this).parent().hide();
}
}
if (val32 == text) {
$(this).hide();
}
if (val33 == text) {
$(this).hide();
}
if (val34 == text) {
$(this).hide();
}
if (val35 == text) {
$(this).hide();
}
if (val36 == text) {
$(this).hide();
}
if (val37 == text) {
$(this).hide();
}
if (val38 == text) {
$(this).hide();
}
if (val39 == text) {
$(this).hide();
}
if (val40 == text) {
$(this).hide();
}
});
}
</script>
<script type="text/javascript">
$(document).ready(function () {
// duration of scroll animation
var scrollDuration = 300;
// paddles
var leftPaddle = document.getElementsByClassName('left-paddle');
var rightPaddle = document.getElementsByClassName('right-paddle');
// get items dimensions
var itemsLength = $('.item').length;
var itemSize = $('.item').outerWidth(true);
// get some relevant size for the paddle triggering point
var paddleMargin = 20;
// get wrapper width
var getMenuWrapperSize = function () {
return $('.menu-wrapper').outerWidth();
}
var menuWrapperSize = getMenuWrapperSize();
// the wrapper is responsive
$(window).on('resize', function () {
menuWrapperSize = getMenuWrapperSize();
});
// size of the visible part of the menu is equal as the wrapper size
var menuVisibleSize = menuWrapperSize;
// get total width of all menu items
var getMenuSize = function () {
return itemsLength * itemSize;
};
var menuSize = getMenuSize();
// get how much of menu is invisible
var menuInvisibleSize = menuSize - menuWrapperSize;
// get how much have we scrolled to the left
var getMenuPosition = function () {
return $('.menu').scrollLeft();
};
// finally, what happens when we are actually scrolling the menu
$('.menu').on('scroll', function () {
// get how much of menu is invisible
var tempMenuInvisibleSize = menuInvisibleSize;
// get how much have we scrolled so far
var menuPosition = getMenuPosition();
tempMenuInvisibleSize = tempMenuInvisibleSize - menuPosition;
var menuEndOffset = tempMenuInvisibleSize - paddleMargin;
// show & hide the paddles
// depending on scroll position
if (menuPosition <= paddleMargin) {
$(leftPaddle).addClass('hidden');
$(rightPaddle).removeClass('hidden');
} else if (menuPosition < menuEndOffset) {
// show both paddles in the middle
$(leftPaddle).removeClass('hidden');
$(rightPaddle).removeClass('hidden');
} else if (menuPosition >= menuEndOffset) {
$(leftPaddle).removeClass('hidden');
$(rightPaddle).addClass('hidden');
}
});
// scroll to left
$(rightPaddle).on('click', function () {
$('.menu').animate({ scrollLeft: menuInvisibleSize }, scrollDuration);
});
// scroll to right
$(leftPaddle).on('click', function () {
$('.menu').animate({ scrollLeft: '0' }, scrollDuration);
});
// $('.menu .item').on('click', function () {
// var menuItemId = $(this).attr('id');
// switch (menuItemId) {
// case 'paymentsMenu':
// $(this).openSubmenu('#paymentsSubmenu');
// break;
// case 'requestMenu':
// $(this).openSubmenu('#requestSubmenu');
// break;
// case 'escrowMenu':
// $(this).openSubmenu('#escrowSubmenu');
// break;
// case 'spsMenu':
// $(this).openSubmenu('#spsSubmenu');
// break;
// default:
// $('.subMenuWrapper .submenu').hide();
// $('.menu .dropdown-toggle').find('.bi-caret-up').hide();
// $('.menu .dropdown-toggle').find('.bi-caret-down').show();
// $('.menu .item').removeClass('active');
// $(this).addClass('active');
// break;
// }
// });
$('.menu .item').hover(function () {
var menuItemId = $(this).attr('id');
switch (menuItemId) {
case 'paymentsMenu':
$(this).openSubmenu('#paymentsSubmenu');
break;
case 'requestMenu':
$(this).openSubmenu('#requestSubmenu');
break;
case 'escrowMenu':
$(this).openSubmenu('#escrowSubmenu');
break;
case 'spsMenu':
$(this).openSubmenu('#spsSubmenu');
break;
case 'thirdPartyMenu':
$(this).openSubmenu('#thirdPartySubmenu');
break;
default:
$('.subMenuWrapper .submenu').hide();
var submenuObj = $('.menu .submenu');
if (!submenuObj.is(':visible')) {
$('.menu .dropdown-toggle').find('.bi-caret-up').hide();
$('.menu .dropdown-toggle').find('.bi-caret-down').show();
}
else {
$('.item .dropdown-toggle .active').find('.bi-caret-up').show();
$('.item .dropdown-toggle .active').find('.bi-caret-down').hide();
}
$('.menu .item').removeClass('active');
$(this).addClass('active');
break;
}
});
$.fn.openSubmenu = function (submenuId) {
//function openSubmenu(submenuId) {
var submenuObj = $('.menu .submenu');
if (($(this).hasClass('active') && submenuObj.is(':visible')) || (!$(this).hasClass('active') && submenuObj.is(':visible'))) {
$(this).find('.bi-caret-down').show();
$(this).find('.bi-caret-up').hide();
$(this).removeClass('active');
}
else {
$('.menu .dropdown-toggle').find('.bi-caret-up').hide();
$('.menu .dropdown-toggle').find('.bi-caret-down').show();
$('.menu .item').removeClass('active');
$('.subMenuWrapper .submenu').hide();
//var submenuObj = $('.menu .submenu');
// if (!submenuObj.is(':visible')) {
$(this).addClass('active');
$(this).find('.bi-caret-down').hide();
$(this).find('.bi-caret-up').show();
// }
// else {
// $(this).find('.bi-caret-down').show();
// $(this).find('.bi-caret-up').hide();
// $(this).removeClass('active');
// }
}
//$(this).find('.bi-caret-down').hide();
//$(this).find('.bi-caret-up').show();
// var offset = $(this).offset();
// var leftDistance = parseInt(offset.left);
// $(submenuId).css('margin-left', leftDistance);
$(submenuId).toggle();
$(submenuId).toggleClass("dispFlex");
//$(submenuId).slideToggle();
};
window.onclick = function (e) {
var submenuObj = $('.menu .submenu');
if (!submenuObj.is(':visible') && !e.target.matches('.menu li.item') && !e.target.matches('.menu li.item svg')) {
$('.menu .dropdown-toggle').find('.bi-caret-up').hide();
$('.menu .dropdown-toggle').find('.bi-caret-down').show();
$('.menu .item').removeClass('active');
submenuObj.hide();
}
}
});
$(document).ready(function () {
$('#dismiss, #sps-logo, .overlay').on('click', function () {
// $('#mySidenav').removeClass('active');
// $('.overlay').removeClass('active');
});
$('#sps-menu').on('click', function () {
// $('#mySidenav').addClass('active');
// $('.overlay').addClass('active');
// $('.collapse.in').toggleClass('in');
// $('a[aria-expanded=true]').attr('aria-expanded', 'false');
});
var UserType = '';
var ThirdpartyuserType = '207';
if (UserType == ThirdpartyuserType) {
// $('#paymentsMenu').addClass("d-none");
// $('#requestMenu').addClass("d-none");
// $('#escrowMenu').addClass("d-none");
$('#submenuStatements').addClass("d-none");
$('#submenuRequest').addClass("d-none");
$('#submenuEscrow').addClass("d-none");
$('#submenuStmtsAndLetters').addClass("d-none");
}
else {
// $('#paymentsMenu').removeClass("d-none");
// $('#requestMenu').removeClass("d-none");
// $('#escrowMenu').removeClass("d-none");
$('#submenuStatements').removeClass("d-none");
$('#submenuRequest').removeClass("d-none");
$('#submenuEscrow').removeClass("d-none");
$('#submenuStmtsAndLetters').removeClass("d-none");
}
RenderDynamicCustomerOrThirdPartySubmenu();
});
$(document).ready(function () {
$('#userRegSelectTab').find('input[type="radio"]:checked').parent().find('.nav-link').addClass('active');
$('#userRegSelectTab .nav-link').click(function () {
$('#userRegSelectTab .nav-item').find('input[type="radio"]').prop('checked', false);
$(this).parent().find('input[type="radio"]').prop('checked', true);
});
});
</script>
<style type="text/css">
.menu-wrapper {
/*position: relative; /* max-width: 500px; */
height: 45px; /* margin: 1em auto 0; */ /* border: 1px solid black; */
overflow-x: hidden;
overflow-y: hidden;
}
.menu {
/* height: 120px; */
color: #666666;
background: #f5f5f5;
box-sizing: border-box;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.menu .item {
display: inline-block;
height: 100%; /* outline: 1px dotted gray;
border-right: 1px solid gray;*/
padding: 1em;
box-sizing: border-box;
cursor: pointer;
}
.paddle {
position: absolute;
top: 0;
bottom: 0;
width: 3em;
border: none;
background: #f5f5f5;
outline: none !important;
}
.left-paddle {
left: 0;
}
.right-paddle {
right: 0;
}
.hidden {
display: none;
}
.submenu {
background: #ffffff;
color: #666666;
box-sizing: border-box;
display: none;
position: absolute; /*border: 1px solid black;*/
margin-top: 0px;
border-top: none;
box-shadow: 0 3px 10px #4d4d4d;
-webkit-overflow-scrolling: touch;
z-index: 99;
}
.submenu .item {
list-style-type: none;
text-align: left;
width: auto;
padding: 0.4em 1em;
box-sizing: border-box;
cursor: pointer;
}
.subMenuWrapper ul {
padding-left: 0px;
}
.menu-wrapper ul {
padding-left: 10px;
padding-inline-end: 40px;
}
.menu li:last-child {
border-right: none;
}
.paddle svg {
width: 25px;
height: 25px;
}
.submenu4Dropdown .dropdown-toggle {
display: block;
}
.submenu4Dropdown .dropdown-menu {
left: 20px !important;
border: none;
border-radius: 0;
color: #666666;
background: #ffffff;
min-width: 8rem;
box-shadow: 0 3px 10px #4d4d4d;
}
.menu .item:hover {
color: #ffffff;
background-color: #999999;
}
.menu .item.active {
color: #ffffff;
background-color: #999999;
}
.submenu .item:hover {
background-color: #e6e6e6;
}
.submenu .item.active {
background-color: #e6e6e6;
}
.menu .dropdown-toggle svg.bi-caret-up {
display: none;
}
.submenu4Dropdown .dropdown-item:hover {
background-color: #e6e6e6;
}
#submenuStatements:hover, #submenuRequest:hover, #submenuEscrow:hover, #submenuSps:hover, #submenuStmtsAndLetters:hover {
background-color: #5E6296;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#svgDashboard").find('title').text('');
$("#svgDashboard").attr('data-original-title', 'Dashboard');
$('.dropdown-toggle svg').tooltip({
'placement': 'right',
'title': function () {
//console.log("2");
var title = $(this).find('title').text();
$(this).attr('data-original-title', title);
title = $(this).attr('data-original-title');
$(this).find('title').remove();
return title;
}
});
$("svg").tooltip({
'placement': 'top',
'title': function () {
//console.log("1");
var title = $(this).find('title').text();
$(this).attr('data-original-title', title);
title = $(this).attr('data-original-title');
$(this).find('title').remove();
return title;
}
});
})
</script>
<noscript class="offscreen">
Your web browser doesn't support JavaScript or JavaScript is disabled. Please enable
JavaScript in your browser settings so page can function correctly.
</noscript>
<style type="text/css">
.menu-wrapper {
position: relative; /* max-width: 500px; */
height: 51px; /* margin: 1em auto 0; */ /* border: 1px solid black; */
overflow-x: hidden;
overflow-y: hidden;
}
.menu {
/* height: 120px; */
color: #666666;
background: #f5f5f5;
box-sizing: border-box;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
}
.menu .item {
display: inline-block;
height: 100%; /* outline: 1px dotted gray;
border-right: 1px solid gray;*/
padding: 1em;
box-sizing: border-box;
cursor: pointer;
}
.paddle {
position: absolute;
top: 0;
bottom: 0;
width: 3em;
border: none;
background: #f5f5f5;
outline: none !important;
}
.left-paddle {
left: 0;
}
.right-paddle {
right: 0;
}
.hidden {
display: none;
}
.submenu {
background: #ffffff;
color: #666666;
box-sizing: border-box;
display: none;
position: absolute;
/*border: 1px solid black;*/
margin-top: -10px;
border-top: none;
box-shadow: 0 3px 10px #4d4d4d;
-webkit-overflow-scrolling: touch;
z-index: 99;
}
.submenu .item {
list-style-type: none;
text-align: left;
width: auto;
padding: 0.4em 1em;
box-sizing: border-box;
cursor: pointer;
}
.subMenuWrapper ul {
padding-inline-start: 0px;
}
.menu-wrapper ul {
padding-inline-end: 40px;
}
.menu li:last-child {
border-right: none;
}
.paddle svg {
width: 25px;
height: 25px;
}
.submenu4Dropdown .dropdown-toggle {
display: block;
}
.submenu4Dropdown .dropdown-menu {
left: 20px !important;
border: none;
border-radius: 0;
color: #666666;
background: #ffffff;
min-width: 8rem;
box-shadow: 0 3px 10px #4d4d4d;
}
.menu .item:hover {
color: #ffffff;
background-color: #999999;
}
.menu .item.active {
color: #ffffff;
background-color: #999999;
}
.submenu .item:hover {
background-color: #e6e6e6;
}
.submenu .item.active {
background-color: #e6e6e6;
}
.menu .dropdown-toggle svg.bi-caret-up {
display: none;
}
.submenu4Dropdown .dropdown-item:hover {
background-color: #e6e6e6;
}
.accessyouraccount {
font-size: 1.415em;
}
.a .login {
color: #fff !important;
}
.border-bottom-0 {
border-bottom: 0px;
}
.border-top-0 {
border-top: 0px;
}
.border-radius {
border-radius: 1.5em;
}
.text-black {
color: Black !important;
}
.modal-title {
text-align: center;
width: 100%;
}
.modal-dialog {
height: 100%;
width: 100%;
display: flex;
align-items: center;
}
.modal-content {
margin: 0 auto;
}
.custom-radio .custom-control-label::before {
background-color: white; /* orange */
}
/* This is the checked state */
.custom-radio .custom-control-input:checked ~ .custom-control-label::before, .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background-color: rgb(30, 34, 83); /* green */ /* this bg image SVG is just a white circle, you can replace it with any valid SVG code */ /*background-image: url(data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E);*/
border-radius: 50%;
}
/* the shadow; displayed while the element is in focus */
.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(255, 123, 255, 0.25); /* pink, 25% opacity */
}
/*#loading
{
width: 100%;
height: 100%;
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}
#loading-image
{
position: absolute;
top: 350px;
z-index: 100;
}*/
.modal-backdrop {
opacity: 0.8 !important;
}
.dropdown-menu {
top: 0px;
}
.login_text_box {
height: 35px;
}
.loginBoxPasswordInput .svg-eyeIcon {
height: 35px !important;
background-color: #ffffff;
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
.userRegFormWrapper .nav-tabs {
border: 0px solid #1E2253;
background: #1E2253;
border-radius: 1.5rem;
height: 38px;
}
.userRegFormWrapper .nav-tabs .nav-link {
padding: 0.60rem;
height: 38px;
border: 2px solid #1E2253;
font-family: 'Lato Bold';
color: #fff;
border-radius: 1.5rem;
}
.userRegFormWrapper .nav-tabs .nav-link.active {
color: #ffffff;
background-color: #4478B8;
text-decoration: none !important;
}
.userRegFormWrapper .nav-tabs .nav-link:focus,
.userRegFormWrapper .nav-tabs .nav-link:hover {
background-color: #6F90B8;
text-decoration: none !important;
}
</style>
<script type="text/javascript">
//window.onload = function () { setTimeout(function () { document.body.style.opacity = "100"; }, 100); };
$(document).ready(function () {
setTimeout(function () { document.body.style.opacity = "100"; }, 100);
});
</script>
</head>
<body id="" style="font-size: 13px; opacity: 100;">
<style type="text/css"> body {opacity:0;position: relative;}</style>
<div class="wrapper">
<div id="mySidenav" class="sidenav d-flex flex-column" style="border: 1px solid">
<a href="" class="closebtn ml-auto noStyles text-right" style="float: right;
height: 23px;" onclick="closeNav()">×</a>
<a href="/" class="text-white divider pos-relative" style="float: left; padding-left: 55px;">
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-house-door text-white pos-absolute" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-original-title="" title="">
<title>Home</title>
<path fill-rule="evenodd" d="M7.646 1.146a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 .146.354v7a.5.5 0 0 1-.5.5H9.5a.5.5 0 0 1-.5-.5v-4H7v4a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5v-7a.5.5 0 0 1 .146-.354l6-6zM2.5 7.707V14H6v-4a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v4h3.5V7.707L8 2.207l-5.5 5.5z"></path>
<path fill-rule="evenodd" d="M13 2.5V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"></path>
</svg>
HOME</a>
<a href="/StaticDetails/Aboutus" class="text-white divider pos-relative" style="float: left; clear: both;">
<svg width="25px" height="25px" class="margin-right-5" id="" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 25" data-original-title="" title=""><defs><style>
.cls-1a
{
fill: #fff !important; stroke-width: 0px !important;
}
</style></defs><title>About Us</title><path class="cls-1a" d="M-274.89-93.54c4.17-1.38,3.08-1,3.95-1.2-1,8.5-1.12,8.39-.85,8.57.47.41,1.15-1.12,1.41-1.67l.38.15c-.51,1.3-1.31,2.82-2.67,3.15a1.36,1.36,0,0,1-1.82-1.07,4.64,4.64,0,0,1,.07-1.29c.65-5.19.68-5.23.65-5.75a.59.59,0,0,0-.48-.53,2.16,2.16,0,0,0-.71.06C-274.94-93.26-274.92-93.4-274.89-93.54Z" transform="translate(284.98 104.04)"></path><circle class="cls-1a" cx="13.06" cy="6.83" r="1.38"></circle><path class="cls-1a" d="M-272.48-79a12.42,12.42,0,0,1-8.84-3.66A12.42,12.42,0,0,1-285-91.54a12.42,12.42,0,0,1,3.66-8.84,12.42,12.42,0,0,1,8.84-3.66,12.42,12.42,0,0,1,8.84,3.66A12.42,12.42,0,0,1-260-91.54a12.42,12.42,0,0,1-3.66,8.84A12.42,12.42,0,0,1-272.48-79Zm0-23.44a11,11,0,0,0-10.94,10.94,11,11,0,0,0,10.94,10.93,11,11,0,0,0,10.94-10.93A11,11,0,0,0-272.48-102.48Z" transform="translate(284.98 104.04)"></path></svg>
ABOUT US</a>
<a href="/StaticDetails/MakeAPayment" id="MakeAPaymentLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg width="25px" height="25px" class="margin-right-5" id="" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 19.28" data-original-title="" title=""><defs><style>
.cls-hmp1
{
fill: none;
}
.cls-hmp1, .cls-hmp2
{
stroke: #fff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 1.3px
}
.cls-hmp2
{
fill: #fff;
}
</style></defs><title>Make a Payment</title><polyline class="cls-hmp1" points="19.35 6.38 25.5 6.38 25.5 18.77 0.5 18.77 0.5 6.38 15.23 6.38"></polyline><line class="cls-hmp1" x1="2" y1="8.44" x2="8.16" y2="8.44"></line><line class="cls-hmp1" x1="2" y1="9.88" x2="8.16" y2="9.88"></line><line class="cls-hmp1" x1="2" y1="11.31" x2="4.54" y2="11.31"></line><line class="cls-hmp1" x1="2" y1="14.36" x2="23.53" y2="14.36"></line><line class="cls-hmp1" x1="23.53" y1="17.01" x2="14.09" y2="17.01"></line><line class="cls-hmp1" x1="23.83" y1="8.44" x2="23.83" y2="9.18"></line><line class="cls-hmp1" x1="22.6" y1="8.44" x2="22.6" y2="9.18"></line><line class="cls-hmp1" x1="21.37" y1="8.44" x2="21.37" y2="9.18"></line><path class="cls-hmp1" d="M-462.84-60.31l.74-.57a.44.44,0,0,1,.62.08l.53.69a.44.44,0,0,1-.08.62l-.74.57" transform="translate(485.5 61.47)"></path><line class="cls-hmp1" x1="20.6" y1="5.41" x2="12.39" y2="11.73"></line><line class="cls-hmp1" x1="10.88" y1="9.76" x2="20.05" y2="2.7"></line><line class="cls-hmp1" x1="8.72" y1="12.99" x2="12.39" y2="11.73"></line><line class="cls-hmp1" x1="10.88" y1="9.76" x2="8.72" y2="12.99"></line><line class="cls-hmp2" x1="19.89" y1="7.3" x2="23.99" y2="4.15"></line><path class="cls-hmp1" d="M-473.95-52.23a2.09,2.09,0,0,0,1.52,2" transform="translate(485.5 61.47)"></path><line class="cls-hmp1" x1="8.72" y1="12.99" x2="8.14" y2="13.43"></line><path class="cls-hmp1" d="M-461.6-58.61l-1.51-2a3.52,3.52,0,0,0-2.33,1.79l.54,2.72S-462.13-57.17-461.6-58.61Z" transform="translate(485.5 61.47)"></path><line class="cls-hmp1" x1="22.73" y1="4.22" x2="23.16" y2="4.78"></line></svg>
MAKE A PAYMENT</a>
<a href="/StaticDetails/CustomerDashboard" id="CustomerDashboardLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg width="25px" height="25px" class="margin-right-5" id="" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 17.76" data-original-title="" title=""><defs><style>
.cls-hcd1
{
fill: #fff !important; stroke: #fff; stroke-width: 0.5px !important;
}
</style></defs><title>Customer Dashboard</title><path class="cls-hcd1" d="M-461.15,115.89h-22.7a1.15,1.15,0,0,1-1.15-1.15V99.29a1.15,1.15,0,0,1,1.15-1.15h22.7A1.15,1.15,0,0,1-460,99.29v15.45A1.15,1.15,0,0,1-461.15,115.89Zm-22.7-17.22a.61.61,0,0,0-.61.62v15.45a.61.61,0,0,0,.61.62h22.7a.61.61,0,0,0,.61-.62V99.29a.61.61,0,0,0-.61-.62Z" transform="translate(485 -98.14)"></path><path class="cls-hcd1" d="M-473.61,105.36a.66.66,0,0,0,.66.66.66.66,0,0,0,.65-.66,5.15,5.15,0,0,0-.42-2,4.78,4.78,0,0,0-.7-1.2l-.82,1.11A3.92,3.92,0,0,1-473.61,105.36Z" transform="translate(485 -98.14)"></path><path class="cls-hcd1" d="M-475.52,100.5a5.23,5.23,0,0,0-2.06-.42,5.23,5.23,0,0,0-2.06.42,5.09,5.09,0,0,0-1.67,1.13,5,5,0,0,0-1.13,1.68,5.15,5.15,0,0,0-.42,2,.66.66,0,0,0,.66.66.66.66,0,0,0,.65-.66,4,4,0,0,1,4-4,3.89,3.89,0,0,1,1.95.52l1.07-.88A5,5,0,0,0-475.52,100.5Z" transform="translate(485 -98.14)"></path><path class="cls-hcd1" d="M-474.13,101.37l-1,.85-3.07,2.53a.77.77,0,0,0-.15.16.9.9,0,0,0,.19,1.26.89.89,0,0,0,.53.18.91.91,0,0,0,.73-.37l2.35-3.21.8-1.08,1.12-1.53Z" transform="translate(485 -98.14)"></path><rect class="cls-hcd1" x="13" y="15.59" width="10.59" height="0.55"></rect><rect class="cls-hcd1" x="13.91" y="13.45" width="1.53" height="2.15"></rect><rect class="cls-hcd1" x="16.33" y="11.54" width="1.53" height="4.05"></rect><rect class="cls-hcd1" x="18.74" y="14.23" width="1.53" height="1.36"></rect><rect class="cls-hcd1" x="21.16" y="10.65" width="1.53" height="4.94"></rect><path class="cls-hcd1" d="M-461.63,100.51h-7.06a.22.22,0,0,0-.22.23h0a.22.22,0,0,0,.22.22h7.06a.22.22,0,0,0,.23-.22h0A.23.23,0,0,0-461.63,100.51Z" transform="translate(485 -98.14)"></path><path class="cls-hcd1" d="M-461.63,102.13h-7.06a.22.22,0,0,0-.22.23h0a.23.23,0,0,0,.22.23h7.06a.23.23,0,0,0,.23-.23h0A.23.23,0,0,0-461.63,102.13Z" transform="translate(485 -98.14)"></path><path class="cls-hcd1" d="M-461.63,103.75h-7.06a.23.23,0,0,0-.22.23h0a.23.23,0,0,0,.22.23h7.06a.23.23,0,0,0,.23-.23h0A.23.23,0,0,0-461.63,103.75Z" transform="translate(485 -98.14)"></path><rect class="cls-hcd1" x="-481.41" y="113.34" width="7.18" height="0.67" rx="0.34" transform="translate(-470.63 129.22) rotate(180)"></rect><rect class="cls-hcd1" x="-481.41" y="111.37" width="7.18" height="0.67" rx="0.34" transform="translate(-470.63 125.27) rotate(-180)"></rect><rect class="cls-hcd1" x="-481.41" y="109.39" width="7.18" height="0.67" rx="0.34" transform="translate(-470.63 121.31) rotate(180)"></rect><path class="cls-hcd1" d="M-461.63,105.37h-7.06a.23.23,0,0,0-.22.23h0a.22.22,0,0,0,.22.23h7.06a.23.23,0,0,0,.23-.23h0A.23.23,0,0,0-461.63,105.37Z" transform="translate(485 -98.14)"></path><circle class="cls-hcd1" cx="2.46" cy="15.54" r="0.62"></circle><circle class="cls-hcd1" cx="2.46" cy="13.57" r="0.62"></circle><circle class="cls-hcd1" cx="2.46" cy="11.59" r="0.62"></circle></svg>
CUSTOMER DASHBOARD</a>
<a href="/StaticDetails/NewToSPS" id="NewToSPSLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg id="" width="25px" height="25px" class="margin-right-5" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 76.48" data-original-title="" title="">
<defs>
<style>.cls-hntsps1,.cls-hntsps2{fill:none;stroke:#fff !important;stroke-width:7px !important;}.cls-hntsps1{stroke-linejoin:round;}.cls-hntsps2{stroke-miterlimit:10;}</style>
</defs>
<title>New To SPS</title>
<line class="cls-hntsps1" x1="2" y1="56.73" x2="56.16" y2="56.73"></line>
<line class="cls-hntsps1" x1="26.38" y1="71.69" x2="54.69" y2="71.69"></line>
<path class="cls-hntsps1" d="M74.21-93.21H14.33a3.64,3.64,0,0,0-3.64,3.64v50.35a3.64,3.64,0,0,0,3.64,3.64H43.67v5.38" transform="translate(-8.69 101.46)"></path>
<path class="cls-hntsps2" d="M76-84.46a15,15,0,0,0,15,15,15,15,0,0,0,15-15,15,15,0,0,0-15-15A15,15,0,0,0,76-84.46Z" transform="translate(-8.69 101.46)"></path>
<path class="cls-hntsps2" d="M63.37-25V-41a5.39,5.39,0,0,1,5.4-5.39h44.52a5.39,5.39,0,0,1,5.4,5.39V-25" transform="translate(-8.69 101.46)"></path>
<path class="cls-hntsps2" d="M115.85-45.74v-2.34c0-10.81-11.11-15.79-24.82-15.79s-24.82,5-24.82,15.79v2.34" transform="translate(-8.69 101.46)"></path>
</svg>
NEW TO SPS</a>
<a href="/StaticDetails/RequestAssistance" id="RequestAssistanceLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg width="25px" height="25px" class="margin-right-5" id="" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 18.54" data-original-title="" title=""><defs><style>
.cls-1
{
fill: #fff;
}
</style></defs><title>Request Assistance</title><path class="cls-1" d="M-395.24-90.89a1.66,1.66,0,0,1-1-.32,1.67,1.67,0,0,1-.34-2.32l.11-.15c.25-.38.57-.85,1-.91a1.8,1.8,0,0,1,1.45.45,2.12,2.12,0,0,1,.07,2.59,1.62,1.62,0,0,1-1.09.64A1.06,1.06,0,0,1-395.24-90.89Zm0-2.79a2.57,2.57,0,0,0-.42.52l-.13.18a.74.74,0,0,0,.15,1,.75.75,0,0,0,.54.13.72.72,0,0,0,.48-.28,1.19,1.19,0,0,0,0-1.42A.91.91,0,0,0-395.27-93.68Zm0,0Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-397.5-91.86a1.62,1.62,0,0,1-1-.32,1.65,1.65,0,0,1-.35-2.31l1-1.4a1.58,1.58,0,0,1,1.08-.64h0a1.68,1.68,0,0,1,1.23.31,1.65,1.65,0,0,1,.35,2.31l-1,1.4a1.65,1.65,0,0,1-1.08.65Zm.92-3.76a.72.72,0,0,0-.48.28l-1,1.39a.73.73,0,0,0,.15,1,.72.72,0,0,0,.54.13.77.77,0,0,0,.48-.28l1-1.4a.73.73,0,0,0-.15-1,.72.72,0,0,0-.54-.13Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-401.2-94.91a1.66,1.66,0,0,1-1-.32,1.66,1.66,0,0,1-.34-2.32l1-1.39a1.68,1.68,0,0,1,1.09-.65h0a1.68,1.68,0,0,1,1.23.31,1.65,1.65,0,0,1,.34,2.31l-1,1.39a1.6,1.6,0,0,1-1.09.65A1.06,1.06,0,0,1-401.2-94.91Zm1-3.77h-.12a.72.72,0,0,0-.47.28l-1,1.39a.74.74,0,0,0,.15,1,.75.75,0,0,0,.54.13.69.69,0,0,0,.48-.29l1-1.39a.73.73,0,0,0-.15-1A.76.76,0,0,0-400.16-98.68Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-399.75-92.8a1.62,1.62,0,0,1-1-.32,1.67,1.67,0,0,1-.35-2.32l2-2.82a1.6,1.6,0,0,1,1.09-.65,1.63,1.63,0,0,1,1.23.3,1.66,1.66,0,0,1,.34,2.32l-2,2.82a1.62,1.62,0,0,1-1.09.65A1.1,1.1,0,0,1-399.75-92.8ZM-397.7-98h-.11a.69.69,0,0,0-.48.29l-2,2.82a.74.74,0,0,0,.15,1,.73.73,0,0,0,.54.13.69.69,0,0,0,.48-.29l2-2.82a.74.74,0,0,0-.15-1A.74.74,0,0,0-397.7-98Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-385.13-95.12a1.66,1.66,0,0,1-.9-.27l-4.39-3,.53-.76,4.37,3a.73.73,0,0,0,.9-.1.68.68,0,0,0,.21-.51.72.72,0,0,0-.33-.58l-5.61-3.87.52-.76,5.62,3.87a1.63,1.63,0,0,1,.73,1.34A1.65,1.65,0,0,1-384-95.6,1.68,1.68,0,0,1-385.13-95.12Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-387.79-100.32a4.29,4.29,0,0,1-2.3-.71l-2.72-2a.32.32,0,0,0-.27-.06.32.32,0,0,0-.23.16l-.6.94a3,3,0,0,1-3.71,1.45,1.22,1.22,0,0,1-.79-.86,1.59,1.59,0,0,1,.42-1.28l2-2.71a2.93,2.93,0,0,1,2.19-1.11,19.54,19.54,0,0,1,7.08.9,29.83,29.83,0,0,0,5.09-3.8l.65.66a31.67,31.67,0,0,1-5.45,4l-.18.1-.19-.06a18.89,18.89,0,0,0-6.94-.92,2,2,0,0,0-1.52.74l-2,2.74c-.12.14-.26.37-.23.49s.19.17.26.2a2.1,2.1,0,0,0,2.56-1.09l.6-.94a1.28,1.28,0,0,1,.84-.57,1.29,1.29,0,0,1,1,.23l2.71,2c.06,0,1.8,1.19,3.2,0l.59.71A3.08,3.08,0,0,1-387.79-100.32Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-386.12-92.8a1.67,1.67,0,0,1-.91-.27l-4.61-3.19.53-.76,4.59,3.18a.73.73,0,0,0,.91-.1.85.85,0,0,0,.23-.58.73.73,0,0,0-.19-.55l-4-2.75.53-.76,4,2.8a1.81,1.81,0,0,1,0,2.5A1.64,1.64,0,0,1-386.12-92.8Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-388.12-91.34a1.66,1.66,0,0,1-.9-.27l-4.78-3.29.52-.76,4.77,3.28a.72.72,0,0,0,.91-.1.71.71,0,0,0,0-1l-4-2.8.52-.76L-387-94.2a1.66,1.66,0,0,1,.06,2.38A1.64,1.64,0,0,1-388.12-91.34Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-391.53-90.86a1.67,1.67,0,0,1-.91-.27l-1.86-1.27.52-.77,1.85,1.27A.71.71,0,0,0-391-92a.71.71,0,0,0,0-1l-2.91-2,.52-.76,3,2a1.68,1.68,0,0,1,.55,1.22,1.64,1.64,0,0,1-.49,1.16A1.62,1.62,0,0,1-391.53-90.86Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-401.81-98.38s-.5-.76-3.41-2.84l.54-.75c3.07,2.19,3.6,3,3.68,3.15Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-397-104.58a2.79,2.79,0,0,1-1.33-.33l-.09,0s-2.57-1.8-4.48-3.44l.61-.7c1.87,1.61,4.37,3.36,4.4,3.38a1.92,1.92,0,0,0,1,.21l1.23-.06,0,.92-1.23.07Z" transform="translate(405.22 109.4)"></path><path class="cls-1" d="M-383.57-97.11l-.74-.55,0,0a9.75,9.75,0,0,1,2.36-2l1.21-.76.49.78-1.21.76A9.21,9.21,0,0,0-383.57-97.11Z" transform="translate(405.22 109.4)"></path></svg>
REQUEST ASSISTANCE</a>
<a href="/StaticDetails/HowToVideos" id="HowToVideosLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg id="" width="25px" height="25px" class="margin-right-5" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 83.83" data-original-title="" title="">
<defs>
<style>.cls-hhtv1{fill:none;stroke:#fff !important;stroke-linejoin:round;stroke-width:7px !important;}</style>
</defs>
<title>How To Videos</title>
<rect class="cls-hhtv1" x="2" y="2" width="108" height="79.83" rx="12.42"></rect>
<path class="cls-hhtv1" d="M-202.55-181.16l-31.22-18a1.21,1.21,0,0,0-1.82,1v36a1.22,1.22,0,0,0,1.82,1.05l31.22-18A1.21,1.21,0,0,0-202.55-181.16Z" transform="translate(277.42 222.03)"></path>
</svg>
HOW TO VIDEOS</a>
<a href="/StaticDetails/UploadDocuments" id="UploadDocumentsLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg width="25px" height="25px" class="margin-right-5" id="" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.99 101.4" data-original-title="" title="">
<defs>
<style>.cls-hud{fill:#fff !important;}</style>
</defs>
<title>Upload Documents</title>
<path class="cls-hud" d="M-125.2-5.38a5.42,5.42,0,0,1-5.41-5.41v-90.58a5.41,5.41,0,0,1,5.41-5.41h55a2.14,2.14,0,0,1,1.53.63l19.41,19.42a2.15,2.15,0,0,1,.64,1.53v74.41A5.42,5.42,0,0,1-54-5.38Zm0-97.06a1.06,1.06,0,0,0-1.06,1.07v90.58a1.05,1.05,0,0,0,1.06,1.06H-54A1.05,1.05,0,0,0-53-10.79V-78.73a1.06,1.06,0,0,0-.31-.75,1.06,1.06,0,0,0-.75-.31H-70.74a4.87,4.87,0,0,1-4.87-4.87v-16.71a1.07,1.07,0,0,0-1.06-1.07Zm55,1.34a1.15,1.15,0,0,0-.41.08,1.08,1.08,0,0,0-.66,1V-85.2a1.06,1.06,0,0,0,1.07,1.06h14.83a1,1,0,0,0,1-.65,1,1,0,0,0-.23-1.16l-14.83-14.83A1.06,1.06,0,0,0-70.2-101.1Z" transform="translate(130.61 106.78)"></path>
<path class="cls-hud" d="M-99.32-66.85A2.17,2.17,0,0,1-101.49-69a2.18,2.18,0,0,1,2.17-2.18h19.41A2.18,2.18,0,0,1-77.74-69a2.17,2.17,0,0,1-2.17,2.17Z" transform="translate(130.61 106.78)"></path>
<path class="cls-hud" d="M-105.79-53.91A2.17,2.17,0,0,1-108-56.08a2.17,2.17,0,0,1,2.17-2.17h32.35a2.17,2.17,0,0,1,2.17,2.17,2.17,2.17,0,0,1-2.17,2.17Z" transform="translate(130.61 106.78)"></path>
<path class="cls-hud" d="M-105.79-41A2.17,2.17,0,0,1-108-43.14a2.17,2.17,0,0,1,2.17-2.17h32.35a2.17,2.17,0,0,1,2.17,2.17A2.17,2.17,0,0,1-73.44-41Z" transform="translate(130.61 106.78)"></path>
<path class="cls-hud" d="M-105.79-28A2.17,2.17,0,0,1-108-30.2a2.17,2.17,0,0,1,2.17-2.17h32.35a2.17,2.17,0,0,1,2.17,2.17A2.17,2.17,0,0,1-73.44-28Z" transform="translate(130.61 106.78)"></path>
</svg>
UPLOAD DOCUMENTS</a>
<a href="/StaticDetails/Help" id="HelpLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg width="25px" height="25px" class="margin-right-5" id="" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 19.51" data-original-title="" title=""><defs><style>
.cls-1
{
fill: #fff;
}
</style></defs><title>Frequently Asked Questions</title><path class="cls-1" d="M-262.75,14.07A.41.41,0,0,1-263,14l-2.09-1.58a7.43,7.43,0,0,1-2.2.34,7.33,7.33,0,0,1-3.74-1A7.4,7.4,0,0,1-273.65,9a.4.4,0,0,1,.15-.54.4.4,0,0,1,.54.15A6.53,6.53,0,0,0-267.28,12a6.51,6.51,0,0,0,2.14-.37.4.4,0,0,1,.37.06l1.51,1.14-.23-1.8a.38.38,0,0,1,.15-.36,6.49,6.49,0,0,0,2.57-5.18,6.52,6.52,0,0,0-6.51-6.51,6.53,6.53,0,0,0-2.65.56.39.39,0,0,1-.52-.2.39.39,0,0,1,.2-.52,7.23,7.23,0,0,1,3-.63,7.28,7.28,0,0,1,2.84.57A7.32,7.32,0,0,1-262.12.29a7.13,7.13,0,0,1,1.56,2.32A7.07,7.07,0,0,1-260,5.45a7.22,7.22,0,0,1-.79,3.29,7.32,7.32,0,0,1-1.91,2.37l.32,2.52a.4.4,0,0,1-.2.39A.45.45,0,0,1-262.75,14.07Z" transform="translate(284.98 5.44)"></path><path class="cls-1" d="M-282.21,10.48a.36.36,0,0,1-.2-.06.4.4,0,0,1-.19-.39l.32-2.51a7.33,7.33,0,0,1-1.92-2.37,7.25,7.25,0,0,1-.78-3.3A7.28,7.28,0,0,1-284.41-1a7.32,7.32,0,0,1,1.57-2.32,7.29,7.29,0,0,1,2.32-1.56,7.24,7.24,0,0,1,2.84-.57,7.28,7.28,0,0,1,2.84.57,7.29,7.29,0,0,1,2.32,1.56A7.29,7.29,0,0,1-271-1a7.29,7.29,0,0,1,.58,2.84A7.25,7.25,0,0,1-271,4.69,7.29,7.29,0,0,1-272.52,7a7.32,7.32,0,0,1-2.32,1.57,7.28,7.28,0,0,1-2.84.57,7.12,7.12,0,0,1-2.2-.34L-282,10.4A.43.43,0,0,1-282.21,10.48Zm4.53-15.14a6.52,6.52,0,0,0-6.51,6.51A6.46,6.46,0,0,0-281.63,7a.42.42,0,0,1,.16.37l-.23,1.8,1.5-1.14a.41.41,0,0,1,.37-.06,6.56,6.56,0,0,0,2.15.36,6.52,6.52,0,0,0,6.51-6.51A6.52,6.52,0,0,0-277.68-4.66Z" transform="translate(284.98 5.44)"></path><path class="cls-1" d="M-277.59,5.25A3.23,3.23,0,0,1-280.82,2a3.23,3.23,0,0,1,3.23-3.23A3.23,3.23,0,0,1-274.36,2,3.23,3.23,0,0,1-277.59,5.25Zm0-5.67A2.44,2.44,0,0,0-280,2a2.44,2.44,0,0,0,2.44,2.44A2.44,2.44,0,0,0-275.15,2,2.44,2.44,0,0,0-277.59-.42Z" transform="translate(284.98 5.44)"></path><path class="cls-1" d="M-277.59,5.25A3.23,3.23,0,0,1-280.82,2a3.23,3.23,0,0,1,3.23-3.23A3.23,3.23,0,0,1-274.36,2,3.23,3.23,0,0,1-277.59,5.25Zm0-5.67A2.44,2.44,0,0,0-280,2a2.44,2.44,0,0,0,2.44,2.44A2.44,2.44,0,0,0-275.15,2,2.44,2.44,0,0,0-277.59-.42Z" transform="translate(284.98 5.44)"></path><path class="cls-1" d="M-275.1,5.16a.38.38,0,0,1-.33-.18,4.58,4.58,0,0,0-.67-.84,4.81,4.81,0,0,0-.48-.42.4.4,0,0,1-.07-.56.4.4,0,0,1,.55-.07,6.33,6.33,0,0,1,.56.49,5.79,5.79,0,0,1,.78,1,.39.39,0,0,1-.13.54A.37.37,0,0,1-275.1,5.16Z" transform="translate(284.98 5.44)"></path><path class="cls-1" d="M-264.73,8.16a.39.39,0,0,1-.36-.23l-1.81-4-1.82,4a.39.39,0,0,1-.52.2.39.39,0,0,1-.2-.52l2.18-4.84a.39.39,0,0,1,.36-.23.41.41,0,0,1,.36.23l2.17,4.84a.4.4,0,0,1-.19.52A.51.51,0,0,1-264.73,8.16Z" transform="translate(284.98 5.44)"></path><path class="cls-1" d="M-265.85,6.48h-2.1a.39.39,0,0,1-.39-.4.38.38,0,0,1,.39-.39h2.1a.39.39,0,0,1,.39.39A.4.4,0,0,1-265.85,6.48Z" transform="translate(284.98 5.44)"></path></svg>
FREQUENTLY ASKED QUESTIONS</a>
<a href="/StaticDetails/ManageYourAccount" id="SelfServiceFunctionalityLink" class="text-white divider pos-relative" style="float: left;
clear: both;">
<svg width="25px" height="25px" class="margin-right-5" id="" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 84.94" data-original-title="" title="">
<defs>
<style>.cls-hssf{fill:#fff !important;}</style>
</defs>
<title>Manage Your Account</title>
<path class="cls-hssf" d="M-70-176.63l3.62-2.09a3.45,3.45,0,0,0,1.71-3.22,3.46,3.46,0,0,0-2.16-2.94l-26.39-10.53a3.49,3.49,0,0,0-1.27-.24,3.39,3.39,0,0,0-2.43,1,3.42,3.42,0,0,0-.77,3.7l10.53,26.4a3.47,3.47,0,0,0,2.94,2.16A3.47,3.47,0,0,0-81-164.1l2.09-3.62,6.41,6.42a3.46,3.46,0,0,0,2.43,1,3.4,3.4,0,0,0,2.43-1l4.05-4a3.41,3.41,0,0,0,1-2.43,3.41,3.41,0,0,0-1-2.43Zm-.06,12-7.84-7.84a2,2,0,0,0-1.44-.59h-.27a2.07,2.07,0,0,0-1.5,1l-2.75,4.76-9.48-23.76,23.76,9.48-4.76,2.75a2.07,2.07,0,0,0-1,1.5,2.05,2.05,0,0,0,.59,1.71l7.83,7.84Z" transform="translate(134.29 217.95)"></path>
<path class="cls-hssf" d="M-28.33-150.57h-3.84v-59.65c0-4.26-3.75-7.73-8.35-7.73h-79.54c-4.61,0-8.36,3.47-8.36,7.73v59.65h-3.83a2,2,0,0,0-2,2v5.88a9.42,9.42,0,0,0,9.16,9.64h89.68a9.42,9.42,0,0,0,9.16-9.64v-5.88A2,2,0,0,0-28.33-150.57Zm-96-59.65c0-2,1.91-3.65,4.27-3.65h79.54c2.35,0,4.27,1.64,4.27,3.65v59.65H-40a.49.49,0,0,0,0-.12v-52.4a7,7,0,0,0-7.28-6.76h-66.06a7,7,0,0,0-7.29,6.76v52.4s0,.08,0,.12h-3.73ZM-101-146.49h41.37v3H-101Zm-15.55-4.08s0-.08,0-.12v-52.4a3,3,0,0,1,3.2-2.68h66.06a3,3,0,0,1,3.2,2.68v52.52Zm86.15,7.92a5.34,5.34,0,0,1-5.07,5.56h-89.68a5.35,5.35,0,0,1-5.08-5.56v-3.84h25.15v5a2,2,0,0,0,2,2h45.45a2,2,0,0,0,2-2v-5h25.15Z" transform="translate(134.29 217.95)"></path>
</svg>
MANAGE YOUR ACCOUNT</a>
<a href="/StaticDetails/JoinOurTeam" class="text-white divider Menu-Border-Bottom" style="float: left;
clear: both;">
<svg width="25px" height="25px" viewBox="0 0 16 16" class="bi bi-people margin-right-5" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-original-title="" title="">
<title>Join Our Team</title>
<path fill-rule="evenodd" d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1h7.956a.274.274 0 0 0 .014-.002l.008-.002c-.002-.264-.167-1.03-.76-1.72C13.688 10.629 12.718 10 11 10c-1.717 0-2.687.63-3.24 1.276-.593.69-.759 1.457-.76 1.72a1.05 1.05 0 0 0 .022.004zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10c-1.668.02-2.615.64-3.16 1.276C1.163 11.97 1 12.739 1 13h3c0-1.045.323-2.086.92-3zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"></path>
</svg>
JOIN OUR TEAM</a>
<a href="/StaticDetails/ContactUs" class="text-white divider pos-relative" id="myBtnMobile" style="float: left; clear: both; padding-left: 55px;">
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-telephone text-white pos-absolute" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-original-title="" title="">
<title>Contact Us</title>
<path fill-rule="evenodd" d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path>
</svg>
CONTACT US</a>
</div>
<div id="rightSidenav" class="rightside d-flex flex-column" style="border: 1px solid;
padding-top: 15px;">
<a href=" " class="closebtn ml-auto noStyles text-right" onclick="closeRightNav()" style="margin-right: 0px; padding-right: 0px; height: 20px;">×</a>
</div>
</div>
<div id="content">
<div id="divMain">
<div class="container-fluid" style="padding-left: 0px !important; padding-right: 0px !important">
<div id="mainBody">
<header class="position-fixed" style="width: 100%; z-index: 1;">
<div id="PageType" style="display:none;"></div>
<script type="text/javascript" src="https://sc11962409us1.cobrowse.oraclecloud.com/launcher.js"></script>
<link href="/Content/jquery.convform.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
function updateHistory()
{
var data = $('#messages').html()
setCookie("__cHist",data,1);
}
function setCookie(name,value,days) {
if (window.sessionStorage) {
sessionStorage.setItem(name, value);
}
}
function getCookie(name) {
if (window.sessionStorage) {
return sessionStorage.getItem(name)
}
return null;
}
function eraseCookie(name) {
if (window.sessionStorage) {
sessionStorage.removeItem(name)
}
}
function updateMessages() {
var chatcookie = getCookie('ActiveChatSession');
if (chatcookie != null && chatcookie != "") {
var chatsession = $.parseJSON(chatcookie)
var messages = $('#messages').html()
chatsession.messages = encodeURIComponent(messages)
setCookie("ActiveChatSession", JSON.stringify(chatsession), 1);
}
}
function updateAnswers(answers) {
var chatcookie = getCookie('ActiveChatSession');
if (chatcookie != null && chatcookie != "") {
var chatsession = $.parseJSON(chatcookie)
chatsession.answers = answers
setCookie("ActiveChatSession", JSON.stringify(chatsession), 1);
}
}
function getuser()
{
return '';
}
function startChat() {
var chatId = uuidv4();
var chatsession = {
"chatid": chatId,
"messages": "",
"answers": "",
"rating": "NA"
}
setCookie("ActiveChatSession", JSON.stringify(chatsession), 1);
}
function uuidv4() {
return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
(c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
);
}
function minimize_Chatbot() {
$('.chatbox').removeClass('active');
$('.chatFloatIcon').show();
$('.chatFloatIcon').addClass('minimize');
}
$(document).ready(function () {
$(window).on('beforeunload', function(){
updateMessages();
});
$('#chatbotFloatIcon').click(function () {
$('.chatbox').toggleClass('active');
$('.chatFloatIcon').hide();
startChat();
});
var username = '';
var isVerified = '';
var isChatBOTActive = '';
if(isVerified === '' || isVerified === 'False' || isVerified === null)
{
$('.chatFloatIcon').hide();
}
if (isChatBOTActive === 'False') {
$('.chatFloatIcon').hide();
}
var isLoggedIn = '';
if (username != null && username != undefined && username != '') {
if (isLoggedIn != null && isLoggedIn != undefined && isLoggedIn != '' && isLoggedIn == '1') {
$("#rightIcons").show();
}
$("#myBtn").hide();
}
else {
$("#rightIcons").hide();
//$("#rightIcons").css("display", "none");
$("#myBtn").show();
//$('#chatbotIcon').hide();
}
var pagetype = '';
if (pagetype != null && pagetype != undefined && pagetype != '') {
$("#rightIcons").show();
} else {
$("#rightIcons").hide();
}
showHideSigninOnActiveUserSession();
// window.onorientationchange = function () {
// var orientation = window.orientation;
// switch (orientation) {
// case 0:
// case 90:
// case -90: window.location.reload();
// break;
// }
// };
$(window).on('resize', function () {
if ($(window).width() < 1024) {
// $("#icon").addClass("col-md-7");
// $("#icon").removeClass("col-md-2");
$("#navbar").addClass(".navbar")
$("#navbar").css("float", "left");
}
else {
// $("#icon").removeClass("col-md-7");
// $("#icon").addClass("col-md-2");
$("#navbar").removeClass(".navbar")
$("#navbar").css("float", "right");
}
if ($(window).width() < 768) {
$('#fullText').attr('style', 'display: none !important');
$('#halfText').attr('style', 'display: block !important');
}
else {
$('#halfText').attr('style', 'display: none !important');
$('#fullText').attr('style', 'display: block !important');
}
});
$("#icon").click(function () {
var username = '';
$("#myBtn").hide();
// var _opened = $("#icon-div").hasClass("offset-3 offset-sm-5 offset-md-6 offset-lg-8 offset-xl-8");
// if (_opened === true) {
// $("#icon-div").removeClass("offset-3 offset-sm-5 offset-md-6 offset-lg-8 offset-xl-8");
// }
var isMediumMobile = window.matchMedia("only screen and (max-width: 991px)");
if (isMediumMobile.matches) {
if (username != null && username != undefined && username != '') {
$("#icon-div").removeClass("ml-auto");
$("#icon-div").removeClass("col-md-3");
$("#icon-div").addClass("col-md-1");
$("#icon-div").removeClass("col-sm-4");
$("#icon-div").addClass("col-sm-1");
$("#icon-div").removeClass("col-6");
$("#icon-div").addClass("col-1");
}
else {
$("#icon-div").addClass("ml-auto");
$("#sps-Hamburger-logo").css("top", "1px");
$("#icon-div").removeClass("col-md-1");
$("#icon-div").addClass("col-md-3");
$("#icon-div").removeClass("col-sm-1");
$("#icon-div").addClass("col-sm-4");
$("#icon-div").removeClass("col-1");
$("#icon-div").addClass("col-6");
}
}
var isMobile = window.matchMedia("only screen and (max-width: 1023px)");
if (isMobile.matches) { // mobile devices
$("#sps-menu").hide();
$("#icon").hide();
$("#btncancel").hide();
$("#sps-logo").hide();
$("#sps-Hamburger-logo").hide();
$("#sps-Hamburger-logo").removeClass("d-flex");
$("#sps-arrow").show();
$('#stext').focus();
if (username != null && username != undefined && username != '') {
if (isLoggedIn != null && isLoggedIn != undefined && isLoggedIn != '' && isLoggedIn == '1') {
$("#rightIcons").show();
}
$("#icon-div").removeClass("ml-auto");
}
else {
$("#rightIcons").hide();
$("#icon-div").addClass("ml-auto");
}
}
else {
$("#sps-menu").show();
$("#icon").hide();
$("#btncancel").show();
$("#sps-logo").show();
$("#sps-Hamburger-logo").show();
$("#sps-Hamburger-logo").css("top", "1px");
$("#sps-Hamburger-logo").addClass("d-flex");
$("#sps-arrow").hide();
$('#stext').focus();
var username = '';
if (username != null && username != undefined && username != '') {
if (isLoggedIn != null && isLoggedIn != undefined && isLoggedIn != '' && isLoggedIn == '1') {
$("#rightIcons").show();
}
$("#icon-div").removeClass("ml-auto");
$("#icon-div").removeClass("col-xl-2");
$("#icon-div").addClass("col-xl-1");
$("#icon-div").removeClass("col-lg-3");
$("#icon-div").addClass("col-lg-1");
}
else {
$("#rightIcons").hide();
$("#icon-div").addClass("ml-auto");
$("#icon-div").removeClass("col-xl-1");
$("#icon-div").addClass("col-xl-2");
$("#icon-div").removeClass("col-lg-1");
$("#icon-div").addClass("col-lg-3");
}
}
});
$("#sps-arrow").click(function () {
SearchToBackControls();
showHideSigninOnActiveUserSession();
var username = '';
var isLoggedIn = '';
var isMediumMobile = window.matchMedia("only screen and (max-width: 991px)");
if (isMediumMobile.matches) {
if (username != null && username != undefined && username != '') {
$("#icon-div").addClass("ml-auto");
$("#icon-div").removeClass("col-md-1");
$("#icon-div").addClass("col-md-3");
$("#icon-div").removeClass("col-sm-1");
$("#icon-div").addClass("col-sm-4");
$("#icon-div").removeClass("col-1");
$("#icon-div").addClass("col-6");
}
else {
// $("#icon-div").removeClass("ml-auto");
// $("#icon-div").removeClass("col-md-3");
// $("#icon-div").addClass("col-md-1");
// $("#icon-div").removeClass("col-sm-4");
// $("#icon-div").addClass("col-sm-1");
// $("#icon-div").removeClass("col-6");
// $("#icon-div").addClass("col-2");
}
}
});
$("#btncancel").click(function () {
$("#sps-menu").show();
$("#icon").show();
$("#btncancel").hide();
showHideSigninOnActiveUserSession();
RespIconChangesOnClickOfCancelBtn();
});
});
function RespIconChangesOnClickOfCancelBtn() {
$("#sps-Hamburger-logo").css("top", "");
$("#icon-div").addClass("ml-auto");
$("#icon-div").removeClass("col-xl-1");
$("#icon-div").addClass("col-xl-2");
$("#icon-div").removeClass("col-lg-1");
$("#icon-div").addClass("col-lg-3");
}
function SearchToBackControls() {
$("#sps-menu").show();
//$("#stext").val("");
$("#icon").show();
$("#btncancel").hide();
$("#sps-logo").show();
$("#sps-Hamburger-logo").show();
$("#sps-Hamburger-logo").css("top", "");
$("#sps-Hamburger-logo").addClass("d-flex");
$("#sps-arrow").hide();
}
$(document).ready(function () {
$('.my-conv-form-wrapper').convform({selectInputStyle: 'disable'});
$('#stext').on('keyup keypress', function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
if (document.forms["searchForm"]["search"].value.trim() != "") {
$("#customSpinnerBorderLoading").show();
}
else {
e.preventDefault();
return false;
}
}
});
var isMobileLess768px = window.matchMedia("only screen and (max-width: 768px)");
if (isMobileLess768px.matches) {
$('#cardstyle').attr('style', 'display: block !important');
$('#fullText').attr('style', 'display: none !important');
$('#halfText').attr('style', 'display: block !important');
}
var isMobileMore768px = window.matchMedia("only screen and (min-width: 769px)");
if (isMobileMore768px.matches) {
$('#cardstyle').attr('style', 'display: block !important');
$('#halfText').attr('style', 'display: none !important');
$('#fullText').attr('style', 'display: block !important');
}
btn = $('.btn-overflow');
btn.click(function (e) {
e.stopPropagation();
var fullContent = document.getElementById("fullText");
var halfContent = document.getElementById("halfText");
if (fullContent.style.display === "none") {
fullContent.style.display = "block";
halfContent.style.display = "none";
btn.text("Show less");
} else {
fullContent.style.display = "none";
halfContent.style.display = "block";
btn.text("Show more");
}
});
});
function removesession() {
for (var i = 0; i < sessionStorage.length; i++) {
var key = sessionStorage.key(i);
sessionStorage.removeItem(key);
}
sessionStorage.removeItem("parentdiv");
}
function stickyNavbarOnMobileView() {
//debugger;
var isTabMobile = window.matchMedia("only screen and (max-width: 1023px)");
var top = $('#navbar').offset().top;
$(window).scroll(function (event) {
var y = $(this).scrollTop();
if (y >= top && isTabMobile.matches)
{ }
// $('#navbar').addClass('sticky'); need confirm
else
{ }
// $('#navbar').removeClass('sticky'); need confirm
//$('#navbar').width($('#navbar').parent().width());
});
}
function showHideSigninOnActiveUserSession() {
var username = '';
if (username != null && username != undefined && username != '') {
$("#myBtn").hide();
// var _opened = $("#icon-div").hasClass("offset-3 offset-sm-5 offset-md-6 offset-lg-8 offset-xl-8");
// if (_opened === false) {
// $("#icon-div").addClass("offset-3 offset-sm-5 offset-md-6 offset-lg-8 offset-xl-8");
// }
}
else {
$("#myBtn").show();
// var _opened = $("#icon-div").hasClass("offset-3 offset-sm-5 offset-md-6 offset-lg-8 offset-xl-8");
// if (_opened === true) {
// $("#icon-div").removeClass("offset-3 offset-sm-5 offset-md-6 offset-lg-8 offset-xl-8");
// }
}
}
function overlayNavbarInTabMobile() {
var isTabMobile = window.matchMedia("only screen and (max-width: 1023px)");
if (isTabMobile.matches) {
$("#navbar .container-fluid").addClass("overlayP");
$("#myNavbar").addClass("overlayC");
}
else {
$('#navbar .container-fluid').removeClass('overlayP');
$('#myNavbar').removeClass('overlayC');
}
}
function fontForIPhone5(e) {
var isMobile = window.matchMedia("only screen and (max-width: 360px)");
if (isMobile.matches && e == "large") {
$('#mainBody').css({ 'font-size': '13px' });
}
else if (isMobile.matches && e == "medium") {
$('#mainBody').css({ 'font-size': '12px' });
}
else if (isMobile.matches && e == "small") {
$('#mainBody').css({ 'font-size': '11px' });
//$('.size').attr('style', 'font-size: 1.8em !important');
}
}
function dropdownHover() {
$("#liFirmMenu").hover(function () {
$("#ulFirm.navbar-default-sub.dropdown-menu").show();
}, function () {
$("#ulFirm.navbar-default-sub.dropdown-menu").hide();
});
}
function FontSizeInLandscapeFromTabToLaptop(e) {
var isLaptopView = window.matchMedia("only screen and (min-width: 1024px)");
if (isLaptopView.matches && e == "large") {
$("#layout_html,body").css("font-size", "17px");
}
else if (isLaptopView.matches && e == "medium") {
$("#layout_html,body").css("font-size", "15px");
}
else if (isLaptopView.matches && e == "small") {
$("#layout_html,body").css("font-size", "13px");
}
// else { $("#layout_html,body").css("font-size", "13px"); }
}
function prependOrAppendWelcomeAboveButton() {
var isMobileViewForWelcome = window.matchMedia("only screen and (max-width: 767px)"); // and (orientation: portrait)
// var isMobileViewOnLandForWelcome = window.matchMedia("only screen and (max-width: 767px) and (orientation: landscape)");
if (isMobileViewForWelcome.matches) {
//$('#myNavbar').append($('div.leftnav'));
$('#userContainer').prepend($('#welcome'));
}
// else if (isMobileViewOnLandForWelcome.matches) {
// $('#userContainer').append($('#welcome'));
// }
else { $('#userContainer').append($('#welcome')); }
}
function removeDiffFontsForMobiles() {
var isOtherMobile = window.matchMedia("only screen and (max-width: 1023px)"); //window.matchMedia("only screen and (max-width: 768px)");
var isIPhone5 = window.matchMedia("only screen and (max-width: 360px)");
if (isIPhone5.matches) {
$('#small_font').hide();
$('#medium_font').hide();
$('#large_font').hide();
$('body').css('font-size', '11px');
}
else if (isOtherMobile.matches) {
$('#small_font').hide();
$('#medium_font').hide();
$('#large_font').hide();
$('body').css('font-size', '13px');
}
else {
$('#small_font').show();
$('#medium_font').show();
$('#large_font').show();
}
}
function appendSearchBox() {
var isMobile = window.matchMedia("only screen and (max-width: 1023px)"); //window.matchMedia("only screen and (max-width: 768px)");
if (isMobile.matches) {
$('#navbarLogo').append($('#searchBox'));
}
else {
$('#myNavbar').append($('#searchBox'));
}
}
$(document).click(function (event) {
var clickover = $(event.target);
var _opened = $(".navbar-collapse").hasClass("navbar-collapse overlayC zeroleft in");
//var _focusUl = $(".nav").hasClass("nav navbar-nav"); ;
//var _openedUlS = $(".navbar-collapse").hasClass("nav navbar-nav");
if (_opened === true && !clickover.hasClass("navbar-toggle") && !clickover.is("#searchtextbox") && !clickover.is("#SearchButton") && !clickover.is("a.dropdown-toggle.topmenu.dwnarrow.select") && !clickover.parent().is("div.leftnav")) {
$("button.navbar-toggle").click();
}
// var _openedProfileUpdate = $("#profile_menu").hasClass("show");
// if (_openedProfileUpdate === true && !clickover.is("#profile_update") && !clickover.is("#profile_menu") && !clickover.hasClass("pr_line") && !clickover.is('ul') && !clickover.is('li')) {
// $("div#profile_update").click();
// }
});
$(document).ready(function () {
$(".overlay").click(function () {
closeNav();
closeRightNav();
});
//debugger;
//stickyNavbarOnMobileView();
//overlayNavbarInTabMobile();
var isTabMobile = window.matchMedia("only screen and (max-width: 1023px)");
var isIPhone5 = window.matchMedia("only screen and (max-width: 360px)");
if (isIPhone5.matches) {
$('#mainBody').css({ 'font-size': '11px' });
}
if (!isTabMobile.matches) {
dropdownHover()
}
$("#large_font").click(function () {
localStorage.font = "large";
$("#layout_html,body").css("font-size", "17px");
$('.fbtncontainer').removeClass('select');
$("#large_font").addClass("select");
$("#mySidenav > a ").css("font-size", "17px");
$('.rightside a').css("font-size", "17px !important");
$("#modal-id").css("font-size", "17px");
$('.login-button-size').css("font-size", "17px");
$("#make_payment").removeClass("login-buttons");
// $("#signup").css("width", "105%");
var isIpadLandscape = window.matchMedia("only screen and (min-width: 1024px) and (max-width: 1300px)");
if (isIpadLandscape.matches) {
$(".button-size").attr('style', 'height: 80px !important');
}
$(".button-size").attr('style', 'height: 54px !important');
$('.eyeIcon-font').css('margin-bottom', '10px');
$('.separator').css('margin', '5px 0 0 0');
$(".navbar-nav > li > a").removeClass("a-padding-mediumFont");
$(".topmenu.dwnarrow").addClass("dwnarrow-medium-large-Font");
fontForIPhone5(localStorage.font);
// widthForLoginForm(localStorage.font);
$('.login-left-padding').attr('style', 'padding-left: 0px !important');
$('.login-left-padding').attr('style', 'text-align: left !important');
$(".login-right-padding").attr('style', 'padding-right: 0px !important');
$(".modal-body").attr('style', 'padding-top: 0px !important');
$('#eyeicon, #eyehideicon, #logineyeicon, #logineyehideicon').css('margin-top', '-33px');
$('#closeDisclaimer').css('margin-top', '-10px');
});
$("#medium_font").click(function () {
localStorage.font = "medium";
$("#layout_html,body").css("font-size", "15px");
$('.fbtncontainer').removeClass('select');
$("#medium_font").addClass("select");
$('.button-size').attr("style", "height: 48px !important");
$("#mySidenav > a").css("font-size", "15px");
$("#modal-id").css("font-size", "15px");
$('.login-button-size').css("font-size", "15px");
$("#rightSidenav > a").css("font-size", "15px");
$('.separator').css('margin', '5px 6px 0 6px');
$(".navbar-nav > li > a").addClass("a-padding-mediumFont");
$(".topmenu.dwnarrow").addClass("dwnarrow-medium-large-Font");
fontForIPhone5(localStorage.font);
//widthForLoginForm(localStorage.font);
$('#eyeicon, #eyehideicon, #logineyeicon, #logineyehideicon').css('margin-top', '-30px');
$('#closeDisclaimer').css('margin-top', '-6px');
});
$("#small_font").click(function () {
localStorage.font = "small";
$("#layout_html,body").css("font-size", "13px");
$('.fbtncontainer').removeClass('select');
$("#small_font").addClass("select");
$("#mySidenav > a").css("font-size", "13px");
$("#modal-id").css("font-size", "13px");
$("#rightSidenav > a").css("font-size", "13px");
$('.login-button-size').css("font-size", "13px");
$('.separator').css('margin', '5px 9px 0 9px');
$(".navbar-nav > li > a").removeClass("a-padding-mediumFont");
$(".topmenu.dwnarrow").removeClass("dwnarrow-medium-large-Font");
fontForIPhone5(localStorage.font);
//widthForLoginForm(localStorage.font);
$('.login-left-padding').attr('style', 'padding-left: 0px !important');
$('.login-left-padding').attr('style', 'text-align: left !important');
$(".login-right-padding").attr('style', 'padding-right: 0px !important');
$('.login-right-padding').attr('style', 'text-align: left !important');
$(".modal-body").attr('style', 'padding-top: 0px !important');
$('.button-size').attr("style", "height: 45px !important");
$('#eyeicon, #eyehideicon, #logineyeicon, #logineyehideicon').css('margin-top', '-26px');
$('#closeDisclaimer').css('margin-top', '-2px');
});
if (localStorage.font) {
if (localStorage.font == "small") {
$('.fbtncontainer').removeClass('select');
$("#small_font").addClass("select");
FontSizeInLandscapeFromTabToLaptop(localStorage.font);
$('.separator').css('margin', '5px 9px 0 9px');
$(".navbar-nav > li > a").removeClass("a-padding-mediumFont");
$(".topmenu.dwnarrow").removeClass("dwnarrow-medium-large-Font");
fontForIPhone5(localStorage.font);
// widthForLoginForm(localStorage.font);
$('.login-left-padding').attr('style', 'padding-left: 0px !important');
$('.login-left-padding').attr('style', 'text-align: left !important');
$(".login-right-padding").attr('style', 'padding-right: 0px !important');
$('.login-right-padding').attr('style', 'text-align: left !important');
$(".modal-body").attr('style', 'padding-top: 0px !important');
$('.button-size').attr("style", "height: 45px !important");
$('#eyeicon, #eyehideicon, #logineyeicon, #logineyehideicon').css('margin-top', '-26px');
$('#closeDisclaimer').css('margin-top', '-2px');
}
else if (localStorage.font == "medium") {
$('.fbtncontainer').removeClass('select');
$("#medium_font").addClass("select");
//530642 -- .button-size') not found
$('.button-size').attr("style", "height: 48px !important");
FontSizeInLandscapeFromTabToLaptop(localStorage.font);
$('.separator').css('margin', '5px 6px 0 6px');
$(".navbar-nav > li > a").addClass("a-padding-mediumFont");
$(".topmenu.dwnarrow").addClass("dwnarrow-medium-large-Font");
fontForIPhone5(localStorage.font);
// widthForLoginForm(localStorage.font);
$('#eyeicon, #eyehideicon, #logineyeicon, #logineyehideicon').css('margin-top', '-30px');
$('#closeDisclaimer').css('margin-top', '-6px');
}
else if (localStorage.font == "large") {
$('.fbtncontainer').removeClass('select');
$("#large_font").addClass("select");
var isIpadLandscape = window.matchMedia("only screen and (min-width: 1024px) and (max-width: 1300px)");
if (isIpadLandscape.matches) {
$(".button-size").attr('style', 'height: 80px !important');
}
$('.button-size').attr("style", "height: 54px !important");
FontSizeInLandscapeFromTabToLaptop(localStorage.font);
$('.separator').css('margin', '5px 0 0 0');
$(".navbar-nav > li > a").removeClass("a-padding-mediumFont");
$(".topmenu.dwnarrow").addClass("dwnarrow-medium-large-Font");
fontForIPhone5(localStorage.font);
//widthForLoginForm(localStorage.font);
$('.login-left-padding').attr('style', 'padding-left: 0px !important');
$('.login-left-padding').attr('style', 'text-align: left !important');
$(".login-right-padding").attr('style', 'padding-right: 0px !important');
$(".modal-body").attr('style', 'padding-top: 0px !important');
//$(".toggle-password").attr('style', 'margin-top: -32px !important');
$('#eyeicon, #eyehideicon, #logineyeicon, #logineyehideicon').css('margin-top', '-33px');
$('#closeDisclaimer').css('margin-top', '-10px');
}
}
else {
localStorage.font = "small";
}
$("#logobtn").click(function () {
removesession();
});
$("#navbar").click(function (event) {
var clickover = $(event.target);
var _opened = $(".navbar-collapse").hasClass("navbar-collapse overlayC zeroleft in");
//var _focusUl = $(".nav").hasClass("nav navbar-nav");
//var _openedUlS = $(".navbar-collapse").hasClass("nav navbar-nav");
if (_opened === true && !clickover.hasClass("navbar-toggle") && !clickover.is("#searchtextbox") && !clickover.is("#SearchButton") && !clickover.is("a.dropdown-toggle.topmenu.dwnarrow.select") && !clickover.parent().is("div.leftnav")) {
$("button.navbar-toggle").click();
}
});
//prependOrAppendWelcomeAboveButton();
$("button.navbar-toggle").click(function (event) {
var parentClass = $("#myNavbar").hasClass("overlayC minusleft");
if (parentClass) {
$("#myNavbar").removeClass("minusleft");
$("#myNavbar").addClass("zeroleft");
$("#myNavbar").css("transition-timing-function", "linear");
}
else {
$("#myNavbar").removeClass("zeroleft");
$("#myNavbar").addClass("minusleft");
$("#myNavbar").css("transition-timing-function", "linear");
}
});
//fontForIPhone5(localStorage.font);
removeDiffFontsForMobiles();
// appendSearchBox();
});
$(window).resize(function () {
//alert('I am Resizing');
stickyNavbarOnMobileView();
overlayNavbarInTabMobile();
fontForIPhone5(localStorage.font);
// prependOrAppendWelcomeAboveButton();
removeDiffFontsForMobiles();
//appendSearchBox();
//widthForLoginForm(localStorage.font);
FontSizeInLandscapeFromTabToLaptop(localStorage.font);
//showHideSigninOnActiveUserSession();
if ($('#sps-search').is(':visible')) {
$("#myBtn").hide();
}
else {
showHideSigninOnActiveUserSession();
//$("#myBtn").show();
}
});
$(document).ready(function () {
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName = navigator.appName;
var fullVersion = '' + parseFloat(navigator.appVersion);
var majorVersion = parseInt(navigator.appVersion, 10);
var nameOffset, verOffset, ix;
if (window.matchMedia("only screen and (min-width: 1000px)")) {
//alert('I am exceed 1000px');
if ((verOffset = nAgt.indexOf("MSIE")) != -1) {
browserName = "Microsoft Internet Explorer";
//$('.header-menu').css('padding-left', '29% !important');
}
// In Chrome, the true version is after "Chrome"
else if ((verOffset = nAgt.indexOf("Chrome")) != -1) {
browserName = "Chrome";
//$('.header-menu').css('padding-left', '35% !important');
} else { // IE if first condition is not working then default condition will apply
//$('.header-menu').css('padding-left', '29% !important');
}
}
// trim the fullVersion string at semicolon/space if present
// if ((ix = fullVersion.indexOf(";")) != -1)
// fullVersion = fullVersion.substring(0, ix);
// if ((ix = fullVersion.indexOf(" ")) != -1)
// fullVersion = fullVersion.substring(0, ix);
// majorVersion = parseInt('' + fullVersion, 10);
// if (isNaN(majorVersion)) {
// fullVersion = '' + parseFloat(navigator.appVersion);
// majorVersion = parseInt(navigator.appVersion, 10);
// }
// alert(''
// + 'Browser name = ' + browserName + '<br>'
// + 'Full version = ' + fullVersion + '<br>'
// + 'Major version = ' + majorVersion + '<br>'
// + 'navigator.appName = ' + navigator.appName + '<br>'
// + 'navigator.userAgent = ' + navigator.userAgent + '<br>');
});
function openNav() {
var isDesktopView = window.matchMedia("only screen and (min-width: 768px)");
if (isDesktopView.matches) {
document.getElementById("mySidenav").style.width = "318px";
}
else
{ document.getElementById("mySidenav").style.width = "281px"; }
$('#mySidenav').addClass('active');
$('.overlay').addClass('active');
// document.getElementById("main").style.marginLeft = "200px";
//document.body.style.backgroundColor = "rgba(0,0,0,0.4)";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
$('#mySidenav').removeClass('active');
$('.overlay').removeClass('active');
// document.getElementById("main").style.marginLeft = "0";
}
$(document).keydown(function (e) {
if (e.keyCode == 27) { // Esc key click search textbox controls back to normal
SearchToBackControls();
closeNav();
closeRightNav();
showHideSigninOnActiveUserSession();
RespIconChangesOnClickOfCancelBtn();
}
});
$(document).mouseup(function (e) {
var container = $("#logoGrid"); // Anywhere outside of 'logogrid' click search textbox controls back to normal
// if the target of the click isn't the container nor a descendant of the container
if (!container.is(e.target) && container.has(e.target).length === 0) {
SearchToBackControls();
showHideSigninOnActiveUserSession();
// closeNav();
// closeRightNav();
//}
var username = '';
var isMediumMobile = window.matchMedia("only screen and (max-width: 991px)");
if (isMediumMobile.matches) {
if (username != null && username != undefined && username != '') {
$("#icon-div").addClass("ml-auto");
$("#icon-div").removeClass("col-md-1");
$("#icon-div").addClass("col-md-3");
$("#icon-div").removeClass("col-sm-1");
$("#icon-div").addClass("col-sm-4");
$("#icon-div").removeClass("col-1");
$("#icon-div").addClass("col-6");
}
else {
// $("#icon-div").removeClass("ml-auto");
// $("#icon-div").removeClass("col-md-3");
// $("#icon-div").addClass("col-md-1");
// $("#icon-div").removeClass("col-sm-4");
// $("#icon-div").addClass("col-sm-1");
// $("#icon-div").removeClass("col-6");
// $("#icon-div").addClass("col-2");
}
}
else {
RespIconChangesOnClickOfCancelBtn();
}
}
});
function openRightNav() {
document.getElementById("rightSidenav").style.width = "270px";
$('#rightSidenav').addClass('active');
$('.overlay').addClass('active');
}
function closeRightNav() {
document.getElementById("rightSidenav").style.width = "0";
$('#rightSidenav').removeClass('active');
$('.overlay').removeClass('active');
}
function close_Chatbot() {
}
</script>
<noscript id="NoScriptMessage">
Your web browser doesn't support JavaScript or JavaScript is disabled. Please enable
JavaScript in your browser settings so page can function correctly.
</noscript>
<style type="text/css">
#messages {
padding: 5px;
}
.conv-form-wrapper textarea {
height: 30px;
overflow: hidden1;
resize: none;
}
.hidden1 {
display: none !important;
}
.headerToggle {
background-color: White;
}
a:hover {
color: white;
}
navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
color: white !important;
}
.navbar-style {
font-family: Arial; /*font-size: 12px;*/
color: White;
}
.content-background {
background-repeat: repeat-x, repeat; /*height:600px;*/
}
.content-body {
background-color: aqua; /*height: 600px;*/
}
#overlay {
position: absolute !important;
display: block !important;
width: 100%;
height: 0 !important;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
z-index: 2;
cursor: pointer;
}
#text {
position: absolute;
top: 50%;
left: 50%; /*font-size: 50px; praps*/
color: white;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.col {
display: table-cell;
padding: 16px;
}
#tollNumber:before {
padding-left: -5px;
content: '|';
position: absolute;
left: -10px;
z-index: 1;
color: #ffffff;
}
.navbar-nav > li > a {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.navbar-toggle {
padding: 5px 0px;
border-color: transparent !important;
background-color: transparent !important;
}
#SearchButton.SearchButtonhover {
border-radius: 0px 5px 5px 0px !important;
}
#SearchButton.SearchButton {
border-radius: 10px !important;
}
.headerFontStyle {
font-family: 'Lato Regular', sans-serif !important; /*font-size: 16px; praps*/
color: White;
padding-left: 20px;
}
a:link {
text-decoration: none !important;
}
/* mouse over link */
a:hover {
/*font-weight: bold !important;*/
text-decoration: underline !important;
}
.has-search .form-control {
padding-left: 2.375rem;
}
.has-search .form-control-feedback {
position: absolute;
z-index: 2;
display: block;
width: 2.375rem;
height: 2.375rem;
line-height: 2.375rem;
text-align: center;
pointer-events: none;
color: #aaa;
}
</style>
<div id="outerGrid">
<div id="topGrid" class="row">
<div class="col-md-12">
<div style="position: relative; display: inline; cursor: pointer; padding-right: 10px;">
<span class="topbarSeparator img">
<button id="imgCoBrowsing1" style="background-color: transparent; border: none" ll_onclickhanlderexist="true">
<img id="cobrowsing" src="../../Images/Co-BrowsingIcon.png" alt="Audio Button" style="outline: none;
border: 0; height: 18px; margin-right: -5px; margin-top: 1px; width: 18px;">
</button>
</span><span class="topbarSeparator img">
<a href="/StaticDetails/ContactUs">
<img src="../../Images/508compliance.png" alt="Audio Button" style="width: 17px;">
</a>
</span><span class="topbarSeparator img">
<a href="/StaticDetails/Help">
<img src="../../Images/help.png" alt="Help Button">
</a>
</span><span class="fbtncontainer small select" id="small_font" style="padding: 3px 3px 3px 5px; display: none;">A </span><span class="fbtncontainer medium unselect" id="medium_font" style="padding-right: 0px; display: none;">A </span><span class="fbtncontainer large unselect" id="large_font" style="display: none;">A </span>
</div>
<div id="tollNumber" class="tollNumber" style="padding-right: 0px; display: inline-flex;">
Toll Free: 1-800-258-8602
</div>
</div>
</div>
<div id="logoGrid" class="row" style="background-color: rgb(30, 34, 83); text-align: left;">
<div id="sps-Hamburger-logo" class="col-6 col-sm-5 col-md-4 col-lg-3 col-xl-3 d-flex logout padding-right-0 align-self-center" style="padding-left: 25px;">
<div id="sps-menu" onclick="openNav()" class="logout padding-right-0 align-items-center align-self-center" style="margin-right: 10px;">
<nav id="navbar" class="navbar navbar-dark ml-auto">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbars" style="padding:0px; border: 0px;" id="btnMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="sr-only">Button to open Collapsible left side menu</span>
</button>
</nav>
</div>
<div id="sps-logo" class="align-self-center">
<a href="/">
<img class="img-fluid logo-size" id="logo" src="../../Images/SPSLogoWhite.png" alt="SPS Logo">
</a>
</div>
</div>
<div id="sps-arrow" class="col-1 col-sm-1 col-md-1 align-self-center" style="text-align: right;
color: white; padding-right: 0px; cursor: pointer;">
<svg width="2.5em" height="2.5em" viewBox="0 0 16 16" class="bi bi-arrow-left" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-original-title="" title="">
<path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"></path>
</svg>
</div>
<div id="icon-div" class="ml-auto col-6 col-sm-4 col-md-3 col-lg-3 col-xl-2 sps-pad-left-0 align-self-center text-right" style="padding-left: 0px;">
<a class="text-white divider text-decoration-none logout sps-pad-right-0 align-self-center icon-margin-right" style="cursor: pointer; font-weight: bold; font-size: 1.2em;" id="myBtn">
<svg width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-box-arrow-in-right text-white pos-absolute" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-original-title="" title="">
<path fill-rule="evenodd" d="M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2z"></path>
<path fill-rule="evenodd" d="M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z"></path>
</svg>
SIGN IN
</a>
<svg id="rightIcons" style="display: none; margin-right: 10px; cursor: pointer;" width="2em" height="2em" viewBox="0 0 16 16" class="bi bi-person-circle text-white" fill="currentColor" xmlns="http://www.w3.org/2000/svg" onclick="openRightNav()" data-original-title="" title="">
<path d="M13.468 12.37C12.758 11.226 11.195 10 8 10s-4.757 1.225-5.468 2.37A6.987 6.987 0 0 0 8 15a6.987 6.987 0 0 0 5.468-2.63z"></path>
<path fill-rule="evenodd" d="M8 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6z"></path>
<path fill-rule="evenodd" d="M8 1a7 7 0 1 0 0 14A7 7 0 0 0 8 1zM0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8z"></path>
</svg>
</div>
</div>
</div>
<div id="customSpinnerBorderLoading" class="justify-content-center customSpinnerBorderWrapper">
<div class="spinner-border customSpinnerBorder loading" role="status" id="customSpinnerBorderId">
<span class="sr-only">Loading...</span>
</div>
</div>
<div class="chatbox" style="text-align:left;">
<div class="chatbox__header">
<h4 class="chatbox__heading--header" style="color:white;font-size:1.1rem;">Chat support</h4>
<a href="javascript:void(0)" onclick="minimize_Chatbot()"><img src="/Images/minimize_btn1.png" alt="Minimize" <="" a="">
</a><a id="btnchat_close" href="javascript:void(0)" class="closebtn ml-auto noStyles" style="font-size:21px;" onclick="close_Chatbot()" alt="Close">×</a>
</div>
<div id="chat" class="conv-form-wrapper">
<form action="" method="GET" class="hidden1" style="display: none;">
</form>
<div class="wrapper-messages"><div class="spinLoader "></div><div id="messages"></div></div><form id="convForm" class="convFormDynamic"><div class="options dragscroll"></div><textarea title="TextBox" id="userInput1" rows="1" placeholder="Type Here" class="userInputDynamic" style="overflow: hidden; overflow-wrap: break-word; height: 29px;"></textarea><img src="/Images/send_button.png" alt="Send" type="submit" id="submitBtn" class="submit"><span class="clear"></span></form></div>
</div>
<div class="chatFloatIcon" style="display: none;">
<button id="imgChatBotIcon" style="background-color: transparent; border: none">
<img id="chatbotFloatIcon" src="/Images/chatIcon_float.png" alt="ChatBot Icon">
</button>
</div>
</header>
</div>
<div id="mainGrid" class="clearfix mb-4" style="min-height:56vh;">
<div id="renderGrid2">
<style>
.text-left {
text-align: left;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$('#imgGooglePlayBadge').tooltip();
$("#CloseModalsBadge").click(function () {
$("#ExternalLinkDisclaimerBadge").modal("hide");
});
$("#AcceptDisclaimerBadge").click(function () {
$("#ExternalLinkDisclaimerBadge").modal("hide");
window.open('https://play.google.com/store/apps/details?id=com.sps.servicing', '_blank', 'noopener,noreferrer');
});
$("#AcceptDisclaimerBadge1").click(function () {
$("#ExternalLinkDisclaimerBadge").modal("hide");
window.open('https://itunes.apple.com/us/app/my-sps/id1457561993?ls=1&mt=8', '_blank', 'noopener,noreferrer');
});
});
function OpenExternalDisclaimerBadge(id) {
if (id == 'imgGooglePlayBadgeLink') {
$('#AcceptDisclaimerBadge1').hide();
$('#AcceptDisclaimerBadge').show();
} else if (id == 'imgAppleStoreBadgeLink') {
$('#AcceptDisclaimerBadge').hide();
$('#AcceptDisclaimerBadge1').show();
}
$("#ExternalLinkDisclaimerBadge").modal("show");
}
</script>
<noscript class="offscreen">
Your web browser doesn't support JavaScript or JavaScript is disabled. Please enable
JavaScript in your browser settings so page can function correctly.
</noscript>
<div class="container-fluid" style="max-width: 100%; padding-top: 80px; padding-right: 0px;
background-color: rgb(30, 34, 83);">
<div class="row" style="padding-top: 20px; background-color: rgb(30, 34, 83);">
<div class="col-md-12 text-white" style="text-align: center; font-family: 'Lato Regular', sans-serif !important;">
<h4>
Natural Disaster Assistance Information please <a style="text-decoration: underline !important;
color: rgb(111, 144, 184) !important; font-family: 'Lato Regular', sans-serif !important;" href="/Disclaimers/DisasterAssistanceInformation.html">click here</a>
</h4>
</div>
</div>
<div class="row" style="padding-top: 10px; padding-bottom: 20px; background-color: rgb(30, 34, 83);
margin-bottom: -1px;">
<div class="col-md-12" style="text-align: center;">
<h2 class="headertext-size">
<span style="color: rgb(111, 144, 184) !important; font-family: Lato Bold">WE </span>
<span style="color: rgb(255, 255, 255) !important; font-family: Lato Bold">
ARE HERE
FOR
</span><span style="color: rgb(111, 144, 184) !important; font-family: Lato Bold">
YOU
</span>
</h2>
</div>
</div>
</div>
<div id="cardstyle" class="row" style="display: block !important">
<div class="col-md-12">
<div class="card" style="background-color: #FFFFFF; width: 100%; border-radius: 20px;">
<div class="card-body text-left" style="padding-top: 8px; background-color: rgb(192, 192, 192) !important;
border-radius: 20px;">
<div id="halfText" class="text-overflow" style="display: none !important">
<div class="comment more" x-ms-format-detection="none">
Select Portfolio Servicing, Inc.’s website has scheduled ma<span class="moreellipses">... </span><span class="morecontent"><span>intenance planned from 2:00 PM Eastern Time on Saturday, November 9th through 12:00 PM Eastern Time on Sunday, November 10th. You may experience issues while accessing the website during this time. We apologize for any inconvenience this may cause.
</span> <a href="" class="morelink">more</a></span></div>
<div class="comment more" x-ms-format-detection="none">
If you have been affected by a natural disaster, we are her<span class="moreellipses">... </span><span class="morecontent"><span>e to help. We recommend that you first file a claim with your insurance company, then call us at 888.818.6032 so we can assist you.
</span> <a href="" class="morelink">more</a></span></div>
<div class="comment more" x-ms-format-detection="none">
Avoid postal delays by signing up for paperless communicati<span class="moreellipses">... </span><span class="morecontent"><span>on.
</span> <a href="" class="morelink">more</a></span></div>
</div>
<div id="fullText" class="text-overflow" style="display: block !important">
<div class="row" x-ms-format-detection="none">
<div id="newsColumn" class="col-md-12">
<div class="marquee">
<div class="para">
Select Portfolio Servicing, Inc.’s website has scheduled maintenance planned from 2:00 PM Eastern Time on Saturday, November 9th through 12:00 PM Eastern Time on Sunday, November 10th. You may experience issues while accessing the website during this time. We apologize for any inconvenience this may cause.
</div>
<div class="para">
If you have been affected by a natural disaster, we are here to help. We recommend that you first file a claim with your insurance company, then call us at 888.818.6032 so we can assist you.
</div>
<div class="para">
Avoid postal delays by signing up for paperless communication.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" style="padding-top: 40px; background-color: White !important">
<div class="col-lg-3 col-md-6 col-sm-6 col-6" style="display: inline;">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 111 81.95" data-original-title="" title="">
<defs>
<style>.cls-10{fill:none;}.cls-10,.cls-20{stroke:#1e2253;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;}.cls-20{fill:#fff;}</style>
</defs>
<title>Make a Payment</title>
<polyline class="cls-10" points="82.94 26.92 109.5 26.92 109.5 80.45 1.5 80.45 1.5 26.92 65.13 26.92"></polyline>
<line class="cls-10" x1="7.98" y1="35.82" x2="34.59" y2="35.82"></line>
<line class="cls-10" x1="7.98" y1="42.01" x2="34.59" y2="42.01"></line>
<line class="cls-10" x1="7.98" y1="48.21" x2="18.95" y2="48.21"></line>
<line class="cls-10" x1="7.98" y1="61.39" x2="101" y2="61.39"></line>
<line class="cls-10" x1="101" y1="72.84" x2="60.22" y2="72.84"></line>
<line class="cls-10" x1="102.29" y1="35.82" x2="102.29" y2="38.98"></line>
<line class="cls-10" x1="96.98" y1="35.82" x2="96.98" y2="38.98"></line>
<line class="cls-10" x1="91.67" y1="35.82" x2="91.67" y2="38.98"></line>
<path class="cls-10" d="M-346.87-105.55l3.18-2.45a2,2,0,0,1,2.72.35l2.28,3A1.94,1.94,0,0,1-339-102l-3.19,2.45" transform="translate(444.1 109.9)"></path>
<line class="cls-10" x1="88.34" y1="22.69" x2="52.87" y2="50"></line>
<line class="cls-10" x1="46.33" y1="41.5" x2="85.97" y2="10.98"></line>
<line class="cls-10" x1="37" y1="55.45" x2="52.87" y2="50"></line>
<line class="cls-10" x1="46.33" y1="41.5" x2="37" y2="55.45"></line>
<line class="cls-20" x1="85.27" y1="30.88" x2="102.96" y2="17.26"></line>
<path class="cls-10" d="M-394.85-70.65a9.09,9.09,0,0,0,6.54,8.5" transform="translate(444.1 109.9)"></path>
<line class="cls-10" x1="37" y1="55.45" x2="34.51" y2="57.36"></line>
<path class="cls-10" d="M-341.49-98.2l-6.54-8.49s-7.1,1.36-10.06,7.74l2.33,11.74S-343.82-92-341.49-98.2Z" transform="translate(444.1 109.9)"></path>
<line class="cls-10" x1="97.53" y1="17.59" x2="99.39" y2="20"></line>
</svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/MakeAPayment'">
MAKE A PAYMENT
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 109 77.71" data-original-title="" title=""><defs><style>.cls-dashboardicn{fill:#1e2253!important;stroke:#1e2253;stroke-miterlimit:10;}</style></defs><title>Customer Dashboard</title><path class="cls-dashboardicn" d="M114.69-142.73h-98a5,5,0,0,1-5-5v-66.76a5,5,0,0,1,5-5h98.05a5,5,0,0,1,5,5v66.76A5,5,0,0,1,114.69-142.73Zm-98-74.39A2.65,2.65,0,0,0,14-214.47v66.76A2.66,2.66,0,0,0,16.64-145h98.05a2.66,2.66,0,0,0,2.66-2.66v-66.76a2.66,2.66,0,0,0-2.66-2.65Z" transform="translate(-11.17 219.95)"></path><path class="cls-dashboardicn" d="M60.88-188.22a2.82,2.82,0,0,0,2.82,2.82,2.82,2.82,0,0,0,2.83-2.82,22.74,22.74,0,0,0-1.79-8.89,22.51,22.51,0,0,0-3.06-5.18l-3.52,4.8A17.11,17.11,0,0,1,60.88-188.22Z" transform="translate(-11.17 219.95)"></path><path class="cls-dashboardicn" d="M52.61-209.24A22.74,22.74,0,0,0,43.72-211a22.69,22.69,0,0,0-8.88,1.79,22.8,22.8,0,0,0-7.25,4.89,22.78,22.78,0,0,0-4.88,7.24,22.74,22.74,0,0,0-1.79,8.89,2.82,2.82,0,0,0,2.82,2.82,2.82,2.82,0,0,0,2.83-2.82,17.18,17.18,0,0,1,17.15-17.16,17.08,17.08,0,0,1,8.44,2.22l4.6-3.79A22.94,22.94,0,0,0,52.61-209.24Z" transform="translate(-11.17 219.95)"></path><path class="cls-dashboardicn" d="M58.64-205.48l-4.46,3.67L40.92-190.88a4,4,0,0,0-.67.7,3.91,3.91,0,0,0,.84,5.45,3.86,3.86,0,0,0,2.3.75,3.88,3.88,0,0,0,3.14-1.59L56.7-199.43l3.42-4.66L65-210.7Z" transform="translate(-11.17 219.95)"></path><rect class="cls-dashboardicn" x="56.68" y="67.86" width="45.77" height="2.36"></rect><rect class="cls-dashboardicn" x="60.58" y="58.59" width="6.62" height="9.27"></rect><rect class="cls-dashboardicn" x="71.03" y="50.34" width="6.62" height="17.52"></rect><rect class="cls-dashboardicn" x="81.48" y="61.97" width="6.62" height="5.89"></rect><rect class="cls-dashboardicn" x="91.93" y="46.52" width="6.62" height="21.34"></rect><path class="cls-dashboardicn" d="M112.64-209.18H82.13a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h30.51a1,1,0,0,0,1-1h0A1,1,0,0,0,112.64-209.18Z" transform="translate(-11.17 219.95)"></path><path class="cls-dashboardicn" d="M112.64-202.18H82.13a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h30.51a1,1,0,0,0,1-1h0A1,1,0,0,0,112.64-202.18Z" transform="translate(-11.17 219.95)"></path><path class="cls-dashboardicn" d="M112.64-195.17H82.13a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h30.51a1,1,0,0,0,1-1h0A1,1,0,0,0,112.64-195.17Z" transform="translate(-11.17 219.95)"></path><rect class="cls-dashboardicn" x="27.19" y="-153.75" width="31.03" height="2.9" rx="1.45" transform="translate(74.23 -84.66) rotate(180)"></rect><rect class="cls-dashboardicn" x="27.19" y="-162.29" width="31.03" height="2.9" rx="1.45" transform="translate(74.23 -101.74) rotate(-180)"></rect><rect class="cls-dashboardicn" x="27.19" y="-170.83" width="31.03" height="2.9" rx="1.45" transform="translate(74.23 -118.82) rotate(-180)"></rect><path class="cls-dashboardicn" d="M112.64-188.17H82.13a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h30.51a1,1,0,0,0,1-1h0A1,1,0,0,0,112.64-188.17Z" transform="translate(-11.17 219.95)"></path><circle class="cls-dashboardicn" cx="11.12" cy="67.64" r="2.68"></circle><circle class="cls-dashboardicn" cx="11.12" cy="59.1" r="2.68"></circle><circle class="cls-dashboardicn" cx="11.12" cy="50.56" r="2.68"></circle></svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/CustomerDashboard'">
CUSTOMER DASHBOARD
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 76.48" data-original-title="" title="">
<defs>
<style>.cls-12,.cls-22{fill:none;stroke:#1e2253;stroke-width:4px;}.cls-12{stroke-linejoin:round;}.cls-22{stroke-miterlimit:10;}</style>
</defs>
<title>New To SPS</title>
<line class="cls-12" x1="2" y1="56.73" x2="56.16" y2="56.73"></line>
<line class="cls-12" x1="26.38" y1="71.69" x2="54.69" y2="71.69"></line>
<path class="cls-12" d="M74.21-93.21H14.33a3.64,3.64,0,0,0-3.64,3.64v50.35a3.64,3.64,0,0,0,3.64,3.64H43.67v5.38" transform="translate(-8.69 101.46)"></path>
<path class="cls-22" d="M76-84.46a15,15,0,0,0,15,15,15,15,0,0,0,15-15,15,15,0,0,0-15-15A15,15,0,0,0,76-84.46Z" transform="translate(-8.69 101.46)"></path>
<path class="cls-22" d="M63.37-25V-41a5.39,5.39,0,0,1,5.4-5.39h44.52a5.39,5.39,0,0,1,5.4,5.39V-25" transform="translate(-8.69 101.46)"></path>
<path class="cls-22" d="M115.85-45.74v-2.34c0-10.81-11.11-15.79-24.82-15.79s-24.82,5-24.82,15.79v2.34" transform="translate(-8.69 101.46)"></path>
</svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/NewToSPS'">
NEW TO SPS
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 80.09" data-original-title="" title="">
<defs>
<style>.cls-13{fill:#1e2253;}</style>
</defs>
<title>Request Assistance</title>
<path class="cls-13" d="M-238.2-20.7a7,7,0,0,1-4.22-1.4,7.17,7.17,0,0,1-1.49-10l.47-.69c1.1-1.62,2.47-3.63,4.45-3.93a7.88,7.88,0,0,1,6.26,2c3,3.23,2.49,8.22.32,11.17a7.08,7.08,0,0,1-4.7,2.81A8.11,8.11,0,0,1-238.2-20.7Zm-.12-12.08a10.72,10.72,0,0,0-1.81,2.24c-.21.31-.4.59-.57.82a3.17,3.17,0,0,0,.66,4.41,3.09,3.09,0,0,0,2.34.57A3.11,3.11,0,0,0-235.63-26c1.19-1.62,1.46-4.46-.05-6.1A3.94,3.94,0,0,0-238.32-32.78Zm0,0Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-248-24.89a7.08,7.08,0,0,1-4.23-1.39,7.17,7.17,0,0,1-1.49-10l4.42-6a7.06,7.06,0,0,1,4.7-2.8h0a7.19,7.19,0,0,1,5.31,1.31,7.16,7.16,0,0,1,1.49,10l-4.43,6A7.09,7.09,0,0,1-246.9-25,7.85,7.85,0,0,1-248-24.89Zm4-16.26A3.11,3.11,0,0,0-246-39.93l-4.44,6a3.18,3.18,0,0,0,.66,4.43,3.21,3.21,0,0,0,2.34.57,3.16,3.16,0,0,0,2.07-1.23l4.43-6a3.17,3.17,0,0,0-.66-4.42,3.14,3.14,0,0,0-2.34-.57Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-263.95-38.08a7.12,7.12,0,0,1-4.23-1.39,7.18,7.18,0,0,1-1.49-10l4.43-6a7.06,7.06,0,0,1,4.7-2.8h0a7.13,7.13,0,0,1,5.31,1.3,7.16,7.16,0,0,1,1.49,10l-4.43,6a7.07,7.07,0,0,1-4.69,2.8A6.67,6.67,0,0,1-263.95-38.08Zm4.49-16.29a2.77,2.77,0,0,0-.49,0h0A3.13,3.13,0,0,0-262-53.11l-4.43,6a3.16,3.16,0,0,0,.66,4.42,3.12,3.12,0,0,0,2.33.57,3.1,3.1,0,0,0,2.07-1.23l4.43-6a3.17,3.17,0,0,0-.65-4.42A3.14,3.14,0,0,0-259.46-54.37Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-257.7-29a7,7,0,0,1-4.22-1.4,7.16,7.16,0,0,1-1.5-10l8.8-12.2a7.11,7.11,0,0,1,4.71-2.81,7.1,7.1,0,0,1,5.31,1.3,7.16,7.16,0,0,1,1.49,10l-8.79,12.19A7.07,7.07,0,0,1-256.61-29,6.77,6.77,0,0,1-257.7-29Zm8.88-22.5a2.81,2.81,0,0,0-.5,0h0a3.13,3.13,0,0,0-2.07,1.22L-260.19-38a3.18,3.18,0,0,0,.65,4.44,3.07,3.07,0,0,0,2.33.57,3.11,3.11,0,0,0,2.08-1.23l8.79-12.19a3.17,3.17,0,0,0-.64-4.44A3.11,3.11,0,0,0-248.82-51.46Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-194.5-39a7,7,0,0,1-3.9-1.17c-1-.66-19-13.09-19-13.09l2.28-3.29s17.89,12.39,18.89,13a3.1,3.1,0,0,0,3.9-.4,3.13,3.13,0,0,0,.91-2.2,3.14,3.14,0,0,0-1.43-2.51l-24.27-16.72,2.27-3.29,24.26,16.71a7.11,7.11,0,0,1,3.17,5.81,7,7,0,0,1-2.08,5A7.08,7.08,0,0,1-194.5-39Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-206-61.45a18.57,18.57,0,0,1-9.9-3l-11.75-8.65a1.5,1.5,0,0,0-1.18-.27,1.53,1.53,0,0,0-1,.68l-2.6,4.07c-4,6.25-10.27,8.7-16,6.25a5.3,5.3,0,0,1-3.43-3.71c-.6-2.78,1.58-5.26,1.83-5.53l8.71-11.69a12.49,12.49,0,0,1,9.49-4.79c.41-.06,13.52-1.33,30.58,3.88,2.94-1.75,14-8.56,22-16.41l2.8,2.85c-9.65,9.46-23,17.15-23.53,17.47l-.76.44-.84-.27c-16.63-5.25-29.83-4-30-4a8.57,8.57,0,0,0-6.57,3.23L-247-69.12A3.43,3.43,0,0,0-248-67c.09.4.8.74,1.1.87,4.66,2,8.77-1.13,11.06-4.72l2.6-4.07a5.55,5.55,0,0,1,3.64-2.46,5.55,5.55,0,0,1,4.28,1l11.7,8.61c.25.17,7.76,5.15,13.81.08l2.57,3.06A13.35,13.35,0,0,1-206-61.45Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-198.82-29a7,7,0,0,1-3.9-1.17c-1-.66-19.94-13.77-19.94-13.77l2.28-3.29s18.86,13.07,19.86,13.73a3.13,3.13,0,0,0,3.91-.4,3.83,3.83,0,0,0,1-2.52,3.22,3.22,0,0,0-.82-2.38l-17.23-11.88,2.27-3.29,17.51,12.11A7.78,7.78,0,0,1-193.78-31,7.11,7.11,0,0,1-198.82-29Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-207.42-22.66a7.12,7.12,0,0,1-3.9-1.17C-212.23-24.43-232-38-232-38l2.27-3.3S-210-27.76-209.11-27.16a3.11,3.11,0,0,0,3.9-.41,3.12,3.12,0,0,0,0-4.4L-222.7-44l2.27-3.29L-202.66-35a7.15,7.15,0,0,1,.28,10.28A7.12,7.12,0,0,1-207.42-22.66Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-222.18-20.59a7.11,7.11,0,0,1-3.91-1.16c-.9-.6-8-5.51-8-5.51l2.26-3.29s7.1,4.87,8,5.46a3.13,3.13,0,0,0,3.92-.4,3.12,3.12,0,0,0,0-4.4l-12.58-8.53,2.25-3.31L-217.43-33a7.18,7.18,0,0,1,2.37,5.27,7.09,7.09,0,0,1-2.08,5A7.11,7.11,0,0,1-222.18-20.59Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-266.6-53.07c0-.07-2.14-3.28-14.71-12.28L-279-68.6c13.25,9.49,15.57,13,15.9,13.63Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-245.82-79.85a12.16,12.16,0,0,1-5.74-1.44l-.39-.22c-.12-.08-11.08-7.77-19.32-14.83l2.6-3c8.1,6.94,18.9,14.52,19,14.59a8.54,8.54,0,0,0,4.36.93l5.35-.29.21,4-5.33.29Z" transform="translate(281.31 100.67)"></path>
<path class="cls-13" d="M-187.78-47.57-191-50l.14-.19a43.09,43.09,0,0,1,10.19-8.69l5.23-3.26,2.12,3.39-5.23,3.27A38.48,38.48,0,0,0-187.78-47.57Z" transform="translate(281.31 100.67)"></path>
</svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/RequestAssistance'">
REQUEST ASSISTANCE
</button>
</div>
</div>
</div>
</div>
<div class="row" style="padding-top: 25px; padding-bottom: 5px; background-color: White !important">
<div class="col-lg-3 col-md-6 col-sm-6 col-6" style="display: inline;">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112 83.83" data-original-title="" title="">
<defs>
<style>.cls-14{fill:none;stroke:#1e2253;stroke-linejoin:round;stroke-width:4px;}</style>
</defs>
<title>How To Videos</title>
<rect class="cls-14" x="2" y="2" width="108" height="79.83" rx="12.42"></rect>
<path class="cls-14" d="M-202.55-181.16l-31.22-18a1.21,1.21,0,0,0-1.82,1v36a1.22,1.22,0,0,0,1.82,1.05l31.22-18A1.21,1.21,0,0,0-202.55-181.16Z" transform="translate(277.42 222.03)"></path>
</svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/HowToVideos'">
HOW TO VIDEOS
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 81.99 101.4" data-original-title="" title="">
<defs>
<style>.cls-15{fill:#1e2253;}</style>
</defs>
<title>Upload Documents</title>
<path class="cls-15" d="M-125.2-5.38a5.42,5.42,0,0,1-5.41-5.41v-90.58a5.41,5.41,0,0,1,5.41-5.41h55a2.14,2.14,0,0,1,1.53.63l19.41,19.42a2.15,2.15,0,0,1,.64,1.53v74.41A5.42,5.42,0,0,1-54-5.38Zm0-97.06a1.06,1.06,0,0,0-1.06,1.07v90.58a1.05,1.05,0,0,0,1.06,1.06H-54A1.05,1.05,0,0,0-53-10.79V-78.73a1.06,1.06,0,0,0-.31-.75,1.06,1.06,0,0,0-.75-.31H-70.74a4.87,4.87,0,0,1-4.87-4.87v-16.71a1.07,1.07,0,0,0-1.06-1.07Zm55,1.34a1.15,1.15,0,0,0-.41.08,1.08,1.08,0,0,0-.66,1V-85.2a1.06,1.06,0,0,0,1.07,1.06h14.83a1,1,0,0,0,1-.65,1,1,0,0,0-.23-1.16l-14.83-14.83A1.06,1.06,0,0,0-70.2-101.1Z" transform="translate(130.61 106.78)"></path>
<path class="cls-15" d="M-99.32-66.85A2.17,2.17,0,0,1-101.49-69a2.18,2.18,0,0,1,2.17-2.18h19.41A2.18,2.18,0,0,1-77.74-69a2.17,2.17,0,0,1-2.17,2.17Z" transform="translate(130.61 106.78)"></path>
<path class="cls-15" d="M-105.79-53.91A2.17,2.17,0,0,1-108-56.08a2.17,2.17,0,0,1,2.17-2.17h32.35a2.17,2.17,0,0,1,2.17,2.17,2.17,2.17,0,0,1-2.17,2.17Z" transform="translate(130.61 106.78)"></path>
<path class="cls-15" d="M-105.79-41A2.17,2.17,0,0,1-108-43.14a2.17,2.17,0,0,1,2.17-2.17h32.35a2.17,2.17,0,0,1,2.17,2.17A2.17,2.17,0,0,1-73.44-41Z" transform="translate(130.61 106.78)"></path>
<path class="cls-15" d="M-105.79-28A2.17,2.17,0,0,1-108-30.2a2.17,2.17,0,0,1,2.17-2.17h32.35a2.17,2.17,0,0,1,2.17,2.17A2.17,2.17,0,0,1-73.44-28Z" transform="translate(130.61 106.78)"></path>
</svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/UploadDocuments'">
UPLOAD DOCUMENTS
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 84.3" data-original-title="" title="">
<defs>
<style>.cls-16{fill:#1e2253;}</style>
</defs>
<title>Frequently Asked Questions</title>
<path class="cls-16" d="M-352.39-142.52a1.71,1.71,0,0,1-1-.35l-9-6.84a31.32,31.32,0,0,1-9.51,1.47,31.52,31.52,0,0,1-16.16-4.45,31.73,31.73,0,0,1-11.35-11.66,1.7,1.7,0,0,1,.65-2.32,1.72,1.72,0,0,1,2.33.65,28.16,28.16,0,0,0,24.53,14.37,28.06,28.06,0,0,0,9.26-1.57,1.71,1.71,0,0,1,1.59.25l6.5,4.93-1-7.79a1.69,1.69,0,0,1,.66-1.57,28,28,0,0,0,11.09-22.37,28.16,28.16,0,0,0-28.12-28.12,28,28,0,0,0-11.43,2.42,1.71,1.71,0,0,1-2.26-.86,1.71,1.71,0,0,1,.87-2.25,31.17,31.17,0,0,1,12.82-2.72,31.25,31.25,0,0,1,12.27,2.48,31.26,31.26,0,0,1,10,6.76,31.26,31.26,0,0,1,6.76,10,31.39,31.39,0,0,1,2.48,12.27,31.13,31.13,0,0,1-3.39,14.22,31.7,31.7,0,0,1-8.27,10.25l1.37,10.86a1.7,1.7,0,0,1-.83,1.69A1.76,1.76,0,0,1-352.39-142.52Z" transform="translate(448.41 226.82)"></path>
<path class="cls-16" d="M-436.44-158a1.74,1.74,0,0,1-.85-.22,1.73,1.73,0,0,1-.84-1.69l1.37-10.87A31.79,31.79,0,0,1-445-181.07a31.28,31.28,0,0,1-3.38-14.22,31.26,31.26,0,0,1,2.48-12.28,31.45,31.45,0,0,1,6.75-10,31.65,31.65,0,0,1,10-6.76,31.43,31.43,0,0,1,12.28-2.47,31.42,31.42,0,0,1,12.27,2.47,31.43,31.43,0,0,1,10,6.76,31.48,31.48,0,0,1,6.76,10,31.44,31.44,0,0,1,2.48,12.28A31.43,31.43,0,0,1-387.83-183a31.37,31.37,0,0,1-6.76,10,31.26,31.26,0,0,1-10,6.76,31.43,31.43,0,0,1-12.27,2.48,31.58,31.58,0,0,1-9.51-1.47l-9,6.84A1.68,1.68,0,0,1-436.44-158Zm19.56-65.36A28.15,28.15,0,0,0-445-195.29a27.93,27.93,0,0,0,11.09,22.37,1.71,1.71,0,0,1,.66,1.57l-1,7.79,6.5-4.93a1.7,1.7,0,0,1,1.6-.25,28,28,0,0,0,9.26,1.56,28.15,28.15,0,0,0,28.12-28.11A28.15,28.15,0,0,0-416.88-223.41Z" transform="translate(448.41 226.82)"></path>
<path class="cls-16" d="M-416.47-180.61a14,14,0,0,1-14-14,14,14,0,0,1,14-14,14,14,0,0,1,14,14A14,14,0,0,1-416.47-180.61Zm0-24.52A10.56,10.56,0,0,0-427-194.58,10.57,10.57,0,0,0-416.47-184a10.57,10.57,0,0,0,10.55-10.56A10.57,10.57,0,0,0-416.47-205.13Z" transform="translate(448.41 226.82)"></path>
<path class="cls-16" d="M-416.47-180.61a14,14,0,0,1-14-14,14,14,0,0,1,14-14,14,14,0,0,1,14,14A14,14,0,0,1-416.47-180.61Zm0-24.52A10.56,10.56,0,0,0-427-194.58,10.57,10.57,0,0,0-416.47-184a10.57,10.57,0,0,0,10.55-10.56A10.57,10.57,0,0,0-416.47-205.13Z" transform="translate(448.41 226.82)"></path>
<path class="cls-16" d="M-405.71-181a1.69,1.69,0,0,1-1.44-.79,20.69,20.69,0,0,0-2.91-3.63,20.94,20.94,0,0,0-2.06-1.82,1.7,1.7,0,0,1-.32-2.39,1.71,1.71,0,0,1,2.39-.31,24,24,0,0,1,2.41,2.11,24.39,24.39,0,0,1,3.37,4.22,1.7,1.7,0,0,1-.53,2.35A1.68,1.68,0,0,1-405.71-181Z" transform="translate(448.41 226.82)"></path>
<path class="cls-16" d="M-360.91-168a1.72,1.72,0,0,1-1.56-1l-7.84-17.42L-378.15-169a1.71,1.71,0,0,1-2.25.86,1.71,1.71,0,0,1-.86-2.26l9.4-20.88a1.69,1.69,0,0,1,1.55-1,1.72,1.72,0,0,1,1.56,1l9.39,20.88a1.71,1.71,0,0,1-.85,2.26A1.76,1.76,0,0,1-360.91-168Z" transform="translate(448.41 226.82)"></path>
<path class="cls-16" d="M-365.78-175.33h-9.05a1.71,1.71,0,0,1-1.71-1.7,1.72,1.72,0,0,1,1.71-1.71h9.05a1.71,1.71,0,0,1,1.7,1.71A1.7,1.7,0,0,1-365.78-175.33Z" transform="translate(448.41 226.82)"></path>
</svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/Help'">
FREQUENTLY ASKED QUESTIONS
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6">
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 svg-height px-0 px-sm-4" style="text-align: center;">
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 108 84.94" data-original-title="" title="">
<defs>
<style>.cls-17{fill:#1e2253;}</style>
</defs>
<title>Manage Your Account</title>
<path class="cls-17" d="M-70-176.63l3.62-2.09a3.45,3.45,0,0,0,1.71-3.22,3.46,3.46,0,0,0-2.16-2.94l-26.39-10.53a3.49,3.49,0,0,0-1.27-.24,3.39,3.39,0,0,0-2.43,1,3.42,3.42,0,0,0-.77,3.7l10.53,26.4a3.47,3.47,0,0,0,2.94,2.16A3.47,3.47,0,0,0-81-164.1l2.09-3.62,6.41,6.42a3.46,3.46,0,0,0,2.43,1,3.4,3.4,0,0,0,2.43-1l4.05-4a3.41,3.41,0,0,0,1-2.43,3.41,3.41,0,0,0-1-2.43Zm-.06,12-7.84-7.84a2,2,0,0,0-1.44-.59h-.27a2.07,2.07,0,0,0-1.5,1l-2.75,4.76-9.48-23.76,23.76,9.48-4.76,2.75a2.07,2.07,0,0,0-1,1.5,2.05,2.05,0,0,0,.59,1.71l7.83,7.84Z" transform="translate(134.29 217.95)"></path>
<path class="cls-17" d="M-28.33-150.57h-3.84v-59.65c0-4.26-3.75-7.73-8.35-7.73h-79.54c-4.61,0-8.36,3.47-8.36,7.73v59.65h-3.83a2,2,0,0,0-2,2v5.88a9.42,9.42,0,0,0,9.16,9.64h89.68a9.42,9.42,0,0,0,9.16-9.64v-5.88A2,2,0,0,0-28.33-150.57Zm-96-59.65c0-2,1.91-3.65,4.27-3.65h79.54c2.35,0,4.27,1.64,4.27,3.65v59.65H-40a.49.49,0,0,0,0-.12v-52.4a7,7,0,0,0-7.28-6.76h-66.06a7,7,0,0,0-7.29,6.76v52.4s0,.08,0,.12h-3.73ZM-101-146.49h41.37v3H-101Zm-15.55-4.08s0-.08,0-.12v-52.4a3,3,0,0,1,3.2-2.68h66.06a3,3,0,0,1,3.2,2.68v52.52Zm86.15,7.92a5.34,5.34,0,0,1-5.07,5.56h-89.68a5.35,5.35,0,0,1-5.08-5.56v-3.84h25.15v5a2,2,0,0,0,2,2h45.45a2,2,0,0,0,2-2v-5h25.15Z" transform="translate(134.29 217.95)"></path>
</svg>
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4">
<button class="btn btn-primary text-white button-size" onclick="location.href='/StaticDetails/ManageYourAccount'">
MANAGE YOUR ACCOUNT
</button>
</div>
</div>
</div>
<div class="col-12" style="display: inline;">
<div class="row pt-5">
<div class="col-12 svg-height px-0" style="text-align: center; font-size: 1.25rem">
Managing your account was never easier.
<br class="d-inline d-md-none">
Download the My SPS mobile app today.
</div>
</div>
<div class="row" style="padding-top: 10px;">
<div class="col-md-12 col-sm-12 col-12 d-flex justify-content-center px-0 px-sm-4 align-items-center">
<button id="imgGooglePlayBadgeLink" class="popupBtns" onclick="OpenExternalDisclaimerBadge(this.id)">
<img class="img-fluid" src="../../Images/google-play-badge.png" style="height: 50px;" id="imgGooglePlayBadge" data-toggle="tooltip" data-placement="top" title="" alt="Google Play" data-original-title="Google Play Store">
</button>
<button id="imgAppleStoreBadgeLink" class="popupBtns" onclick="OpenExternalDisclaimerBadge(this.id)">
<svg id="livetype" xmlns="http://www.w3.org/2000/svg" width="119.66407" height="40" viewBox="0 0 119.66407 40" style="height:50px; width:145px" class="mr-1" data-original-title="" title="">
<title>Apple App Store</title>
<g>
<g>
<g>
<path d="M110.13477,0H9.53468c-.3667,0-.729,0-1.09473.002-.30615.002-.60986.00781-.91895.0127A13.21476,13.21476,0,0,0,5.5171.19141a6.66509,6.66509,0,0,0-1.90088.627A6.43779,6.43779,0,0,0,1.99757,1.99707,6.25844,6.25844,0,0,0,.81935,3.61816a6.60119,6.60119,0,0,0-.625,1.90332,12.993,12.993,0,0,0-.1792,2.002C.00587,7.83008.00489,8.1377,0,8.44434V31.5586c.00489.3105.00587.6113.01515.9219a12.99232,12.99232,0,0,0,.1792,2.0019,6.58756,6.58756,0,0,0,.625,1.9043A6.20778,6.20778,0,0,0,1.99757,38.001a6.27445,6.27445,0,0,0,1.61865,1.1787,6.70082,6.70082,0,0,0,1.90088.6308,13.45514,13.45514,0,0,0,2.0039.1768c.30909.0068.6128.0107.91895.0107C8.80567,40,9.168,40,9.53468,40H110.13477c.3594,0,.7246,0,1.084-.002.3047,0,.6172-.0039.9219-.0107a13.279,13.279,0,0,0,2-.1768,6.80432,6.80432,0,0,0,1.9082-.6308,6.27742,6.27742,0,0,0,1.6172-1.1787,6.39482,6.39482,0,0,0,1.1816-1.6143,6.60413,6.60413,0,0,0,.6191-1.9043,13.50643,13.50643,0,0,0,.1856-2.0019c.0039-.3106.0039-.6114.0039-.9219.0078-.3633.0078-.7246.0078-1.0938V9.53613c0-.36621,0-.72949-.0078-1.09179,0-.30664,0-.61426-.0039-.9209a13.5071,13.5071,0,0,0-.1856-2.002,6.6177,6.6177,0,0,0-.6191-1.90332,6.46619,6.46619,0,0,0-2.7988-2.7998,6.76754,6.76754,0,0,0-1.9082-.627,13.04394,13.04394,0,0,0-2-.17676c-.3047-.00488-.6172-.01074-.9219-.01269-.3594-.002-.7246-.002-1.084-.002Z" style="fill: #a6a6a6"></path>
<path d="M8.44483,39.125c-.30468,0-.602-.0039-.90429-.0107a12.68714,12.68714,0,0,1-1.86914-.1631,5.88381,5.88381,0,0,1-1.65674-.5479,5.40573,5.40573,0,0,1-1.397-1.0166,5.32082,5.32082,0,0,1-1.02051-1.3965,5.72186,5.72186,0,0,1-.543-1.6572,12.41351,12.41351,0,0,1-.1665-1.875c-.00634-.2109-.01464-.9131-.01464-.9131V8.44434S.88185,7.75293.8877,7.5498a12.37039,12.37039,0,0,1,.16553-1.87207,5.7555,5.7555,0,0,1,.54346-1.6621A5.37349,5.37349,0,0,1,2.61183,2.61768,5.56543,5.56543,0,0,1,4.01417,1.59521a5.82309,5.82309,0,0,1,1.65332-.54394A12.58589,12.58589,0,0,1,7.543.88721L8.44532.875H111.21387l.9131.0127a12.38493,12.38493,0,0,1,1.8584.16259,5.93833,5.93833,0,0,1,1.6709.54785,5.59374,5.59374,0,0,1,2.415,2.41993,5.76267,5.76267,0,0,1,.5352,1.64892,12.995,12.995,0,0,1,.1738,1.88721c.0029.2832.0029.5874.0029.89014.0079.375.0079.73193.0079,1.09179V30.4648c0,.3633,0,.7178-.0079,1.0752,0,.3252,0,.6231-.0039.9297a12.73126,12.73126,0,0,1-.1709,1.8535,5.739,5.739,0,0,1-.54,1.67,5.48029,5.48029,0,0,1-1.0156,1.3857,5.4129,5.4129,0,0,1-1.3994,1.0225,5.86168,5.86168,0,0,1-1.668.5498,12.54218,12.54218,0,0,1-1.8692.1631c-.2929.0068-.5996.0107-.8974.0107l-1.084.002Z"></path>
</g>
<g id="_Group_" data-name="<Group>">
<g id="_Group_2" data-name="<Group>">
<g id="_Group_3" data-name="<Group>">
<path id="_Path_" data-name="<Path>" d="M24.76888,20.30068a4.94881,4.94881,0,0,1,2.35656-4.15206,5.06566,5.06566,0,0,0-3.99116-2.15768c-1.67924-.17626-3.30719,1.00483-4.1629,1.00483-.87227,0-2.18977-.98733-3.6085-.95814a5.31529,5.31529,0,0,0-4.47292,2.72787c-1.934,3.34842-.49141,8.26947,1.3612,10.97608.9269,1.32535,2.01018,2.8058,3.42763,2.7533,1.38706-.05753,1.9051-.88448,3.5794-.88448,1.65876,0,2.14479.88448,3.591.8511,1.48838-.02416,2.42613-1.33124,3.32051-2.66914a10.962,10.962,0,0,0,1.51842-3.09251A4.78205,4.78205,0,0,1,24.76888,20.30068Z" style="fill: #fff"></path>
<path id="_Path_2" data-name="<Path>" d="M22.03725,12.21089a4.87248,4.87248,0,0,0,1.11452-3.49062,4.95746,4.95746,0,0,0-3.20758,1.65961,4.63634,4.63634,0,0,0-1.14371,3.36139A4.09905,4.09905,0,0,0,22.03725,12.21089Z" style="fill: #fff"></path>
</g>
</g>
<g>
<path d="M42.30227,27.13965h-4.7334l-1.13672,3.35645H34.42727l4.4834-12.418h2.083l4.4834,12.418H43.438ZM38.0591,25.59082h3.752l-1.84961-5.44727h-.05176Z" style="fill: #fff"></path>
<path d="M55.15969,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H48.4302v1.50586h.03418a3.21162,3.21162,0,0,1,2.88281-1.60059C53.645,21.34766,55.15969,23.16406,55.15969,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C52.30227,29.01563,53.24953,27.81934,53.24953,25.96973Z" style="fill: #fff"></path>
<path d="M65.12453,25.96973c0,2.81348-1.50586,4.62109-3.77832,4.62109a3.0693,3.0693,0,0,1-2.84863-1.584h-.043v4.48438h-1.8584V21.44238H58.395v1.50586h.03418A3.21162,3.21162,0,0,1,61.312,21.34766C63.60988,21.34766,65.12453,23.16406,65.12453,25.96973Zm-1.91016,0c0-1.833-.94727-3.03809-2.39258-3.03809-1.41992,0-2.375,1.23047-2.375,3.03809,0,1.82422.95508,3.0459,2.375,3.0459C62.26711,29.01563,63.21438,27.81934,63.21438,25.96973Z" style="fill: #fff"></path>
<path d="M71.71047,27.03613c.1377,1.23145,1.334,2.04,2.96875,2.04,1.56641,0,2.69336-.80859,2.69336-1.91895,0-.96387-.67969-1.541-2.28906-1.93652l-1.60937-.3877c-2.28027-.55078-3.33887-1.61719-3.33887-3.34766,0-2.14258,1.86719-3.61426,4.51855-3.61426,2.624,0,4.42285,1.47168,4.4834,3.61426h-1.876c-.1123-1.23926-1.13672-1.9873-2.63379-1.9873s-2.52148.75684-2.52148,1.8584c0,.87793.6543,1.39453,2.25488,1.79l1.36816.33594c2.54785.60254,3.60645,1.626,3.60645,3.44238,0,2.32324-1.85059,3.77832-4.79395,3.77832-2.75391,0-4.61328-1.4209-4.7334-3.667Z" style="fill: #fff"></path>
<path d="M83.34621,19.2998v2.14258h1.72168v1.47168H83.34621v4.99121c0,.77539.34473,1.13672,1.10156,1.13672a5.80752,5.80752,0,0,0,.61133-.043v1.46289a5.10351,5.10351,0,0,1-1.03223.08594c-1.833,0-2.54785-.68848-2.54785-2.44434V22.91406H80.16262V21.44238H81.479V19.2998Z" style="fill: #fff"></path>
<path d="M86.065,25.96973c0-2.84863,1.67773-4.63867,4.29395-4.63867,2.625,0,4.29492,1.79,4.29492,4.63867,0,2.85645-1.66113,4.63867-4.29492,4.63867C87.72609,30.6084,86.065,28.82617,86.065,25.96973Zm6.69531,0c0-1.9541-.89551-3.10742-2.40137-3.10742s-2.40039,1.16211-2.40039,3.10742c0,1.96191.89453,3.10645,2.40039,3.10645S92.76027,27.93164,92.76027,25.96973Z" style="fill: #fff"></path>
<path d="M96.18606,21.44238h1.77246v1.541h.043a2.1594,2.1594,0,0,1,2.17773-1.63574,2.86616,2.86616,0,0,1,.63672.06934v1.73828a2.59794,2.59794,0,0,0-.835-.1123,1.87264,1.87264,0,0,0-1.93652,2.083v5.37012h-1.8584Z" style="fill: #fff"></path>
<path d="M109.3843,27.83691c-.25,1.64355-1.85059,2.77148-3.89844,2.77148-2.63379,0-4.26855-1.76465-4.26855-4.5957,0-2.83984,1.64355-4.68164,4.19043-4.68164,2.50488,0,4.08008,1.7207,4.08008,4.46582v.63672h-6.39453v.1123a2.358,2.358,0,0,0,2.43555,2.56445,2.04834,2.04834,0,0,0,2.09082-1.27344Zm-6.28223-2.70215h4.52637a2.1773,2.1773,0,0,0-2.2207-2.29785A2.292,2.292,0,0,0,103.10207,25.13477Z" style="fill: #fff"></path>
</g>
</g>
</g>
<g id="_Group_4" data-name="<Group>">
<g>
<path d="M37.82619,8.731a2.63964,2.63964,0,0,1,2.80762,2.96484c0,1.90625-1.03027,3.002-2.80762,3.002H35.67092V8.731Zm-1.22852,5.123h1.125a1.87588,1.87588,0,0,0,1.96777-2.146,1.881,1.881,0,0,0-1.96777-2.13379h-1.125Z" style="fill: #fff"></path>
<path d="M41.68068,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C44.57522,13.99463,45.01369,13.42432,45.01369,12.44434Z" style="fill: #fff"></path>
<path d="M51.57326,14.69775h-.92187l-.93066-3.31641h-.07031l-.92676,3.31641h-.91309l-1.24121-4.50293h.90137l.80664,3.436h.06641l.92578-3.436h.85254l.92578,3.436h.07031l.80273-3.436h.88867Z" style="fill: #fff"></path>
<path d="M53.85354,10.19482H54.709v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915h-.88867V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"></path>
<path d="M59.09377,8.437h.88867v6.26074h-.88867Z" style="fill: #fff"></path>
<path d="M61.21779,12.44434a2.13346,2.13346,0,1,1,4.24756,0,2.1338,2.1338,0,1,1-4.24756,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C64.11232,13.99463,64.5508,13.42432,64.5508,12.44434Z" style="fill: #fff"></path>
<path d="M66.4009,13.42432c0-.81055.60352-1.27783,1.6748-1.34424l1.21973-.07031v-.38867c0-.47559-.31445-.74414-.92187-.74414-.49609,0-.83984.18213-.93848.50049h-.86035c.09082-.77344.81836-1.26953,1.83984-1.26953,1.12891,0,1.76563.562,1.76563,1.51318v3.07666h-.85547v-.63281h-.07031a1.515,1.515,0,0,1-1.35254.707A1.36026,1.36026,0,0,1,66.4009,13.42432Zm2.89453-.38477v-.37646l-1.09961.07031c-.62012.0415-.90137.25244-.90137.64941,0,.40527.35156.64111.835.64111A1.0615,1.0615,0,0,0,69.29543,13.03955Z" style="fill: #fff"></path>
<path d="M71.34816,12.44434c0-1.42285.73145-2.32422,1.86914-2.32422a1.484,1.484,0,0,1,1.38086.79h.06641V8.437h.88867v6.26074h-.85156v-.71143h-.07031a1.56284,1.56284,0,0,1-1.41406.78564C72.0718,14.772,71.34816,13.87061,71.34816,12.44434Zm.918,0c0,.95508.4502,1.52979,1.20313,1.52979.749,0,1.21191-.583,1.21191-1.52588,0-.93848-.46777-1.52979-1.21191-1.52979C72.72121,10.91846,72.26613,11.49707,72.26613,12.44434Z" style="fill: #fff"></path>
<path d="M79.23,12.44434a2.13323,2.13323,0,1,1,4.24707,0,2.13358,2.13358,0,1,1-4.24707,0Zm3.333,0c0-.97607-.43848-1.54687-1.208-1.54687-.77246,0-1.207.5708-1.207,1.54688,0,.98389.43457,1.55029,1.207,1.55029C82.12453,13.99463,82.563,13.42432,82.563,12.44434Z" style="fill: #fff"></path>
<path d="M84.66945,10.19482h.85547v.71533h.06641a1.348,1.348,0,0,1,1.34375-.80225,1.46456,1.46456,0,0,1,1.55859,1.6748v2.915H87.605V12.00586c0-.72363-.31445-1.0835-.97168-1.0835a1.03294,1.03294,0,0,0-1.0752,1.14111v2.63428h-.88867Z" style="fill: #fff"></path>
<path d="M93.51516,9.07373v1.1416h.97559v.74854h-.97559V13.2793c0,.47168.19434.67822.63672.67822a2.96657,2.96657,0,0,0,.33887-.02051v.74023a2.9155,2.9155,0,0,1-.4834.04541c-.98828,0-1.38184-.34766-1.38184-1.21582v-2.543h-.71484v-.74854h.71484V9.07373Z" style="fill: #fff"></path>
<path d="M95.70461,8.437h.88086v2.48145h.07031a1.3856,1.3856,0,0,1,1.373-.80664,1.48339,1.48339,0,0,1,1.55078,1.67871v2.90723H98.69v-2.688c0-.71924-.335-1.0835-.96289-1.0835a1.05194,1.05194,0,0,0-1.13379,1.1416v2.62988h-.88867Z" style="fill: #fff"></path>
<path d="M104.76125,13.48193a1.828,1.828,0,0,1-1.95117,1.30273A2.04531,2.04531,0,0,1,100.73,12.46045a2.07685,2.07685,0,0,1,2.07617-2.35254c1.25293,0,2.00879.856,2.00879,2.27V12.688h-3.17969v.0498a1.1902,1.1902,0,0,0,1.19922,1.29,1.07934,1.07934,0,0,0,1.07129-.5459Zm-3.126-1.45117h2.27441a1.08647,1.08647,0,0,0-1.1084-1.1665A1.15162,1.15162,0,0,0,101.63527,12.03076Z" style="fill: #fff"></path>
</g>
</g>
</g>
</svg>
</button>
</div>
</div>
</div>
</div>
<!-- Modal For External Link-->
<div id="ExternalLinkDisclaimerBadge" class="modal" role="dialog" data-backdrop="static">
<div class="modal-dialog" id="modalDialog">
<div class="modal-content" id="modalContent">
<div class="modal-header" id="modalHeader">
<h4 class="modal-title" style="font-family: Lato bold; color: white;font-size: 1.1rem;" id="modalTitle">
Important Information
</h4>
</div>
<div class="modal-body" id="modalBody">
<div id="ModalBody" class="col-md-12">
The content of any site to which you link from this summary is solely the responsibility
of the provider of that web site. SPS in not responsible for any content on this
page or any third party content that may be accessed via this page.
</div>
</div>
<div class="modal-footer modalFooter" id="modalFooter">
<button class="btn btn-default" id="CloseModalsBadge">
Cancel
</button>
<button class="btn btn-default" id="AcceptDisclaimerBadge" style="display: none">
Ok
</button>
<button class="btn btn-default" id="AcceptDisclaimerBadge1" style="display: none">
Ok
</button>
</div>
</div>
</div>
</div>
<button onclick="topFunction()" id="moveTop" title="Go to top">
<span>⇧</span></button>
</div>
</div>
<footer id="divFooter" style="padding-top: 15px;" class="footer-height fixed-footer">
<script type="text/javascript">
$(document).ready(function () {
$("#resource_center").hover(function () {
$(this).next().show();
var width = $(".r_line").width();
$(this).css("width", width);
}, function () {
$(this).next().hide();
if ($("#resource_menu").is(":visible")) { }
else {
$(this).css("width", "auto");
}
});
$("#resource_menu").hover(function () {
$(this).show();
var width = $(".r_line").width() - 19;
$("#resource_center").css("width", width);
}, function () {
$(this).hide();
$("#resource_center").css("width", "auto");
});
$("#CloseModals").click(function () {
$("#ExternalLinkDisclaimer").modal("hide");
});
$("#AcceptDisclaimer").click(function () {
$("#ExternalLinkDisclaimer").modal("hide");
window.open('http://www.spsreo.com/', '_blank', 'noopener,noreferrer');
});
$("#AcceptDisclaimer1").click(function () {
$("#ExternalLinkDisclaimer").modal("hide");
window.open('http://nmlsconsumeraccess.org/EntityDetails.aspx/COMPANY/3114', '_blank', 'noopener,noreferrer');
});
});
function OpenExternalDisclaimer(id) {
if (id == 'ReoPropBtn') {
$('#AcceptDisclaimer1').hide();
$('#AcceptDisclaimer').show();
} else if (id == 'Nmlsbtn') {
$('#AcceptDisclaimer').hide();
$('#AcceptDisclaimer1').show();
}
$("#ExternalLinkDisclaimer").modal("show");
}
</script>
<style type="text/css">
/* Modal Content */
#modalDialog
{
display:block !important;
padding-top:30px !important;
overflow:hidden;
}
#modalBody
{
max-height: 300px;
margin-bottom: 10px;
text-align: left;
padding: 0px;
margin-top: 5px;
}
#modalContent
{
border-radius: 0px;
padding: 0px;
}
#modalTitle
{
text-align: left;
}
#modalHeader
{
padding: 10px;
background-color: #3f4c73;
font-size: 1.0em;
border-radius: 0px;
font-family: "Lato Bold" , sans-serif;
}
.modalFooter .btn
{
background-color: #1E2253;
border-color: #6F90B8;
border-radius: 5px;
height: 28px;
color: white;
}
.modalFooter
{
padding: 5px;
}
.modal-backdrop
{
opacity: 0.7 !important;
}
.popupBtns
{
color: #3D4E79;
background-color: white;
border: none;
padding: 0px;
text-decoration:none;
}
.popupBtns:focus
{
outline: none;
}
.popupBtns:hover{
text-decoration:underline !important;
}
.modalFooter .btn:hover
{
background-color: #6F90B8;
}
/* h4
{
font-size: 1.1rem;
}*/
</style>
<noscript class="offscreen">
Your web browser doesn't support JavaScript or JavaScript is disabled. Please enable
JavaScript in your browser settings so page can function correctly.
</noscript>
<div id="footerGrid">
<div class="row" style="line-height: 48px; background-color: White !important; text-align: left !important;">
<div class="col-md-3 col-sm-6 col-5" style="color: #353B7D; padding-left: 25px; font-family: Lato Bold;">
OUR POLICIES
</div>
<div class="col-md-9 col-sm-6 col-7 pull-right" style="color: #353B7D; padding-left: 23px;
font-family: Lato Bold;">
ABOUT SPS
</div>
<div id="footerLine">
</div>
</div>
<div id="footer2">
<div class="row" style="padding-top: 10px; padding-bottom: 10px; background-color: White !important;
color: #3D4E79; font-family: 'Lato Regular', sans-serif !important; text-align: justify;">
<div class="col-md-3 col-sm-6 col-5" style="padding: 0 25px;">
<ul>
<li style="color: #3D4E79"><a href="/StaticDetails/PrivacyPolicy" style="color: #3D4E79">
Privacy Practices and Policy</a></li>
<li style="color: #3D4E79"><a href="/StaticDetails/TermsOfUse" style="color: #3D4E79">
Terms of Use </a></li>
<li style="color: #3D4E79"><a href="/StaticDetails/Legal" style="color: #3D4E79">
Legal</a></li>
</ul>
</div>
<div class="col-md-9 col-sm-6 col-7" style="padding: 0 12px;">
<div class="row">
<div class="col-md-4" style="padding: 0 12px;">
<ul>
<li style="color: #3D4E79"><a href="/StaticDetails/JoinOurTeam" style="color: #3D4E79">
Join Our Team </a></li>
<li style="color: #3D4E79"><a href="/StaticDetails/ContactUs" style="color: #3D4E79">
Contact Us </a></li>
</ul>
</div>
<div class="col-md-4" style="padding: 0 12px;">
<ul>
<li style="color: #3D4E79"><a href="/StaticDetails/NewsRoom" style="color: #3D4E79">
Newsroom </a></li>
<li style="color: #3D4E79"><a href="/StaticDetails/ResourceCentre" style="color: #3D4E79">
Resource Center </a></li>
<li style="color: #3D4E79"><button id="ReoPropBtn" class="popupBtns" onclick="OpenExternalDisclaimer(this.id)">SPS REO Properties</button></li>
</ul>
</div>
<div class="col-md-4" style="padding: 0 12px;">
<ul>
<li style="color: #3D4E79"><a href="/Content/pdf/SPSLicenseList.pdf" download="" target="_blank" rel="noopener noreferrer" id="Licensing" style="color: #3D4E79">
Licensing (NMLS ID: 3114)</a></li>
<li style="color: #3D4E79">
<button id="Nmlsbtn" class="popupBtns" onclick="OpenExternalDisclaimer(this.id)">NMLS</button></li>
<li style="color: #3D4E79"><a href="/StaticDetails/CommercialCustomers" style="color: #3D4E79">
Commercial Customers </a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer2Grid">
<div class="row" style="padding-left: 8px; padding-right: 25px; padding-top: 10px;">
<div class="col-md-6">
<div style="color: #3D4E79; text-align: left !important;">
<a href="/StaticDetails/SiteMap" id="f2_link1" style="color: #5E6296;font-family:Lato Bold;">Site Map</a>
</div>
<div style="color: #3D4E79; font-family: 'Lato Regular', sans-serif !important; text-align: justify;">
SPS may provide links to external websites to which we have no control over the
content or accuracy. These websites are provided solely for your convenience. Please
contact the administrators of such websites with any questions or concerns regarding
those websites.
</div>
</div>
<div class="col-md-6">
<div style="color: #3D4E79; font-family: 'Lato Regular', sans-serif !important; text-align: right;" class="footerAlignment">
© Copyright 2024 Select Portfolio Servicing, Inc. All rights
reserved</div>
<div style="color: #3D4E79; font-family: 'Lato Regular', sans-serif !important; text-align: right;" class="footerAlignment">
Reproduction in whole or in part without permission is prohibited
</div>
<div style="color: #3D4E79; font-family: 'Lato Regular', sans-serif !important; text-align: right;" class="footerAlignment">
This site is best viewed in Microsoft Edge browser
</div>
</div>
</div>
</div>
<!-- Modal For External Link-->
<div id="ExternalLinkDisclaimer" class="modal" role="dialog" data-backdrop="static">
<div class="modal-dialog" id="modalDialog">
<div class="modal-content" id="modalContent">
<div class="modal-header" id="modalHeader">
<h4 class="modal-title" style="font-family: Lato bold; color: white;font-size: 1.1rem;" id="modalTitle">
Important Information
</h4>
</div>
<div class="modal-body" id="modalBody">
<div id="ModalBody" class="col-md-12">
The content of any site to which you link from this summary is solely the responsibility of the provider of that web site. SPS in not responsible for any content on this page or any third party content that may be accessed via this page.
</div>
</div>
<div class="modal-footer modalFooter" id="modalFooter">
<button class="btn btn-default" id="CloseModals">
Cancel</button>
<button class="btn btn-default" id="AcceptDisclaimer" style="display:none; margin-bottom: 0.25rem;">
Ok</button>
<button class="btn btn-default" id="AcceptDisclaimer1" style="display:none">
Ok</button>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
<div class="overlay">
</div>
<input name="__RequestVerificationToken" type="hidden" value="tbi29OytLBqZX3p5-sH7HbAXRQh01IvcW10sFdzXScGLAUugYTeYVjThxCSnGBbuc0n1X5IGkxc0b7en5OFDQD7hcz1CSCEO0Lza3X2NsFusYPdaIn6G9MuU8RZnm5z3OHZbzxVfiQnU-17VFXIHkP22YViA43L4veevgoad64M1">
<div class="clearfix">
</div>
<div class="modal fade overflow-hidden" id="myModal" role="dialog">
<div class="modal-dialog" style="margin-top: 30px;">
<div class="modal-content border-radius" id="modal-id">
<div class="modal-header border-bottom-0 pb-1">
<div class="accessyouraccount modal-title" style="color: rgb(30, 34, 83); font-family: 'Lato Bold';">
<b>Access Your Account</b>
</div>
</div>
<div class="modal-body pb-0" id="myInput">
<div class="d-flex justify-content-center pb-2">
<div class="spinner-border" role="status" id="loading" style="display: none; width: 3rem;
height: 3rem; color: rgb(30,34,83)">
<span class="sr-only">Loading...</span>
</div>
</div>
<form>
<ul class="list alert alert-danger" id="myAlert" style="display: none;">
<li style="display: none;" id="user_err">Please enter the Username</li>
<li style="display: none;" id="pwd_err">Please enter Password</li>
<li style="display: none;" id="loanNo_err">Please enter the Loan Number</li>
<li style="display: none;" id="ssn_err">Please enter SSN</li>
<li style="display: none;" id="loginInvalid_err">User Name or password appears to be
invalid.</li>
</ul>
<div class="container userRegFormWrapper">
<div class="form-group justify-content-center row">
<div class="col-md-6 form-control-plaintext d-none">
Select User Type</div>
<div class="col-sm-10 form-check">
<ul class="nav nav-tabs nav-justified" id="userRegSelectTab" role="tablist" style="height:auto; padding:1px">
<li class="nav-item"><a class="nav-link nounderline active" style="height:auto; padding:8px" id="customerTab" tabindex="-1" data-toggle="tab" href="#" role="tab">Customer</a>
<input aria-label="Customer UserType" checked="checked" class="d-none" id="usertyperCustomer" name="userTypeId" type="radio" value="1">
</li>
<li class="nav-item"><a class="nav-link nounderline" style="height:auto; padding:8px" id="thirdPartyTab" data-toggle="tab" href="#" role="tab">Third Party</a>
<input aria-label="ThirdParty UserType" class="d-none" id="usertypertp" name="userTypeId" type="radio" value="2">
</li>
</ul>
</div>
</div>
</div>
<div class="form-group text-left">
<div class="col-12">
<label class="col-form-label" for="HomeUsername_txt">User Name</label>
</div>
<div class="col-12">
<input maxlength="25" autocomplete="off" class="form-control login_text_box" id="HomeUsername_txt" name="userName" type="text" value="">
</div>
</div>
<div class="form-group text-left loginBoxPasswordInput">
<div class="col-12">
<label class="col-form-label" for="txtPassword">Password</label>
</div>
<div class="col-12 input-group">
<input maxlength="25" autocomplete="off" class="form-control login_text_box" id="txtPassword" name="password" type="password" value="">
<div class="input-group-append">
<span toggle="#txtPassword" class="toggle-password input-group-text mr-0 mt-0 svg-eyeIcon pointer-events" id="eyeicon" style="pointer-events: auto;">
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-eye-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-original-title="" title="">
<path d="M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z"></path>
<path fill-rule="evenodd" d="M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z"></path>
</svg>
</span>
<span toggle="#txtPassword" class="toggle-password input-group-text mr-0 mt-0 svg-eyeIcon pointer-events" id="eyehideicon" style="pointer-events: auto; display: none;">
<svg width="1.5em" height="1.5em" viewBox="0 0 16 16" class="bi bi-eye-slash-fill" fill="currentColor" xmlns="http://www.w3.org/2000/svg" data-original-title="" title="">
<path d="M10.79 12.912l-1.614-1.615a3.5 3.5 0 0 1-4.474-4.474l-2.06-2.06C.938 6.278 0 8 0 8s3 5.5 8 5.5a7.029 7.029 0 0 0 2.79-.588zM5.21 3.088A7.028 7.028 0 0 1 8 2.5c5 0 8 5.5 8 5.5s-.939 1.721-2.641 3.238l-2.062-2.062a3.5 3.5 0 0 0-4.474-4.474L5.21 3.089z"></path>
<path d="M5.525 7.646a2.5 2.5 0 0 0 2.829 2.829l-2.83-2.829zm4.95.708l-2.829-2.83a2.5 2.5 0 0 1 2.829 2.829z"></path>
<path fill-rule="evenodd" d="M13.646 14.354l-12-12 .708-.708 12 12-.708.708z"></path>
</svg>
</span>
</div>
</div>
</div>
<div class="form-group text-center">
<input type="button" class="btn btn-link bg-transparent text-link" value="Forgot User Name / Password?" onclick="location.href='/Home/ForgotPassword'">
</div>
</form>
</div>
<div class="modal-footer border-top-0 border-radius pt-0" margin-top:="" -27px;"="">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6 text-center" style="padding-top: 10px;margin: 0 auto;">
<input type="submit" class="btn btn-primary text-white login-button-size" id="btn_login" value="SIGN IN" style="width: 100% !important; height: 35px;" onclick="if (this.getAttribute('clicked') == '1')
{ return false; } else { this.setAttribute('clicked', '1'); }">
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-6" style="padding-top: 10px;">
<input type="submit" class="btn btn-primary text-white login-button-size" id="signup" value="NEW USER SIGN UP" style="width: 100% !important; height: 35px; text-decoration: none;" onclick="location.href='/Home/RegistrationNotice'">
</div>
<div class="col-sm-6 col-md-6 login-button-center" style="padding-top: 10px;">
<input type="submit" class="btn btn-primary text-white login-button-size" id="make_payment" value="MAKE A PAYMENT" style="width: 100% !important;height: 35px; text-decoration: none;" onclick="location.href='/StaticDetails/MakeAPayment'">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/Scripts/bootstrap.bundle.min.js" type="text/javascript"></script>
<iframe id="LL_DataServer" name="LL_DataServer" src="https://public.cobrowse.oraclecloud.com/rely/storage/ll_storage_html5.html?context=8idbdwci5ymm36a8q0f&version=20241006" title="Cobrowse communication frame" scrolling="no" allowtransparency="true" aria-hidden="true" style="width: 1px; height: 1px; border: 0px none; display: block; position: absolute; top: 100%; margin-top: -1px; left: 100%; margin-left: -1px;"></iframe></body></html>