@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,700;0,800;1,400;1,500;1,700&display=swap');

/*tutto è alto e largo 100%*/
html {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
}
body {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
}
.rms-wizard .rms-container, form#formAvvisami {
   width: 100% !important;
    max-width: 100%;
    /* height: 100% !important; */
} 

body {
    background: /*#6bcdf1*/#fff;
    font-family: 'Poppins','Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    background-image: -o-linear-gradient(bottom, #e6e9f0, #eef1f5);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#e6e9f0), to(#eef1f5));
    background-image: linear-gradient(to top, #e6e9f0, #eef1f5);
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/*Progress bar*/
.rms-wizard .rms-step-section {
    padding: 0;
    border-bottom:none !important;
}
.rms-wizard .rms-multistep-progressbar li.rms-step {
    height: 24px;
}
.rms-wizard .rms-multistep-progressbar li.rms-step:before {
    display: none; 
}
.rms-wizard .rms-step-section .rms-multistep-progressbar li .step-icon {
	display: none;
}
.rms-wizard .rms-multistep-progressbar li.rms-step:after {
    height: 24px;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: -1;
    border-top: none;
    border-bottom: none;
	display: block !important;
}

.rms-wizard .rms-multistep-progressbar li.rms-step:first-child:after { /*la prima iniziava con 50% a sx, non so perché*/
    width: 100%;
    left: 0;
}
.rms-wizard .rms-multistep-progressbar li.rms-step:last-child:after {
    width: 100%;
}
.rms-wizard .rms-multistep-progressbar li.rms-step.completed-step:after {
    background-color: #006eba;
    border:none;
}

.rms-wizard .rms-multistep-progressbar li.rms-step .step-title:after {
   display: none;
}
.rms-wizard .rms-multistep-progressbar li.rms-step:not(.rms-current-step) .step-title {
    display: none;
}

.rms-wizard .rms-multistep-progressbar li.rms-step.rms-current-step:after {
    background-color: #006eba;
    border:none;
}
.rms-wizard .rms-multistep-progressbar li.rms-step.rms-current-step:not(:last-child):after {
    border-radius: 0 16px 16px 0;
}
.rms-wizard .rms-multistep-progressbar li.rms-step .step-title {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.28px;
    height: 24px;
        text-align: right !important;
    padding: 3px 16px 0 0 !important;
}


/*tutto il contenitore*/
.rms-wizard .rms-container {
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: 0;
}
.rms-wizard .rms-container .rms-content-section {
    max-width: 1024px;
    margin: 0 auto 16px;
	overflow: visible;
}

/*intro*/
.rms-wizard .rms-content-section .intro-step {
    text-align: center;
    margin-bottom: 32px; 
}

.rms-wizard .rms-content-section .intro-step h4 {
    font-size: 32px;
    font-weight: normal;
    line-height: 1.2;
    letter-spacing: 0.64px;
    text-align: center;
    color: #2cb7c5;
    display: block;
    margin: 40px auto 8px;
}
.rms-wizard .rms-content-section .intro-step img + h4 {
    margin-top: 0;
}
.rms-wizard .rms-content-section .intro-step p {
    font-size: 22px;
    font-weight: normal;
    line-height: 1.4;
    letter-spacing: 0.44px;
    color: #006eba;
    max-width: 810px;
    text-align: center;
    margin: 0 auto;
}


/*contenuto*/
.rms-wizard .rms-content-section .rms-content-title {
    background: transparent;
    margin-bottom: 8px;
}
.rms-wizard .rms-content-section .rms-content-title b {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #006eba;
}
.rms-wizard .rms-content-section .rms-content-title i {
    color: #2cb7c5;
	    margin-right: 8px;
}

.rms-wizard .rms-content-section .rms-content-body {
    border: none;
    background: transparent;
	padding-bottom: 40px;
}

/*campi input*/
.rms-wizard .inpt-control {
    height: 56px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-bottom: 3px solid #ccc;
}
.rms-wizard .inpt-control.input-error {
    border-bottom-color: #d0021b;
}

.rms-wizard .errors {
	width: 100%;
    display: block;
    position: absolute;
    bottom: -24px;
	color: #d0021b !important;
}

.rms-wizard .errors.privacyCheck,
.rms-wizard .errors.lettoprivacyCheck {
    position: relative;
    bottom: -6px;
    left: 40px;
}
.rms-wizard .errors.privacyCheck::before,
.rms-wizard .errors.lettoprivacyCheck::before {
    top: -9px;
    left: -26px;
}

/*.rms-wizard .errors:before {
	content: "\f06a";
    color: #d0021b !important;
    position: absolute;
    top: 13px;
    left: 82%;
    font-size: 22px;
}*/
.rms-wizard .errors:before {
	/*top: 13px; */
	content: "\f06a";
    color: #d0021b !important;
    position: absolute;
    right: 14%;
    left: inherit;
    font-size: 22px;
    top: -50px;
}
.rms-wizard select+.errors:before {
    left: inherit;
    right: 40px;
}
.rms-wizard .vuoto + .inpt-group .errors.empty {
    color: #006eba;
	display: block;
}
.rms-wizard .vuoto + .inpt-group .errors.empty::before {
    content: "\f06a";
    color: #006eba;
}

.alert-codice {
   /*background: rgba(254, 1, 1, .1);
    padding: 10px;
    text-align: center;
    margin: 0 1.5%;*/
	color: #d0011b;
    padding: 0;
    text-align: left;
    margin: -8px 15px 0 !important;
    width: 97%;
}
.alert-codice i {
    font-size: 22px;
	-webkit-transform: translateY(2px);
	    -ms-transform: translateY(2px);
	        transform: translateY(2px);
}

/*dato che la validazione parte per tutti i campi non appena uno inizia a scrivere, mettiamo qualche paletto*/
/*border-bottom-color: #ccc !important;
border-bottom-color: #d0021b !important;
border-bottom-color: #2cb7c5 !important;*/

.inpt-form-group:not(.attivato) .inpt-control {
	border-bottom-color: #ccc !important;
}
.inpt-form-group:not(.attivato):not(.campo-non-ok) .inpt-group .errors {
	display: none;
} 

.inpt-control[disabled]+.errors {
    display: none;
}

.inpt-form-group.attivato.campo-non-ok .inpt-control {
	border-bottom-color: #d0021b !important;
}
 
/*.riassunto.form label.c-vuoto + .inpt-group .errors {
    display: block;
}*/


.rms-wizard .inpt-form-group {
    margin-bottom: 32px;
}

.inpt-form-group [type="checkbox"] {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    background-color:#2bb7c5/*#006eba*/;
    margin-right: 8px;
    margin-left: 8px;
    float: left;
    /*box-shadow: -4px 5px 13px rgba(0,0,0,.1) inset;*/
}
.inpt-form-group [type="checkbox"]:checked::before {
	content: "\e18f";
    color: /*#61b400*/ #fff;
    font-size: 16px;
    font-family: "exclusive-icon" !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    top: 4px;
    left: 5px;
    position: relative;
}
.inpt-form-group [type="checkbox"]+label {
    font-size: 16px !important;
    font-weight: normal;
    line-height: 1.3;
    letter-spacing: 0.32px;
    color: #343434;
    position: relative !important;
    left: inherit !important;
    top: inherit !important;
	width: calc(100% - 50px);
}

.select-arrow::before {
    content: "";
    display: block;
    position: absolute;
    top: 24px;
    right: 20px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 12px solid #2cb7c5;
}

/*comportamento input*/
.rms-wizard .inpt-form-group input:not([type="checkbox"]):not([type="radio"]),
.rms-wizard .inpt-form-group textarea {
    padding-top: 22px;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.32px;
    color: #575757 !important;
    padding: 24px 8px 8px 24px;
}

.rms-wizard .inpt-form-group select {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.32px;
    color: #808080;
	padding-left: 24px;
}


input[disabled], select[disabled], textarea[disabled] {
    opacity: 0.4;
	color:#b5b5b5;
}
label.disab {
    opacity: 0.4;
}

input:focus, textarea:focus, select:focus {
    outline: none; /*brutto alone blu*/
}

/*funzionamento labels*/
.rms-content-body .inpt-form-group label.c-vuoto:not(.ha-focus) {
	position:absolute;
	left: 39px; /*le col- hanno 15px padding... + 24*/
	color:#808080;
	-webkit-transition: all .08s ease-in;
	-o-transition: all .08s ease-in;
	transition: all .08s ease-in;
	z-index: 1;
	top: 16px;
    font-size: 16px;
}
.rms-content-body .inpt-form-group label.ha-focus:not(.c-vuoto) {
	position:absolute;
	top: 8px;
	left: 39px; /*le col- hanno 15px padding... + 24*/
    font-size: 12px;
	color:#808080;
	-webkit-transition: all .08s ease-in;
	-o-transition: all .08s ease-in;
	transition: all .08s ease-in;
	z-index: 1;
}
.rms-content-body .inpt-form-group label:not(.ha-focus):not(.c-vuoto) {
	position:absolute;
	top: 8px;
	left: 39px; /*le col- hanno 15px padding... + 24*/
    font-size: 12px;
	color:#808080;
	-webkit-transition: all .08s ease-in;
	-o-transition: all .08s ease-in;
	transition: all .08s ease-in;
	z-index: 1;
}
.rms-content-body .inpt-form-group label.ha-focus:not(.c-vuoto) + .inpt-group .inpt-control {
	border-bottom: 3px solid #2cb7c5;
}

.inpt-form-group:not(.attivato) label.ha-focus + .inpt-group > .inpt-control:not(.input-error) { 
    border-bottom-color: #2cb7c5 !important;
}

.rms-content-body .inpt-form-group label.is-select {
    display: none;
}

/*.inpt-form-group.campo-non-ok > label {
    color: #d0011b !important;
}*/

.inpt-group input {
    width: 90% !important;
    display: inline !important;
}
.inpt-group:hover input {
    background: #fafafa;
}


/*tooltiip*/
.inpt-group.tooltip i {
    float: right;
    cursor: pointer;
    position: absolute;
    top: 0;
	left: 92%;
    width: 7%;
    max-width: 32px;
	min-width: 28px;
    height: 56px;
    background-image: url(../../../img/ic-info.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
	
}

.inpt-group.tooltip .tooltip-cont {
        position: absolute;
    bottom: 100%;
    right: -16px;
    height: auto;
    -webkit-box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.2);
    background-color: #006eba;
    font-size: 14px; 
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: normal;
    letter-spacing: 0.28px;
    color: #ffffff;
    padding: 24px 16px 16px;
    border-radius: 5px;
    z-index: 1;
	display: none;
}
.tooltip-cont img {
    width: 100%;
}
.inpt-group.tooltip .toolAct::before {
	content: "";
    display: block; 
    position: absolute;
    top: 0;
    right: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 22px solid #006eba;
}
.tooltip-cont .ei-close {
   position: absolute;
    top: 8px;
    right: 8px;
    cursor: pointer;
    z-index: 10;
}


/*Riassunto*/
.row.edit-data {
    border: solid 1px #d9d9d9;
    padding: 24px;
    margin: 16px;
}
.row.edit-data.on {
    border: solid 3px #fcc433;
}
.campi-dati .dato {
   padding-bottom: 8px;
}
.campi-dati>.dato:nth-child(4):not(:last-child)::before { /*nel condominio c'è una striscia vagante*/
    display: none;
}
.campi-dati h5 {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    letter-spacing: 0.36px;
    color: #2cb7c5;
	margin: 0;
}
.campi-dati p {
    font-size: 20px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.4px;
    color: #4d4d4d;
	margin: 0;
}
.edit-campi {
    float: right; 
}
.edit-campi>span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.28px;
    color: #006eba;
    text-decoration: underline;
	cursor: pointer;
}
.edit-campi:not(.on) .salva {
    display: none;
}
.edit-campi.on .modifica {
    display: none;
}
.edit-campi.on i {
    color: #fcc433 !important;
}


/*Footer*/
.rms-wizard .rms-footer-section {
    bottom: 0;
    width: 100%;
    background: #fcc433;
    padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.rms-footer-section #loSaiChe {
	float: left;
	font-size: 16px;
    font-weight: normal;
    font-style: italic;
    line-height: 1.2;
    color: #024e83;
	padding: 8px;
	height:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;    
	-webkit-box-align: center;    
	    -ms-flex-align: center;    
	        align-items: center;
}
.rms-wizard .rms-footer-section .button-section {
    float: right;
}

.rms-wizard .rms-footer-section .button-section .prev,
.rms-wizard .rms-footer-section .button-section .next,
.rms-wizard .rms-footer-section .button-section .submit {
    width: 50%;
    display: block;
    margin: 0;
    padding: 0;
}

.rms-wizard .rms-footer-section .button-section .prev {
	float: left;
}
.rms-wizard .rms-footer-section .button-section .next {
    float: right;
}

.rms-wizard .rms-footer-section .button-section .btn {
    display: block !important;
    border: none;
    background-image: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 64px !important;
    padding: 25px 10px;
    font-size: 16px;
    letter-spacing: 1.5px;
    text-shadow: none;
    font-weight: 600;
    width: 100%;
    line-height: 1;
    text-align: center;
}
.rms-wizard .rms-footer-section .button-section .prev .btn {
    color: #024e83;
	background-color: transparent;
}
.rms-wizard .rms-footer-section .button-section .next .btn {
    /* background: #2cb7c5;*/
    background: #005E75;
}
.rms-wizard .rms-footer-section .button-section .next:hover .btn {
	background: #006eba;
}

.rms-wizard .rms-footer-section .button-section .submit .btn {
    background: #006eba;
}
.rms-wizard .button-section .prev .btn:after,
.rms-wizard .button-section .next .btn:after,
.rms-wizard .button-section .submit .btn:after {
	display:none;
}

.rms-wizard .button-section .prev .btn:before,
.rms-wizard .button-section .next .btn:before,
.rms-wizard .button-section .submit .btn:before {
	display:none;
}

.rms-wizard .button-section .btn .ei {
    position: relative;
    top: 2px;
    margin-top: -2px;
}


/*riprendo menu e footer della landing*/
header#menu {
    height: 80px;
    background: #fff;
    border-bottom: 1px solid #ebeff3;
}
footer {
    background-color: #fff;
    color: /*#0092b5*/#005E75;
    
}
footer ul.link {
    float: right;
    padding: 0;
	margin-top: 19px;
    margin-bottom: 0;
}
footer ul.link li {
    float: left;
    margin-left: 20px;
    list-style: none;
    font-size: 18px;
    margin-bottom: 7px;
}
footer ul.link a {
    color: /*#0092b5*/#005E75;
}



/*===================== MEDIA Q =====================*/
@media (min-width:1200px) {
	.rms-footer-section #loSaiChe {
		width:65%
	}
	.rms-wizard .rms-footer-section .button-section {
		width:35%
	}
	.inpt-group.tooltip .tooltip-cont.full {
		width: 660px;
		right: -20% !important;
	}
	.inpt-group.tooltip .tooltip-cont.full::before {
		right: 15%;
	}
}

@media (min-width:992px) and (max-width:1199px) {
	.inpt-group.tooltip .tooltip-cont.full {
		width: 700px;
	}
	.inpt-group.tooltip .tooltip-cont.full::before {
		right: 6%;
	}
	input#CodiceAnagrafico~.tooltip-cont {
		left: 0;
	}
}

@media (min-width:992px) {
	
	.campi-dati {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.campi-dati::before {
		display: none;
	}	
	.campi-dati .dato {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: auto;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-flex: 1;
		    -ms-flex: 1 0 auto;
		        flex: 1 0 auto;
	}
	
	.campi-dati .dato:not(:last-child)::before {
		content: "";
		width: 1px;
		height: 100%;
		background: #ccc;
		display: block;
		position: absolute;
		right: 35px;
		top: 0px;
	}
	
	.dati-anagrafici .campi-dati .dato {
		-ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
	}
	.dati-anagrafici .campi-dati .dato:nth-child(2)::before {
		display:none;
	}
	.dati-anagrafici .campi-dati .dato {
		padding-bottom: 24px;
	}
	
    #labelCondominio>.campi-dati>.dato:first-child, 
	#labelCondominio>.campi-dati>.dato:nth-child(4) {
		min-width: 271px;
	}
}

@media (min-width:768px) and (max-width:1199px) {
	.rms-footer-section #loSaiChe {
		width:50%;
		font-size: 14px;
	}	
	.rms-wizard .rms-footer-section .button-section {
		width:50%
	}
}
	
@media (min-width:768px) and (max-width:991px) {
	.tooltip-cont.full {
		width: 730px;
	}
	input#CodiceAnagrafico~.tooltip-cont {
		left: 0;
	}
	#FormIntestatario input#CodiceAnagrafico~.tooltip-cont {
		left: -22.5%;
	}
	#FormIntestatario input#CodiceServizio~.tooltip-cont {
		right: -25%;
	}
}

@media (min-width:768px) {
	 .rms-form-wizard .rms-content-section {min-height:510px}
	
	.rms-wizard .rms-content-section .intro-step img {
		max-width: 168px;
		padding:8px;
	}
	
	
	.rms-wizard .rms-footer-section.fissato {
		position: fixed;
	}
	/*.rms-wizard .rms-container .rms-content-section.fissato {
		margin: 0 auto 150px;
	}*/
}

@media (max-width:767px) {
	.row:not(.edit-data):before,
	.row:not(.edit-data):after {
		display: none;
	}
	
	.rms-footer-section #loSaiChe {
		width:100%;
		font-size:13px;
		display: none;
	}
	
	.rms-wizard .rms-footer-section .button-section {
		width:100%;
		float: none;
	}
	.rms-footer-section .button-section > span {
		width: 50% !important;
	}
	.rms-wizard .rms-footer-section .button-section .btn {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		padding: 21px 8px;
		margin: /*8px 0 0 0*/ 0;
		height:56px !important;
	}
	
	.rms-wizard .rms-content-section .rms-content-body {
		padding: 8px;
	}
	
	.rms-wizard .rms-content-section .intro-step {
		margin-bottom: 8px;
	}
	.rms-wizard .rms-content-section .intro-step h4 {
		font-size: 24px;
		margin: 24px auto 8px;
	}
	.rms-wizard .rms-content-section .intro-step p {
		font-size: 16px;
		margin-bottom: 8px;
	}
	.intro-step img {
		max-width: 88px;
	}
	
	.rms-wizard .inpt-form-group {
		margin-bottom: 24px;
	}
	.rms-wizard .rms-content-section .rms-content-title {
		margin-bottom: 0;
    	padding-bottom: 0;
		padding-top: 8px;
	}
	
	.rms-content-title .leftside-title + p {
		font-size: 13px !important;
	}
	
	
	/*riassunto*/
	.row.edit-data {
		padding: 16px;
		margin: 8px;
	}
	.dato {
		width:100%;
	}
	footer ul.link li {
		font-size:15px
	}
}

@media (min-width:571px) and (max-width:767px) {
	footer {
		padding:8px 0 !important;
	}
	footer .col-sm-4 {
		width: 40%;
	}
	footer .col-sm-8 {
		width: 60%;
	}
}
@media (max-width:650px) {
	
}

@media (max-width:570px) {
	footer {
		padding:8px 0 !important;
	}
	footer ul.link {
		display: block;
		width: 316px;
		margin: 0 auto;
		padding: 0;
		    float: none;
	}
	footer ul.link li {
		font-size:15px;
		margin: 0 10px;
	}
	footer .copyright {
		text-align: center;
		margin: 4px 0;
		font-size: 14.25px;
	}
	footer .copyright br {
		display: none;
	}
}

@media (min-width:481px) {
	.rms-footer-section #loSaiChe {
		padding: 8px 8px 8px 16px;
	} 
}

@media (max-width:480px) {
	.rms-wizard .rms-multistep-progressbar li.rms-step .step-title {
		padding:3px 0px 0 0 !important;
	}
	.inpt-group .tooltip-cont {
		width: 97vw;
	}
	.row.edit-data {
		padding: 8px 0 4px;
    	margin: 4px 4px 16px;
	}
	.campi-dati h5 {
		font-size: 16px;
	}
	.campi-dati p {
		font-size: 18px;
	}
	
	.rms-wizard .rms-footer-section .button-section .btn {
		margin-top:0;
	}
}


@media only screen and (max-width:480px) and (min-height:690px) {
	.rms-wizard .rms-footer-section {
		/*position: fixed;*/
	}
}