/* CUSTOM BOOTSTRAP RIGHT OFFSET (bootstrap only has left offset) */
@media only screen and (min-width: 768px) {
	.col-sm-offset-right-6 {
		margin-right: 50%;
	}
}

.formular-page-content {
	padding-top: 30px;
	padding-bottom: 135px;
	padding-left: 30px; /* TO ALIGN WITH NAVIGATION BAR IN TABLET/DESKTOP */
	padding-right: 30px; /* TO ALIGN WITH NAVIGATION BAR IN TABLET/DESKTOP */
}

.formular-spliter-wrapper {
	padding-left: 30px;
	padding-right: 30px;
}

.formular-form-spliter-wrapper {
	padding-top: 30px;
	padding-left : 30px;
	padding-right: 30px;
}

.formular-spliter {
	height: 1px;
	border-bottom: 1px solid #e1e1e1;
	padding: 0;
}

.formular-header-wrapper {
	background-color: #f2f2f2;
	padding: 0;
}

.formular-title {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	color: #2d2926;
	font-family: "BNPPSansCondensed";
	font-size: 34px;
	font-weight: 700;
	line-height: 1em;
	text-transform: uppercase;
}

.formular-check-data-warning-wrapper {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

.formular-check-data-warning-box {
	padding: 20px;
	background-color: #d1e4d9;
}

.formular-check-data-warning-text {
	padding: 0;
	text-align: left;
	color: #00965e;
	font-family: "BNPPSans";
	font-size: 16px;
	font-weight: 400;
	text-align: left;
}

.formular-subtitle-wrapper {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 14px;
	align-items: center;
}

.formular-subtitle {
	padding: 0;
	text-align: left;
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 16px;
	font-weight: 400;
}

.formular-subtitle-vendor-logo {
	padding: 0;
	text-align: right;
}

.formular-subtitle-vendor-logo img {
	max-width: 150px;
}

.formular-subtitle-vendor-name {
	padding: 0;
	text-align: right;
	font-family: "BNPPSans";
	font-size: 18px;
	font-weight: 700;
}

.formular-overview-title-wrapper {
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
}

.formular-overview-title-left {
	padding: 0;
	text-align: left;
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 18px;
	font-weight: 700;
}

.formular-overview-title-right {
	padding: 0;
	text-align: right;
}

.formular-overview-adjust-link {
	color: #00965e;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 400;
	text-decoration: underline;
}

.formular-overview-adjust-link:hover {
	color: #00965e;
}

.formular-overview-wrapper {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

.formular-overview-line {
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 16px;
	font-weight: 400;
	padding: 0;
	align-items: end;
}
.formular-overview-line.bold {
	color: #00975f;
	font-weight: 700;
}
.formular-overview-line:not(:last-child) {
	padding-bottom: 10px;
}

.formular-overview-line-left {
	padding: 0;
	text-align: left;
}

.formular-overview-line-right {
	padding: 0;
	text-align: right;
}

.formular-form-box {
	padding: 0;
	background-color: #ffffff;
	border-top: 1px solid #f2f2f2;
}

.formular-form-arrow-down {
	padding: 0;
	line-height: 0;
	text-align: center;
}

.formular-form-title {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	color: #00965e;
	font-family: "BNPPSansCondensed";
	font-size: 34px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1em;
}

.formular-form-section-wrapper {
	padding-top: 40px;
    padding-left: 18px;
    padding-right: 18px;
}

.formular-form-section-label {
	padding: 0;
	text-align: left;
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 18px;
	font-weight: 700;
}

.formular-form-section-label.formular-form-section-label-padding {
	padding-top: 30px;
}

.formular-form-field-wrapper {
	padding: 20px 0 0 0;
}
.formular-form-field-wrapper.formular-form-field-wrapper-left.col-sm-6,
.formular-form-field-wrapper.formular-form-field-wrapper-left.col-md-6,
.formular-form-field-wrapper.formular-form-field-wrapper-left.col-lg-6 {
	padding-right: 15px;
}
.formular-form-field-wrapper.formular-form-field-wrapper-right.col-sm-6,
.formular-form-field-wrapper.formular-form-field-wrapper-right.col-md-6,
.formular-form-field-wrapper.formular-form-field-wrapper-right.col-lg-6 {
	padding-left: 15px;
}

.formular-form-field-label {
	position: absolute;
	top: -7px;
	left: 15px;
	background-color: #ffffff;
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 400;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 5;
	-webkit-transition: opacity 400ms linear;
	-moz-transition: opacity 400ms linear;
	-ms-transition: opacity 400ms linear;
	-o-transition: opacity 400ms linear;
	transition: opacity 400ms linear;
}

.formular-form-field-label.formular-form-field-label-valid {
	color: #00965e;
}

.formular-form-field-label.formular-form-field-label-invalid {
	color: #e11352;
}

.formular-form-field-label.formular-form-field-label-disabled {
	color: #919191;
}

.formular-form-radio-button label {
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
	margin-left: 15px; /* DISTANCE TO THE RADIO BUTTON */
	margin-right: 50px; /* DISTANCE TO THE NEXT RADIO BUTTON */
}

/* HIDE DEFAULT RADIO BUTTON */
.formular-form-radio-button input[type="radio"] {
	display: none;
}

.formular-form-radio-selected,
.formular-form-radio-not-selected {
	cursor: pointer;
}

.formular-form-radio-button input[type="radio"] ~ .formular-form-radio-selected {
	display: none;
}
.formular-form-radio-button input[type="radio"] ~ .formular-form-radio-not-selected {
	display: inline;
}
.formular-form-radio-button input[type="radio"]:checked ~ .formular-form-radio-selected {
	display: inline;
}
.formular-form-radio-button input[type="radio"]:checked ~ .formular-form-radio-not-selected {
	display: none;
}

.formular-checkbox-wrapper {
	padding: 14px 30px 0 30px;
	text-align: left;
}

/* ADJUST CUSTOM RADIO BUTTONS TO CENTER WITH LABEL */
.formular-form-radio-selected,
.formular-form-radio-not-selected {
	padding-bottom: 3px;
}

/* HIDE DEFAULT CHECKBOX */
.formular-form-checkbox input[type='checkbox'] {
	display: none;
}

/* CUSTOM CHECKBOX */
.formular-form-checkbox {
	height: 41px;
	width: 100%;
    max-width: 41px;
    background-color: #ffffff;
    border: 1px solid #D0CFCE;
    cursor: pointer;
    padding: 0;
}
.formular-form-checkbox-checked {
	border-color: #00965e;
}

.formular-form-checkbox-check {
	height: 25px;
	width: 25px;
	position: relative;
	top: 7px;
	left: 7px;
}

.formular-form-checkbox input[type='checkbox'] ~ .formular-form-checkbox-check {
	display: none;
}

.formular-form-checkbox input[type='checkbox']:checked ~ .formular-form-checkbox-check {
	display: inline;
}

.formular-form-checkbox ~ label {
	float: left;
	margin: 0;
	margin-top: 9px;
	margin-left: 10px;
	font-family: "BNPPSans";
	font-size: 16px;
	color: #2d2926;
	cursor: pointer;
}

.formular-form-inputtext-first-wrapper {
	padding: 0;
}

.formular-form-inputtext-notfirst-wrapper {
	padding: 0;
	padding-left: 30px;
}

.formular-form-inputtext {
	width: 100%;
	height: 60px;
	border-radius: 0;
	border: 1px solid #dcdcdc !important;
	background-color: #ffffff !important;
	font-family: "BNPPSans";
	color: #2d2926;
	font-size: 18px;
	font-weight: 400;
	padding-left: 20px;
	padding-right: 50px;
	outline: none; /* TO REMOVE OUTLINE IN CHROME */
	-webkit-appearance: none; /* TO REMOVE SHADOW IN SAFARI */
	-moz-appearance: textfield;
	box-shadow: none !important;
}

.formular-form-inputtext::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.formular-form-inputtext::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.formular-form-inputtext::placeholder {
	color: #919191;
	opacity: 1;
}

.formular-form-inputtext:focus::placeholder {
	opacity: 0;
}

/* PLACEHOLDER IN EDGE, IE, SAFARI (for some reason, need to be in separate rules, but same as above) */
.formular-form-inputtext::-ms-input-placeholder {
	color: #919191;
	opacity: 1;
}
.formular-form-inputtext:focus::-ms-input-placeholder {
	opacity: 0;
}
.formular-form-inputtext:-ms-input-placeholder {
	color: #919191;
	opacity: 1;
}
.formular-form-inputtext:focus:-ms-input-placeholder {
	opacity: 0;
}
.formular-form-inputtext::-webkit-input-placeholder {
	color: #919191;
	opacity: 1;
}
.formular-form-inputtext:focus::-webkit-input-placeholder {
	opacity: 0;
}

.formular-form-inputtext.formular-invalid-field {
	border: 1px solid #e11352;
	box-shadow: none;
}

.formular-form-inputtext:disabled {
	color: #919191;
	opacity: 1; /* FOR SAFARI */
}

/* HIDE CLEAR BUTTON IN <input> IN IE/EDGE */
.formular-form-inputtext::-ms-clear {
	display: none;
}


.formular-form-select.bootstrap-select .dropdown-menu a {
	padding: 3px 20px;
}

/* CUSTOM SELECT BOX - SELECT BOX CONFIGURATION	*/
.formular-form-select.bootstrap-select,
.formular-form-select.bootstrap-select > .btn {
	height: 60px;
}
.formular-form-select.bootstrap-select > .btn,
.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle,
.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle:focus,
.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle:hover {
	border-radius: 0;
	border: 1px solid #dcdcdc;
	background-color: #ffffff;
	font-family: "BNPPSans";
	color: #2d2926;
	font-size: 17px;
	font-weight: 400;
	padding-left: 20px;
	padding-right: 116px;
}
.formular-form-select.formular-invalid-field.bootstrap-select > .btn,
.formular-form-select.formular-invalid-field.bootstrap-select.open > .btn-default.dropdown-toggle,
.formular-form-select.formular-invalid-field.bootstrap-select.open > .btn-default.dropdown-toggle:focus,
.formular-form-select.formular-invalid-field.bootstrap-select.open > .btn-default.dropdown-toggle:hover {
	border: 1px solid #e11352;
}

.formular-form-select.bootstrap-select .dropdown-toggle .caret  {
	border: none; /* TO HIDE THE DEFAULT CARET */
	right: 35px; /* CARET HORIZONTAL POSITION ADJUST */
	margin-top: -8px; /* CARET VERTCAL POSITION ADJUST */
	font-family: "Glyphicons Halflings";
	font-size: 12px;
	color: #000000;
}
.formular-form-select.bootstrap-select .dropdown-toggle .caret:before {
	content: "\e114";
}
.formular-form-select.bootstrap-select.dropup .dropdown-toggle .caret:before {
	content: "\e113";
}

.formular-form-select-caret-vertical-spliter {
	height: 100%;
	width: 1px;
	background-color: #dcdcdc;
	position: absolute;
	right: 60px;
	bottom: 0;
	z-index: 2;
}
.formular-form-select.formular-invalid-field .formular-form-select-caret-vertical-spliter {
	background-color: #e11352;
}

.formular-form-select.bootstrap-select > .dropdown-toggle.bs-placeholder,
.formular-form-select.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.formular-form-select.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.formular-form-select.bootstrap-select.open > .dropdown-toggle.bs-placeholder,
.formular-form-select.bootstrap-select.open > .dropdown-toggle.bs-placeholder:focus,
.formular-form-select.bootstrap-select.open > .dropdown-toggle.bs-placeholder:hover {
	color: #919191; /* PLACEHOLDER COLOR */
}

/* CUSTOM SELECT BOX - OPTIONS BOX CONFIGURATION */
.formular-form-select.bootstrap-select .dropdown-menu {
	border-radius: 0px;
	border: 1px solid #dcdcdc;
}
.formular-form-select.bootstrap-select .dropdown-menu a {
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 15px;
	font-weight: 400;
	padding-left: 20px;
	padding-right: 20px;
}
.formular-form-select.bootstrap-select .dropdown-menu a:hover {
	background-color: #eeeeee;
}
.formular-form-select.bootstrap-select .dropdown-menu li.disabled a {
	color: #919191; /* COLOR OF THE OPTION THAT IS THE PLACEHOLDER */
}

/* CUSTOM SELECT BOX - REMOVE DOTTED OUTLINES */
.formular-form-select.bootstrap-select .dropdown-toggle:focus,
.formular-form-select.bootstrap-select a:focus {
	outline: none !important;
}

/* HIDE DEFAULT CHECKBOX */
.formular-form-switch-button input[type='checkbox'] {
	display: none;
}

.formular-form-switch-button,
.formular-form-switch-button-left-label,
.formular-form-switch-button-right-label {
	float: left;
}

.formular-form-switch-button {
	margin: 0 11px;
}

.formular-form-switch-button,
.formular-form-switch-button .slider {
	height: 23px;
	width: 56px;
}

.formular-form-switch-button .slider {
	position: relative;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px solid #3fb295;
	border-radius: 40px;
}

/* SWITCH BUTTON BALL WHEN LEFT */
.formular-form-switch-button .slider:before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	left: 2.3px;
	top: 2px;
	background-color: #3fb295;
	border-radius: 50%;
	-webkit-transition: .4s;
	transition: .4s;
}

/* SWITCH BUTTON BALL WHEN RIGHT */
.formular-form-switch-button input[type='checkbox']:checked + .slider:before {
	/* horizontal transformation applied to move the ball */
	-webkit-transform: translateX(32.8px);
	-ms-transform: translateX(32.8px);
	transform: translateX(32.8px);
}

.formular-form-switch-label-selected {
	color: #2d2926;
	font-family: "BNPPSans";
	font-size: 18px;
	font-weight: 400;
}

.formular-form-switch-label-not-selected {
	color: #919191;
	font-family: "BNPPSans";
	font-size: 18px;
	font-weight: 400;
	cursor: pointer;
}

.formular-form-calendar-space {
	display: table-cell;
	width: 15px;
}

.formular-form-calendar-button {
	cursor: pointer;
	width: 60px;
	height: 60px;
	padding: 0;
	border: 1px solid #dcdcdc;
	background-color: #f3f3f3;
}

.formular-form-error-message {
	padding: 0;
	padding-top: 8px;
	line-height: 16.8px;
	text-align: left;
	color: #e11352;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 400;
	display: none;
}

.formular-form-note-wrapper {
	padding: 0;
	padding-top: 5px;
	line-height: 16.8px;
	text-align: left;
}

.formular-form-note-label {
	color: #e6730e;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 700;
}

.formular-form-note-text {
	color: #e6730e;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 400;
}

.formular-form-information-wrapper {
	padding-top: 30px;
	padding-left : 30px;
	padding-right: 30px;
}

.formular-form-information-box {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 40px;
	background-color: #f3f3f2;
}

.formular-form-information-title {
	text-align: left;
	color: #2d2926;
	font-family: "Arial";
	font-size: 14px;
	font-weight: 700;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 20px;
}

.formular-form-information-line {
	text-align: left;
	color: #2d2926;
	font-family: "Arial";
	font-size: 14px;
	font-weight: 400;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 15px;
}

.formular-data-protection-link {
	color: #2d2926;
	text-decoration: underline;
}
.formular-data-protection-link:hover {
	color: #2d2926;
}

.formular-form-icon {
	height: 16px;
	width: 16px;
	position: absolute;
	z-index: 2;
	display: none;
}
/* position icon according to type of field */
.formular-form-radio-button ~ .formular-form-icon {
	right: 35px;
	top: 5px;
}
.formular-form-inputtext ~ .formular-form-icon {
	right: 20px;
	bottom: 18px;
	top: 17px;
}
.formular-form-select ~ .formular-form-icon {
	right: 80px;
	bottom: 18px;
	top: 17px;
}
.formular-form-calendar-button ~ .formular-form-icon {
	right: 95px;
	bottom: 18px;
}

.formular-previous-address-info {
	color: #2d2926;
	font-family: "Arial";
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding: 0;
	padding-top: 10px;
	padding-left: 40px;
	padding-bottom: 30px;
}
.formular-form-note-wrapper.formular-previous-address-note {
	padding-top: 15px;
	padding-bottom: 15px;
}

.formular-submit-button-wrapper {
	padding: 30px;
}

.formular-submit-button {
	text-align: center;
	color: #2c2925;
	font-family: "BNPPSans";
	font-size: 23px;
	font-weight: 400;
	text-transform: uppercase;
	background-color: #91bb22;
	line-height: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 22px;
	padding-bottom: 18px;
	outline: none;
	border: none;
	border-radius: 0;
	white-space: pre-wrap;
}

@media only screen and (max-width: 280px) {
	.formular-submit-button{
		font-size: 21px;
	}
}

.formular-submit-button:hover {
	background-color: #87ac0e;
}

.formular-legal-wrapper {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 50px;
}

.formular-legal-icon {
	text-align: left;
	padding: 0;
}

.formular-legal-text {
	text-align: left;
	color: #2d2926;
	font-family: "Arial";
	font-size: 13px;
	font-weight: 400;
	padding: 0;
	padding-bottom: 10px;
	margin-left: -15px;
}

.formular-underlined {
	border-bottom: 1px dashed #00965e;
	text-decoration: none;
	cursor:pointer;
}

.formular-underlined:hover {
	color: #00965e;
}

.formular-title [data-toggle='tooltip'] {
	margin-top: -4px;
}

.formular-field-tooltipcontainer {
	padding-left: 30px;
	padding-right: 30p;
}

.formular-field-tooltip.tooltip {
	width: 100%;
	max-width: none !important;
	left: 0 !important;
	padding-bottom: 10px !important; /* space for the tooltip arrow */
	margin-top: -8px; /* vertical offset of the tooltip */
}
.formular-form-field-wrapper-left .formular-field-tooltip.tooltip {
	padding-right: 15px;
}
.formular-form-field-wrapper-right .formular-field-tooltip.tooltip {
	margin-left: 15px;
	padding-right: 15px;
}

.formular-field-tooltip .tooltip-inner {
	max-width: none !important;
	background-color: #fff4d4 !important;
	opacity: 0.95;
	font-family: "BNPPSans";
	font-size: 13px;
	font-weight: 400;
	color: #e6730e;
	padding: 16px !important;
	margin-left: 0;
	margin-right: 0;
	/* 	-webkit-box-shadow: unset; */
	/* 	-moz-box-shadow: unset; */
	box-shadow: none;
}

.formular-field-tooltip.tooltip .tooltip-arrow {
	left: 28px !important;
	border-top-color: #fff4d4 !important;
	border-width: 11px 8px 0; /* height width 0 */
}

@media only screen and (max-width: 767px) {
	.formular-form-select.bootstrap-select .dropdown-menu {
	            max-height: 250px !important;
	}    
	
	.desktop-only {
		display: none !important;
	}
	.formular-page-content {
		padding: 0;
	}

	.formular-form-box {
		border: none;
	}

	.formular-form-inputtext-notfirst-wrapper {
		padding-left: 15px;
	}

	.formular-form-field-wrapper.formular-form-field-wrapper-left.col-sm-6,
	.formular-form-field-wrapper.formular-form-field-wrapper-left.col-md-6,
	.formular-form-field-wrapper.formular-form-field-wrapper-left.col-lg-6 {
		padding-right: 0;
	}

	.formular-form-field-wrapper.formular-form-field-wrapper-right.col-sm-6,
	.formular-form-field-wrapper.formular-form-field-wrapper-right.col-md-6,
	.formular-form-field-wrapper.formular-form-field-wrapper-right.col-lg-6 {
		padding-left: 0;
	}

	.formular-form-field-wrapper-left .formular-field-tooltip.tooltip {
		padding-right: 0;
	}

	.formular-form-field-wrapper-right .formular-field-tooltip.tooltip {
		margin-left: 0;
		padding-right: 0;
	}

	.formular-form-radio-button ~ .formular-form-icon {
		right: 20px;
	}

	.formular-legal-text {
		margin-left: 0;
	}

	.formular-check-data-warning-box {
		padding: 15px;
	}

	.formular-check-data-warning-text {
		font-size: 14px;
	}

	.formular-subtitle {
		font-size: 14px;
	}

	.formular-overview-title-left {
		font-size: 15px;
	}

	.formular-overview-adjust-link {
		font-size: 13px;
	}

	.formular-overview-line {
		font-size: 13px;
	}

	.formular-overview-bold-line {
		font-size: 13px;
	}

	.formular-form-section-label {
		font-size: 16px;
	}

	.formular-form-field-label {
		left: 10px;
	}

	.formular-form-radio-button label {
		font-size: 16px;
		margin-left: 10px;
		margin-right: 30px;
	}

	.formular-form-inputtext {
		font-size: 16px;
		padding-left: 15px;
		padding-right: 33px;
	}

	.formular-form-select.bootstrap-select > .btn,
	.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle,
	.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle:focus,
	.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle:hover {
		font-size: 16px;
		padding-left: 15px;
		padding-right: 82px;
	}

	.formular-form-select.bootstrap-select .dropdown-toggle .caret {
		right: 28px; /* CARET HORIZONTAL POSITION ADJUST */
	}

	.formular-form-select-caret-vertical-spliter {
		right: 47px;
	}

	.formular-form-select.bootstrap-select .dropdown-menu a {
		font-size: 14px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.formular-form-switch-label-selected {
		padding-top: 1px;
		font-size: 16px;
	}

	.formular-form-switch-label-not-selected {
		padding-top: 1px;
		font-size: 16px;
	}

	.formular-form-error-message {
		line-height: 14px;
		font-size: 13px;
	}

	.formular-form-note-wrapper {
		line-height: 14px;
	}

	.formular-form-note-label {
		font-size: 13px;
	}

	.formular-form-note-text {
		font-size: 13px;
	}

	.formular-form-information-box {
		padding-left: 12px;
		padding-right: 20px;
	}

	.formular-form-information-line {
		padding-left: 5px;
		font-size: 13px;
	}

	.formular-form-radio-button ~ .formular-form-icon {
		right: 10px;
	}
	.formular-form-inputtext ~ .formular-form-icon {
		right: 10px;
	}
	.formular-form-select ~ .formular-form-icon {
		right: 57px;
	}
	.formular-form-calendar-button ~ .formular-form-icon {
		right: 85px;
	}

	.formular-submit-button {
		padding-left: 15px;
		padding-right: 15px;
	}

	.formular-field-tooltip .tooltip-inner {
		font-size: 13px;
	}

	.formular-field-tooltip.tooltip .tooltip-arrow {
		left: 18px !important;
	}

}

@media only screen and (max-width: 400px) {
	.formular-legal-text {
		padding-left: 10px;
	}
}



@media only screen and (max-width: 400px) {
	.span-break-not-ecom-month-rate:after {
		content: '\A';
		white-space: pre;
	}
}
@media only screen and (min-width: 393px) {
	.span-break-not-ecom-nom-rate-1:after {
		content: '\A';
		white-space: pre;
	}
}
@media only screen and (max-width: 392px) {
	.span-break-not-ecom-nom-rate-2:after {
		content: '\A';
		white-space: pre;
	}
}
@media only screen and (max-width: 423px) {
	.span-break-not-ecom-total:after {
		content: '\A';
		white-space: pre;
	}
}

/* NEW LARGE DESKTOP RULES */

.lg_desktop_only {
	display: none;
}

.formular-submit-button-inner-wrapper {
	padding: 0;
}

.lg-desktop-grey-background {
	padding: 0;
}

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

	.no_lg_desktop {
		display: none;
	}
	.lg_desktop_only {
		display: block;
	}

	.ops_screen_width {
		max-width: 100%;
	}
	.ops_screen_width_header {
		max-width: 980px;
	}
	.ops_screen_width_footer {
		max-width: 980px !important;
	}
	.header_spliter {
		display: none;
	}

	.ops_body_width {
		max-width: 980px;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.formular-page-content {
		padding-top: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.lg-desktop-grey-background {
		background-color: #f2f2f2;
	}

	.formular-title {
		font-size: 48px;
	}

	.formular-overview-title-wrapper {
		padding-top: 28px;
	}

	.formular-overview-title-right {
		text-align: left;
	}
	.col-lg-4.formular-overview-title-right {
		padding-left: 20px;
	}
	.col-lg-3.formular-overview-title-right {
		padding-left: 15px;
	}

	.formular-overview-wrapper {
		padding-top: 52px;
		padding-bottom: 41px;
	}

	.formular-subtitle-vendor-logo {
		text-align: left;
	}

	.lg-formular-overview-row {
		padding: 0;
	}
	.lg-formular-overview-row:not(:last-child) .lg-formular-overview-cell {
		padding-bottom: 20px;
	}

	.lg-formular-overview-cell {
		text-align: left;
		padding: 0;
	}
	.lg-formular-overview-cell:not(:first-child) {
		border-left: 1px solid #e1e1e1;
	}

	/* style for overview with 3 columns (col-lg-4) - NOT ECOM PRODUCT */
	.lg-formular-overview-3col .lg-formular-overview-cell:not(:first-child) {
		padding-left: 30px;
	}
	.lg-formular-overview-3col .lg-formular-overview-cell:not(:last-child) {
		padding-right: 30px;
	}
	.lg-formular-overview-3col .lg-formular-overview-cell:first-child,
	.lg-formular-overview-3col .lg-formular-overview-cell:last-child {
		width: calc(100% - 10px); /* so that all the columns have the same width */
	}
	.lg-formular-overview-3col .lg-formular-overview-cell:not(:first-child):not(:last-child) {
		width: calc(100% + 20px); /* so that all the columns have the same width */
	}

	/* style for overview with 4 columns (col-lg-3) - ECOM PRODUCT */
	.lg-formular-overview-4col .lg-formular-overview-cell:not(:first-child) {
		padding-left: 30px;
	}
	.lg-formular-overview-4col .lg-formular-overview-cell:not(:last-child) {
		padding-right: 30px;
	}
	.lg-formular-overview-4col .lg-formular-overview-cell:first-child,
	.lg-formular-overview-4col .lg-formular-overview-cell:last-child {
		width: calc(100% - 15px); /* so that all the columns have the same width */
	}
	.lg-formular-overview-4col .lg-formular-overview-cell:not(:first-child):not(:last-child) {
		width: calc(100% + 15px); /* so that all the columns have the same width */
	}

	.lg-formular-overview-cell-title {
		color: #2d2926;
		font-family: "BNPPSans";
		font-size: 16px;
		line-height: 18px;
		font-weight: 400;
		padding: 0;
		padding-bottom: 13px;
	}

	.lg-formular-overview-cell-value {
		color: #2d2926;
		font-family: "BNPPSansCondensed";
		font-size: 32px;
		line-height: 32px;
		font-weight: 700;
		padding: 0;
	}

	.lg-formular-overview-cell.lg-formular-overview-green-cell {
		margin-top: -18px;
	}

	.lg-formular-overview-green-cell .lg-formular-overview-cell-title,
	.lg-formular-overview-green-cell .lg-formular-overview-cell-value {
		color: #00965e;
	}

	.lg-formular-overview-green-cell .lg-formular-overview-cell-value {
		font-size: 50px;
		line-height: 50px;
	}

	.span-break-not-ecom-nom-rate-1::after {
		content: none;
	}

	.formular-form-title {
		font-size: 48px;
	}

	.lg-form-section-spliter {
		padding-top: 45px;
		padding-bottom: 45px;
	}

	.lg-form-section-label {
		text-align: left;
		color: #2d2926;
		font-family: "BNPPSans";
		font-size: 18px;
		font-weight: 700;
		padding: 0;
		padding-left: 30px;
	}

	.formular-form-section-wrapper {
		padding-top: 0;
	}

	.formular-form-section-label {
		font-size: 14px;
		padding-top: 43px;
	}

	.progress-bar-text-step {
		font-size: 16px;
	}
	.progress-bar-text-last-step {
		font-size: 16px;
	}
	.progress-bar-step-text-unselected {
		color: #c1c0bf;
	}
	.progress-bar-step-text-selected {
		font-weight: normal;
	}
	.header-top-box {
		padding-top: 34px;
	}
	.header-top-box img {
		width: 265px !important;
		height: 40px !important;
	}
	.navigation {
		padding-top: 20px;
	}
	.formular-form-information-box {
		background-color: #fff;
		border: solid 1px #e1e1e1;
	}
	.formular-submit-button-inner-wrapper {
		float: none;
		margin: auto;
	}
	.formular-submit-button {
		font-size: 18px;
		line-height: 18px;
		padding-top: 19px;
		padding-bottom: 14px;
	}
	.formular-legal-wrapper {
		padding-bottom: 0;
	}
	.formular-pr {
		padding-right: 15px;
	}
	.formular-pl {
		padding-left: 15px;
	}
	.formular-form-inputtext {
		padding-right: 35px;
	}
	.footer-info-box {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	.formular-title img {
		vertical-align: super;
	}
	.formular-title {
		padding-top: 45px;
	}
	.formular-overview-adjust-link {
		font-size: 16px;
	}
	.formular-form-arrow-down img {
		width: 68px;
		height: 30px;
	}
	.formular-legal-text {
		margin-left: -35px;
	}
	.formular-form-field-no-pt {
		padding-top: 0;
	}

	.formular-form-inputtext {
		height: 51px;
		font-size: 16px;
	}
	.formular-form-select.bootstrap-select, .formular-form-select.bootstrap-select > .btn {
		height: 51px;
	}
	.formular-form-select.bootstrap-select > .btn,
	.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle,
	.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle:focus,
	.formular-form-select.bootstrap-select.open > .btn-default.dropdown-toggle:hover {
		font-size: 16px;
	}
	.formular-form-calendar-button {
		width: 51px;
		height: 51px;
	}
}


@media (min-width:769px) {
	#section_1,
	#section_2,
	#section_3,
	#section_4 {
		display: block !important;
	}

	.mobile-only {
		display: none !important;
	}
}

/* JUST MOBILE */
@media (max-width:768px) {

	#section_1 .formular-form-section-wrapper:last-child,
	#section_2 .formular-form-section-wrapper:last-child,
	#section_3 .formular-form-section-wrapper:last-child {
		padding-bottom: 30px;
	}

	.formular-form-title {
		padding-bottom: 25px;
	}

	.formular-form-section-wrapper {
		padding-top: 30px;
	}

	.formular-form-information-box img {
		width: 30px;
		height: 30px;
	}

	.formular-form-information-wrapper {
		padding-right: 0;
		padding-left: 0;
	}

	.col-xs-12.mobile-only.lg-form-section-label {
		font-family: "BNPPSans";
		font-weight: 400;
		font-size: 16px;
		background: #00965e;
		color: white;
		cursor: pointer;
		padding: 15px 30px;
		text-align: left;
		margin-top: 1px;
	}

	.caret-container {
		text-align: right;
	}

	.white-caret {
		position: absolute;
	}

	.white-caret:before {
		position: relative;
		content: "\e113";
		font-family: "Glyphicons Halflings";
		font-size: 13px;
		float: right;
		color: #ffffff;
		top: -20px;
		left: -14px;
	}
	
	.collapsed .white-caret:before {
		content: "\e114";
	}
}

@media only screen and (min-width : 992px) {
	.formular-form-radio-button ~ .formular-form-icon {
		top: 5px;
	}
}

.datepicker {
    overflow: hidden;
}

.datepicker table{
    margin:auto
}

.formular-form-select.bootstrap-select .dropdown-menu {
    max-height: 300px;
}

@media only screen and (max-width : 1200px) {
    .formular-form-box {
        border: 1px solid #f2f2f2;
    }
}

.formular-text {
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.42857;
    color: #29353d;
	width: 90%;
	display: inline-block;
}

@media only screen and (max-height : 600px){
	.formular-form-select.bootstrap-select .dropdown-menu {
       max-height: 250px;
    }
}   
 
 @media only screen and (min-height : 1200px){
	.formular-form-select.bootstrap-select .dropdown-menu {
       max-height: 350px !important;
    }  	
}