﻿main .icon-wrapper {width: 100%; max-width: 150px; margin: 0 auto}
main .button {background-color: #666; padding: 1rem; border-radius: 0px; color: #fff; display: inline-block}
main .button:hover {background-color: #333}
main .button a {color: #fff;}
main .scelta-wrapper {padding: 1rem; text-align: center; margin: 1rem auto}
main .scelta-wrapper h2 {text-align: center}
main .scelta-wrapper p {margin: 0 auto 0.5rem;}
main .scelta-wrapper:last-of-type {margin-top: 3rem}

#registrazione {margin: 5rem auto 0}
#partitaIVA-wrappper {padding: 0 1rem; margin: 0 auto; max-width: 35rem}
#partitaIVA-wrappper *{display: block; margin: 0.25rem auto}
#partitaIVA-wrappper .lbl {width: 100%;}
#partitaIVA-wrappper .txtbox {width: 100%; padding: 0.25rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Roboto, sans-serif serif; font-size: 1rem;}
#partitaIVA-wrappper .button {font-family: Roboto, sans-serif serif; font-size: 1rem; border: 0; cursor: pointer}
#partitaIVA-wrappper .btn-GO {margin-top: 1rem}

.form-registrazione-wrapper {margin: 3rem auto 3rem; width: 100%}
.form-registrazione-wrapper .form-single-wrapper {margin-top: 1rem; width: 100%}
.form-registrazione-wrapper .form-single-wrapper:first-of-type {margin-top: 0}
.form-registrazione-wrapper .validation-wrapper {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 100%; width: 1rem; text-align: right; overflow: hidden; padding-right: 0.25rem}
.form-registrazione-wrapper .lbl-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex}
.form-registrazione-wrapper .txtbox-wrapper {width: 100%;}
.form-registrazione-wrapper .lbl, .form-registrazione-wrapper .txtbox, .form-registrazione-wrapper .droplist {width: 100%; padding: 0.25rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Roboto, sans-serif; font-size: 1rem; color: #666}
.form-registrazione-wrapper .lbl {padding: 0}
.avviso-obbligatori-rosso {color: red; font-weight: 700}
.form-registrazione-wrapper .form-buttons-wrapper {margin-top:1rem}
.form-registrazione-wrapper .form-single-button-wrapper {display: inline-block;}
.form-registrazione-wrapper .form-single-button-wrapper:last-of-type {margin-left: 1rem}
.form-registrazione-wrapper .button {padding: 1rem; border-radius: 0px; color: #fff; font-family: Roboto, sans-serif; font-size: 1rem; color: #fff; border: 0; cursor: pointer}
.form-registrazione-wrapper .form-buttons-wrapper .form-single-button-wrapper .button-registra {background-color: #4CAF50}
.form-registrazione-wrapper .button:hover {background-color: #333 !important}

#risultato .img-wrapper, #risultatoIVAEsist .img-wrapper {width: 100%; max-width: 15rem; margin: 0 auto 3rem}
#risultato .btn-wrapper, #risultatoIVAEsist .btn-wrapper {margin: 3rem auto 0}

.problemi-registrazione-wrapper {margin: 1rem auto 0; max-width: 60rem; padding: 1rem; box-sizing: border-box}
.contattaci-text-link {font-weight: bold; text-decoration: underline}


/* responsive */
@media all and (min-width: 350px) {
}

@media all and (min-width: 500px) {
	.form-registrazione-wrapper .form-single-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; text-align: right}
	.form-registrazione-wrapper .lbl-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; width: 12rem; text-align: right; margin: 0 1rem 0 0;}
	.form-registrazione-wrapper .lbl {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center; width: unset}
	.form-registrazione-wrapper .txtbox-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-line-pack: center; align-content: center; }
	.form-registrazione-wrapper .txtbox {-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center}
}


@media all and (min-width: 750px){
	.form-registrazione-wrapper {border: 2px solid #666; border-radius: 0px; padding: 2rem 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 40rem}
	.form-registrazione-wrapper .form-condizioni {text-align: center}
}


@media all and (min-width: 900px){
	.form-registrazione-wrapper {padding: 2rem; max-width: 45rem}
}