/* Minification failed. Returning unminified contents.
(2069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2070,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2077,22): run-time error CSS1039: Token not allowed after unary operator: '-g'
(2077,38): run-time error CSS1039: Token not allowed after unary operator: '-s'
(2077,51): run-time error CSS1039: Token not allowed after unary operator: '-r'
(2077,65): run-time error CSS1039: Token not allowed after unary operator: '-r'
(2077,76): run-time error CSS1039: Token not allowed after unary operator: '-s'
(6379,39): run-time error CSS1046: Expect comma, found '0'
(6379,43): run-time error CSS1046: Expect comma, found '/'
(6664,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6672,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
(7742,39): run-time error CSS1046: Expect comma, found '0'
(7742,43): run-time error CSS1046: Expect comma, found '/'
(9374,24): run-time error CSS1046: Expect comma, found '200'
(9374,31): run-time error CSS1046: Expect comma, found ')'
(9548,51): run-time error CSS1046: Expect comma, found '0'
(9548,55): run-time error CSS1046: Expect comma, found '/'
(9549,43): run-time error CSS1046: Expect comma, found '0'
(9549,47): run-time error CSS1046: Expect comma, found '/'
(9567,51): run-time error CSS1046: Expect comma, found '0'
(9567,55): run-time error CSS1046: Expect comma, found '/'
(9568,43): run-time error CSS1046: Expect comma, found '0'
(9568,47): run-time error CSS1046: Expect comma, found '/'
(9905,1): run-time error CSS1019: Unexpected token, found '}'
(13460,1): run-time error CSS1019: Unexpected token, found '}'
(13816,12): run-time error CSS1030: Expected identifier, found ','
(13816,14): run-time error CSS1031: Expected selector, found ')'
(13816,14): run-time error CSS1025: Expected comma or open brace, found ')'
(14493,12): run-time error CSS1030: Expected identifier, found ','
(14493,14): run-time error CSS1031: Expected selector, found ')'
(14493,14): run-time error CSS1025: Expected comma or open brace, found ')'
(14716,12): run-time error CSS1030: Expected identifier, found ','
(14716,14): run-time error CSS1031: Expected selector, found ')'
(14716,14): run-time error CSS1025: Expected comma or open brace, found ')'
(15660,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15662,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15668,26): run-time error CSS1039: Token not allowed after unary operator: '-w'
(15670,22): run-time error CSS1039: Token not allowed after unary operator: '-n'
(15670,38): run-time error CSS1039: Token not allowed after unary operator: '-w'
(15671,30): run-time error CSS1039: Token not allowed after unary operator: '-w'
(15671,41): run-time error CSS1039: Token not allowed after unary operator: '-g'
(15672,34): run-time error CSS1039: Token not allowed after unary operator: '-w'
(15673,55): run-time error CSS1039: Token not allowed after unary operator: '-c'
(15673,66): run-time error CSS1039: Token not allowed after unary operator: '-b'
(15673,70): run-time error CSS1038: Expected hex color, found '#0000'
(15673,94): run-time error CSS1039: Token not allowed after unary operator: '-w'
(15673,105): run-time error CSS1039: Token not allowed after unary operator: '-g'
(15673,116): run-time error CSS1039: Token not allowed after unary operator: '-b'
(15673,127): run-time error CSS1039: Token not allowed after unary operator: '-c'
(15673,149): run-time error CSS1039: Token not allowed after unary operator: '-w'
(15673,160): run-time error CSS1039: Token not allowed after unary operator: '-g'
(15673,165): run-time error CSS1038: Expected hex color, found '#0000'
(15673,214): run-time error CSS1039: Token not allowed after unary operator: '-g'
(15673,230): run-time error CSS1039: Token not allowed after unary operator: '-b'
(15673,234): run-time error CSS1038: Expected hex color, found '#0000'
(15673,249): run-time error CSS1039: Token not allowed after unary operator: '-c'
(15673,276): run-time error CSS1039: Token not allowed after unary operator: '-w'
(15673,298): run-time error CSS1039: Token not allowed after unary operator: '-b'
(15679,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15738,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%'
(15850,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(16514,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(16522,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-color'
 */
body{background:url('/merchants/ml/img/background.png') repeat;}
h1{font-size:28px;}
h2{font-size:25px;}
h3, h4{line-height:1.7;}
a:link, a:visited{text-decoration:none;color:rgb(44, 143, 44);}
a:hover, a:focus, .underline{text-decoration:none;color:#00c7ff;}
hr{border-width:1px 0px;border-color:#cecece;}
.text-info{color:#00aee7;}
.text-warning{color:rgb(231, 146, 26);}
.text-success{color:rgb(44, 143, 44);}
.btn-warning{background-color:rgb(231, 146, 26);}
.btn-danger{background-color:#C23935;border-color:#C23935;}
.btn-success{background-color:#30CB68;border-color:#30CB68;}
a.btn, a.jumbotron{color:#fff;}
.allcaps{text-transform:uppercase;}
.no-padding-left{padding-left:0 !important;}
.no-padding-right{padding-right:0 !important;}
.no-padding-top{padding-top:0 !important;}
.no-padding-bottom{padding-bottom:0 !important;}
.no-margin-left{margin-left:0 !important;}
.no-margin-right{margin-right:0 !important;}
.no-margin-top{margin-top:0 !important;}
.no-margin-bottom{margin-bottom:0 !important;}
.clear{clear:both;}

#bindex .well{background-color:#ffffff;}
#bindex .well h2{font-size:25px;}
#bindex .well p{font-size:14px;}
.navbar-icon{float:right;padding:15px 20px 15px 0;font-size:18px;line-height:20px;}
.navbar-brand img{height:23px;}
.navbar-fixed-top a{text-transform:uppercase;color:#333;}
.navbar-nav{margin:0 -15px;}
.navbar-default .navbar-toggle{border-color:#666;}
.navbar-default .navbar-toggle .icon-bar{background-color:#666;}
.navbar-default .navbar-nav li a:hover{color:#333;background-color:#ddd;}
.navbar-default .navbar-nav .active a, .navbar-default .navbar-nav .active a:hover, .navbar-default .navbar-nav .active a:focus{color:#fff;background-color:rgb(98, 196, 98) !important;}
#modalTerms .modal, #modalPrivacy .modal, #smsAgreement_Popup .modal, #tcpaAgreement_Popup .modal, #electConsent_Popup .modal{
    top: 5%;
    bottom: 5%;
}
#modalTerms .modal-body, #modalPrivacy .modal-body, #smsAgreement_Popup .modal-body, #tcpaAgreement_Popup .modal-body, #electConsent_Popup .modal-body {
    max-height: 500px;
    height: 450px;
    overflow: auto;
}

    #modalPrivacy h4, #smsAgreement_Popup h4, #tcpaAgreement_Popup h4, #electConsent_Popup h4{
        font-weight:600;
    }
    .modal {
        text-align: center;
        padding: 0 !important;
    }

    .modal:before {
        content: '';
        display: inline-block;
        /*height: 100%;*/
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.disclaimer {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    text-align: justify;
    font-size: 11px;
}

@media (max-width:767px){body{padding-top:54px;}
.mobile-top{margin-bottom:25px;}
.col-sm-3{padding-top:20px;}
}
#bprivacy table{background-color:#fff;}
#bprivacy th{text-transform:uppercase;}
#bprivacy th .warning{text-transform:uppercase;}
#bprivacy tr.warning th, #bprivacy tr.warning td{background-color:#999;border-color:#ddd;color:#fff;}
.form-group td{padding-top:7px;}
#content_customContent_smsSection .form-group{margin-left:0;margin-right:0;}
td label{font-weight:normal;padding-left:7px;padding-right:12px;display:inline;}
.form-top-padding{padding-top:7px;}
.form-horizontal .control-label{text-align:center;}
@media (min-width:768px){.form-horizontal .control-label{text-align:right;}
    .modal-dialog{
        width:500px;
    }
}
.form-horizontal .left-label{text-align:left !important;}
.hidden-esigs, #bdisplayagreements .navigations, #bdisplayagreements footer, #besignatures nav, #besignatures .navbar-toggle,
#besignatures .navbar-icon, #besigs nav, #besigs .navbar-toggle, #besigs .navbar-icon{display:none;}
#esigtop{padding-top:0;}
#bdisplayagreements{margin:25px 0 35px 0;}
#besignatures .well{margin-top:25px;padding:25px 50px 35px;background-color:#fff;}
#besigs .well{margin:0 0 25px 0;padding:25px 50px 35px;background-color:#fff;}
#besignatures .esig .form-control, #besignatures label label, #besigs .esig .form-control, #besigs label label{display:inline;}
.borrowername{font-size:18px;padding-right:0 !important;}
#besignatures .resp-tab-content, #besigs .resp-tab-content{height:300px;}
#besignatures #declineModal .modal-footer, #besigs #declineModal .modal-footer{text-align:center;}
#besignatures .modal-footer .btn, #besigs .modal-footer .btn{margin-bottom:10px;}
@media (min-width:768px){#esigtop{padding-top:0;}
#besigs .well{margin-top:25px;}
#content_customContent_frmMilitary label{float:right;width:98%;font-weight:normal}
#content_customContent_frmtcpAgreement label{float:left;width:90%;display:block;margin-bottom:15px;font-weight:normal;}
#content_customContent_frmPaymentType label{float:right;width:97%;font-weight:normal}
}
.resp-tab-item{background-color:#95CFDA;}
#content_customContent_tcpAgreement{margin-right:10px !important;}
#content_customContent_frmMilitary label{width:98%;font-weight:normal}
#content_customContent_frmMilitary_0{float:left;}

#content_customContent_frmtcpAgreement label{width:90%;display:block;margin-bottom:15px;font-weight:normal;}
#content_customContent_frmtcpAgreement input{float:left;width:25px; display:block;}

#content_customContent_frmPaymentType label{width:97%;font-weight:normal}
#content_customContent_frmPaymentType_0{float:left;}
#besignatures header .col-sm-5, #besignatures hr.hidden-xs, #besignatures footer, #besigs header .col-sm-5, #besigs hr.hidden-xs, #besigs footer{display:none !important;}
#loanwrapper .table td, #loanwrapper .table th{background-color:#fff !important;}
#loanwrapper .table thead > tr > th, #loanwrapper .table tbody > tr > th, #loanwrapper .table tfoot > tr > th, #loanwrapper .table thead > tr > td, #loanwrapper .table tbody > tr > td, #loanwrapper .table tfoot > tr > td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #333;}
#loanwrapper .table th{vertical-align:bottom;border-bottom:2px solid #333;}
#loanwrapper .table-bordered th, #loanwrapper .table-bordered td{border-bottom-width:2px;}
#loanwrapper .table-bordered, #loanwrapper .table-bordered th, #loanwrapper .table-bordered td{border:1px solid #333 !important;}
#loanwrapper .table tr th.warning, #loanwrapper .table tr.warning th, #loanwrapper .table tr td.warning{background-color:#dcdcdc !important;border-color:#333 !important;}
#blogin a.side-login, #bfaq a.side-faq, #bcontact a.side-call, #brequirements a.side-how, #bprivacy a.side-privacy, #bpreferences a.side-prefs, #baccount a.side-account, #bdetails a.side-details, #bpayment a.side-pay, #bdeclineesig a.side-apply{display:none !important;}
#bpreferences a.side-how, #baccount a.side-how, #bdetails a.side-how, #bpayment a.side-how, #bacceptesig a.side-how,
#bpreferences a.side-faq, #baccount a.side-faq, #bdetails a.side-faq, #bpayment a.side-faq, #bacceptesig a.side-faq{display:none !important;}
#baccount a.side-prefs, #baccount a.side-details{display:none !important;}
#bacceptesig a.side-prefs, #baccount a.side-details{display:none !important;}
@media (max-width:767px){#bacceptesig a.side-call{display:none !important;}
}
a.side-esign{display:none !important;}
footer .nav-pills{text-transform:uppercase;text-align:center;}
footer .nav-pills li > a{background-color:#ccc;color:#999;border:1px solid #ddd;-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:0 1px 1px rgba(0, 0, 0, 0.05);}
footer .nav-pills li a:hover, footer .nav-pills li.active a:hover, footer .nav-pills li.active a, footer .nav-pills li.active a:focus{background-color:#999;color:#fff;}
footer h2{margin-top:0;}
#bindex footer a.jumbotron{display:none !important;}
footer .companyinfo{text-align:center;padding-top:25px;padding-bottom:25px;}
@media (min-width:768px){body{padding-bottom:50px;}
.masthead{padding-top:20px;}
.container > hr{margin:30px 0;}
.col-sm-8{padding-top:0;}
.col-sm-3{padding-top:0;}
.inline-login{padding-top:10px;}
#blogin .inline-login{display:none !important;}
.navbar{margin-top:25px;}
.navbar .nav li{float: left;}
.navbar .nav li a{font-weight:bold;text-align:center;border-left:1px solid rgba(255,255,255,.75);border-right:1px solid rgba(0,0,0,.1);}
.navbar .nav li:first-child a{border-left:0;border-radius:3px 0 0 3px;}
.navbar .nav li:last-child a{border-right:0;border-radius:0 3px 3px 0;}
.navbar-collapse{padding-right:0;padding-left:0;}
.container .jumbotron{padding-right:10px;padding-left:10px;}
.jumbotron.homepage{padding:15px 30px 30px 30px;letter-spacing:0.15em;min-height:400px;background:#ffffff url('/merchants/ml/img/slider01.jpg') no-repeat right bottom;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);}
.homepage h1{font-size:50px;line-height:1;padding-left:15px;}
.homepage .lead{font-size:24px;line-height:1.25;}
.homepage .btn{font-size:21px;padding:14px 24px;}
footer nav{text-transform:uppercase;}
footer .nav li a{padding:0;}
footer .companyinfo{text-align:right;padding-top:0;}
}
@media (min-width:992px){.masthead .form-horizontal .form-group{margin-right:0;}
.masthead .col-md-5, .masthead .col-md-2{padding-right:0;}
.jumbotron.homepage{padding-left:50px;}
.marketing{min-height:250px;}
}
@media (min-width:1200px){.marketing{min-height:220px;}
}
.col-sm-3 .jumbotron, footer .jumbotron, .col-sm-12 .jumbotron, #baccount .jumbotron{color:#ffffff;text-align:center;}
a.jumbotron, a.jumbotron{display:block;margin-bottom:20px;padding:20px 25px;font-size:18px;font-weight:200;line-height:30px;text-shadow:0px -1px 0px rgba(0, 0, 0, 0.25);text-decoration:none;}
.jumbotron h3{margin:0;}
.jumbotron.green{background-color:rgb(98, 196, 98);background-image:linear-gradient(to bottom, rgb(98, 196, 98), rgb(81, 163, 81));}
a.jumbotron.green:hover, a.jumbotron.green:focus,
a.jumbotron.green:active, a.jumbotron.green.active,
a.jumbotron.green.disabled, a.jumbotron.green[disabled]{background-color:rgb(81, 163, 81);background-image:none;}
a.jumbotron.green h3, a.jumbotron.orange h3, a.jumbotron.teal h3, a.jumbotron.blue h3{display:inline;}
.jumbotron.lime{background-color:rgb(187, 218, 120);background-image:linear-gradient(to bottom, rgb(187, 218, 120), rgb(134, 172, 53));}
a.jumbotron.lime:hover, a.jumbotron.lime:focus,
a.jumbotron.lime:active, a.jumbotron.lime.active,
a.jumbotron.lime.disabled, a.jumbotron.lime[disabled]{background-color:rgb(134, 172, 53);background-image:none;}
a.jumbotron.orange{background-color:rgb(251, 180, 80);background-image:linear-gradient(to bottom, rgb(251, 180, 80), rgb(248, 148, 6));}
a.jumbotron.orange:hover, a.jumbotron.orange:focus,
a.jumbotron.orange:active, a.jumbotron.orange.active,
a.jumbotron.orange.disabled, a.jumbotron.orange[disabled]{background-color:#f89406;background-image:none;}
a.jumbotron.teal{background-color:rgb(91, 192, 222);background-image:linear-gradient(to bottom, rgb(91, 192, 222), rgb(47, 150, 180));}
a.jumbotron.teal:hover, a.jumbotron.teal:focus,
a.jumbotron.teal:active, a.jumbotron.teal.active,
a.jumbotron.teal.disabled, a.jumbotron.teal[disabled]{background-color:rgb(47, 150, 180);background-image:none;}
a.jumbotron.blue{background-color:rgb(51, 140, 210);background-image:linear-gradient(to bottom, rgb(51, 140, 210), rgb(26, 107, 168));}
a.jumbotron.blue:hover, a.jumbotron.blue:focus,
a.jumbotron.blue:active, a.jumbotron.blue.active,
a.jumbotron.blue.disabled, a.jumbotron.blue[disabled]{background-color:rgb(26, 107, 168);background-image:none;}
a.jumbotron.gray{background-color:rgb(200, 200, 200);background-image:linear-gradient(to bottom, rgb(180, 180, 180), rgb(125, 125, 125));}
a.jumbotron.gray:hover, a.jumbotron.gray:focus,
a.jumbotron.gray:active, a.jumbotron.gray.active,
a.jumbotron.gray.disabled, a.jumbotron.gray[disabled]{background-color:rgb(125, 125, 125);background-image:none;}
.accordion{margin-bottom:20px;}
.accordion-group{margin-bottom:2px;border:1px solid #e5e5e5;background-color:#ffffff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.accordion-heading{border-bottom:0;}
.accordion-heading .accordion-toggle{display:block;padding:8px 15px;}
.accordion-heading .accordion-toggle{cursor:pointer;}
.accordion-inner{padding:9px 15px;border-top:1px solid #e5e5e5;}
#brequirements dt{width:75px;font-size:30px;}
#brequirements dd{margin-left:90px;}
::-ms-reveal{display:none !important;}
.hideShowPassword-toggle-hide{background-position:-44px center;}
.my-toggle-class{color:#888;cursor:pointer;font-size:0.75em;font-weight:bold;padding:0.5em 1em;text-transform:uppercase;margin-right:5px;}
.message-nav > li > a:hover{background-color:transparent;}
.message-container{background-color:#ffffff;padding-left:20px;margin-bottom:20px;margin-top:10px;box-sizing:border-box;border-radius:6px;}
.message-col{margin-bottom:20px;padding-left:0}
.message-signature{margin:30px 0 30px 0;}
.message-body{text-align:left;}
.message-updates-faq p{margin-right:20px;margin-bottom:25px;box-sizing:border-box;border-radius:6px;}
.dl-horizontal dd{margin-bottom:20px;margin-left:115px;}
.dl-horizontal dt{text-align:right;width:95px;}
.numberTag {display:inline-block;width:63px;height:24px;font-size:11pt;text-align:center;vertical-align:central;margin-bottom:10px;}
.bold {font-weight:bold;}
.input-large input[type="radio"],
.input-large input[type=checkbox] {transform: scale(1.5);-webkit-transform: scale(1.5);}
.terms-cond {color: #989898; margin: 10px 0; font-size: 14px; }


.control-label {
    text-align: center;
}

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
    }
}

#besignatures .esig .form-control, #besignatures label label, #besigs .esig .form-control, #besigs label label {
    display: inline;
}

#besignatures #declineModal .modal-footer, #besigs #declineModal .modal-footer {
    text-align: center;
}

#besignatures .modal-footer .btn, #besigs .modal-footer .btn {
    margin-bottom: 10px;
}


@media (max-width: 769px) {  
	.jumbotron {
		padding: 0;
		text-align: center;
		background-color: transparent;
	}

	#ctl01_frmLoanAmount {
		float: none;
	}

	.ml-21-heading {
	font-weight: 700;
}
}

.text-success {
	color: rgb(98, 196, 98);
}

h3.ml-21-heading {
	text-transform: uppercase;
}

.icon-container {
	margin-top: 20px;
}
.loan-header {
	font-weight: 700;
}
.loan-page {
	line-height: 24px;
}
.sub-header {
	font-weight: 600;
	font-size: 18px;
	margin-bottom: 10px;
}

.sub-sec-header {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 10px;
}

.nav-item {
	display:block; 
	width:16.6666667%; 
}

.dropdown-menu {
	padding: 0;
}

.dropbox-item {
	border-bottom: solid;
	border-width: 0.5px;
	border-color: rgba(0,0,0,.1);
	background-color: #f8f8f8;
	width: 100%;
}

.dropdown-menu > li > a {
	padding: 15px;
}

.cta-span {
	color: #33CC66;
}

.cta-btn {
	background-color: #EEA236;
	color: #fff;
}
.cta-btnEsign {
    background-color: #dc953b;
    color: #fff;
/*    transform: skewX(-10deg);*/
}
@media screen and (max-width: 768px) {

    .nav-item {
        /*width: 100%;*/
        width: 15.6666667%;
    }
	.navbar-fixed-top a {
		text-transform: initial;
		font-weight: 600;
	}
	.dropbox-item {
		border: none;
	}
	.dropdown-menu > li > a {
	padding: 5px;
	padding-left: 40px;
	text-transform: initial;
	font-weight: 600;
	display: block;
}

	.dropdown-menu {
		display: block;
		background-color: transparent;
		position: relative;
		float: none;
		box-shadow: none;
		border: none;
	}
}

.esig-test {
	margin-top: 20px;
	text-align: center;
	font-size: 28px;
	font-family: "raleway", sans-serif;
	font-weight: bold;
    color: rgb(231, 146, 26);
}

.btn-success {
	font-weight: 600;
}


.ml-show {
	text-align: center;
	margin-top: 20px;
}

.ml-hide {
	display: none;
}

.page-header {
	margin: 0px;
}

.page-header > h3 {
	margin: 10px 0 0 0;
}

.hiw__sub {
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 200;
}

.hiw__fine {
	font-size: 12px;
}
ul#sitemap, #sitemap ul {
    padding-bottom: 10px;
    padding-left: 0px;
}
ul#sitemap li {
    list-style: outside none none;
    font-size: 16px;
}
ul#sitemap > li {
    padding-bottom: 18px;
}
ul#sitemap > li >  ul > li {
    padding-bottom: 0px;
    padding-left: 20px;
}
sup {
    font-size: 70%;
}
.city__sub-heading, .alt-no-allcaps {
    text-transform:none;
    font-size:16px;
   font-weight:700;
}
.city__heading {
    text-transform:none;
}

th, td {
    word-wrap: break-word;
}

table {
    table-layout: fixed;
    width: 100%;
}

.esig__submit--btn {
    padding-left: 40px;
    padding-right: 40px;
}

.agree-button {
    width: 325px;
    margin-top: 10px;
}

@media screen and (max-width: 414px) {
    .esig__submit--btn {
        padding-left: 10px;
        padding-right: 0px;
        font-size: 16px;
    }

    .agree-button {
        width: 300px;
        padding: 5px;
        font-size: 12px;
    }
}

@media screen and (max-width: 320px) {
    .esig__submit--btn {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 14px;
    }

    .agree-button {
        width: 260px;
        padding: 5px;
        font-size: 12px;
    }
}



.loyalty-home {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 20px 30px;
    clear: both;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
}

.loyalty-home__main {
    font-weight: bold;
    font-size: 28px;
    text-transform: uppercase;
    color: #000;
}

.loyalty-home__copy {
    font-size: 18px;
    font-weight: normal;
}

.loyalty-home__btn.btn-default {
    width: 100%;
    background-color: #e7921b;
    border: none;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
}

.loyalty-home__btn:hover {
    background-color: #f0ad4e;
    color: #fff;
}

.questions-contact {
    list-style-type: none;
    padding-left: 0;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

.questions-contact__item {
    list-style-type: none;
    margin-bottom: 5px;
}


.loyalty-info {
    text-align: center;
    margin-top: 20px;
}

.loyalty-info__header {
    background-color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}

.marketing-spacing {
    margin-bottom: 20px;
}


.loyalty-info__headers {
    font-weight: bold;
    font-size: 16px;
    margin-top: 10px;
}

.loyalty-info__copy {
    font-size: 14px;
}

.loyalty-info__heading {
    background-color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    margin: 0;
    text-transform: uppercase;
}

.loyalty-info__cont {
    padding-top: 20px;
    padding-bottom: 20px;
}

.loyalty-caps {
    text-transform: uppercase;
}

.loyalty-level__header {
    font-weight: 600;
    font-size: 48px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.loyalty-level__copy {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    font-weight: normal;
}

.loyalty-accounts {
    padding: 10px 20px;
    background-color: #fff;
}

.loyalty-accounts__header {
    font-weight: 300;
}

.loyalty-progress__fill {
    min-height: 100%;
    position: absolute;
    top: 0;
    padding-left: 10px;
}

.progress-text {
    position: absolute;
    top: 0;
    padding-left: 10px;
    z-index: 999;
}

.loyalty-green {
    background-color: #59bf5d;
}

.loyalty-silver {
    background-color: #9c9c9c;
}
.loyalty-gold {
    background-color: #d0bc6d;
}
.loyalty-platinum {
    background-color: #232323;
}

.loyalty-progress__fill--green {
    width: 25%;
    background: #59bf5d;
}

.loyalty-progress__fill--silver {
    width: 50%;
    background: #9c9c9c;
}

.loyalty-progress__fill--gold {
    width: 75%;
    background: #d0bc6d;
}

.loyalty-progress__fill--platinum {
    width: 100%;
    background: #232323;
}

.loyalty-progress {
    background-color: #ccc;
    position: relative;
    top: 0;
    height: 20px;
    color: #fff;
    line-height: 40px;
    text-transform: uppercase;
    font-family: raleway;
    font-weight: 300;
    font-size: 12px;
    margin-bottom: 10px;
}



.loyalty-accounts {
    padding: 10px 10px;
    background-color: #fff;
    clear: both;
}

.loyalty-hiw {
    padding: 20px 0;
    background: #f7f7f7;
}

.loyalty-icon {
    font-size: 30px;
    color: #2c8f2c;
}

.loyalty-info__cont {
    background-color: #f7f7f7;
}


.levels-head {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #fff;
    margin: 0;
    padding: 20px 0;
    font-weight: 500;
    border: solid 1px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
}

.amount-cont {
    border-bottom: solid 1px #e4e4e4;
}

.amount-cont__amt {
    margin: 0;
    padding: 20px 0;
    font-size: 32px;
    font-weight: bold;
}

.levels-info {
    padding: 20px 20px;
    background: #fff;
    text-align: center;
    border-radius: 10px;
}

.levels-info__cont {
    transition-duration: .5s;
    transition-property: box-shadow;
    margin-bottom: 20px;
}

    .levels-info__cont:hover {
        box-shadow: rgba(0,0,0,.5) 0 0 10px;
    }

.levels-info__list {
    list-style-type: none;
    padding: 0;
    margin-top: 20px;
    font-size: 16px;
}

.levels-info__list-item {
    margin-bottom: 5px;
}


.amount-cont {
    background-color: #F7F7F7;
}

.loyalty-cta__btm {
    text-align: center;
    padding: 20px 0;
    margin: 20px 0;
}

.loyalty-btm__marketing {
    background-color: #fff;
    position: relative;
    border-radius: 10px;
}

.loyalty-faqs {
    border-right: 1px solid #e4e4e4;
    padding-bottom: 40px;
}

.loyalty-status {
    position: relative;
    min-height: 100%;
}

.loyalty-btm__questions {
    text-align: center;
}

.loyalty-btm__copy {
    font-size: 18px;
    margin-bottom: 20px;
}

.loyalty-copy-new{
    font-size: 18px;
    line-height: 32px;
}

.loyalty-faqs__header, .loyalty-btm__header {
    font-weight: bold;
}

.loyalty-btm__header {
    font-size: 18px;
    
}


.loyalty-btm__header {
    font-size: 18px;
    margin-top: 40px;
}

.loyalty__questions {
    font-size: 16px;
    text-align: left;
}

.btn.status-btn {
    background-color: #dcdcdc;
    color: #666;
    margin-bottom: 20px;
    border: none;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 20px;
}


.btn.status-btn:hover {
    background-color: #666;
    color: #dcdcdc;
}

.faq-panel {
    border: none;
    font-size: 18px;
}

a {
    color:#000;
}

a:hover {
    color: #000;
}


.faq-panel__header {
    border: solid 1px #ccc;
}


.loyalty-faqs__header {
    font-size: 24px;
    margin-top: 20px;
}

.loyalty-blue-btn {
    background-color: #e7921b;
    border: none;
    padding: 10px 40px;
    border-radius: 10px;
}

    .loyalty-blue-btn:hover {
        background-color: #f0ad4e;
        color: white;
    }

.loyalty-level-head {
    color: #8e8e9b;
     margin-bottom: 20px;
}

.levels-info__list-head {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.levels-info__list-sub {
    text-transform: lowercase;
    font-size: 18px;
    color: #63b95d;
    font-weight: bold;
    margin-bottom: 20px;
}

.loyalty-faq__headers {
    text-transform: none;
    color: black;
}


    .loyalty-faq__headers:hover {
        text-decoration: none;
    }

.img-responsive {
    display: inline-block;
}

.img-responsive.lcpImg {
    width: 247px;
    height: 116px;
}

.ml-link {
    color: #59BF5D;
}

#content_customContent_pmtSubmit, #content_customContent_ButtonPrint, #content_customContent_pmtSubmit:hover, #content_customContent_ButtonPrint:hover {
    background-color: #59BF5D;
    color: #fff;
}

#btnAddPmt, .removeBtn {
    color: #59BF5D;
    text-decoration: underline;
    cursor: pointer;
}

.btl-account-hide {
    display: none;
}
.ml-account-show {
    display: block;
}
.nowrap {
    white-space: nowrap;
}

.sidebarCollectionsHours {
    font-size: 18px !important;
    line-height:20px !important;
}


.navbar {
    margin-bottom: 50px;
}

.homepage {
    position: relative;
}

.sdf-img {
    position: absolute;
    right: -50px;
    top: -40px;
    width: 120px;
}
/*interstitial esig page*/

#bgScreen {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0;
    background-color: #efefef;
    z-index: 1999;
    top:0;
    left:0;
    opacity: 0.8;
    filter: alpha(opacity=80);
}
#esigInterstitial {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border-color: #26bc50;
    border-style: solid;
    border-width: 1px;
    box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    z-index: 2000;   
    position:fixed;
    left:50%;
    margin: 20px 0 20px -384px; 
    padding-top:0px;
    background-color: #fff;
    max-width: 768px;
}
.inter-head {
    font-family: 'Titillium Web';
    font-weight: 900;
    font-size: 40px;
    color: #26bc50;
    letter-spacing:1px;
}
.inter-subhead {
    font-family: 'Titillium Web';
    font-weight: 700;
    font-size: 20px;
    color: #000;
    letter-spacing:.5px;
}

.inter-info {
    font-family: 'Lato';
    font-weight: 400;
    font-size: 17px;
    color: #000;
    margin: 20px auto 0 auto;
}
.inter-info span.strong {
    font-weight:900;
}
.inter-loader {
    margin:25px 0;
}
.inter-center {
    text-align: center;
}
.inter-steps-box{
    width:80%;
    margin: 0 auto;
}
.inter-steps-box-1 {
    background-color: #26bc50;
    margin-bottom:5px;
}
.inter-steps-box-1 p {
    font-family: 'Titillium Web';
    font-weight:900;
    color:#fff;
    font-size: 20px;
    letter-spacing: 1.8px;
    line-height:20px;
    margin:6px;
}
.inter-debold {
    font-weight: 700;
}
.inter-steps-box-2 {
    border-right-style:solid;
    border-right-color:#fff;
    border-right-width:3px;
}
.inter-steps-box-2 , .inter-steps-box-3 {
    background-color: #efefef;
    padding: 20px 0 0 0;
    min-height:140px; 

}
.inter-icon {
    padding: 10px 20px; 
    font-size: 48px; 
    height:100px    ;
    color: #26bc50;
    display:inline-block;
    float:left;
}
.inter-steps-box-subhead {
    font-family: Lato;
    font-size: 21px;
    font-weight: 900;
    margin-bottom:5px;
    line-height: 22px;
}
.inter-steps-box-info {
    font-family: Lato;
    font-size: 15px;
    font-weight: 400;
    line-height:18px;
    margin-bottom:10px;
}

.inter-asteric-legal {
    font-family: lato;
    font-size: 12px;
    font-weight: 400;
    margin-bottom:35px;
}

.inter-bottom {
    font-family: lato;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 400;
}
.inter-legal {
    /*    font-size: 10px;*/
    /*color: #9e9e9e;*/
    width: 80%;
    margin: 0 auto 20px auto;
    text-align: justify;
    /*line-height:12px;*/
    border-top: 1px solid #BFBFBF;
}
.closeInterstitial {
    cursor: pointer;
} 
button.closeInterstitial  {
    padding:4px 8px; 
}
a.closeInterstitial  {
  font-weight:600; 
}
@media only screen and (max-width: 799px) {
    #bgScreen {
        background-color: #fff;
        opacity: 1;
        /*filter: alpha(opacity=100);*/
    }
    #esigInterstitial {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        border-color: transparent;
        border-style: none;
        border-width: 0;
        box-shadow: none;
        z-index: 2000;
        margin:0 auto;
        position: relative;
        left:0;
        top:-45px;
        max-width: inherit;
    }
    .inter-head {
        position:relative;
        left:25px;
    }
    .inter-subhead {
        line-height:20px;
    }

    .inter-info {
        font-size: 16px;
        line-height:18px;
    }
    .inter-steps-box{
        width:88%;
        margin: 0 auto;
    }
    .inter-steps-box-1 p {
        font-size: 17px;
     }
    .inter-steps-box-2 {
        border-right-style:none;
        border-right-color:transparent;
        border-right-width:0;
        border-bottom-style:solid;
        border-bottom-color:#fff;
        border-bottom-width:3px;
    }
    .inter-steps-box-2 , .inter-steps-box-3 {
        background-color: #efefef;
        padding: 10px 20px 5px 0;
        min-height:0; 

    }
    .inter-icon { 
        font-size: 40px; 
        height:inherit;
        padding:0 20px;
    }
    .inter-steps-box-subhead {
        font-size: 19px;
        margin-bottom:3px;
        line-height: 20px;
    }
    .inter-steps-box-info {
        font-size: 15px;
        font-weight:500;
        line-height:15px;
    }

    .inter-asteric-legal {
        width:70%;
        margin:0 auto 25px auto;
    }

    .inter-bottom {
        font-size: 15px;
    }
    .inter-legal {
        width:97%;
        /*margin:0 10px 10px 10px;*/
    }
    button.closeInterstitial  {
        position:relative;
        top:-15px;
        clear:both;

    }
}
/*end interstitial esig page*/

/* ml acceptesig.aspx alt content for bttc landing page workflow*/
.accept-esig-confirmation-box {
    margin-top: 30px;
    padding: 20px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 2px solid #26bc50;
    background-color: #fff;
    font-family: 'Open Sans','Arial','sans-serif';
}

.accept-esig-confirmation-box h1 {
    color: #1b3664;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: none;
}

.accept-esig-confirmation-box p {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 0px;
}

.accept-esig-confirmation-box p a {
    font-weight: 600;
    color: #26bc50;
    text-transform: capitalize;
}
/* end ml acceptesig.aspx alt content for bttc landing page workflow*/


.bttc-main-head, .bttc-sub-head, .bttc-info-box--head {
    text-align: center;
    text-transform: uppercase;
}

.bttc-main-head {
    font-family: 'Titillium Web';
    font-weight: 900;
    color: #666;
    letter-spacing: 1px;
}

.bttc-sub-head {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.bttc-info-box--head {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
}

.bttc-info-box--copy {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    
}

.bttc-sidebar, .bttc-info-box {
    border-radius: 4px;
    background-color: #efefef;
}

.bttc-next-btn {
    background-color: #f7931e;
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 100%;
    letter-spacing: .4px;
}

.bttc-box-inner {
    padding: 20px 50px 20px 100px;
    border: 1px solid #999;
    border-radius: 2px;
}

.bttc-sidebar {
    padding: 20px 20px;
}

.bttc-sidebar-copy, .bttc-sidebar-header {
    text-transform: uppercase;
}


.bttc-sidebar-header {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
}

.bttc-sidebar-copy {
    text-align: center;
    line-height: 25px;
    color: #999;
}

.bttc-schedule-btn {
    background-color: #26bc50;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.bttc-icon-1 {
    background-image: url('/merchants/ml/img/checkmarkML.png');
    background-size: cover;
    width: 70px;
    height: 50px;
    margin-left: 48px;
}

.bttc-icon-2 {
    background-image: url('/merchants/ml/img/phone1ML.png');
    background-size: cover;
    width: 70px;
    height: 50px;
    margin-left: -21px;
}

.bttc-icon-3 {
    background-image: url('/merchants/ml/img/phone2ML.png');
    background-size: cover;
    width: 70px;
    height: 50px;
}

.bttc-icon-4 {
    background-image: url('/merchants/ml/img/scheduleML.png');
    background-size: cover;
    width: 70px;
    height: 50px;
}

.bttc-secondary-copy {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.bttc-secondary-copy-1 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 18px;
 
}

.bttc-secondary-copy-3 {
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 18px;
    margin: 10px 0;
}


.bttc-landing-container {
    padding: 30px 60px; 
    margin-top: 60px;
}

.bttc-subhead-infobox {
    margin-top: 40px;
    margin-bottom: 40px;
}

.bttc-first-sub {
    margin: 20px 0;
}
.bttc-schedule-group {
    padding: 0 5px;
}
.bttc-chevron-esig {
    padding: 10px 0;
}


#content_customContent_callNumber {

}

#content_customContent_callTimeHour,
#content_customContent_callTimeMinute,
#content_customContent_callTimeAmPm {
    width: 32%;
    display: inline;
    font-size: 14px;
    padding-left: 2px;
}



.bttc-spacer {
    margin: 10px 0;
    
}

.info-box-head {
    border: 1px solid #999;
    margin-bottom: 10px;
    margin-top: 40px;
    background-color: #efefef;
    border-radius: 2px;
  
}

h1.infobox-header {
    font-family: 'Titillium Web';
    font-weight: 900;
    color: #666;
    margin-top: 20px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.bttc-schedule-time {
    padding-right: 0;
}

@media screen and (max-width: 1200px ) {

    .bttc-icon-1 {
        margin-left: -2px;
    }

    .img-responsive.lcpImg {
        width: 197px;
        height: 93px;
    }
}


@media screen and (max-width: 992px ) {
    .bttc-icon-1 {
        margin-left: 0;
    }

    .bttc-icon-2 {
        margin-left: 0;
    }

    .img-responsive.lcpImg {
        width: 361px;
        height: 170px;
    }


    a #ml-complete-btn.btn.bttc-next-btn {
        width: 100%;
    }

    .bttc-schedule-group {
        padding: 0 15px;
        margin-top: 10px;
    }

    .bttc-schedule-btn {
        width: 100%
    }

    .bttc-ml-number {
        padding-right: 0;
    }

    .bttc-sidebar-header {
        text-align: center;
    }

    @media screen and (max-width: 768px ) {

        .quick {
            display: none;
        }

        .bttc-landing-container {
            padding: 30px 60px;
            margin-top: 0;
        }

        div.container.well.bttc-landing-container {
            padding: 20px 30px 20px 30px;
        }

        h1.bttc-main-head {
            font-size: 21px;
            margin-top: 0;
        }

        h2.bttc-sub-head {
            font-size: 14px;
            line-height: 16px;
            margin-top: 10px;
        }

        .bttc-subhead-infobox {
            margin-top: 10px;
            margin-bottom: 0;
        }

        .bttc-secondary-copy {
            font-size: 16px;
            padding-right: 0;
            text-align: left;
        }

        .bttc-info-box {
            margin-top: 20px;
        }

        div.bttc-box-inner {
            padding: 20px 30px;
        }

        .bttc-first-sub {
            margin: 10px 0;
        }

        .bttc-secondary-copy-3, .bttc-secondary-copy-1 {
            margin: 0;
            font-size: 14px;
            padding-right: 0;
        }

        .bttc-sidebar {
            padding-top: 0;
        }

        div.bttc-box-inner {
            padding-bottom: 0;
        }

        a#ml-complete-btn.btn.bttc-next-btn {
            width: 100%;
        }

        .bttc-icon-1, .bttc-icon-2, .bttc-icon-3, .bttc-icon-4 {
            width: 40px;
            height: 30px;
        }

        .bttc-schedule-group {
            padding: 0 15px;
            margin-top: 10px;
        }

        .bttc-chevron-esig, .schedule-btn-cont {
            padding: 0;
        }

        .bttc-schedule-time {
            padding-right: 13px;
        }

        .bttc-spacer {
            margin: 10px 0;
        }

        #content_customContent_callTimeHour,
        #content_customContent_callTimeMinute,
        #content_customContent_callTimeAmPm {
            font-size: 14px;
            padding: 0;
        }

        .schedule-btn-cont {
            padding-left: 18px;
            padding-right: 0;
            margin-top: 10px;
        }


        h1.infobox-header {
            font-size: 21px;
        }
    }
}

@media screen and (max-width: 460px) {
    .img-responsive.lcpImg {
        width: auto;
        height: auto;
    }
}


.footerline {
    border-color: #BFBFBF;
}


/*accept esign 2fa*/

.alertRegisterErrorspadding {
    padding-left: 5px;
}

.pwline {
    display: inline-block;
}

.pwsetup1 {
    padding-left: 6px;
}

.esignreentermargin {
    top: -20px;
    position: relative;
}

.esignsavepwdmargin {
    top: -20px;
    position: relative;
}

.esigninputfield {
    border: none;
    width: 15ch;
    background: repeating-linear-gradient(90deg, #00000029 0, #00000029 1ch, transparent 0, transparent 2.5ch) 0 100%/100% 2px no-repeat;
    color: #4c4747;
    font: 6ch consolas, monospace;
    letter-spacing: 1.5ch;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
}

.esignpasscodecontrol input:focus {
    outline: none;
    color: dodgerblue;
}

.esigncontent-footer {
    padding-top: 40px;
}

.clsimg2fa {
    width: 60px;
}

.accesignforgotstep1 {
    color: #3c6;
    font-size: 16px;
    font-weight: 600;
}

.accesignforgotstep2headlbl {
    text-transform: initial;
    /*font-weight: 600;*/
    margin-top: 2px;
}

.fontweight {
    font-weight: 600;
}

.accesignaccount-sub-head__email {
    font-size: 14px;
    font-weight: bold;
    color: darkgray;
    padding-left: 5px;
}

.accesignforgotstep2qt {
    margin-bottom: 0px;
    margin-top: 12px;
    font-weight: bold;
}

.accesignforgotstep2qtline2 {
    color: #3c6;
}


.accesignforgotstep2 {
    color: #3c6;
    font-weight: 600;
    font-size: 14px;
}

.accesignforgotstep3Email {
    /*font-weight: bold;*/
    color: darkgray;
    padding-left: 5px
}

.accesignStepfrRow {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
}

    .accesignStepfrRow > .col-sm-9 {
        margin-top: 10px;
        font-weight: 600;
    }

        .accesignStepfrRow > .col-sm-9 > span {
            text-transform: uppercase;
            font-size: 18px;
        }

.accesignnewsecimg {
    width: 44%;
}

.accesignheadert {
    margin-top: 10px !important;
    font-weight: bold;
}


.accesignfgtbuttonalign {
    margin-top: 30px !important;
}

    .accesignfgtbuttonalign > .col-md-4 {
        text-align: end;
        /*margin-top: 30px;*/
    }

        .accesignfgtbuttonalign > .col-md-4 > button {
            text-decoration: underline;
            color: gray;
            background-color: transparent;
            border: 0;
            box-shadow: none;
        }

.accesignrdb > tbody tr td input[type='radio'] {
    height: 12px;
    width: 12px;
}

.accesignrdb > tbody tr td {
    padding-bottom: 5px;
}

    .accesignrdb > tbody tr td label {
        font-weight: normal;
        font-size: 15px;
    }

.accesignnewsecimgalign {
    text-align: right;
}

.accesignthankstextalign {
    text-align: left;
}

.accesignbtnresndnextalign {
    text-align: center;
}



.accesignSecDOB {
    padding-left: 0 !important;
    padding-bottom: 10px;
}

.accesignSecSSN {
    padding-left: 0 !important;
    padding-right: 0px;
}


    .accesignSecSSN > .controls {
        width: 100%;
    }

.accesignSecDOB > .controls > .hideShowPassword-wrapper {
    position: relative;
    display: block;
    vertical-align: middle;
    margin: 0px;
}

.accesignSecDOB > .controls {
    width: 83%;
}


.acceptesig-verifyemail {
    margin-top: 10px;
}

.acceptesig-identityemail {
    margin-top: 10px;
}

.acceptesig-identitytype {
    margin-top: 10px;
}

.btnresend {
    border: 0;
    background: transparent;
    text-decoration: underline;
    margin-top: 6px;
}

.btncodesend {
    /*text-align: center;*/
    margin-top: 6px;
}

.btnesignresend {
    border: 0;
    background: transparent;
    text-decoration: underline;
    margin-top: 6px;
    text-transform: uppercase;
    color: gray;
    font-weight: bold;
}

.btnverifynextinactive {
    color: #ffffff;
    background-color: lightgray;
    border: 2px solid lightgray;
    font-weight: bold;
    border-radius: 0;
    padding: 5px 36px;
}


.btnverifynextactive {
    color: #ffffff;
    background-color: #dc953b;
    border: 2px solid #dc953b;
    font-weight: bold;
    border-radius: 0;
    padding: 5px 36px;
}

btnverifynextactive:focus {
    outline: none;
}

.acceptesigndivborder {
    border: 0px;
}
/*accept esign 2faend*/

/* login 2fa start*/
.page-header-register > h1 {
    font-weight: 700;
    text-shadow: 0px 0px 1px #000000;
    margin-top: 0px;
}

.loginbtn2:hover, .acceptesig_btn_sendcode_Next_savemypwd:hover, .loginbtn2:focus, .acceptesig_btn_sendcode_Next_savemypwd:focus, .loginbtn2:active, .acceptesig_btn_sendcode_Next_savemypwd:active {
    color: #ffffff;
    background-color: #dc953b !important;
    border-color: #dc953b !important;
}




.logimg {
    width: 100%;
}

.esignlogimg {
    width: auto;
}

.NewPasswordSec .errmsgvw {
    bottom: 0px !important;
}

input[type="radio"] {
    margin-right: 10px;
    transform: scale(1.5);
    width: 12px;
    height: 12px;
}

.paycheckmargin1 label {
    font-size: 16px;
    font-weight: normal;
    font-family: Roboto Regular;
}

input[type='radio']:checked:after {
    width: 13px;
    height: 13px;
    border-radius: 15px;
    top: -1px;
    left: -1px;
    position: relative;
    background-color: #75c675;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid white;
}

/*FireFox*/
@-moz-document url-prefix() {
    .accesignrdb > tbody tr td input[type="radio"] + label:after {
        margin-top: 0px;
        width: 23px;
        height: 23px;
    }

    input[type="radio"] + label:after {
        display: inline-block;
        content: "";
        text-align: center;
        color: #ccc;
        background: transparent;
        border: 0;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin: 0 10px;
        border-radius: 50%;
        position: absolute;
        left: 2px;
        margin-top: 1px;
    }

    input[type="radio"]:checked + label:after {
        color: #fff;
        /*background: #75c675;*/
        border-color: white;
    }
}

.addclass > p {
    margin: 0px;
}

/*login 2fa end*/
/* For Request-5549*/
.selectoptiondisabled {
    color: #D5D5D5;
}

.nav__menu {
    z-index: 1;
}

/* For the request 2641: Next day popup*/

#grad1 {
    background-color: #62C463; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #62C463, #02BBDD);
}

.mktprefsubhead414 {
    display: none;
}

.lblThankyou {
    padding-top: 20px;
}

.pymenttooltip {
    margin-top: -15px;
    width: 15px;
}

.flagtxtpadding {
    padding-top: 7px;
}

.esignrdopadding {
    padding-left: 5px;
}

.form-check-label {
    font-size: 14px;
}

    .form-check-label > span {
        font-size: 13px;
    }

.pickerpadding {
    padding-top: 15px;
}

.thanksname {
    color: #33cc66;
}

.esignsection {
    padding-left: 0px
}

.mx-callanytime {
    font-weight: bold;
    color: #33cc66
}

#content_customContent_lnkloanagreement {
    padding: 10px;
    background-color: rgb(41, 76, 41);
    color: white;
}

#content_customContent_btnloandocumentsubmit {
    float: right;
    width: 140px;
    border-radius: 0px;
    font-weight: bold;
}

#content_customContent_btnloandocumentsubmitdesk {
    font-weight: bold;
}


.esigalign2 {
    padding-left: 0px;
}

.greencolor, .lufgreen {
    color: #33cc66;
}

.bttcschmsg {
    background-color: white;
    color: #33cc66;
}

.smsmsgfooter {
    font-style: italic;
    color: darkgray;
    font-size: 10px;
}

.nonauto2steps {
    text-align: center;
}

.diffloanamount {
    color: #33CC66;
    font-size: 9pt;
    font-weight: bold;
    padding-top: 20px;
}

.diffloanamount-esign-header {
    color: #33CC66;
    font-size: 9pt;
    font-weight: bold;
    padding-top: 20px;
}

.diffloanamount-esign-header-mobile {
    color: #33CC66;
    font-size: 9pt;
    font-weight: bold;
    padding: 10px 10%;
}

#email-verification-spinner-no-text {
    padding: 10px 4%;
}

#email-verification-spinner-yes-text {
    padding: 10px 4%;
}

.acceptesignaccount {
    background-color: orange;
    color: #fff;
    font-weight: bold;
    padding: 5px;
    text-transform: uppercase;
    font-size: 14px;
    transform: skew(-15deg);
    border: none;
    width: 30%;
    height: 35px;
}

.bttccriteria {
    text-align: center;
    padding-top: 20px;
    color: darkgray;
    font-size: 11px;
}

.bttccriteria-new-AO {
    text-align: center;
    padding-top: 20px;
    color: darkgray;
    font-size: 11px;
}

.dot {
    --c: #33cc66;
    --r: 1px;
    --s: 0px;
    height: 100%;
    /*display: inline-block;*/
    margin-left: 0px;
    position: relative;
    --g: radial-gradient(circle closest-side, var(--c) 100%,#33cc66);
    background: var(--g) 0 calc(var(--s)/-2)/var(--r) calc(var(--r) + var(--s)) repeat-y;
}

.dotend {
    content: "";
    position: absolute;
    top: 97.5%;
    left: 7px;
}

.footerdot {
    width: 12px;
    height: 12px;
    border-radius: 14px;
    top: 100%;
    left: 24.5px;
    position: absolute;
    content: '';
    background-color: #EEA236;
}

.headerdot::before {
    width: 13px;
    height: 13px;
    border-radius: 14px;
    top: -1px;
    left: -6px;
    position: relative;
    background-color: #EEA236;
    content: '';
    display: inline-block;
}

.secdetpadfromhead {
    padding-top: 20px;
}

@media screen and (max-width: 767px) {
    .secdetpadfromhead {
        padding-top: 40px;
    }

    .dArrangementSecondBlock {
        width: 98%;
    }
}

.bttcalertalignment {
    margin-top: -171px;
}

.bttcalertalignmentNew {
    margin-top: -238px;
    margin-left: 404px;
}

.esignsubhead {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #1B3664;
    font-size: 18px;
}

.esignsectiontitle {
    text-transform: uppercase;
    color: #1B3664;
    font-size: 20px;
    margin-bottom: 5px;
}

.esignsectionheader {
    font-size: 28px;
    font-weight: bold;
    color: #EEA236;
    padding-right: 5px;
    font-family: 'Titillium Web', sans-serif;
}


.esignsectionheaderRow {
    /*background-color: bisque;*/
    padding-top: 30px;
}

.esignVIPsectionheader {
    /*background-color: #33cc66;*/
}

.table-unlined {
    width: 60%;
    clear: left;
}

    .table-unlined td.right {
        text-align: right;
    }

.esignsectionheadersubtitle {
    color: black;
    font-size: 13px;
    font-weight: normal !important;
    vertical-align: middle;
}

.scheduletext {
    font-weight: bold;
    margin-top: 20px;
}

.scheduletext-new-AO {
    font-weight: bold;
    margin-top: 20px;
}

.callmenowborder {
    border-left: 2px solid lightgray;
    border-top: none;
}

.callmenowborder-new-AO {
    border-left: 2px solid lightgray;
    border-top: none;
}

.modal-backdrop {
    opacity: 0.5 !important;
}

.modal-popup {
    backdrop-filter: contrast(0.5);
    background-position: center;
    overflow-y: auto;
    z-index: 9999
}

    .modal-popup:before {
        height: 100%;
    }

.bttcnextdayalertwidth {
    width: 700px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.bttcnextdayalert_Popupwidth {
    width: 65%;
    padding-top: 0px;
    padding-bottom: 0px;
}

.ThankYou_Popupwidth {
    width: 60%;
    padding-top: 0px;
    padding-bottom: 0px;
}

.weCalltext {
    text-align: center
}

.popup-img {
    width: 40px;
}

.btn-div-img {
}

.btn-div-text {
}

.btn-div-img-no {
    width: 10%;
    float: left;
}

.btn-div-text-no {
    width: 90%;
    float: left;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
}

.btn-div-text-yes {
    float: left;
    width: 80%;
    padding-top: 5px;
    padding-left: 10px;
    text-align: left;
}

.btn-div-img-yes {
    width: 20%;
    float: left;
}

.newmodelpopupText {
    text-align: center;
    color: black;
    font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
}

.newAOmodalPopupwidth, .bttcnextdayalert_Popupwidth, .ThankYou_Popupwidth, .infoNotCorrectPopup {
    width: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.newmodelpopuptitle {
    text-align: center;
    color: black;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 700;
}



.bttcnextdayalertyes {
    padding-left: 45%;
    margin-top: -5px;
}

.bttc-modal-TitleText {
    font-size: 15pt;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
}

.bttc-modal-DayText {
    font-size: 17pt;
    font-family: 'Open Sans', sans-serif;
    font-weight: 900;
}

.bttc-modal-DayText-NewAO {
    color: black;
    font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
}

.sp-yesno-text {
    font-family: 'Titillium Web', sans-serif;
    text-decoration: underline;
    font-size: 17px;
}


.bttc-modal-desctext1 {
    font-size: 13pt;
    font-family: 'Open sans', sans-serif;
    font-weight: 700;
}


.bttc-modal-desctext2 {
    font-size: 14pt;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}

.bttc-modal-desctext2-NewAO {
    font-size: 14pt;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}



.bttc-modal-format {
    padding: 35px 15px 20px 15px;
    background: #33cc66;
    color: white;
}


.bttc-modalpreffooter {
    padding-left: 5px;
    padding-right: 5px;
}

.bttc-modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}

.bttc-modalprefyes {
    color: white;
    font-weight: inherit;
    padding: 0 3px;
    font-size: 13pt;
    font-family: 'Open Sans', sans-serif;
}

.bttc-modalprefno {
    color: white;
    padding: 0 3px;
    margin-top: -5px;
    font-size: 13pt;
    font-family: 'Open Sans', sans-serif;
}

.bttc-yes-popup-check {
    color: #d2e5ab;
}


.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

#bttcnextdayalert:before {
    height: 100%;
}


#bttcnextdayalert .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

#bttcnextdayalert .modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.check-container {
    /* display: flex; */
    flex-wrap: nowrap;
}

    .check-container > div {
    }

#content_customContent_callTimeAmPm {
    width: 100%;
    height: 21px;
}

#content_customContent_callTimeHourMinute {
    width: 100%;
    height: 21px;
}

#content_customContent_callTimeAmPmNewAO {
    width: 100%;
    height: 25px;
}

#content_customContent_callTimeHourMinuteNewAO {
    width: 100%;
    height: 25px;
    float: left;
}

.ampm-new-AO {
    padding-left: 1%;
}


#schedulepaymentlink {
    -webkit-appearance: button;
    -moz-appearance: button;
    text-decoration: none;
    background-color: #E5901B;
    color: white;
    border: none;
    padding-left: 5px;
    padding-right: 5px;
}

.call-anytime, .call-anytime-esign, .call-anytime-aftesign {
    float: right;
    text-align: right;
}

    .call-anytime > h5 {
        font-weight: 500;
        text-transform: none;
        font-size: 18px;
        font-family: "Helvetica Neue, Helvetica, Arial, sans-serif";
    }

    .call-anytime > p {
        font-weight: 500;
        color: #33cc66;
        font-family: 'Lato', sans-serif;
        font-size: 20px;
    }


    .call-anytime-esign > img {
        padding: 0 93px 0 0;
        width: 100%
    }

    .call-anytime-aftesign > img {
        padding: 0 93px 30px 0;
        width: 100%
    }

.app-esig-breadcrumb {
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1b3664;
}

.bread-active {
    color: #33cc66;
}

.breadcrumb1 {
    opacity: 0.3;
    color: #33cc66;
}

.breadcrumb2 {
    opacity: 0.1;
    color: #33cc66;
}

.desired-loan-amount,
.consent-header {
    background-color: #33cc66;
    font-family: 'Lato', sans-serif;
}

.about-you__cont {
    background-color: #fff;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 20px;
    padding-right: 20px;
}

.about-you_acceptesig {
    /*background-color: #fff;*/
    /*padding-bottom: 30px;*/
    font-family: 'Open Sans', sans-serif;
    padding-left: 20px;
    padding-right: 20px;
}

.app-esig__bttcvips {
    padding-left: 15px;
    padding-right: 15px;
}

.createpwdpadding {
    padding-left: 20px;
    padding-right: 20px;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0px;
}

.form-input {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}

.form-row {
    margin-top: 20px;
}

.form-input-text {
    margin-top: 0;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

.about-you-two {
    /*margin-top: 5px;*/
}

.desired-loan-amount__heading {
    display: inline-block;
    /*    color: #333;*/
    color: white;
    font-size: 15px;
    font-weight: initial;
    margin: 0.1em 0em 0em 0;
}

.pickerdollarsign {
    /* margin-left: 10px; */
    transform: scale(1);
    padding-right: 10px;
    /* Update 11/15/2019 Edge*/
    margin-left: 6px;
    color: #333;
}

.desired-loan-amount__select {
    float: right;
    font-weight: 600;
    text-transform: uppercase;
    /*Request-3485*/
    padding: 7px 9px 4px 0px;
    /*Request-3485*/
    /*padding-top: 10px;*/
    /* Updated 11/25/19 */
    /*padding-right: 9px;*/
}

.desired-loan-amount__selector {
    display: inline-block;
    border: none;
    padding: 10px;
    margin: 0 -10px 0 -10px;
    font-size: 16px;
    /*Request-3485*/
    /*background: #33cc66;
    color: #333;*/
    background: white;
    color: initial;
    font-weight: 600
}

.calendar_icon, .calendar_iconS {
    width: 20px;
    margin-top: 10px;
}

.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_label,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_container.dhtmlxcalendar_skin_omega div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
    background-image: none;
}

.dhtmlxcalendar_cell_month_hover {
    cursor: pointer !important;
}

.new-cta-btn {
    float: right;
    border-radius: 7px;
    padding: 5px 80px;
    font-size: 15px;
    font-weight: bold;
}

.checkyourapproval {
    padding: 5px 60px;
    float: right;
    font-size: 16px;
    background-image: none;
    border-radius: 2px;
}

.applycolor {
    /*text-transform: capitalize;*/
}

.resetscreen {
    margin-bottom: 30px;
}

.firstupper {
    text-transform: initial;
}

.aligncen {
    text-align: center;
}

.capitalone {
    font-weight: 600;
    text-transform: initial;
}

.capitalletter {
    text-transform: initial;
    font-weight: 600;
}

.cap {
    text-transform: initial;
}

.new-cta__approved {
    float: right;
    border-radius: 2px;
    padding: 5px 20px;
    text-transform: uppercase;
    color: gray;
    font-weight: 600;
}

.app-esig-backbtn {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin-left: 20px;
}


.date-container {
    position: relative;
}

.open-button {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 35px;
    height: 25px;
    background: #fff;
    pointer-events: auto;
}

    .open-button button {
        border: none;
        background: transparent;
    }

.app-esig__header {
    border-top: solid 2px #134c26;
    border-bottom: solid 2px #134c26;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 20px 0;
}

.app-esig__subheader {
    margin: 40px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
    color: #134c26;
}

    .app-esig__subheader > p {
        margin: 0;
    }

.img-container {
    text-align: center;
}

#transition {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 500;
}

.transition-container {
    border: 2px solid #33cc66;
}

.transition-heading {
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
    color: #33cc66;
    font-weight: 500;
    margin: 0;
}

.warning-heading {
    /*   font-family: 'Titillium Web', sans-serif;*/
    font-size: 14px;
    color: #333;
    font-weight: 500;
    margin: 0;
    text-transform: none;
    align-content: center;
}


.app-esig__header .transition-heading {
    font-weight: 700;
}

/*MTG-57*/
.callnowAO {
    padding: 8px 20px 8px 20px;
    background-color: #da810c;
    color: white;
    font-weight: bold;
    border: 2px solid #33cc66;
    border-radius: 7px;
    width: 150px;
}

.callNow-hascallVerified {
    color: black !important;
    border: 2px solid #d58512;
    background-color: transparent;
}

.schedulecallAO {
    padding: 7px 10px;
    background-color: #da810c;
    color: white;
    border-radius: 5px;
    font-weight: 600;
    margin-right: 2px;
}

.ClosebtnAO {
    padding: 12px;
    background-color: #da810c;
    color: white;
    border: none;
    border-radius: 5px;
    width: 150px;
    font-size: 17px;
}

.cancelbtnAO {
    padding: 7px 10px;
    background-color: white;
    color: #da810c;
    border: 1px solid #da810c !important;
    border-radius: 5px;
    margin-left: 5px;
}

.infoNotCorrectPopup {
    width: 900px;
}

.input-phone-NewAO {
    width: 320px !important;
}

.infoNotCorrectPopup .modal-content {
    border-radius: 0px
}

.div-phone {
    margin-left: 10px;
}

.header-text {
    border: none;
    padding-bottom: 1px;
}

.div-phone {
    margin-left: 10px;
}

.title-text {
    text-align: center;
    font-weight: 600;
}

.title-text {
    text-align: center;
    font-weight: 700;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 30px;
}

.title-text-thankYou-popup {
    text-align: center;
    font-weight: 800;
}

.confirmationcalltoptext {
    padding-bottom: 1px;
    font-family: 'Titillium Web', sans-serif;
    font-size: 17px;
    font-weight: 500;
    color: black;
    text-align: center;
}

.pdtp5 {
    padding-top: 5px;
}

.pdtp40 {
    padding-top: 40px;
}

.pdtp50 {
    padding-top: 50px;
}

.pdbm30 {
    padding-bottom: 30px;
}

.pdbm8 {
    padding-top: 8px;
}

.divscheduleAOYes {
    padding-left: 1px;
    text-align: center;
    padding-top: 30px;
    font-size: 20px;
}

.divscheduleAONo {
    padding-left: 30px;
    text-align: left;
    padding-top: 30px;
    font-size: 20px;
}

.btn-circle-popup-img {
    border: 0px;
    margin: 5px 0px;
    background: none;
    width: 100%
}

.header-text-thankYou {
    border: none;
}
/*end of MTG-57*/
@media screen and (max-width: 376px) {
    .loansub {
        font-size: 10px !important;
    }

    #sliderrightcont {
        padding-left: 0px !important;
    }

    .callfreepadding {
        padding: 28px 0px 0px 0px !important;
    }

    .aoprotext {
        padding-left: 0% !important;
    }

    .esignverified {
        width: 9%;
    }
}

.callfreepadding {
    padding: 28px 50px 0px 30px;
}

.loanheading {
    color: #333333;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
}

.loansub {
    color: #333333;
    font-size: 12px;
    font-family: sans-serif;
    font-weight: bold;
}

#sliderleftcontdocloader {
    padding-left: 0px;
    padding-top: 8px;
}

#sliderrightcontdocloader {
    padding-left: 0px;
    padding-top: 8px;
}

.docloaderrangeinput {
    /*width:94% !important;*/
}

.dcSlidermergin {
    margin-left: 0px;
}

.amtvalleft {
    float: right;
    margin-right: -12px;
}

.amtvalleft, .amtvalright {
    color: #333333;
    font-size: 18px;
    font-weight: 600;
}

.acceptloan {
    text-align: center !important;
}

.selectedloanamount {
    color: #33CC66;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: bold;
    padding-left: 10px;
}

.acceptloan {
    margin: 10px 0px;
}

.maxlessthanpre {
    margin-top: -5px;
    padding-top: 0px;
    padding-bottom: 30px;
}

.acceptloan > label {
    color: #333333;
    font-size: 14px;
    font-family: sans-serif;
}

.loanacceptbtn {
    text-align: center;
}

    .loanacceptbtn > .loginbtn2 {
        font-size: 14px !important;
        font-family: sans-serif !important;
        margin-top: 0px !important;
        width: 54% !important;
        margin-left: 0px;
    }

        .loanacceptbtn > .loginbtn2 > span {
            text-transform: none !important;
        }

.btn-accept {
    padding: 5px 25px;
    background-color: #30CB68;
    border-color: #30CB68;
    font-weight: 600;
    color: #fff !important;
}

.reqamtupdatephone {
    color: #33CC66 !important;
}

.loaninput > .forminputamount {
    position: relative !important;
}

.transition-subhead {
    color: #33cc66;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
}

.transition-italic {
    color: #33cc66;
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px;
    font-size: 16px;
    font-style: italic;
}

.transition-italic__secondary {
    color: #33cc66;
    font-family: 'Open Sans', sans-serif;
    margin-top: 80px;
    font-size: 20px;
    font-style: italic;
}

.app-esig-lvl-cont {
    /*margin-top: 20px;*/
    text-align: center;
    margin-left: 20px;
    margin-right: 20px;
    background-color: white;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

.app-esig-mrkt-icons {
    margin-top: 60px;
}

.lvl-active {
    -webkit-box-shadow: 0px 0px 53px -14px rgba(0, 0, 0, 0.78);
    -moz-box-shadow: 0px 0px 53px -14px rgba(0, 0, 0, 0.78);
    box-shadow: 0px 0px 53px -14px rgba(0, 0, 0, 0.78);
}


.call-free-container {
    margin-bottom: 20px;
}

.icon-container {
    padding: 20px 0;
}

.consent-header__heading {
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    color: white;
    font-size: 28px;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 5px;
}

.consent-header__heading--btm {
    font-family: 'Titillium Web', sans-serif;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0 0;
    color: white;
    padding-left: 20px;
}

.eleconsentlink, a.eleconsentlink:hover {
    color: white;
}

.eleconsent {
    font-size: 16px;
}

.esigndocpadding {
    padding-left: 0px;
}

.consent-header__heading--btm-p {
    margin-top: -5px;
    font-size: 13px;
    font-weight: bold;
    color: black;
    padding-left: 20px;
}

.non-orginate-list {
    padding: 0;
}

.ao-orginate-list {
    padding: 0;
}

.non-originate-list > li {
    margin-bottom: 20px;
}

.transition-heading__non-orginate {
    font-size: 20px;
    font-family: 'Titillium Web', sans-serif;
}

.transition-heading {
    color: #33cc66;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
}

.txtcontact {
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

.createpwdrighttxt, .createpwdrighttxtmob {
    margin-left: 35px;
    color: #75c675;
    font-weight: 600;
    font-size: 14px;
}

.createpwdrighttxtmob {
    margin-left: 45px;
}

.lblborrower {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

.loan-documents-banner {
    background: #134c26;
    position: fixed;
    color: #fff;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    line-height: 25px;
    z-index: 5000;
}

a.loan-documents-banner-a {
    color: #fff;
}

.app-esig__small {
    margin-top: 20px;
    /*font-style: italic;*/
    padding-top: 10px;
    padding-bottom: 10px;
}

.icon-border {
    background-color: #fff;
}

.app-esig__bttc {
    /*margin-top: 10px;
    margin-bottom: 10px;
        */
}

.app-esig__bttcvip {
    margin-top: 10px;
    margin-bottom: 10px;
}

.app-esig__logout {
    color: black;
    text-decoration: underline;
}


.validation-error {
    color: #b94a48;
    font-size: 11px;
}

.info-container {
    position: relative;
}

.bank-container {
    top: -2px;
    right: 0px;
    width: 15px;
    height: 25px;
    background: #fff;
    pointer-events: auto;
}

.popup {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .popup .infotext {
        visibility: hidden;
        background-color: #33cc66;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        font-style: italic;
        font-size: 12px;
    }

    .popup .esigBox {
        width: 160px;
        top: 29px;
        left: 160px;
    }

    .popup .esigBox2 {
        top: 29px;
        left: -46px;
        width: 285px;
    }

    .popup .aboutpg {
        top: -44px;
        left: 125%;
        width: 160px;
        font-weight: normal;
    }

    .popup .multiloginpg {
        top: 50px;
        left: 100%;
        width: 380px;
        font-weight: normal;
    }

    .popup .aboutpg2 {
        top: -9px;
        left: 125%;
        width: 160px;
    }

    .popup .incomepg {
        top: -10px;
        left: 125%;
        width: 160px;
    }

    .popup .bankpg {
        top: -18px;
        left: 280px;
        width: 380px;
    }

    .popup .bankpg2 {
        top: -66px;
        left: 150px;
        width: 285px;
    }

.esig {
    width: 50%;
    float: left
}

.show1 {
    visibility: hidden;
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s;
}

.cell {
    display: none
}

.calltimeshow {
    display: none
}

.show2 {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
    display: block
}

.popup .consentpg {
    top: -1px;
    left: 75%;
    width: 160px;
    background-color: #333;
}

.popup .infotext::after {
    content: "";
    position: absolute;
    top: 35%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #33cc66 transparent transparent;
}

.popup .bankpg::after {
    top: 31px;
}


.popup .bankpg2::after {
    top: 79px;
}

.popup .esigBox::after {
    content: "";
    position: absolute;
    top: -5%;
    right: 46%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #33cc66 transparent;
}

.popup .esigBox2::after {
    content: "";
    position: absolute;
    top: -3.5%;
    right: 46%;
    margin-left: -5px;
    border-width: 7px;
    border-style: solid;
    border-color: transparent transparent #33cc66 transparent;
}

.popup .consentpg::after {
    border-color: transparent #0b0e0c transparent transparent;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.info-container2 {
    position: relative;
    top: 0px;
    right: 1px;
    width: 15px;
    height: 25px;
    background: #fff;
    pointer-events: auto;
}

.info-container-ssn {
    position: relative;
    top: 0px;
    right: 1px;
    width: 15px;
    height: 21px;
    background: #fff;
    pointer-events: auto;
    vertical-align: bottom;
}

.info-container3 {
    position: relative;
    top: 0px;
    right: 1px;
    width: 15px;
    height: 20px;
    background: #fff;
    pointer-events: auto;
}

.ext {
    height: 38px;
    padding: 6px 4px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
}

.ext2 {
    padding-left: 16px
}

.ext3 {
    padding-left: 35px
}

.checkbox-container {
    top: 30px
}

#content_customContent_checkbox {
    transform: scale(2);
    margin: 9px;
}

.checkbox-text {
    font-size: 15px;
    font-weight: bold
}

.cc1, #cc, #ccml {
    width: 100%
}

.fa {
    font-size: 60px;
    color: #33cc66;
    right: -148px;
    top: -34px;
    z-index: 10;
    /*   position: relative;*/
    position: initial;
    left: 195px;
}

.cc-esig, #cc, #cc1, #ccml, #cc1ml {
    width: 100%
}

#state {
    font-size: 9px;
    color: #999;
    margin-top: 5px;
}

.state {
    width: 100% !important
}

#check {
    padding-top: 35px;
    width: 80%
}

.breadcrumb1 {
    opacity: 0.3;
    color: #33cc66;
}

.breadcrumb2 {
    opacity: 0.1;
    color: #33cc66;
}

#description1 {
    font-size: 12px;
    color: #bfbfbf;
}

#twosteps {
    width: 30%;
    top: 52px
}

#simplysignml {
    width: 30%;
    top: 16px
}

.simplysign2 {
    text-align: center;
}


.btn-dl-circle-img {
    border: 0px;
    margin: 5px 0px;
    background: none;
    width: 45px;
}

.calendy {
    position: absolute;
    top: 0px;
    right: 22px;
    height: 25px;
    pointer-events: auto;
}

.calendydob {
    right: 10px;
}

.paydatebox {
    padding-left: 0px;
}

.yes {
    font-size: 13pt;
    vertical-align: top;
}

.yes1 {
    font-size: 13pt;
    vertical-align: top;
}

.consentapproval {
    text-align: center;
    font-size: 13px;
    color: gray;
    font-weight: 600;
    float: right;
    padding-right: 28px;
    font-family: 'Titillium Web';
}

.consentbtn {
    margin-left: 5px
}

.consent-header-margin-bottom {
    margin-bottom: 10px;
    margin-top: 40px;
}

.esigimg {
    width: 28%
}

.esigbtn {
}

.esigheader {
    margin-top: 30px;
}

.esigcheck {
    font-size: 16pt;
}

.img-container1 {
    text-align: center;
}

.img-container2 {
    text-align: center;
    font-size: 13pt;
    font-family: 'Open Sans', sans-serif;
    margin-top: 20px;
}

.col-md-8 .img-container {
}

.callbtn {
    left: 50%
}

#state2 {
    padding-top: 20px
}

.consentindent {
    padding-left: 9%
}

.icon-alignment, .consenttext, .consenttextAO {
    display: inline-flex
}

.customselect {
    -webkit-appearance: menulist;
    border-color: gray;
    border-radius: 5px;
}

.customselect-new-AO {
    -webkit-appearance: menulist;
    border-color: gray;
    border-radius: 5px;
}

.esigcheck {
    left: 109px;
    top: 2px
}

.esigcheck1 {
    left: 40px
}

.esigcheck2 {
    left: -131px
}


.loanpicker {
    top: 0px;
    z-index: 9;
    margin: -100px 0 -11px;
    right: 35px;
    /*Request-3485*/
    /*    padding: 6px 2px;*/
    padding: 3px 0px 3px 18px;
}

.pickerdollarsign {
    margin-left: 15px;
    transform: scale(1);
    /*Request-3485*/
    /*    padding-right: 10px;
    margin-right: 5px;*/
    padding-right: 0px;
    margin-right: -18px;
    color: gray
}


#esig-non-btt1, #esig-non-btt2, #esig-non-btt3, #esig-non-btt4, #esig-non-btt5, #esig-non-btt6, #esig-non-btt7, #esig-non-btt8 {
    left: 18px
}

#esig-non-btt5, #esig-non-btt6, #esig-non-btt7, #esig-non-btt8 {
    top: 10px;
}

#calendar_icon_DOB {
    width: 20px;
    margin-top: 5px;
}

#consentQmark {
    top: 10px;
    left: -100px;
}

.col {
    padding-top: 20px
}

.dep {
    padding-top: 20px
}

.consentQborder {
    border: 2px solid white;
    border-radius: 25px;
}

#descript {
    margin-bottom: 5px;
    margin-left: 35%;
    color: #000;
    float: right;
    font-size: 14px;
}

#descript3, #descript2 {
    font-size: 12px;
}

#descript2 {
    margin-right: 20%;
}

.contentpart {
    font-family: 'Titillium Web', sans-serif;
}
/* Start Radio button style*/
.switch-field {
    display: flex;
    /*overflow: hidden;*/
}

    .switch-field input {
        position: absolute !important;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        width: 1px;
        border: 0;
        overflow: hidden;
    }

    .switch-field label {
        /* background-color: #fff;*/
        color: rgba(0, 0, 0, 0.6);
        font-size: 13px;
        line-height: 1;
        text-align: center;
        padding: 8px 10px;
        margin-right: 11px;
        transition: all 0.1s ease-in-out;
        border: 1px solid whitesmoke;
        box-shadow: 2px 2px 5px #e4e4e4;
    }

.grey-backgruond {
    background-color: gray;
}

.footererrormsg {
    display: block;
    color: red;
    max-width: 618px;
    margin-left: 50px;
    font-weight: bold;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input[name=switch-one]:checked + label {
    background-color: #33cc66;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 25px 0 0 25px;
}

.switch-field input[name=switch-two]:checked + label {
    background-color: #EEA236;
    box-shadow: none;
}

.switch-field label:last-of-type {
    border-radius: 0 25px 25px 0;
}

.mktsmsyes {
    background-color: #33cc66;
    color: white !important;
}

.mktsmsyesnoselect {
    color: white;
}

.mktsmsno {
    background-color: red;
    color: white !important;
}

.mktcallsyes {
    background-color: #33cc66;
    color: white !important;
}

.mktcallsno {
    background-color: red;
    color: white !important;
}

.cellnobreak {
    display: none;
}

.mktprefsubhead {
    display: none;
}
/* End Radio button style*/
.preference {
    width: 41%;
    padding-right: 0px;
}

.form-check-input {
    font-weight: 600;
}

#content_customContent_callTimeHourMinute, #content_customContent_callTimeAmPm {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius: 0px;
}

    #content_customContent_callTimeHourMinute:hover {
        border: 2px solid black;
    }

    #content_customContent_callTimeAmPm:hover {
        border: 2px solid black; /* Green */
    }

#content_customContent_callTimeHourMinuteNewAO, #content_customContent_callTimeAmPmNewAO {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    border-radius: 0px;
}

    #content_customContent_callTimeHourMinuteNewAO:hover {
        border: 2px solid black;
    }

    #content_customContent_callTimeAmPmNewAO:hover {
        border: 2px solid black; /* Green */
    }

.hours-new-AO {
    padding-right: 2px;
}

.bttc {
    font-size: 12px;
    float: left;
    text-align: left;
}

.cancelbtncon {
    padding: 0
}

.okbtn2 {
    padding: 0 5px 0 5px;
    background-color: #33cc66;
    color: white;
    border: 2px solid #33cc66;
    text-transform: uppercase;
    font-weight: bold;
}

.callmenow {
    padding: 10px 20px 10px 20px;
    background-color: #33cc66;
    color: white;
    font-weight: bold;
    border: 2px solid #33cc66;
    border-radius: 7px;
    width: 70%;
}

.callmenowtext {
    text-align: center;
    /*  width: 100%;*/
}

.callmenowtext-new-AO {
    text-align: center;
    width: 100%;
    padding-bottom: 10px;
}

.cancelbtn {
    padding: 0 5px 0 5px;
    color: black;
    border: 1px solid gray;
}

.desired-loan-amount {
    margin-bottom: 5px;
}

.abouttext {
    text-align: center;
    font-size: 9pt;
    color: darkgray;
    float: left;
    margin-left: 125px;
    margin-top: 10px;
}

.new-cta-btn1 {
    float: right;
    border-radius: 2px;
    padding: 5px 60px;
    width: 60;
}

.new-cta-btn2 {
    float: right;
    border-radius: 2px;
    padding: 5px 60px;
    width: 60;
}

.refreshDescription1 {
    float: right;
    border-radius: 2px;
    padding: 5px 60px;
    width: 60;
}

.consentalign2 {
    padding-left: 26px;
}

.consentalign5 {
    display: inline-block;
    width: 85%;
    padding-left: 0px;
    padding-top: 5px;
}

.consentalign5No {
    display: inline-block;
    width: 85%;
    padding-left: 0px;
}

.consentalignelec {
    display: inline-block;
    padding-left: 0px;
    padding-top: 5px;
}

.yes {
    width: 11%;
    vertical-align: top;
}

.yes1 {
    width: 11%;
    vertical-align: top;
}

input[type="checkbox"] {
    margin-bottom: 5px;
    margin-top: 5px;
    margin-right: 10px;
    margin-left: 5px
}

#submitBtn {
    float: right;
    margin: 40px -46% 0px 0px;
}

.consentalign6 {
    display: inline-block;
    width: 85%;
    padding-left: 0px;
    padding-top: 0px;
}

#defaultCheck2,
#defaultCheck4 {
    margin: 4px 15px 0 4px
}

#content_customContent_frmPaycheckType_0, #content_customContent_frmPaycheckType_1, #defaultCheck3,
#defaultCheck5 {
    margin: 2px 15px 0 4px
}

.consent-savetime {
    color: white;
    font-size: 12pt;
    margin: 6px 0px 3px 25px;
}

.consent-verify {
    margin: 6px 0px 3px 90px;
}

#seccontent #btnEsignNow {
    color: #fff;
}

.img-container-vip {
    width: 100%;
}

input[type="radio"] {
    margin-right: 10px;
}

.callnowpara {
    color: #3c6;
    vertical-align: bottom;
}

.account-sub-head,
.account-sub-head__email {
    font-size: 16px;
    font-weight: normal;
}

.account-sub-head__email {
    color: #959595;
}

.account-sub-head {
    float: left;
    font-weight: 600 !important;
    margin-right: 10px;
}

.account-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

.account-btn {
    margin-bottom: 30px;
}

a.account-link {
    float: right;
    color: #dc953b;
    margin-top: 10px;
    margin-bottom: 15px;
}

.account-subhead__cta {
    color: orange;
}


.account-pass-rules {
    position: relative;
    font-size: 14px;
}

/* Updated 12/08/19 */
.loginhtml {
    height: 135px;
}

/* Updated 12/08/19 */
.headerhtml {
    height: initial
}

/* Updated 12/08/19 */
.emailTextbox {
    padding-right: 0px;
    margin-right: -20px
}


.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}


.form-data-control {
    text-align: center !important;
    display: block;
    width: 10%;
    height: calc(1.0em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: transparent;
    background-clip: padding-box;
    border: 0;
    border-bottom: 1px solid black;
    border-radius: 0;
    margin-left: 2.5rem !important;
    margin-bottom: 15px;
    overflow: visible;
    word-wrap: break-word;
    box-shadow: none;
}

    .form-data-control:active,
    .form-data-control:focus {
        outline: 0;
        box-shadow: none;
        border-bottom: 1px solid black;
    }

.forgotstep1 {
    color: #75c675;
    font-size: 16px;
    font-weight: 600;
}

.loginlink {
    margin-left: 0;
    text-decoration: underline !important;
    text-transform: initial;
}

.forgotstep2 {
    color: #75c675;
    font-weight: 600;
    font-size: 14px;
}

.forgotstep2headlbl, .createpwdstep2headlbl {
    font-weight: 600;
    margin-top: 2px;
}

.forgotstep2qt {
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 12px;
    text-transform: uppercase;
}

.forgotstep2qtline2 {
    color: #75c675;
}

#btnSendCode {
    text-transform: none;
}

#btnNext3 {
    text-transform: uppercase;
}





.forgotstep3Email {
    font-weight: bold;
    color: #959595;
    padding-left: 10px
}

#step3 > .col-md-12 {
    margin-top: 10px !important;
}

.headert {
    margin-top: 10px !important;
    font-weight: bold;
}

    .headert > span {
        text-transform: uppercase;
        font-size: 16px;
    }

.btn[disabled] {
    background-color: grey;
    border-color: grey;
}

.fgtEnvelopeicon {
    font-size: 4rem;
    top: 12px;
    color: rgb(44, 143, 44);
}

.sp_invalidpassline {
    width: 305px;
    text-align: center;
    margin-left: 5%;
}

.sp_invalidpassline_1 {
    padding-left: 1%;
}

.sp_invalidpassline_2 {
    padding-left: 30%;
}

.fgtbuttonalign, .createbuttonalign {
    margin-top: 1px !important;
}

    .fgtbuttonalign > .col-md-4, .createbuttonalign > .col-md-4 {
        text-align: end;
        margin-top: 20px;
    }

        .fgtbuttonalign > .col-md-4 > button, .fgtbuttonalign > .col-md-4 > input,
        .createbuttonalign > .col-md-4 > button, .createbuttonalign > .col-md-4 > input {
            text-decoration: underline;
            color: gray;
            background-color: transparent;
            border: 0;
            outline: none;
            box-shadow: none;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 15px;
        }

.forgotheader, .createpasswordheader {
    font-weight: bold;
    margin-bottom: 5px;
}

.StepfrRow {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
}

    .StepfrRow > .col-md-9 {
        margin-top: 10px;
        font-weight: 600;
    }

        .StepfrRow > .col-md-9 > span {
            text-transform: uppercase;
            color: #75c675;
            font-size: 18px;
        }

.esignStepfrRow {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
}

    .esignStepfrRow > .col-md-9 {
        margin-top: 10px;
        font-weight: 600;
    }

        .esignStepfrRow > .col-md-9 > span {
            font-size: 18px;
        }

.rdb > tbody tr td label {
    font-weight: 600;
}

.well.form-horizontal.clearfix {
    padding-left: 40px;
    padding-bottom: 40px;
}

#lblloginpage {
    color: lightgray;
}

.newsecimg {
    width: 40%;
}

.newsecimg-newAO {
    width: 40px
}

.thank-you-loader-wrapper {
    padding-left: 11%;
}

.img-thanks {
    padding-top: 10px;
}



.SecDOB, .SecSSN {
    padding-left: 0 !important;
}

    .SecDOB > .controls {
        width: 84%;
    }

        .SecDOB > .controls > .hideShowPassword-wrapper {
            position: relative;
            display: block;
            vertical-align: middle;
            margin: 0px;
        }

.NewPasswordSec {
    display: flex !important;
}

    .NewPasswordSec > .col-md-11 {
        padding-left: 0 !important;
    }

        .NewPasswordSec > .col-md-11 > .controls > .hideShowPassword-wrapper {
            position: relative;
            display: block;
            vertical-align: middle;
            margin: 0px;
        }

    .NewPasswordSec > .col-md-1 > div#match > .fa-check, .NewPasswordSec > .col-md-1 > div#match1 > .fa-check {
        font-size: 24px;
        color: #67ad4c;
        padding: 0;
        left: -14px;
    }

    .NewPasswordSec > .col-md-1 > #nomatch > .fa-times, .NewPasswordSec > .col-md-1 > #nomatch1 > .fa-times {
        font-size: 24px;
        color: red;
        padding: 0;
        left: -14px;
    }

.logineyestyling {
    float: right;
    left: -10px !important;
}

#content_customContent_btnForgotPassword {
    text-transform: uppercase;
    margin-top: 15px;
    width: 80%;
}

#content_customContent_btnSendCode {
    margin-top: 10px;
    margin-bottom: 0px;
}

#content_customContent_loanagreementesign_section {
    margin-bottom: 20px;
}
/*start of identty */
.btncodesend .acceptesig_btn_sendcode_Next_savemypwd {
    /*margin-top: 20px;*/
    text-transform: initial;
    font-size: 16px;
    width: 75%;
    background-color: #dc953b;
    font-weight: bold;
    border: 1px solid #dc953b;
    transform: skewX(-10deg);
    border-radius: 0;
    padding: 5px;
    margin-left: 7px;
    color: #fff;
}

.acceptesig_btn_sendcode_Next_savemypwd {
    margin-top: 20px;
    text-transform: initial;
    font-size: 16px;
    width: 75%;
    /*background-color: #dc953b;*/
    font-weight: bold;
    /*border: 1px solid #dc953b;*/
    transform: skewX(-10deg);
    border-radius: 0;
    padding: 5px;
    margin-left: 7px;
    color: #fff;
}

.acceptesig_btn_resendcode {
    margin-top: 29px;
}

.eyestyling {
    left: 75% !important;
}

.agrdocsuccess {
    border: solid 2px #33cc66;
    padding: 8px;
    margin-top: 30px;
}

#loanActivity.pmtportLoanActivity {
    width: 850px !important;
}

@media (min-width: 581px) and (max-width: 650px) {
    .dArrangementSecondBlock {
        width: 88%; /*LEG-146*/
    }

    .lblNoPayment2 {
        font-size: 10px;
        padding-left: 10px;
    }
}

@media (max-width: 376px) {
    .eyestyling {
        left: 79% !important;
    }

    .bttcnextdayalert_Popupwidth {
        width: 100%
    }

    .divscheduleAONo {
        width: 100%;
        margin: 0 auto;
        padding-left: 0px;
        padding-top: 10px;
    }

    .divscheduleAOYes {
        margin: 0 auto;
        padding-top: 10px;
        padding-left: 0px;
    }

    .btn-div-text-no {
        width: 80%;
    }

    .btn-div-img-no {
        width: 20%;
    }

    .btn-div-img-yes {
        float: left;
    }

    .esignverified {
        width: 9%;
    }

    .emailphonecircle-tabs {
        margin-top: 40px;
    }

    .infoNotCorrectPopup {
        width: 100%;
    }

    .input-phone-NewAO {
        width: 270px !important;
        margin: 0 auto !important;
    }

    .sp_invalidpassline_1 {
        padding-left: 0%;
    }

    .sp_invalidpassline_2 {
        padding-left: 0%;
    }

    .div-esign-resendpasscode {
        margin-left: 15%;
    }

    .div-esign-resendlink, .div-esign-resendlinkAO {
        margin-left: -5% !important;
    }
}

@media (min-width: 377px) and (max-width: 428px) {
    .eyestyling {
        left: 85% !important;
    }

    .bttcnextdayalert_Popupwidth {
        width: 100%
    }

    .lblNoPayment2 {
        font-size: 10px;
        padding-left: 10px;
    }

    .divscheduleAONo {
        width: 100%;
        margin: 0 auto;
        padding-left: 0px;
        padding-top: 10px;
    }

    .divscheduleAOYes {
        margin: 0 auto;
        padding-top: 10px;
        padding-left: 0px;
    }

    .btn-div-text-no {
        width: 80%;
    }

    .btn-div-img-no {
        width: 20%;
    }

    .btn-div-img-yes {
        float: left;
    }

    .esigtext .eisignalinverifed.esignsucesssec {
        background-color: #fff !important;
        padding: 5px;
        color: #dedcda;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: bold;
    }

    .esignverified {
        width: 9%;
    }

    .emailphonecircle-tabs {
        margin-top: 40px;
    }

    .esigtext .eisignalinverifed.esignsucesssec {
        background-color: #fff !important;
        padding: 5px;
        color: #dedcda;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: bold;
    }

    .infoNotCorrectPopup {
        width: 100%;
    }

    .input-phone-NewAO {
        width: 300px !important;
        margin: 0 auto !important;
    }

    .sp_invalidpassline_1 {
        padding-left: 0%;
    }

    .sp_invalidpassline_2 {
        padding-left: 0%;
    }

    .div-esign-resendpasscode {
        margin-left: 15%;
    }

    .div-esign-resendlink, .div-esign-resendlinkAO {
        margin-left: -5% !important;
    }
}

@media (min-width: 429px) and (max-width: 580px) {
    .eyestyling {
        left: 88% !important;
    }

    .dArrangementSecondBlock {
        width: 88%; /*LEG-146*/
    }

    .lblNoPayment2 {
        font-size: 10px;
        padding-left: 10px;
    }

    #email-verification-spinner-no-text {
        padding: 0 4%;
    }

    #email-verification-spinner-yes-text {
    }

    .bttcnextdayalert_Popupwidth {
        width: 100%
    }

    .btn-div-img-no {
        width: 20%;
    }

    .btn-div-text-no {
        width: 80%;
    }

    .divscheduleAONo {
        width: 100%;
        margin: 0 auto;
        padding-left: 0px;
        padding-top: 10px;
    }

    .divscheduleAOYes {
        margin: 0 auto;
        padding-top: 10px;
        padding-left: 0px;
    }

    .btn-div-img-yes {
        float: left;
    }


    .esignverified {
        width: 9%;
    }

    .emailphonecircle-tabs {
        margin-top: 20px;
    }

    .infoNotCorrectPopup {
        width: 100%;
    }

    .input-phone-NewAO {
        width: 300px !important;
        margin: 0 auto !important;
    }

    .div-esign-resendpasscode {
        margin-left: 4%;
    }

    .div-esign-resendlink, .div-esign-resendlink {
        margin-left: -6% !important;
    }
}

@media (min-width: 581px) and (max-width: 768px) {
    .eyestyling {
        left: 88% !important;
    }

    .lblNoPayment2 {
        font-size: 10px;
        padding-left: 10px;
    }

    .dArrangementSecondBlock {
        width: 88%; /*LEG-146*/
    }

    #email-verification-spinner-no-text {
        padding: 0 4%;
    }

    #email-verification-spinner-yes-text {
    }

    .bttcnextdayalert_Popupwidth {
        width: 100%
    }

    .btn-div-img-no {
        width: 20%;
    }

    .btn-div-text-no {
        width: 80%;
    }

    .divscheduleAONo {
        width: 100%;
        margin: 0 auto;
        padding-left: 0px;
        padding-top: 10px;
    }

    .divscheduleAOYes {
        margin: 0 auto;
        padding-top: 10px;
        padding-left: 0px;
    }

    .btn-div-img-yes {
        float: left;
    }


    .esignverified {
        width: 9%;
    }

    .emailphonecircle-tabs {
        margin-top: 20px;
    }

    .infoNotCorrectPopup {
        width: 100%;
    }

    .input-phone-NewAO {
        width: 300px !important;
        margin: 0 auto !important;
    }

    .sp_invalidpassline_1 {
        padding-left: 1%;
    }

    .sp_invalidpassline_2 {
        padding-left: 0%;
    }

    .div-esign-resendpasscode {
        margin-left: 2%;
    }

    .div-esign-resendlink, .div-esign-resendlinkAO {
        margin-left: -8% !important;
    }
}

@media (min-width: 991px) and (max-width: 2000px) {
    .dArrangementSecondBlock {
        width: 88%; /*LEG-146*/
    }

    .lblNoPayment2 {
        font-size: 10px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .eyestyling {
        left: 84% !important;
    }

    .dArrangementSecondBlock {
        width: 88%; /*LEG-146*/
    }

    #email-verification-spinner-no-text {
        padding: 0 4%;
    }

    #email-verification-spinner-yes-text {
    }

    .divscheduleAONo {
        width: 100%;
        padding-left: 0px;
    }

    .divscheduleAOYes {
        width: 100%;
        padding-left: 0px;
    }

    .btn-div-img-no {
        width: 10%;
    }

    .btn-div-text-no {
        width: 90%;
    }

    .emailphonecircle-tabs {
        margin-top: 10px
    }

    .infoNotCorrectPopup {
        width: 80%;
    }

    .input-phone-NewAO {
        width: 320px !important;
        margin: 0 auto !important;
    }

    .sp_invalidpassline_1 {
        padding-left: 1%;
    }

    .sp_invalidpassline_2 {
        padding-left: 30%;
    }

    .div-esign-resendpasscode {
        margin-left: -1%;
    }

    .div-esign-resendlink, .div-esign-resendlinkAO {
        margin-left: -8% !important;
    }
}

@media (min-width: 992px) and (max-width: 1496px) {
    .eyestyling {
        left: 71% !important;
    }

    .emailphonecircle-tabs {
        margin-top: 10px
    }



    .divscheduleAONo {
        width: 90%;
        padding-left: 30px;
    }

    .btn-div-text-no {
        width: 90%;
    }

    .btn-div-img-no {
        width: 10%;
    }

    .input-phone-NewAO {
        width: 320px !important;
        margin: 0 auto !important;
        margin-left: 30px !important;
    }

    .sp_invalidpassline_1 {
        padding-left: 1%;
    }

    .sp_invalidpassline_2 {
        padding-left: 30%;
    }

    .div-esign-resendpasscode {
        margin-left: 11%;
    }

    .div-esign-resendlink, .div-esign-resendlinkAO {
        margin-left: 4% !important;
    }
}

@media (min-width: 1497px) {
    .input-phone-NewAO {
        width: 320px !important;
        margin: 0 auto !important;
        margin-left: 30px !important;
    }

    .sp_invalidpassline_1 {
        padding-left: 1%;
    }

    .sp_invalidpassline_2 {
        padding-left: 30%;
    }

    .div-esign-resendpasscode {
        margin-left: 11%;
    }

    .div-esign-resendlink, .div-esign-resendlinkAO {
        margin-left: 4% !important;
    }
}

.NewPasswordSeceyeicon {
    position: absolute !important;
    top: 0px;
    left: 87% !important;
}

/* Updated 12/08/19 */
.loginbtn {
    width: 22%;
    margin-top: 40px;
    font-size: 16px;
}

#content_customContent_btnNext3.loginbtn2 {
    width: 55% !important;
}

.btnNext3enabled {
    background-color: #EEA236 !important;
    border-color: #EEA236 !important;
    color: #ffffff;
}

.loginbtn2 {
    margin-top: 20px;
    text-transform: initial;
    font-size: 16px;
    width: 75%;
    background-color: #dc953b;
    font-weight: bold;
    border: 1px solid #dc953b;
    transform: skewX(-10deg);
    border-radius: 0;
    padding: 5px;
    margin-left: 7px;
    color: #fff;
}

    .loginbtn2:focus, .acceptesig_btn_sendcode_Next_savemypwd:focus {
        background-color: #dc953b;
        border: 1px solid #dc953b;
        outline: none;
        color: #000;
    }

    .loginbtn2 > span, .acceptesig_btn_sendcode_Next_savemypwd > span {
        transform: skewX(10deg);
        display: block;
        text-transform: uppercase;
    }

    .loginbtn2:hover, .acceptesig_btn_sendcode_Next_savemypwd:hover {
        color: #ffffff;
        background-color: #dc953b;
        border-color: #dc953b;
    }




.loginbtn3 {
    width: 43%;
    margin-top: 40px;
    font-size: 16px;
}

.loginbtn4 {
    width: 43%;
    font-size: 16px;
    background-color: #dc953b;
}


.navbar-toggle {
    margin-right: 25px;
}

/* Updated 12/08/19 */
.loginheader {
    padding-top: 25px;
    padding-left: 5px;
}

.navbar-collapse {
    background-color: #c7d0d5;
}


.pw-icon {
    /* float: right; */
    /* margin-right: 206px; */
    left: 90%;
    margin-top: 7px;
    /* margin-right: 5px;
    margin-top: -30px; */
    position: relative;
    z-index: 2;
    font-size: 20px;
    color: #67ad4c;
}

.fa-eye {
    font-size: 20px;
    color: lightgrey;
}

.fa-eye-slash {
    font-size: 20px;
    color: lightgrey;
}
/* popup3 container */
.popup3 {
    /* position: relative; */
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* */
    /* .info-container2 {
    position: relative;
    top: -31px;
    right: -340px;
    width: 15px;
    height: 25px;
    background: #fff;
    pointer-events: auto;
} */

    .popup3 .loginpg {
        /* top: -33px; 
        left: 125%;*/
        top: 27px;
        left: 100%;
        width: 380px;
    }

#ssntext .show2 {
    visibility: visible;
    /* -webkit-animation: fadeIn 1s;
animation: fadeIn 1s; */
}

/* The actual popup3 */
.popup3 .infotext3 {
    visibility: hidden;
    /* width: 380px; */
    background-color: #3794d1;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 15px;
    position: absolute;
    z-index: 3;
    font-style: italic;
    font-size: 12px
}

    /* popup3 arrow */
    .popup3 .infotext3::after {
        content: "";
        position: absolute;
        /* top: 50%; */
        top: 35%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #3794d1 transparent transparent;
    }


.show1 {
    /* visibility: hidden; */
    display: none
}

.show {
    /* visibility: visible; */
    /* -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s; */
    display: initial
}

.show3 {
    display: initial;
}

.show4 {
    display: initial;
    /* width: 40%; */
}

.icon1 {
    top: 30px !important;
    left: -22px !important;
}

.icon1esigncreatepwd {
    top: 31px !important;
    left: -22px !important;
}

.phone,
.userlock {
    /* padding-left: 6%;
    margin-top: 3%; */
    display: none;
    color: black;
    font-size: 26px;
}

.page-header {
    margin-left: initial;
}

h1,
h2 {
    text-transform: initial;
}

.logintext2 {
    display: none;
}

.newapp {
    width: 80%
}

.newapp1 {
    width: 80%
}

.nextapp5 {
    visibility: hidden;
}

.headertext {
    display: none;
}

.sameEmail {
    width: 50%
}

.sameEmail2 {
    height: 36px
}

/* Updated 01/14/20 */
.sameemail {
    padding-left: 33px;
}
/* Updated 01/17/20 */
.icon2 {
    left: -5px;
    top: 36px;
}

.icon5 {
    left: -82px;
    top: 36px;
}


/* Updated 01/17/20 */
.pwcheck1 {
    width: 46%;
    left: 25px;
    padding-right: 35px;
    padding-left: 0px;
}
/* 
.pwcheck{
    float: left;
} */
/* Updated 01/17/20 */
.pwcheck2 {
    width: 46%;
    left: 46px;
    padding-right: 35px;
    padding-left: 0px;
}

.pwcheck3 {
    /*top: -35px;*/
    /*color: lightgray;*/
}

/* Updated 01/17/20 */
.show5 {
    visibility: hidden;
}

.validation {
    /* .input:focus { */
    outline: none !important;
    border: 1px solid red;
    box-shadow: 0 0 10px #719ECE;
    /* } */
}

    /* Updated 01/14/20 */
    .validation:focus {
        /* .input:focus { */
        outline: none !important;
        border: 1px solid red;
        box-shadow: 0 0 10px #719ECE;
        /* } */
    }

.validation1 {
    /* .input:focus { */
    outline: none !important;
    border: 1px solid #67ad4c;
    box-shadow: 0 0 10px #719ECE;
    /* } */
}

    /* Updated 01/14/20 */
    .validation1:focus {
        /* .input:focus { */
        outline: none !important;
        border: 1px solid #67ad4c;
        box-shadow: 0 0 10px #719ECE;
        /* } */
    }

#disclaimer {
    font-size: 12px;
    display: inline-block;
}

.invalidtxt {
    font-size: 16px;
    margin-top: 15px;
    text-align: center;
}
/* Updated 01/27/20 */
.pwsuccess {
    /* padding: 11px; */
    /* color: #08ee69; */
    /*border: 2px solid #67ad4c;*/
    padding: 15px;
    margin: 10px 30px;
}

/* Updated 01/27/20 */
.pwsuccess1 {
    color: #67ad4c;
    font-size: 20pt;
    font-weight: bold;
}

.pwdsuccessdesc {
    color: #8d8787;
    font-size: 15pt;
    font-weight: normal;
}

.callerwid {
    width: 30%;
}

/* Updated 01/27/20 */
.loginbtn5 {
    width: 35%;
    margin-top: 25px;
    font-size: 16px
}

/* Updated 01/27/20 */
.pwsuccessE {
    border: 3px solid #67ad4c;
    padding: 20px;
    margin: 20px 153px;
}

/* Updated 01/27/20 */
.pwsuccessE1 {
    color: #67ad4c;
    font-size: 16pt;
}

.errmsgvw {
    position: relative;
    bottom: 30px;
}

.show6 {
    /*display: inherit;*/
    /*width: 40%;*/
    width: initial;
}

.icon3 {
    left: 0px;
    margin-right: 40%;
    margin-top: 3%;
    top: 0px;
    position: relative;
}

.icon4 {
    left: 0px;
    top: 30px;
}

.pwcheck4 {
    width: 50%;
    left: 50px;
    /*padding-right: 35px;
    padding-left: 0px;*/
}

.withoutcross::-ms-clear {
    display: none;
}

.errordob {
    top: 0px;
}

#Request2303 {
    font-size: 17px
}

.column-md-12-11 {
    width: 91.66666666666666%;
    margin-left: 8.333333333333332%;
    float: left;
}

.column-offset {
    margin-left: 0;
}

.paycheck1 {
    padding-top: 10px;
    margin-left: -30px;
}

.paycheckmargin {
    margin-left: -15px;
}

.paycheckmargin1 {
    margin-left: -15px;
    margin-top: 15px;
}

.paycheckerror {
    margin-left: 15px;
}

.netpayerror {
    margin-left: 15px;
}

#divCallnowouter {
    padding-top: 0px;
}

.btnokcancel {
    text-align: left;
    padding-left: 0px;
}

.btnschedulecancel {
    text-align: left;
    padding-left: 0px;
}

.scheduleline {
    padding-top: 10px;
}

.scheduleline1 {
    text-align: center;
    padding-right: 0px;
}

.scheduleline2 {
    text-align: center;
    padding-left: 0px;
}


.scheduleline-new-AO-1 {
    text-align: center;
    padding-right: 0px;
}

.scheduleline-new-AO-2 {
    text-align: center;
    padding-left: 0px;
}


.scheduledline1 {
    text-align: center;
    padding-right: 0px;
}

.scheduledline2 {
    text-align: center;
}

.account-sidenavigation {
    background-color: #f5f5f5;
    text-align: center;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar .nav li:first-child a {
    background-color: #c7d0d5;
}

#seccontent .nav-link {
    font-size: 18px !important;
    color: #8e8e8e !important;
}

#seccontent .nav-pills > li.active > a, #seccontent .nav-pills > li.active > a:hover, #seccontent .nav-pills > li.active > a:focus {
    color: #68d78e !important;
    background-color: transparent;
    text-decoration: underline;
    font-size: 18px !important;
}

.callsheader {
    vertical-align: bottom;
    padding-left: 5px;
    font-size: x-large;
}


.savetimetext1 {
    font-size: 18pt;
}

.savetimetext2 {
    color: black;
}

#divCallnow {
    text-align: center;
    padding-right: 0px;
    vertical-align: middle;
}

#divCallnow-new-AO {
    text-align: center;
    padding-right: 0px;
    vertical-align: middle;
}

#divCallnow-new-AO-login {
    text-align: center;
    padding-right: 0px;
    vertical-align: middle;
    padding-bottom: 20px;
    padding-top: 20px;
}

#callmenowsection {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

#callmenowsection-new-AO {
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}

.savetimeheader {
    padding-left: 40px;
    padding-right: 10px
}

.savetimelogo {
    margin-top: 5px;
}

.imgsavetime {
    width: 120%;
    margin-left: 15px;
}

.divsavetimetext {
    color: white;
    padding-top: 10px;
}

.callmenowtext1 {
    padding-bottom: 15px;
}

.or1 {
    padding-left: 100px;
}

/* account score thank you start*/
.accountscore-content {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 20px;
    padding-right: 20px;
}

.tytext {
    font-size: 48px;
    text-align: center;
    color: #33cc66;
}

.tyimg {
    text-align: center;
}

.tyimg1 {
    width: 10%;
}

.tytext1 {
    font-size: 22px;
    text-align: center;
}

.tytext2 {
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    color: #33cc66;
}

.tytext3 {
    font-size: 27px;
    text-align: center;
    color: #33cc66;
}

.img-container {
    text-align: center;
}

.accountscore-call-anytime {
    float: right;
    text-align: right;
    /*color: #33cc66;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.accountscore-header {
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 20px 0;
}

.tycentalign {
    text-align: center;
}

/* end account score thank yoy*/

/*faq Start */

.panel-title > a {
    display: block;
    margin: 0px;
    text-decoration: none;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.more-less {
    float: right;
    color: #212121;
    margin-top: -5px;
}

.panel-default > .panel-heading {
    padding: 0;
    border-color: #EEEEEE;
}


.panel-title > a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.more-less {
    float: right;
    color: #212121;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #EEEEEE;
}

.para-align {
    text-align: justify;
    margin-right: 70px;
    margin-bottom: 0px;
}
/*Faq End*/
.go-green {
    color: #67ad4c;
    font-weight: bold;
}

.go-normal {
    color: lightgray;
    font-weight: normal;
}

.nomatch {
    margin-left: -20px;
    font-size: 12px;
    display: inline-block;
    margin-top: 22px;
}

.newapp1 {
    top: 0px;
    position: relative;
}

.newapp2 {
    /*top: -30px;*/
    position: relative;
    padding-left: 6px;
}

.accountscore-call-anytime {
    float: right;
    text-align: right;
    /*color: #33cc66;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.accountscore-header {
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 20px 0;
}

.accountscore-heading {
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
    color: #33cc66;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.accountscore-content {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 20px;
    padding-right: 20px;
}

.accscore-contcontact {
    text-align: center;
    font-size: 11pt;
    color: black;
    font-family: 'Open Sans', sans-serif;
}

.accountscore-btn {
    font-size: 22px;
    border-radius: 2px;
    padding: 7px 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.mx-call-anytime {
    float: right;
    text-align: right;
    /*color: #33cc66;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
}

.mx-header {
    border-top: solid 1px lightgray;
    border-bottom: solid 1px lightgray;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 20px 0;
}

.mx-heading {
    font-family: 'Titillium Web', sans-serif;
    font-size: 25px;
    color: #33cc66;
    font-weight: 500;
    margin: 0;
    text-align: center;
}

.mx-content {
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    padding-left: 20px;
    padding-right: 20px;
}

.mx-contcontact {
    text-align: center;
    font-size: 11pt;
    color: black;
    font-family: 'Open Sans', sans-serif;
}

.mx-btn {
    font-size: 22px;
    border-radius: 2px;
    padding: 7px 50px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}


.mx-footer {
    /*   text-align: center;
    font-size: 10px;
    color: darkgray;*/
}

.mx-startdesc {
    color: #909497;
    font-size: 9pt;
}

.mx-contdesc1 {
    font-size: 16px;
}

.mx-contdesc2 {
    font-size: 14px;
}

.img-container {
    text-align: center;
}

.accscore-error {
    margin-left: 105px;
}

.paymentOuter {
    display: inline-block;
    padding-bottom: 5px;
}

    .paymentOuter div {
        display: inline;
    }

#settlementOfferSpan {
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    position: relative;
    top: -23px;
    left: 40px;
}

    #settlementOfferSpan.loyaltySettlementOffer {
        position: relative;
        top: -45px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    #settlementOfferSpan.prefSettlementOffer {
        left: 110px;
    }

    #settlementOfferSpan.paymentSettlementOffer {
        left: 190px;
    }

    #settlementOfferSpan.privacySettlementOffer, #settlementOfferSpan.faqSettlementOffer, #settlementOfferSpan.hiwSettlementOffer, #settlementOfferSpan.contactSettlementOffer {
    }

    #settlementOfferSpan a {
        color: rgb(51, 140, 210);
        text-decoration: underline;
        font-weight: 700;
    }

#dPaymentRecalcRebate, #dPaymentRecalcRebateLoss {
    position: relative;
    top: -100px;
}

#div_make_settlement_payment .paymentOuter {
    width: 100%;
    padding-bottom: 0px;
}

#div_make_settlement_payment hr.payment {
    width: 100%;
}

#div_make_settlement_payment .paymentOuter h2:nth-of-type(1), #div_make_settlement_payment .paymentOuter h5:nth-of-type(1) {
    float: left;
    font-weight: 500;
}

#div_make_settlement_payment .paymentOuter h2:nth-of-type(2), #div_make_settlement_payment .paymentOuter h5:nth-of-type(2) {
    float: right;
    font-weight: 500;
}

#div_make_settlement_payment .paymentOuter h2:nth-of-type(2) {
    padding-right: 50px;
    width: 160px;
}

hr.payment {
    margin-top: 5px;
    margin-bottom: 0px;
    width: 130px;
    border-color: #d6dbe0;
    margin-left: 0;
    text-align: left;
}

.dNoLoanPayment {
    float: left;
    margin-top: 20px;
    width: 60%;
    margin-right: 5%;
    margin-left: 3%
}

.dPaymentInput hr, .dPaymentReviewAmount hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.datPayment {
    font-weight: 600;
    font-size: 17px;
}

    .datPayment.small {
        font-size: 12px;
    }

.datPaymentACS {
    font-weight: 500;
    font-size: 17px;
}

.lblPayment {
    font-size: 10px;
}

.lblPaymentInput {
    font-size: 17px;
    font-weight: 900;
    font-family: 'Titillium Web', sans-serif;
}

.lblPaymentHeader {
    font-size: 13px;
    display: inline-block;
    letter-spacing: .5px;
    font-weight: 800;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
}

#div_make_settlement_payment .lblPaymentHeader {
    font-size: 16px;
}

#div_make_payment, #div_make_settlement_payment, #div_noloan_payment {
    overflow: hidden;
    padding: 0px;
    font-family: 'Lato', sans-serif;
    width: 850px;
}

    #div_make_payment h2, #div_make_payment h3, #div_make_settlement_payment h2, #div_make_settlement_payment h3, .dLeftPaymentSummary .lblPayment, #div_make_settlement_payment h5 {
        font-family: 'Titillium Web', sans-serif;
        font-weight: 400;
    }

    #div_make_settlement_payment h5 {
        font-weight: 900;
        font-size: 18px;
    }

.dLeftPaymentSummary .lblPayment {
    font-weight: 200;
}

.dLeftPaymentSummary .datPayment {
    font-weight: 600;
}

#div_make_payment > button {
    position: relative;
    top: 15px;
    right: 15px;
}

#div_noloan_payment > button {
    position: relative;
    top: 15px;
    right: 15px;
}

#div_make_settlement_payment button.close {
    position: relative;
    top: 10px;
    right: 15px;
    color: #FFFFFF;
    opacity: 1;
}

.dLeftPaymentSummary {
    float: left;
    background-color: #A4A4A4;
    padding: 19px;
    color: white;
    height: 390px;
    padding-top: 23px;
}

    .dLeftPaymentSummary h2 {
        margin-top: 10px;
        margin-bottom: 15px;
    }

#div_make_settlement_payment .dLeftPaymentSummary h2 {
    margin-bottom: 0px;
    font-size: 24px;
}

#div_make_settlement_payment .dLeftPaymentSummary {
    width: 100%;
    height: auto;
    float: none;
    padding: 0px 19px 0px 19px;
}

.dPayment {
    float: right;
    margin-top: 25px;
    width: 60%;
    margin-right: 5%;
}

/*LEG-146*/
.noloan {
    margin-right: 15%;
}

#div_make_settlement_payment .dPayment {
    margin-top: 28px;
    width: 90%;
}

.dPaymentInput {
    margin-bottom: 30px;
    clear: both;
}

    .dPaymentInput.dualLine .dPaymentInputDataSelect {
        top: 100px;
    }

    .dPaymentInput.inActive, .arrow.inActive, #paymentAmountHeader.inActive {
        -moz-opacity: 0.2;
        filter: alpha(opacity=20);
        opacity: 0.2;
        cursor: default !important;
    }

    .dPaymentInput h2, .dPaymentInput h3 {
        font-weight: 900;
        margin: 0px;
    }

    .dPaymentInput h3 {
        font-size: 16px;
    }

#paymentMethodS {
    margin-top: 110px;
}

.dPaymentInputSub {
    float: right;
    margin-left: 5px;
    width: 55%;
}

#div_make_settlement_payment .dPaymentInputSub {
    margin-left: 0px;
    width: 510px;
    padding-right: 40px;
}

#div_make_settlement_payment #payDateMultipleS .dPaymentInputSub {
    width: 440px;
    padding-right: 45px;
}

div.dPaymentInputAccInfo .dPaymentInputSub {
    float: none;
    margin-left: 0px;
    display: inline-block;
    width: 58%;
    padding-right: 0px;
}

#div_make_settlement_payment .dPaymentInputAccInfo .dPaymentInputSub {
    width: 300px;
    padding-right: 0px;
}

#div_make_settlement_payment div.dPaymentInputAccInfo .dPaymentInputSub {
    margin-left: 185px;
}

.dPaymentInputAccInfo .legal.chk {
    float: right;
    font-weight: 400;
}

    .dPaymentInputAccInfo .legal.chk input {
        margin-top: 0px;
        margin-bottom: 0px;
        position: relative;
        top: 10px;
    }

#div_make_settlement_payment .dPaymentInputAccInfo .legal.chk {
    float: left;
    margin-top: 0px;
    position: relative;
    left: -5px;
}

#div_make_settlement_payment .dPaymentInputAccInfo input[type="checkbox"] {
    margin-right: 5px;
}

#paymentReview #ckTAC, #paymentReviewS #ckTACS, #paymentReviewS #ckTAX {
    margin: 0px 0px 0px 5px;
    top: 10px;
    position: relative;
}

#lnkACHFile, #lnkACHFileS, #lnkACHDiff, #lnkACHDiffS, #lnkPayPastDue1, #lnkPayPastDue2, #lnkPayPastDue3 {
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 10px;
    text-decoration: underline;
    color: #3794d1;
    font-size: 10px;
}

a#lnkPayPastDue1, a#lnkPayPastDue2, a#lnkPayPastDue3 {
    margin-top: 5px;
    margin-bottom: 10px;
}

/*
#lnkACHDiff {
    left: -86px;
    position: relative;
}
*/

.dPaymentInputSubLeft {
    float: left;
    width: 42%;
}

#div_make_settlement_payment .dPaymentInputSubLeft {
    width: 235px;
}

.dPaymentInputSubLeft.legalHeightFix.line2 {
    height: 200px;
}

.dPaymentInputSubLeft.legalHeightFix.line3 {
    height: 200px;
}

.dPaymentInputSubLeft.legalHeightFix2.line2, .dPaymentInputSubLeft.legalHeightFix.line4 {
    height: 100px;
}

.dPaymentInputSubLeft.legalHeightFix2.line3, .dPaymentInputSubLeft.legalHeightFix2.line5 {
    height: 200px !important;
}

.dPaymentInputDetails .dPaymentInputSub {
    padding-right: 6%;
}

.dPaymentInputSubLeft .legal {
    margin: 3px;
    margin-bottom: 20px;
}

.dPayPastDueLineItem .legal, .dPayDateLineItem .legal {
    margin-top: 0px;
    font-size: 8px;
    margin-bottom: 0px;
    width: 110px;
}

.sPaymentInput {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 14px;
}

.dPaymentInput.active .sPaymentInput, #paymentAmountHeader.active .sPaymentInput {
    color: #E5901B;
}

.sPaymentInput.ffl {
    display: none;
}

.dPaymentInputData {
    display: inline-block;
    margin-right: 10px;
    float: right;
}

    .dPaymentInputData > span {
        font-size: 12px;
        border-bottom: 1px solid #d6dbe0;
        font-family: 'Titillium Web', sans-serif;
    }

    .dPaymentInputData #sPA .lblPaymentInput.acs, .dPaymentInputData #sPA .lblPaymentInput.acs2 {
        font-size: 8px;
        width: 90px !important;
    }

.dPaymentInputDataSelect {
    position: absolute;
    right: 0px;
    background-color: #f5f5f5;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 1;
    cursor: pointer;
}

#div_make_settlement_payment .dPaymentInputDataSelect {
    right: 30px;
}

.dPayNextPmt, .dPayNextPmtS {
    background-color: rgb(98, 196, 98);
    padding: 20px 5px;
}

    .dPayNextPmt span, .dPayNextPmt div, .dPayNextPmtS span, .dPayNextPmtS div, #dPayOffSentNotPosted span.dPayNextPmtText.legal, #dTAX span.dPayNextPmtText.legal, #dPayOffPendingExt span.dPayNextPmtText.legal, #dPayOffPendingS span.dPayNextPmtText.legal, #dPaymentRecalcRebate span.dPayNextPmtText.legal, #dPaymentRecalcRebateLoss span.dPayNextPmtText.legal {
        color: white;
        font-weight: 600;
        font-family: 'Titillium Web', sans-serif;
    }

#dTAX {
    position: absolute;
    top: 120px;
    left: 425px;
    width: 350px;
    z-index: 2;
    min-height: 270px;
}

#dPayPrinPIF, #dPayPlusPIF {
    float: right;
    width: 65%;
    top: -10px;
    position: relative;
}

#dPayOffSentNotPosted span.dPayNextPmtText.legal, #dTAX span.dPayNextPmtText.legal, #dPayOffPendingExt span.dPayNextPmtText.legal, #dPayOffPendingS span.dPayNextPmtText.legal, #dPaymentRecalcRebate span.dPayNextPmtText.legal, #dPaymentRecalcRebateLoss span.dPayNextPmtText.legal {
    font-size: 11.5px;
    margin-bottom: 30px;
}

.dPayNextPmtText {
    display: block;
    margin-top: 15px;
    font-size: 15px;
    line-height: 1.2em;
    padding-left: 5%;
    padding-right: 5%;
    text-transform: uppercase;
}

#dPayOffSentNotPosted .dPayNextPmtText {
    font-size: 18px;
}

#dTAX .dPayNextPmtText {
    font-size: 12px;
}

.sPayoffDetails {
    position: absolute;
    right: -35px;
    font-size: 8px;
    cursor: pointer;
    width: 132px !important;
    padding: 5px 10px 5px 10px;
    z-index: 2;
    color: white;
}

#dPayNextPmt .circle, #dPayOffSentNotPosted .circle, #dTAX .circle, #dPayOffPendingExt .circle, #dPayOffPendingS .circle, #dPayPrinPIF .circle, #dPayPlusPIF .circle, #dPaymentRecalcRebate .circle, #dPaymentRecalcRebateLoss .circle {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 30px;
    font-weight: 900 !important;
    background-color: white;
    color: rgb(98, 196, 98);
    padding-left: 2px;
}

#dTAX span.circle {
    padding-left: 5px;
}

#paymentReview .circle {
    float: left;
    width: 21px;
}

.dPaymentInput.active #sPM, .dPaymentInput.active #sPMS.pointer, .dPaymentInput.active #iPMS.pointer, .dPaymentInput.active #sPA, #paymentAmountHeader.active #sPA, .dPaymentInput.active #sPD, .dPaymentInput.active #sPDS, .dPaymentInput.active #sPDate1, .dPaymentInput.active #sPDate2, .dPaymentInput.active #sPDate3, .dPaymentInput.active .arrow, #paymentAmountHeader.active .arrow, .dPaymentInput.active .arrowSmall, #paymentAmountHeader.active .arrowSmall {
    cursor: pointer;
}

.dPaymentInput.active #sPMS, .dPaymentInput.active #iPMS {
    cursor: default;
}

.dPaymentInput.active #sPD.disabled, .dPaymentInput.active #sPDS.disabled, .dPaymentInput.active #sPDate1.disabled, .dPaymentInput.active #sPDate2.disabled.dPaymentInput.active #sPDate3.disabled {
    cursor: default;
}

.dPaymentLeftSettle {
    float: left;
    width: 480px;
    display: contents;
}

.dPaymentRightSettle {
    float: right;
    width: 450px;
}

.settAccepted {
    color: #E5901B;
    font-weight: 900;
}

.dPaymentInputDataSelect div {
    display: block;
    padding: 12px 16px;
}

    .dPaymentInputDataSelect div:hover {
        background-color: #ddd;
    }

.dPaymentInputDataSelect.list div {
    font-size: 12px;
    font-weight: bold;
    color: #E5901B;
}

.dPayment .hidden, .dOverlay .hidden {
    visibility: hidden;
    display: none;
}

.dPayment .invisible {
    visibility: hidden;
}

.dPayment .shown, .dOverlay.shown {
    visibility: visible;
    display: block;
}

#dTAC h2, #dTACS h2 {
    font-weight: 600;
    text-align: left;
    font-style: normal;
}

#dTAC > div:first-of-type, #dTACS > div:first-of-type {
    top: 50px;
    left: 40%;
    width: 400px;
    height: 80%;
    overflow: scroll;
    text-align: left;
    font-size: 10px;
    font-style: italic;
}

#dTAC .dPaymentReview, #dTACS .dPaymentReview {
    margin-top: 20px;
    text-align: right;
}

.dDebitInput {
    display: inline-block;
}

span.legal {
    display: block;
    font-size: 11.5px;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #000000;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
}

#div_make_settlement_payment span.legal.bold {
    font-weight: 700;
    display: inline-block;
    margin-top: 10px;
}

#settlementOffer {
    margin-bottom: 30px;
}

.settlementOffer {
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    width: 32%;
    margin-right: 10px;
    float: left;
}

    .settlementOffer.clickable {
        cursor: pointer;
    }

    .settlementOffer .dPayButton.settSlc {
        color: #E5901B;
        background-color: inherit;
        box-shadow: none;
        font-size: 16px;
    }

    .settlementOffer .dPayButton.cancel {
        border-style: none;
        border-width: 0px;
        color: black;
    }

    .settlementOffer hr {
        border-color: rgb(98, 196, 98);
        width: 85%;
    }

    .settlementOffer.shown .settlementOfferHide {
        border: 0px !important;
        box-shadow: none !important;
        position: relative !important;
        top: 0px !important;
        left: 0px !important;
        width: unset !important;
    }

#settlementOfferS h5 {
    letter-spacing: 1px;
}

#settlementOfferSelect1 .settlementOfferHide, #settlementOfferSelect2 .settlementOfferHide, #settlementOfferSelect3 .settlementOfferHide {
    display: block;
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f5f5f5;
    width: 243px;
    position: absolute;
    z-index: 1;
}

#settlementOfferSelect1 .settlementOfferHide {
}

#settlementOfferSelect2 .settlementOfferHide {
}

#settlementOfferSelect3 .settlementOfferHide {
}

.settlementOfferHide.hidden {
    display: none;
}

.settlementHeader {
    background-color: rgb(98, 196, 98);
    height: 45px;
    padding: 5px;
}

.settlementOffer.unselected .settlementHeader {
    background-color: #B4B4B4;
}

.settlementHeader .settOpt {
    font-size: 16px;
    color: #f5f5f5;
    font-weight: 600;
    position: relative;
    top: 5px;
}

.settlementHeader .settPay, .settlementHeader .settSel {
    font-size: 8px;
    font-weight: 800;
    float: right;
    width: 65px;
    text-align: right;
}

.settlementHeader .settSel {
    margin-top: 10px;
}

.settlementOffer.unselected .settPay {
    color: #FFFFFF;
}

#settlementOfferSelect1 .settlementHeader .settPay, #settlementOfferReview1 .settlementHeader .settPay {
    position: relative;
    top: 5px;
}

.settlementSummary, .settlementDetails, .settlementSavings {
    padding: 5px 10px 0px 10px;
}

    .settlementSummary span:nth-of-type(2), .settlementDetails span:nth-of-type(2), .settlementSavings span:nth-of-type(2) {
        float: right;
        text-align: right;
    }

    .settlementSummary span:nth-of-type(1) {
        display: inline-block;
        line-height: 10px;
    }

    .settlementSummary span:nth-of-type(2) {
        font-size: 15px;
    }

.settlementSummary {
    font-size: 10px;
    color: rgb(98, 196, 98);
    font-weight: 800;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 5px;
}

.settlementOffer.unselected .settlementSummary {
    color: #B4B4B4;
}

    .settlementOffer.unselected .settlementSummary.active {
        color: rgb(98, 196, 98);
    }

.settlementDetails, .settlementSavings {
    font-size: 10px;
    font-weight: 800;
}

.settlementDetails {
    padding-top: 5px;
    padding-bottom: 5px;
}

.settlementSavings {
    color: rgb(98, 196, 98);
    font-style: italic;
}

#dPayPrin .sMinimum3 span.colorized, #dPayPrinConfirmed .sMinimum3 span.colorized, #payPrinReview .sMinimum3 span.colorized {
    font-style: italic;
    color: #E5901B;
}

#dPayPrin span.sPayReviewFullAmount, #dPayPrinConfirmed span.sPayReviewFullAmount, #payPrinReview span.sPayReviewFullAmount {
    width: unset;
}

.bottomContent .legal {
    color: #999999;
    font-size: 8px;
    text-align: center;
}

#div_make_settlement_payment .bottomContent .legal {
    color: black;
}

#div_make_settlement_payment .dPayment.bottomContent {
    margin-right: 15%;
    width: 80%;
}

.dPayReviewVal, .dPaymentReviewLine .dPaymentReviewAmount .dPayReviewVal {
    float: right;
}

span.sPayReviewFullCurr, span.sPayReviewFullRebate, span.sPayReviewFullAmount, .lblPaymentInput.outstanding {
    font-style: italic;
    font-weight: 600;
    font-size: 10px;
    color: #333333;
}

span.sPayReviewFullAmount {
    display: inline-block;
    width: 100px;
}

#sPA span.sPayReviewFullCurr, #sPA span.sPayReviewFullRebate, #sPA span.sPayReviewFullAmount {
    display: inline-block;
    width: 80px;
}

#dPayPrin span.sPayReviewFullRebate, #dPayPrinConfirmed span.sPayReviewFullRebate, #payPrinReview span.sPayReviewFullRebate {
    font-size: 12px;
}

span.sPayReviewFullRebate {
    font-weight: 900;
    display: inline-block;
    width: 150px;
}

.dPaymentReviewAmount span.sPayReviewFullRebate {
    /*color: #E5901B;*/
}

.dPayPastDueLineItem {
    overflow: hidden;
}

.dPayDateLineItem {
    overflow: visible;
}

    .dPayPastDueLineItem span.sPayReviewFullRebate, .dPayDateLineItem span.sPayReviewFullRebate {
        width: 85px;
    }

#dPayPlus span.sPayReviewFullRebate {
    width: 140px;
}

span.sPayReviewFullRebateAmt {
    font-weight: 700;
}

.dPaymentReviewAmountPastDue span.sPayReviewFullRebateAmt {
    font-size: 16px;
    margin-top: -3px;
}

span.sPayReviewFullAmount {
    color: #33cc66;
}

/*.toggle-password3 {
    left: 0 !important;
    float: right;
    position: relative;
    margin-right: 5px;
}*/

.dPaymentInputAccInfo .dPaymentInputSub span, .dPaymentInputAccInfo .dDebitInput span, #divDebitDetails .dDebitInput span, #divDebitDetails .dDebitInput label {
    display: block;
    font-size: 10px;
    font-weight: bold;
    color: black;
    margin-top: 5px;
}

#divDebitDetails label {
    font-size: unset !important;
    color: #333333 !important;
}

#dMakeAPayment {
    padding-left: 27px;
    padding-right: 27px;
}

.dPayButton {
    color: #FFFFFF;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    letter-spacing: .5px;
    display: inline;
    width: 100%;
    padding: 2px 15px 2px 15px;
    background-color: #E5901B;
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
    box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.15);
    font-family: 'Titillium Web', sans-serif;
}

.dNoLoanPayButton {
    color: var(--white);
    font-size: 12pt;
    text-align: center;
    font-weight: 500;
    letter-spacing: .5px;
    display: inline;
    width: 100%;
    padding: 10px 15px 10px 15px;
    background-color: var(--primary-color);
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
    box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.15);
    font-family: 'Altivo', sans-serif;
}

.dPayButton.cancel {
    background-color: inherit;
    border-style: solid;
    border-width: 1px;
    border-color: white;
    padding: 4px 14px 2px 14px;
    font-weight: normal;
    box-shadow: none;
}

.dPayButton .arrowSmall.right {
    float: none;
    top: 1px;
    border-width: 0 2px 2px 0 !important;
    height: 10px;
    width: 10px;
    border-color: #FFFFFF;
}

#dPayOffSentNotPosted .dPayButton, #dTAX .dPayButton, #dPayOffPendingExt .dPayButton, #dPayOffPendingS .dPayButton, #dPaymentRecalcRebate .dPayButton, #dPaymentRecalcRebateLoss .dPayButton {
    padding-left: 50px;
    padding-right: 50px;
}

.dPayNextPmt .dPayButton, .dPayNextPmtS .dPayButton {
    font-weight: 900 !important;
    font-size: 13px;
    letter-spacing: .6px;
    padding: 7px 15px 7px 15px;
}

    .dPayNextPmt .dPayButton.cancel {
        border-color: white;
        color: white;
        padding: 6px 14px 6px 14px;
        margin-right: 2px;
    }

#dTAX .dPayButton.cancel {
    border: none;
    text-decoration: underline;
    padding: 6px 14px 6px 14px;
    margin-right: 2px;
    font-weight: 400 !important;
}

    #dTAX .dPayButton.cancel:hover {
        text-decoration: none;
    }

#sPaymentReviewAmountOption2, #sPaymentReviewAmountOption3 {
    float: right;
    color: #33cc66;
    font-weight: 900;
    font-size: 10px;
    padding-top: 5px;
}

    #sPaymentReviewAmountOption2 span, #sPaymentReviewAmountOption3 span {
        padding-left: 5px;
        font-size: 12px;
        font-weight: 700;
    }

#dPayPrinPIF .dPayButton, #dPayPlusPIF .dPayButton {
    float: right;
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 15px;
}

    #dPayPrinPIF .dPayButton.cancel, #dPayPlusPIF .dPayButton.cancel {
        float: left;
        width: 150px;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: 15px;
    }

.dPaymentReview {
    width: 300px;
    margin-left: 35px;
}

#div_make_settlement_payment .dPaymentReview:not(.settlementButtons) {
    margin-left: 90px;
}

#div_make_settlement_payment #dPayReviewContinueS .dPaymentReview:not(.settlementButtons) {
    margin-left: 275px;
}

.dPaymentReview .dPayButton {
    display: inline;
}

    .dPaymentReview .dPayButton.cancel {
        color: #E5901B;
        border-color: #E5901B;
        font-size: 10px;
        font-weight: 700;
    }

.dPaymentReview > div:nth-child(2) {
    margin-left: 10px;
    padding-left: 30px;
    padding-right: 20px;
}

#div_make_settlement_payment .dPaymentReview > div:nth-child(2) {
    margin-left: 10px;
    padding-left: 20px;
    padding-right: 15px;
}

#div_make_settlement_payment .settlementButtons.dPaymentReview > div:nth-child(2) {
    padding-right: 20px;
}

.dPaymentReview div.settKeep {
    margin-left: unset;
    padding: 2px 15px 2px 15px;
}

.dPaymentReviewLine > span:nth-child(2) {
    float: right;
    font-size: 12px;
}

.settlementOffer .dPaymentReview {
    width: unset;
    margin-left: 0px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 15px;
}

.dPaymentValidation ul {
    color: red;
    font-size: 10px;
    padding-left: 25px;
}

.dPaymentValidation.origPmtPg ul {
    color: #b94a48;
    font-size: 14px;
}

.dPaymentInput.pointer, .dPaymentInput.pointer div, .dPaymentInput.pointer span, .dPaymentInput.pointer #sPM, .dPaymentInput.pointer #sPMS {
    cursor: pointer !important;
}

.dPaymentInputDetails {
    width: 95%;
    margin-left: 25px;
}

#div_make_settlement_payment .dPaymentInputDetails {
    margin-left: 0px;
}

.dPaymentInputDetails div.dPaymentReview {
    margin-top: 15px;
    width: 204px;
    display: inline-block;
}

#paymentReview .dPaymentInputDetails div.dPaymentReview {
    width: 240px;
    margin-left: 0px;
    margin-top: 5px;
}

#paymentReviewS .dPaymentInputDetails div.dPaymentReview {
    width: 240px;
    margin-left: 40px;
    margin-top: 5px;
}

#paymentReview .dPaymentInputDetails .legal, #paymentReviewS .dPaymentInputDetails .legal {
    width: 225px;
    font-weight: normal;
    font-style: normal;
    font-size: 8px;
    padding-top: 10px;
}

#paymentReviewS .dPaymentInputDetails span.legal {
    padding-top: 0px;
}

#paymentReview .dPaymentInputSubLeft.legal {
    width: 310px;
    margin-left: 0px;
}

#paymentReviewS .dPaymentInputSubLeft.legal {
    width: 100%;
    margin-left: 0px;
}

#paymentReview .dPaymentInputSubLeft .legal, #paymentReviewS .dPaymentInputSubLeft .legal {
    margin-left: 0px;
    margin-bottom: 10px;
}

.dPaymentReview.failure {
    position: unset !important;
    margin-left: 0px;
}

.dPaymentReviewBlock {
    margin-top: 15px;
}

#paymentReview .dPaymentInputDetails, #paymentReviewS .dPaymentInputDetails {
    margin-left: 45px;
}

.dPaymentInputDetails a, .dPaymentInputSub a, .dPaymentInputAccInfo a {
    color: #B4B4B4;
    font-size: 6px;
    font-style: italic;
    font-weight: normal;
    cursor: pointer;
    float: right;
    margin-top: 20px;
}

.dPaymentInputSub #calendar_icon, .dPaymentInputSub #calendar_iconS, .dPaymentInputSub #calendar_icon1, .dPaymentInputSub #calendar_icon2, .dPaymentInputSub #calendar_icon3 {
    display: inline-block;
    float: right;
    position: relative;
}

.dPaymentInput.active #calendar_icon, .dPaymentInput.active #calendar_iconS, .dPaymentInput.active #calendar_icon1, .dPaymentInput.active #calendar_icon2, .dPaymentInput.active #calendar_icon3 {
    cursor: pointer;
}

.dPaymentInputDetails .left {
    float: left;
    display: inline-block;
    margin-right: 5px;
}

.dPaymentInputDetails a.left {
    position: relative;
    left: -9px;
}

.dPayPastDueLineItem a.left, .dPayDateLineItem a.left {
    float: none;
    display: block;
    margin-top: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    font-size: 8px;
}

.dPaymentInputDetails.centered, .dPaymentInput.centered, .legal.centered {
    text-align: center;
}

.dPaymentInput.centered {
    width: 550px;
}

    .dPaymentInput.centered h2.colorized, .dPaymentInput.centered h3.colorized {
        position: relative;
        left: -25px;
    }

#paymentConfirmationS .dPaymentInput.centered {
    width: 100%;
}

div.dPaymentLine {
    padding: 10px 5px 10px 5px;
}

.dPaymentLine .lblPaymentInput {
    font-size: 10px;
    display: inline-block;
    width: 95px;
    margin-right: 10px;
}

.dPaymentLine .sPaymentInput {
    font-size: 14px;
}

    .dPaymentLine .sPaymentInput .legal {
        margin: 0px;
        display: inline;
        font-weight: 400;
        font-size: 8px;
    }

.dPaymentReviewLine {
    margin-top: 3px;
}

    .dPaymentReviewLine .dPaymentInputSub {
        float: left;
        width: 100%;
        padding-left: 20px;
    }

    .dPaymentReviewLine div a, #aEditDate, #aEditAmount {
        color: #E5901B;
        text-decoration: underline;
        font-weight: bold;
        font-size: 7px;
        font-weight: normal;
        padding-left: 5px;
        margin-top: 5px;
    }

#lnkEditAmount {
    position: relative;
    top: 20px;
}

#aEditDate {
    position: absolute;
}

#aEditAmount {
    position: relative;
    left: 25px;
    top: -55px;
}

    #aEditAmount.pushedDown {
        left: unset;
        right: -100px;
        top: -80px;
    }

    #aEditAmount.pushed2Down {
        left: unset;
        top: -80px;
        right: -115px;
    }

    #aEditAmount.pushedLeftDown {
        left: 280px;
        top: -55px;
        float: none;
    }

    #aEditAmount.pushedDown.notAllTheWay {
        left: 22px;
        top: -80px;
    }

.dPaymentInputConfirmationDetails {
    text-align: left;
    width: 45%;
    float: left;
}

.dPaymentReviewLine .dPaymentReviewAmount, .dPaymentReviewLine .dPaymentReviewAmount div {
    float: none;
}

.dPaymentReviewLine .lblPaymentInput {
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
}

.dPaymentReviewLine .sPaymentReview {
    font-size: 13px;
}

#div_make_settlement_payment .dPaymentReviewLine .sPaymentReview {
    font-weight: 600;
}

.dPaymentReviewLine div {
    float: right;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.lblPaymentReview {
    overflow: hidden;
    display: block;
    line-height: 16px;
    margin-bottom: 5px;
}

.maxPayPlus {
    color: #E5901B;
}

.errormsg {
    margin: 10px 0px;
    color: #b94a48 !important;
    font-weight: normal;
    font-size: 11px !important;
}

.errormsgs {
    color: #b94a48 !important;
    font-weight: normal;
    display: none;
    margin: 10px 20px;
    font-size: 11px !important;
}

.errormsg > .errormsgs {
    margin: 10px 0px !important;
}

.errormsgs.inlineErrors {
    margin: 0px;
}

.inputfield {
    border: none;
    width: 15ch;
    background: repeating-linear-gradient(90deg, #00000029 0, #00000029 1.5ch, transparent 0, transparent 2.5ch) 0 100%/100% 2px no-repeat;
    color: #4c4747;
    font: 6ch consolas, monospace;
    letter-spacing: 1.5ch;
    padding-left: 5px;
    padding-right: 0px;
    padding-bottom: 2px;
    outline: none;
}

    .inputfield:focus-visible {
        outline: none;
    }

.imgrow {
    margin: 15px 0px 30px 0px;
}

span.colorized {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    color: #33cc66;
}

h2.colorized {
    font-weight: 900 !important;
    color: #33cc66;
}

h3.colorized {
    margin-bottom: 30px;
    font-weight: 700 !important;
    color: #33cc66;
}

span.colorized.bold {
    font-weight: 900;
    font-size: 20px;
    display: inline-block;
}

#sPA2, #sPAS2 {
    font-size: 14px;
    color: inherit;
    font-weight: inherit;
}

.dTotalSettlementAmount {
    color: rgb(98, 196, 98);
    font-weight: 600;
    float: right;
}

    .dTotalSettlementAmount span {
        float: right;
        font-size: 12px;
        padding-top: 2px;
    }

#sPA2_1 {
    font-size: 16px;
    width: 100px;
    text-align: right;
    padding-top: 0px;
}

.dTotalSettlementAmount hr {
    width: 400px;
    float: right;
}

#sPAS_Option2, #sPAS_Option3, .sPAS_Option {
    color: #E5901B;
    width: 100%;
    float: right;
    text-align: right;
    font-size: 12px;
    padding-top: 3px;
}

span.sPAS_Option {
    float: none;
}

#sPAS_Option2 span:not(.lastInstallment), #sPAS_Option3 span:not(.lastInstallment), .sPAS_Option span:not(.lastInstallment) {
    border-right: 1px solid #E5901B;
    padding-right: 3px;
    margin-right: 3px;
}

span.sPaymentReview.colorized, span#sPA3, span#sPAS3 {
    font-size: 18px;
    font-weight: bold;
}

.dPayment select, .dPayment input, #divDebitDetails select, #divDebitDetails input {
    height: 26px;
    margin-bottom: 5px;
}

#content_customContent_paymentControlACS_inputDebitCardExpMo, #content_customContent_inputDebitCardExpMo {
    margin-right: 2px;
}

#content_customContent_paymentControlACS_inputDebitCardExpYr, #content_customContent_inputDebitCardExpYr {
    margin-left: 2px;
}

input.error, select.error {
    background-color: pink;
}

.circle {
    background: #E5901B;
    border-radius: 100%;
    color: #FFFFFF;
    margin-right: 10px;
    font-weight: 700 !important;
    padding-left: 3px;
    padding-bottom: 2px;
    padding-right: 3px;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

    .circle.showDetails {
        float: right;
        position: absolute;
        right: 5px;
        font-size: 8px;
        cursor: pointer;
        width: 12px;
        height: 12px;
        padding-left: 5px;
    }

    .circle.showDebit {
        font-size: 8px !important;
        cursor: pointer !important;
        width: 12px !important;
        height: 12px !important;
        padding-left: 5px !important;
        display: inline-block !important;
        position: relative !important;
        top: -2px !important;
    }

.cRadio {
    height: 15px;
    width: 15px;
    padding: 0px 3px 0px 3px;
    font-size: 10px;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

    .cRadio:hover {
        background-color: #ccc;
        border-color: #000000;
    }

    .cRadio.checked {
        background-color: #E5901B;
    }

.arrow, .arrowSmall {
    border: solid #E5901B;
    border-width: 0 4px 4px 0;
    display: inline-block;
    float: right;
    padding: 6px;
    position: relative;
}

.arrowSmall {
    border: solid #B4B4B4;
}

.arrow.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.arrow.up {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
}

.arrowSmall {
    border-width: 0 .5px .5px 0 !important;
    padding: 1px !important;
    top: 2px;
    left: 3px;
}

    .arrowSmall.right {
        transform: rotate(315deg);
        -webkit-transform: rotate(315deg);
    }

    .arrowSmall.left {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

div.dOverlay {
    visibility: hidden;
    display: none;
}

    div.dOverlay.shown {
        position: fixed;
        z-index: 9999;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        background-color: rgba(0,0,0,0.3);
        overflow: hidden;
    }

    div.dOverlay > div:first-of-type {
        position: relative;
        top: 45%;
        left: 40%;
        z-index: 9999;
        background-color: #FFFFFF;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
        width: 250px;
        padding: 10px 20px 10px 20px;
    }

    div.dOverlay div img {
        margin-right: 10px;
    }

.calendarInputHidden, .calendarInputHidden1 {
    visibility: hidden;
    height: 0px !important;
    width: 0px;
    padding: 0px;
    margin: 0px;
    position: relative;
    top: 5px;
    left: -75px;
    display: none;
}

img.calendarInputHidden1 {
    left: 0px;
}

.calendarIconHidden {
    cursor: default;
    visibility: hidden;
}

#paymentFailure, #paymentFailureS {
    text-align: center;
}

    #paymentFailure .dPaymentInput, #paymentFailureS .dPaymentInput {
        margin-top: 20px;
    }

    #paymentFailure h3, #paymentFailureS h3 {
        color: red;
        font-weight: 900;
        font-size: 18px;
    }

    #paymentFailure h4, #paymentFailureS h4 {
        font-weight: 700;
        font-size: 14px;
        font-family: 'Titillium Web', sans-serif;
    }

    #paymentFailure .dPaymentInputDetails, #paymentFailureS .dPaymentInputDetails {
        margin-top: 10px;
        margin-left: 0px;
    }

    #paymentFailure .dPaymentReviewLine, #paymentFailureS .dPaymentReviewLine {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #paymentFailure h4 span.lblPaymentInput, #paymentFailureS h4 span.lblPaymentInput {
        vertical-align: top;
        font-size: 14px;
        text-align: left;
    }

#paymentReview .dPaymentInputSub {
    margin-left: 30px;
    margin-top: 40px;
    float: none;
}

#paymentReview.dPaymentACS .dPaymentInputSub {
    width: 335px;
}

#paymentReviewS .dPaymentInputSub {
    margin-left: 10px;
    margin-top: 40px;
    float: none;
    width: 100%;
}

#paymentReview .dPaymentReviewAmount .dPaymentInputSub, #paymentReviewS .dPaymentReviewAmount .dPaymentInputSub {
    margin-top: 0px;
    width: 253px;
    margin-left: 25px;
}

#paymentReview.dPaymentACS .dPaymentReviewAmount .dPaymentInputSub {
    margin-left: 60px;
}

#paymentReview .dPaymentReviewAmountPastDueMultiple.dPaymentReviewAmount .dPaymentInputSub {
    margin-left: 80px;
}

#sPM3, #sPD3, #sPMS3, #sPDS3 {
    margin-top: 3px;
}

.payInputCurrency {
    width: 75px;
    margin-bottom: 0px;
    margin-left: 5px;
    text-align: right;
    font-size: 15px;
    padding: 0px;
    border-width: 1px;
    font-weight: bold;
}

    .payInputCurrency::placeholder {
        color: #dcdcdc;
    }

.tPayPastDue {
    width: 75px;
    float: right;
    text-align: right;
    color: #E5901B;
    font-weight: 900;
}

    .tPayPastDue::placeholder {
        color: #dcdcdc;
    }

.tPayCard {
    width: 140px
}

#divDebitDetails .tPayCard {
    width: 180px;
}

.tPayABA {
    width: 132px;
}

.tPayCardName {
    width: 135px;
}

#divDebitDetails .tPayCardName {
    width: 175px;
}

.tPayCardAddr {
    width: 277px;
}

#divDebitDetails .tPayCardAddr {
    width: 200px;
}

.tPayCardCity {
    width: 225px;
}

#divDebitDetails .tPayCardCity {
    width: 150px;
}

.tPayCardState {
    width: 50px;
}

.tPayCardCVV {
    width: 71px;
}

.tPayCardZip {
    width: 95px;
}

#sDebitImage, #sDebitImageS {
    width: 200px;
    height: 132.14px;
}

.payPlusValidation {
    float: right;
    left: -40px;
    position: relative;
}

.dPayButton.inActive {
    background-color: #B4B4B4;
}

    .dPaymentInputDetails a.inActive, .dPaymentInputSub a.inActive, .dPaymentInputAccInfo a.inActive, .dPaymentInputDetails a.inActive i, .dPaymentInputSub a.inActive i, .dPaymentInputAccInfo a.inActive i, .dPayButton.inActive, .dPayButton.inActive i {
        cursor: default !important;
    }

.square.rmvPmtLn {
    position: absolute;
    left: 527px;
    background-color: red;
    color: #FFFFFF;
    width: 11px;
    height: 11px;
    font-size: 8px;
    padding-left: 4px;
    margin-top: 5px;
    cursor: pointer;
}

.plusPayPastDue {
    float: right;
    position: absolute;
    left: 780px;
    color: #33cc66;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
}

.pastDueTotal, .dPaymentInputSub .fullPayAmt.acs {
    float: right;
}

.paymentStatusBanner .pastDueTotal {
    float: none;
}

.paymentStatusBanner {
    display: block;
    margin-left: 25px;
    width: 100% !important;
    font-size: 12px;
    text-align: center;
    background: #A8CFA8;
    position: relative;
    /* top: -15px;*/
    padding: 5px 15px;
    margin-top: -10px;
    margin-bottom: 15px;
    position: relative;
    left: -25px;
    width: 110%;
}

    .paymentStatusBanner span {
        font-weight: 800;
    }

#paymentConfirmation .paymentStatusBanner {
    margin-bottom: -10px;
}

#dPayOff .dPaymentInputSub.acs {
    margin-top: 10px;
    margin-bottom: 10px;
}

#dPayOffConfirmed, #dPayPastDueConfirmed {
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

#dPaymentReviewAmountOutstanding .dOutstandingNoRebate.acs {
    margin-top: 15px !important;
}

#dPayOffConfirmed .pastDueTotal, .dOutstandingNoRebate span.fullPayAmt {
    color: #E5901B;
    font-size: 18px;
}

#dPaymentReviewAmountOutstanding .dOutstandingNoRebate span.fullPayAmt {
    color: #33cc66;
}

#dPayPastDueConfirmed .sPayReviewFullRebate.sPPDAmt1, #dPayPastDueConfirmed .sPayReviewFullRebate.sPPDAmt2, #dPayPastDueConfirmed .sPayReviewFullRebate.sPPDAmt3, #dPayPastDueConfirmed .sPayReviewFullRebate.addition, #dPaymentReviewAmountPastDue span.sPayReviewFullRebate.addition {
    font-size: 16px;
    color: #E5901B;
    float: right;
    text-align: right;
    font-style: normal;
}

#dPayPastDueConfirmed span.sPayReviewFullRebate.addition, #dPaymentReviewAmountPastDue span.sPayReviewFullRebate.addition {
    color: #000000;
    width: auto;
    margin-right: -10px;
}

.dPaymentList {
    float: right;
}

#dPaymentReviewAmountPastDue .sMinimum1 {
    width: 115px;
}

.sMinimum3 {
    width: 100px;
}

.dPaymentReviewAmount .sPPDAmt1, .dPaymentReviewAmount .sPPDAmt2, .dPaymentReviewAmount .sPPDAmt3, .dPaymentReviewAmount .pastDueTotal, .dPaymentReviewAmount .fullPayAmt {
    float: right;
    width: auto;
    margin-top: 2px;
    text-align: right;
}

#dPaymentReviewAmountOutstanding .lblPaymentInput.outstanding {
    color: #E5901B;
}

#paymentConfirmation .dPaymentReviewAmountPastDueMultiple .dPaymentInputSub, #paymentConfirmationS .dPaymentReviewAmountPastDueMultiple .dPaymentInputSub {
    float: none !important;
    margin-left: 25px !important;
    width: 160px !important;
    margin-bottom: 50px !important;
}

.nextPayPlusAmt {
    font-size: 16px;
    font-style: italic;
}

a .hidden {
    visibility: hidden;
    display: none;
}

.payPlusValidation {
    float: right;
    left: -40px;
    position: relative;
}

.sMinimum3 {
    width: 140px;
    display: inline-block;
}

    .sMinimum3 span.legal {
        font-size: 8px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

#payDateMultiple.acs, #payDateMultipleS.acs {
    width: 97%
}

#div_make_settlement_payment #payDateMultipleS .dPaymentReview {
    margin-left: 510px;
}

#payDateMultipleS .dPaymentInputSub {
    padding-left: 8px;
    padding-right: 0px;
}

#paymentDateS.active .sPDS {
    color: #E5901B;
}

.settlementOptionDesc {
    margin-top: 15px;
    margin-bottom: 40px;
}

    .settlementOptionDesc div:nth-of-type(1) {
        float: left;
        width: 100px;
        padding-left: 100px;
    }

    .settlementOptionDesc div:nth-of-type(2) {
        float: right;
    }

    .settlementOptionDesc div span:nth-of-type(1) {
        padding-right: 5px;
        font-weight: 700;
        font-size: 12px;
    }

    .settlementOptionDesc div span:nth-of-type(2) {
        font-size: 14px;
        font-weight: 900;
        color: rgb(98, 196, 98);
    }

#dPaymentReviewAmountMultipleS {
    margin-top: -20px;
}

.settlementLineItems {
    margin-left: auto;
    margin-right: auto;
    float: right;
}

.settlementLineItem {
    float: left;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
}

    .settlementLineItem span {
        display: block;
    }

        .settlementLineItem span.sPayReviewFullRebate {
            font-size: 8px;
            font-style: normal;
            color: rgb(98, 196, 98);
            width: 55px;
            margin-top: 2px;
        }

        .settlementLineItem span.sPayReviewDate {
            font-size: 14px;
            font-weight: 900;
            color: #E5901B;
            margin-top: 3px;
            margin-bottom: 4px;
        }

        .settlementLineItem span.sPayReviewAmount {
            font-size: 8px;
            font-weight: 900;
            margin-bottom: 2px;
        }

/* 2408 preferences  */
#LoanSign .input-group-addon:first-child {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

#LoanSign .input-group-addon {
    background-color: #fff;
}

#LoanSign .input-group .form-control:last-child {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

#LoanSign .form-control {
    border-color: #cccccc !important;
    box-shadow: none;
    border-left: 0 !important;
}

    #LoanSign .form-control:focus {
        border-color: #cccccc !important;
        box-shadow: none;
    }


.acctpreferencetitle,
.desired-loan-amount {
    background-color: #33cc66;
    font-family: 'Lato', sans-serif;
}

.consent-header {
    background-color: #33cc66;
    font-family: 'Lato', sans-serif;
    padding-left: 10px;
    padding-bottom: 10px;
}

.preferences {
    float: left;
    font-weight: 600;
    text-transform: uppercase;
}

.preferences1 {
    width: 17%;
    margin: 15px 0;
    font-weight: 700;
}

.preferences2 {
    font-size: 14px;
    margin: 15px 0;
    width: 78%;
    text-transform: initial
}

.preferencebody1 {
    background-color: #fff;
    /* 04/07/20 */
    padding: 20px 20px 40px 20px;
    font-family: 'Open Sans', sans-serif;
}

.preferencebtn2, .preferencebtn1 {
    float: right;
    border-radius: 2px;
    padding: 5px 30px;
    margin-top: 20px;
    margin: 0px 20px 30px;
    text-transform: uppercase;
    font-weight: 600;
    transform: skew(-15deg);
}

    .preferencebtn1::before {
        transform: 60 deg;
    }

.form-input-text {
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.preferencetitle {
    color: #33cc66;
}

.prefpenicon1 {
    position: relative;
    top: -29px;
    float: right;
    left: -13px;
}

.preferencechoice {
    margin-top: 0px;
    color: black;
}

.preferencetext {
    font-size: 12px;
    float: left;
}

.preferencetext1 {
    font-size: 12px;
    float: left;
    width: 63%
}

.preferencetext2 {
    font-size: 11px;
    float: left;
    width: 75%;
    color: grey;
}

.preferencetext4 {
    font-size: 12px;
    width: 90%;
    float: left;
}

.radio-group {
    display: inline-block;
    margin: 0 35px 0 0;
    overflow: hidden;
}

.preferenceanswer {
    float: right;
}


    .preferenceanswer input[type=radio] {
        position: absolute;
        visibility: hidden;
        display: none;
    }


    .preferenceanswer label {
        display: inline-block;
        cursor: pointer;
        font-weight: bold;
        padding: 0px 20px;
        background: lightgrey;
        color: grey;
    }

    .preferenceanswer input[type=radio]:checked + label[for=yes1],
    .preferenceanswer input[type=radio]:checked + label[for=yes2],
    .preferenceanswer input[type=radio]:checked + label[for=yes3],
    .preferenceanswer input[type=radio]:checked + label[for=yes4],
    .prefansweryes {
        color: white;
        background: #33cc66;
        transition: all 500ms;
    }

    .preferenceanswer input[type=radio]:checked + label[for=no1],
    .preferenceanswer input[type=radio]:checked + label[for=no2],
    .preferenceanswer input[type=radio]:checked + label[for=no3],
    .preferenceanswer input[type=radio]:checked + label[for=no4],
    .prefanswerno {
        color: white;
        background: grey;
        transition: all 500ms;
    }

    .preferenceanswer label + input[type=radio] + label {
        margin-left: -4px;
    }

.preferenceno {
    /* width:60px; */
    margin-left: -3px;
}

.preferencebody, .preferencebody2 {
    background-color: #fff;
    padding: 20px 20px 60px 20px;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
}

.preferencebody2 {
    margin-top: 5px;
}

.preferencebody1 {
    background-color: #fff;
    /* 04/07/20 */
    padding: 20px 20px 40px 20px;
    font-family: 'Open Sans', sans-serif;
}

.form-input-text {
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

.preftextboxtitle {
    float: left;
    margin-right: 25px;
    margin-top: 6px;
}

.validation-error {
    color: #b94a48;
    font-size: 11px;
}

.form-input {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
}

.preferencetextbox {
    width: 60%
}

.prefpenicon2 {
    position: relative;
    top: -29px;
    float: right;
    left: -85px;
}

.cellspacepref {
    margin-right: 31px
}

.preferencetitle2 {
    width: 50%
}

#no1Modal > .modal-dialog, #no2Modal > .modal-dialog, #no3Modal > .modal-dialog, #no4Modal > .modal-dialog {
    transform: translate(0%, 50%);
}

    #no1Modal > .modal-dialog .modal-content .modal-footer,
    #no2Modal > .modal-dialog .modal-content .modal-footer,
    #no3Modal > .modal-dialog .modal-content .modal-footer,
    #no4Modal > .modal-dialog .modal-content .modal-footer {
        padding: 10px;
    }

.ModalHead {
    margin-bottom: 10px;
}

.prefcheck {
    float: right;
}

    .prefcheck > .glyphicon, .prefx > .glyphicon {
        font-size: 1.1em;
    }

.prefx {
    float: left;
}

.chkdiv {
    text-align: left;
    width: 50px;
}

.yes-popup-check {
    color: #d2e5ab;
}

.modalprefyes {
    color: white;
    float: right;
    /*---------*/
    padding: 0 3px;
    margin-top: -1px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-decoration: underline;
    border: none !important;
}

.modalprefno {
    color: white;
    float: right;
    padding: 0 3px;
    margin-top: 0px;
    margin-left: 0px;
    position: relative;
    padding: 0 -1px 0px 238px;
    margin-top: -1px;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    text-decoration: underline;
    border: none !important;
}

    .modalprefyes:hover, .modalprefyes:focus, .modalprefno:hover, .modalprefno:focus {
        color: white !important;
        border: none !important;
        outline: none;
    }

.modal-format {
    padding: 20px 30px;
    background: #33cc66;
    color: white;
    border-radius: 0px !important;
}

.modal-footer {
    padding: 19px 20px 20px;
    margin-top: 15px;
    text-align: right;
    border-top: 0px solid #e5e5e5;
}


.Preferences-header {
    background-color: #33cc66;
    padding: 10px 30px;
    font-family: 'Titillium Web', sans-serif;
}

    .Preferences-header h1 {
        font-family: 'Titillium Web', sans-serif;
        font-weight: bold;
        font-size: 50px;
        display: inline-block;
        letter-spacing: .5px;
        text-transform: uppercase;
        color: #fff;
    }

.Preferences-text {
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    color: #fff;
    line-height: 1.2;
}

.Preferences-subtext {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 18px;
}

.Preference-body {
    background-color: #fff;
    margin: 10px 0px;
    padding: 10px 30px;
    font-family: 'Titillium Web', sans-serif;
}

    .Preference-body h2 {
        font-family: 'Titillium Web', sans-serif;
        font-weight: bold;
        font-size: 28px;
        display: inline-block;
        letter-spacing: .5px;
        text-transform: uppercase;
        color: #333333;
    }

    .Preference-body h4 {
        font-size: 18px;
        display: inline-block;
        letter-spacing: .5px;
        font-weight: bold;
        font-family: 'Titillium Web', sans-serif;
        text-transform: uppercase;
        color: #333333;
        line-height: 1.7em;
    }

.para-aligns {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-style: italic;
    text-decoration: underline;
    text-transform: initial;
    color: #33cc66;
}

.para-aligns-U {
    text-decoration: none !important;
}

.ModalHead {
    text-align: center;
    font-weight: 800;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
    font-size: 24px;
    letter-spacing: 1px;
}

#callalign > .glyphicon-chevron-down {
    display: inline-block !important;
}

#msgalign > .glyphicon-chevron-down {
    display: inline-block !important;
}

#privacyalign > .glyphicon-chevron-down {
    display: inline-block !important;
}

.Modalbody {
    text-align: center;
    color: #fff;
    font-family: 'Titillium Web', sans-serif;
}

.LabelHeader {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
}

.preference-content {
    font-family: 'Lato', sans-serif;
    font-style: italic;
    font-size: 18px;
    color: #33cc66;
}

.preference-save {
    font-family: 'Lato', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    color: #33cc66;
}

.preference-switchheader {
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 0px;
}

.pref-downarrowadjust {
    padding-left: 10px;
    top: 5px;
}

.Preference-body hr {
    border-color: #c4ffd3;
    margin: 30px 0px 10px 0px;
    max-width: 95%;
}

.switch-hr {
    margin: 40px 0px !important;
    max-width: 90% !important;
}

.linktext, .transitionlinks {
    cursor: pointer;
    text-decoration: underline;
    color: #33cc66;
}

.settlementPortalLink {
    float: right;
    width: auto;
    font-weight: normal;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 15px;
    clear: right;
    width: 180px;
    text-align: right;
}

    .settlementPortalLink span {
        font-size: 12px;
        font-style: italic;
    }

.linktextsettlement {
    cursor: pointer;
    text-decoration: none;
    color: #E5901B;
    font-size: 14px;
    font-style: normal;
    border: solid 1px #E5901B;
    padding: 5px;
    display: inline-block;
    margin-top: 10px;
}

    .linktextsettlement:hover, .linktextsettlement:active {
        color: #E5901B;
    }

.accblock {
    padding-bottom: 15px;
    margin-top: 65px;
}

.borderstyle {
    border-bottom: solid 1px #33cc66;
    padding: 15px 0px;
    margin: 0px 15px;
}

.modal-open {
    overflow: hidden;
    position: relative;
    /*left: -8px;*/
}

.ArgContent a {
    color: #33cc66;
}

.ArgContent {
    font-family: 'Titillium Web', sans-serif;
    padding-top: 5px;
    font-size: 14px;
}

.privacytxt a {
    color: #33cc66;
}

.arrowup {
    border: solid #33cc66;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 15px;
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.panel-padding {
    padding: 0px !important;
}

.txtcolor {
    color: #33cc66;
}

.frequencytxt {
    color: #333333;
    font-size: 14px;
    margin-top: 40px;
}

.mktcallsectionmsg {
    font-size: 13px;
}

.frequencytext {
    color: #333333;
    font-size: 13px;
}

.fretxt {
    color: #333333;
    font-size: 13px;
    display: none;
}

.warning {
    color: #fff;
    font-weight: bold;
    padding: 5px 25px;
    text-transform: uppercase;
    font-size: 16px;
    transform: skew(-15deg);
    border: none;
    border-radius: 0px;
    box-shadow: 5px 5px 7px 0px #9a8b8ba3;
}

    .warning > span {
        display: block;
        transform: skew(15deg);
    }

.warningbody {
    text-align: center;
}

.bg-light {
    background-color: #f5f5f5;
}

.iconOk {
    padding: 2px;
    border-radius: 3px;
}

.iconno {
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
}

.icontextno_1 {
    position: absolute;
    margin-top: 6px;
    margin-left: -25px;
    font-weight: 700;
    text-transform: uppercase;
}

.icontextno {
    position: relative;
    font-weight: 700;
    text-transform: uppercase;
    top: 5px;
    margin-right: 8px;
}

.icontextyes {
    position: absolute;
    margin-top: 6px;
    margin-left: 10px;
    font-weight: 700;
    color: #33cc66;
    text-transform: uppercase;
}

.icontxtyes {
    position: absolute;
    margin-top: 6px;
    margin-left: 10px;
    font-weight: 700;
    text-transform: uppercase;
    color: #b6b6b6;
}


.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-bottom: 0px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #33cc66;
}

input:focus + .slider {
    box-shadow: 0 0 1px #33cc66;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.phoneForceStyle {
    color: black !important;
}

/* 2408 Preferences End*/
.trustpilot {
    margin-bottom: 20px !important;
    padding: 20px 0 10px 0 !important;
}

@media screen and (max-width:1199px) {
    #div_make_payment, #div_make_settlement_payment, #div_noloan_payment {
        width: 700px;
    }

    .settlementOffer {
        width: 31%;
    }

    #settlementOfferSelect1 .settlementOfferHide, #settlementOfferSelect2 .settlementOfferHide, #settlementOfferSelect3 .settlementOfferHide {
        width: 194px;
    }

    #div_make_settlement_payment .dPayment {
        margin-top: 20px;
    }

    #div_make_settlement_payment .dPaymentInputSubLeft {
        width: 180px;
    }

    #div_make_settlement_payment .dPaymentInputSub, #div_make_settlement_payment #payDateMultipleS .dPaymentInputSub {
        width: 425px;
    }

    .settlementHeader .settOpt {
        font-size: 12px;
    }

    .settlementOffer .settKeep, .settlementOffer .settSlc {
        font-size: 10px;
    }

    .settlementOffer .dPaymentReview .dPayButton.cancel.settClose {
        font-size: 7px;
    }

    .dPaymentRightSettle {
        width: 380px;
    }

        .dPaymentRightSettle .auth {
            margin-left: -50px !important;
        }

        .dPaymentRightSettle .centered.auth {
            margin-left: -50px !important;
        }

    .settlementOptionDesc div:nth-of-type(1) {
        width: 70px;
        padding-left: 50px;
    }

    #div_make_settlement_payment #payDateMultipleS .dPaymentReview {
        margin-left: 380px;
    }

    #dTAX {
        left: 325px;
    }

    .dTotalSettlementAmount hr {
        width: 300px;
    }

    /* br {
        display: none;
    }*/
    .dPayment {
        width: 59%;
    }

    .circle.showDetails {
        right: unset;
    }

        .circle.showDetails.acs.acs2 {
            right: 5px;
        }

    .Preferences-text {
        color: #fff;
        display: inline-block;
    }

    .dOutstandingWithRebate .circle.showDetails.acs {
        right: 0px;
    }

    #paymentReview .dPaymentReview, #paymentReviewS .dPaymentReview {
        left: 10px;
    }

    #paymentConfirmation .dPaymentInput.centered {
        text-align: left;
        width: auto;
    }

        #paymentConfirmation .dPaymentInput.centered h2, #paymentConfirmation .dPaymentInput.centered h3, #paymentConfirmationS .dPaymentInput.centered h2, #paymentConfirmationS .dPaymentInput.centered h3 {
            text-align: center;
        }

    .dPaymentInputConfirmationDetails {
        width: 55%;
    }

    #paymentConfirmation .dPaymentInputSub, #paymentConfirmationS .dPaymentInputSub {
        width: 40% !important;
    }

    .dConfNo {
        margin-left: 25px;
    }

    #paymentConfirmation .dPaymentReview, #paymentConfirmationS .dPaymentReview {
        margin-left: 0px !important;
    }

    #paymentFailure .dPaymentInput, #paymentFailureS .dPaymentInput {
        width: auto;
    }

    #paymentReview .dPaymentReviewAmount .dPaymentInputSub, #paymentReviewS .dPaymentReviewAmount .dPaymentInputSub {
        width: 226px;
        margin-left: 0px;
    }

    #paymentReview.dPaymentACS .dPaymentReviewAmount .dPaymentInputSub {
        margin-left: 90px;
    }

    #paymentReview .dPaymentReviewAmountPastDueMultiple.dPaymentReviewAmount .dPaymentInputSub {
        margin-left: 110px;
    }

    .sPayoffDetails {
        right: -60px;
    }

    .dPaymentInputSubLeft .legal {
        margin-bottom: 10px;
    }

    span.sPayReviewFullCurr, span.sPayReviewFullRebate, span.sPayReviewFullAmount {
        font-size: 8px;
        width: 90px;
    }

    #dPaymentReviewAmountPastDue span.sPayReviewFullCurr, #dPaymentReviewAmountPastDue span.sPayReviewFullRebate, #dPaymentReviewAmountPastDue span.sPayReviewFullAmount, .dPaymentReviewAmountPastDueMultiple span.sPayReviewFullCurr, .dPaymentReviewAmountPastDueMultiple span.sPayReviewFullRebate, .dPaymentReviewAmountPastDueMultiple span.sPayReviewFullAmount {
        font-size: 10px;
    }

        #dPaymentReviewAmountPastDue span.sPayReviewFullRebate.colorized, .dPaymentReviewAmountPastDueMultiple span.sPayReviewFullRebate.colorized {
            font-size: 14px;
        }

    .dPaymentInputDetails div.dPaymentReview {
        margin-left: 6px;
    }

    #div_make_settlement_payment .dPaymentInputDetails div.dPaymentReview {
        margin-left: 100px;
    }

    #div_make_settlement_payment .dPaymentRightSettle .dPaymentInputDetails div.dPaymentReview {
        margin-left: 40px;
    }

    #div_make_settlement_payment div.dPaymentInputAccInfo .dPaymentInputSub {
        margin-left: 105px;
    }

    #div_make_settlement_payment #dPayReviewContinueS .dPaymentReview:not(.settlementButtons) {
        margin-left: 195px;
    }

    /*#paymentMethod .dPaymentInputSubLeft .legal, #paymentDate .dPaymentInputSubLeft .legal {
        position: relative;
        top: -20px;
    }*/
    .dPaymentInputAccInfo .dPaymentInputSubLeft {
        width: 41%
    }

    span.sPayReviewFullRebate, #dPayPlus span.sPayReviewFullRebate {
        width: 110px;
    }

    #dPayPrinPIF, #dPayPlusPIF {
        width: 80%;
        top: -55px;
    }

    /*
    #lnkACHDiff {
        left:-32px;
    }
    */
    .tPayCard {
        width: 100px
    }

    .tPayABA {
        width: 95px;
    }

    .tPayCardName {
        width: 120px;
    }

    .tPayCardAddr {
        width: 225px;
    }

    .tPayCardCity {
        width: 170px;
    }

    .tPayCardCVV {
        width: 46px;
    }

    .tPayCardZip {
        width: 65px;
    }

    #div_make_settlement_payment .tPayCard {
        width: 140px
    }

    #div_make_settlement_payment .tPayABA {
        width: 132px;
    }

    #div_make_settlement_payment .tPayCardName {
        width: 135px;
    }

    #div_make_settlement_payment .tPayCardAddr {
        width: 277px;
    }

    #div_make_settlement_payment .tPayCardCity {
        width: 225px;
    }

    #div_make_settlement_payment .tPayCardState {
        width: 50px;
    }

    #div_make_settlement_payment .tPayCardCVV {
        width: 71px;
    }

    #div_make_settlement_payment .tPayCardZip {
        width: 95px;
    }

    #sDebitImage, #sDebitImageS {
        width: 150px;
        height: 99.11px;
    }

    .square.rmvPmtLn {
        left: 440px;
    }

    .plusPayPastDue {
        left: 660px;
    }

    #dPayOffConfirmed, #dPayPastDueConfirmed {
        margin-top: 30px;
        margin-bottom: 20px;
    }

    a#lnkPayPastDue1 {
        width: 100px;
    }

    #dPayPastDueConfirmed .sMinimum3 {
        width: 105px;
    }

    .dPaymentInputData #sPA.extraLong {
        font-size: 7px;
    }

    .payInputCurrency {
        width: 70px;
        margin-left: 0px;
    }

    #aEditAmount {
        left: 100px;
        top: -50px;
    }

        #aEditAmount.pushedDown {
            left: unset;
            right: -100px;
            top: -80px;
        }

        #aEditAmount.pushed2Down {
            right: -115px;
            left: unset;
            top: -80px;
        }

        #aEditAmount.pushedLeftDown {
            left: 225px;
            top: -55px;
            float: none;
        }

        #aEditAmount.pushedDown.notAllTheWay {
            left: 98px;
            top: -75px;
        }

    .sMinimum3 {
        width: 90px;
    }

    #sPD {
        font-size: 10px;
    }

    #sPM {
        font-size: 9px;
    }

    #sPM2 {
        font-size: 10px;
    }

    #sPA span.sPayReviewFullAmount {
        font-size: 8px;
        width: 50px;
    }

    .dPaymentReviewLine .sPaymentReview {
        font-size: 12px;
    }

    #paymentReview .dPaymentInputDetails, #paymentReviewS .dPaymentInputDetails {
        margin-left: 20px;
    }

    .paymentStatusBanner {
        left: 0px;
        width: 100% !important;
        padding-left: 5px;
        padding-right: 5px;
        margin-left: auto;
    }

    #loanActivity.pmtportLoanActivity {
        width: 700px !important;
    }
}

@media screen and (max-width:1200px) {


    .accesignnewsecimgalign {
        padding-top: 6px;
    }

    .esignmktpref {
        position: absolute;
        padding-left: 20px;
    }

    .acceptesignaccount {
        width: 35%;
    }


    .preferences2 {
        font-size: 14px;
        margin: 15px 30px;
        width: 74%;
    }

    .prefpenicon1 {
        left: -13px;
    }

    .prefpenicon2 {
        position: relative;
        top: -29px;
        float: right;
        left: -85px;
    }

    .choice2 {
        float: left;
    }


    .savetimelogo {
        margin-top: 5px;
    }

    .imgsavetime {
        width: 120%;
        margin-left: 15px;
    }

    .divsavetimetext {
        color: white;
        padding-top: 10px;
    }

    .netpay1 {
        width: 190px;
    }

    #descript {
        margin-bottom: 5px;
        margin-left: 37%;
        color: #000;
        float: right;
        font-size: 14px;
    }

    .paycheck1 {
        padding-top: 10px;
        margin-left: -30px;
    }

    .paychecknetpay1 {
        width: 58%
    }

    .paychecknetpay2 {
        width: 42%
    }

    .pwsuccessE {
        margin: 20px 175px;
    }

    #descript2 {
        margin-right: 22%;
    }

    .flex2 {
        width: 29%
    }

    .flex {
        width: 40%
    }

    .fa {
        font-size: 60px;
        color: #33cc66;
        right: -103px;
        top: -34px;
        z-index: 10;
        /* position: relative;*/
        left: 150px;
    }

    .state3 {
        width: 50%;
        float: left;
        padding-top: 35px
    }

    .state2 {
        width: 50%;
        float: left;
        padding-top: 35px
    }

    #state {
        font-size: 9px;
        Margin-top: 5px
    }

    #consentQmark {
        top: 4px;
        left: -70px;
    }

    .mobilebanking {
        width: 75%;
        float: left
    }

    .consentindent {
        padding-left: 12%
    }

    .btn-padding {
        padding-bottom: 30px;
    }

    #descript2 {
        font-size: 12px;
    }

    .page-header {
        margin-left: 80px;
    }

    .callnow2 {
        float: left;
    }

    .popup .multiloginpg {
        top: 50px;
        left: 118%;
        width: 380px;
        font-weight: normal;
    }

    .pw-icon {
        left: 85%;
    }

    .fa-eye {
        font-size: 20px;
        color: lightgrey;
    }

    .fa-eye-slash {
        font-size: 20px;
        color: lightgrey;
    }

    .icon2 {
        left: -5px;
        top: 30px
    }

    .icon5 {
        left: -82px;
        top: 30px
    }

    .icon3 {
        left: 0px;
        margin-right: 37%;
        margin-top: 3%;
        top: 0px;
        position: relative;
    }

    .icon4 {
        margin-left: 0px;
        top: 30px;
    }

    .call-anytime-new, .call-anytime-esign > img, .call-anytime-aftesign > img {
        padding: 0 77px 0 0;
    }
}

/*Start 2273*/
/*#topMenu.navbar{
   margin-bottom:2px !important;
}*/
.navbar-nav {
    margin: 0px !important;
}

.re-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-top: -45px;
}

.baseContainer {
    background-color: #66b666;
    padding: 20px 30px;
    font-family: 'Lato', sans-serif;
}

    .baseContainer > .row {
        margin-right: 0px;
        margin-left: 0px;
    }

.re_header {
    color: black;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-size: 38px;
}

.re_subheader {
    color: black;
    font-size: 20px;
    font-weight: 600;
    padding: 0px;
}

.re_subupper {
    color: white;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px;
    margin-top: 20px;
}

.re_subtext {
    color: white;
    font-size: 20px;
}

.re_sublevel {
    font-size: 22px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
    margin-top: 25px;
    margin-bottom: 60px;
}

.re_level {
    background-color: white;
    margin: 10px;
    padding: 10px;
}

.re_subtext1 {
    color: #66b666;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0px;
    margin-top: 20px;
}

.subContainer {
    font-family: 'Lato', sans-serif;
    width: 95%;
    margin: auto;
    margin-top: -80px;
}

.re_text1 {
    color: #66b666;
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 2px;
}

.re_text2 {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
}

.re_text3 {
    font-size: 10px;
    font-style: italic;
    margin-bottom: 2px;
    font-weight: 600;
}

.re_btn {
    color: #fff;
    font-weight: bold;
    padding: 5px 25px;
    text-transform: uppercase;
    font-size: 16px;
    transform: skew(-15deg);
    border: none;
    border-radius: 0px;
    box-shadow: 5px 5px 7px 0px #9a8b8ba3;
    text-align: center;
}

    .re_btn > span {
        display: block;
        transform: skew(15deg);
    }

.re-green {
    background-color: #66b666;
}

.re-silver {
    background-color: #9aa09a;
}

.re-gold {
    background-color: #d4ba08;
}

.re-platinum {
    background-color: #494839;
    padding: 10px 25px;
}

    .re-platinum > span {
        font-size: 34px;
        margin-left: -10px;
        padding: 5px 0px;
    }

.re_btntxt1 {
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-size: 34px;
}

.re_btntxt2 {
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    margin-top: -10px;
    font-weight: 500;
    margin-bottom: 8px;
}

.re-btnspace {
    margin: 25px;
}

.leftside {
    /*width: 45%;
    float: left;*/
    text-align: right;
    margin-top: 20px;
    border-left: 2px solid #dedede;
    padding-left: 20px;
    width: 80%;
}

.rightside {
    float: right;
    width: 50%;
    margin-top: 20px;
}

.repayblock {
    width: 100%;
}

.repaytxt {
    color: #66b666;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0px;
}

.repaycontent {
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 2px;
}

    .repaycontent > span {
        font-size: 12px;
        font-weight: 600;
    }

.repaylink {
    font-style: italic;
    text-decoration: underline !important;
    font-size: 12px;
    font-weight: 600;
    margin-top: 10px;
    color: black !important;
}

    .repaylink > sup {
        display: inline-block;
    }

.re_align > .re_text2 {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
}

.repayhide {
    color: #ffffff;
    font-size: 8px;
}

.re_joinus {
    background-color: #66b666;
    padding: 20px 40px;
    margin: 20px 10px;
    color: #fff;
}

.re_subtexts {
    font-size: 18px;
}

.joinus_header {
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-size: 40px;
    margin: 0px;
}

.joinus_subtext {
    font-size: 20px;
}

.re_align {
    text-align: center;
    margin: 30px 10px;
}

.re_subbtntxt {
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    font-size: 28px;
    padding: 5px 10px;
}

.re_linktxt {
    color: #fff !important;
}

.btnlogin {
    text-decoration: underline !important;
    color: #fff !important;
}

    .btnlogin:hover {
        text-decoration: none !important;
        color: rgb(44, 143, 44) !important;
    }

.re-ask {
    padding: 20px 40px;
    margin: 10px;
}

.reask-header {
    font-size: 22px;
    font-weight: 900;
}

.reask-txt {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2%;
}

    .reask-txt > span {
        font-size: 16px;
        /*color: #66b666;
        text-decoration: underline;*/
    }

    .reask-txt > a:link, .reask-txt > a:visited {
        text-decoration: underline;
        color: rgb(117 200 125);
    }

.reask-desc {
    font-size: 12px;
    font-style: italic;
}

.reask-left {
    margin: 20px 10px;
    border-right: 2px solid #cecdcd;
    padding: 25px;
}

.reask-right {
    margin: 20px 0px;
    padding: 25px 0px;
}

.re-footer {
    margin: 10px;
}

.footertxt {
    font-size: 11px;
    font-style: italic;
}

.re-loan {
    font-size: 12px;
    font-weight: 600;
}

html {
    scroll-behavior: smooth;
}

.faq-aprs {
    margin-bottom: 20px;
}

.re_leftheader {
    padding-right: 100px;
}

.alignright {
    text-align: right;
}

/* 9957 Changes*/
.subrow {
    padding: 15px 25px 15px;
}

.reask-align {
    text-align: center;
}
/* 4599 changes */
@media screen and (max-width:576px) {
    .divmodel {
        margin: 20px !important;
    }

    .esignverified {
        width: 9%;
    }
}

@media (max-width: 767px) {
    .removespace > .col-sm-3 {
        padding-top: 0px !important;
    }

    .esignverified {
        width: 9%;
    }
    /* LEG-146*/
    .paymentArrangementOuter, .paymentOuter {
        margin-left: 10px;
    }
}

@media screen and (max-width: 392px) {
    .sp_invalidpassline {
        width: 220px;
    }
}

@media screen and (max-width: 376px) {
    .iconsize > .pw-icon {
        left: 90% !important;
        top: -33px !important;
    }

    .esignverified {
        width: 9%;
    }
}

.divmodel {
    margin: 20px 40px;
    font-family: 'Lato', sans-serif;
}

    .divmodel > .row {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .divmodel > .row > p {
            text-align: center;
        }

    .divmodel > .col-md-3 > .control-label {
        text-align: right;
    }

    .divmodel > .col-sm-3 {
        padding-top: 0px;
    }

.btn-login {
    background-color: #EEA236;
    color: #fff;
    padding: 5px 25px;
    font-weight: 600;
}

.btn-back {
    background-color: #fff;
    border: none;
    color: gray;
}

.btn-pwd {
    background-color: #fff;
    border: none;
    text-decoration: underline !important;
    color: #000 !important;
    margin-right: 10px;
}

.btn-line {
    text-decoration: underline;
}

.errormsgblock {
    margin-top: -20px;
}

#modalLogin > .modal-dialog > .modal-content {
    border-radius: 0px !important;
}

.divheader {
    text-align: center;
    color: #fff;
    font-weight: 600;
    background-color: #33cc66;
    letter-spacing: 0.7px;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

    .divheader > p {
        padding: 10px;
    }

@media (min-width: 1200px) {
    .baseContainer {
        padding: 15px 30px 30px 30px;
        min-height: 400px;
        background: #4db865 url(/merchants/ml/img/ML_rewards_header_image_no_logo.png) no-repeat left bottom;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    }

    .inputfield {
        margin-top: 5px;
    }

    .esignverified {
        width: 3%;
    }
}

@media (min-width: 990px) and (max-width: 1200px) {
    .baseContainer {
        padding: 15px 30px 30px 30px;
        min-height: 400px;
        background: #4db865 url(/merchants/ml/img/ML_rewards_header_image_no_logo1.png) no-repeat right bottom;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    }

    .esignverified {
        width: 4%;
    }
}

@media (min-width: 720px) and (max-width: 990px) {
    /*.baseContainer {
        padding: 15px 30px 30px 30px;
        min-height: 400px;
        background: #4db865 url(/merchants/ml/img/ML_rewards_header_tab.png) no-repeat right bottom;
        border: 1px solid #e3e3e3;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    }*/
    /*.re-image{
        display:none;
    }
    .img-tab {
        padding: 15px 30px 30px 30px;
        min-height: 400px;
        background: #66b666 url(/merchants/ml/img/ML_rewards_header_tab.png) no-repeat right bottom;
    }
    .re_sublevel{
        margin-bottom:10px !important;
    }*/

    .esignverified {
        width: 4%;
    }

    #content_customContent_btnsendlink.loginbtn2 {
        width: 62% !important;
    }
}

@media (max-width: 990px) {
    .re_leftheader {
        padding: 0px;
    }
}

.re-image {
    width: 60%;
    margin-top: 20px;
}
/*End 2273*/
@media screen and (max-width:1199px) {
    .bttcalertalignmentNew {
        margin-top: -258px;
        margin-left: 327px;
    }

    .accscore-error {
        margin-left: 85px;
    }

    .prefpenicon2 {
        position: relative;
        top: -29px;
        float: right;
        left: -60px;
    }

    .esignverified {
        width: 4%;
    }
}

@media screen and (max-width:1094px) {

    .prefpenicon2 {
        position: relative;
        top: -29px;
        float: right;
        left: -60px;
    }

    .savetimelogo {
        margin-top: 10px;
    }

    .imgsavetime {
        width: 160%;
        margin-left: 0px;
    }

    .divsavetimetext {
        color: white;
        padding-top: 10px;
    }

    #state2 {
        padding-top: 35px
    }

    #descript3, #descript2 {
        font-size: 12px;
    }

    .preference {
        width: 43%;
        padding-right: 0px
    }

    #consentQmark {
        padding-left: 5px;
        padding-top: 5px;
    }

    .popup .consentpg {
        top: -6px;
    }

    .popup .multiloginpg {
        top: 50px;
        left: 118%;
        width: 380px;
        font-weight: normal;
    }

    .callmenowtext {
        text-align: center;
    }

    .callmenowtext-new-AO {
        text-align: center;
        padding-bottom: 20px;
    }

    .cancelbtn {
        padding: 0 5px;
        color: black;
    }

    #descript2 {
        margin-right: 22%;
    }

    .yes {
        width: 13%;
    }

    .yes1 {
        width: 13%;
    }

    .icon2 {
        left: -5px;
        top: 30px
    }

    .icon5 {
        left: -82px;
        top: 30px
    }

    .icon3 {
        left: 0px;
        margin-right: 37%;
        margin-top: 3%;
        top: 0px;
        position: relative;
    }

    .icon4 {
        margin-left: 0px;
        top: 30px;
    }

    #Request2303 {
        font-size: 16px
    }

    #content_customContent_callTimeHourMinute {
        width: 100%;
        margin-top: 5px;
    }

    #content_customContent_callTimeAmPm {
        width: 100%;
        margin-top: 5px;
    }

    #content_customContent_callTimeHourMinuteNewAO {
        width: 100%;
        margin-top: 5px;
    }

    #content_customContent_callTimeAmPmNewAO {
        width: 100%;
        margin-top: 5px;
    }

    .accscore-error {
        margin-left: 85px;
    }

    .esignverified {
        width: 4%;
    }
}

/*Start 135*/
.lp-header {
    font-weight: 700;
    font-size: 18px;
}

.lp-block {
    margin-left: -20px;
}

.lp-picker > .icontextno {
    margin-right: 0px;
}

.lp-picker > .icontextyes {
    margin-left: 5px;
}


/*End 135*/

@media screen and (max-width:1068px) {

    .imgsavetime {
        width: 170%;
        margin-left: 0px;
    }

    .savetimelogo {
        margin-top: 10px;
    }

    .customselect {
        height: 30px;
    }

    .customselect-new-AO {
        height: 30px;
    }

    .emailTextbox {
        padding-right: 5px;
        margin-right: -20px
    }

    .pw-icon {
        left: 85%;
        font-size: 20px;
    }

    .fa-eye {
        font-size: 20px;
        color: lightgrey;
    }

    .fa-eye-slash {
        font-size: 20px;
        color: lightgrey;
    }

    .popup3 .loginpg {
        left: 120%;
    }

    .popup .multiloginpg {
        top: 50px;
        left: 118%;
        width: 380px;
        font-weight: normal;
    }

    .loginbtn {
        width: 18%;
        margin-top: 18px
    }

    .sameemail {
        padding-left: 9px;
    }

    .icon2 {
        left: -5px;
        top: 30px
    }

    .icon5 {
        left: -82px;
        top: 30px
    }

    .icon3 {
        left: 0px;
        margin-right: 37%;
        margin-top: 3%;
        top: 0px;
        position: relative;
    }

    .icon4 {
        margin-left: -25%;
        top: 30px;
    }

    .scheduleline {
        margin-top: 15px;
    }

    #content_customContent_callTimeHourMinute {
        width: 100%;
        margin-top: 0px;
    }

    #content_customContent_callTimeAmPm {
        width: 100%;
        margin-top: 0px;
    }

    #content_customContent_callTimeHourMinuteNewAO {
        width: 100%;
        margin-top: 0px;
    }

    #content_customContent_callTimeAmPmNewAO {
        width: 100%;
        margin-top: 0px;
    }
}

.esignverified {
    width: 3%;
}

}

@media screen and (min-width:1023px) {

    #ssntext:hover .infotext3 {
        visibility: visible;
    }

    .icon2 {
        left: -5px;
        top: 30px
    }

    .icon5 {
        left: -82px;
        top: 30px
    }
}

@media screen and (min-width:993px) {
    .popup:hover .infotext {
        visibility: visible;
    }

    .icon2 {
        left: -5px;
        top: 30px
    }

    .icon5 {
        left: -82px;
        top: 30px
    }
}

@media screen and (max-width:992px) {

    .esigndocpadding {
        padding-left: 20px;
    }

    .warning {
        font-size: 13px;
    }

    #seccontent .nav-link {
        font-size: 17px !important;
        padding: 10px 10px 10px 10px !important;
    }

    #seccontent .row .col-xs-12.col-sm-2 {
        padding-right: 0px;
        padding-left: 3px;
    }

    .Preferences-header h1 {
        font-size: 34px;
    }

    .consentalign5No {
        width: 100%;
    }

    .app-esig__bttcvip {
        padding-right: 20px;
        padding-left: 20px;
    }

    .nonauto2steps {
        text-align: center;
    }

    .form-input-text {
        margin-top: 20px;
    }

    .preferenceanswer {
        width: 20%
    }

    .form-input-text {
        margin-top: 20px;
    }

    .preftextboxtitle {
        /* float: left;
        margin-right: 25px; */
        margin-top: 0px;
    }

    .preferencetextbox {
        margin-top: 10px;
        width: 85%;
    }

    .cellspacepref {
        margin-right: 32px;
        padding-top: 0px;
    }

    #descript2 {
        margin-right: 42%;
    }

    .form-input-text {
        margin-top: 20px;
    }

    .flex2 {
        width: 100%
    }

    .flex {
        width: 100%
    }

    .wrap-container {
        padding-left: 70px;
    }

    #twosteps {
        width: inherit;
        top: 0%
    }

    .twosteps2 {
        padding-left: 17%;
    }

    .callfreetext {
        padding-left: 17%;
    }

    .transition-heading__non-orginate {
        padding-left: 17%;
    }

    #simplysignml {
        width: inherit;
        top: 0%
    }

    #consentQmark {
        top: -38px;
        left: 338px;
    }

    .popup .consentpg {
        top: 3px;
        left: 55px;
        width: 160px;
    }

    .esigcheck {
        font-size: 13pt;
        left: 55px;
        top: 7px;
    }

    .esig {
        width: 50%;
        float: left
    }

    .esigtext {
        display: inline-flex
    }

    .page-header {
        margin-left: inherit;
    }

    .loanpicker {
        right: 28px;
    }

    .pickerdollarsign {
        /*Request-3485*/
        /* margin-right: 0px;*/
        margin-right: -18px;
    }

    .termsIcons {
        display: inline-flex
    }

    ul > .dropdown {
        display: none
    }

    .pwline {
        width: 85%
    }

    .pwsuccessE {
        margin: 20px 65px;
    }

    .pwcheck2 {
        left: 13px;
        padding-right: 30px;
        padding-left: 0px;
    }

    .pwcheck {
        float: left;
    }

    .icon2 {
        left: -5px;
        top: 30px
    }

    .icon5 {
        left: -5px;
        top: 30px
    }

    .icon3 {
        left: 35%;
        margin-left: 50%;
        margin-top: -10%;
        top: -62px;
        position: relative;
    }

    .icon4 {
        margin-left: 0px;
        top: 30px;
    }

    .pwcheck4 {
        left: 0px;
    }

    #Request2303 {
        font-size: 16px
    }

    .pwcheck3 {
        top: -20px;
    }

    .call-anytime-aftesign {
        float: initial;
        text-align: center;
        padding-top: 20px;
    }

    .call-anytime-esign > img {
        padding: 10px 0 0 0;
        /*padding: initial;*/
        width: 95%;
    }

    .call-anytime-aftesign > img {
        padding: 10px 0 30px 0;
        /*padding: initial;*/
        width: 95%;
    }

    .callmenowtext {
        text-align: center;
        /* width: 100%;*/
    }

    .callmenowtext-new-AO {
        text-align: center;
        width: 100%;
    }

    #divCallnow {
        width: 100%;
    }

    #divCallnow-new-AO {
        width: 100%;
    }

    .consentapproval {
        padding-right: 24px;
    }
}

@media screen and (max-width:991px) {
    .esignreentermargin {
        margin-top: 0px;
    }

    .aoprotxtpadding {
        padding-left: 18%;
    }

    .baseContainer {
        text-align: center;
    }

    .NewPasswordSec > .col-md-1 > #nomatch > .fa-times, .NewPasswordSec > .col-md-1 > #nomatch1 > .fa-times, .NewPasswordSec > .col-md-1 > div#match > .fa-check, .NewPasswordSec > .col-md-1 > div#match1 > .fa-check {
        top: 30px;
    }

    .NewPasswordSec > .col-md-1 > div#match > .nomatch {
        top: 30px;
        left: -21px;
    }

    .accesignnewsecimgalign {
        padding-top: 4px;
    }

    .esignpasscodecontrol {
        padding-top: 16px;
    }

    .accesignSecSSN {
        padding-top: 10px;
        padding-right: 14px;
        margin-top: 20px;
    }

        .accesignSecSSN > .controls {
            width: 87%;
        }


    .accesignSecDOB > .controls {
        width: 87%;
    }

    .esignreentermargin {
        top: 0px;
        position: relative;
    }

    .esigninputfield {
        font: 5.5ch consolas, monospace;
    }

    .baseContainer {
        text-align: center;
    }

    .subContainer {
        width: 100%;
    }

    .re_level {
        margin: 20px 0px;
    }

    .re_joinus {
        margin: 20px 0px;
    }

    .re_sublevel {
        margin-bottom: 90px;
    }

    .rightside {
        text-align: left;
        padding-left: 20px;
    }

    .leftside {
        width: 100%;
        border-left: none;
        text-align: center;
    }

    .re_header {
        font-size: 42px;
    }

    .re_subheader {
        font-size: 22px;
    }

    .re-image {
        width: 50%;
    }

    .re_subupper {
        font-size: 24px;
        margin-top: 30px;
    }

    re_subtext {
        font-size: 24px;
    }

    .re_sublevel {
        font-size: 26px;
    }

    .reask-left {
        margin: 0px;
        border-bottom: 2px solid #cecdcd;
        border-right: none;
        padding: 25px 0px;
    }

    .subContainer {
        text-align: center;
    }

    .reask-right {
        margin: 0px;
    }

    .re_sublevel {
        margin-top: 10px;
        margin-bottom: 70px;
    }

    .esignerrralign {
        padding-left: 27px !important;
    }

    .esigndocpadding {
        padding-left: 20px;
    }

    .scheduleline2 {
        padding-left: 0px;
    }

    .scheduleline-new-AO-2 {
        padding-left: 35%;
    }

    .bttcalertalignment {
        margin-top: -275px;
    }

    .bttcalertalignmentNew {
        margin-top: -310px;
        margin-left: inherit;
    }

    .preferences1 {
        width: 17%;
        margin: 15px 30px -15px;
        font-weight: 700;
    }

    .preferences2 {
        font-size: 14px;
        margin: 15px 30px;
        width: 85%;
    }

    .cellspacepref {
        margin-right: 32px;
        padding-top: 6px;
    }

    .imgsavetime {
        width: 50%;
        /*margin-left: 0px;*/
    }

    .savetimelogo {
        margin-top: 10px;
        margin-left: -30px;
    }

    .divsavetimetext {
        color: white;
        /*padding-top: 10px;*/
        margin-left: -60px;
    }

    #divCallnowouter {
        padding-top: 0;
        margin-left: 0px;
    }

    .lastpaydterror {
        width: 200%;
        position: absolute;
    }

    .lastpaydtservererror {
        width: 200%;
        position: absolute;
        margin-top: 10%;
    }

    .paycheckpc {
        margin-left: 50%;
        margin-top: -25px;
    }

    .paycheckmargin {
        margin-left: -15px;
    }

    .netpay1 {
        width: 30%;
        margin-left: -5px;
    }

    .paycheckmargin1 {
        margin-left: -15px;
    }

    #descript {
        position: absolute;
        margin-bottom: 5px;
        margin-top: 14%;
        margin-left: 0%;
        margin-bottom: -171px;
        font-size: 14px;
    }

    .paydatebox {
        padding-left: 0px;
    }

    .upcomingpaydate {
        margin-top: 27%;
    }

    .upcomingpaydate1 {
        margin-left: 0px;
        position: absolute;
    }

    .icon2 {
        left: -5px;
        top: 30px
    }

    .icon5 {
        left: -5px;
        top: 30px
    }

    .icon3 {
        left: 35%;
        margin-left: 50%;
        margin-top: -10%;
        top: -62px;
        position: relative;
    }

    .icon4 {
        margin-left: 57%;
        top: -60px;
    }

    .callmenowtext {
        text-align: center;
        /* font-size: large;*/
    }

    .callmenowtext-new-AO {
        text-align: center;
    }

    .scheduleline {
        padding-left: 0px;
        padding-top: 0px;
    }

    #disclaimer {
        font-size: 12px;
        display: inline-block;
        margin-top: -30px;
    }

    .wrap-container {
        padding-left: 0px;
    }

    .accscore-error {
        margin-left: 65px;
    }

    .settlementPortalLink {
        margin-right: 0px;
    }

    .dLeftPaymentSummary {
        width: 100%;
        height: auto;
        float: none;
    }

    #div_make_settlement_payment .dPayment {
        margin-top: 28px;
    }

    .settlementOffer {
        width: 31%;
    }

    span.smallSettlement {
        font-size: 8px;
        width: 50px !important;
        display: inline-block;
    }

    #paymentMethodS {
        margin-top: 0px;
        padding-top: 30px;
    }

    .dPaymentInput.centered h2.colorized, .dPaymentInput.centered h3.colorized {
        left: 0px;
    }

    #div_make_payment, #div_make_settlement_payment, #div_noloan_payment {
        width: 535px;
    }

    #settlementOfferSelect1 .settlementOfferHide, #settlementOfferSelect2 .settlementOfferHide, #settlementOfferSelect3 .settlementOfferHide {
        width: 144px;
    }

    .settlementOffer .settKeep, .settlementOffer .settSlc {
        font-size: 12px;
    }

    .settlementOffer .dPaymentReview .dPayButton.cancel.settClose {
        font-size: 10px;
    }

    .dPaymentRightSettle {
        width: 300px;
    }

        .dPaymentRightSettle .auth {
            margin-left: -100px !important;
        }

        .dPaymentRightSettle .centered.auth {
            margin-left: -100px !important;
        }

    #dMakeAPayment {
        margin-right: 0px !important;
    }

    #paymentReviewS .bottomContent .legal {
        clear: both;
    }

    #div_make_settlement_payment #payDateMultipleS .dPaymentReview {
        margin-left: 220px;
    }

    #paymentReviewS .lblPaymentHeader.lblPaymentReview {
        margin-left: 0px;
    }

    #dTAX {
        left: 160px;
    }

    .dPayment {
        float: none;
        padding-left: 10px;
        width: 90%;
    }

    .settlementOptionDesc div:nth-of-type(1) {
        padding-left: 0px;
    }

    .dPaymentInput {
        margin-bottom: 50px;
    }

    .dPaymentInputSub {
        margin-left: 0px;
    }

        .dPaymentInputSub hr {
            clear: both;
        }

    .dPayNextPmt, .dPayNextPmtS {
        float: left;
    }

        .dPayNextPmt .dPayButton, .dPayNextPmtS .dPayButton {
            padding: 7px 6px 7px 6px;
        }

    .dPaymentInputSubLeft.legal {
        width: 100%;
    }

    #div_make_settlement_payment #payDateMultipleS .dPaymentInputSub {
        width: 310px;
        padding-right: 30px;
    }

    .lblPaymentReview {
        overflow: visible;
        margin-left: 25px;
    }

    #paymentReview .dPaymentInputSub .dPaymentInputDetails, #paymentReviewS .dPaymentInputSub .dPaymentInputDetails {
        margin-bottom: 25px;
    }

    #paymentConfirmation .dPaymentReview, #paymentConfirmationS .dPaymentReview {
        margin-top: 30px;
        margin-bottom: 50px;
    }

    #paymentReview .dPaymentReview, #paymentReviewS .dPaymentReview {
        left: 20px;
    }

    #paymentConfirmation, #paymentConfirmationS {
        width: 100% !important;
    }

        #paymentConfirmation .paymentStatusBanner {
            width: 95% !important;
            margin-left: 0px;
        }

    div.dConfNo {
        width: 70%;
    }

    #paymentReview .dPaymentReviewAmount .dPaymentInputSub, #paymentReviewS .dPaymentReviewAmount .dPaymentInputSub {
        width: 256px;
    }

    #paymentReview.dPaymentACS .dPaymentReviewAmount .dPaymentInputSub {
        margin-left: 55px;
    }

    #paymentReview .dPaymentReviewAmountPastDueMultiple.dPaymentReviewAmount .dPaymentInputSub {
        margin-left: 80px;
    }

    #div_make_settlement_payment .dPaymentInputSub {
        width: 315px;
        padding-right: 15px;
    }

    .sPayoffDetails {
        right: -35px;
    }

    span.sPayReviewFullAmount {
        width: 100px !important;
    }

    .dPaymentInputDetails div.dPaymentReview {
        margin-left: 35px;
    }

    #paymentFailure .dPaymentInputDetails div.dPaymentReview, #paymentFailureS .dPaymentInputDetails div.dPaymentReview {
        margin-left: 0px;
    }

    /*#paymentMethod .dPaymentInputSubLeft .legal, #paymentDate .dPaymentInputSubLeft .legal {
        position: unset;
        top: unset;
    }*/

    .dPaymentInputAccInfo .dPaymentInputSubLeft {
        width: 42%;
    }

    #dPayPrinPIF, #dPayPlusPIF {
        width: 70%;
        top: -10px;
    }

    /*
    #lnkACHDiff {
        left:-64px;
    }
    */

    .tPayCard {
        width: 130px
    }

    .tPayABA {
        width: 125px;
    }

    .tPayCardName {
        width: 120px;
    }

    .tPayCardAddr {
        width: 255px;
    }

    .tPayCardCity {
        width: 200px;
    }

    .tPayCardCVV {
        width: 46px;
    }

    .tPayCardZip {
        width: 95px;
    }

    #div_make_settlement_payment div.dPaymentInputAccInfo .dPaymentInputSub {
        margin-left: 1px;
    }

    #div_make_settlement_payment .dPaymentInputSubLeft {
        width: 145px;
    }

    #div_make_settlement_payment #dPayReviewContinueS .dPaymentReview:not(.settlementButtons) {
        margin-left: 95px;
    }

    .square.rmvPmtLn {
        left: 235px;
    }

    .plusPayPastDue {
        left: 470px;
    }

    #dPayOffConfirmed, #dPayPastDueConfirmed {
        margin-bottom: -20px;
    }

    #dTAC > div:first-of-type, #dTACS > div:first-of-type {
        left: 200px;
    }

    .payInputCurrency {
        width: 75px;
        margin-left: 5px;
    }

    span.sPayReviewFullRebate {
        width: 150px;
    }

    #dPayPlus span.sPayReviewFullRebate {
        width: 120px;
    }

    .sMinimum3 {
        width: 120px;
    }

    #dPayPastDueConfirmed .sMinimum3 {
        width: 110px;
    }

    span.sPayReviewFullCurr, span.sPayReviewFullRebate, span.sPayReviewFullAmount {
        width: 125px;
    }

    .dOutstandingWithRebate .circle.showDetails, .dOutstandingWithRebate .circle.showDetails.acs {
        right: 20px;
    }

    .dPaymentInputData #sPA.extraLong {
        font-size: 10px;
    }

    #sPD {
        font-size: 12px;
    }

    #sPM {
        font-size: 11px;
    }

    #sPM2 {
        font-size: 12px;
    }

    #sPA span.sPayReviewFullAmount {
        font-size: 8px;
        width: 75px !important;
    }

    #aEditAmount.pushedDown {
        left: unset;
        right: -100px;
        top: -70px;
    }

    #aEditAmount.pushed2Down {
        left: unset;
        top: -70px;
        right: -115px;
    }

    #aEditAmount.pushedLeftDown {
        left: 258px;
        top: -55px;
        float: none;
    }

    #aEditAmount.pushedDown.notAllTheWay {
        left: 98px;
        top: -75px;
    }

    .callmenowborder {
        border-top: none;
        border-left: none;
    }

    .callmenowborder-new-AO {
        border-top: none;
        border-left: none;
    }

    .scheduleline1 {
        text-align: right;
        padding-right: 10px;
    }

    .scheduleline-new-AO-1 {
        text-align: center;
        padding-right: 10px;
    }

    .scheduledline1 {
        text-align: right;
        padding-right: 0px;
    }

    .scheduledline1 {
        text-align: right;
        padding-right: 0px;
    }

    #settlementOfferSpan.paymentSettlementOffer {
        left: 60px;
    }

    #loanActivity.pmtportLoanActivity {
        width: 535px !important;
    }
}

@media screen and (max-width:600px) {
    div.dOverlay div {
        left: 30%;
    }
}

@media screen and (max-width:635px) {

    .esigtextpadding {
        margin-top: 10px;
    }
}

@media screen and (max-width:768px) {

    #sliderleftcontdocloader {
        padding-right: -1px;
    }

    .nonauto2stepstxt {
        padding-left: 10%;
        padding-right: 10%;
    }

    .autocallmetxt {
        padding-left: 10%;
        padding-right: 10%;
    }

    .callfreepadding {
        padding: 28px 30px 0px 30px !important;
    }

    .esignsamedayfundingline {
        padding-left: 10px;
        padding-right: 10px;
    }

    .re-footer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .btnloandocsubmit {
        margin-top: 20px;
    }

    .recurrloanmod {
        display: block;
        padding: 5px;
    }

    #content_customContent_lnkloanagreement {
        display: block;
        text-align: center;
        width: 100%;
    }

    #content_customContent_btnloandocumentsubmit {
        width: 100%;
        margin-bottom: 20px;
    }


    #content_customContent_btnNext3.loginbtn2 {
        width: 60% !important;
    }

    #content_customContent_btnsendlink.loginbtn2 {
        width: 80% !important;
    }

    .acceptesigrdoidentity {
        width: 24%;
    }

    .esignpasscodecontrol {
        padding-top: 10px;
    }

    .inputfield {
        margin-top: 25px;
    }

    .btncodesend {
        text-align: left;
    }

    .accesignnewsecimgalign {
        text-align: center;
    }

    .accesignnewsecimg {
        width: 14%;
    }

    .accesignthankstextalign {
        text-align: center;
    }

    .esigninputfield {
        font: 5ch consolas, monospace;
    }

    .re-container {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }

    .baseContainer {
        text-align: center;
    }

    .subContainer {
        width: 100%;
        text-align: center;
    }

    .re-image {
        width: 70%;
    }

    .re_level {
        margin: 20px 0px;
    }

    .re_joinus {
        margin: 10px 0px;
    }

    .rightside {
        text-align: left;
    }

    .re_subupper {
        font-size: 30px;
        line-height: 28px;
    }

    .re_subtext {
        font-size: 18px;
        padding-top: 10px;
    }

    .re_align > .re_text2 {
        margin-top: 20px;
    }

    .re_txtlogin {
        padding: 0px 20px;
    }

    .reask-left {
        margin: 0px;
        border-bottom: 2px solid #cecdcd;
        border-right: none;
        padding: 25px 0px;
    }

    .reask-right {
        margin: 0px;
    }

    .footertxt {
        margin: 0px 20px;
    }

    .re-ask {
        padding-bottom: 0px;
    }

    .mktprefsubhead {
        display: inline;
    }

    .esignsection {
        padding-left: 58px
    }

    .bttcalertalignment {
        margin-top: -350px;
    }

    .preferences2 {
        font-size: 14px;
        margin: 15px 30px 15px;
        width: 95%;
    }

    .preferencebtn1 {
        width: 100%;
        margin: 0px 0 30px;
    }

    .prefpenicon2, .prefpenicon1 {
        left: -13px;
    }

    .preferenceanswer {
        float: right;
        width: 25%;
        margin-top: 0px;
        font-size: 12px;
    }

    .preferencetextbox {
        margin-top: 10px;
        width: 91%;
    }

    .prefpenicon2, .prefpenicon1 {
        left: -13px;
    }

    .Preferences-text {
        color: #fff;
        display: inline-block;
        padding: 10px;
    }

    .block {
        display: none;
    }

    .cellspacepref {
        margin-right: 32px;
        padding-top: 28px;
    }

    .preferencetitle2 {
        float: left;
        width: 35%
    }

    .preferencetext2, .preferencetext1 {
        width: 100%
    }

    .accblock {
        padding-bottom: 15px;
        margin-top: 0px;
    }

    .Preferences-header {
        text-align: center;
        padding: 10px 10px 30px 10px;
    }

    .warning {
        padding: 7px 50px;
    }


    .frequencytxt {
        color: #333333;
        display: none;
        font-size: 13px;
    }

    .modal-format {
        padding: 20px 10px;
    }

    .fretxt {
        color: #333333;
        font-size: 13px;
        display: block;
        margin-top: 10px;
    }

    .imgsavetime {
        width: 50%;
        /*margin-left: 0px;*/
    }

    .savetimelogo {
        margin-top: 10px;
        margin-left: -30px;
    }

    .divsavetimetext {
        color: white;
        /*padding-top: 10px;*/
        margin-left: -60px;
    }

    .netpay1 {
        margin-left: -100px;
        width: 287px;
    }

    .paycheck1 {
        padding-top: 10px;
        margin-left: -30px;
    }

    .bttcnextdayalertwidth {
        width: 100%;
    }

    #content_customContent_callTimeHourMinute {
        width: 100%;
    }

    #content_customContent_callTimeAmPm {
        width: 100%;
    }

    #content_customContent_callTimeHourMinuteNewAO {
        width: 100%;
    }

    #content_customContent_callTimeAmPmNewAO {
        width: 100%;
    }


    .customselect {
        height: 30px;
    }

    .customselect-new-AO {
        height: 30px;
    }

    #ssn {
        width: 50%;
        float: left
    }

    /* esignature page: check mark */
    .fa {
        font-size: 60px;
        color: #33cc66;
        right: -95px;
        top: -35px;
        z-index: 10;
        left: 170px;
        /*        position: relative;*/
    }

    #state {
        top: 50px
    }

    /* Transition-nao.html text*/
    #twostepsml {
        width: 50%;
        margin: 0 auto;
    }

    .twosteps2 {
        padding-left: 5%;
    }

    .callfreetext {
        padding-left: 5%;
    }

    .transition-heading__non-orginate {
        padding-left: 5%;
    }

    .state2 {
        width: 55%;
        float: left;
    }

    .state3 {
        width: 45%;
        float: left;
    }

    .img-container1 {
        width: 25%;
        float: left;
    }

    #cc, .termsIcons {
        display: inline-flex;
    }

    .consenttext, consenttextAO {
        display: inline-flex
    }

    #banner2 {
        line-height: 9px;
    }

    /* Updated 11/19/19 */
    .paydatebox {
        padding-left: 0px;
    }
    /* Updated 11/21/19 */
    .bttc {
        font-size: 16px;
        float: left;
        left: 33%
    }

    /* Updated 11/21/19 */
    .okbtncon {
        padding-left: 3px;
        padding-right: 151px
    }

    /* Updated 11/21/19 */
    .cancelbtncon {
        padding: 0
    }

    /* Updated 11/21/19 */
    .ampm {
        padding-bottom: 15px;
        font-size: 16px;
    }

    .ampm-new-AO {
        padding-bottom: 15px;
        font-size: 16px;
    }

    /* Updated 11/21/19 */
    .hours {
        /* padding: 0; */
        font-size: 16px;
        padding-bottom: 15px;
        /* padding-right: 20px */
    }

    .hours-new-AO {
        font-size: 16px;
        padding-bottom: 15px;
        padding-right: 2px;
    }

    .anti-form-row {
        margin-top: inherit;
    }

    .abouttext {
        text-align: center;
        font-size: 9pt;
        color: darkgray;
        float: left;
        margin-left: 66px;
        margin-top: 10px;
    }

    /* Updated 11/25/19 */
    .consentalign {
        width: 50%;
        float: left
    }

    /* Updated 11/25/19 */
    .yes {
        width: 5%;
        /* float: left; */
    }

    .yes1 {
        width: 11%;
        vertical-align: top;
    }

    /* Updated 11/25/19 */
    /* Consent.html */
    .consentindent {
        padding-left: 14%;
        white-space: nowrap;
    }

    /* Updated 11/25/19 */
    input[type="checkbox"] {
        margin-bottom: 5px;
        margin-top: 5px;
        margin-right: 10px;
        margin-left: 5px
    }

    /* Updated 11/25/19 */
    .esigcheck1 {
        left: 77px
    }

    /* Updated 11/25/19 */
    .esigcheck2 {
        left: -37px;
    }

    .consent-verify {
        margin: 6px 0px 3px 25px;
    }


    .info-container2 {
        left: 431px;
    }

    .pwline {
        width: 85%
    }

    .loginbtn2 {
        width: 90%;
        margin-bottom: 0px;
    }

    .pw-icon {
        /* margin-right: 5px; */
        left: 90%;
        /* margin-right: 180px; */
        font-size: 20px;
    }

    .fa-eye {
        font-size: 20px;
        color: lightgrey;
    }

    .fa-eye-slash {
        font-size: 20px;
        color: lightgrey;
    }

    .popup3 .loginpg {
        /* top: -33px; 
            left: 125%;*/
        top: 9px;
        left: 114%;
        width: 252px;
    }

    .popup .multiloginpg {
        top: 50px;
        left: 118%;
        width: 380px;
        font-weight: normal;
    }

    .loginhtml {
        padding-right: 28px;
    }

    .headertext {
        display: initial;
        float: left;
        width: 30%;
        top: 15px;
        left: 10px;
        margin-left: 26px;
    }

    .headerlogo {
        width: 50%
    }

    .headermenu {
        display: flex;
    }

    .sameEmail {
        width: 100%
    }

    .newapp1,
    .newapp {
        width: initial
    }

    .newapp1 {
        background-color: #33cc66;
        color: white;
        margin-bottom: 10px;
        top: 0px;
    }

    .newapp2 {
        padding: 6px;
        top: 0px;
        position: relative;
    }

    .newapp3 {
        padding: 6px;
        margin-top: 10px
    }

    /* Updated 01/14/20 */
    .loginbtn {
        width: 20%;
    }
    /* Updated 01/14/20 */
    .sameemail {
        padding-left: 181px;
    }

    /* Updated 01/17/20 */
    .icon2 {
        left: 10px;
    }

    .icon5 {
        left: 10px;
    }
    /* Updated 01/17/20 */
    .pwcheck {
        float: left;
    }
    /* Updated 01/17/20 */
    .pwcheck1 {
        width: 85%;
        left: 15px;
        padding-right: 32px;
        padding-left: initial;
    }

    .pwcheck2 {
        width: 85%;
        left: initial;
        padding-right: 15px;
        padding-left: 15px;
    }

    .pwdmatch1 {
        /*margin-top: 65px;*/
        margin-left: -23px;
        text-align: center;
        float: left;
    }

    .pwsuccessE {
        margin: 20px auto;
    }

    .pwsuccess {
        margin: 10px auto;
    }

    .icon2 {
        left: 15px;
        top: -35px
    }

    .icon5 {
        left: 15px;
        top: -35px
    }

    .icon3 {
        left: 35%;
        margin-left: 44%;
        margin-top: -10%;
        top: -62px;
        position: relative;
    }

    .icon4 {
        top: -130px;
        margin-left: 1900%;
        margin-top: 3%;
        left: 100px; /*Request-3294*/
        position: relative;
    }

    .scheduletext {
        margin-left: 0px;
        font-size: large;
    }

    .scheduletext-new-AO {
        margin-left: 0px;
        font-size: large;
    }

    .pwdiconmatch1 {
        /*left: 83%;*/
        position: relative;
    }

    .accscore-error {
        margin-left: 10px;
    }

    #dMakeAPayment {
        margin-top: 90px !important;
    }

    .scheduleline1 {
        text-align: center;
        padding-top: 0px;
    }

    .scheduleline-new-AO-1 {
        text-align: center;
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .scheduledline1 {
        text-align: center;
    }

    .scheduleline2 {
        padding-left: 16%;
    }

    .scheduleline-new-AO-2 {
        padding-left: 30%;
    }

    .settlementPortalLink {
        margin-right: 15px;
    }

    #settlementOfferSelect1 .settlementOfferHide, #settlementOfferSelect2 .settlementOfferHide, #settlementOfferSelect3 .settlementOfferHide {
        width: 154px;
    }
}

@media screen and (max-width:767px) {


    #outer_web_widget {
        bottom: 60px !important;
    }

    .footererrormsg {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
        margin-left: 0px;
        max-width: 100%;
    }

    .callerwid {
        width: 60%;
    }

    .logimg {
        width: 80%;
    }

    .esignsectionheadersubtitle {
        position: absolute;
        margin-left: 20px;
    }

    .esignmktpref {
        padding-left: 0px;
    }

    .bttcalertalignmentNew {
        margin-top: -368px;
    }

    .bttcalertalignment {
        margin-left: 2%;
    }


    .preference-switchheader {
        font-size: 23px;
    }

    .paycheckpc {
        position: absolute;
        margin-left: 35%;
    }

    .paycheck1 {
        padding-top: 10px;
        margin-left: -30px;
        width: 205%;
    }

    .upcomingpaydate {
        margin-top: 20%;
    }

    .netpay1 {
        margin-left: -50px;
        width: 287px;
    }

    .SecDOB > .controls {
        width: 90%;
    }

    .icon3 {
        left: 35%;
        margin-left: 44%;
        margin-top: -10%;
        top: -62px;
        position: relative;
    }

    .icon4 {
        top: -130px;
        margin-left: 1900%;
        /*left: 100px;*/ /*Request-3294*/
        margin-top: 3%;
        position: relative;
    }

    /*Internet Explorer 11*/
    _:-ms-fullscreen, :root .icon4 {
        /*@media screen and (max-width:411px)*/
        top: -80px;
        left: -455px; /*Request-3294*/
        /*left: -470px;*/
        margin-top: 3%;
        position: relative
    }

    _:-ms-fullscreen, :root .icon3 {
        left: 35%;
        margin-left: 44%;
        margin-top: -10%;
        top: -62px;
        font-size: 10px;
        position: relative;
    }

    .popup .bankpg {
        top: -9px;
        /* left: -125%; */
        /* Update 11/16/2019 */
        width: 245px;
        left: 217px
    }

        .popup .bankpg::after {
            top: 42px;
        }

    #descript2 {
        margin-right: 45%;
    }

    .pwdiconmatch1 {
        /*left: 23px;*/
        position: relative;
    }

    .pwdmatch1 {
        /*margin-top: 65px;*/
        margin-left: -1px;
        text-align: center;
        float: left;
    }

    .pwcheck1 {
        width: 85%;
        left: 15px;
        padding-right: 32px;
        padding-left: initial;
    }


    .sPayoffDetails {
        right: 85px;
    }

    #div_make_payment, #div_make_settlement_payment, #div_noloan_payment {
        width: 100%;
    }

    .dPayment, .dPayment .dPaymentInput {
        width: 500px !important;
    }

    #paymentEntryNoLoan {
        width: 99% !important;
    }

    .arrangement {
        width: 400px !important;
    }

    .dPaymentInputDataSelect {
        left: 150px;
        right: auto;
    }

    .dLeftPaymentSummary {
        padding: 5px;
    }

        .dLeftPaymentSummary h2 {
            margin-top: 5px;
            margin-bottom: 5px;
        }

    .dPayment .dPaymentInput {
        margin-bottom: 25px;
    }

    .dPayment .dPaymentInputSub, .dPayment .dPaymentInputDetails {
        float: none;
        margin-left: 30px;
        margin-top: 10px;
        width: 300px;
    }

    #dPaymentRecalcRebate, #dPaymentRecalcRebateLoss {
        top: -120px;
    }

    #div_make_settlement_payment .dPaymentInputSub {
        width: 90%;
        padding-right: 0px;
        margin-left: 30px;
    }

    #div_make_settlement_payment .dPaymentInputDetails {
        margin-left: 30px;
    }

    #div_make_settlement_payment .dPaymentInputDataSelect {
        right: unset;
        left: 320px;
        top: 250px;
    }

    #div_make_settlement_payment .dPaymentInputSubLeft {
        width: 100%;
    }

    .dPayment .dPayNextPmt, .dPayment .dPayNextPmtS {
        width: 350px;
        margin-left: 5px;
    }

    .dPayment .dPaymentInputDetails .dPaymentInputSubLeft {
        float: none;
        width: 100%;
    }

    .dPayment .dPaymentInputDetails .dPaymentInputSub {
        margin-left: 10px;
    }

    .dPayReviewVal span.showDetails, .dPayReviewVal .sPayoffDetails {
        right: unset;
    }

    #settlementOfferSpan {
        margin-top: 15px;
        margin-bottom: 10px;
    }

        #settlementOfferSpan.prefSettlementOffer {
            left: 40px;
        }

        #settlementOfferSpan.loyaltySettlementOffer {
            margin-bottom: 20px;
        }

    .paymentStatusBanner {
        margin-left: 20%;
    }

    #paymentReview .dPaymentInputSub, #paymentReviewS .dPaymentInputSub {
        margin-left: 30px;
    }

    #paymentReview .dPaymentReviewLine a, #paymentReviewS .dPaymentReviewLine a {
        right: unset;
        padding-left: 5px;
    }

    #paymentConfirmation .dPaymentInput, #paymentConfirmationS .dPaymentInput {
        margin-top: 0px !important;
        width: 100% !important;
    }

        #paymentConfirmation .dPaymentInput h3, #paymentConfirmationS .dPaymentInput h3 {
            margin-bottom: 10px !important;
        }

    #paymentConfirmation .dConfNo, #paymentConfirmation .dPaymentReview, #paymentConfirmationS .dConfNo, #paymentConfirmationS .dPaymentReview {
        margin-top: 0px !important;
        margin-left: 0px;
    }

    #paymentConfirmation .dPayButton, #paymentConfirmationS .dPayButton {
        width: auto !important;
        margin-left: 0px !important;
    }

    #paymentReview .dPaymentReviewAmount .dPaymentInputSub, #paymentReviewS .dPaymentReviewAmount .dPaymentInputSub {
        width: 289px;
        margin-left: 10px;
    }

    #paymentReview.dPaymentACS .dPaymentReviewAmount .dPaymentInputSub {
        margin-left: 25px;
    }

    #paymentReview .dPaymentReviewAmountPastDueMultiple.dPaymentReviewAmount .dPaymentInputSub {
        margin-left: 45px;
    }

    .circle.showDetails {
        left: 345px;
    }

    span.sPayReviewFullCurr, span.sPayReviewFullRebate, span.sPayReviewFullAmount {
        font-size: 10px;
        width: 150px;
    }

    #dPayOff .dPaymentInputSub {
        width: 290px;
    }

    span.sPayReviewFullAmount {
        width: 150px !important;
    }

        span.sPayReviewFullAmount.acs {
            width: 80px !important;
        }

    .settlementOptionDesc div:nth-of-type(1) {
        width: 100px;
    }

    .settlementOptionDesc {
        margin-top: 0px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

    #div_make_settlement_payment #payDateMultipleS .dPaymentReview {
        margin-left: 100px;
    }

    #paymentReviewS .dPaymentInputSubLeft.legal {
        width: 60%;
    }

    #dTAX {
        top: 150px;
        left: 180px;
    }

    #paymentConfirmation .dPaymentInputConfirmationDetails, #paymentConfirmation .dPaymentInputSub, #paymentConfirmation .dPaymentInputSub, #paymentConfirmation .dPaymentReview, #paymentConfirmationS .dPaymentInputConfirmationDetails, #paymentConfirmationS .dPaymentInputSub, #paymentConfirmationS .dPaymentInputSub, #paymentConfirmationS .dPaymentReview {
        width: 300px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none;
    }

    div.dConfNo {
        width: unset;
    }

    #paymentConfirmation .dPaymentInput.centered, #paymentConfirmationS .dPaymentInput.centered {
        text-align: center;
    }

    #paymentFailure, #paymentFailure .dPaymentInput, #paymentFailureS, #paymentFailureS .dPaymentInput {
        width: auto !important;
    }

    #dMakeAPayment {
        margin-top: 15px !important;
        margin-right: 15px !important;
        width: 100% !important;
    }

    div.dPaymentInputAccInfo .dPaymentInputSub {
        width: 300px;
    }

    #dPayPrinPIF, #dPayPlusPIF {
        width: 100%;
        top: 0px;
    }

        #dPayPrinPIF .dPayButton.cancel, #dPayPlusPIF .dPayButton.cancel {
            width: 140px;
        }

    /*
    #lnkACHDiff {
        left:-106px;
    }
        */

    .tPayCard {
        width: 140px
    }

    .tPayABA {
        width: 150px;
    }

    .tPayCardName {
        width: 135px;
    }

    .tPayCardAddr {
        width: 277px;
    }

    .tPayCardCity {
        width: 225px;
    }

    .tPayCardState {
        width: 50px;
    }

    .tPayCardCVV {
        width: 71px;
    }

    .tPayCardZip {
        width: 95px;
    }

    #sDebitImage, #sDebitImageS {
        width: 200px;
        height: 132.14px;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .square.rmvPmtLn {
        left: 50px;
    }

    .plusPayPastDue {
        left: 350px;
    }

    #dPayOffConfirmed, #dPayPastDueConfirmed {
        margin-top: 10px;
        margin-bottom: 0px;
    }

        #dPayPastDueConfirmed .dPayPastDueLineItem, #payDateMultipleConfirmed .dPayDateLineItem, #dPayPastDueConfirmed .dPayPastDueTotal {
            width: 200px
        }

    #aEditAmount {
        left: 20px;
        top: -55px;
    }

        #aEditAmount.pushedDown {
            left: unset;
            right: -100px !important;
            top: -70px;
        }

        #aEditAmount.pushed2Down {
            left: unset;
            top: -70px;
            right: -115px !important;
        }

        #aEditAmount.pushedLeftDown {
            left: 300px;
            top: -55px;
        }

        #aEditAmount.pushedDown.notAllTheWay {
            left: 98px;
            top: -70px;
        }

    .sMinimum3 {
        width: 160px;
    }

    .dPayDateLineItem {
        overflow: hidden;
    }

    #sPDate1, #sPDate2, #sPDate3 {
        text-decoration: underline;
    }

    #dTAC > div:first-of-type, #dTACS > div:first-of-type {
        left: 50px;
        top: 10px;
    }

    #dPayPastDueConfirmed .dPaymentInputSub {
        margin-left: 75px;
    }

    #sPM {
        font-size: 12px;
    }

    #sPA span.sPayReviewFullAmount {
        font-size: 10px;
    }

    .dPaymentInputData #sPA.extraLong {
        font-size: 12px;
    }

    .dPaymentInputSubLeft.legalHeightFix.line2 {
        height: unset;
    }

    .dPaymentInputSubLeft.legalHeightFix.line3 {
        height: unset;
    }

    .dPaymentInputSubLeft.legalHeightFix2.line2, .dPaymentInputSubLeft.legalHeightFix.line4 {
        height: unset;
    }

    .dPaymentInputSubLeft.legalHeightFix2.line3, .dPaymentInputSubLeft.legalHeightFix2.line5 {
        height: unset !important;
    }

    .settlementHeader .settOpt {
        font-size: 16px;
    }

    a#lnkPayPastDue1 {
        width: unset;
    }

    #div_make_settlement_payment .dPaymentInput #sPMS, #div_make_settlement_payment .dPaymentInput #iPMS, #div_make_settlement_payment .dPaymentInput #sPDS, #div_make_settlement_payment .dPaymentInput #calendar_iconS {
        position: relative;
        top: -30px;
    }

    #payDateMultiple.acs, #payDateMultipleS.acs {
        width: 300px;
    }

    #paymentReview .dPaymentInputDetails, #paymentReviewS .dPaymentInputDetails {
        margin-left: 30px;
    }

    #no1Modal > .modal-dialog, #no2Modal > .modal-dialog, #no3Modal > .modal-dialog, #no4Modal > .modal-dialog {
        transform: translate(0%, 100%);
    }

    .Preferences-header h1 {
        font-size: 28px;
    }

    .Preference-body h2 {
        font-size: 25px;
    }

    .Preference-body hr, .switch-hr {
        max-width: 100% !important;
    }

    .Preference-body {
        padding: 10px;
    }

    #settlementOfferSpan {
        top: 0px;
        left: 110px;
    }

        #settlementOfferSpan a {
            display: block;
            position: relative;
            left: 55px;
        }

    #paymentConfirmation .paymentStatusBanner {
        width: 95% !important;
        margin-left: 0px;
        margin-bottom: 15px;
    }

    #settlementOfferSpan {
        top: 0px;
    }

        #settlementOfferSpan.loyaltySettlementOffer {
            top: 0px;
        }

    #loanActivity.pmtportLoanActivity {
        width: 100% !important;
    }

    .trustpilot {
        padding: 15px 5px !important;
    }

    /*MTG-57*/

    .newAOmodalPopupwidth, .bttcnextdayalert_Popupwidth, .ThankYou_Popupwidth, .infoNotCorrectPopup {
        width: 100%;
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
    }

    .newmodelpopupText {
        font-size: 14px;
    }

    .newmodelpopuptitle {
        font-size: 24px;
    }

    .ThankYou_Popupwidth {
        width: 100%;
        width: 100%;
    }

    .bttcnextdayalert_Popupwidth {
        width: 80%;
    }
}

@media screen and (max-width:720px) {


    .errsummary {
        margin-top: 18px;
    }


    .icon1 {
        left: -10px !important;
    }

    .icon1esigncreatepwd {
        left: -10px !important;
    }

    .inputfield {
        background: repeating-linear-gradient(90deg, #00000029 0, #00000029 1.8ch, transparent 0, transparent 2.5ch) 0 100%/100% 2px no-repeat;
        padding-left: 6px;
        font: 4ch consolas, monospace;
    }

    #content_customContent_btnNext3.loginbtn2 {
        width: 60% !important;
    }

    .nomatch {
        margin-left: -10px;
    }

    .re-container {
        margin-top: -6px;
    }

    .flagtxtpadding {
        padding-top: 0px;
    }

    .bttcnextdayalertwidth {
        width: 100%;
    }

    .consentapproval {
        padding-right: 0px;
        float: none;
    }

    .Preferences-text {
        color: #fff;
        display: inline-block;
        padding: 0px;
    }

    .preferences1 {
        float: inherit;
        font-size: 14px;
        margin: 15px 20px;
        width: 100%;
    }

    .preferences2 {
        font-size: 14px;
        margin: -15px 22px 10px;
        width: 95%;
    }

    .preferenceanswer {
        float: right;
        width: 42%;
        margin: 0 0 0 0;
    }

    .preferencebody2, .col-xs-11 {
        width: 100%
    }

    .preferencetextbox {
        width: 83%;
    }

    .prefpenicon2 {
        left: -75px;
    }

    .cellspacepref {
        margin-right: 32px;
        padding-top: 6px;
    }

    .choice2 {
        margin-top: 36px
    }

    .preferencetitle2 {
        width: 40%
    }

    .preferencetext1 {
        margin: 10px 0
    }

    .imgsavetime {
        width: 50%;
        /*margin-left: 0px;*/
    }

    .savetimelogo {
        margin-top: 10px;
        margin-left: -30px;
    }

    .divsavetimetext {
        color: white;
        /*padding-top: 10px;*/
        margin-left: -60px;
    }

    .netpay1 {
        /*width: 40%;*/
        margin-left: -50px;
    }

    .new-cta__approved {
        float: none;
    }

    #esig-non-btt5, #esig-non-btt6, #esig-non-btt7, #esig-non-btt8 {
        top: 50px;
    }

    .bank-container {
        position: relative;
        top: -3px;
        right: 0px;
        width: 15px;
        height: 25px;
        background: #fff;
        pointer-events: auto;
    }

    .info-container {
        /* position: relative; */
        padding-left: 0px
    }

    /*James edit 03/11/2020*/
    /* The actual popup */
    .popup .infotext {
        visibility: hidden;
        /*width: 160px;*/
        background-color: #33CC66;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 1;
        /* top: 135%;
    left: -125%; */
        margin-left: -60px;
    }


    /* esignature.html: info textbox */
    .popup .esigBox {
        top: 29px;
        /* update 11/16/2019 */
        left: -51px;
        width: 160px;
    }

    .popup .esigBox2 {
        top: 31px;
        /* update 11/16/2019 */
        left: -41px;
        width: 285px;
    }

    .popup .esigBox::after {
        top: -3%;
        /* update 11/16/2019 */
        right: 22.5%;
    }

    .popup .esigBox2::after {
        top: -2%;
        /* update 11/16/2019 */
        right: 60%;
        border-width: 7px;
    }


    /* Popup arrow */
    .popup .infotext::after {
        content: "";
        position: absolute;
        margin-left: -21px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent #33CC66 transparent;
    }

    .popup .aboutpg {
        top: 29px;
        left: -31px;
    }

    .popup .aboutpg2 {
        top: 26px;
        left: -36px;
        /* width: 160px; */
    }

    .popup .aboutpg::after {
        /* top: -3%;
    left: 65%; */
        top: -5px;
        left: 104px;
    }

    .popup .aboutpg2::after {
        top: -5px;
        left: 104px;
        /* width: 160px; */
    }

    .popup .incomepg::after {
        top: -8%;
        left: 65%;
    }

    .popup .incomepg {
        /* top: 125%;
    left: -125% */
        top: 99%;
        left: -248%;
    }

    .popup .bankpg {
        top: 125%;
        /* left: -125%; */
        /* Update 11/16/2019 */
        width: 245px;
        left: 0px
    }

        .popup .bankpg::after {
            top: -4%;
            /* left: 27%; */
            /* Update 11/16/2019 */
            left: 83px
        }

    .popup .bankpg2 {
        top: 125%;
        left: -189px
    }

        .popup .bankpg2::after {
            top: -5px;
            left: 274px;
        }


    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

    .flex2 {
        width: 100%
    }

    .flex {
        width: 100%
    }

    /* All the Next buttons */
    .new-cta-btn {
        padding: 9px 42%;
        font-size: 16px;
        /* Updated 11/24/19 */
        margin-bottom: 15px;
        float: none;
    }

    .NewPasswordSeceyeicon {
        top: 0px !important;
    }

    .pwdcrosstickalign {
        left: -20px !important;
        top: 32px !important;
    }

    .checkyourapproval {
        padding: 5px 60px; /*For Check your approval*/
        float: right;
        font-size: 16px;
        background-image: none;
        border-radius: 2px;
    }

    #cc, #cc1, #ccml, #cc1ml {
        width: 100%
    }

    /* esignature page: check mark */
    .fa {
        font-size: 60px;
        color: #33cc66;
        right: 61px;
        top: 10px;
        /* position: relative;*/
        z-index: 10;
        left: -60px;
    }


    /* consent-non.html info mark */

    #consentQmark {
        left: 300px;
    }


    .popup .consentpg {
        top: 36px;
        /* Updated 11/21/19 */
        left: -34px;
        width: 160px;
        background-color: #333;
    }

        .popup .consentpg::after {
            top: -5px;
            left: 148px;
            border-color: transparent transparent #0b0e0c transparent;
        }

    #ssn {
        width: 50%
    }


    /* Updated 11/25/19 */
    .esig {
        font-size: 11pt;
    }

    .loan-documents-banner {
        font-size: 10px;
        height: 49px;
        line-height: 13px;
        z-index: 5000;
    }

    .btn-padding {
        padding-bottom: 30px;
    }

    /* Updated 11/25/19 */
    #esig-non-btt2, #esig-non-btt4, #esig-non-btt6, #esig-non-btt8 {
        left: -70px;
        top: 45px
    }

    /* Updated 11/25/19 */
    #esig-non-btt1, #esig-non-btt3, #esig-non-btt5, #esig-non-btt7 {
        left: -63px;
        top: 45px
    }

    /*Update 11/15/19 */
    #content_customContent_submit {
        text-align: center;
    }

    /* UPdate 11/16/2019 */
    .eftblock {
        float: left;
        /* Updated 11/24/19 */
        width: 55%;
        /* width: 61%; */
        display: inline-flex;
        padding-right: 13px
    }

    .chkblock, .creditblock {
        float: left;
        /* Updated 11/24/19 */
        width: 43%;
        /* width: 38%; */
        display: inline-flex;
    }

    .bankrow {
        display: inline-flex
    }

    #banner2 {
        line-height: 10px;
    }
    /* Updated 11/21/19 */
    #descript {
        margin-bottom: 5px;
        float: none;
        /* Updated 11/24/19 */
        font-size: 14px;
        color: #000000;
        margin-top: 95px;
        margin-left: -10px;
    }

    /* Updated 11/22/19 */
    #descript2 {
        font-size: 12px;
        /* Updated 11/24/19 */
        display: initial;
        color: gray;
        /* Updated 11/25/19 */
        margin-right: initial;
    }
    /* Updated 11/24/19 */
    #descript3 {
        font-size: 12px;
        display: initial;
        color: gray;
    }

    /* Updated 11/21/19 */
    .preference {
        width: 88%;
        padding-right: 0px
    }

    /* Updated 11/21/19 */
    .bttc {
        font-size: 16px;
        left: 11%
    }

    /* Updated 11/21/19 */
    .okbtncon {
        padding-right: 79px
    }


    /*Update 11/24/19 */
    .maincontent {
        padding: 0px 10px 0 10px
    }

    /* Updated 11/24/19 */
    .abouttext {
        text-align: center;
        font-size: 9pt;
        color: darkgray;
        float: left;
        margin-left: 15%;
        margin-right: 15%;
        margin-top: inherit;
    }

    /* Updated 11/24/19 */
    .paydatebox {
        padding-left: 0px;
        padding-right: 0px;
    }
    /* Updated 11/24/19 */
    .paydatebox1 {
        width: 50%;
        float: left;
        padding: 15px 5px 0 5px;
    }

    /* Updated 11/24/19 */
    #check {
        /* padding-top: 35px; */
        width: 100%
    }

    /* Updated 11/24/19 */
    /* All the Next buttons */
    .new-cta-btn1 {
        padding: 9px 28.5%;
        font-size: 16px;
        margin-bottom: 15px;
        background-image: none;
    }

    .new-cta-btn2 {
        padding: 9px 18%;
        font-size: 12px;
        margin-bottom: 15px;
        background-image: none;
    }

    .app-esig-backbtn {
        margin-left: 130px;
    }

    .refreshDescription1 {
        padding: 9px 17%;
        font-size: 14px;
        margin-bottom: 15px;
        background-image: none;
    }
    /* Updated 11/24/19 */
    #content_customContent_frmPaymentType_TTC, #frmPaycheckType_TTC_lbl {
        padding-right: 10px
    }
    /* Updated 11/25/19 */
    .consentalign {
        width: 45%;
        margin-left: 3%
    }

    /* Updated 11/25/19 */
    .consentalign2 {
        padding-left: 37px;
    }

    .app-esig__small {
        margin: 0 7% 0 7%;
        text-align: center;
    }

    /* Updated 11/25/19 */
    .yes {
        width: 10%;
        /* float: left; */
    }

    /* Updated 11/25/19 */
    .esigalign2 {
        padding-left: 0px;
    }

    /* Updated 11/25/19 */
    .esigalign3 {
        width: 100%
    }

    /* Updated 11/25/19 */
    .esigcheck1 {
        width: 69%;
        /* margin-left: 24%; */
        top: -18px;
        padding: 0px;
        left: 49px
    }

    /* Updated 11/25/19 */
    .esigcheck2 {
        width: 69%;
        /* margin-left: 14%; */
        padding: 0px;
        top: 38px;
        left: 28px
    }

    /* Updated 11/25/19 */
    .esigcheck {
        left: -37px;
        top: 26px
        /* left: -39px;
    top: 42px  */
    }

    /* Updated 11/25/19 */
    .esigcheck3 {
        width: 62%;
        /* margin-left: 24%; */
        /* top: -7px; */
        padding: 0px;
        left: 49px
    }

    /* Updated 11/25/19 */
    .esigcheck4 {
        width: 62%;
        /* margin-left: 24%; */
        /* top: -7px; */
        padding: 0px;
        left: 49px
    }

    /* Updated 11/25/19 */
    .esigalign4 {
        text-align: left;
        /* Updated 11/28/19 */
    }

    /* Updated 11/25/19 */
    /* Esigfinal.html */
    .esigimg {
        width: 40%
    }

    /* Update 11/25/2019 */
    .transition-italic__secondary {
        margin-top: 40px;
        font-size: 19px;
    }

    /* Updated 11/28/19 */
    #submitBtn {
        float: inherit;
        margin-top: inherit;
        margin-right: inherit;
    }

    /* Updated 11/28/19 */
    /* Consent.html */
    .consentindent {
        padding-left: 13%
    }

    /* Updated 11/28/19 */
    .img-container1 {
        padding: 20px 0px 0px 0px;
        margin: 0px 8px 0px 8px;
    }

    /* Updated 11/28/19 */
    .icon-alignment {
        padding: 0px 5px;
    }

    /* Updated 11/28/19 */
    #state2, .state2, .state3 {
        padding-top: 0px
    }

    .popup3 .loginpg {
        top: 93px;
        left: 168px;
    }

        .popup3 .loginpg::after {
            display: none;
        }

    /* The actual popup3 */
    .popup3 .infotext3 {
        visibility: hidden;
        /* width: 160px; */
        background-color: #33cc66;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 15px;
        position: absolute;
        z-index: 3;
        /* top: 135%;
    left: -125%; */
        margin-left: -60px;
    }

        /* popup3 arrow */
        .popup3 .infotext3::after {
            content: "";
            position: absolute;
            margin-left: -21px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent #33cc66 transparent;
        }

    .info-container2 {
        left: 345px;
    }

    .loginbtn {
        width: 40%;
    }

    .pwline {
        width: 82%;
        padding-right: 3px
    }

    .loginbtn2 {
        width: 90%;
    }

    .loginbtn3 {
        width: 71%;
        margin-top: 40px;
    }

    .pw-icon {
        left: 90%;
        top: -34px;
        font-size: 20px;
    }

    .fa-eye {
        font-size: 20px;
        color: lightgrey;
    }

    .fa-eye-slash {
        font-size: 20px;
        color: lightgrey;
    }


    .logintext {
        width: 76%;
        float: left
    }

    .logintext2 {
        display: block;
        min-height: 20px;
        padding: 10px 10px 0px 20px;
        /*margin-bottom: 20px;*/
        background-color: #f7f7f7;
        border: 1px solid #e5e5e5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    }

    .navigations1 {
        margin-left: 0px;
    }

    .loginbtn4 {
        width: 84%;
        /*background-color: orange;*/
    }

    .nextapp5 {
        text-align: center;
        padding-top: 15px;
        visibility: visible
    }

    .popup .multiloginpg {
        top: 50px;
        left: 118%;
        width: 380px;
        font-weight: normal;
    }
    /* Updated 01/14/20 */
    .sameemail {
        padding-left: 55px;
    }

    /* Updated 01/27/20 */
    .pwsuccess1 {
        color: #67ad4c;
    }


    /* Updated 01/27/20 */
    .loginbtn5 {
        /* width: 60%; */
        width: initial;
        font-size: 16px;
        margin-top: 25px;
    }

    /* Updated 01/27/20 */
    .pwsuccessE1 {
        font-size: 12pt;
    }

    .icon2 {
        left: 30px;
        top: -35px;
    }

    .icon5 {
        left: 30px;
        top: -35px;
    }

    .icon3 {
        left: 35%;
        margin-left: 44%;
        margin-top: -10%;
        top: -62px;
        position: relative;
    }

    .icon4 {
        top: -130px;
        margin-left: 1740%;
        left: -190px; /*Request-3294*/
        /*left: 190px;*/
        margin-top: 3%;
        position: relative;
    }

    /*Internet Explorer 11*/
    _:-ms-fullscreen, :root .icon4 {
        top: -130px;
        margin-left: 1740%;
        left: -190px;
        margin-top: 3%;
        position: relative;
    }

    _:-ms-fullscreen, :root .icon3 {
        left: 36%;
        margin-left: 43%;
        margin-top: -15%;
        top: -62px;
        font-size: 10px;
        position: relative;
    }

    #divCallnowouter {
        padding-top: 0px;
        /*margin-right: -25px;
        margin-left: 95%;*/
    }

    /*Request-3485*/
    .desired-loan-amount__select {
        /*Request-3485*/
        padding: 5px 9px 5px 0px;
    }

    .paymentStatusBanner {
        margin-left: 10%;
    }
}


@media screen and (max-width: 632px) {
    .aoprotxtpadding {
        padding-left: 14%;
    }

    .paymentStatusBanner {
        margin-left: 5%;
    }
}

@media screen and (max-width: 594px) {
    .preferencetextbox {
        width: 85%;
    }

    .dPaymentLeftSettle {
        display: block;
    }

        .dPaymentLeftSettle .settlementOffer {
            float: none;
            width: 250px;
            margin-left: 50px;
        }

    .dPaymentRightSettle {
        float: none;
    }

    #dTAX {
        top: 400px;
        left: 0px;
    }

    /*.prefcheck {
        margin-left: -100px;
        width: 60%;
    }*/

    /*.modalprefyes {
        width: 53%;
    }*/

    /*.modalprefno {
        width: 40%;
    }*/
}

@media screen and (max-width:580px) {

    .icon1 {
        left: -14px !important;
    }

    .icon1esigncreatepwd {
        left: -14px !important;
    }

    .nomatch {
        margin-left: -12px;
    }

    .esigninputfield {
        font: 4ch consolas, monospace;
    }

    .esignpasscodecontrol {
        padding-top: 14px;
    }

    .pwmmsg {
        top: 0;
    }

    .StepfrRow > .col-md-9 > span {
        font-size: 14px !important;
    }

    .newsecimg {
        width: 100%;
        margin-top: 15px;
    }

    .newsecimg-newAO {
        width: 40px
    }

    .SecSSN {
        width: 90.5%;
    }

    .callmenow {
        width: 90%;
    }

    .savetimelogo {
        margin-top: 15px;
        margin-left: -30px;
    }

    .imgsavetime {
        width: 70%;
    }

    .divsavetimetext {
        color: #fff;
        margin-left: -40px;
    }

    .lblThankyou {
        margin-left: 0px;
    }

    .netpay1 {
        width: 287px;
        margin-left: -50px;
    }

    .paycheckmargin {
        margin-left: -15px;
    }

    .paycheckmargin1 {
        margin-top: 0px;
        width: 114%;
        margin-left: -15px;
    }

    .upcomingpaydate {
        margin-top: 39%;
    }

    .paydatebox1 {
        width: 50%;
        padding: 0px 5px 0 5px;
    }

    .paycheck2 {
        width: 205%;
    }

    .paychecknetpay2 {
        width: 60%;
    }

    .bttcnextdayalertyes {
        padding-left: 0%;
    }

    .bttcnextdayalertyes {
        padding-left: 0%;
    }

    .bttcnextdayalertwidth {
        width: 100%;
    }

    #descript {
        margin-bottom: 5px;
        float: none;
        font-size: 14px;
        color: #000;
        margin-top: 85px;
        margin-left: -10px;
    }

    #divCallnowouter {
        padding-top: 0px;
    }

    .callmenowtext {
        /* font-size: medium;*/
    }

    .callmenowtext-new-AO {
        font-size: medium;
    }

    div.bottomContent {
        width: 90% !important;
    }

    .scheduleline2 {
        padding-left: 14%;
    }

    .scheduleline-new-AO-2 {
        padding-left: 25%;
    }

    .paymentStatusBanner {
        margin-left: 0%;
    }
}

@media screen and (max-width: 572px) {
    .settlementPortalLink {
        margin-right: 15px;
        float: left !important;
        text-align: left;
        clear: left;
    }

    #dMakeAPayment {
        margin-top: 15px !important;
        float: left !important;
        clear: left;
    }
}

@media screen and (max-width: 560px) {
    .settlementPortalLink {
        width: 100%;
        padding-top: 0px;
    }

    #paymentEntryNoLoan {
        width: 100% !important;
    }
}

@media screen and (max-width: 550px) {
    #div_make_settlement_payment .dPayment, .dPayment .dPaymentInput {
        width: 99% !important;
    }

    #paymentEntryNoLoan {
        width: 100% !important;
    }

    #paymentReviewS .dPaymentInputSubLeft.legal {
        width: 100%;
    }

    .settlementOffer {
        width: 134px
    }

    #settlementOfferSelect1 .settlementOfferHide, #settlementOfferSelect2 .settlementOfferHide, #settlementOfferSelect3 .settlementOfferHide {
        width: 133px;
    }

    .settlementSummary span:nth-of-type(1) {
        display: inline;
    }

    #div_make_settlement_payment .bottomContent {
        clear: both;
    }

    .settlementHeader .settOpt {
        font-size: 12px;
    }

    .settlementOffer .dPaymentReview .dPayButton.cancel.settClose {
        font-size: 8px;
    }

    #div_make_settlement_payment .dPaymentInputDataSelect {
        left: 50%;
        top: 260px;
    }

    .paymentStatusBanner {
        width: 70% !important;
        margin-left: 10%;
    }
}

@media screen and (max-width:576px) {
    .dPaymentInputDataSelect {
        right: unset !important;
    }

    #paymentEntryNoLoan {
        width: 100% !important;
    }
}

@media screen and (max-width: 547px) {

    .acceptesignaccount {
        width: 45%;
    }

    #content_customContent_btnNext3.loginbtn2 {
        width: 65% !important;
    }

    .preferencetextbox {
        width: 85%;
    }

    .cellspacepref {
        margin-right: 32px;
        padding-top: 28px;
    }

    /*.prefcheck {
        margin-left: -93px;
        width: 60%;
    }*/

    /*.modalprefyes {
        width: 65%;
    }*/

    /*.modalprefno {
        width: 54%;
    }*/
}

@media screen and (max-width: 500px) {
    .settlementOffer {
        clear: both;
        width: 65%;
        float: none;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px;
    }

    #settlementOfferSelect1 .settlementOfferHide, #settlementOfferSelect2 .settlementOfferHide, #settlementOfferSelect3 .settlementOfferHide {
        position: relative;
        width: unset !important;
        border: 0px;
    }

    span.smallSettlement {
        font-size: 10px;
        width: 125px !important;
    }

    #div_make_settlement_payment .dPaymentInputDetails {
        margin-left: 0px;
    }

    #div_make_settlement_payment .dACHInputS, #div_make_settlement_payment .dDebitInputS {
        margin-left: 5px;
    }

    #div_make_settlement_payment #paymentReviewS .dPaymentInputDetails {
        margin-left: 20px;
    }

    #div_make_settlement_payment #payDateMultipleS .dPaymentInputSub {
        margin-left: 0px;
        width: 340px;
    }

    .settlementLineItem {
        width: 100%;
    }

        .settlementLineItem span {
            display: inline-block;
        }

            .settlementLineItem span.sPayReviewFullRebate, .settlementLineItem span.sPayReviewAmount, .settlementLineItem span.sPayReviewDate {
                font-size: 14px;
                color: black;
                width: 90px;
                margin-top: 7px;
                margin-bottom: 7px;
            }

    .settlementOffer .settlementSummary {
        line-height: 18px;
    }

    .settlementHeader .settOpt {
        font-size: 16px;
    }

    #paymentMethodS {
        margin-top: 0px;
        padding-top: 0px;
    }

    .settlementOffer .dPaymentReview .dPayButton.cancel.settClose {
        font-size: 10px;
    }

    #div_make_settlement_payment .dPaymentInputDataSelect {
        top: 400px;
    }
}


@media screen and (max-width:505px) {
    .sPayoffDetails {
        right: 80px !important;
    }

    .logimg {
        width: 100%;
    }

    .acceptesigrdoidentity {
        width: 33%;
    }

    .accesignnewsecimg {
        width: 20%;
    }

    .aoprotxtpadding {
        padding-left: 10%;
    }
}

@media screen and (max-width: 448px) {
    .inputfield {
        font: 3ch consolas, monospace;
        margin-top: 10px;
        padding-left: 0px;
    }

    #content_customContent_btnNext3.loginbtn2 {
        width: 75% !important;
    }

    .paymentStatusBanner {
        margin-left: 5%;
    }
}

.aoprotxtpadding {
    padding-left: 5%;
}

#sliderleftcontdocloader {
    text-align: right;
    padding-right: 8px;
}

}

@media screen and (max-width:460px) {
    .lblThankyou {
        padding-top: 30px;
    }

    div.dOverlay div {
        left: 15%;
    }

    #dTAC > div:first-of-type, #dTAC .dPaymentReview, #dTACS > div:first-of-type, #dTACS .dPaymentReview {
        width: 80%;
        top: 10px;
    }

    .bttcalertalignment {
        margin-top: -415px;
    }

    .scheduleline2 {
        padding-left: 9%;
    }

    .scheduleline-new-AO-2 {
        padding-left: 25%;
    }

    #div_make_settlement_payment .dPaymentInputDataSelect {
        left: 40%;
    }
}

@media screen and (max-width: 454px) {
    .preferencetextbox {
        width: 85%;
    }

    .prefpenicon2 {
        left: -20px;
    }

    .cellspacepref {
        margin-right: 31px;
        padding-top: 28px;
    }

    /*.prefcheck {
        margin-left: 15px;
        width: 30%;
    }*/
    /*.modalprefyes {
        width: 85%;
    }*/
    /*.modalprefno {
        width: 35%;
    }*/
}

@media screen and (max-width: 480px) {

    .docloaderrangeinput {
        /*width: 98% !important;*/
    }

    .slidecontainer {
        margin-left: -15px;
    }

    .nonauto2stepstxt {
        padding-left: 0px;
        padding-right: 0px;
    }

    .autocallmetxt {
        padding-left: 2%;
        padding-right: 4%;
    }

    .dcSlidermergin {
        /*margin-left: -10px;*/
    }

    .inputfield {
        margin-top: 20px;
    }

    #content_customContent_btnNext3.loginbtn2 {
        width: 70% !important;
    }

    .loginbtn2 {
        width: 70%;
    }

    .pwdmatch1 {
        margin-left: -2px;
    }

    .loanacceptbtn > .loginbtn2 {
        width: 55% !important;
    }

    .esigtext .eisignalinverifed.esignsucesssec {
        background-color: #fff !important;
        padding: 5px;
        color: #dedcda;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
}

@media screen and (max-width: 449px) {
    .pw-icon {
        left: 85%;
    }

    .bttc-modalprefno {
        text-align: left;
    }

    .preferencetextbox {
        width: 85%;
    }

    .prefpenicon2 {
        left: -75px;
    }

    .cellspacepref {
        margin-right: 32px;
        padding-top: 28px;
    }

    /*.inputfield {
        width: 250px;
        background: repeating-linear-gradient(90deg, #00000029 0, #00000029 20px, transparent 0, transparent 44px) 0 100%/100% 1px no-repeat;
        font: 24px consolas, monospace;
        letter-spacing: 31px;
    }*/
    /*.prefcheck {
        margin-left: 5px;
        width: 35%;
    }*/

    /*.modalprefyes {
        width: 71%;
        margin-right: 12px;
    }*/

    /*.modalprefno {
        width: 27%;
        margin-right: 0px;
    }*/

    #settlementOfferSpan, #settlementOfferSpan.paymentSettlementOffer {
        width: 70%;
        text-align: center;
        left: 0px;
    }

        #settlementOfferSpan a, #settlementOfferSpan.paymentSettlementOffer a {
            left: 0px;
        }
}

@media screen and (max-width: 429px) {
}

@media screen and (max-width:414px) {

    .clsimg2fa {
        height: 48px;
    }

    .paymentStatusBanner {
        margin-left: 0px;
    }
}

@media screen and (max-width: 436px) {

    #div_make_settlement_payment .paymentOuter h2:nth-of-type(2), #div_make_settlement_payment .paymentOuter h5 {
        font-size: 14px;
    }

    #div_make_settlement_payment .paymentOuter h2:nth-of-type(2) {
        position: relative;
        top: 10px;
        padding-right: 25px;
        width: 95px;
    }

    #div_make_settlement_payment .paymentOuter h5:nth-of-type(2) {
        width: 90px;
    }
}

@media screen and (max-width:414px) {
    .mktprefsubhead414 {
        display: inline;
    }

    .modalprefyes, .modalprefno {
        font-size: 12px;
        margin-top: 0px;
    }

    #consentHeader {
        font-size: 21px;
    }

    .esignsectionheader {
        font-size: 21px;
    }

    .cellnobreak {
        display: inline;
    }

    .acceptesignaccount {
        width: 70%;
    }

    .preferences2 {
        margin: -15px 22px 10px;
        width: 90%;
    }

    .preferenceanswer {
        width: 38%;
    }

    .preferencetextbox {
        /* margin-top: 10px; */
        width: 89%;
    }

    .cellspacepref {
        padding-top: 20px;
    }

    /*.prefcheck {
        margin-left: 5px;
        width: 35%;
    }*/

    /*.modalprefyes {
        width: 71%;
        margin-right: 12px;
    }*/

    /*.modalprefno {
        width: 27%;
        margin-right: 0px;
    }*/

    .modalpreffooter {
        font-size: 12px;
    }

    .imgsavetime {
        width: 130%;
    }

    .savetimelogo {
        margin-top: 20px;
    }

    .divsavetimetext {
        color: #fff;
        margin-left: -10px;
    }

    .lblThankyou {
        margin-left: 0px;
    }

    .lastpaydtservererror {
        width: 200%;
        position: absolute;
        margin-top: 21%;
    }

    .paycheckpc {
        position: absolute;
        margin-left: 35%;
        margin-top: -30px;
    }

    .netpay1 {
        width: 287px;
    }

    .paycheckmargin {
        margin-left: -15px;
    }

    .paycheckmargin1 {
        /*position: absolute;*/
        margin-top: 0px;
        width: 114%;
        margin-left: -15px;
    }

    .upcomingpaydate {
        margin-top: 60%;
    }

    .paychecknetpay2 {
        width: 70%;
    }

    .bttc-modal-DayText {
        font-size: 15pt;
    }

    .bttc-modal-TitleText {
        font-size: 13pt;
    }

    .bttc-modal-desctext2 {
        font-size: 13pt;
    }

    .bttc-modal-footer {
        padding-bottom: 5px;
        padding-right: 0px;
        padding-left: 0px;
    }

    .bttc-modalprefno {
        font-size: 10pt;
        text-align: left;
        padding-right: 0px;
    }

    .bttc-modalprefyes {
        font-size: 10pt;
    }

    .pwdmatch1 {
        /*margin-top: 65px;*/
        /*margin-left: -14px;*/
        text-align: center;
        float: left;
    }

    .icon2 {
        left: -50px;
        top: -77px
        /*top: 10px*/
    }

    /*Request-3294 Safari 9.0 and up*/
    _:not(a,b), .icon4 {
        left: -533px;
    }

    .icon2 {
        left: -5px;
        top: 10px
    }

    .icon5 {
        left: -5px;
        top: 10px
    }

    .icon4 {
        top: -80px;
        /*left: -533px; Request-3294*/
        left: -470px;
        margin-top: 3%;
        position: relative;
    }

    .icon3 {
        left: 37%;
    }

    /*Internet Explorer 11*/
    _:-ms-fullscreen, :root .icon4 {
        /*@media screen and (max-width:411px)*/
        top: -80px;
        left: -455px; /*Request-3294*/
        /*left: -470px;*/
        margin-top: 3%;
        position: relative
    }

    _:-ms-fullscreen, :root .icon3 {
        left: 37%;
        margin-left: 43%;
        margin-top: -15%;
        top: -65px;
        font-size: 10px;
        position: relative;
    }

    .popup .esigBox2 {
        top: 31px;
        left: -38px;
    }

    .popup .esigBox {
        top: 29px;
        left: -48px;
    }

    #divCallnowouter {
        padding-top: 0px;
    }

    .callmenowtext {
        text-align: center;
        font-size: small;
    }

    .callmenowtext-new-AO {
        text-align: center;
        font-size: small;
    }

    #okbtn1 {
        margin-bottom: 0px;
    }

    #okbtn1-new-AO {
        margin-bottom: 0px;
    }

    .or1 {
        padding-left: 60px;
    }

    .show5 {
        visibility: hidden;
        display: none;
    }

    #descript {
        margin-bottom: 5px;
        float: none;
        font-size: 14px;
        color: #000;
        margin-top: 85px;
        margin-left: -10px;
    }

    #dPayPrinPIF .dPayButton, #dPayPlusPIF .dPayButton {
        float: left;
        margin-left: 15px;
    }

    #paymentEntryNoLoan {
        width: 104% !important;
    }

    .dPayment, .dPayment .dPaymentInput, .dPayment .dPaymentInputDetails .dPaymentInputSub, .dPayment .dPaymentInputSub, .dPayment .dPaymentInputDetails, .dPaymentInputSubLeft .legal, #paymentReview .dPaymentInputSub, #paymentReview .dPaymentInputDetails .legal, #paymentReview .dPaymentReviewLine, #paymentReviewS .dPaymentInputSub, #paymentReviewS .dPaymentReviewLine {
        width: 95% !important;
    }


        #paymentReview .dPaymentInputDetails .legal.auth {
            width: 325px !important;
        }

    .dPaymentRightSettle span.legal.auth {
        margin-left: -100px !important;
        width: 360px !important;
    }

    #dTAX {
        width: 325px !important;
    }

    #dPayPastDueConfirmed .dPaymentInputSub {
        margin-left: 0px;
    }

    #aEditAmount {
        left: 32% !important;
    }

    #aEditDate {
        left: 89% !important;
    }

    #aEditAmount.pushedLeftDown {
        left: 98% !important;
    }

    #paymentReview.dPaymentACS .dPaymentReviewAmountPastDueMultiple .dPaymentInputSub.acs {
        width: 86% !important;
    }

    .paymentStatusBanner {
        width: 100% !important;
    }

    #dPaymentRecalcRebate, #dPaymentRecalcRebateLoss {
        width: 105% !important;
    }

    #paymentReview.dPaymentACS .dPaymentReviewAmount .dPaymentInputSub {
        width: 85% !important;
    }

    .plusPayPastDue {
        left: 86%;
    }
}

@media screen and (max-width:411px) {
    .loanacceptbtn > .loginbtn2 {
        width: 65% !important;
    }

    .preferences2 {
        font-size: 14px;
        margin: -15px 22px 10px;
        width: 85%;
    }

    .inputfield {
        margin-top: 8px;
    }

    .preferenceanswer {
        width: 43%;
    }

    /*.prefcheck {
        margin-left: 15px;
        width: 30%;
    }*/

    /*.modalprefyes {
        width: 85%;
    }*/

    /*.modalprefno {
        width: 35%;
    }*/

    .warningbody {
        text-align: center;
        margin-top: 15px;
    }

    .imgsavetime {
        width: 130%;
    }

    .savetimelogo {
        margin-top: 20px;
    }

    .divsavetimetext {
        color: #fff;
        margin-left: -10px;
    }

    .lblThankyou {
        margin-left: 0px;
    }

    .upcomingpaydate {
        margin-top: 43%;
    }

    .paycheckmargin1 {
        margin-left: -15px;
        margin-top: 0px;
        width: 124%;
    }

    #esig-non-btt5, #esig-non-btt6, #esig-non-btt7, #esig-non-btt8 {
        top: 50px;
    }

    .bank-container {
        width: 20px;
    }

    .popup .bankpg {
        left: -50px
    }

        .popup .bankpg::after {
            left: 136px
        }

    .pickerdollarsign {
        margin-left: 0px;
    }

    .app-esig-backbtn {
        margin-left: 130px;
    }

    .new-cta-btn1 {
        padding: 9px 28.5%;
    }

    .esigcheck2 {
        top: 40px;
    }

    .popup .multiloginpg {
        top: 115px;
        left: 100%;
        width: 100px;
        font-weight: normal;
    }

    .icon2 {
        left: -5px;
        top: 10px
    }

    .icon5 {
        left: -5px;
        top: 10px
    }

    .icon3 {
        left: 37%;
        margin-left: 44%;
        margin-top: -10%;
        top: -62px;
        font-size: 12px;
        position: relative;
    }

    .icon4 {
        top: -80px;
        /*left: -535px; Request-3294*/
        left: -470px;
        margin-top: 3%;
        position: relative;
    }

    /*Internet Explorer 11*/
    _:-ms-fullscreen, :root .icon4 {
        /*@media screen and (max-width:411px)*/
        top: -80px;
        left: -455px; /*Request-3294*/
        /*left: -470px;*/
        margin-top: 3%;
        position: relative
    }

    _:-ms-fullscreen, :root .icon3 {
        left: 37%;
        margin-left: 43%;
        margin-top: -15%;
        top: -65px;
        font-size: 10px;
        position: relative;
    }

    .pwcheck3 {
        /*margin-top: -20px;*/
    }
}

@media screen and (max-width:406px) {
    #div_make_settlement_payment .dPaymentInput #sPMS, #div_make_settlement_payment .dPaymentInput #iPMS {
        top: 0px;
    }
}

@media screen and (max-width:400px) {
    .settlementLineItem span.sPayReviewFullRebate, .settlementLineItem span.sPayReviewAmount, .settlementLineItem span.sPayReviewDate {
        width: 80px;
    }
}

@media screen and (max-width:396px) {
    .acceptesig_btn_sendcode_Next_savemypwd {
        width: 100%;
    }

    #content_customContent_btnNext3.loginbtn2 {
        width: 80% !important;
    }

    .esigninputfield {
        font: 3.5ch consolas, monospace;
    }

    .acceptesigrdoidentity {
        padding-right: 0px;
    }

    .accesignforgotstep2 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .Preference-body h4 {
        line-height: 1.2em;
    }

    /*.pickerpadding {
        padding-top: 0px;
    }*/

    #aEditAmount {
        left: 32% !important;
    }

        #aEditAmount.pushedLeftDown {
            left: 98% !important;
        }


    #no1Modal > .modal-dialog, #no2Modal > .modal-dialog, #no3Modal > .modal-dialog, #no4Modal > .modal-dialog {
        transform: translate(0%, 70%);
    }

    .esigtext .eisignalinverifed.esignsucesssec {
        background-color: #fff !important;
        padding: 5px;
        color: #dedcda;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
}

@media screen and (max-width:395px) {
    #descript {
        margin-bottom: 5px;
        float: none;
        font-size: 14px;
        color: #000;
        margin-top: 85px;
        margin-left: -10px;
    }
}

@media screen and (max-width:384px) {

    #aEditAmount {
        left: 34% !important;
    }

        #aEditAmount.pushedLeftDown {
            left: 98% !important;
        }

    #aEditDate {
        left: 90% !important;
    }
}

@media screen and (max-width:376px) {

    .esigninputfield {
        font: 3.2ch consolas, monospace;
    }

    .accesignnewsecimg {
        width: 28%;
    }

    .accesignSecSSN > .controls {
        width: 90%;
    }

    .accesignSecDOB > .controls {
        width: 90%;
    }

    .eleconsent {
        font-size: 13px;
    }

    .acceptesignaccount {
        width: 70%;
    }

    .scheduleline2 {
        padding-left: 4%;
    }

    .scheduleline-new-AO-2 {
        padding-left: 25%;
    }

    .preferences2 {
        font-size: 14px;
        margin: -15px 22px 10px;
        width: 85%;
    }

    .preferenceanswer {
        width: 44%;
    }

    .preferencetextbox {
        /* margin-top: 10px; */
        width: 80%;
    }

    .prefpenicon2 {
        left: -25px;
    }

    /*.prefcheck {
        margin-left: 15px;
        width: 30%;
    }*/

    /*.modalprefyes {
        width: 85%;
    }*/

    /*.modalprefno {
        width: 35%;
    }*/

    .modalpreffooter {
        padding-left: 5px;
        padding-right: 5px;
    }

    .imgsavetime {
        width: 150%;
    }

    .savetimelogo {
        margin-top: 15px;
    }

    .divsavetimetext {
        color: #fff;
        margin-left: -10px;
    }

    .lblThankyou {
        margin-left: 0px;
    }

    .netpay1 {
        width: 287px;
    }

    .upcomingpaydate {
        margin-top: 62%;
    }

    #consentQmark {
        top: -38px;
        left: 248px;
    }

    #esig-non-btt5, #esig-non-btt6, #esig-non-btt7, #esig-non-btt8 {
        top: 50px;
    }

    .popup .consentpg {
        left: -34px;
    }

    .open-button {
        width: 25px
    }

    .esig {
        font-size: 12pt;
    }

    .mobilebanking {
        width: 100%;
        float: left
    }

    .loan-documents-banner {
        font-size: 8px;
        z-index: 5000;
    }

    .maincontent {
        padding: 0px 6px 0 6px
    }

    .popup .esigBox2 {
        top: 29px;
        left: -60px;
    }

        .popup .esigBox2::after {
            top: -2.5%;
            right: 47%;
        }

    #ssn {
        padding-left: 13px
    }

    .preference {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px
    }

    .app-esig-backbtn {
        margin-left: 130px;
    }

    .pickerdollarsign {
        margin-left: 0px;
        /*Request-3485*/
        padding: 3px 0px 0px 10px;
    }

    .chkblock, .creditblock {
        float: left;
        width: 43%;
        display: inline-flex;
        font-size: 12px;
    }

    .eftblock {
        font-size: 12px;
    }

    .paydatebox1 {
        font-size: 12px;
    }

    .new-cta-btn1 {
        padding: 9px 26%;
    }

    .new-cta-btn2 {
        padding: 9px 14.5%;
    }

    .refreshDescription1 {
        padding: 9px 19%;
    }

    .transition-italic__secondary {
        font-size: 17px;
    }

    .esigcheck2 {
        width: 70%;
        top: 43px;
    }

    #esig-non-btt1, #esig-non-btt3, #esig-non-btt5, #esig-non-btt7 {
        left: -55px;
        top: 40px;
    }

    #esig-non-btt2, #esig-non-btt4, #esig-non-btt6, #esig-non-btt8 {
        left: -66px;
        top: 39px;
    }

    .esigcheck {
        left: -35px;
        top: 26px;
    }

    .esigcheck1 {
        top: -14px
    }

    .fa {
        left: -40px;
        top: 30px;
    }

    .pw-icon {
        left: 80%;
        font-size: 20px;
        top: -35px;
    }

    .fa-eye {
        font-size: 20px;
        color: lightgrey;
    }

    .fa-eye-slash {
        font-size: 20px;
        color: lightgrey;
    }

    .sameemail {
        padding-left: 56px;
    }

    .loginbtn {
        width: 29%
    }

    .icon2 {
        left: -30px;
        top: 30px
    }

    .icon5 {
        left: -30px;
        top: 30px
    }

    .icon3 {
        left: 36%;
        margin-left: 45%;
        margin-top: -10%;
        top: -62px;
        font-size: 12px;
        position: relative;
    }

    .icon4 {
        top: -60px;
        /*left: -507px; Request-3294*/
        left: -445px;
        margin-top: 3%;
        position: relative;
    }

    /*Request-3294 Safari 9.0 and up*/
    _:not(a,b), .icon4 {
        left: -507px;
    }
    /*Internet Explorer 11*/
    _:-ms-fullscreen, :root .icon4 {
        /*@media screen and (max-width:411px)*/
        top: -80px;
        left: -455px; /*Request-3294*/
        /*left: -470px;*/
        margin-top: 3%;
        position: relative
    }

    _:-ms-fullscreen, :root .icon3 {
        left: 36%;
        margin-left: 43%;
        margin-top: -15%;
        top: -62px;
        font-size: 10px;
        position: relative;
    }

    .pwcheck3 {
        /*margin-top: -20px;*/
    }

    .show5 {
        margin-top: 0px;
    }

    #divCallnowouter {
        padding-top: 0px;
    }

    .callmenowtext {
        text-align: center;
        font-size: small;
    }

    .callmenowtext-new-AO {
        text-align: center;
        font-size: small;
    }

    #okbtn1 {
        margin-bottom: 0px;
    }

    #okbtn1-new-AO {
        margin-bottom: 0px;
    }

    #content_customContent_callTimeHourMinute {
        width: 70%;
    }

    #content_customContent_callTimeAmPm {
        width: 130%;
        margin-left: -15px;
    }

    #content_customContent_callTimeHourMinuteNewAO {
        width: 100%;
    }

    #content_customContent_callTimeAmPmNewAO {
        width: 120%;
    }

    .hours-new-AO {
        padding-right: 2%;
    }

    .tytext3 {
        font-size: 25px;
        text-align: center;
        color: #33cc66;
    }

    #div_make_settlement_payment div#dTAX {
        width: 320px !important;
    }

    #div_make_settlement_payment .dPayment .dPaymentInputDetails {
        width: 100% !important;
    }

    #paymentReview .dPaymentInputDetails .legal.auth {
        width: 225px !important;
        margin-left: 0px !important;
    }

    #paymentReview.dPaymentACS .dPaymentReviewAmountPastDueMultiple .dPaymentInputSub.acs {
        width: 84% !important;
    }
}

@media screen and (max-width:364px) {

    #aEditAmount {
        left: 35% !important;
    }

        #aEditAmount.pushedLeftDown {
            left: 98% !important;
        }

    .scheduleline2 {
        padding-left: 2%;
    }

    .scheduleline-new-AO-2 {
        padding-left: 25%;
    }

    .dPaymentRightSettle span.legal.auth {
        margin-left: -110px !important;
    }
}

@media screen and (max-width:360px) {

    .preferences2 {
        font-size: 14px;
        margin: -15px 22px 10px;
        width: 85%;
    }

    .inputfield {
        margin-top: 0px;
    }
    /*.prefcheck {
        margin-left: 5px;
        width: 35%;
    }*/

    /*.modalprefyes {
        width: 78%;
        margin-right: 10px;
    }*/

    /*.modalprefno {
        width: 40%;
        margin-right: -55px;
    }*/
    .divsavetimetext {
        color: #fff;
        margin-left: 0px;
    }

    .tytext3 {
        font-size: 23px;
        text-align: center;
        color: #33cc66;
    }

    .imgsavetime {
        width: 160%;
    }

    .savetimelogo {
        margin-top: 15px;
    }

    .netpay1 {
        width: 287px;
    }

    .upcomingpaydate {
        margin-top: 62%;
    }

    .paychecklbl {
        width: 115%;
    }

    .paychecknetpay2 {
        width: 75%;
    }

    .paycheck1 {
        padding-top: 10px;
        margin-left: -30px;
        width: 235%;
    }

    #content_customContent_callTimeAmPm {
        width: 120%;
    }

    .info-container2 {
        left: 291px;
    }

    .loginbtn2 {
        width: 73%;
    }

    .navbar-header .phone {
        margin-left: 17%;
    }

    .popup .aboutpg {
        left: 114px;
    }

    .logintext {
        width: 73%;
        float: left
    }

    /* Updated 01/14/20 */
    .sameemail {
        padding-left: 45px;
        font-size: 13px;
    }

    .icon2 {
        left: -35px;
        top: 30px
    }

    /*Request-3294 Safari 9.0 and up*/
    _:not(a,b), .icon4 {
        left: -507px;
    }
    /*Request-3294*/
    .icon4 {
        top: -60px;
        left: -448px;
        margin-top: 3%;
        position: relative;
    }

    .icon5 {
        left: -35px;
        top: 30px
    }
}

@media screen and (max-width:332px) {
    .acceptesignaccount {
        width: 80%;
    }

    a#lnkPayPastDue1 {
        width: 80px;
    }

    .scheduleline2 {
        padding-left: 0%;
    }

    .scheduleline-new-AO-2 {
        padding-left: 25%;
    }
}

@media screen and (max-width:326px) {
    .dPaymentInputDetails div.dPaymentReview {
        margin-left: 10px;
    }
}

@media screen and (max-width:320px) {

    .esigninputfield {
        font: 3ch consolas, monospace;
    }

    #consentHeader {
        font-size: 20px;
    }

    .esignsectionheader {
        font-size: 20px;
    }

    .new-cta-btn {
        padding: 9px 40%;
    }

    .preferences2 {
        font-size: 14px;
        margin: -15px 22px 10px;
        width: 85%;
    }

    .preferenceanswer {
        width: 52%;
    }

    .preferencetextbox {
        /* margin-top: 10px; */
        width: 76%;
    }

    .prefpenicon2 {
        left: -20px;
    }

    .preferencetitle2 {
        width: 45%;
    }

    /*.prefcheck {
        margin-left: 5px;
        width: 35%;
    }*/

    /*  .modalprefyes {
        width: 85%;
    }*/

    /*.modalprefno {
        width: 45%;
    }*/

    .modal-format {
        padding-left: 10px;
        padding-right: 11px;
    }

    .modalpreffooter {
        padding-left: 0px;
        padding-right: 0px;
    }

    .divsavetimetext {
        color: #fff;
        width: 104%;
        margin-top: -55px;
        margin-left: 20px;
    }

    .tytext1 {
        font-size: 19px;
        text-align: center;
    }

    .tytext2 {
        font-size: 22px;
        text-align: center;
        font-weight: bold;
        color: #33cc66;
    }

    .tytext3 {
        font-size: 19px;
        text-align: center;
        color: #33cc66;
    }

    .imgsavetime {
        width: 160%;
    }

    .savetimelogo {
        margin-top: 15px;
    }

    .imgsavetime {
        width: 200%;
    }

    .paychecklbl {
        width: 115%;
    }

    .paycheck1 {
        padding-top: 10px;
        margin-left: -30px;
        width: 238%;
    }

    .upcomingpaydate {
        margin-top: 55%;
    }

    .popup .esigBox {
        top: 29px;
        left: 11px;
    }

        .popup .esigBox::after {
            top: -3%;
            right: 61.5%;
        }

    .popup .esigBox2 {
        top: 33px;
        left: -96px;
    }

        .popup .esigBox2::after {
            top: -2%;
            right: 41%;
        }

    #consentQmark {
        top: -38px;
        left: 246px;
    }

    .state3 {
        width: 50%;
        padding: 0 9px 0 5px;
        float: left
    }

    .state2 {
        width: 50%;
        padding: 0 10px 0 10px;
        float: left
    }

    #ssn {
        width: 50%;
        padding-right: 8px;
        padding-left: 5px
    }

    #state4 {
        width: 45%;
        padding: 0 1px 0 10px;
        float: left;
    }

    .esigcheck2 {
        padding-right: 9px
    }

    .pickerdollarsign {
        transform: scale(1);
        margin-left: 6px;
    }

    .maincontent {
        padding: 0px 6px 0 6px
    }

    .eftblock {
        float: left;
        width: 55%;
        display: inline-flex;
        padding-right: 5px
    }

    .chkblock, .creditblock {
        float: left;
        width: 45%;
        display: inline-flex;
        padding-right: 10px
    }

    .app-esig-backbtn {
        margin-left: 70px;
    }

    .pickerdollarsign {
        margin-left: 0px;
    }

    .bttc {
        font-size: 16px;
        left: 9%
    }

    .okbtncon {
        padding-right: 42px
    }

    .paydatebox1 {
        font-size: 11px;
    }

    .calendy, calendydob {
        right: 5px;
    }

    #state2 {
        padding-top: initial;
    }

    .new-cta-btn1 {
        padding: 9px 22%;
    }

    .new-cta-btn2 {
        padding: 9px 11.5%;
    }

    .refreshDescription1 {
        padding: 9px 13%;
    }

    #content_customContent_frmPaymentType_TTC, #frmPaycheckType_TTC_lbl {
        padding-right: 10px;
    }

    .bank-container {
        width: 15px;
    }

    .consentalign {
        margin-left: 2%
    }

    .consentalign3 {
        width: 27%;
        float: left;
        padding-top: 0px;
        padding-right: 0px;
    }

    .consentalign4 {
        width: 73%;
        display: inline-block;
        padding-left: 0px;
        padding-top: 4px;
    }

    .yes {
        width: 14%;
        vertical-align: top;
    }

    .yes1 {
        width: 14%;
        vertical-align: top;
    }

    .esigcheck2 {
        width: 72%;
        top: 43px;
        left: 6px;
    }

    .esigcheck1 {
        left: 35px;
        top: 0px;
    }

    .esig {
        font-size: 10pt;
    }

    .esigcheck {
        left: -42px;
        top: 39px;
    }

    .esigcheck3 {
        left: 37px;
        top: 0px;
    }

    .esigcheck4 {
        width: 90%;
        left: 13px;
        top: 20px;
    }

    #esig-non-btt1, #esig-non-btt3, #esig-non-btt5, #esig-non-btt7 {
        left: -55px;
        top: 40px;
    }

    #esig-non-btt2, #esig-non-btt4, #esig-non-btt6, #esig-non-btt8 {
        left: -66px;
        top: 39px;
    }

    #esig-non-btt6, #esig-non-btt8 {
        top: 19px;
        left: -5px;
    }

    .transition-italic__secondary {
        font-size: 16px;
    }

    .pwline {
        width: 81%
    }

    .pw-icon {
        left: 85%;
        font-size: 20px;
        top: -35px;
    }

    .fa-eye {
        font-size: 20px;
        color: lightgrey;
    }

    .fa-eye-slash {
        font-size: 20px;
        color: lightgrey;
    }

    .popup .multiloginpg {
        top: 50px;
        left: 118%;
        width: 380px;
        font-weight: normal;
    }

    .sameemail {
        padding-left: 18px;
        font-size: 13px;
    }


    .icon2 {
        left: -25px;
        top: 30px
    }

    .icon5 {
        left: -25px;
        top: 30px
    }

    .icon3 {
        left: 36%;
        margin-left: 43%;
        margin-top: -15%;
        top: -65px;
        font-size: 10px;
        position: relative;
    }

    .icon4 {
        top: -60px;
        left: -502px; /*Request-3294*/
        /*left: -445px;*/
        margin-top: 3%;
        position: relative;
    }

    /*Internet Explorer 11*/
    _:-ms-fullscreen, :root .icon4 {
        top: -60px;
        left: -420px; /*Request-3294*/
        margin-top: 3%;
        position: relative;
    }

    _:-ms-fullscreen, :root .icon3 {
        left: 36%;
        margin-left: 43%;
        margin-top: -15%;
        top: -65px;
        font-size: 8px;
        position: relative;
    }
    /*@media screen and (-ms-high-contrast: none) {
        .ie10up {
            property: value;
        }
        *::-ms-backdrop, .icon4 {
          
            left: -420px; Request-3294
          
        }
    }*/

    .popup .bankpg::after {
        left: 132px
    }

    .popup .bankpg2::after {
        left: 269px;
    }

    #divCallnowouter {
        padding-top: 0;
    }

    .callmenowtext {
        text-align: center;
        font-size: small;
    }

    .callmenowtext-new-AO {
        text-align: center;
        font-size: small;
    }

    #okbtn1 {
        margin-bottom: 0px;
    }

    #okbtn1-new-AO {
        margin-bottom: 0px;
    }

    #content_customContent_callTimeHourMinute {
        width: 63%;
        margin-top: 2px;
    }

    #content_customContent_callTimeAmPm {
        width: 120%;
        margin-top: -5px;
    }

    #content_customContent_callTimeHourMinuteNewAO {
        width: 100%;
        margin-top: 2px;
    }

    #content_customContent_callTimeAmPmNewAO {
        width: 120%;
        margin-top: -5px;
    }
}

.coinfrmsmallheader {
    font-size: 20px;
    margin-top: 10px !important;
    font-weight: bold;
}

.borderbody {
    font-weight: bold;
}

.btns {
    border: none;
    font-weight: 200;
    padding: 5px 20px;
}

#content_customContent_txtLoanAuth {
    padding: 5px;
}

@media screen and (max-width:767px) {
    .contentborder {
        border: 1px solid #33cc66;
    }

    .borderbody {
        font-weight: bold;
        background-color: #33cc66;
        color: #fff;
        width: 100%;
        display: block;
        padding: 5px;
        text-align: center;
    }

    .contentborder > p {
        padding: 5px;
    }

    #loyalty_acccountdetail {
        padding-bottom: 0px !important;
    }
}

/* 4599 changes */
@media screen and (max-width:576px) {
    .divmodel {
        font-size: 12px !important;
    }

    .btn-login {
        font-size: 12px !important;
    }

    .divheader {
        font-size: 13px !important;
    }

    .noborder > .modal-body {
        padding: 15px 20px 5px 20px !important;
    }

    .applaymargin {
        margin: 0px -20px !important;
    }

    .btnmargin {
        margin: 0px -20px 10px -20px !important;
    }

    .divmodel > .row > p {
        margin: 0px !important;
    }

    .errortext {
        margin-top: 0px !important;
        margin-bottom: 5px !important;
    }

    .errorblock {
        width: 100% !important;
        margin: 0px !important;
    }

    .errormsgblock {
        margin-top: -25px !important;
    }
}

@media (max-width: 767px) {
    .removespace > .col-sm-3 {
        padding: 0px 5px !important;
    }

    .rowadded {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 376px) {
    .iconsize > .pw-icon {
        left: 90% !important;
        top: -33px !important;
    }

    #aEditDate, #lnkEditDate, #lnkEditAmount.acs, #lnkEditAmount.acs.PIF {
        left: 89.5% !important;
    }

    #aEditAmount.pushedLeftDown {
        left: 98.5% !important;
    }
}

@media screen and (max-width: 355px) {
    .removespace > .col-sm-3 {
        padding: 0px 0px 0px 10px;
    }

    .removespace > .col-sm-9 {
        padding-left: 0px;
    }
}

@media screen and (max-width: 720px) {
    .errorblock {
        text-align: center !important;
        padding: 10px !important;
    }
}

.noborder > .modal-body {
    padding: 15px 20px 5px 20px !important;
}

.divmodel {
    margin: -10px 10px 0px 10px;
    font-family: 'Lato', sans-serif;
}

    .divmodel > .row {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .divmodel > .row > p {
            text-align: center;
        }

    .divmodel > .col-md-3 > .control-label {
        text-align: right;
    }

    .divmodel > .col-sm-3 {
        padding-top: 0px;
    }

.btn-login {
    background-color: #EEA236;
    color: #fff;
    padding: 5px 25px;
    font-weight: 600;
    border: none;
    outline: none;
}

.btn-back {
    background-color: #fff;
    border: none;
    color: gray;
}

.btn-pwd {
    background-color: #fff;
    border: none;
    text-decoration: underline !important;
    color: #000 !important;
    margin-right: 10px;
}

.btn-line {
    text-decoration: underline;
}

.errormsgblock {
    margin-top: -25px;
}

#modalLogin > .modal-dialog > .modal-content {
    border-radius: 0px !important;
}

.divheader {
    text-align: center;
    color: #fff;
    font-weight: 600;
    background-color: #33cc66;
    letter-spacing: 0.7px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

    .divheader > p {
        padding: 10px;
        margin: 0px;
    }

.alignright {
    text-align: right;
}

.errortext {
    text-align: center;
    margin-bottom: 20px;
    font-size: 12px;
    margin-top: -10px;
    color: #b94a48;
}

.noborder {
    border-radius: 0px !important;
}

.removespace {
    margin-top: 10px;
}

.errorblock {
    text-align: left;
    color: red;
    font-size: 9pt;
    /*padding: 0px 0px 20px 50px;*/
    font-weight: bold;
    font-style: italic;
}

    .errorblock > span {
        padding: 0px 0px 20px 50px;
    }

.applaymargin {
    margin: 10px 20px;
}

.btnmargin {
    margin: 0px 10px;
}

.esigncontactverifytablink {
    color: black;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    font-size: 12px;
    text-align: center;
    width: 15%;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}

.eisgspantext {
    color: #33cc66;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

.eisgspantextdisabled {
    color: #dddddd;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
}

.esigncontactverifyverifylinkcircle {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 5px;
    color: #fff;
    background-color: #33cc66 !important;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10px;
}

.esigncontactverifyverifylinkcircledisabled {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 5px;
    color: #fff;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10px;
    background-color: #dddddd;
}

.verifylinkcircle {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 5px;
    color: #fff;
    background-color: #33cc66 !important;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10px;
}


.verifylinkcircle-Green {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 3px 9px;
    color: #fff;
    background-color: #33cc66 !important;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 12px;
    border: 1px solid #33cc66;
}

.verifylinkcircle-Green-disabled {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 3px 8px;
    color: #dedcda;
    background-color: #fff !important;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10px;
    border: 2px solid #dedcda;
}


.verifylinkcircle-phone {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 5px;
    color: #fff;
    background-color: #33cc66 !important;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10px;
}

.verifylinkcircle-email {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 5px;
    color: #fff;
    background-color: #33cc66 !important;
    text-align: center;
    font-family: 'Titillium Web', sans-serif;
    font-size: 10px;
}

.esigntablink {
    color: black;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    font-size: 12px;
    text-align: center;
    width: 15%;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}

.esigntablink-circle {
    color: black;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    font-size: 12px;
    text-align: center;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}

.emailphonecircle-tabs {
    padding-left: 20px;
}
/*.esigntablink:hover {
        background-color: #790303;
        color: white;
    }*/
/*.verifylinkcircle {
    border-radius: 50%;
    width: 18px;
    height: 18px;
    padding: 10px;
    color: #fff;
    background-color: rgb(98, 196, 98) !important;
    text-align: center;
    font: 15px Arial, sans-serif;
}
.esigntablink {
    background-color: #bfcbd6;
    color: black;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 5px 5px;
    font-size: 12px;
    text-align: center;
    width: 15%;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}

.esigntablink:hover {
        background-color: #790303;
        color: white;
    }*/
.eisgnresndbtnclor {
    color: orange;
}

.esignparagraph {
    padding: 20px;
    padding-top: 35px;
}

.esign-enter-passcode-text {
    padding-left: 20px;
    padding-top: 10px;
    font-weight: 500;
}

.esignparagraph1 {
    padding-top: 35px;
}

.esignverified {
    width: 20px;
}

.esignpasscodefiled {
    --w: 1ch; /* control the width for each letter */
    --g: .15em; /* the gap between letters */
    --b: 2px; /* the border thickness */
    --n: 6; /* the number of letters */

    --c: #888;
    font-size: 30px;
    line-height: 1.5; /* control the height */
    letter-spacing: var(--w);
    font-family: monospace;
    width: calc(var(--n)*(1ch + var(--w)));
    padding-left: calc((var(--w) - var(--g))/2);
    clip-path: inset(0 calc(var(--w)/2) 0 0);
    background: repeating-linear-gradient(90deg, var(--c) 0 var(--b),#0000 0 calc(1ch + var(--w) - var(--g) - var(--b)), var(--c) 0 calc(1ch + var(--w) - var(--g)),#0000 0 2ch), conic-gradient(at calc(100% - var(--g) - 1px) var(--b),#0000 75%,var(--c) 0) 0 0/calc(1ch + var(--w)) calc(100% - var(--b));
    border: none;
    outline: 0;
}

esignpasscodefiled.focus-visible {
    --c: #000;
}

esignpasscodefiled.bodycontent {
    margin: 0;
    min-height: 100vh;
    display: grid;
    place-content: center;
}

.eignpasscodebody {
    display: flex;
    justify-content: center;
    align-items: center;
    /*  height: 100vh;*/
    /* background-color: #f7f7f7;*/
    margin: 0;
}

.otp-container {
    display: flex;
    align-items: center;
    position: relative;
    top: 5px;
}

.otp-box {
    width: 40px;
    height: 40px;
    border-radius: 7px;
    border: 1px solid #cbc3c3;
    text-align: center;
    font-size: 18px;
    line-height: 40px;
    margin: 0 5px;
}

.otp-input {
    position: absolute;
    width: 240px;
    height: 40px;
    opacity: 0;
    top: 0;
    left: 0;
}

.otp-box:focus {
    outline: 2px solid #EEA236; /* Highlight color for the focused box */
}

.blinking-cursor {
    border: 2px solid #EEA236; /* Cursor style */
    animation: blink 0.7s steps(44) infinite normal;
}

#divtimer {
    margin-top: 10px;
}

@keyframes blink {
    50% {
        border-color: transparent;
    }
}


.esignphonetext {
    font-weight: 700;
}

.eignphoneformat {
    padding-top: 3px;
    color: #33cc66;
    font-weight: bold;
    padding-left: 16px;
}

.timertext-esign-passcode {
    float: left;
    width: 60%;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
}

.div-esign-resendpasscode {
    margin-top: -10px !important;
    text-align: center !important;
}

.enabled-resend-code {
    color: #EEA236 !important;
    cursor: pointer !important;
}

.disabled-resend-code {
    color: #dedcda !important;
    cursor: none !important;
}

.esignsucesssec {
    background-color: #fff !important;
    padding: 10px;
    color: #dedcda;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    font-weight: bold;
}

.eisignalinverifed {
    padding: 10px;
}

@media (min-width: 320px) and (max-width: 480px) {
    row .esigtext .eisignalinverifed.esignsucesssec {
        background-color: #fff !important;
        padding: 5px;
        color: #dedcda;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        font-weight: bold;
    }
}

#content_customContent_btnsendlink.loginbtn2 {
    width: 40% !important;
}

.btnsendlinkenabled {
    background-color: #EEA236;
    border: 1px solid #EEA236;
}

/* esign thank you loader  */

.esign-thank-you-loader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 250px;
    margin: 0 auto;
}

.loader-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #dba05b;
    animation: bounce 1.2s infinite ease-in-out both;
}

    .loader-dot:nth-child(4), .loader-dot:nth-child(5) {
        background-color: silver;
    }

    .loader-dot:nth-child(2) {
        animation-delay: -1.1s;
    }

    .loader-dot:nth-child(3) {
        animation-delay: -1.0s;
    }

    .loader-dot:nth-child(4) {
        animation-delay: -0.9s;
    }

    .loader-dot:nth-child(5) {
        animation-delay: -0.8s;
    }

@keyframes bounce {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

.StepesignRow {
    padding-top: 50px !important;
    padding-bottom: 70px !important;
}

    .StepesignRow > .col-md-9 {
        margin-top: 10px;
        font-weight: 600;
    }

        .StepesignRow > .col-md-9 > span {
            font-size: 18px;
            font-weight: bold;
        }

.esignuppercase {
    text-transform: none;
    text-decoration: none;
    font-size: 12px;
}

#content_customContent_btncodesend.loginbtn2 {
    background-color: #EEA236;
    font-weight: bold;
    border: 1px solid #EEA236;
    font-size: 15px;
    padding: 5px 80px;
}

    #content_customContent_btncodesend.loginbtn2:hover {
        color: #ffffff;
        background-color: #EEA236 !important;
        border-color: #EEA236 !important;
    }

    #content_customContent_btncodesend.loginbtn2:focus {
        background-color: #EEA236 !important;
        border-color: #EEA236 !important;
    }

#content_customContent_btnNext3.loginbtn2:hover {
    color: #ffffff;
    background-color: #EEA236 !important;
    border-color: #EEA236 !important;
}

#content_customContent_btnNext3.loginbtn2:focus {
    background-color: #EEA236 !important;
    border-color: #EEA236 !important;
}

#content_customContent_btnsendlink.loginbtn2:hover {
    color: #ffffff;
    background-color: #EEA236 !important;
    border-color: #EEA236 !important;
}

#content_customContent_btnsendlink.loginbtn2:focus {
    background-color: #EEA236 !important;
    border-color: #EEA236 !important;
}


.div-esign-resendlink, .div-esign-resendlinkAO {
    text-align: center !important;
    margin-top: -10px !important;
}

#content_customContent_btnresendlink {
    text-transform: none;
    text-decoration: none;
    font-size: 12px;
}

.btnokrtp {
    font-size: 13px;
    font-weight: bold;
    color: white;
    background-color: #33cc66;
    border: 1px solid #33cc66;
    padding: 5px 40px 5px 40px;
}

.btnokreview {
    font-size: 13px;
    font-weight: bold;
    color: white;
    background-color: #EEA236;
    border: 1px solid #EEA236;
    padding: 5px 40px 5px 40px;
}

.disbContentLabel {
    font-weight: normal;
    float: right;
}
/*eisgn papercheck popup */

.esignpaperchkmodalpopup .papercheck_popup {
    max-width: 690px;
}

.esignpaperchkmodalpopup {
    z-index: 6000;
}

.papercheck_popup .modal-header h3 {
    max-width: 550px;
    font-size: 22px;
    font-family: 'Titillium Web', sans-serif;
    font-weight: bold;
    line-height: 1.5;
}

.papercheck_popup .modal-header h4 {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    max-width: 524px;
    line-height: 1.5;
    font-weight: bold;
}

.papercheck_popup li {
    max-width: 477px;
    font-size: 12px;
    padding: 3px;
}


.btnCall_popup {
    font-weight: bold;
    max-width: 310px;
    font-size: 11px;
}


.esignpaperchkmodalpopup .modal-footer {
    padding-top: 5px;
}





.btnlnkPCpopup {
    max-width: 372px;
    text-align: left;
    color: #62c463;
    font-weight: 550;
}



.esignpaperchkmodalpopup .modal-body {
    font-size: 12px;
    padding: 35px 25px 10px 25px;
}

.esignpaperchkmodalpopup .modal-footer {
    text-align: center;
    margin-top: 0px;
    padding-top: 10px;
}

.esignpaperchkmodalpopup .papercheck_popup {
    max-width: 700px;
    width: 100%;
    padding: 10px 20px;
}

@media screen and (max-width:767px) {
    .esignpaperchkmodalpopup .papercheck_popup {
        padding: 10px 10px 20px;
    }
}

.papercheck_popup .modal-header {
    padding: 0px 50px;
    border: none;
}

    .papercheck_popup .modal-header h3 {
        max-width: 524px;
        font-size: 23px;
        line-height: 1.5;
    }

@media screen and (max-width:767px) {
    .papercheck_popup .modal-header {
        padding: 0px 15px;
    }

    .papercheck_popup ol {
        padding-left: 15px;
    }
}

.papercheck_popup li {
    padding: 3px;
    max-width: 516px;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
}

.papercheck_popup .modal-body a {
    color: black;
}

.papercheck_popup hr {
    margin-top: 1px;
    margin-bottom: 1px;
    border-width: 1.5px;
}

.papercheck_popup_note {
    padding-left: 28px;
    font-weight: bold;
}

@media screen and (max-width:767px) {
    .papercheck_popup_note {
        padding-left: 5px;
    }
}

.popup_center_footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 0px;
    margin-top: 0px;
}

.btnCall_popup {
    max-width: 405px;
    width: 100%;
    font-style: italic;
    text-transform: none;
    color: #fff;
    border: none;
    white-space: pre-wrap;
    background-color: rgb(231, 146, 26);
    box-shadow: 4px 4px 4px lightgrey !important;
    border-radius: 0px;
}

    .btnCall_popup:hover, .btnCall_popup:focus {
        background-color: rgb(231, 146, 26);
        color: #fff !important;
        border: none;
    }

.btnClose_popup, .btnlnkPCpopup, .btnsteppopup {
    text-align: left;
    background-color: transparent;
    color: #05d339;
    text-decoration: underline;
    border: none;
    padding: 1px;
}

.btnClose_popup {
    color: #dc953b;
    font-size: 12px;
    margin-top: 5px;
}

.accountstatuscontent {
    margin-bottom: 35px;
    margin-top: 10px;
}

.disbnotavlblerrmsg {
    font-size: 11px;
    font-style: italic;
    display: inline-block;
    line-height: 2;
    max-width: 330px;
    color: red;
    font-family: 'Altivo', sans-serif;
    font-weight: bold;
}

.rtpnewfeatr {
    width: 12%
}

.btnsteppopup {
    color: #dc953b;
    font-size: 12px;
    margin-top: 5px;
}

.papercheckfooterdisclaimer {
    text-align: right;
}


@media screen and (max-width:767px) {
    .papercheckfooterdisclaimer {
        text-align: center;
        margin-bottom: 25px;
    }
}

.rtpbadge {
    height: 50px;
    width: 50px;
    margin-top: -26px;
    margin-left: -10px;
    /*display: inline-block;*/
    margin-bottom: -10px;
    margin-right: -30px;
}


.disbrtptext {
    margin-bottom: 5px;
    max-width: 272px;
    /*display: inline-block*/
}

.disbefttext {
    margin-bottom: 5px;
    max-width: 278px;
    width: 278px;
    /*display: inline-block*/
}

@media screen and (max-width:991px) {

    .disbefttext {
        width: auto;
    }
}

.rtpbaderow {
    display: inline-flex;
    flex-direction: row;
}

.disbparacontent1 {
    margin-right: -27px;
}

.disbparacontent2 {
    margin-right: -60px;
}

@media screen and (max-width:1200px) {
    .disbparacontent1, .disbparacontent2 {
        margin-right: initial;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .mob_mln-10 {
        margin-left: -12px;
    }
}

@media (max-width:400px) {
    .mob_mln-10 {
        margin-left: -10px;
    }
}

.mx-width-disbcontent {
    max-width: 280px;
}

.midsizecontent {
    max-width: 320px;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .midsizecontent {
        max-width: 280px;
        width: 280px;
    }
}

@media screen and (max-width:1000px) {
    .midsizecontent {
        max-width: 315px;
    }
}

.disbMinusLabel {
    float: left;
    margin-left: 0px;
}

@media (max-width: 767px) {
    .disbMinusLabel {
        margin-left: 15%;
    }
}

.nopadright {
    padding-right: 0px;
}

.callmenowalign {
    display: inline-flex;
    flex-direction: row
}


.transitiondivideline {
    margin-left: -10px;
    margin-right: -10px;
    border-top: 2px solid #33cc66;
    margin-top: 20px;
}

.transitionheaderamount {
    font-weight: bold;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.transitioncontentpara {
    max-width: 680px;
    margin: auto;
    margin-bottom: 30px;
}

.transitionbutton1 {
    width: 100%;
    margin-top: 10px;
    margin-bottom: auto;
}

    .transitionbutton1 > span {
        text-transform: none;
    }

.transitionbutton2 {
    background: transparent;
    color: #dc953b;
    font-weight: bold;
    border: none;
    font-size: 16px;
    width: fit-content;
    margin: auto;
    padding-left: 28px;
}

    .transitionbutton2:hover, .transitionbutton2:focus, .transitionbutton2:active {
        color: #dc953b;
        background: none;
        border: none;
        outline: none;
        box-shadow: none;
    }

.transitionfooterbutton {
    text-align: center;
    display: flex;
    flex-direction: column;
    max-width: 300px;
    margin: auto;
}

.transitionphonenumbercontent {
    max-width: 410px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 12%;
    margin-bottom: 15px;
}

@media screen and (min-width:1000px) and (max-width:1200px) {
    .transitionphonenumbercontent {
        margin-left: 26px;
    }
}

@media (max-width: 999px) {
    .transitionphonenumbercontent {
        margin-left: 0px;
    }
}

@media (max-width:500px) {
    .transitionphonenumbercontent {
        max-width: 310px;
    }
}

.transitionlabelphonenumber {
    font-weight: normal;
    color: #595959;
    margin-bottom: 0px;
    font-family: 'Open Sans', sans-serif;
}

.transitionheaderamount span {
    color: #33cc66;
}

.transition-heading-consent {
    font-size: 20px;
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 0px;
}

.transition-subheading-consent {
    margin-top: 0px;
    color: #595959;
    font-family: 'Open Sans', sans-serif;
}

.transitionheadinglist {
    padding-left: 3%;
}

@media (max-width:500px) {
    .transitionheadinglist {
        padding-left: 5%;
    }
}

@media (max-width:500px) {
    .transitionheadinglist {
        padding-left: 5%;
    }
}

.transitionimgblock {
    text-align: right;
    margin-top: 5px;
}

@media (max-width:767px) {
    .transitionimgblock {
        text-align: center;
        margin-top: initial;
    }
}


@media screen and (min-width:600px) and (max-width:767px) {
    .transitionheadercontentblock {
        margin-left: 25%;
    }

    .dArrangementSecondBlock {
        width: 88%; /*LEG-146*/
    }
}

@media screen and (min-width:500px) and (max-width:600px) {
    .transitionheadercontentblock {
        margin-left: 12%;
    }

    .dArrangementSecondBlock {
        width: 88%; /*LEG-146*/
    }
}

@media screen and (min-width:445px) and (max-width:500px) {
    .transitionheadercontentblock {
        margin-left: 15px;
    }
}

.transitionvippara {
    font-size: 14px;
    margin-top: 5px;
    max-width: 475px;
}

#esignWarningLink {
    color: #dc953b;
    font-weight: 600;
    font-size: 16px
}

.lnkHome {
    color: #dc953b !important;
    font-weight: 600;
    font-size: 16px
}

.lnkLogin, .lnkLogin:visited {
    background-color: #dc953b;
    color: white;
    font-weight: 600;
    font-size: 16px;
}

#esignLoginbutton:link, #esignLoginbutton:visited {
    color: white;
    font-weight: 600;
    font-size: 16px
}

div#loadBaseOverlay {
    display: none !important;
    visibility: hidden !important;
}

.lblNoLoanArrangementHeader {
    font-size: 14px;
    display: inline-block;
    letter-spacing: .2px;
    font-weight: 750;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.dArrangementReviewBlock {
    margin-top: 35px;
    text-align: center;
    padding-left: 10px;
}

.lblNoPayment {
    font-family: 'Altivo', sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.lblNoPayment2 {
    font-size: 10px;
}

.lblArrangementHeader {
    font-size: 17px;
    display: inline-block;
    letter-spacing: .2px;
    font-weight: 750;
    font-family: 'Titillium Web', sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.dArrangementBlock {
    margin-top: 35px;
    margin-bottom: 20px;
}

.dArrangementSecondBlock {
    margin-top: 20px;
}

.dPayArrangementButton {
    color: var(--white);
    font-size: 12pt;
    text-align: center;
    font-weight: 500;
    letter-spacing: .5px;
    display: inline;
    width: 100%;
    padding: 2px 15px 2px 15px;
    background-color: var(--primary-color);
    margin-bottom: 5px;
    margin-top: 5px;
    cursor: pointer;
    box-shadow: 2px 3px 6px 0px rgba(0,0,0,0.15);
    font-family: 'Altivo', sans-serif;
}
/*#div_noloan_payment {
    overflow: hidden;
    padding: 0px;
    font-family: 'Altivo', sans-serif;
    width: 850px;
}
*/