body{
	background-color: #F1F1F1;
	font-family: Lato, Helvetica, sans-serif;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.5;}
.headerInfo {
	min-height: 100px;
	background-color: #FFFFFF;
	color: #000;
	padding:10px;
}
.welcome-text{
	padding: 10px 10px 10px 0px;
	display: inline-block;
}
.cp-user-section, .cp-user-menu-section{
	margin-bottom:10px;
	text-align:right;
}
.seperate-footer{
	padding-top: 10px;
	border-top: solid #CCCCCC 1px;
}
.background-logo {
	position: absolute;
}

/*-----------Cash Please------------------*/

 .cp-header{
	height:190px;
	display: table;
}
.cp-header.header-with-arrow .cp-banner-text{
  /*  padding:20px;*/
}
img.cp-banner-image {
	position: absolute;    
	top:0px;
	right:0px; /*July changed 10px to 0px 02-23-2021 */
	/*display:block;*/
}
.cp-banner-middle{

}
.cp-pw {
	padding:50px;
}
@media (min-width:768px) {
	.cp-header.header-with-arrow{
		height:190px;
	}
	.progressbar li {
		width: 150px;
	}
	.progressbar li:after {
		left: -61.5px;
	}
	.progressbar li.done + li.done:after {
		left: -61px;
	}
	.progressbar li.active:after {
		left: -61px;
	}
	.progressbar{
		margin-top:10px;
	}
	.cp-banner-step{
		padding-top: 45px;
		padding-left: 40px;
		display: table-cell;
		width: 250px;
		
	}

	.cp-banner-text{
		/*display:inline-block;*/
		display:table-cell;
		padding-left: 20px;
		padding-right:10px;
		font-size:30px;
		vertical-align:middle;
	}
	h1,.step-text{
		font-size:30px;
	}
	.cp-step-circle {
		width: 100px;
		height: 100px;
		line-height: 50px;
		border: 10px solid #fff;
		/* Circles*/
	}
	.cp-step-circle:before {
		left: 177px;
		height:50px;
		border-left: 3px solid #FFFFFF; /*change these values to suit your liking*/
	}
	.cp-step-circle:after {
		top: 140px;
		left: 177px;
		height:50px;
		border-left: 3px solid #FFFFFF; /*change these values to suit your liking*/
	}
	.cp-step-circle-in {
		width: 60px;
		height: 60px;
	
		margin: 10px;
		line-height: 50px;
		border: 6px solid #fff;
		font-size:30px;
		line-height:45px
		/* Circles*/
	}
}

@media (max-width:768px) {

	.cp-header-height{
	height:90px !important;
	 display: table;
	}
	.cp-pw {
		padding:10px;
	}
	.cp-header.header-with-arrow{
		height:auto;
	}
	img.cp-banner-image {
		display:none;
	}
	.cp-header.header-with-arrow .cp-banner-text {
		text-align:center;
	}
	.progressbar li {
		width: 80px;
	}
	.progressbar li:after {
		left: -27px;
	}
	.progressbar li.done + li.done:after {
		left: -26.5px;
	}
	.progressbar li.active:after {
		left: -26.5px;
	}
	.progressbar{
		margin-top:20px;
	}
	.progressbar li span {
		display:none;
	}
	.cp-banner-step{
		padding-top: 55px;
		padding-left: 10px;
		display:table-cell;
		font-size:20px;
		width:180px;
	}
	h1 {
		font-size:30px;
	}
	.step-text{
		font-size:20px;
	}
	
	.cp-banner-text{
		/*display:inline-block;*/
		display:table-cell;
		padding-left: 10px;
		
		font-size:20px;
		vertical-align:middle;
	}
	.cp-step-circle {
		width: 80px;
		height: 80px;
		line-height: 60px;
		border: 6px solid #fff;
		/* Circles*/
	}
	.cp-step-circle:before {
		left: 115px;
		height:60px;
		border-left: 6px solid #FFFFFF; /*change these values to suit your liking*/
	}
	.cp-step-circle:after {
		top: 130px;
		left: 115px;
		height:60px;
		border-left: 6px solid #FFFFFF; /*change these values to suit your liking*/
	}
	.cp-step-circle-in {
		width: 56px;
		height: 56px;
	
		margin: 6px;
		line-height: 50px;
		border: 6px solid #fff;
		font-size:30px;
		line-height:45px
		/* Circles*/
	}
}
@media (min-width:480px) {
	.cp-logo-section{
		width:50%;
	}
	.cp-user-section{
		width:50%;
	}
}
@media (max-width:480px) {
	.cp-user-menu-section{
		width:100%;
	}
 .cp-header-height{
	height:90px !important;
	 display: table;
}
 img.cp-banner-image-height {
	position: absolute;    
	top:0px;
	right:10px;
	 height:90px !important;
}	
}
@media (max-width:375px) {
	 .cp-header-height{
	height:90px !important;
	 display: table;
}
 img.cp-banner-image-height {
	position: absolute;    
	top:0px;
	right:10px;
	 height:90px !important;
}
	.cp-header.header-with-arrow{
		height:auto;
	}
	img.cp-banner-image {
		display:none;
	}
	.cp-header.header-with-arrow .cp-banner-text {
		text-align:center;
	}
	.progressbar li {
		width: 70px;
	}
	.progressbar li:after {
		left: -23px;
	}
	.progressbar li.done + li.done:after {
		left: -22.5px;
	}
	.progressbar li.active:after {
		left: -22.5px;
	}
	.progressbar{
		margin-top:20px;
	}
	.progressbar li span {
		display:none;
	}
	.cp-step.cp-banner-text{
		padding-top:0px;
		padding-left: 0px;
		font-size:20px;
		width:120px;
		display: table-cell;
		padding-left: 20px;
	}
}
.arrow-down {
	 margin: auto;
	 position:relative;
	 width: 150px;
	 height: 0;
	 border-left: 20px solid transparent;
	 border-right: 20px solid transparent;
	 border-top: 45px solid #FFF;

 }
.arrow-down1{
	position:relative;
	width: 250px;
	height: 0;
	border-left: 125px solid transparent;
	border-right: 125px solid transparent;
	border-top: 70px solid #FFF;
	margin: auto;
}
.getstarted{
	position:relative;
	font-size:30px;
	color:#FFF;
	text-align:center;
}
.trapezoid {
	position:relative;
	border-top: 30px solid #FFF;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	height: 0;
	width: 205px;
	margin: auto;
}

.step-text{
	display: inline-block;

	font-weight:bold;
	margin-right:10px
}
.cp-step-circle {
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	background-color: transparent;
	
	/* Circles*/
}
.cp-step-circle:before {
	content:"";
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
}
.cp-step-circle:after {
	content:"";
	position: absolute;
	z-index: 1;
	bottom: 0;
}
.cp-step-circle-in {
	display: block;
	text-align: center;
	border-radius: 50%;
	background-color: #FFFFFF;
	color:#A41D21;
	font-weight:bold;
	/* Circles*/
}
.progressbar {
	width: 100%;
	counter-reset: step;
	padding: 0;
}

.progressbar li {
	list-style-type: none;
	float: left;
	/*width: 150px;*/
	position: relative;
	text-align: center;
	font-family: sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #A1A1A1;
	z-index:0
	/* Steps*/
}

.progressbar li:before {
	content: counter(step);
	counter-increment: step;
	width: 28px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #fff;
	display: block;
	text-align: center;
	margin: 0 auto 5px auto;
	border-radius: 50%;
	background-color: #363636;
	/* Circles*/
}

.progressbar li:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 10px;
	background-color: #FFFFFF;
	/*lines */
	top: 10px;
	z-index: -1;
}

.progressbar li:first-child:after {
	content: none;
}

.progressbar li.done {
	color: #FFFFFF;
}

.progressbar li.done:before {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	border-color: #FFFFFF;
	color: #FFFFFF;
	background-color: #A41D21;
	margin: 0 auto 5px auto;
	content:"\2713";
	font-size:20px;
	font-weight:bold;
}

/* this is where the change is just added .done class to li:after */
.progressbar li.done + li.done:after {
	background-color: #FFFFFF;
}
/**/
.cp-divider {
	border-top:3px solid #FFFFFF;
}
.progressbar li.active:before {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 50%;
	border-color: #FFFFFF;
	color: white;
	background-color: #A41D21;
	margin: 0 auto 5px auto;
	font-size:15px;
	font-weight:bold;
}
.progressbar li.active {
	color: #FFFFFF;
}
.progressbar li.active:after {
	background-color: #FFFFFF;
}

.button-a21d22 {
	background-color: #a21d22;
	border-top: 1px solid #711314;
	border-right: 1px solid #a21d22;
	border-bottom: 1px solid #a21d22;
	border-left: 1px solid #711314;
	color: #FFF !important;
}

.link-button {
	text-align: center;
	margin: 0px 0px 0px;
	text-decoration: none;
}

	.link-button:hover, .link-button:focus, .link-button:visited {
		text-decoration: none;
	}

.button-login-cp {
	padding: 13px 24px;
	white-space: nowrap;
}

.padding20 {
	padding: 20px;
}

.fontSize24 {
	font-size: 24px;
}
.cp-forgot-pw{
	padding: 30px 0px 0px 20px;
}
#cash-please-form .form-control {
	width: 100%;
	background: #FFFFFF;
	margin-bottom: 5px;
	display: inline-block;
	/* height: auto; */
	padding-top: 6px;
	padding-bottom: 6px;
}
#cp-create-acc-pw, #cp-submit-verify{
	display:none;
}
#cp-submit-guest{
	background: #333333;
}
#cp-submit-guest, #cp-submit-verify, #cp-create-acc-button, #cp-signin, #cp-submit-myaccount, #cp-submit-changepw, #cp-submit-forgotpw, #cp-submit-send, #cp-submit-verifycode ,#cp-ntf-setting, #cp-submit-findme{
	width:100%;
	padding: 8px;
}
#cp-error-box{
	background-color: #FFBABA;
	border: 1px solid #A41D21;
	color: #A41D21;
	padding : 10px;
	margin-top: 0px;
		
}

#cp-success-box{
	background-color: #DFF2BF;
	border: 1px solid #90B565;
	color: #90B565;
	padding : 10px;
	margin-top: 0px;
		
}

#cp-agree-and-continue {
	width: 250px;
	padding: 8px;
}
.cp-decline {
	text-decoration: none;
	color: #a41d21;
	font-weight : bold;
	border : 1px solid;
}

.cp-main-colored-btn {
	color: #FFFFFF!important;
	background: #A41D21!important;
	font-weight : bold;
}

.cp-secondary-btn {
	color: #FFFFFF!important;
	background: #333333!important;
	font-weight : bold;
}

.cp-third-btn {
	color: #A41D21!important;
	text-decoration: none!important;
	font-weight : bold;
	border:1px solid #ffffff;
}
 .cp-gray-btn {    
     color: #FFFFFF!important;
	background: #808080!important;
	font-weight : bold;
	
}
#VerificationEsign .checkbox-label{
	display: block;
	padding-left: 30px;
	text-indent: -30px;
}

#VerificationEsign .checkbox-align{
   margin-right:15px;
	position: relative;
	*overflow: hidden;
}
.cp-loan-form table {
	border: 1px solid #CCCCCC;
}

.cp-loan-form .table-header {
	text-align: left;
	font-weight: bold;
}
.cp-loan-form .table-header.history-loan > td {
	background-color: #58585A;
}
.cp-loan-form table tr.table-header > td {
	background-color: #A41D21;
}

.cp-loan-form table tr.table-header > th {
	background-color: #A41D21;
}
.cp-loan-form .table > tbody > tr > td {
	padding: 5px;
}
.cp-loan-form .table > tbody > tr.sub-header > td {
	background-color: #707070;
	font-weight: bold;
	color: #FFFFFF;
}
.cp-loan-form .table > tbody.payment-schedule > tr > td {
	padding: 10px;
}
.cp-loan-form .table > tbody > tr > td.loan-form-label {
	padding: 10px;
	width: 70%;
}
.cp-loan-form .table > tbody > tr > td.loan-form-note {
	border-top: none;
	background-color: #FFFFFF;
	color: #999999;
}
.cp-loan-form .table > tbody > tr > td span.label-note {
	color: #6E6E6E;
	display: block;
}
.toggle-schedule.in {
	display: none;
}
.cp-loan-btn-toggle{
	color: #A41D21;
}
.cp-modal-btn-width {
    width: 150px;
    height: 35px;
    margin-right: 9px;
}
.form-control{background:#FFFFFF; line-height: 1.5;}
#cash-please-form .form-control {
	width: 100%;
	background: #d0d0d0;
	margin-bottom: 5px;
	display: inline-block;
	/* height: auto; */
	padding-top: 6px;
	padding-bottom: 6px;
}
#cp-approve, #cp-switch, #cp-cancel {width: 350px !important;}
#DifferentAmount ,#HashAccount,#FirstName,#LastName,#LastFourDigits,#DateOfBirth,#Email,#ConfirmEmail, #ConfirmComplexPassword, #NewComplexPassword {background:#FFFFFF !important;}
#div-verifycode .form-control{background:#FFFFFF !important;}
#cash-please-form .cp-loan-form .form-control{
	margin: 0px;
}

.cp-loan-form table.loan-offer{
	margin-bottom:0px;
}

.cp-loan-form table.table-payment-schedule{
	margin-bottom:0px;
}
thead.head-payment-schedule > tr.table-header.loan-offer > th{
	background-color: #707070;
	color: #FFFFFF;
}
.cp-loan-form .table > tbody > tr.table-header > th{
	background-color: #707070;
	color: #FFFFFF;
}

.cp-loan-form .table > tbody > tr.odd > td{
	background-color: #FFFFFF;
}
.cp-loan-form .table > tbody > tr.event > td{
	background-color: #F7F7F9;
}
.cp-loan-form .table > tbody > tr.no-border-top > td{
	border-top:none;
}
.cp-loan-form .table > thead > tr.sub-header > th {
	background-color: #707070;
	font-weight: bold;
	color: #FFFFFF;
	vertical-align: top;
	text-align: center;
}
.cp-loan-form .table > thead > tr.sub-header > td {
	background-color: #707070;
	 border-bottom: 2px solid #ddd;
	
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{line-height:1.5;}
.cp-loan-form table tr.table-header > td {background-color: #707070; padding:8px}

.loan-form-note{
	padding: 10px;
}
.cp-mla-box{
	background-color: #D7EBF5;
	border: 1px solid #4E89BC;
	color: #274C68;
	padding : 10px;
	margin-top: 0px;
	display:none;
}
.cp-manual-box{
	background-color: #F8F0D2;
	border: 1px solid #CAAF80;
	color: #80693F;
	padding : 10px;
		
}
.cp-total-payment-box{
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding : 10px;
	margin-top:0px;
}
.cp-authority-sign-loan-checkbox {
	width: 28px;
	height: 28px;
	background-color: #FFFFFF;
	accent-color: #A41D21;
	border-radius: 3px;
	border: 2px solid #555;
	margin-top: 0px !important;
	vertical-align: middle;
}
.cp-authority-sign-loan-checkbox-text {
	display: inline;
	font-weight: bold;
	margin-left: 10px;
}
.cp-loan-form .table > tbody > tr.cp-total-payment > td {
	background-color: #D8D8D8;
}

#cp-error-box{
background-color: #FFBABA;
border: 1px solid #A41D21;
color: #A41D21;
padding : 10px;
margin-top: 0px;
		
}
#cp-cancel-agreement,#cp-accept-agreement{
	width:30%;
	padding: 8px;
}
#cp-signed-name{
	width:60% !important;
	float: none !important;
	padding: 8px;
}
.loan-button-section {
	background-color: #363636;
	height: 70px;
	text-align: center;
	display: table; 
}

.apply-loan-button {
	padding: 5px 15px 5px 15px;
	font-weight: bold;
	display: inline-block;
}
.glyphicon {
	cursor:pointer;}
.center-cell{
	display: table-cell;
	vertical-align: middle;
}
.button-link {
	padding: 8px;
	color:#2E6CA3;
}
.btn-full-width{
	width: 250px;
	height: 35px;
	margin-right: 9px;
	margin-bottom: 10px;
}
.my-loan-img {
	display: table-cell;
}

.my-loan-message {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
}
.img-responsive{
	margin: auto;
}
.pdf-scroll{
	height: 550px;
}
.div-verifycode{
    display: none;
}
#tbNotificationSetting{
    width:100%;
    text-align:left;
}
 #tbNotificationSetting .chkbox{
      text-align: center;
 }
 #div-verifycode{
	 border-top: 2px dashed #CCCCCC;
 }
 
 /** Responsive for table*/
 
 .cp-responsive > table {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }
.cp-responsive > table thead {
    background-color: #E2E2E2;
    border: 1px solid #d1d1d1;
    font-weight: bold;
}
.cp-responsive > table tbody {
    background-color: #FFF;      
}
.cp-responsive >  table tr {
border-bottom: 1px dotted #d1d1d1;
border-top: 1px dotted #d1d1d1;
padding: 5px;
}
.cp-responsive >  table tr:last-child {
    border-bottom: 1px solid #d1d1d1;
    padding: 5px;
  }
   .cp-responsive > table td {
    padding: 20px;    
  }
.cp-responsive > table td:first-child {
    border-left : 1px solid #d1d1d1;
}
.cp-responsive > table td:last-child{
    border-right : 1px solid #d1d1d1;
}
 .cp-responsive > table th {
    font-weight: bold;
    letter-spacing: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    text-align: left;
  }
   @media screen and (max-width: 767px) {

   .cp-responsive > table {
      border: 0;    
    }

   .cp-responsive > table thead {
      display: none;
    }
   .cp-responsive > table tbody {
    background-color: transparent;      
}
   .cp-responsive > table tr {
      margin-bottom: 10px;
      display: block;
      border: 1px solid #d1d1d1;
      background-color:#FFF;
    }

    .cp-responsive > table td {
      display: block;
      text-align: right;     
      border-bottom: 1px dotted #d1d1d1;
    }
    .cp-responsive >  table th, .cp-responsive > table td {
        padding: 15px;   
    }
    .cp-responsive > table td:first-child {
      border-left: 0;      
    }
    .cp-responsive > table td:last-child {
      border-bottom: 0;
      border-right: 0;
    }
    .cp-responsive > table td:before {
      content: attr(data-label);
      float: left;
      text-align:left;
      font-weight: bold;
    }
   }
   
   @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
        .cp-responsive {
            overflow: scroll;
        }
    }
	@font-face { font-family: Museo-Sans;
	  src: url('../fonts/Museo-Sans-300-Regular.woff');
	}
	@font-face { font-family: Avenir;
	  src:url('../fonts/Avenir-Regular.ttf'),
	      url('../fonts/Avenir-Roman.woff');
	}
	
	@font-face { font-family: Lora;
	  src: url('../fonts/Lora-Regular.ttf');
	}
.disabledropdownlist {
	opacity: 0.6;
	pointer-events: none;
}
.cp-gray-link {
	pointer-events: none;
	color: #808080;
}
@font-face {
	font-family: Roboto-Light;
	src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
	font-family: Roboto-Medium;
	src: url('../fonts/Roboto-Medium.ttf');
}