.form-signin,
.form-signup,
.form-passwordChange,
.form-payment,
.form-pay {
    display: flex;
    min-height: 100vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #e8e8e8;
}

.form-signin .icon-logo,
.form-signup .icon-logo,
.form-passwordChange .icon-logo,
.form-payment .icon-logo,
.form-pay .icon-logo {
    color: #554A8A;
}

.form-signin .wrapper,
.form-signup .wrapper,
.form-passwordChange .wrapper,
.form-payment .wrapper,
.form-pay .wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 500px;
    padding-top: 4rem;
    padding-bottom: 6rem;
}

.form-signin .wrapper .title,
.form-signup .wrapper .title,
.form-passwordChange .wrapper .title,
.form-payment .wrapper .title,
.form-pay .wrapper .title {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
}

.form-signin .form-header h1,
.form-signup .form-header h1,
.form-passwordChange .form-header h1,
.form-payment .form-header h1,
.form-pay .form-header h1 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3;
}

.form-signin form,
.form-signup form,
.form-passwordChange form,
.form-payment form,
.form-pay form {
    width: 100%;
}

.form-signin form fieldset,
.form-signup form fieldset,
.form-passwordChange form fieldset,
.form-payment form fieldset,
.form-pay form fieldset {
    display: flex;
    flex-wrap: wrap;
}

.form-signin form fieldset input,
.form-signin form fieldset textArea,
.form-signup form fieldset input,
.form-signup form fieldset textArea,
.form-passwordChange form fieldset input,
.form-passwordChange form fieldset textArea,
.form-payment form fieldset input,
.form-payment form fieldset textArea,
.form-pay form fieldset input,
.form-pay form fieldset textArea {
    border: none;
}

.form-signin form fieldset .field,
.form-signup form fieldset .field,
.form-passwordChange form fieldset .field,
.form-payment form fieldset .field,
.form-pay form fieldset .field {
    width: 100%;
    margin: 0 0 1rem;
}

.form-signin form .btn-toolbar,
.form-signup form .btn-toolbar,
.form-passwordChange form .btn-toolbar,
.form-payment form .btn-toolbar,
.form-pay form .btn-toolbar {
    margin-top: 1rem;
}

.form-signin form .btn-toolbar input,
.form-signup form .btn-toolbar input,
.form-passwordChange form .btn-toolbar input,
.form-payment form .btn-toolbar input,
.form-pay form .btn-toolbar input {
    margin-bottom: 0.75rem;
    width: 100%;
}

.form-signin form .btn-toolbar p,
.form-signup form .btn-toolbar p,
.form-passwordChange form .btn-toolbar p,
.form-payment form .btn-toolbar p,
.form-pay form .btn-toolbar p {
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.form-signin form .btn-toolbar p:hover,
.form-signup form .btn-toolbar p:hover,
.form-passwordChange form .btn-toolbar p:hover,
.form-payment form .btn-toolbar p:hover,
.form-pay form .btn-toolbar p:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-underline-offset: 1px;
}

.form-pay form fieldset {
    display: block;
}


.quotation-successful,
.payment-successful,
.payment-error {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.quotation-successful .logo,
.payment-successful .logo,
.payment-error .logo {
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quotation-successful .logo svg,
.payment-successful .logo svg,
.payment-error .logo svg {
    height: 75px;
    width: 75px;
}

@media screen and (min-width: 768px) {
    .quotation-successful .logo svg,
    .payment-successful .logo svg,
    .payment-error .logo svg {
        height: 100px;
        width: 100px;
    }
}

.quotation-successful p,
.payment-successful p,
.payment-error p {
    font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
    .quotation-successful p,
    .payment-successful p,
    .payment-error p {
        font-size: 2rem;
    }
}

.quotation-successful p a,
.payment-successful p a,
.payment-error p a {
    font-size: 1.8rem;
}

@media screen and (min-width: 768px) {
    .quotation-successful p a,
    .payment-successful p a,
    .payment-error p a {
        font-size: 2rem;
    }
}

.success_text {
    font-size: 1rem;
}

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

.success_logo {
    margin-bottom: 1rem;
}