.r9-eloqua-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
    color: #676b73;
    width: 100%;
}

.r9-eloqua-form .form-action {
    text-align: center;
    margin-top: 20px;
}

.r9-eloqua-form .form-action .form-error {
    color: rgba(218,55,67,1);
    padding: 10px;
}

.r9-eloqua-form .form-action .form-error:empty {
    display: none;
}

.r9-eloqua-form .form-field {
    border: 1px #e0e0e0 solid;
    border-radius: 3px;
    margin: 5px 0;
    padding: 10px;
    width: 100%;
}

.r9-eloqua-form .form-field label {
    width:100%;
}

.r9-eloqua-form .form-field label .form-required {
    color: rgba(218,55,67,1);
}
.r9-eloqua-form .form-field label .form-error {
    float: right;
    text-align: right;
    font-size: 70%;
    color: rgba(218,55,67,1);
}

.r9-eloqua-form .form-field input[type=text],
.r9-eloqua-form .form-field input[type=email],
.r9-eloqua-form .form-field select {
    border:none;
    padding:5px 10px;
    width:100%;
}
.r9-eloqua-form .form-field input:invalid,
.r9-eloqua-form .form-field select:invalid {
    outline-color: rgba(218,55,67,1);
}

.r9-eloqua-form .form-field .message {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

.r9-eloqua-form .form-field,
.r9-eloqua-form .form-unsupported,
.r9-eloqua-form .form-action {
    flex-basis: 100%;
}

@media screen and (min-width: 768px) {
    .r9-eloqua-form.two-column .form-field,
    .r9-eloqua-form.two-column .form-unsupported {
        flex-basis: calc(50% - 20px);
    }
}

.r9-eloqua-form .form-action {
    flex-basis: 100%;
}

.r9-eloqua-form button[disabled] {
    -webkit-animation: pulse 3s infinite ease-in-out;
    -o-animation: pulse 3s infinite ease-in-out;
    -ms-animation: pulse 3s infinite ease-in-out;
    -moz-animation: pulse 3s infinite ease-in-out;
    animation: pulse 3s infinite ease-in-out;
}

@-webkit-keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

.r9-eloqua-form-animate.show {
    -webkit-animation-name: r9ef-toggle-expand;
    animation-name: r9ef-toggle-expand;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}

.r9-eloqua-form-animate.hide {
    -webkit-animation-name: r9ef-toggle-collapse;
    animation-name: r9ef-toggle-collapse;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


@-webkit-keyframes r9ef-toggle-expand {
    0% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
    100% {
        max-height: 1000px;
        padding-top: 12px;
        padding-bottom: 12px;
        opacity: 1;
    }
}

@keyframes r9ef-toggle-expand {
    0% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
    100% {
        max-height: 1000px;
        padding-top: 12px;
        padding-bottom: 12px;
        opacity: 1;
    }
}

@-webkit-keyframes r9ef-toggle-collapse {
    0% {
        max-height: 1000px;
        padding-top: 12px;
        padding-bottom: 12px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
}

@keyframes r9ef-toggle-collapse {
    0% {
        max-height: 1000px;
        padding-top: 12px;
        padding-bottom: 12px;
        opacity: 1;
    }
    100% {
        max-height: 0;
        padding-top: 0;
        padding-bottom: 0;
        opacity: 0;
    }
}