/* Comol Application Style Sheet */

body {
	background-color: #ececec;
	font-family: pt_sansregular,Arial,sans-serif
}

.container {
	max-width: 1038px;
}

/* Nav Toggle */
.navbar-toggle {
	padding-top: 35px;
}

.icon-bar {
	background-color: #999;
}

/* Navigation */
nav.navbar {
	background-color: #fff;
	border-radius: 0;
	min-height: 80px;
	box-shadow: 2px 2px 3px rgba(200, 200, 200, 0.5);
}

.navbar .navbar-header {
	margin-left: 20px;
}

.navbar .navbar-nav a {
	color: #777;
}

.navbar-nav > li > a {
	line-height: 70px; /* Padding Top Bottom of 15px = 70+15+15 = 100 px */
	text-transform: uppercase;
}

.navbar-brand {
	height: auto;
	line-height: 100px;
	padding: 0;
}

.navbar-brand > img {
	display: inline-block;
}

.nav > li > a:focus, .nav > li > a:hover {
	background-color: #63c6ae;
	color: white;
}

.navbar-collapse.pull-right.in,
.navbar-collapse.pull-right.collapsing {
	float: none !important;
}

.navbar-collapse.pull-right.in .navbar-nav > li > a,
.navbar-collapse.pull-right.collapsing .navbar-nav > li > a {
	line-height: 20px;
}

/* Progress Bar */
#progressbar {
	counter-reset: step;
	margin-bottom: 30px;
	overflow: hidden;
	text-align: center;
	padding: 0;
}

#progressbar li.active::before, #progressbar li.active::after {
	background: #63c6ae none repeat scroll 0 0;
	color: #777;
}
#progressbar li::before {
	background: white none repeat scroll 0 0;
	border-radius: 3px;
	color: #777;
	content: counter(step, decimal);
	counter-increment: step;
	display: block;
	font-size: 11px;
	line-height: 25px;
	margin: 0 auto 5px;
	width: 25px;
}
#progressbar li.active::before, #progressbar li.active::after {
	background: #63c6ae none repeat scroll 0 0;
	color: #fff;
}
#progressbar li:first-child::after {
	content: none;
}
#progressbar li::after {
	background: white none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: -50%;
	position: absolute;
	top: 9px;
	width: 100%;
	z-index: -1;
}
#progressbar li {
	color: #777;
	float: left;
	font-size: 15px;
	list-style-type: none;
	position: relative;
	text-transform: uppercase;
	width: 14.28%;
	min-height: 43px;
}

#progressbar li a {
	display: block;
	padding-top: 30px;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Application Form */
.applicationform {
	background-color: white;
	/**box-shadow: 2px 2px 3px rgba(200, 200, 200, 0.5);**/
}

label span.required {
	color: red;
}

div.clearboth {
	clear:both;
}

.manual-height {
	line-height: 78px;
}

div.sep.before {
	margin-top: 20px;
}

div.sep.after {
	margin-bottom: 20px;
}

.duration.sidebyside {
	float: left;
	width: 50%;
}

div.nextbtn button{
	width: 100%;
	text-align: right;
	background-color: #32B232;
	border-color: #1DA71D;
}

div.nextbtn input{
	width: 100%;
	text-align: right;
	background-color: #32B232;
	border-color: #1DA71D;
}

div.nextbtn .btn-primary:hover {
	background-color: #26872B;
	border-color: #26872B;
}

.card_date {
	min-height: 74px;
}

.dd_leadin h4 {
	margin-bottom: 30px;
}

.dd_leadin .col-md-6 {
	margin-bottom: 10px;
	margin-top: 10px;
}

.ddconfirmation {
	border: 1px solid black;
	padding: 10px;
	margin: 20px 0;
}


.hidelabel label {
	display: none;
}

h4 button.print{
	border:none;
	background-color: transparent;
}

footer {
    font-size: 11px;
    margin-top: 20px;
}

.errorcontainer, .exception, .decline, .declineApp7Days, .declineApp14Days, .declineAppUnderwriting, .declineAppActive, .declineApp30DaysCRA, .declineApp30Days, .declinedLowRiskCalcForNew, .declinedLowRiskCalcForExisting, .declinedEmploymentStatus, .declineDefaultMessage, .reCAPTCHAfail {
	display:none;
}

.alert ul li {
	font-weight: bold;
}

.alert ul {
	list-style: outside none none;
    margin-top: 10px;
}

.alert .dropcap {
	float: left;
    font-size: 33px;
    padding: 4px 10px 0 0;
}

/*.applicationform table.paymentSchedule {
	display: none;
}*/

.applicationform table.paymentSchedule tfoot td {
	font-weight: bold;
}

.instalmentloanside {
	background-color: #F1F1F1;
    box-shadow: 2px 2px 3px rgba(100, 100, 100, 0.5);
    margin-bottom: 20px;
    padding: 10px;
}

.instalmentloanside .loaninfo div:first-child{
	padding-right: 4px;
}

.instalmentloanside .loaninfo {
    font-size: 17px;
}

.btn-fullwidth {
	width: 100%;
}

div.previousAddresses {
	overflow: auto;
	margin-bottom: 20px;
}

div.previousAddresses div.previousAddress {
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	overflow: auto;
}

div.previousAddresses div.previousAddress p.addresstext {
	margin-bottom: 0;
	padding-top: 7px;
	overflow: hidden;
	text-overflow: "...";
	white-space: nowrap;
}

div.previousAddresses div.previousAddress div.overflowme {
	overflow: auto;
}

div.previousAddresses div.previousAddress.cloneme {
	display:none;
}

.ddprintblock {
	margin: 10px 0;
}

.ddprintblock h4 {
	margin-top: 5px;
}

.loadingContainer {
	position: fixed;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
	display: none;
}

.loadingContainer .loader {
	color: white;
	font-size: 25px;
	text-align: center;
	width: 200px;
	margin: 0px auto;
	top: 50%;
	position: relative;
	background-color: rgba(0, 0, 0, 0.5);
	height: 200px;
	box-sizing: border-box;
	padding-top: 29px;
	border-radius: 30px;
}

.loadingContainer .loader .glyphicon {
	font-size: 97px;
}

.loadingContainer .loader .text {
	font-weight: bold;
	padding-top: 10px;
}

/* BootStrap Base Additions */

[class^="col"].no-left-gutter {
	padding-left: 0;
}

.glyphicon.spin {
	-webkit-animation: spin 1.5s infinite linear;
	-moz-animation: spin 1.5s infinite linear;
	-o-animation: spin 1.5s infinite linear;
	animation: spin 1.5s infinite linear;
	-webkit-transform-origin: 50% 50%;
	transform-origin:50% 50%;
	-ms-transform-origin:50% 50%; /* IE 9 */
}

@-moz-keyframes spin {
  from {
	-moz-transform: rotate(0deg);
  }
  to {
	-moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
	-webkit-transform: rotate(0deg);
  }
  to {
	-webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
	transform: rotate(0deg);
  }
  to {
	transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
	#progressbar {
		margin-bottom: 0px;
	}

	.manual-height {
		line-height: 0px;
		margin-bottom: 20px;
	}
}

body.page-4 .field-wrapper-Your_Next_Pay_Date__c,
body.page-4 .field-wrapper-Payday_Frequency__c,
body.page-4 .field-wrapper-Weekly_Payday_Day__c,
body.page-4 .field-wrapper-Monthly_Specific_Pay_Day__c,
body.page-4 .field-wrapper-Monthly_Pay_Day__c,
body.page-4 .field-wrapper-First_Repayment_Date__c {
	display: none;
}

.recapturev2 {
	margin-bottom: 20px;
}
input[name="google_validation_trigger"]{
	border: none;
}