@font-face {
	font-family: 'icons';
	src: url('fonts/icons.eot?39970768');
	src: url('fonts/icons.eot?39970768#iefix') format('embedded-opentype'),
		  url('fonts/icons.woff2?39970768') format('woff2'),
		  url('fonts/icons.woff?39970768') format('woff'),
		  url('fonts/icons.ttf?39970768') format('truetype'),
		  url('fonts/icons.svg?39970768#icons') format('svg');
	font-weight: normal;
	font-style: normal;
 }

[class^="icon-"]:before, [class*=" icon-"]:before,.wilapp-item:after {
	font-family: "icons";
	font-style: normal;
	font-weight: normal;
	speak: never;
 
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */
 
	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;
 
	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;
 
	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;
 
	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */
 
	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
 
	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
 }
 
.icon-left-open:before { content: '\e800'; } /* '' */
.icon-calendar:before { content: '\e801'; } /* '' */
.icon-right-open:before { content: '\e802'; } /* '' */
 
.wilapp-wizard {
	margin: 100px auto 20px;
	padding: 20px 0;
	border: 1px solid black;
	max-width: 540px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 20%);
}

.wilapp-wizard h2, 
.wilapp-wizard h3 {
	margin: 0;
	text-align: center;
}

.wilapp-wizard h2 {
	font-weight: 800px;
	font-size: 21px;
}

.wilapp-wizard h3 {

	font-size: 19px;
}

.wilapp-wizard .options {
	padding: 0;
	border-top: 1px solid #dee2e6;
}

.wilapp-wizard .wilapp-loader {
	background: url( 'loading.svg' ) no-repeat center center;
	width: 100%;
	height: 200px;
	position: absolute;
	z-index: 100;
	display: none;
}

body.woocommerce-cart .wilapp-wizard {
	margin-top: 0px;
}

.wilapp-wizard.code-view {
	max-width: 400px;
}

.form-wizard .full-width {
	width: 100%;
}

.wilapp-wizard .row {
	min-height: 400px;
	max-height: 400px;
	overflow: auto;
}

.wilapp-wizard .options {
	width: 100%;
}

.wilapp-wizard .wizard-fieldset {
	border: none;
}

.wilapp-wizard .options .wilapp-item {
	list-style: none;
	margin: 0;
	padding: 0 12px;
	border-bottom: 1px solid #e9ecef;
	cursor: pointer;
	display: flex;
	align-items: center;
	min-height: 85px;
}

.wilapp-item:after {
	content: '\e802';
	margin-left: auto;
}

.wilapp-wizard .options .wilapp-item img {
	margin-right: 15px;
}

.form-wizard .row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.form-wizard .form-half {
	flex: 0 0 50%;
	max-width: 50%;
}
.form-wizard .left {
	padding-right: 15px;
}

.form-wizard .form-third {
	flex: 0 0 33%;
	max-width: 33%;
}

.form-wizard .form-four {
	flex: 0 0 23%;
	max-width: 23%;

	padding-right: 0;
}


.form-wizard .form-fourth {
	flex: 0 0 66%;
	max-width: 66%;
}

.form-wizard .form-one {
	flex: 0 0 16%;
	max-width: 16%;
}

.form-wizard .hidden {
	display: none;
}

.form-wizard .form-control {
	color: #3B3B3B;
	display: block;
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	background-clip: padding-box;
	border-radius: 0.25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

	height: auto;
	padding: 15px;
	background-color: #f1f1f1;
	border: none;
}

.form-wizard .wizard-form-radio {
	display: inline-block;
	margin-left: 5px;
	position: relative;
}

.form-wizard .wizard-form-radio input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #dddddd;
	height: 25px;
	width: 25px;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}

.form-wizard .wizard-form-radio input[type="radio"]:focus {
	outline: 0;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked {
	background-color: black;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	display: inline-block;
	background-color: #ffffff;
	border-radius: 50%;
	left: 1px;
	right: 0;
	margin: 0 auto;
	top: 8px;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
	animation: click-radio-wave 0.65s;
	background: #000000;
	content: '';
	display: block;
	position: relative;
	z-index: 100;
	border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type="radio"]~label {
	padding-left: 10px;
	cursor: pointer;
}

.form-wizard .form-wizard-header {
	padding: 1rem 0;
	text-align: center;
}


.form-wizard .form-wizard-header::after {
	content: "";
	display: block;
	clear: both;
}

.form-wizard #wilapp-step-back,
.form-wizard .form-wizard-submit {
	background-color: black;
	color: #ffffff;
	display: inline-block;
	min-width: 120px;
	padding: 10px;
	text-align: center;
	text-decoration: none;
}

.form-wizard-btn {
	width: 100%;
	background-color: #E20919;
	color: #ffffff !important;
	display: block;
	padding: 10px;
	text-align: center;
}

.form-wizard .form-wizard-next-btn:hover,
.form-wizard .form-wizard-next-btn:focus,
.form-wizard .form-wizard-previous-btn:hover,
.form-wizard .form-wizard-previous-btn:focus,
.form-wizard .form-wizard-submit:hover,
.form-wizard .form-wizard-submit:focus {
	color: #ffffff;
	opacity: 0.6;
	text-decoration: none;
}

.form-wizard .wizard-fieldset {
	display: none;
}

.form-wizard .wizard-fieldset.show {
	display: block;
	position: relative;
}

.form-wizard .wizard-form-error {
	display: none;
	background-color: #d70b0b;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
}

.form-wizard .form-wizard-previous-btn {
	background-color: #e20b19;
}

.form-wizard .form-control:focus {
	box-shadow: none;
}

.form-wizard .form-group {
	position: relative;
	margin: 10px 0;
}

.form-wizard .wizard-form-text-label {
	position: absolute;
	left: 10px;
	top: 16px;
	transition: 0.2s linear all;
}

.wizard-fieldset.space-y-1 {
  padding: 1rem 0;
}

.wizard-fieldset.show.space-y-1 .wizard-form-text-label {
  top: -35px;
}

.form-wizard .form-conditions .form-check {
	margin-right: 10px;
}

.form-wizard .form-conditions .conditions {
	font-size: 12px;
}

.form-wizard .form-conditions a {
	text-decoration: underline;
}

.form-wizard .focus-input .wizard-form-text-label {
	color: black;
	top: -25px;
	transition: 0.2s linear all;
	font-size: 14px;

	position: initial;
}


.form-wizard .form-wizard-steps {
	display: flex;
	justify-content: center;

	margin: 0;
	padding-left: 0;
	list-style: none;
}

.form-wizard .form-wizard-steps li {
	width: 25%;
	float: left;
	position: relative;
}

.form-wizard .form-wizard-steps li::after {
	background-color: #f3f3f3;
	content: "";
	height: 5px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	border-bottom: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
}

.form-wizard .form-wizard-steps li span {
	background-color: #dddddd;
	border-radius: 50%;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-align: center;
	width: 40px;
	z-index: 1;
}

.form-wizard .form-wizard-steps li:last-child::after {
	width: 50%;
}

.form-wizard .form-wizard-steps li.active span,
.form-wizard .form-wizard-steps li.activated span {
	background-color: #E20919;
	color: #ffffff;
}

.form-wizard .form-wizard-steps li.active::after,
.form-wizard .form-wizard-steps li.activated::after {
	background-color: #E20919;
	left: 50%;
	width: 50%;
	border-color: #E20919;
}

.form-wizard .form-wizard-steps li.activated::after {
	width: 100%;
	border-color: #E20919;
}

.form-wizard .form-wizard-steps li:last-child::after {
	left: 0;
}

.form-wizard .wizard-password-eye {
	position: absolute;
	right: 32px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.validation-error-input {
	border: 2px solid #d70b0b !important;
}

.validation-error-message {
	color: #d70b0b;
}

@keyframes click-radio-wave {
	0% {
		width: 25px;
		height: 25px;
		opacity: 0.35;
		position: relative;
	}

	100% {
		width: 60px;
		height: 60px;
		margin-left: -15px;
		margin-top: -15px;
		opacity: 0.0;
	}
}

@media screen and (max-width: 767px) {
	.wizard-content-left {
		height: auto;
	}
}

.fpp-registre-warning {
  color: red;
  font-size: 13px
}
.js-company-search {
	display: none;
}