html, body {
    height: 100%;
}
body {
    font-family: 'Poppins', sans-serif;
}
#background-wrapper {
    background-color: #aab9af;

}

#background-wrapper, #background-image {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

#background-image {
    opacity: 0.1;
    background-image:url('../public/bg.jpg');
}
.logo {
    width: 12rem;
}
@media (max-width: 200px) {
    .logo {
        max-width: 90%;
    }
}
#bt_vaiAlModulo{
    background-color: #175047;
    border: 0 none;
    font-family: 'Poppins', sans-serif;
    color: #f2ebd1;
    padding: 0.6rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1.2rem;
    margin-top: 1rem;
}
.intl-tel-input {
    display: block;
    width: 100%;
}
.intl-tel-input input {
    width: 100%;
}
/* Garantisce che il messaggio (small) appaia su una nuova riga */
.mb-3 > small {
    display: block;
    margin-top: 0.25rem;
}
.bg-verde-istituzionale {
    background-color: #aab9af;
}
.bg-giallo-istituzionale {
    background-color: #f2ebd1;
}
.titolo {
    font-size: 2rem;
    font-weight: 700;
    color: #175047;
}
p {
    color: #175047;
}
.paragrafo {
    font-size: 2rem;
    text-align: center;
    color: #175047;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    margin-top: 2rem;
}
.text-verdeScuro-istituzionale {
    color: #175047;
}
.input {
    background-color: transparent !important;
    border: 0.07rem solid #aab9af;
    box-shadow: none;
}
input:-webkit-autofill {
    background-color: transparent !important;
    box-shadow: none !important;
    transition: background-color 5000s ease-in-out 0s !important;
    border: 0.07rem solid #aab9af !important;
}
input:-moz-autofill {
    background-color: transparent !important;
    box-shadow: none !important;
    transition: background-color 5000s ease-in-out 0s !important;
    border: 0.07rem solid #aab9af !important;
}
input:-ms-autofill {
    background-color: transparent !important;
    box-shadow: none !important;
    transition: background-color 5000s ease-in-out 0s !important;
    border: 0.07rem solid #aab9af !important;
}
.iti {
    width: 100%;
}
.select2-selection {
    background-color: transparent !important;
    border: 0.07rem solid #aab9af !important;
    box-shadow: none !important;
    height: 2.22rem !important;
    padding-top: 0.2rem !important;
}
.select2-selection__arrow {
    margin-top: 0.2rem;
}
.select2-selection__arrow b {
    border-color: #175047  transparent transparent transparent !important;
}
.form-control {
    background-color: transparent;
    border: 0.07rem solid #aab9af;
    box-shadow: none;
    border: 0 none;
}
p {
    text-align: center;
}

#payment-request-button {
	width: 6rem;
	margin:auto;
}

#card-element{
    height: 2.23rem;
    padding: 0.55rem;
    background-color: transparent;
    border: 0.07rem solid #aab9af;
    box-shadow: none;
    border-radius: 0.25rem;
    width: 100%;
	margin-bottom: 0.5rem;
}

#card-button {
	background-color: #175047;
    border: 0 none;
    font-family: 'Poppins', sans-serif;
    color: #f2ebd1;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1.2rem;	
    width: 100%;
    height: 2.23rem;
    text-align: center;
}
#payment-message {
    margin-top: 3rem;
}