.loanform .row { width: 100%; max-width: 100%; margin: 0 auto; }

.loanform .column, .loanform .columns { margin-left: 2.127663%; box-sizing: border-box; float: left; min-height: 1px; position: relative; }

.loanform .column:first-child, .loanform .columns:first-child { margin-left: 0px; }

.loanform .row:before, .loanform .row:after { content:""; display:table; }

.loanform .row:after { clear: both; }

.loanform .row .one.column 		{ width: 6.382989%; }

.loanform .row .two.columns 	{ width: 14.893641%; }

.loanform .row .three.columns 	{ width: 23.404293%; }

.loanform .row .four.columns 	{ width: 31.914945%; }

.loanform .row .five.columns 	{ width: 40.425597%; }

.loanform .row .six.columns 	{ width: 48.936249%; }

.loanform .row .seven.columns 	{ width: 57.446901%; }

.loanform .row .eight.columns 	{ width: 65.957553%; }

.loanform .row .nine.columns 	{ width: 74.468205%; }

.loanform .row .ten.columns 	{ width: 82.978857%; }

.loanform .row .eleven.columns	{ width: 91.489509%; }

.loanform .row .twelve.columns	{ width: 100%; }

.loanform img,

.loanform object,

.loanform embed { max-width: 100%; width: auto; height: auto; }

.loanform img { -ms-interpolation-mode: bicubic; }

.loanform .error {
	background-color: #ffbaba;
}

.loanform .errormsg {
	padding: 15px 10px;
	color: #d8000c;
	background-color: #ffbaba;
	border: 1px solid;
	margin-bottom: 20px;
}

.loanform .rejected {
	padding: 15px 10px;
	color: #00529b;
	background-color: #bde5f8;
	border: 1px solid;
	margin-bottom: 20px;
}

.loanform h2 {

	font: bold 17px Open Sans Condensed, Arial, Helvetica, sans-serif;

	color: #688636;

	padding: 6px 0;

	margin: 0 0 10px 0;

}

.loanform h3 {

	font-size: 18px;

	color: #474747;

	padding: 5px 0;

	margin: 0 0 10px 0;

	border-bottom: 1px solid #ccc;

}

.loanform p {

	margin: 0 0 20px 0;

}

.loanform label {

	font-size: 13px;

	color: #5c5c5c;

	display: block;

	margin-bottom: 2px;

}

.loanform input,

.loanform select,

.loanform textarea {
	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	width: 100%;

	margin-bottom: 10px;

	border: 1px solid #87a2c2;

	font-size: 14px;

	padding: 3px 2px;
	
	height: 40px !important;

}

.loanform select {

	padding: 2px;

}

.loanform input:focus,

.loanform select:focus {

	background-color: #ffffc8;

}

.loanform .small {

	font-size: 9px;

	margin: -8px 0 10px 0;

	color: #333333;

}

.loanform input[type="submit"] {

	width: auto;

}

.loanform .consent {

	margin-top: 10px;

}

.loanform #loading-div-background{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, .75);
	width: 100%;
	height: 100%;
	z-index: 100000;
}

.loanform #loading-div{
	width: 200px;
	padding: 40px;
	background-color: #fff;
	border: 5px solid #1468b3;
	text-align: center;
	color: #202020;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

@media only screen and (max-width: 767px)
{
	.loanform .loanform_form .column,
	.loanform .loanform_form .columns,
	.loanform .row .eight.columns,
	.loanform .row .five.columns,
	.loanform .row .four.columns,
	.loanform .row .nine.columns,
	.loanform .row .seven.columns,
	.loanform .row .six.columns,
	.loanform .row .ten.columns,
	.loanform .row .three.columns,
	.loanform .row .two.columns 
	{
		width: auto!important;
		float: none;
		margin-left: 0!important;
		margin-right: 0!important;
	}
	.loanform .loanform_form .row 
	{
		text-align: center;
		display: block;
	}
}

/* ==========================================================================
   Joomla 6 / Bootstrap 5 compatibility
   Skeleton-style .row/.columns float grid vs Bootstrap 5's .row (flexbox) and
   .row > * (forced width/padding), which break the layout on mobile. Scoped to
   .loanform so it only affects this form.
   ========================================================================== */
.loanform .row { display: block !important; margin-right: auto; margin-left: auto; }
.loanform .row > * {
    flex-shrink: initial;
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
    margin-top: 0;
}
.loanform .row .column,
.loanform .row .columns { float: left; }
.loanform .row .column:first-child,
.loanform .row .columns:first-child { margin-left: 0; }
@media only screen and (max-width: 767px) {
    .loanform .row .column,
    .loanform .row .columns {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}