.form {

  display: flex;

  flex-direction: column;

  width: 100%;

}

.with_frm_style {

  display: none;

}
.quotes .with_frm_style{
	display: block;
}
.quotes{
	padding: 200px 0;
}
.quotes #loginform label{
	display: block;
}
.quotes #loginform input[type=text],.quotes #loginform input[type=email], .quotes #loginform input[type=password] {
	display: block;
	width: 300px;
	height: 45px;
	padding: 10px;
}
.quotes .frm_style_formidable-style.with_frm_style input[type="submit"][disabled], .quotes .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"][disabled], .quotes .frm_style_formidable-style.with_frm_style .frm_submit button[disabled]{
	background-color: green;
	font-size: 1rem!important;
	color: #fff!important;
}
.quotes .with_frm_style .frm_button, .quotes .frm_style_formidable-style.with_frm_style .frm_submit button{
	background-color: var(--color-blue);
	border-color:  var(--color-blue);
	border-radius: 30px;
	padding: 10px 20px;
	color: #FFF;
}
.quotes .with_frm_style .frm_button:hover, .quotes .frm_style_formidable-style.with_frm_style .frm_submit button:hover{
	color: #fff;
}
.quotes .frm_style_formidable-style.with_frm_style .frm_submit button:hover{
	color: #fff;
}
.quotes .frm_style_formidable-style.with_frm_style .frm_submit button{
	width: 200px;
	height: 60px;
}
.frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frm-svg-icon, .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frm-svg-icon, .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frmsvg, .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frmsvg{
	fill: #fff;
}
.quotes .my-submission{
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 20px;
	width: 100%;
	padding: 25px 25px 5px 25px;
}
.quotes .my-submission label{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: .5em;
	border-bottom: 1px solid #c8c8c8;
	width: 100%;
	padding-bottom: .5em;
	align-items: center;
	justify-content: space-between;
}
.quotes .my-submission label:last-of-type{
	border-bottom: none;
}
.quotes .my-submission label p{
	margin: 0;
	display: flex;
	align-items: center;
}
.quotes .my-submission label a{
	display: block;
}
.quotes .ranger{
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 20px;
	width: 100%;
	padding: 25px 25px 25px 25px;
	margin-bottom: 40px;
	margin-top: 40px;
}
.quotes .ranger .colonne{
	width: 50%;
}
.quotes button.download{
	background-color: var(--color-blue);
	border-color:  var(--color-blue);
	border-radius: 30px;
	padding: 10px 20px;
	border: none;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 500;
	cursor: pointer;
}
.quotes button.disconnect{
	background-color: #d91616;
	border-color:  #d91616;;
	border-radius: 30px;
	padding: 10px 20px;
	border: none;
	color: #fff;
	font-size: 1.25rem;
	font-weight: 500;
	cursor: pointer;
	margin-top: 100px;
}
.quotes .with_frm_style input[type=text], .quotes .with_frm_style input[type=password], .quotes .with_frm_style input[type=email], .quotes .with_frm_style input[type=number], .quotes .with_frm_style input[type=url], .quotes .with_frm_style input[type=tel], .quotes .with_frm_style input[type=phone], .quotes .with_frm_style input[type=search], .quotes .with_frm_style select, .quotes .with_frm_style textarea, .frm_form_fields_style, .quotes .with_frm_style .frm_scroll_box .frm_opt_container, .quotes .frm_form_fields_active_style, .quotes .frm_form_fields_error_style, .quotes .with_frm_style .frm-card-element.StripeElement, .quotes .with_frm_style .chosen-container-multi .chosen-choices, .quotes .with_frm_style .chosen-container-single .chosen-single{
	border: none;
	box-shadow: none;
	height: 50px;
	padding: 0 15px;
}
.quotes button:after, .quotes button:before{
	content: none!important;
}
.quotes #loginform input[type=submit]{
	padding: 5px 10px;
	color: #fff;
	background-color: #000;
}
.quotes select#soumission, .quotes select#invoice{
	background-color: #fff;
	min-width: 300px;
	height: 55px;
	border: none;
	color: #000;
	padding: 0 50px;
	font-size: 1.25rem;
	margin-bottom: 100px;
	margin-top: 40px;
}
.quotes .with_frm_style .frm_message, .quotes .frm_success_style{
	background-color: #fff;
	color: #000;
	border-radius: 0;
	border-color: #fff;
}
.quotes .with_frm_style .frm_message p{
	color: #000;
	font-size: 1rem;
}
.quotes h1, .quotes h2{
	font-size: 2rem;
	color: #000;
}
.quotes h4{
	color: #000;
	font-size: 1.5rem;
}
.form .with_frm_style {

  display: block;

}

.form

  .frm_style_formidable-style.with_frm_style

  .form-field.frm_section_heading

  h3 {

  display: none;

}

.form .with_frm_style .frm_top_container .frm_primary_label {

  display: none;

}

.woocommerce form.checkout_coupon,

.woocommerce form.login,

.woocommerce form.register {

  border: none;

  padding: 0;

  margin: 0;

}

.woocommerce form .show-password-input,

.woocommerce-page form .show-password-input {

  display: none;

}

.form h1 {

  margin-bottom: 25px;

  text-align: center;

  width: 100%;

}

#lost-password input,

.form .frm_form_field input,

.form input {

  width: 100%;

  padding: 12px 20px;

  border-radius: 50px;

  border: 1px solid var(--color-gray);

  height: fit-content;

  font-size: 20px;

  font-family: "Clash Display";

  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.075) inset;

}

#lost-password input:focus,

.form input:focus,

.form-field input:focus,

.form-field textarea:focus {

  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px var(--color-blue) !important;

  border-color: var(--color-blue) !important;

}

.form .with_frm_style textarea,

.form textarea {

  border: 1px solid var(--color-gray);

  border-radius: 15px;

  padding: 12px 20px;

  font-size: 20px;

  font-family: "Clash Display";

}

.form a {

  width: fit-content;

}

.form form.login {

  display: flex;

  flex-direction: column;

  padding-top: 20px;

  gap: 20px;

  align-items: center;

	padding-bottom: 40px;
}

#login-form.form form.login span {

  width: 100%;

}

.woocommerce

  #login-form.form

  .woocommerce-form-login

  .woocommerce-form-login__rememberme {

  /* display: inline-block; */

  display: flex;

  width: fit-content;

  white-space: nowrap;

  align-items: center;

  gap: 10px;

  margin: 0;

}

.form .row {

  display: flex;

  justify-content: space-between;

  padding: 20px 0 0;

}

#signup-form .form .frm_style_formidable-style.with_frm_style .form-field {

  margin: 0;

  margin-bottom: 20px;

}



.with_frm_style .frm_hidden_container .frm_primary_label {

  display: none;

}

#login-form.form label {

  margin: 20px 0 10px 15px;

  color: var(--color-black);

}

#signup-form p.login,

#login-form p.signup {

  display: flex;

  gap: 3px;

  width: 100%;

  justify-content: center;

}

#signup-form p.login {

  margin-bottom: 20px;

}

#signup-form p.login > a,

#login-form p.signup > a {

  text-decoration: underline;

  color: var(--color-blue);

}

#signup-form .frm_description {

  margin-left: auto;

  width: fit-content;

  margin-right: 20px;

}

#lost-password h1 {

  margin: 0 auto;

}

#lost-password > div,

#signup-form .form,

#login-form.form {

  width: 100%;

  max-width: 600px;

  margin: auto;

  margin-top: 100px;

}

#lost-password > div {

  margin-top: 50px;

}

#lost-password {

  margin-top: 100px;

  display: flex;

  flex-direction: column;

}

#signup-form .form .frm_submit {

  margin: auto;

}

#signup-form .form .frm_submit,

.form .frm_submit {

  margin-top: 20px;

}

#lost-password span {

  width: 100%;

}

#lost-password .woocommerce-form-row {

  width: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

}

#lost-password form > p:first-of-type {

  text-align: center;

}

#lost-password form {

  margin-top: 0;

}

#lost-password .woocommerce-message {

  border-top-color: var(--color-blue);

}



#lost-password .woocommerce-message::before {

  color: var(--color-blue);

}

.woocommerce .woocommerce-MyAccount-content form {

  padding: 40px;

  max-width: 600px;

  margin: auto;

  background-color: white;

  border-radius: 15px;

  margin-top: 40px;

}

section#checkout-form .woocommerce form .form-row label,

.woocommerce .woocommerce-MyAccount-content form .form-row label {

  font-size: 18px;

  color: var(--color-gray);

}

section#checkout-form .woocommerce form .form-row input.input-text,

section#checkout-form .woocommerce form .form-row textarea,

.woocommerce .woocommerce-MyAccount-content form .form-row input.input-text,

.woocommerce .woocommerce-MyAccount-content form .form-row textarea {

  border-radius: 50px;

  font-size: 20px;

  padding: 10px 20px;

  border: 1px solid var(--color-gray);

  font-weight: 500;

}

section#checkout-form .woocommerce form .form-row textarea,

.woocommerce .woocommerce-MyAccount-content form .form-row textarea {

  border-radius: 15px;

}

#edit-payment .woocommerce table.shop_table th {

  font-weight: 500;

}

#edit-payment .woocommerce table.shop_table_responsive tr td::before {

  font-weight: 500;

}

.woocommerce .woocommerce-MyAccount-content form button[type="submit"] {

  background-color: transparent;

  border: 1px solid black;

  border-radius: 50px;

  font-weight: 500;

  font-size: 20px;

  margin-top: 20px;

  padding: 17px 50px;

  transition: all 250ms linear;

}

.woocommerce .woocommerce-MyAccount-content form button[type="submit"]:hover {

  background-color: #00000017;

}

.woocommerce .woocommerce-MyAccount-content form em {

  font-size: 14px;

  color: var(--color-gray);

}

.woocommerce .woocommerce-MyAccount-content form h3 {

  text-align: center;

  margin-bottom: 20px;

}

.woocommerce

  .woocommerce-MyAccount-content

  form

  .woocommerce-address-fields

  > p:last-of-type,

.woocommerce .woocommerce-MyAccount-content form > p:last-of-type {

  display: flex;

  justify-content: center;

}

.woocommerce .woocommerce-MyAccount-content form fieldset {

  display: flex;

  flex-direction: column;

  margin-top: 30px;

}

.woocommerce .woocommerce-MyAccount-content form legend {

  font-weight: 500;

  font-size: 20px;

  margin: 0 auto 20px;

}

form.woocommerce-ResetPassword {

  gap: 0;

}

form.woocommerce-ResetPassword .form-row-first {

  margin: 30px 0;

}



#edit-payment .woocommerce table.shop_table {

  background-color: white;

  margin: 75px 0 40px;

}

#add-payment-method .woocommerce #payment #place_order,

#edit-payment a.button {

  background-color: transparent;

  color: black;

  border-radius: 50px;

  font-weight: 500;

  margin-left: auto;

  border: 1px solid black;

  transition: all 250ms linear;

  padding: 15px 50px;

}

#add-payment-method .woocommerce #payment #place_order:hover,

#edit-payment a.button:hover {

  background-color: #00000017;

}

@media screen and (max-width: 900px) {

  #lost-password > div,

  #signup-form .form,

  #login-form.form {

    max-width: 450px;

  }

  #lost-password h1 {

    text-align: center;

  }
	.quotes .ranger .colonne{
		width: 100%;
	}
}



@media screen and (max-width: 450px) {

  #lost-password {

    margin-top: 120px;

  }

}