/*
 * hform-plugin-style.css
*/

body.waiting,
body.waiting a,
body.waiting input,
body.waiting button,
body.waiting select {
	cursor: wait !important;
}
.formSectionnWrap {
	background: #FFFFFF;
	border: 1px solid #EFF0F7;
	box-shadow: 0px 5px 16px rgba(8, 15, 52, 0.06);
	padding: 35px 20px;
}

.hFormWrapper {}
.hFormWrapper.hFormBgBox {
	padding: 25px 30px;
    background-color: #d7d7d7;
    background-image: linear-gradient(#fff, #d7d7d7);
    box-shadow: 0 2px 5px 1px rgba(0,0,0,.5);
    border-radius: 3px;
    width: 100%;
    margin: 0px auto;
}
.hFormWrapper form input::-webkit-outer-spin-button,
.hFormWrapper form input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.hFormWrapper form input[type=number] {
	-moz-appearance: textfield;
}
.hFormWrapper form {}
.hFormWrapper .progressBarCustomList {}
.hFormWrapper .hFormBody {
	margin-top: 20px;
}
.hFormWrapper .hFormBody .hFormPage {
	display: none;
}
.hFormWrapper .hFormBody .hFormPage.active {
	display: block;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFields {
	display: flex;
	flex-wrap: wrap;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFields .hFormPageField {
	margin-bottom: 5px;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldSelectWrap {
	position: relative;
	background: #f4f6f7;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldSelectWrap select {
	background: transparent !important;
	z-index: 5;
	position: relative;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldSelectWrap .dIcon {
	z-index: 1;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldSelectWrap .dIcon::before {
	content: "\f078";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 50%;
	color: #3d3d3d;
	line-height: 0;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldSelectWrap.loading .dIcon::before {
	content: "\f021";
	animation: fa-spin .8s linear infinite;
}
.hFormWrapper .hFormBody .hFormPageField .hFieldInput,
.hFormWrapper .hFormBody .hFormPageField .hFieldSelect {
	padding: 13px 35px 13px 15px;
	background: #f4f6f7;
	border-radius: 3px;
	padding: 13px 15px;
	width: 100%;
	text-align: left;
	text-align-last: left;
	border: 2px solid #ced0d1;
	-moz-text-align-last: left;
	border-top-color: #b1b2b3;
	font-size: 14px;
	font-weight: 500;
	color: #6d6d6d;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
.hFormWrapper .hFormBody #hFormPage2 .hFormPageField .hFieldSelect,
.hFormWrapper .hFormBody #hFormPage2 .hFormPageField .hFieldInput {
	text-align: left;
	text-align-last: left;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter {
	margin-top: 20px;

	border: unset;
	padding: 0;
	display: flex;
	position: relative;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter > div {
	flex: 1 auto;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .hFormPagePreviousBtn,
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .hFormPageNextBtn {
	font-size: 16px;
	font-weight: 900;
	text-transform: uppercase;
	width: 100%;
	padding: 15px 5px;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .hFormPageNextBtn i {
	display: none;
	margin-left: 5px;
	animation: fa-spin .8s linear infinite;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .hFormPageNextBtn:disabled i {
	display: inline-block;
}
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .hFormPagePreviousBtn:hover,
.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .hFormPageNextBtn:hover {
	color: white;
}

.hFormWrapper .hFormBody .alertWrap .alert {
	padding-right: 2.5rem;
}
.hFormWrapper .hFormBody .alertWrap .alert ul {
	padding-left: 12px;
	font-size: 14px;
}
.hFormWrapper .hFormBody .hFormPageField {
	flex: 1 100%;
}
.hFormWrapper .hFormBody .hFormPageField.oneHalfField {
	flex: 1 calc(50% - 5px);
}
.hFormWrapper .hFormBody .hFormPageField.marginLeft {
	margin-left: 5px;
}
.hFormWrapper .hFormBody .hFormPageField.marginRight {
	margin-right: 5px;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldConsentWrap {
	display: flex;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldConsentWrap .hFieldConsentInput {
	flex: 1 35px;
	position: relative;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldConsentWrap .hFieldConsentInput #consent {
	width: 20px;
	height: 20px;
	margin-top: 4px;
	margin-right: 15px;
	cursor: pointer;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldConsentWrap .hFieldConsentDesc {
	flex: 1 auto;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #6d6d6d;
	font-weight: 200;
	text-align: justify;
	padding: 0 5px;
}
.hFormWrapper .hFormBody .hFormPageField.hFieldConsentWrap .hFieldConsentDesc a {
	color: #903509;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage:not(.active) {
	display: none;
}
.hFormWrapper .hFormConfirmationWrapper {
	margin-top: 20px;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage p {
	color: #656565;
	font-size: 20px;
	margin-bottom: 30px;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage h3 {
	color: #21252A;
	font-size: 24px;
	padding-bottom: 20px;
	font-weight: 500;
	border-bottom: 2px solid #dadada;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage h2 {
	color: #f37335;
	font-size: 30px;
	margin-top: 40px;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage .icon {
	font-size: 24px;
	line-height: 1;
	margin-bottom: 10px;
	color: #1065a2;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage {
	color: #656565;
	padding: 20px 0px;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage .btn {
	padding: 15px 20px;
	min-width: auto;
	font-size: 14px;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage .carValueAmount {
	font-weight: bold;
	font-size: 26px;
	color: #29b479;
}

@media (max-width: 500px) {
	.hFormWrapper .hFormBody .hFormPageField.oneHalfField {
		flex: 1 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.hFormWrapper .hFormBody .hFormPage .hFormPageFooter {
		flex-wrap: wrap;
	}

	.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .btnWrap {
		flex: 1 100%;
	}
	.hFormWrapper .hFormBody .hFormPage .hFormPageFooter .btnWrap.mr-4 {
		margin-right: 0 !important;
		margin-bottom: 15px;
	}
}

.headerForm.successMsgWrap {}

.headerForm.successMsgWrap .formHeadlinePortion,
.headerForm.successMsgWrap .hFormWrapper .progressBarCustomList,
.headerForm.successMsgWrap .hFormWrapper .hFormPage:not(.successMsgPage) {
	display: none;
}

.headerForm.successMsgWrap .hFormWrapper .hFormPage.successMsgPage {
	display: block;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage.redirectMsg .carValueAmount {
	font-size: 20px;
	font-weight: inherit;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage.simpleMsg h3 {
	margin-bottom: 30px;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage.simpleMsg p {
	margin-bottom: 20px;
}
.hFormWrapper .hFormConfirmationWrapper .hFormConfirmationMessage.simpleMsg .btn {
	padding: 10px 20px;
	font-size: 18px;
}