@font-face {
  font-family: 'RoobertENEL';
  src: url("main/css/fonts/RoobertENEL-Black.eot");
  src: url("main/css/fonts/RoobertENEL-Black.eot?#iefix") format("embedded-opentype"), url("main/css/fonts/RoobertENEL-Black.woff2") format("woff2"), url("main/css/fonts/RoobertENEL-Black.woff") format("woff"), url("main/css/fonts/RoobertENEL-Black.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'RoobertENEL';
  src: url("main/css/fonts/RoobertENEL-Light.eot");
  src: url("main/css/fonts/RoobertENEL-Light.eot?#iefix") format("embedded-opentype"), url("main/css/fonts/RoobertENEL-Light.woff2") format("woff2"), url("main/css/fonts/RoobertENEL-Light.woff") format("woff"), url("main/css/fonts/RoobertENEL-Light.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: 'RoobertENEL';
  src: url("main/css/fonts/RoobertENEL-Regular.eot");
  src: url("main/css/fonts/RoobertENEL-Regular.eot?#iefix") format("embedded-opentype"), url("main/css/fonts/RoobertENEL-Regular.woff2") format("woff2"), url("main/css/fonts/RoobertENEL-Regular.woff") format("woff"), url("main/css/fonts/RoobertENEL-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal; }

@font-face {
  font-family: 'icomoon';
  src: url("../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon.eot?mwrbot");
  src: url("../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon.eot?mwrbot#iefix") format("embedded-opentype"), url("../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon.ttf?mwrbot") format("truetype"), url("../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon.woff?mwrbot") format("woff"), url("../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon.svg?mwrbot#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'enelx-19';
  src:  url('../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon-19.eot?quf0ot');
  src:  url('../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon-19.eot?quf0ot#iefix') format('embedded-opentype'),
    url('../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon-19.ttf?quf0ot') format('truetype'),
    url('../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon-19.woff?quf0ot') format('woff'),
    url('../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/fonts/icomoon-19.svg?quf0ot#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-decoration: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  [class^="icon-"]:before, [class*=" icon-"]:before {
    text-decoration: none; }

.icon--badge {
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  font-size: .5em;
  line-height: 1rem;
  text-align: center;
  text-indent: -.1em;
  background: #2CFEF9;
  color: #461E7D;
  display: inline-block;
  vertical-align: middle; }

.icon-card_cliente_enel:before {
  content: "\e951"; }

.icon-tooltip-off:before {
  content: "\e94d"; }

.icon-tooltip-on:before {
  content: "\e94e"; }

.icon-upload:before {
  content: "\e946"; }

.icon-icon-bonifico:before {
  content: "\e94f"; }

.icon-icon-credit_card:before {
  content: "\e950"; }

.icon-email:before {
  content: "\e947"; }

.icon-link:before {
  content: "\e948"; }

.icon-messenger:before {
  content: "\e949"; }

.icon-twitter:before {
  content: "\e94a"; }

.icon-Filter:before {
  content: "\e944"; }

.icon-star:before {
  content: "\e908"; }

.icon-slider_left:before {
  content: "\e939"; }

.icon-slider_right:before {
  content: "\e93a"; }

.icon-lock:before {
  content: "\e93b"; }

.icon-faq:before {
  content: "\e93c"; }

.icon-accedi:before {
  content: "\e900"; }

.icon-registrato:before {
  content: "\e901"; }

.icon-arrow-left:before {
  content: "\e904"; }

.icon-arrow-right:before {
  content: "\e905"; }

.icon-arrow-top:before {
  content: "\e906"; }

.icon-arrow_bottom:before {
  content: "\e907"; }

.icon-cross:before {
  content: "\e914"; }

.icon-ricerca:before {
  content: "\e931"; }

.icon-carrello:before {
  content: "\e90c"; }

.icon-share:before {
  content: "\e934"; }

.icon-attesa:before {
  content: "\e90a"; }

.icon-check:before {
  content: "\e912"; }

.icon-rating-on:before {
  content: "\e930"; }

.icon-rating-off:before {
  content: "\e92f"; }

.icon-preferiti:before {
  content: "\e92d"; }

.icon-preferiti_filled:before {
  content: "\e945"; }

.icon-plus:before {
  content: "\e92c"; }

.icon-minus:before {
  content: "\e936"; }

.icon-assistenza:before {
  content: "\e909"; }

.icon-solo-acqua:before {
  content: "\e935"; }

.icon-caldaia:before {
  content: "\e90b"; }

.icon-acquacaldaia:before {
  content: "\e903"; }

.icon-pannello_solare:before {
  content: "\e91f"; }

.icon-icon-tipo-appartamento-villetta:before {
  content: "\e942"; }

.icon-icon-tipo-appartamento:before {
  content: "\e943"; }

.icon-casa:before {
  content: "\e90d"; }

.icon-casa-falda .path1:before {
  content: "\e90e"; }

.icon-casa-falda .path2:before {
  content: "\e90f";
  margin-left: -1em; }

.icon-casa-piano .path1:before {
  content: "\e910"; }

.icon-casa-piano .path2:before {
  content: "\e911";
  margin-left: -1em; }

.icon-climatizzatore:before {
  content: "\e913"; }

.icon-elettricita:before {
  content: "\e915"; }

.icon-esci:before {
  content: "\e917"; }

.icon-elettrodomestici_tecnologia:before {
  content: "\e916"; }

.icon-risparmio:before {
  content: "\e93d"; }

.icon-telefono:before {
  content: "\e902"; }

.icon-chat:before {
  content: "\e93e"; }

.icon-spedizioni:before {
  content: "\e93f"; }

.icon-installazione:before {
  content: "\e919"; }

.icon-account:before {
  content: "\e91a"; }

.icon-mobilita_elettrica:before {
  content: "\e91b"; }

.icon-offerte:before {
  content: "\e91c"; }

.icon-ordini:before {
  content: "\e91d"; }

.icon-pagamenti:before {
  content: "\e91e"; }

.icon-piano-intermedio .path1:before {
  content: "\e920"; }

.icon-piano-intermedio .path2:before {
  content: "\e921";
  margin-left: -1em; }

.icon-piano-intermedio .path3:before {
  content: "\e922";
  margin-left: -1em; }

.icon-piano-intermedio .path4:before {
  content: "\e923";
  margin-left: -1em; }

.icon-piano-terra .path1:before {
  content: "\e924"; }

.icon-piano-terra .path2:before {
  content: "\e925";
  margin-left: -1em; }

.icon-piano-terra .path3:before {
  content: "\e926";
  margin-left: -1em; }

.icon-piano-terra .path4:before {
  content: "\e927";
  margin-left: -1em; }

.icon-piano-ultimo .path1:before {
  content: "\e928"; }

.icon-piano-ultimo .path2:before {
  content: "\e929";
  margin-left: -1em; }

.icon-piano-ultimo .path3:before {
  content: "\e92a";
  margin-left: -1em;
  opacity: 0.996; }

.icon-player:before {
  content: "\e92b"; }

.icon-profilo:before {
  content: "\e92e"; }

.icon-riscaldamento:before {
  content: "\e932"; }

.icon-servizi_casa:before {
  content: "\e933"; }

.icon-youtube:before {
  content: "\e918"; }

.icon-linkedin:before {
  content: "\e937"; }

.icon-facebook:before {
  content: "\e938"; }

.icon-facebook_2:before {
  content: "\e940"; }

.icon-google_2:before {
  content: "\e941"; }
  
.icon-sports-freetime:before {
    font-family: 'enelx-19'!important;
    content: "\e900";
    font-size: .85rem;
    top: 2px;
    position: relative;
}

.icon-car:before{
    background-image: url('../../../../../etc/designs/enel-x-store-master/main/images/icons/car.svg');
    display: inline-block;
    width: 55px;
    height: 56px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    background-repeat: no-repeat;
    content:"";
}

.icon-juice:before{
    background-image: url('../../../../../etc/designs/enel-x-store-master/main/images/icons/juice.svg');
    display: inline-block;
    width: 55px;
    height: 56px;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
    background-repeat: no-repeat;
    content:"";
}

  

html {
	font-size: 20px;
	max-width: 100%;
	overflow-x: hidden
}

a.simple-link {
    color: var(--secondary-secondary-base, #5738FF) !important;
    font-size: 14px;
    font-family: Roobert ENEL;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}
a.simple-link:hover {
    text-decoration-line: underline;
}
.btn-round {
	border-radius: 5rem;
}

.btn-info {
	background: #5738FF;
	border: 0.1rem solid #5738FF;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
}

@media (min-width: 576px) {
	.btn-info {
		padding: .65rem 2rem .6rem;
	}
}

.btn-info:hover {
	border-color: #411fff;
	background: #411fff;
}

.btn-info:not(:disabled):not(.disabled):focus,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
	border-color: rgba(87, 56, 255, 0.7);
	background: rgba(87, 56, 255, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-tertiary {
	background: #FF006E;
	border: 0.1rem solid #FF006E;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
}

@media (min-width: 576px) {
	.btn-tertiary {
		padding: .65rem 2rem .6rem;
	}
}

.btn-tertiary:hover {
	border-color: #e60063;
	background: #e60063;
}

.btn-tertiary:not(:disabled):not(.disabled):focus,
.btn-tertiary:not(:disabled):not(.disabled).active,
.btn-tertiary:not(:disabled):not(.disabled):active {
	border-color: rgba(255, 0, 110, 0.7);
	background: rgba(255, 0, 110, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-primary {
	background: #461E7D;
	border: 0.1rem solid #461E7D;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
}

@media (min-width: 576px) {
	.btn-primary {
		padding: .65rem 2rem .6rem;
	}
}

.btn-primary:hover {
	border-color: #3a1968;
	background: #3a1968;
}

.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
	border-color: rgba(70, 30, 125, 0.7);
	background: rgba(70, 30, 125, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-secondary {
	background: #FD6600;
	border: 0.1rem solid #FD6600;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
}

@media (min-width: 576px) {
	.btn-secondary {
		padding: .65rem 2rem .6rem;
	}
}

.btn-secondary:hover {
	border-color: #e45c00;
	background: #e45c00;
}

.btn-secondary:not(:disabled):not(.disabled):focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
	border-color: rgba(253, 102, 0, 0.7);
	background: rgba(253, 102, 0, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-default {
	background: #7f7f7f;
	border: 0.1rem solid #7f7f7f;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
}

@media (min-width: 576px) {
	.btn-default {
		padding: .65rem 2rem .6rem;
	}
}

.btn-default:hover {
	border-color: #727272;
	background: #727272;
}

.btn-default:not(:disabled):not(.disabled):focus,
.btn-default:not(:disabled):not(.disabled).active,
.btn-default:not(:disabled):not(.disabled):active {
	border-color: rgba(127, 127, 127, 0.7);
	background: rgba(127, 127, 127, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-dark {
	background: #343a40;
	border: 0.1rem solid #343a40;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
}

@media (min-width: 576px) {
	.btn-dark {
		padding: .65rem 2rem .6rem;
	}
}

.btn-dark:hover {
	border-color: #292d32;
	background: #292d32;
}

.btn-dark:not(:disabled):not(.disabled):focus,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
	border-color: rgba(52, 58, 64, 0.7);
	background: rgba(52, 58, 64, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-outline-light {
	background: transparent;
	border-color: #fff;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5rem;
	border-width: .1rem;
	padding: .65rem 2rem .6rem;
	text-transform: uppercase;
	font-size: .6rem;
	font-weight: 700;
	line-height: .8rem;
	letter-spacing: .005em;
}

.btn-outline-light:hover,
.btn-outline-light:focus {
	border-color: #f2f2f2;
	background: #fff;
	color: #fff;
}

.btn-outline-light:hover,
.btn-outline-light:focus {
	color: #000;
}

.btn-outline-complementary,
.btn-outline-info {
	color: #5738FF;
	background: transparent;
	border-color: #5738FF;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 5rem;
	border-width: .1rem;
	padding: .65rem 2rem .6rem;
	text-transform: uppercase;
	font-size: .6rem;
	font-weight: 700;
	line-height: .8rem;
	letter-spacing: .005em;
}

.btn-outline-complementary:hover,
.btn-outline-complementary:focus,
.btn-outline-info:hover,
.btn-outline-info:focus {
	border-color: #411fff;
	background: #5738FF;
	color: #fff;
}

.btn-google {
	background: #D73D32;
	border: 0.1rem solid #D73D32;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
	color: #fff;
}

@media (min-width: 576px) {
	.btn-google {
		padding: .65rem 2rem .6rem;
	}
}

.btn-google:hover {
	border-color: #c83227;
	background: #c83227;
}

.btn-google:not(:disabled):not(.disabled):focus,
.btn-google:not(:disabled):not(.disabled).active,
.btn-google:not(:disabled):not(.disabled):active {
	border-color: rgba(215, 61, 50, 0.7);
	background: rgba(215, 61, 50, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-facebook {
	background: #3C5A99;
	border: 0.1rem solid #3C5A99;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: .6rem;
	font-weight: 700;
	text-transform: uppercase;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .65rem 1rem .6rem;
	color: #fff;
}

@media (min-width: 576px) {
	.btn-facebook {
		padding: .65rem 2rem .6rem;
	}
}

.btn-facebook:hover {
	border-color: #354f87;
	background: #354f87;
}

.btn-facebook:not(:disabled):not(.disabled):focus,
.btn-facebook:not(:disabled):not(.disabled).active,
.btn-facebook:not(:disabled):not(.disabled):active {
	border-color: rgba(60, 90, 153, 0.7);
	background: rgba(60, 90, 153, 0.7);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.btn-google,
.btn-facebook {
	position: relative;
}

.btn-google .icon,
.btn-facebook .icon {
	position: absolute;
	top: 0.65rem;
	left: 1.1rem;
	font-size: 1.2rem;
}
/* XWAYAEMCLOUD-1038
.card {

	padding: 1.25rem .75rem;
}
 */

@media (min-width: 768px) {
	/* XWAYAEMCLOUD-1038
	.card {
		padding: 1.5rem;
	}
	*/
}

.card--login {
	max-width: 410px! important;
	margin: 0 auto;
}


.card--cart {
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 2px solid #461E7D;
}

#mobile-phone-step, #verify-otp-step, #check-email{
padding-left:1rem;
padding-right:1rem;
}


.card--cart>.title {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.3;
	padding: 0 0 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.card--cart>.container-recurring-payments>.title,.card--cart>.container-oneshot-payments>.title {
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.3;
	padding: 0 0 1rem;
	margin-bottom: 1rem;
}

.card--cart>.container-recurring-payments .container-recurring-annual{
	padding-top: 1rem
}

.card--primary {
	background: #461E7D;
	color: #fff;
}

.card--primary>.title {
	border-color: rgba(255, 255, 255, 0.1);
}


.card-title {
    font-family: 'Roobert ENEL';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 44px;
    letter-spacing: -0.02em;
    color: #0E141A;
	margin: 0 15px 40px 15px;
}

#registrazione .card-title{
    margin-bottom: 16px;
}

.card-title--small {
	font-size: .75rem;
	line-height: 1.25rem;
	margin-bottom: .75rem;
}

.card-title--left {
	text-align: left;
    margin-top: 0.5rem;
}

.card-title+.lead {
	margin-top: -.5rem;
}

.card-alert {
	margin: 0 -1.5rem 1.5rem;
	background: #461E7D;
	padding: .4rem 1.5rem .35rem;
	color: #fff;
	text-align: center;
}

@media (min-width: 576px) {
	.card-alert {
		margin: -1.5rem -1.5rem 1.5rem;
	}
}

.card .lead+form {
	margin-top: 1rem;
}


/* mobile-phone-step */

a.arrow-back-icon {
	display: flex;
	padding-top: 10px;
	align-items: flex-start;
	gap: 8px;
}

.show-s {
	display: block;
}
.show-xs {
	display: none;
}

/* XL from 1440 to ∞ */
@media (min-width: 1440px) {

	/* mobile-phone-step */

	div#mobile-phone-step{
		display: flex;
		max-width: 1440px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
		margin: auto;
	}

	.register-card{
		display: flex;
		align-items: flex-start;
		gap: 24px;
	}

	.login-card.card--login.content-form.form_nde.form-full-width.white {
		display: flex;
		padding-right: 0px;
		align-items: flex-start;
		gap: 24px;
		padding: 0;
	}

	.content-registration-step1 {
		display: flex;
		flex-direction: column;
		gap: 16px;
		min-width: 410px !important;
	}

	.content-registration {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		min-width: 410px !important;
	}

	form#phone-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
	}

	.mobile-phone-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	.card-title{
		color: var(--neutrals-neutral-black, #000103);
		font-size: 36px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 44px; /* 122.222% */
		letter-spacing: -0.72px;
		margin: 0 !important;
	}

	.card-description {
		color: var(--neutrals-neutral-dark, #313B49);
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
	}


	.telephone-input {
		width: 410px !important;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.form-row {
		margin: 0 !important;
		display: flex;
		flex-wrap: nowrap;
		gap: 24px;
	}

	.modal-dialog .form-row{
	    flex-wrap: wrap;
	    width:100%;
	}

	.form-row .form-group.content-select.d-flex.flex-column {
		width: 100% !important;
		margin: 0;
	}

	.content-form.form_nde .content-select.form-group .select-items.active {
		margin: 0 !important;
		width: 100%;
		left: 0;
	}

	/* OTP Verification */

	form#otp-verification-form,
	form#mobile-otp-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		width: 100%;
	}

	.content-verification-otp {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		min-width: 410px;
	}

	.otp-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	.otp-card-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	/* CHECK EMAIL */

	.check-email-container {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	#check-email .card--login {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
		border: 0;
		gap: 32px;
	}

	.header-container {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.check-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	#check-email .lead {
		color: var(--neutrals-neutral-base, #667790);
		font-size: 12px !important;
		font-style: normal !important;
		font-weight: 400 !important;
		line-height: 18px !important;
	}

	.login-card--privacy .submit-form {
		margin: 0 !important;
	}

}

/* L from 1200 to 1439 */
@media (min-width: 1200px) and (max-width: 1439px){

	/* mobile-phone-step */

	div#mobile-phone-step{
		display: flex;
		max-width: 1440px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
		margin: auto;
	}

	.register-card{
		display: flex;
		align-items: flex-start;
		gap: 24px;
	}

	.login-card.card--login.content-form.form_nde.form-full-width.white {
		display: flex;
		padding-right: 0px;
		align-items: flex-start;
		gap: 24px;
		padding: 0;
	}

	.content-registration-step1 {
		display: flex;
		flex-direction: column;
		gap: 16px;
		min-width: 410px !important;
	}

	.content-registration {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		min-width: 410px !important;
	}

	form#phone-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
	}

	.mobile-phone-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	.card-title{
		color: var(--neutrals-neutral-black, #000103);
		font-size: 36px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 44px; /* 122.222% */
		letter-spacing: -0.72px;
		margin: 0 !important;
	}

	.card-description {
		color: var(--neutrals-neutral-dark, #313B49);
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
	}


	.telephone-input {
		width: 410px !important;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.form-row {
		margin: 0 !important;
		display: flex;
		flex-wrap: nowrap;
		gap: 24px;
	}

	.form-row .form-group.content-select.d-flex.flex-column {
		width: 100% !important;
		margin: 0;
	}

	.content-form.form_nde .content-select.form-group .select-items.active {
		margin: 0 !important;
		width: 100%;
		left: 0;
	}

	/* OTP Verification */

	form#otp-verification-form,
	form#mobile-otp-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		width: 100%;
	}

	.content-verification-otp {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		min-width: 410px;
	}

	.otp-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	.otp-card-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	/* CHECK EMAIL */

	.check-email-container {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	#check-email .card--login {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
		border: 0;
		gap: 32px;
	}

	.header-container {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.check-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	#check-email .lead {
		color: var(--neutrals-neutral-base, #667790);
		font-size: 12px !important;
		font-style: normal !important;
		font-weight: 400 !important;
		line-height: 18px !important;
	}

	.login-card--privacy .submit-form {
		margin: 0 !important;
	}

}

/* M from 768 to 1199 */
@media (min-width: 768px) and (max-width: 1199px) {

	/* mobile-phone-step */

	div#mobile-phone-step {
		display: flex;
		max-width: 768px;
		padding: 0px 32px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
		margin: auto;
	}

	.register-card{
		display: flex;
		align-items: flex-start;
		gap: 16px;
	}

	.login-card.card--login.content-form.form_nde.form-full-width.white {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex: 1 0 0;
		padding: 0;
	}

	.content-registration-step1 {
		display: flex;
		flex-direction: column;
		gap: 16px;
		width: 344px ;
	}

	.content-registration {
		display: flex;
		width: 344px;
		flex-direction: column;
		align-items: center;
		gap: 32px !important;
	}

	form#phone-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
	}

	.mobile-phone-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	.card-title {
		color: var(--neutrals-neutral-black, #000103);
		font-size: 32px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 40px; /* 125% */
		letter-spacing: -0.64px;
		margin: 0 !important;
	}

	.card-description {
		color: var(--neutrals-neutral-dark, #313B49);
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px; /* 150% */
	}

	.telephone-input {
		width: 100%;
		display: flex;
		flex-direction: column;
		gap: 12px;
	}

	.form-row {
		margin: 0 !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		align-self: stretch;
	}

	.form-row .form-group.content-select.d-flex.flex-column {
		width: 100% !important;
		margin: 0;
	}

	/* OTP Verification */

	form#otp-verification-form,
	form#mobile-otp-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
		width: 100%;
	}

	.content-verification-otp {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
		min-width: 344px;
	}

	.otp-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	.otp-card-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.form-group.form-floating.col-xxs-12 {
		max-height: 44px !important;
	}

	/* CHECK EMAIL */

	.check-email-container {
		display: flex;
		width: 344px;
		flex-direction: column;
		align-items: center;
		gap: 32px;
		flex-shrink: 0;
	}

	#check-email .card--login {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 0;
		border: 0;
		gap: 32px;
	}

	.header-container {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
	}

	.check-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
		align-self: stretch;
	}

	#check-email .lead {
		color: var(--neutrals-neutral-base, #667790);
		font-size: 12px !important;
		font-style: normal !important;
		font-weight: 400 !important;
		line-height: 18px !important;
	}

	.login-card--privacy .submit-form {
		margin: 0 !important;
	}
}

/* S from 576 to 767 */
@media (min-width: 576px) and (max-width: 767px) {

	/* mobile-phone-step */
	div#mobile-phone-step {
		display: flex;
		max-width: 576px;
		padding: 0px 32px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
		margin: auto;
	}

	.register-card{
		display: flex;
		align-items: flex-start;
		gap: 16px;
	}

	.login-card.card--login.content-form.form_nde.form-full-width.white {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex: 1 0 0;
		padding: 0;
	}

	.content-registration-step1 {
		display: flex;
		flex-direction: column;
		gap: 16px;
		width: 336px;
	}

	.content-registration {
		display: flex;
		width: 336px;
		flex-direction: column;
		align-items: center;
		gap: 24px !important;
	}

	form#phone-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
	}

	.mobile-phone-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.card-title {
		color: var(--neutrals-neutral-black, #000103);
		font-size: 24px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 32px; /* 133.333% */
		margin: 0;
	}

	.card-description {
		color: var(--neutrals-neutral-dark, #313B49);
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
	}

	.telephone-input {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.form-row {
		margin: 0 !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		align-self: stretch;
	}

	.form-row .form-group.content-select.d-flex.flex-column {
		width: 100% !important;
		margin: 0;
	}

	/* OTP Verification */

	form#otp-verification-form,
	form#mobile-otp-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
		width: 100%;
	}

	.content-verification-otp {
		display: flex;
		width: 336px;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.otp-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.otp-card-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.form-group.form-floating.col-xxs-12 {
		max-height: 44px !important;
	}

}

/* XS from 320 to 575 */
@media (min-width: 320px) and (max-width: 575px){

	/* mobile-phone-step */

	div#mobile-phone-step {
		display: flex;
		max-width: 320px;
		padding: 0px 16px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
		margin: auto;
	}

	.register-card{
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}

	.login-card.card--login.content-form.form_nde.form-full-width.white {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 16px;
		flex: 1 0 0;
		padding: 0;
	}

	.content-registration-step1 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.content-registration {
		display: flex;
		width: 288px;
		flex-direction: column;
		align-items: center;
		gap: 24px !important;
	}

	form#phone-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
	}

	.mobile-phone-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.card-title{
		color: var(--neutrals-neutral-black, #000103);
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 32px; /* 160% */
		margin: 0 !important;
	}

	.card-description {
		color: var(--neutrals-neutral-dark, #313B49);
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
	}

	.telephone-input {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.form-row {
		margin: 0 !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		align-self: stretch;
	}

	.form-row .form-group.content-select.d-flex.flex-column {
		width: 100% !important;
		margin: 0;
	}

	/* OTP Verification */

	form#otp-verification-form,
	form#mobile-otp-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
		width: 100%;
	}

	.content-verification-otp {
		display: flex;
		width: 288px;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.otp-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.otp-card-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.form-group.form-floating.col-xxs-12 {
		max-height: 44px !important;
	}
	.show-s {
		display: none;
	}
	.show-xs {
		display: block;
	}
}

/* XXS from 280 to 319 */
@media (min-width: 280px) and (max-width: 319px){

	/* mobile-phone-step */

	div#mobile-phone-step {
		display: flex;
		width: 280px;
		padding: 0px 12px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
		margin: auto;
	}

	.register-card{
		display: flex;
		align-items: flex-start;
		gap: 12px;
	}

	.login-card.card--login.content-form.form_nde.form-full-width.white {
		display: flex;
		width: 280px;
		padding: 0px 12px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
	}

	.content-registration-step1 {
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%;
	}

	.content-registration {
		display: flex;
		width: 256px;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	form#phone-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
	}

	.mobile-phone-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		align-self: stretch;
	}

	.card-title{
		color: var(--neutrals-neutral-black, #000103);
		font-size: 18px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 24px; /* 133.333% */
		margin: 0 !important;
	}

	.card-description {
		color: var(--neutrals-neutral-dark, #313B49);
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
	}

	.telephone-input {
		width: 100%;
		color: var(--neutrals-neutral-dark, #313B49);
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 142.857% */
	}

	.form-row {
		margin: 0 !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 24px;
		align-self: stretch;
	}

	form#phone-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
	}

	.form-row .form-group.content-select.d-flex.flex-column {
		width: 100% !important;
		margin: 0;
	}

	/* OTP Verification */

	div#verify-otp-step {
		display: flex;
		width: 280px;
		padding: 0px 12px;
		justify-content: center;
		align-items: flex-start;
		gap: 24px;
	}

	form#otp-verification-form,
	form#mobile-otp-verification-form {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 32px;
		align-self: stretch;
		width: 100%;
	}

	.content-verification-otp {
		display: flex;
		width: 256px;
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}

	.otp-card-header {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.otp-card-body {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
		align-self: stretch;
	}

	.form-group.form-floating.col-xxs-12 {
		max-height: 44px !important;
	}
	.show-s {
		display: none;
	}
	.show-xs {
		display: block;
	}
}
.form-group {
	margin-bottom: 32px;
}

#registrazione .form-group{
    margin-bottom: 40px;
}


.form-group input[type="text"],.form-group input[type="password"] {
    background: #FFFFFF;
    border: 1px solid #C2CDDD;
    border-radius: 4px;
}

.form-group.pswDisclaimer {
    margin-top: -28px;
}

.form-group .error {
	display: none;
	margin: .25rem 0 0;
	font-size: .6rem;
	line-height: .75rem;
}

.form-group--right {
	text-align: right;
}

.form-group--error {
	color: #FF006E;
}

.form-group--error .form-control {
	color: #FF006E;
	border-color: #FF006E;
}

.form-group--error .error {
	display: block;
}

.form-group .label {
	display: block;
}

.form-group .label span {
	display: block;
	margin-bottom: .25rem;
}
label.check-label, .raee-check-label {
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (min-width: 576px) {
    label.check-label, .raee-check-label {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; } }
  label.check-label span, .raee-check-label span {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: .75rem;
    line-height: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer; }
  label.check-label .check, .raee-check-label .check {
    display: inline-block;
    position: relative;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    vertical-align: middle;
    font-size: 0;
    margin-right: .75rem;
    cursor: pointer;
    background: #fff;
    border: 2px solid #667790;
    border-radius: 4px;
    left:initial;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0; }
    label.check-label .check:before, .raee-check-label .check:before, label.check-label.check-label-from .check{
      margin-left: 0;
    }
    label.check-label .check:before, .raee-check-label .check:before, label.check-label.check-label-from .check.is-xway:checked{
      background: #D025AB;
      border-color: #D025AB;
    }
    label.check-label .check:before, label.check-label .check:after, .raee-check-label .check:before, .raee-check-label .check:after{
      content: "";
      position: absolute;
      visibility: visible; }
    label.check-label .check:after, .raee-check-label .check:after {
      opacity: 0;
      border-bottom: .1rem solid #fff;
      border-left: .1rem solid #fff;
      height: 0.4rem;
      width: 0.5rem;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      top: .1rem;
      left: .15rem; }
    label.check-label .check:checked, .raee-check-label .check:checked {
      background: #5738FF;
      border-color: #5738FF; }
    label.check-label input.is-xway:checked,
  label.check-label.is-xway .check:checked, .raee-check-label.is-xway .check:checked {
	background-color: #D025AB;
	border-color: #D025AB;}
    label.check-label .check.is-xway:checked, .raee-check-label .check.is-xway:checked {
      background: #D025AB;
      border-color: #D025AB; }
    label.check-label input.is-xway:checked + span.is-xway,
    label.check-label span.is-xway > a,
    label.check-label span.is-xway p > a {
      color: #D025AB; }
    label.check-label span.is-xway p > a {
      color: #D025AB; }
      label.check-label .check:checked:after, .raee-check-label .check:checked:after {
        opacity: 1; }
      label.check-label .check:checked + span, .raee-check-label .check:checked + span {
        color: #5738FF; }
  label.check-label.is-xway .check:checked + span, .raee-check-label .check:checked + span {
    color: #D025AB; }
  label.check-label--small span {
    font-size: .6rem;
    line-height: 1rem; }
  label.check-label--link {
    border: 1px solid #461E7D;
    background: rgba(70, 30, 125, 0.05);
    padding: .5rem 1rem; }
    label.check-label--link .check + span {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      font-weight: 500; }
    label.check-label--link .check:checked + span {
      color: inherit; }
    label.check-label--link .link {
      color: #5738FF;
      display: block;
      font-size: .75rem;
      min-width: 100%;
      margin-top: .5rem;
      margin-left: 1.5rem; }
      @media (min-width: 576px) {
        label.check-label--link .link {
          min-width: 0;
          margin-top: 0; } }

.check-label-group {
	border: 1px solid #461E7D;
	background: rgba(70, 30, 125, 0.05);
	padding: .5rem 1rem;
}
/*.check-label-group label.check-label-item{
	display: block;
}*/
.check-label-group label.check-label-item .check + span {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-weight: 500;
}
.check-label-group label.check-label-item	.check:checked + span {
	color: inherit;
}
.check-label-group label.check-label-item	.link {
	color: #5738FF;
	display: block;
	font-size: .75rem;
	min-width: 100%;
	margin-top: .5rem;
	margin-left: 1.5rem;
}
@media (min-width: 576px) {
	.check-label-group label.check-label-item .link {
		min-width: 0;
		margin-top: 0;
	}
}

.form-page__card.lead-form-container label.check-label .check[data-form-item-show-hide-target],
.form-page__card.lead-form-container label.check-label .check[data-form-item-show-hide-target] + span{
  font-weight: 600;
  color: #5738ff;
  border-color:  #5738ff;
  
}

.form-page__card.lead-form-container .check-label .check[data-form-item-show-hide-target]:checked+span {
  color: #5738ff;
  font-weight: 600;
}

/*!
 * Selectr 2.4.5
 * http://mobius.ovh/docs/selectr
 *
 * Released under the MIT license
 */

.selectr-container li,
.selectr-option,
.selectr-tag {
	list-style: none;
}

.selectr-container,
.selectr-selected {
	position: relative;
	outline: none !important;
}

.selectr-hidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.selectr-visible {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 11;
}

.selectr-desktop.multiple .selectr-visible {
	display: none;
}

.selectr-desktop.multiple.native-open .selectr-visible {
	top: 100%;
	min-height: 15rem !important;
	height: auto;
	opacity: 1;
	display: block;
}

.selectr-container.multiple.selectr-mobile .selectr-selected {
	z-index: 0;
}

.selectr-selected {
	position: relative;
	z-index: 1;
	width: 100%;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #fff;
	border: 0.1rem solid rgba(0, 0, 0, 0.1);
	padding: .6rem .75rem .55rem;
	font-size: .75rem;
	line-height: 1rem;
	border-radius: 0;
	display: block;
}

.selectr-selected::before {
	content: "";
	position: absolute;
	z-index: 1;
	width: .4rem;
	height: .4rem;
	color: #000;
	border-bottom: .1rem solid;
	border-left: .1rem solid;
	right: 1rem;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 50%;
	margin-top: -.3rem;
}

.selectr-disabled .selectr-selected::before {
	border: none;
}

.selectr-container.native-open .selectr-selected::before,
.selectr-container.open .selectr-selected::before {
	margin-top: 0;
	-webkit-transform: rotate(-225deg);
	-ms-transform: rotate(-225deg);
	transform: rotate(-225deg);
}

.selectr-label {
	display: none;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.selectr-placeholder {
	color: #6c7a86;
}

.selectr-tags {
	margin: 0;
	padding: 0;
	white-space: normal;
}

.has-selected .selectr-tags {
	margin: 0 0 -2px;
}

.selectr-tag {
	position: relative;
	float: left;
	padding: 2px 25px 2px 8px;
	margin: 0 2px 2px 0;
	cursor: default;
	color: #fff;
	border: none;
	border-radius: 10px;
	background: #acb7bf;
}

.selectr-container.multiple.has-selected .selectr-selected {
	padding: 5px 28px 5px 5px;
}

.selectr-options-container {
	position: absolute;
	z-index: 10000;
	top: calc(100% - 1px);
	left: 0;
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 0;
}

.selectr-container.open .selectr-options-container {
	display: block;
}

.selectr-input-container {
	position: relative;
	display: none;
}

.selectr-clear,
.selectr-input-clear,
.selectr-tag-remove {
	position: absolute;
	top: 50%;
	right: 22px;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	-ms-transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	border: none;
	background-color: transparent;
	z-index: 11;
}

.selectr-clear,
.selectr-input-clear {
	display: none;
}

.selectr-container.has-selected .selectr-clear,
.selectr-input-container.active,
.selectr-input-container.active .selectr-clear,
.selectr-input-container.active .selectr-input-clear {
	display: block;
}

.selectr-selected .selectr-tag-remove {
	right: 2px;
}

.selectr-clear::after,
.selectr-clear::before,
.selectr-input-clear::after,
.selectr-input-clear::before,
.selectr-tag-remove::after,
.selectr-tag-remove::before {
	position: absolute;
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	content: ' ';
	background-color: #6c7a86;
}

.selectr-tag-remove::after,
.selectr-tag-remove::before {
	top: 4px;
	width: 3px;
	height: 12px;
	background-color: #fff;
}

.selectr-clear:before,
.selectr-input-clear::before,
.selectr-tag-remove::before {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.selectr-clear:after,
.selectr-input-clear::after,
.selectr-tag-remove::after {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.selectr-input {
	top: 5px;
	left: 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: calc(100% - 30px);
	margin: 10px 15px;
	padding: 7px 30px 7px 9px;
	border: 1px solid #999;
	border-radius: 3px;
}

.selectr-notice {
	display: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 8px 16px;
	border-top: 1px solid #999;
	border-radius: 0 0 3px 3px;
	background-color: #fff;
}

.input-tag,
.taggable .selectr-label {
	width: auto;
}

.selectr-container.notice .selectr-notice {
	display: block;
}

.selectr-container.notice .selectr-selected {
	border-radius: 3px 3px 0 0;
}

.selectr-options {
	position: relative;
	top: calc(100% + 2px);
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 15rem;
	margin: 0;
	padding: 0;
}

.selectr-container.notice .selectr-options-container,
.selectr-container.open .selectr-input-container,
.selectr-container.open .selectr-options {
	display: block;
}

.selectr-option {
	position: relative;
	display: block;
	padding: .9rem .75rem .8rem;
	line-height: 1rem;
	font-size: .75rem;
	cursor: pointer;
	font-weight: 400;
}

.has-selected .selectr-placeholder,
.selectr-empty,
.selectr-option.excluded {
	display: none;
}

.selectr-options.optgroups>.selectr-option {
	padding-left: 25px;
}

.selectr-optgroup {
	font-weight: 700;
	padding: 0;
}

.selectr-optgroup--label {
	font-weight: 700;
	margin-top: 10px;
	padding: 5px 15px;
}

.selectr-match {
	text-decoration: underline;
}

.selectr-option.selected {
	color: #000;
}

.selectr-option.active {
	background-color: rgba(0, 0, 0, 0.03);
}

.selectr-option.disabled {
	opacity: .4;
}

.selectr-container.open .selectr-selected::after {
	-ms-transform: rotate(180deg) translate3d(0, 50%, 0);
	-webkit-transform: rotate(180deg) translate3d(0, 50%, 0);
	transform: rotate(180deg) translate3d(0, 50%, 0);
}

.selectr-disabled {
	opacity: 1;
}

.has-selected .selectr-label {
	display: block;
}

.taggable .selectr-selected {
	padding: 4px 28px 4px 4px;
}

.taggable .selectr-selected::after {
	display: table;
	content: " ";
	clear: both;
}

.taggable .selectr-tags {
	float: left;
	display: block;
}

.taggable .selectr-placeholder {
	display: none;
}

.input-tag {
	float: left;
	min-width: 90px;
}

.selectr-tag-input {
	border: none;
	padding: 3px 10px;
	width: 100%;
	font-family: inherit;
	font-weight: inherit;
	font-size: inherit;
}

.selectr-input-container.loading::after {
	position: absolute;
	top: 50%;
	right: 20px;
	width: 20px;
	height: 20px;
	content: '';
	-ms-transform: translate3d(0, -50%, 0);
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-ms-transform-origin: 50% 0 0;
	-webkit-transform-origin: 50% 0 0;
	transform-origin: 50% 0 0;
	-webkit-animation: .5s linear 0s normal forwards infinite running spin;
	animation: .5s linear 0s normal forwards infinite running spin;
	border-width: 3px;
	border-style: solid;
	border-color: #aaa #ddd #ddd;
	border-radius: 50%;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0) translate3d(0, -50%, 0);
		transform: rotate(0) translate3d(0, -50%, 0);
	}
	100% {
		-webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
		transform: rotate(360deg) translate3d(0, -50%, 0);
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0) translate3d(0, -50%, 0);
		transform: rotate(0) translate3d(0, -50%, 0);
	}
	100% {
		-webkit-transform: rotate(360deg) translate3d(0, -50%, 0);
		transform: rotate(360deg) translate3d(0, -50%, 0);
	}
}

.selectr-container.inverted .selectr-options-container {
	border-width: 1px 1px 0;
	border-color: #999 #999 transparent;
	background-color: #fff;
	top: auto;
	bottom: calc(100% - 1px);
}

.selectr-container ::-webkit-input-placeholder {
	color: #6c7a86;
	opacity: 1;
}

.selectr-container :-ms-input-placeholder {
	color: #6c7a86;
	opacity: 1;
}

.selectr-container ::-ms-input-placeholder {
	color: #6c7a86;
	opacity: 1;
}

.selectr-container ::placeholder {
	color: #6c7a86;
	opacity: 1;
}
.selectr-option.selected {
    color: #5738FF;
    background: url("../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-private-area/auth/main/resources/check.svg") no-repeat;
    background-position-y: center;
    background-position-x: 95%;
}
.form-page {
	margin: 0 auto 6rem;
}

@media (min-width: 576px) {
	.form-page {
		margin: 0 auto 7.5rem;
	}
}

.form-page__head {
	padding: 6.75rem 0 2rem;
	margin-bottom: 0;
	background: rgba(0, 0, 0, 0.4) no-repeat center;
	background-size: cover;
	color: #fff;
	position: relative;
}

@media (min-width: 576px) {
	.form-page__head {
		text-align: center;
		padding: 6.75rem 0 12rem;
		margin-bottom: -8rem;
	}
}

.form-page__head:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
}

.form-page__head .title,
.form-page__head .copy {
	position: relative;
	z-index: 2;
	width: 37.5rem;
	max-width: 90%;
	margin: 0 auto;
}

.form-page__head .title {
	font-size: 1.5rem;
	line-height: 1.25;
	margin-bottom: .5rem;
}

@media (min-width: 576px) {
	.form-page__head .title {
		font-size: 2rem;
	}
}

.form-page__head .copy {
	font-size: .75rem;
	line-height: 1.3;
	font-weight: 400;
}

@media (min-width: 576px) {
	.form-page__head .copy {
		font-size: 1rem;
	}
}

.form-page__head .logo,
.form-page__head .close {
	z-index: 4;
}

.form-page__head .logo {
	position: absolute;
	top: 1.25rem;
	left: .75rem;
}

@media (min-width: 576px) {
	.form-page__head .logo {
		top: 1.5rem;
		left: 1.2rem;
	}
}

@media (min-width: 1024px) {
	.form-page__head .logo {
		left: 1.5rem;
	}
}

.form-page__head .logo img {
	width: 5rem;
	height: 2.25rem;
}

.form-page__head .close {
	position: absolute;
	top: 1.5rem;
	font-size: 1rem;
	right: .75rem;
	color: #fff;
}

@media (min-width: 576px) {
	.form-page__head .close {
		top: 1.75rem;
		right: 1.2rem;
	}
}

@media (min-width: 1024px) {
	.form-page__head .close {
		right: 1.5rem;
	}
}

.form-page__card {
	width: 23rem;
	max-width: 100%;
	margin: 0 auto;
}

.form-page__card .card {
	background: #fff;
	position: relative;
	z-index: 5;
	-webkit-box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0.5rem 0 rgba(0, 0, 0, 0.1);
	padding-bottom: 2rem;
}

.form-page__card .card--form-header{
	margin-bottom: 1.5rem;
}

.form-page__card .card--form-header .card-title+.lead {
	margin-top: .5rem;
}

@media (max-width: 1024px) {
	.double-btn button{
		margin-top: 1rem;
	}
}

@media (max-width: 575.98px) {
	.form-page__card .card {
		padding: 1.5rem 0 0;
		margin-bottom: 2.5rem;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

.form-page__card .form-group {
	margin-bottom: .75rem;
}

.form-page__card .input-select {
	min-width: 100%;
}

.form-page__card .check-zone {
	padding: .5rem 0 .75rem;
}

.form-page__card .check-zone .form-group {
	margin-bottom: .75rem;
}

.form-page__card .check-zone .check:checked+span {
	color: inherit;
	font-weight: 500;
}

.form-page__card .check-label .check:checked+span {
	color: inherit;
	font-weight: 500;
}

.form-page__card .submit-form {
	text-transform: uppercase;
	font-size: .6rem;
	font-weight: 700;
	line-height: .8rem;
	letter-spacing: .05em;
	padding: .75rem 1.5rem .7rem;
}

.form-page__card--artigiano,
.form-page__card--medium {
	width: 33rem;
}

.form-page__card--large {
	width: 55rem;
}

@media (min-width: 576px) and (max-width: 1023.98px) {
	.form-page__card--artigiano,
	.form-page__card--medium {
		width: 23.6rem;
	}
	.form-page__card--large {
		width: 28.6rem;
	}
}

.form-page__card--artigiano .submit-form {
	display: block;
	padding: .75rem 3.5rem .7rem;
	min-width: 100%;
	max-width: 100%;
}

@media (min-width: 576px) {
	.form-page__card--artigiano .submit-form {
		display: inline-block;
		padding: .75rem 7rem .7rem;
		min-width: 0;
	}
}

.form-page--sent__head {
	padding: 5.25rem 0 4rem;
	background: #461E7D;
	color: #fff;
	position: relative;
	overflow: hidden;
}

@media (min-width: 576px) {
	.form-page--sent__head {
		padding: 6.5rem 0 7.5rem;
	}
}

@media (min-width: 1024px) {
	.form-page--sent__head {
		padding: 8rem 0;
	}
}

.form-page--sent__head:before {
	content: "";
	position: absolute;
	z-index: 1;
	background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #FF006E), to(rgba(255, 0, 110, 0)));
	background-image: -webkit-linear-gradient(left, #FF006E 10%, rgba(255, 0, 110, 0) 100%);
	background-image: -o-linear-gradient(left, #FF006E 10%, rgba(255, 0, 110, 0) 100%);
	background-image: linear-gradient(to right, #FF006E 10%, rgba(255, 0, 110, 0) 100%);
	top: 0;
	height: 14rem;
	width: 100vw;
	-webkit-transform: rotate(-45deg) translateY(160%);
	-ms-transform: rotate(-45deg) translateY(160%);
	transform: rotate(-45deg) translateY(160%);
	left: -40%;
}

.form-page--sent__head.is-xway:before {
    content: none;
}

@media (max-width: 575.98px) {
	.form-page--sent__head:before {
		background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 0, 110, 0.5)), color-stop(70%, rgba(255, 0, 110, 0)));
		background-image: -webkit-linear-gradient(left, rgba(255, 0, 110, 0.5) 0%, rgba(255, 0, 110, 0) 70%);
		background-image: -o-linear-gradient(left, rgba(255, 0, 110, 0.5) 0%, rgba(255, 0, 110, 0) 70%);
		background-image: linear-gradient(90deg, rgba(255, 0, 110, 0.5) 0%, rgba(255, 0, 110, 0) 70%);
		top: auto;
		bottom: 0;
		height: 20rem;
		width: 30rem;
		-webkit-transform: rotate(-45deg) translateY(30%);
		-ms-transform: rotate(-45deg) translateY(30%);
		transform: rotate(-45deg) translateY(30%);
		left: -50%;
		pointer-events: none;
	}
}

@media (min-width: 768px) and (max-width: 1023.98px) {
	.form-page--sent__head:before {
		-webkit-transform: rotate(-45deg) translateY(110%);
		-ms-transform: rotate(-45deg) translateY(110%);
		transform: rotate(-45deg) translateY(110%);
		left: -30%;
		height: 18rem;
	}
}

@media (min-width: 1024px) {
	.form-page--sent__head:before {
		height: 14rem;
	}
}

@media (min-width: 1200px) {
	.form-page--sent__head:before {
		left: -30%;
	}
}

.form-page--sent__head .title,
.form-page--sent__head .copy {
	position: relative;
	z-index: 2;
}

.form-page--sent__head .title {
	font-size: 1.5rem;
	font-style: italic;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: .5rem;
}

@media (min-width: 576px) {
	.form-page--sent__head .title {
		font-size: 2rem;
	}
}

.form-page--sent__head .title span {
	display: block;
}

.form-page--sent__head .copy {
	font-size: .75rem;
	line-height: 1.3;
	font-weight: 400;
}

@media (min-width: 576px) {
	.form-page--sent__head .copy {
		font-size: 1rem;
	}
}

.form-page--sent__head .logo {
	position: absolute;
	z-index: 4;
	top: 1.25rem;
	left: .75rem;
}

@media (min-width: 576px) {
	.form-page--sent__head .logo {
		top: 1.5rem;
		left: 1.2rem;
	}
}

@media (min-width: 1024px) {
	.form-page--sent__head .logo {
		left: 1.5rem;
	}
}

.form-page--sent__head .logo img {
	width: 5rem;
	height: 2.25rem;
}

.form-page--full {
	margin: 0 !important;
}

.form-page--full .form-page--sent__head--full {
	min-height: 90vh;
	padding: 8rem 0;
}

.form-page--full .form-page--sent__head--full:before {
	height: 80%;
}

.form-page--full .form-page--sent__head--full .actions {
	margin: 2rem 0 0;
	position: relative;
	z-index: 3;
}

.form-page .form-banner {
	margin: 3rem 0;
}

.lead-email-form .submit-form {
	padding: .7rem 2.5rem;
}

.lead-email-form .radio-row{
	padding: .5rem 0 0;
}

.form-page__card .card.lead-section {
	margin-top: 2rem;
}

#lead-email-form .check-label input{
	margin-left: 0
}

#lead-email-form .check-label .check.error,
#lead-email-form .radio-label .input-radio.error{
	border-color: #ff006e;
	margin-top: 0;
}

#lead-email-form .card.card--form.card--form--top {
	padding-bottom: 0;
	border-bottom-left-radius: unset;
	border-bottom-right-radius: unset;
	-webkit-box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, .1);
	box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, .1);
}

#lead-email-form .card.card--form.card--form--bottom {
	border-top: none;
	border-top-left-radius: unset;
	border-top-right-radius: unset;
	padding-top: 0;
	-webkit-box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0.5rem 0.5rem 0 rgba(0, 0, 0, 0.1);
}

.client-types.clientTab{
    margin-top: 1rem;
}

.form-page-juicepass--sent__head .juicepass-title {
	font-size: 0.9rem;
	line-height: 1.2;
	margin-bottom: .5rem;
	font-family: 'RoobertENEL', sans-serif;
	font-weight: 500;
    text-align: center;
}

.form-page-juicepass--sent__head {
	padding: 5.25rem 0 4rem;
}

.juicepass-title {
	color: #343a40e3;
}

.juicepass-title.purple{
	color: #461E7D;
	font-weight: 600;
	font-size: 0.65rem;
	margin-top: 1.5rem;
	text-align: center;
}

.juicepass-title.grey{
	color: rgba(0, 0, 0, 0.5);
	font-size: 0.65rem;
	text-align: center;
}

.juicepass-image{
    top: 256px;
    left: 11px;
    width: 352px;
    height: 285px;
    margin: auto;
    display: flex;
}

@media (min-width: 576px) {
    .form-page-juicepass--sent__head {
        padding: 6.5rem 0 7.5rem;
    }
}

@media (min-width: 1024px) {
    .form-page-juicepass--sent__head {
        padding: 8rem 0;
    }
}

.unsubscribe-button {
    background-color: #8265a3;
    border-color: #8265a3;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    padding: 0.65rem 2rem 0.6rem;
    text-transform: uppercase;
    font-size: .6rem;
    font-weight: 700;
    line-height: .75rem;
    letter-spacing: .005rem;
    color: #fff;
    opacity: 0.65;
    border: 0.1rem solid;
    box-shadow: none;
    border-radius: 5rem;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    margin-top: 10px;
    margin-bottom: 10px;
}

.c-form .c-form__only-sr {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

.c-form.c-form--theme1 .c-form__item.c-form__item--select .selectr-option:not(.disabled) {
    padding-left: 30px;
}

.c-form.c-form--theme1 .c-form__item.c-form__item--select .selectr-option:not(.disabled):before {
	display: block;
	background-color: #461e7d;
    width: 8px;
    height: 2px;
	content: " ";
    float: left;
    margin: 9px 0 0 -15px;
}
.login-card .submit-form,
.login-card .btn-facebook,
.login-card .btn-google {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .005em;
  text-transform: uppercase;
  font-weight: 700;
  color: #FFFFFF;
  padding: .75rem 3rem .7rem;
  margin-bottom: .5rem;
  display: block;
  width: 100%; }
  .login-card .submit-form:last-child,
  .login-card .btn-facebook:last-child,
  .login-card .btn-google:last-child {
    margin-bottom: 0; }

.login-card .check-label {
  margin: .75rem 0 .25rem; }

.login-card .submit-form {
  margin-top: .75rem; }

.login-card .addon-text {
  color: #999;
  line-height: 1.25rem;
  text-align: center;
  margin: 0; }
  @media (min-width: 576px) {
    .login-card .addon-text {
      margin-top: 1rem; } }

.login-card--privacy .form-group {
  margin-bottom: .75rem; }

.login-card--privacy .submit-form {
  margin-top: 2rem; }

.login-card--reset .submit-form {
  margin-top: 1rem; }
.modal-add-to-cart {
  padding: 0; }
  @media (min-width: 576px) {
    .modal-add-to-cart {
      overflow: hidden;
      overflow-y: auto; } }
  .modal-add-to-cart .modal-close {
    z-index: 102; }
    @media (max-width: 575.98px) {
      .modal-add-to-cart .modal-close {
        padding: 1rem .75rem; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-close {
        top: 1.5rem;
        right: 1.5rem; } }
  .modal-add-to-cart .section-title {
    font-size: 2rem;
    line-height: 1.25; }
    .modal-add-to-cart .section-title:after {
      content: none; }
  @media (min-width: 576px) {
    .modal-add-to-cart .configure-head {
      padding-top: 3rem; } }
  .modal-add-to-cart .configure-head .section-title {
    font-size: 1.5rem;
    padding-bottom: 0; }
    @media (min-width: 576px) {
      .modal-add-to-cart .configure-head .section-title {
        font-size: 2rem; } }
  .modal-add-to-cart .configure-section {
    margin: 0 0 1.5rem; }
    @media (min-width: 576px) {
      .modal-add-to-cart .configure-section {
        margin: 0 0 3rem; } }
    .modal-add-to-cart .configure-section > .title {
      font-size: 1rem;
      line-height: 1.25;
      margin: 0 0 .5rem;
      font-weight: 700; }
      @media (min-width: 576px) {
        .modal-add-to-cart .configure-section > .title {
          font-size: 1.25rem; } }
      .modal-add-to-cart .configure-section > .title + .lead {
        margin-top: -.25rem;
        margin-bottom: .25rem; }
      .modal-add-to-cart .configure-section > .title + .check-label {
        margin-top: 1rem; }
    .modal-add-to-cart .configure-section .lead {
      margin: 0 0 1.5rem;
      color: #7F7F7F; }
  @media (min-width: 576px) {
    .modal-add-to-cart .modal-body {
      max-height: 100vh; } }
  .modal-add-to-cart .modal-content {
    padding: 0 .75rem; }
    @media (min-width: 576px) {
      .modal-add-to-cart .modal-content {
        padding: 0 1.2rem; } }
    @media (min-width: 1024px) {
      .modal-add-to-cart .modal-content {
        padding: 0 4.5%;
        overflow: hidden;
        overflow-y: auto;
        max-height: 100vh; } }
  .modal-add-to-cart .modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto; }
    @media (max-width: 575.98px) {
      .modal-add-to-cart .modal-actions {
        -webkit-box-shadow: -0.1rem 0 0.5rem 0 rgba(0, 0, 0, 0.1);
        box-shadow: -0.1rem 0 0.5rem 0 rgba(0, 0, 0, 0.1);
        padding: .75rem .5rem; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-actions {
        padding-top: .5rem;
        padding-bottom: .5rem;
        background: #5738FF; } }
    @media (min-width: 1024px) {
      .modal-add-to-cart .modal-actions {
        padding: 5rem 1.5rem 0;
        background: rgba(0, 0, 0, 0.03); } }
    .modal-add-to-cart .modal-actions .content {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: none; }
      @media (min-width: 1024px) {
        .modal-add-to-cart .modal-actions .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .modal-add-to-cart .modal-actions .content .title {
        font-size: .6rem;
        font-weight: 700;
        line-height: .75rem;
        letter-spacing: .05em;
        text-transform: uppercase;
        margin: 0 0 .75rem; }
      .modal-add-to-cart .modal-actions .content .list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .modal-add-to-cart .modal-actions .content .listed-subtotal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 1rem 0;
        margin-top: 2rem;
        font-weight: 700;
        color: #5738FF; }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-actions .action {
        margin: 0 .6rem; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-actions .action {
        text-align: right; } }
    @media (min-width: 1024px) {
      .modal-add-to-cart .modal-actions .action {
        margin: 0 -1.5rem; } }
    .modal-add-to-cart .modal-actions .action .submit-modal {
      background: #5738ff;
      color: #fff;
      display: block;
      padding: .65rem 1.6rem .6rem;
      width: 100%;
      text-align: center;
      margin: 0;
      font-size: .6rem;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: .05em;
      border-radius: 5rem; }
      @media (min-width: 576px) and (max-width: 1023.98px) {
        .modal-add-to-cart .modal-actions .action .submit-modal {
          border: .1rem solid;
          color: #fff;
          padding: .65rem 2rem .6rem;
          line-height: .8rem;
          display: inline-block;
          width: auto; } }
      @media (min-width: 1024px) {
        .modal-add-to-cart .modal-actions .action .submit-modal {
          border-radius: 0;
          padding: 1.6rem; } }
  @media (min-width: 576px) {
    .modal-add-to-cart form > .row {
      max-height: 100vh;
      overflow: hidden;
      overflow-y: auto; } }

.modal-bill-code .screen {
  margin: 0 0 2rem; }
  .modal-bill-code .screen img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain; }

.modal-add-to-cart {
  padding: 0; }
  @media (min-width: 576px) {
    .modal-add-to-cart {
      overflow: hidden;
      overflow-y: auto; } }
  .modal-add-to-cart .modal-close {
    z-index: 102; }
    @media (max-width: 575.98px) {
      .modal-add-to-cart .modal-close {
        padding: 1rem .75rem; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-close {
        top: 1.5rem;
        right: 1.5rem; } }
  .modal-add-to-cart .section-title {
    font-size: 2rem;
    line-height: 1.25; }
    .modal-add-to-cart .section-title:after {
      content: none; }
  @media (min-width: 576px) {
    .modal-add-to-cart .configure-head {
      padding-top: 3rem; } }
  .modal-add-to-cart .configure-head .section-title {
    font-size: 1.5rem;
    padding-bottom: 0; }
    @media (min-width: 576px) {
      .modal-add-to-cart .configure-head .section-title {
        font-size: 2rem; } }
  .modal-add-to-cart .configure-section {
    margin: 0 0 1.5rem; }
    @media (min-width: 576px) {
      .modal-add-to-cart .configure-section {
        margin: 0 0 3rem; } }
    .modal-add-to-cart .configure-section > .title {
      font-size: 1rem;
      line-height: 1.25;
      margin: 0 0 .5rem;
      font-weight: 700; }
      @media (min-width: 576px) {
        .modal-add-to-cart .configure-section > .title {
          font-size: 1.25rem; } }
      .modal-add-to-cart .configure-section > .title + .lead {
        margin-top: -.25rem;
        margin-bottom: .25rem; }
      .modal-add-to-cart .configure-section > .title + .check-label {
        margin-top: 1rem; }
    .modal-add-to-cart .configure-section .lead {
      margin: 0 0 1.5rem;
      color: #7F7F7F; }
  @media (min-width: 576px) {
    .modal-add-to-cart .modal-body {
      max-height: 100vh; } }
  .modal-add-to-cart .modal-content {
    padding: 0 .75rem; }
    @media (min-width: 576px) {
      .modal-add-to-cart .modal-content {
        padding: 0 1.2rem; } }
    @media (min-width: 1024px) {
      .modal-add-to-cart .modal-content {
        padding: 0 4.5%;
        overflow: hidden;
        overflow-y: auto;
        max-height: 100vh; } }
  .modal-add-to-cart .modal-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto; }
    @media (max-width: 575.98px) {
      .modal-add-to-cart .modal-actions {
        -webkit-box-shadow: -0.1rem 0 0.5rem 0 rgba(0, 0, 0, 0.1);
        box-shadow: -0.1rem 0 0.5rem 0 rgba(0, 0, 0, 0.1);
        padding: .75rem .5rem; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-actions {
        padding-top: .5rem;
        padding-bottom: .5rem;
        background: #5738FF; } }
    @media (min-width: 1024px) {
      .modal-add-to-cart .modal-actions {
        padding: 5rem 1.5rem 0;
        background: rgba(0, 0, 0, 0.03); } }
    .modal-add-to-cart .modal-actions .content {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      display: none; }
      @media (min-width: 1024px) {
        .modal-add-to-cart .modal-actions .content {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; } }
      .modal-add-to-cart .modal-actions .content .title {
        font-size: .6rem;
        font-weight: 700;
        line-height: .75rem;
        letter-spacing: .05em;
        text-transform: uppercase;
        margin: 0 0 .75rem; }
      .modal-add-to-cart .modal-actions .content .list {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .modal-add-to-cart .modal-actions .content .listed-subtotal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 1rem 0;
        margin-top: 2rem;
        font-weight: 700;
        color: #5738FF; }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-actions .action {
        margin: 0 .6rem; } }
    @media (min-width: 576px) and (max-width: 1023.98px) {
      .modal-add-to-cart .modal-actions .action {
        text-align: right; } }
    @media (min-width: 1024px) {
      .modal-add-to-cart .modal-actions .action {
        margin: 0 -1.5rem; } }
    .modal-add-to-cart .modal-actions .action .submit-modal {
      background: #5738ff;
      color: #fff;
      display: block;
      padding: .65rem 1.6rem .6rem;
      width: 100%;
      text-align: center;
      margin: 0;
      font-size: .6rem;
      text-transform: uppercase;
      font-weight: 700;
      letter-spacing: .05em;
      border-radius: 5rem; }
      @media (min-width: 576px) and (max-width: 1023.98px) {
        .modal-add-to-cart .modal-actions .action .submit-modal {
          border: .1rem solid;
          color: #fff;
          padding: .65rem 2rem .6rem;
          line-height: .8rem;
          display: inline-block;
          width: auto; } }
      @media (min-width: 1024px) {
        .modal-add-to-cart .modal-actions .action .submit-modal {
          border-radius: 0;
          padding: 1.6rem; } }
  @media (min-width: 576px) {
    .modal-add-to-cart form > .row {
      max-height: 100vh;
      overflow: hidden;
      overflow-y: auto; } }

/* styles refactoring */
.modal-title{
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #000103;
}
#recoverPasswordModal .modal-header {
    border: none;
    border-radius: initial;
}
#recoverPasswordModal .modal-content,
#editPasswordModal .modal-content {
    text-align:left;
}

.modal-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #313B49;
    margin-bottom: 32px;
}

.modal-content input[type=text],
.modal-content input[type=password] {
    height:44px;
}

.modal-content button.submit-form {
  width: 100%;
}
body.modal-open {
   position: fixed;
}

@media (max-width: 575px) {

  .modal-content.content-form.form_nde {
    top: unset;
    bottom: 0;
    left: 0;
    transform: unset;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
}
.datepicker {
	border-radius: 4px;
	direction: ltr;
}
.datepicker-inline {
	width: 220px;
}
.datepicker-rtl {
	direction: rtl;
}
.datepicker-rtl.dropdown-menu {
	left: auto;
}
.datepicker-rtl table tr td span {
	float: right;
}
.datepicker-dropdown {
	top: 0;
	left: 0;
	padding: 4px;
}
.datepicker-dropdown:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid rgba(0, 0, 0, 0.15);
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
}
.datepicker-dropdown:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-top: 0;
	position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
	left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
	left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
	right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
	right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
	top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
	top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
	bottom: -7px;
	border-bottom: 0;
	border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
	bottom: -6px;
	border-bottom: 0;
	border-top: 6px solid #fff;
}
.datepicker table {
	margin: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
	text-align: center;
	width: 45px;
	height: 40px;
	border: none;
}
.table-striped .datepicker table tr td span,
.table-striped .datepicker table tr th span {
	background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
	color: #bbb;
	font-family: RoobertENEL;
	background: #f9f9f9;
}
.datepicker table tr td.old:hover,
.datepicker table tr td.new:hover {
	color: #555;
	font-family: "RoobertENEL-Regular",adobe-clean, Helvetica, Arial, sans-serif;
}
.datepicker table tr td.day:hover span,
.datepicker table tr td.focused span {
	background: #cdc5f7;
	cursor: pointer;
}
.datepicker table tr td.disabled span,
.datepicker table tr td.disabled:hover span {
	background: none;
	color: #d2d2d2;
	cursor: not-allowed;
}
.datepicker table tr td.highlighted {
	color: #000;
	background-color: #d9edf7;
	border-color: #85c5e5;
	border-radius: 0;
}
.datepicker table tr td.highlighted:focus span,
.datepicker table tr td.highlighted.focus span {
	color: #000;
	background-color: #afd9ee;
	border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover span {
	color: #000;
	background-color: #afd9ee;
	border-color: #52addb;
}
.datepicker table tr td.highlighted:active span,
.datepicker table tr td.highlighted.active span {
	color: #000;
	background-color: #afd9ee;
	border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover span,
.datepicker table tr td.highlighted.active:hover span,
.datepicker table tr td.highlighted:active:focus span,
.datepicker table tr td.highlighted.active:focus span,
.datepicker table tr td.highlighted:active.focus span,
.datepicker table tr td.highlighted.active.focus span {
	color: #000;
	background-color: #91cbe8;
	border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover span,
.datepicker table tr td.highlighted[disabled]:hover span,
fieldset[disabled] .datepicker table tr td.highlighted:hover span,
.datepicker table tr td.highlighted.disabled:focus span,
.datepicker table tr td.highlighted[disabled]:focus span,
fieldset[disabled] .datepicker table tr td.highlighted:focus span,
.datepicker table tr td.highlighted.disabled.focus span,
.datepicker table tr td.highlighted[disabled].focus span,
fieldset[disabled] .datepicker table tr td.highlighted.focus span {
	background-color: #d2d2d2;
	border-color: #000;
}
.datepicker table tr td.highlighted.focused span {
	background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled span,
.datepicker table tr td.highlighted.disabled:active span {
	background: #d9edf7;
	color: #d2d2d2;
}
.datepicker table tr td.today span {
	color: #000;
	background-color: #eee;
	border-color: #000;
}
.datepicker table tr td.today:focus span,
.datepicker table tr td.today.focus span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.today:hover span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.today:active span,
.datepicker table tr td.today.active span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;;
}
.datepicker table tr td.today:active:hover span,
.datepicker table tr td.today.active:hover span,
.datepicker table tr td.today:active:focus span,
.datepicker table tr td.today.active:focus span,
.datepicker table tr td.today:active.focus span,
.datepicker table tr td.today.active.focus span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;
	font-weight: 600;
}
.datepicker table tr td.today.disabled:hover span,
.datepicker table tr td.today[disabled]:hover span,
fieldset[disabled] .datepicker table tr td.today:hover span,
.datepicker table tr td.today.disabled:focus span,
.datepicker table tr td.today[disabled]:focus span,
fieldset[disabled] .datepicker table tr td.today:focus span,
.datepicker table tr td.today.disabled.focus span,
.datepicker table tr td.today[disabled].focus span,
fieldset[disabled] .datepicker table tr td.today.focus span {
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.today.focused span {
	background: #a47cda;
}
.datepicker table tr td.today.disabled span,
.datepicker table tr td.today.disabled:active span {
	background: #eee;
	color: #bbb;
}
.datepicker table tr td.range span {
	color: #000;
	background-color: #eeeeee;
	border-color: #bbbbbb;
	border-radius: 0;
}
.datepicker table tr td.range:focus span,
.datepicker table tr td.range.focus span {
	color: #000;
	background-color: #d5d5d5;
	border-color: #7c7c7c;
}
.datepicker table tr td.range:hover span {
	color: #000;
	background-color: #d5d5d5;
	border-color: #9d9d9d;
}
.datepicker table tr td.range:active span,
.datepicker table tr td.range.active span {
	color: #000;
	background-color: #d5d5d5;
	border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover span,
.datepicker table tr td.range.active:hover span,
.datepicker table tr td.range:active:focus span,
.datepicker table tr td.range.active:focus span,
.datepicker table tr td.range:active.focus span,
.datepicker table tr td.range.active.focus span {
	color: #000;
	background-color: #c3c3c3;
	border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover span,
.datepicker table tr td.range[disabled]:hover span,
fieldset[disabled] .datepicker table tr td.range:hover span,
.datepicker table tr td.range.disabled:focus span,
.datepicker table tr td.range[disabled]:focus span,
fieldset[disabled] .datepicker table tr td.range:focus span,
.datepicker table tr td.range.disabled.focus span,
.datepicker table tr td.range[disabled].focus span,
fieldset[disabled] .datepicker table tr td.range.focus span {
	background-color: #eeeeee;
	border-color: #bbbbbb;
}
.datepicker table tr td.range.focused span {
	background: #d5d5d5;
}
.datepicker table tr td.range.disabled span,
.datepicker table tr td.range.disabled:active span {
	background: #eeeeee;
	color: #777777;
}
.datepicker table tr td.range.highlighted span {
	color: #000;
	background-color: #e4eef3;
	border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus span,
.datepicker table tr td.range.highlighted.focus span {
	color: #000;
	background-color: #c1d7e3;
	border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover span {
	color: #000;
	background-color: #c1d7e3;
	border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active span,
.datepicker table tr td.range.highlighted.active span {
	color: #000;
	background-color: #c1d7e3;
	border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover span,
.datepicker table tr td.range.highlighted.active:hover span,
.datepicker table tr td.range.highlighted:active:focus span,
.datepicker table tr td.range.highlighted.active:focus span,
.datepicker table tr td.range.highlighted:active.focus span,
.datepicker table tr td.range.highlighted.active.focus span {
	color: #000;
	background-color: #a8c8d8;
	border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover span,
.datepicker table tr td.range.highlighted[disabled]:hover span,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover span,
.datepicker table tr td.range.highlighted.disabled:focus span,
.datepicker table tr td.range.highlighted[disabled]:focus span,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus span,
.datepicker table tr td.range.highlighted.disabled.focus span,
.datepicker table tr td.range.highlighted[disabled].focus span,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus span {
	background-color: #e4eef3;
	border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused span {
	background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled span,
.datepicker table tr td.range.highlighted.disabled:active span {
	background: #e4eef3;
	color: #777777;
}
.datepicker table tr td.range.today span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.range.today:focus span,
.datepicker table tr td.range.today.focus span {
	color: #000;
	background-color: #a47cda;
	border-color: #815608;
}
.datepicker table tr td.range.today:hover span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.range.today:active span,
.datepicker table tr td.range.today.active span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.range.today:active:hover span,
.datepicker table tr td.range.today.active:hover span,
.datepicker table tr td.range.today:active:focus span,
.datepicker table tr td.range.today.active:focus span,
.datepicker table tr td.range.today:active.focus span,
.datepicker table tr td.range.today.active.focus span {
	color: #fff;
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.range.today.disabled:hover span,
.datepicker table tr td.range.today[disabled]:hover span,
fieldset[disabled] .datepicker table tr td.range.today:hover span,
.datepicker table tr td.range.today.disabled:focus span,
.datepicker table tr td.range.today[disabled]:focus span,
fieldset[disabled] .datepicker table tr td.range.today:focus span,
.datepicker table tr td.range.today.disabled.focus span,
.datepicker table tr td.range.today[disabled].focus span,
fieldset[disabled] .datepicker table tr td.range.today.focus span {
	background-color: #b091da;
	border-color: #000;
}
.datepicker table tr td.range.today.disabled span,
.datepicker table tr td.range.today.disabled:active span {
	background: #b091da;
	color: #777777;
}
.datepicker table tr td.selected span,
.datepicker table tr td.selected.highlighted span {
	color: #fff;
	background-color: #777777;
	border-color: #555555;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus span,
.datepicker table tr td.selected.highlighted:focus span,
.datepicker table tr td.selected.focus span,
.datepicker table tr td.selected.highlighted.focus span {
	color: #fff;
	background-color: #5e5e5e;
	border-color: #161616;
}
.datepicker table tr td.selected:hover span,
.datepicker table tr td.selected.highlighted:hover span {
	color: #fff;
	background-color: #5e5e5e;
	border-color: #373737;
}
.datepicker table tr td.selected:active span,
.datepicker table tr td.selected.highlighted:active span,
.datepicker table tr td.selected.active span,
.datepicker table tr td.selected.highlighted.active span {
	color: #fff;
	background-color: #5e5e5e;
	border-color: #373737;
}
.datepicker table tr td.selected:active:hover span,
.datepicker table tr td.selected.highlighted:active:hover span,
.datepicker table tr td.selected.active:hover span,
.datepicker table tr td.selected.highlighted.active:hover span,
.datepicker table tr td.selected:active:focus span,
.datepicker table tr td.selected.highlighted:active:focus span,
.datepicker table tr td.selected.active:focus span,
.datepicker table tr td.selected.highlighted.active:focus span,
.datepicker table tr td.selected:active.focus span,
.datepicker table tr td.selected.highlighted:active.focus span,
.datepicker table tr td.selected.active.focus span,
.datepicker table tr td.selected.highlighted.active.focus span {
	color: #fff;
	background-color: #4c4c4c;
	border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover span,
.datepicker table tr td.selected.highlighted.disabled:hover span,
.datepicker table tr td.selected[disabled]:hover span,
.datepicker table tr td.selected.highlighted[disabled]:hover span,
fieldset[disabled] .datepicker table tr td.selected:hover span,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover span,
.datepicker table tr td.selected.disabled:focus span,
.datepicker table tr td.selected.highlighted.disabled:focus span,
.datepicker table tr td.selected[disabled]:focus span,
.datepicker table tr td.selected.highlighted[disabled]:focus span,
fieldset[disabled] .datepicker table tr td.selected:focus span,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus span,
.datepicker table tr td.selected.disabled.focus span,
.datepicker table tr td.selected.highlighted.disabled.focus span,
.datepicker table tr td.selected[disabled].focus span,
.datepicker table tr td.selected.highlighted[disabled].focus span,
fieldset[disabled] .datepicker table tr td.selected.focus span,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus span {
	background-color: #777777;
	border-color: #555555;
}
.datepicker table tr td.active span,
.datepicker table tr td.active.highlighted span {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus span,
.datepicker table tr td.active.highlighted:focus span,
.datepicker table tr td.active.focus span,
.datepicker table tr td.active.highlighted.focus span {
	color: #fff;
	background-color: #286090;
	border-color: #122b40;
}
.datepicker table tr td.active:hover span,
.datepicker table tr td.active.highlighted:hover span {
	color: #fff;
	background-color: #286090;
	border-color: #204d74;
}
.datepicker table tr td.active:active span,
.datepicker table tr td.active.highlighted:active span,
.datepicker table tr td.active.active span,
.datepicker table tr td.active.highlighted.active span {
	color: #fff;
	background-color: #5738ff;
	border-color: #000;
}
.datepicker table tr td.active:active:hover span,
.datepicker table tr td.active.highlighted:active:hover span,
.datepicker table tr td.active.active:hover span,
.datepicker table tr td.active.highlighted.active:hover span,
.datepicker table tr td.active:active:focus span,
.datepicker table tr td.active.highlighted:active:focus span,
.datepicker table tr td.active.active:focus span,
.datepicker table tr td.active.highlighted.active:focus span,
.datepicker table tr td.active:active.focus span,
.datepicker table tr td.active.highlighted:active.focus span,
.datepicker table tr td.active.active.focus span,
.datepicker table tr td.active.highlighted.active.focus span {
	color: #fff;
	background-color: #a076ff;
	border-color: #000;
}
.datepicker table tr td.active.disabled:hover span,
.datepicker table tr td.active.highlighted.disabled:hover span,
.datepicker table tr td.active[disabled]:hover span,
.datepicker table tr td.active.highlighted[disabled]:hover span,
fieldset[disabled] .datepicker table tr td.active:hover span,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover span,
.datepicker table tr td.active.disabled:focus span,
.datepicker table tr td.active.highlighted.disabled:focus span,
.datepicker table tr td.active[disabled]:focus span,
.datepicker table tr td.active.highlighted[disabled]:focus span,
fieldset[disabled] .datepicker table tr td.active:focus span,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus span,
.datepicker table tr td.active.disabled.focus span,
.datepicker table tr td.active.highlighted.disabled.focus span,
.datepicker table tr td.active[disabled].focus span,
.datepicker table tr td.active.highlighted[disabled].focus span,
fieldset[disabled] .datepicker table tr td.active.focus span,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus span {
	background-color: #cdc5f7;
	border-color: #000;
}
.datepicker table tr td span {
	display: block;
	width: 23%;
	height: 54px;
	line-height: 54px;
	float: left;
	margin: 1%;
	cursor: pointer;
	border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
	background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
	background: none;
	color: #ddd;
	cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
	color: #fff;
	background-color: #cdc5f7;
	border-color: #000;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
	color: #fff;
	background-color: #cdc5f7;
	border-color: #000;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
	color: #fff;
	background-color: #cdc5f7;
	border-color: #000;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
	color: #fff;
	background-color: #cdc5f7;
	border-color: #000;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
	color: #fff;
	background-color: #cdc5f7;
	border-color: #000;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
	background-color: #5738ff;
	border-color: #000;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
	color: #999;
}
.datepicker .datepicker-switch {
	width: 230px;
	height: 30px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
	cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
	color: #5738ff;;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
	visibility: hidden;
}
.datepicker .cw {
	font-size: 10px;
	width: 12px;
	padding: 0 2px 0 5px;
	vertical-align: middle;
}
.input-group.date .input-group-addon {
	cursor: pointer;
}
.input-daterange {
	width: 100%;
}
.input-daterange input {
	text-align: center;
}
.input-daterange input:first-child {
	border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
	border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
	width: auto;
	min-width: 16px;
	padding: 4px 5px;
	line-height: 1.42857143;
	border-width: 1px 0;
	margin-left: -5px;
	margin-right: -5px;
}
.datepicker.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	list-style: none;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	color: #333333;
	font-size: 13px;
	line-height: 1.42857143;
	font-family: "RoobertENEL-Regular",adobe-clean, Helvetica, Arial, sans-serif;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
	padding: 0px 5px;
	vertical-align: middle;
	position: relative;
}

.datepicker-container{
	position: relative;
}
.datepicker-container .datepicker-component.datepicker input ~ span.datepicker-btn,
.datepicker-container input.datepicker ~ span.datepicker-btn {
	position: absolute;
	right: 2px;
	top: 2px;
	padding-left: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
	cursor: pointer;
	height: 43px;
	width: 43px;
	border: none;
	background: #e5e5e5;
	margin: 0;
	border-radius: 0;
}

.datepicker-container .datepicker-component.datepicker input ~ span.datepicker-btn .datepicker-toogle,
.datepicker-container input.datepicker ~ span.datepicker-btn .datepicker-toogle{
	background-image: url("../../../../../etc/designs/enel-x-store-master/main/images/icons/datepicker.svg");
	background-size: cover;
	width: 30px;
	height: 30px;
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	opacity: .6;
}

.datepicker-container .datepicker-component.datepicker input:focus ~ span.datepicker-btn,
.datepicker-container input.datepicker:focus ~ span.datepicker-btn {
	background: #8248d3;
}

.datepicker-container .datepicker-component.datepicker input:focus ~ span.datepicker-btn .datepicker-toogle,
.datepicker-container input.datepicker:focus ~ span.datepicker-btn .datepicker-toogle{
	filter: invert(100%);
	opacity: 1;
}

.datepicker.dropdown-menu .table-condensed thead .prev,
.datepicker.dropdown-menu .table-condensed thead .next {
	width: 45px;
	height: 30px;
	display: block;
}

.datepicker.dropdown-menu .table-condensed thead .next {
	text-align: right;
}

.datepicker.dropdown-menu .table-condensed thead .prev .prev-icon:before,
.datepicker.dropdown-menu .table-condensed thead .next .next-icon:before {
	content: "";
	display: inline-block;
	position: absolute;
	margin: 0;
	top: .5rem;
	right: .5rem;
	width: .4rem;
	height: .4rem;
	border-bottom: 2px solid;
	border-right: 2px solid;
	border-radius: 1px;
	color: inherit;
	border-bottom: 2px solid;
	border-right: 2px solid;
	border-radius: 1px;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}

.datepicker.dropdown-menu .table-condensed thead .next .next-icon:before {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: .5rem;
	right: auto;
}

.datepicker.dropdown-menu .table-condensed thead th.dow {
	color: #5738ff;
	padding: 0 1em;
}


.datepicker.dropdown-menu table.table-condensed tbody tr td span {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: .2rem .1rem;
	padding: .3rem;
	line-height: 1.5;
	border-radius: 50%;
}


.datepicker.dropdown-menu table.table-condensed tbody tr td span.month,
.datepicker.dropdown-menu table.table-condensed tbody tr td span.year,
.datepicker.dropdown-menu table.table-condensed tbody tr td span.decade,
.datepicker.dropdown-menu table.table-condensed tbody tr td span.century {
	width: 45px;
	height: 45px;
	line-height: 2.7;
}

.book-appointment-date-container .datepicker-days td.day:not(.disabled):not(.active ) span {
	background: #9df3a3;
	color: #000;
}

.login-section {
	padding: 1.5rem 0;
}

.login-section.is-xway .submit-form.btn-info {
    background: #5738FF;
    border-radius: 999px;
    margin:0 15px;
    max-width:380px;
}

.login-section.is-xway .login-text a {
    color: #5738FF;
}

.login-section.is-xway .registerStep1 .register-link {
    font-family: 'Roobert ENEL';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #5738FF;
}

.login-section.is-xway .open-modal-fc-calculation {
    color: #D025AB;
}

.login-section.is-xway .consents .check-label a {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #5738FF;
}


#insert-email-step.is-xway .submit-form.btn-info,
.mobile-phone-step.is-xway .submit-form.btn-info,
.verify-otp-step.is-xway .submit-form.btn-info{
    background: #D025AB;
    border: 0.1rem solid #D025AB;
}

#insert-email-step.is-xway .addon-text a {
    color: #D025AB;
}

.login-section .logo {
	text-align: center;
}

.card-section {
	gap: 40px;
	display: flex;
	flex-direction: column;
}

@media ( min-width : 576px) {
	.login-section .logo {
		margin-bottom: 1.5rem;
	}
}

.login-section .logo img {
	height: 2.25rem;
}

@media ( min-width : 576px) {
	.login-section .login-card:not (.modal ) {
		margin: 0 auto 1rem;
	}
}

.login-section .login-text {
	text-align: center;
	color: #0E141A;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-top: 16px;
}

.login-section {
	padding: 1.5rem 0;
}

.login-section .logo {
	text-align: center;
}

@media ( min-width : 576px) {
	.login-section .logo {
		margin-bottom: 1.5rem;
	}
}

.login-section .logo img {
	height: 2.25rem;
}

@media ( min-width : 576px) {
	.login-section .login-card:not (.modal) {
		margin: 0 auto 1rem;
	}
}


.soho-text{
    width: 100%;
	max-width: 23rem;
	color: #999999;
	margin: 0 auto;
    border-top: 1px solid #C2CDDD;
    padding-top: 24px;
}

.show-hide-pw {
	top: 14px;
	right: 25px;
	position: absolute;
	z-index: 2;
}
/*loader*/
.search-loader-container,
.loader-container,
.loader-private-container {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	position: fixed;
	z-index: 100099;
	top: 0;
	left: 0;
}

.wait-loader-container {
	display: block;
	width: 100%;
	height: 160px;
	background: transparent;
	position: relative;
	z-index: 100099;
}

.wait-loader-container .loader {
	top: 20%;
}

.loader {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	top: 40%;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #8248d3;
	width: 120px;
	height: 120px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	background: none;
}

.loader-new {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	top: 50%;
	width: 45px;
	height: 45px;
	background-image: url('../../../../../etc.clientlibs/enelxmobility/clientlibs/clientlib-base/resources/images/loader.gif');
	background-repeat: no-repeat;
}

.wait-loader-container .loader {
	top: 20%;
}

@ -webkit-keyframes spin{0{-webkit-transform:rotate(0)}
100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}

.notification-container {
    position: relative;
}
.notification {
    position: absolute;
    display:none;
    white-space: nowrap;
    width: auto;
    max-width: 100%;
    padding: 16px;
    align-items: center;
    border-radius: 8px;
    color: #000103;
    right: 0px;
    top: 24px;
    gap: 16px;
}

.notification span{
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
}

.notification .bottom{
    top: -84px;
}

.notification img.icon-close {
    justify-self: flex-end;
    cursor: pointer;
}

.notification-show {
    display: flex;
}

.notification-success {
    border: 2px solid #00855D;
    background: #F5FFF6;
}

.notification-error {
    border: 2px solid #ED0529;
    background: #FFE9E8;
}

.notification-bottom {
    top: -84px;
}

.hide{
    display:none;
}

@media screen and  (min-width: 1200px) {
    .notification img.icon-close {
        margin-right: unset;
    }
}

/* M */
@media screen and  (min-width: 768px) and (max-width:1199px) {

    .notification{
        width: calc(100% - 32px);
        margin: 0 16px;
        right: 0;
    }

    .notification span{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }


}

/* S */
@media screen and  (min-width: 576px) and (max-width:767px) {
    .notification{
        width: calc(100% - 32px);
        margin: 0 16px;
        right: 0;
    }

    .notification span{
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
    }
}

/* XS */
@media screen and  (min-width: 320px) and (max-width:575px) {
    .notification{
        width: calc(100% - 32px);
        margin: 0 16px;
        right: 0;
    }

    .notification span{
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        /* truncate the text */
        display: flex;
        flex: 1;
        overflow: hidden;
    }
}

/* XSS */
@media screen and  (min-width: 280px) and (max-width:319px) {
    .notification{
        width: calc(100% - 32px);
        margin: 0 16px;
        right: 0;
    }

    .notification span {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        /* truncate the text */
        display: flex;
        flex: 1;
        overflow: hidden;
    }
}
li.item[data-logged='true'] {
	display: none;
}
li.item[data-unlogged='true'] {
	display: inline-block;
}
body.logged li.item[data-logged='true'] {
	display: inline-block;
}
body.logged li.item[data-unlogged='true'] {
	display: none;
}

.d-unset {
	display: unset!important;
}

/*fix-error*/
#recaptcha-container label.error ,
.recaptcha-container label.error {
	display: block;
}

/*fix-IE-inline-text-showmore*/
.row .inline-text-show-more {width:100%;}
/*/fix-IE-inline-text-showmore*/

#recaptcha-container.error iframe,
.recaptcha-container.error iframe {
	border: 2px solid #ff006e;
}

/*fix-margin-form-valid-error*/
.form-group .error.valid {display: none !important;}

/*fix-IE-checkout*/
body#checkout {display:flex}
body#checkout main{flex-grow:1}

/*fix-scrolling-modal*/
body.unscrollable, html.unscrollable {
	overflow: hidden;
	position:relative;
	height:100%;
}
body.noscroll, html.noscroll, html.noscroll body {
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	/*
	position:relative;
	height:100%;
	height: 100vh;
	*/
}
/*/fix-scrolling-modal*/
/*fix-container-inner-container*/
.container .banner-cta .container{max-width: 100%;}
.container .banner-cta .container{max-width: 100%;padding: 0;}
.banner-cta .container{padding: 0;}
/*/fix-container-inner-container*/

/*fix-footer-accordion*/
@media (max-width: 767.98px){.footer__links .network-col:after {display:none}}
/*/fix-footer-accordion*/

/*fix-compare*/
.compara-features .product-compare__col .content .list .item--product {height: 4.75rem;}
@media (min-width: 1024px){.compara-features .product-compare__col .name {height: 3rem;}}
/*/fix-compare*/

/*hide-arrow-input-number*/
.engage-simulation input[type="number"]::-webkit-outer-spin-button,.engage-simulation input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.engage-simulation input[type="number"] {-moz-appearance: textfield;}
/*/hide-arrow-input-number*/

/*fix-filter-mobile-tab*/
@media (max-width: 575.98px){
	.catalogo-filters__block .title {
		color: #7f7f7f;
		margin: 1rem 0 .5rem;
		padding: 1rem 0 0;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}}
/*/fix-filter-mobile-tab*/

/*simulator-listed-content-display:none-disabled*/
@media screen and (max-width:1200px){.simulators-wrap .listed-content{display:none}}
/* simulatore-listed-content-mobile*/

/* z-index reset*/
.alert--compare {z-index: 99;}
@media (max-width: 575.98px){.catalogo-filters {z-index:99;}}
/*z-index reset*/

.minimal-footer footer.footer,
.partner-footer footer.footer,
.checkout-footer footer.footer {display:none}

footer.fixed-footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}

/* reset global.css */
p.cq-placeholder {margin: 0;}
*:not(.checkbox-text) > p.cq-placeholder.advanced-inline-text {display: inline-block;}

.question-tabs-wrap *:not(.checkbox-text) > p.cq-placeholder.advanced-inline-text{
	display: none;
}

.noscroll {overflow: hidden;}
p {margin-bottom: 0;}

.header-submenu .megamenu .header-links:not(:first-child) .list--menu {
	/*margin-top: .75rem;*/
}
.header-submenu .megamenu .header-links .list--menu {
	margin-bottom: .75rem;
}

@media screen and (max-width:575px) {
	.product-section {margin-bottom: 1.5rem;}
}
@media screen and (max-width:767px) {.mobile-grid .banner {margin-top: 15px;}}
/* /reset global.css */

.equal-height {height: 100%}
@media screen and (min-width:768px) {.equal-sm-height {height: 100%}}
@media screen and (min-width:1024px) {.equal-md-height {height: 100%}}

.text-blue {
	color: #5738FF;
}

.text-black {
	color: rgb(0, 0, 0)
}

.text-black50 {
	color: rgba(0, 0, 0, .5)
}

.text-violet {
	color: #461E7D
}

.background-blue {
	background: #5738FF;
}


/* custom background for img thumb */

.img-table {
	background: rgba(0, 0, 0, .1)
}


/* custom shadow */

.box-shadow {
	-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
}


/* style form no-label*/

.form-group.no-label {
	padding-top: 20px;
}

.full-width {
	width: 100%;
}

.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

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

.max-width-50 {
	max-width: 50%;
}
.width-100 {
	width: 100%;
}

.hidden {
	display: none !important;
}

.flex-mode,
.d-flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}


/* mini-form-group */

.form-group.mini-form .label {
	width: 154px;
}

.form-group .label-2-row {
	min-height: 40px;
}


/* simulator recall btn */

.sim-recall-btn {
	padding: .75rem 2rem .7rem;
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .005em;
	line-height: 1rem;
	color: #f8f9fa;
	background-color: transparent;
	background-image: none;
	border-color: #f8f9fa;
	text-transform: uppercase;
	border-radius: 5rem;
}

.sim-recall-btn:hover {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.sim-recall-btn i {
	margin-right: 15px;
	font-size: .75rem;
	vertical-align: inherit;
}

@media screen and (max-width:1200px) {
	.sim-recall-btn {
		color: #2CFEF9;
		border: 0;
		font-size: .75rem;
		font-weight: 400;
		text-transform: initial;
		padding: .75rem 0rem .75rem 0;
	}
	.sim-recall-btn i {
		font-size: 1rem;
	}
	.sim-recall-btn:hover {
		color: #fff;
		background-color: transparent;
		border-color: transparent;
	}
}


/* button simulator back */

.btn-sim-back {
	font-size: .6rem;
	color: #fff;
	line-height: 1rem;
	font-weight: 400;
	background: transparent;
}

.btn-sim-back:hover {
	font-size: .6rem;
	color: #fff;
	line-height: 1rem;
	font-weight: 400;
}

.btn-sim-back::before {
	content: "";
	display: inline-block;
	position: relative;
	margin: 0 5px 0 0;
	color: #fff;
	top: -.05rem;
	width: .3rem;
	height: .3rem;
	border-bottom: 2px solid;
	border-right: 2px solid;
	border-radius: 1px;
	transform: rotate(135deg);
}


/* form group + external span + inner text in input */

.form-group p span {
	display: inline;
}

.form-group .label {
	position: relative;
}

.form-group .inner-input-text {
	position: absolute;
	display: block;
	z-index: 9;
	top: 50%;
	right: 1rem;
	font-size: 0.75rem;
	line-height: 15px;
	font-weight: 400;
	transform: translateY(-50%);
}

.form-group.identityNumber {
	width: 13rem;
	margin-left: 0.8rem;
	display: inline-block;
}

.form-group.identityType {
	width: 5rem;
	display: inline-block;
}

/* style radio button */

label.radio-label {
	font-size: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
}

label.radio-label span {
	display: block;
	flex: 1;
	font-size: .75rem;
	line-height: 1rem;
	user-select: none;
	cursor: pointer;
	margin-bottom: 0;
}

label.radio-label input.radio {
	display: inline-block;
	position: relative;
	width: 1rem;
	height: 1rem;
	vertical-align: middle;
	font-size: 0;
	margin-right: .75rem;
	cursor: pointer;
}

label.radio-label input.radio:before,
label.radio-label input.radio:after {
	content: "";
	position: absolute;
}

label.radio-label input.radio:before {
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #fff;
	border: .1rem solid #E5E5E5;
	border-radius: 100%;
}

label.radio-label input.radio:after {
	opacity: 0;
	background: #fff;
	height: 0.3rem;
	width: 0.3rem;
	border-radius: 100%;
	top: 0.35rem;
	left: 0.35rem;
}

label.radio-label input.radio:checked:before {
	background: #5738FF;
	border-color: #5738FF;
}

label.radio-label input.radio:checked:after {
	opacity: 1;
}

label.radio-label input.radio:checked+span {
	font-weight: 500;
}


/* button outline blue */

.btn-outline-info {
	color: #5738FF;
	background-color: transparent;
	background-image: none;
	border-color: #5738FF;
	border-width: .1rem;
}

.is-xway .btn-outline-info {
    border-color: #D025AB;
}

.btn-outline-info:hover {
	color: #fff;
	background-color: #5738FF;
	border-color: #5738FF;
}

.btn-outline-info:focus,
.btn-outline-info.focus {
	box-shadow: 0 0 0 0.2rem rgba(70, 30, 125, 0.5);
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
	color: #5738FF;
	background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show>.btn-outline-info.dropdown-toggle {
	color: #fff;
	background-color: #5738FF;
	border-color: #5738FF;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(70, 30, 125, 0.5);
}

.catalogo-head .banner-cta.main-section {
	margin-bottom: 0;
	padding: 0;
}
.catalogo-head .banner-cta.main-section .container {
	margin-bottom: 0;
	padding: 0;
}
select.form-control {
	appearance: menulist;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
}

/*products compare*/
.single-product-compare.product-section .sale,
#products-compare .sale {
	display: none;
}

.single-product-compare.product-section .promo .sale,
#products-compare .promo .sale {
	display: block;
}

.container .inline-text {
	margin-left: .6rem;
	margin-right: .6rem;
}
.container .row .col-12 .inline-text {
	margin-left: 0;
	margin-right: 0;
}

#product-details .container.is-xway .row .col-12 .inline-text a {
    color: #D025AB;
}

.container table {
	width: 100%;
}
/*media-query-reset*/
@media (min-width: 480px){
	.d-480-block {display: block !important;}
	.d-480-none {display: none !important;}
}
/*/media-query-reset*/

/*new selectr*/
.form-group span.selectr-label {
	margin: 0;
	padding-right: 20%;
}
.form-page.empty {
	margin: 0;
}

.mw100{
	min-width: 100px;
	width: auto;
}

.mw150{
	min-width: 150px;
	width: auto;
}

.mw200{
	min-width: 200px;
	width: auto;
}

.mw300{
	min-width: 300px;
	width: auto;
}

.mw400{
	min-width: 400px;
	width: auto;
}

.mw500{
	min-width: 500px;
	width: auto;
}

[data-promo=true] .thumbnail .sale {
	display: block;
}
[data-promo=true] .content .price {
	color: #FF006E;
}
[data-promo=true] .content .price .old {
	display: inline-block;
}


a.section-title {
	display: block;
	color: #000;
}
@media screen and (min-width:1024px) {
	a.section-title {
		pointer-events: none;
		cursor: auto;
		text-decoration: none;
	}
}
/*fix-offer-mobile-display*/
@media (max-width: 575.98px){.mobile-grid .listed-product .sale span.percent {display:inline-block;}}

.slider-full .item {
	background-size: contain;
	background-repeat: no-repeat;
}
/*fix-checkout-schermi-mini*/
@media screen and (max-width:380px){
	ul.list--resume .item .options,ul.list--resume .item+.item--mobile-addon .product{flex-direction:column;}
	ul.list--resume .item .content .product .infos {margin-right:0}
	.cart-list .card .list .item--mobile-addon .product .price {margin-top: .5rem;}
}

/* FORM LEAD GENERIC */
#generic .form-lead {
	margin: 0 auto;
}
.enel-x-image img {
	max-width: 100%;
}


.thank-you-banner-btn {
	padding: .75rem 2rem .7rem;
	font-size: .6rem;
	font-weight: 700;
	letter-spacing: .005em;
	line-height: 1rem;
	color: #f8f9fa;
	background-color: transparent;
	background-image: none;
	border: 1px solid #f8f9fa;
	text-transform: uppercase;
	border-radius: 5rem;
	display: inline-block;
	margin-top: 1rem;
}

.is-xway .thank-you-banner-btn {
    color: #ffffff;
}

.thank-you-banner-btn:hover {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}

.row > .form-container.parbase,
.row > .container-section,
.row > .product-section{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}

.spacer{
	display: block;
	height: 50px;
}

.book-appointment-form-container .card-title.card-title--left {
	text-align: center;
	font-size: 33px;
	font-weight: 400;
	margin-bottom: 45px;
	margin-top: 35px;
}

.book-appointment-form-container .lead {
	text-align: center;
	font-size: 20px;
	color: #461e7d;
	font-weight: 600;
	margin-bottom: 32px;
}


.product_item.manual-product-item .name hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

.listed-product.manual-product-item .thumbnail{
  background: transparent;
}



.listed-product.manual-product-item .thumbnail .category-tag {
	background-color: #461e7d;
	color: #fff;
	line-height: 2.7;
	position: absolute;
	width: 40%;
	font-weight: 600;
	padding-left: 10px;
	z-index: 3;
	margin-top: 10px;
}
.listed-product.manual-product-item .content .brand-manual {
	font-size: 22px;
	color: #461e7d;
	margin-top: 10px;
}
.listed-product.manual-product-item .thumbnail a.product-thumbnail-container{
	text-align: center;
	min-height: 300px;
}
.listed-product.manual-product-item .fk-spoiler .toload{
	max-height: 5rem;
}
.col-6.col-md-4.col-lg-6 .manual-product-item img.product-thumbnail,
.col-6.col-md-4.col-lg-4 .manual-product-item img.product-thumbnail {
	height: 258px;
}
.col-6.col-md-4.col-lg-3 .manual-product-item img.product-thumbnail {
	height: 180px;
}

.product_description{
	font-family: 'RoobertENEL', sans-serif;
	color: #000;
	font-weight: normal;
}

.icon-container {
	max-width: 80px;
	display: inline-block;
}

.text-container {
	width: calc(100% - 95px);
	display: inline-block;
	padding-left: 10px;
	vertical-align: middle;
}

.action {
	text-align: center;
	margin-top: 0.9rem;
}
.contatti-list .item .action .contactForm.btn-link.no-click {
	cursor:auto;
	text-decoration:none;
}

.contatti-list .item .action .contactForm.btn-link  {
	color: #5738FF;
	font-size: 1rem;
	line-height: 2rem;
	letter-spacing: 0;
	padding: 0;
	display: inline-block;
}

.contactForm.btn-info {
	color: #fff !important;
	display: inline-block !important;
	}

.action a {
	margin-top: 1rem !important;
}

.action .partnerCheckLabel {
	text-align: initial;
}

.action .partner-box-infos {
	margin: auto;
	padding: 0;
	width: 100%;
}

.lead-section .card--form-header .subtitle {
	padding-bottom: 1rem;
}

.form-disclaimer {
	font-size: 12px;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

.uppercase {
	text-transform: uppercase;
}

.action .user-share:hover {
	background: rgba(87,56,255,.2);
	text-decoration: none;
}

.action .user-share {
	display: inline-block;
	background: #fff;
	color: #5738ff;
	padding: .75rem .77rem .7rem;
	line-height: 1;
	font-size: .8rem;
	border: 1px solid #5738ff;
	margin: 0 1rem 0 0;
}
.hero-wrapper  {
	position: relative;
}

.ui-widget-content.ui-autocomplete {
	max-height: 300px;
	overflow: hidden auto;
}

.form-page__head+.modal-body .leadContactList .leadContactBoxList {
	margin-top: 0;
}

.leadContactBoxList .leadContactBoxRow {
	padding: 0 2rem;
}

.leadContactBoxList .row.edit {
	margin: 0;
}

.leadContactBoxList .leadSectionContainer .leadSection {
	padding-bottom: 3rem;
}

.leadContactBoxList .leadContactBox .lead-form-container {
	height: 100%;
	text-align: left;
	padding: 0;
	width: 100%;
}

.leadContactBoxList .leadContactBox .card.card--form {
	min-height: 5rem;
	min-height: 83px;
	height: auto;
	color: #4c3394;
	cursor: pointer;
	border: 1px solid #e5e5e5;
	/*margin-bottom: 1rem;*/
	padding: 1rem .5rem 1rem 1rem;;
}

.leadContactBoxList .leadContactBoxImage {
	max-width: 20%;
	display: inline-block;
}

.leadContactBoxList .leadContactBoxImage .icon {
	font-size: 1.75rem;
}
.leadContactBoxList .leadContactBoxTitle {
	font-family: 'RoobertENEL', sans-serif;
	text-align: left;
	line-height: 1;
	margin-top: .4rem;
	margin-bottom: 0;
	font-size: 0.9rem;/*18px*/
	font-weight: 600;
	display: inline-block;
	max-width: 80%;
	vertical-align: super;
	margin-left: 10px;
}
.leadContactBoxList .leadContactBoxDescription {
	display: none;
}

.leadSectionContainer .leadSection  .form-page__card:not(.book-appointment-form-container)  .card.card--form{
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #f7f7f7;
	z-index: 4;
	padding-left: 1rem;
	padding-right: 1rem;
}

.modal.guest-assistance-modal.card,
.modal.assistance-modal.card {
	max-height: 100vh;
}

html.iphone .modal {
	padding-bottom: 150px;
}

@media (min-width: 370px) {
	
	.leadContactBoxList .leadContactBox .card.card--form {
		padding: 1rem;
	}
	
	.leadContactBoxList .leadContactBoxTitle {
		margin-left: 20px;
	}
}

@media (min-width: 520px) {
	
	.leadContactBoxList .leadContactBox .card.card--form {
		padding: 20px 10%;
	}
	.leadContactBoxList .leadContactBoxTitle {
		margin-left: 30px;
	}
}

@media (min-width: 640px) {
	
	.leadContactBoxList .leadContactBox .card.card--form {
		padding: 20px 18%;
	}
}

@media (min-width: 768px) {
	
	.leadContactBoxList .leadContactBox .lead-form-container {
		text-align: center;
		padding: 0 1rem;
		max-width: 220px;
		
		padding: 0;
	}
	.leadContactBoxList .leadContactBox .card.card--form {
		min-height: 12rem;
		min-height: 220px;
		height: 100%;
		color: #4c3394;
		cursor: pointer;
		border: none;
		border-top: 4px solid #4c3394;
		margin-bottom: 0;
		padding: 1.5rem 8px 0;
		
		min-width: 220px;
	}
	.leadContactBoxList .leadContactBoxImage {
		max-width: 100%;
		display: block;
	}
	.leadContactBoxList .leadContactBoxImage .icon {
		font-size: 3rem;
	}
	.leadContactBoxList .leadContactBoxTitle {
		text-align: center;
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1.05rem;/*21px*/
		font-weight: 600;
		display: block;
		max-width: 100%;
		margin-left: 0;
	}
	.leadContactBoxList .leadContactBoxDescription {
		font-family: 'RoobertENEL', sans-serif;
		text-align: center;
		font-weight: 500;
		font-size: 0.6rem;/*12px*/
		line-height: 16px;
		color: #212529;
		display: block;
	}

	.leadSectionContainer .leadSection  .form-page__card:not(.book-appointment-form-container)  .card.card--form{
		padding: 1.5rem;

	}
	.modal.guest-assistance-modal.card,
	.modal.assistance-modal.card {
		max-height: 80vh;
		padding-bottom: 2.5rem;
	}
}

.leadContactBoxList .leadContactBox .card.card--form.active {
	background-color: #5738ff;
	border-color: #5738ff;
	color: #fff;
}

@media (min-width: 1025px) {
	
	.leadContactBoxList .leadContactBox .lead-form-container {
		max-width: 390px;
	}
	
	.leadContactBoxList .leadContactBox .card.card--form {
		min-height: 360px;
		padding: 40px 20px 20px;
		margin: 0 8px;
	}
	.leadContactBoxList .leadContactBox .card.card--form.active:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 0;
		height: 0;
		font-size: 2rem;
		border-left: 1em solid transparent;
		border-right: 1em solid transparent;
		border-top: 1em solid #5738FF;
		margin: 0 auto;
	}
	
	.leadContactBoxList .leadContactBoxImage .icon {
		font-size: 4rem;
	}
	.leadContactBoxList .leadContactBoxTitle {
		font-size: 1.2rem;/*24px*/
		margin-top: 1.5rem;
		margin-bottom: 1.5rem;
	}
	.leadContactBoxList .leadContactBoxDescription {
		font-size: .85rem;/*17px*/ 
		line-height: 22px;
	}
}

@media (min-width: 1400px) {
	
	.leadContactBoxList .row {
		max-width: 1400px;
		margin: auto;
	}
	
	.leadContactBoxList .leadContactBox .card.card--form {
		margin: 0;
	}
}

.leadContactBoxList .leadContactBox .card.card--form.active .leadContactBoxDescription {
	color: #fff;
}

.leadContactBoxList .row.edit .leadContactBox .card.card--form {
	height: auto;
}

.hero-artigiano + .leadContactList,
.form-page__head + .leadContactBoxList,
.hero-artigiano + .modal-body .leadContactList,
.form-page__head + .modal-body .leadContactBoxList{
	margin-top: 9rem;
}

@media (min-width: 375px) {
	.hero-artigiano + .leadContactList,
	.form-page__head + .leadContactBoxList,
	.hero-artigiano + .modal-body .leadContactList,
	.form-page__head + .modal-body .leadContactBoxList{
		margin-top: 1rem;
	}
}

@media (min-width: 769px) {
	.hero-artigiano + .leadContactList,
	.form-page__head + .leadContactBoxList,
	.hero-artigiano + .modal-body .leadContactList,
	.form-page__head + .modal-body .leadContactBoxList{
		margin-top: 6rem;
	}
}

.leadContactBoxList .leadContactBoxLink {
	font-family: 'RoobertENEL', sans-serif;
	text-align: center;
	font-size: 1.2rem;
	font-weight: 600;
	color: #5738ff;
}

.leadContactBoxList .leadContactBoxLink a {
	margin-top: -.5rem;
	position: absolute;
	width: 100%;
	left: 0;
}

.leadSectionContainer .leadSection{
	background-color: #f7f7f7;
	z-index: -1;
}

.recallFormBox {
	margin: auto;
}

.recallFormSubmitButton {
	text-align: center;
	margin-bottom: 1rem;
}

.recallForm.contactForm{
	max-width: 13rem;
	margin: auto;
}

.recallHeader{
	text-align: center;
}

.recallFormBox .form-control {
	margin-bottom: 1rem;
}



.account-quotes .d-flex.btn-align,
.account-order.quote .d-flex.btn-align {
	justify-content: space-between;
	border-bottom: 1px solid rgba(0,0,0,.2);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
.account-quotes .order-box-container .title,
.account-order.quote .title {
	font-style: normal;
	text-transform: unset;
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 10px;

	font-size: 1rem;
}

.characteristic-box .single-product-features .single-features-accordion .content .title {
    font-size: .6rem;
    margin: 1rem .5rem -0.3rem;
}

.account-quotes .order-box-container .descr,
.account-order.quote .descr {
	font-size: 16px;
}

@media only screen and (max-width: 600px) {
.account-quotes .order-box-container .descr,
.account-order.quote .descr {
    margin-bottom: 1.5rem;
}
}

.account-order.quote .total-prices,
.account-order .total-prices,
.account-quotes .total-prices {
	font-size: 16px;
	font-weight: 700;
	color: #5738FF;
	margin-bottom: 10px;
}
.account-order.quote .total-prices .total,
.account-order .total-prices .total,
.account-quotes .total-prices .total {
	font-size: 18px;
	display: inline;
}

.account-order.quote .title-service,
.account-order .title-service,
.account-quotes .title-service {
	font-size: 13px;
	font-weight: 700;
}
.account-order.quote .subproduct.service,
.account-order .subproduct.service,
.account-quotes .subproduct.service {
	display: inline;
	margin: 0;
	font-size: 13px;
	color: rgba(0, 0, 0, .5);
}
.account-order.quote .subproduct.service:before,
.account-order .subproduct.service:before,
.account-quotes .subproduct.service:before {
	content: "";
	background: black;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-bottom: 2px;
	border-radius: 50%;
}

.account-order.quote .order-box,
.account-order .order-box,
.account-quotes .order-box {
	margin: 10px 0;
}
.account-order.quote .order-box .thumbnail,
.account-order .order-box .thumbnail,
.account-quotes .order-box .thumbnail {
	min-height: 0;
}
.account-order.quote .order-box .title-brand,
.account-order .order-box .title-brand,
.account-quotes .order-box .title-brand {
	font-size: 13px;
}
.account-order.quote .order-box .productNome,
.account-order .order-box .productNome,
.account-quotes .order-box .productNome {
	font-size: 13px;
}
.account-order.quote .order-box .order-price,
.account-order .order-box .order-price,
.account-quotes .order-box .order-price {
	font-size: 18px;
	color: #000;
	display: inline;
}
.account-order .order-box .features {
	position: absolute;
	right: 0px;
	width: 35%;
}
.account-order.quote .order-box .features {
    right:0;
    position: unset;
}
.account-quotes .order-box .features{
    right:0;
    position: unset;
}
.account-order.quote .order-box .features .title,
.account-order .order-box .features .title,
.account-quotes .order-box .features .title {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0;
	border: none;
	margin: 0;
}
.account-order.quote .order-box .features .options span,
.account-order .order-box .features .options span,
.account-quotes .order-box .features .options span {
	font-size: 13px;
}
.account-order.quote .order-box .features .options span:before,
.account-order .order-box .features .options span:before,
.account-quotes .order-box .features .options span:before {
	content: "";
	margin-right: 5px;
	background: black;
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-bottom: 2px;
	border-radius: 50%;
}

.account-order.quote .title-accessory,
.account-order.quote .title-extra,
.account-order .title-accessory,
.account-order .title-extra,
.account-quotes .title-accessory,
.account-quotes .title-extra {
	font-size: 15px;
	font-weight: 700;
	color: #5738FF;
	padding-top: 10px;
}
.account-order.quote .subproduct.accessory .order-price,
.account-order.quote .subproduct.extra .order-price,
.account-order .subproduct.accessory .order-price,
.account-order .subproduct.extra .order-price,
.account-quotes .subproduct.accessory .order-price,
.account-quotes .subproduct.extra .order-price {
	font-size: 13px;
}

.account-order.quote .subproduct.extra .content,
.account-order .subproduct.extra .content,
.private-area.account-order .subproduct.extra .content,
.private-area.account-quotes .subproduct.extra .content {
	display: flex;
	flex-direction: row;
	width: 100%;
	border-top: 1px solid #E8E8E8;
	padding: 0 10px;
	margin: 0;
}
.account-order.quote .subproduct.extra .content > div,
.account-order .subproduct.extra .content > div,
.account-quotes .subproduct.extra .content > div {
	display: flex;
	flex: 1;
	justify-content: flex-start;
	font-size: 15px;
	color: #333;
	margin: 10px 0 0;
}
.account-order.quote .subproduct.extra .content .order-price,
.account-order .subproduct.extra .content .order-price,
.account-quotes .subproduct.extra .content .order-price {
	justify-content: flex-end;
}

.account-order.quote .subproduct.extra.total .content,
.account-order .subproduct.extra.total .content,
.account-quotes .subproduct.extra.total .content {
	background-color: #F5F5F5;
	padding-bottom: 10px;
}
.account-order.quote .subproduct.extra.total .productNome,
.account-order .subproduct.extra.total .productNome,
.account-quotes .subproduct.extra.total .productNome {
	font-size: 15px;
	font-weight: 700;
	color: #5738FF;
}

.account-quotes .btn.check,
.account-order.quote .btn.check {
	height: fit-content;
	border: none;
}
.account-quotes .btn.check:hover,
.account-quotes .btn.check:active,
.account-quotes .btn.check:focus,
.account-order.quote .btn.check:hover,
.account-order.quote .btn.check:active,
.account-order.quote .btn.check:focus {
	border: none;
	background-color: #fff;
	color: #5738FF;
	text-decoration: underline;
	box-shadow: none;
}
@media only screen and (max-width: 600px) {
	.modal-reject-quote {
		margin: 30px;
	}
	.modal-reject-quote-description {
		color: #fff;
		font-size: 18px;
		padding-bottom: 30px;
		text-align: center;
	}
	.modal-reject-quote-logo {
		width: 250px;
		padding-bottom: 40px;
	}
	.modal-reject-quote-button {
		font-size: 18px;
	}
}
.modal-reject-quote {
	background-color: #461e7d;
	/*padding: 80px 40px;*/
}

#confirmButtonCapModal{
	background-color:#FF006E;
	border-color:#FF006E;
	margin-top: 7%;
}

.single-product-head.is-xway #confirmButtonCapModal{
	background-color:#D025AB;
	border-color:#D025AB;
}

.modal-reject-quote-description {
	color: #fff;
	font-size: 20px;
	padding-bottom: 50px;
	text-align: center;
}
.modal-reject-quote-logo {
	width: 300px;
	padding-bottom: 13%
}
.modal-reject-quote-logo-container {
	display: flex;
	justify-content: center;
}
.modal-reject-quote-button {
	font-size: 20px;
	color: #fff;
	background-color: #425bfc;
	border-radius: 25px;
	padding: 10px 20px;
	width: 90px;
	text-align: center;
	font-weight: bold;
	position: static;
	border: 0;
	opacity: 1;
	border: 1px solid #425bfc;
	transition: opacity .3s, border .3s;
}
.modal-reject-quote-button:hover {
	opacity: .7;
	border: 1px solid #fff;
}
.modal-reject-quote-button-container {
	display: flex;
	justify-content: space-around;
}
.account-quotes .btn.accept,
.account-order.quote .btn.accept {
	height: fit-content;
}
.account-quotes .btn.accept:hover,
.account-order.quote .btn.accept:hover {
	background-color: #fff;
	color: #5738FF;
}

@media only screen and (max-width: 800px) {
	.account-quotes .order-box-container .d-flex.btn-align,
	.account-order.quote .order-box-container .d-flex.btn-align {
		display: block!important;
	}
	.account-quotes .btn.check,
	.account-order.quote .btn.check {
		padding-left: 0;
	}
}

.account-quotes .copy,
.account-order .copy {
	font-size: .75rem;
	line-height: 1.3;
	font-weight: 400;
}

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

	.account-order.quote .order-box .features,
	.account-order .order-box .features,
	.account-quotes .order-box .features {
		position: relative;
		width: 100%;
		margin-top: 20px
	}
}

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

	.account-order.quote .order-box .features,
	.account-order .order-box .features,
	.account-quotes .order-box .features {
		margin-top: 0px
	}
}
ul.list--resume .item .content .product .infos .labelDateCopy {
    margin-top: 0.5rem;
}

ul.list--resume .item .content .product .infos .labelDateOptions{
    margin-top: 1rem;
}

.third-price-value{
	color: #FF006E;
	font-size: .8rem;
	margin-left: 1.3rem;
	font-weight: 700;
	vertical-align: middle;
}
.infos .purple .third-price-value{
    font-size: 1.4rem;
}
@media only screen and (max-width: 768px){
.infos .purple .third-price-value{
  font-size: 1rem;
  }
}
.third-price-promo-msg{
	color: #461e7d;
	font-size: .6rem;
	line-height: 1.36;
	font-weight: 700;
}
.Third-Price-Container .third-price-promo-msg{
    font-size: .6rem;
}
.infos .purple .third-price-promo-msg{
    font-size: 1rem;
}
@media only screen and (max-width: 1025px){
.infos .purple .third-price-promo-msg p{
  padding-top:1rem;
  }
}
.third-price-card{
    width: 40px;
}
.infos .purple .third-price-card{
    width: 45px;
}
.margin-auto{
	margin-top: auto;
	margin-bottom: auto;
}

.opencharge.section {
    line-height: 1.8;
}

.opencharge .open-charge.title,.opencharge-cart .open-charge.title {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0px;
}

.opencharge-cart .title.vehicle, .opencharge-cart .title.juicebox {
    font-weight: 100;
    font-size: .75rem;
}


.opencharge .vehicle.value, .opencharge .juicebox.value ,.opencharge-cart .vehicle.value, .opencharge-cart .juicebox.value {
    font-weight: 700;
    margin-bottom: 5px;
}

.opencharge .title.juicebox {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 5px;
}

.quote.technical-characteristics {
    margin-top: 0.6rem;
}

.characteristics.d-none.d-lg-flex.col-6 {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 0;
    border-bottom: 0;
    padding-right: 0;
    padding-left: 0;
}

.characteristics li.item {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 2.5rem;
    font-size: 13px;
}

.characteristics-right.d-none.d-lg-flex.col-6 {
    padding-left: 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 0;
    border-right: 0;
    border-bottom: 0;
}

.characteristics-right li.item {
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 2.5rem;
    font-size: 13px;
}

del.total-discount.old {
    font-size: 13px;
    color: #5738ff6b;
    padding-left: 1rem;
}

.order-box .content del.order-price-discount.p.old {
    color: #B1B1B1;
    font-size: 12px;
    padding-left: 0.2rem;
    font-weight: 500;
}
/*fix-error-captcha*/
.recaptcha-container.form-group .error {display: block!important;}

.modal.modal-form-lead {
	padding: 0;
	margin: 0;
}

.modal.modal-form-lead .modal-close {
	z-index: 2;
	padding: 0;
}

.modal-form-lead #footer {
	display: none;
}

.modal.modal-form-lead .autocomplete {
	width: 100%;
}

.ui-widget-content.ui-autocomplete {
	z-index: 99999999;
	border-radius: 6px;
	border: 1px solid #c2cddd;
	padding: 0;
}
.ui-widget-content.ui-autocomplete li.ui-menu-item {
	padding: 0;
	line-height: 25px;
	font-family: Roobert ENEL,Avenir,Arial,sans-serif;
	font-weight: 400;
}
.ui-widget-content.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper {
	border: none;
	padding: 16px 15px;
}
.ui-widget-content.ui-autocomplete li.ui-menu-item .ui-menu-item-wrapper.ui-state-active {
	background-color: rgba(0, 0, 0, 0.03);
}

body .ui-menu:before {
	display: none;
}
/*
.form-group {
	float: left;
	width: 100%;
}*/
.form-control.error,
.selectr-selected.error {
	display: block;
	border: 2px solid #ff006e;
	font-size: .75rem;
	line-height: 1.2rem;
	margin: 0;
}
.multi-check-boxes .m_checkboxes label.check-label.invalid .check {
    border-color: #ff006e;
}
.selectr-selected.invalid {
    border-color: #ff006e;
}
/*newsletter*/
.newsletter form[name='subscribe_form'] .form-control.error {
	height: 40px;
	border-radius: 5rem;
}
@media only screen and (min-width: 768px) {
	
	/*newsletter*/
	.newsletter form[name='subscribe_form'] .form-control.error {
		border-radius: 5rem 0 0 5rem;
	}
}
.selectr-container.error {
	display: block;
}
.selectr-container.error .selectr-selected {
	border: 2px solid #ff006e;
}
label.error,
.form-group label.error {
	color: #ff006e;
	text-align: left;
	padding: 10px 0 0;
	/* float: right; */
	min-height: 0;
	margin: 0;
	/* font-size: .75rem;
	line-height: 1.2rem; */
}
.multi-check-boxes label.error{
	font-size: .6rem;
	display: block !important;
	padding-top: 0;
	padding-bottom: 1rem;
}
.check-label ~ label.error {
	padding: 0;
}
.radio-item .input-radio.error,
label.check-label .check.error {
	margin: 0 15px 0 0;
	border-color: #ff006e;
}
.radio-item .input-radio.error:before,
label.check-label .check.error:before {
	border-color: #ff006e;
}
label.check-label span, .raee-check-label span {
	margin-bottom: 5px;
}
label.check-label .check.error ~ span {
	margin-bottom: 0;
}

.single-product-head .actions .form-lead-text .contact-us {
	max-width: none;
}
.form-lead-text {
	max-width: calc(100% - 6.1rem);
}
.form-lead-button {
	width: auto;
}
.form-lead-button.cq-Editable-dom {
	width: 100%;
}

.choices {
	margin: 0;
}

/*form ald*/
.card .aldForm {
	margin-top: 1rem;
}