/* Intervening Page */
/* Requires variables_1.0.css */
/* Reference Module RiInstallationAddress */
/* Reference HTML
<div class="container">
    <div id="gate_wrapper" class="gate">
        <div class="text-center">
        </div>
        <form action="https://9b3242bea4.nxcli.io/installation/index/validate/" method="post" id="gate_form" enctype="multipart/form-data" autocomplete="off" novalidate="novalidate">
            <div id="extra_fields_wrapper" class="row justify-content-center align-items-center">
                <div class="gate-address-wrapper col-md-6">
                    --form fields--
                    <div class="row">
                        <div class="col-12 submit">
                            <input id="btn_submit" class="btn btn-primary btn-lg btn-block" type="submit" value="Enter">
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
*/



.installation-index-index div#extra_fields_wrapper {
    width: calc(100% - 4rem);
    margin: 4rem auto;
    max-width: 50rem;
    background: #eeeeee;
    padding: 2rem;
}

.installation-index-index .fieldset > legend.legend {
    margin: 0 auto 2rem auto;
    text-align: center;
    display: block;
    font-weight: bold;
}

.installation-index-index input#btn_submit {
    background: var(--color-button-background);
    border: 1px solid var(--color-button-background);
    color: var(--color-button-text);
    font-weight: var(--font-weight-bold);
    transition: all 0.25s ease;
    padding: 1rem 2rem;
}

.installation-index-index input#btn_submit:hover {
    background: var(--color-button-background-hover);
    border: 1px solid var(--color-button-border-hover);
    color: var(--color-button-text-hover);
}