.btn-extended-line-height {
    line-height: 110%;
}

.change-screen-animation {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transtion: all .5s;
}

.form-container-v2 {
    padding: 3rem;
    color: #59575c;
    width: auto;
    margin: auto;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: left;
}

@media (max-width:768px) {
    .form-container-v2 {
        padding: 2rem;
    }
}

.panel-wrap .form-container-v2 {
    padding: 1rem;
}

.form-container-v2 *, .form-container-v2 :after, .form-container-v2 :before {
    box-sizing: border-box;
}

.form-container-v2 .section {
    position: relative;
    margin-bottom: 10px;
}

    .form-container-v2 .section > div {
        width: auto;
    }

    .form-container-v2 .section input:active, .form-container-v2 .section input:focus, .form-container-v2 .section select:active, .form-container-v2 .section select:focus, .form-container-v2 .section textarea:active, .form-container-v2 .section textarea:focus {
        outline: none;
    }

    .form-container-v2 .section label {
        pointer-events: none;
        margin: auto;
        padding: 0;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        letter-spacing: normal;
        text-align: left;
    }

.sfdc-form-night.sfdc-form-open .form-container-v2 .section label {
    color: #fff;
}

.form-container-v2 [type=submit] {
    border: none;
}

.form-container-v2 .sfdc-form-adaptive-label input::-ms-input-placeholder, .form-container-v2 .sfdc-form-adaptive-label textarea::-ms-input-placeholder {
    color: transparent;
}

.form-container-v2 .sfdc-form-adaptive-label input::-moz-placeholder, .form-container-v2 .sfdc-form-adaptive-label textarea::-moz-placeholder {
    color: transparent;
}

.form-container-v2 .sfdc-form-adaptive-label input::-webkit-input-placeholder, .form-container-v2 .sfdc-form-adaptive-label textarea::-webkit-input-placeholder {
    color: transparent;
}

.form-container-v2 .sfdc-form-adaptive-label input::placeholder, .form-container-v2 .sfdc-form-adaptive-label textarea::placeholder {
    color: transparent;
}

.form-container-v2 .type-captcha {
    margin-bottom: 0;
    max-width: 304px;
    float: left;
}

    .form-container-v2 .type-captcha:after, .form-container-v2 .type-captcha:before {
        content: " ";
        display: table;
    }

    .form-container-v2 .type-captcha:after {
        clear: both;
    }

    .form-container-v2 .type-captcha .g-recaptcha {
        margin-bottom: 10px;
    }

@media screen and (max-width:320px) {
    .form-container-v2 .type-captcha .g-recaptcha {
        transform: scale(.83);
        transform-origin: 0 0;
    }
}

.form-container-v2 .type-captcha .g-recaptcha ~ .error-msg {
    display: none;
    position: relative;
    height: auto;
    vertical-align: middle;
    line-height: 1;
    font-size: 13px;
    padding: 10.5px 12px;
}

    .form-container-v2 .type-captcha .g-recaptcha ~ .error-msg:after {
        content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error-white.svg);
        width: 22px;
        height: 22px;
        top: calc((100% - 22px)/2);
        position: absolute;
        right: 3.5%;
    }

.sfdc-form-night .form-container-v2 .type-captcha .g-recaptcha ~ .error-msg:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error.svg);
}

.sfdc-form-small .form-container-v2 .type-captcha .g-recaptcha ~ .error-msg {
    padding: 8.5px 12px;
}

    .sfdc-form-small .form-container-v2 .type-captcha .g-recaptcha ~ .error-msg:after {
        width: 16px;
        height: 16px;
        top: calc((100% - 16px)/2);
    }

.sfdc-form-large .form-container-v2 .type-captcha .g-recaptcha ~ .error-msg {
    padding: 16px 12px;
}

    .sfdc-form-large .form-container-v2 .type-captcha .g-recaptcha ~ .error-msg:after {
        width: 30px;
        height: 30px;
        top: calc((100% - 30px)/2);
    }

.form-container-v2 .type-captcha .error.g-recaptcha {
    background: #f6e2e1;
    margin-bottom: 0;
}

    .form-container-v2 .type-captcha .error.g-recaptcha ~ .error-msg {
        display: block;
        background: #c23934;
        color: #fff;
    }

.sfdc-form-night .form-container-v2 .type-captcha .error.g-recaptcha ~ .error-msg {
    background: #fff;
    color: #c23934;
}

.form-container-v2 .type-captcha .error.g-recaptcha ~ .error-msg:after {
    display: block;
}

.form-container-v2 .submitButton {
    width: 100%;
    margin-top: 35px;
}

    .form-container-v2 .submitButton:after, .form-container-v2 .submitButton:before {
        content: " ";
        display: table;
    }

    .form-container-v2 .submitButton .submit {
        clear: none;
        display: block;
        width: auto;
    }

        .form-container-v2 .submitButton .submit.btn-center {
            margin-left: auto;
            margin-right: auto;
            float: none;
        }

        .form-container-v2 .submitButton .submit.btn-right {
            float: right;
        }

        .form-container-v2 .submitButton .submit.btn-full {
            width: 100%;
        }

.form-container-v2 .form-page-divider, .form-container-v2 form.paginated-form {
    display: none;
}

    .form-container-v2 form.paginated-form .paginatedFormControls {
        display: table;
        margin-bottom: 10px;
        width: 100%;
    }

        .form-container-v2 form.paginated-form .paginatedFormControls .paginated-form-controls, .form-container-v2 form.paginated-form .paginatedFormControls .paginated-form-status {
            display: table-cell;
        }

            .form-container-v2 form.paginated-form .paginatedFormControls .paginated-form-controls .btn-container {
                display: table-cell;
                padding: 10px 15px 10px 0;
                vertical-align: top;
            }

                .form-container-v2 form.paginated-form .paginatedFormControls .paginated-form-controls .btn-container:last-child {
                    padding-right: 0;
                }

        .form-container-v2 form.paginated-form .paginatedFormControls .paginated-form-status {
            text-align: right;
            vertical-align: middle;
        }

    .form-container-v2 form.paginated-form .final-page-content {
        clear: both;
        display: none;
    }

.form-container-v2 form.two-step .info-msg {
    color: #59575c;
    margin-top: 8px;
    opacity: 0;
    position: absolute;
    display: block;
    height: auto;
    -webkit-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.form-container-v2 form.two-step input:focus ~ .info-msg, .form-container-v2 form.two-step select:focus ~ .info-msg, .form-container-v2 form.two-step textarea:focus ~ .info-msg {
    color: #59575c;
    opacity: 1;
    position: relative;
}

.form-container-v2 .ajax-conf-content {
    display: none;
}

.form-container-v2 .sr-hidden {
    visibility: hidden!important;
    position: absolute!important;
    width: 0;
    height: 0;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    border: 0;
}

.selectFieldInput .field, .textAreaInput .field, .textFieldInput .field {
    border-radius: 4px;
    font-weight: 100;
}

    .selectFieldInput .field:after, .textAreaInput .field:after, .textFieldInput .field:after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .selectFieldInput .field .error-msg, .selectFieldInput .field .info-msg, .textAreaInput .field .error-msg, .textAreaInput .field .info-msg, .textFieldInput .field .error-msg, .textFieldInput .field .info-msg {
        font-size: 13px;
        font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
        font-weight: 400;
    }

    .selectFieldInput .field .error-msg, .textAreaInput .field .error-msg, .textFieldInput .field .error-msg {
        display: none;
        clear: both;
        width: 100%;
        height: 16px;
        color: #c23934;
    }

.sfdc-form-night .selectFieldInput .field .error-msg, .sfdc-form-night .textAreaInput .field .error-msg, .sfdc-form-night .textFieldInput .field .error-msg {
    color: #fff;
}

.selectFieldInput .field .placeholder, .textAreaInput .field .placeholder, .textFieldInput .field .placeholder {
    position: absolute;
    clear: both;
    left: 11px;
    right: 0;
    transition: all .2s ease;
    color: rgba(34,34,34,.5);
    font-weight: 100;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
    font-size: 22px;
    top: 30px;
}

.sfdc-form-small .selectFieldInput .field .placeholder, .sfdc-form-small .textAreaInput .field .placeholder, .sfdc-form-small .textFieldInput .field .placeholder {
    font-weight: 400;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    top: 25px;
}

.sfdc-form-large .selectFieldInput .field .placeholder, .sfdc-form-large .textAreaInput .field .placeholder, .sfdc-form-large .textFieldInput .field .placeholder {
    font-size: 30px;
}

.sfdc-form-open.sfdc-form-night .selectFieldInput .field .placeholder, .sfdc-form-open.sfdc-form-night .textAreaInput .field .placeholder, .sfdc-form-open.sfdc-form-night .textFieldInput .field .placeholder {
    color: hsla(0,0%,100%,.5);
}

.selectFieldInput .field .sfdc-form-open, .textAreaInput .field .sfdc-form-open, .textFieldInput .field .sfdc-form-open {
    border-radius: 0!important;
}

.selectFieldInput .field .info-msg, .textAreaInput .field .info-msg, .textFieldInput .field .info-msg {
    display: none;
    margin-top: 2px;
    height: 14px;
    width: 100%;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    color: #00a1e0;
}

.sfdc-form-night .selectFieldInput .field .info-msg, .sfdc-form-night .textAreaInput .field .info-msg, .sfdc-form-night .textFieldInput .field .info-msg {
    color: #fff;
}

.selectFieldInput input, .selectFieldInput select, .selectFieldInput textarea, .textAreaInput input, .textAreaInput select, .textAreaInput textarea, .textFieldInput input, .textFieldInput select, .textFieldInput textarea {
    width: 100%;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #9a8f87;
    box-shadow: none;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
    font-size: 22px;
    height: 49px;
}

    .selectFieldInput input:focus, .selectFieldInput select:focus, .selectFieldInput textarea:focus, .textAreaInput input:focus, .textAreaInput select:focus, .textAreaInput textarea:focus, .textFieldInput input:focus, .textFieldInput select:focus, .textFieldInput textarea:focus {
        outline: none;
        box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
        background-color: #e3f7ff;
    }

        .selectFieldInput input:focus ~ .info-msg, .selectFieldInput select:focus ~ .info-msg, .selectFieldInput textarea:focus ~ .info-msg, .textAreaInput input:focus ~ .info-msg, .textAreaInput select:focus ~ .info-msg, .textAreaInput textarea:focus ~ .info-msg, .textFieldInput input:focus ~ .info-msg, .textFieldInput select:focus ~ .info-msg, .textFieldInput textarea:focus ~ .info-msg {
            color: #215ca0;
            display: block;
        }

.sfdc-form-open .selectFieldInput input:focus ~ .info-msg:before, .sfdc-form-open .selectFieldInput select:focus ~ .info-msg:before, .sfdc-form-open .selectFieldInput textarea:focus ~ .info-msg:before, .sfdc-form-open .textAreaInput input:focus ~ .info-msg:before, .sfdc-form-open .textAreaInput select:focus ~ .info-msg:before, .sfdc-form-open .textAreaInput textarea:focus ~ .info-msg:before, .sfdc-form-open .textFieldInput input:focus ~ .info-msg:before, .sfdc-form-open .textFieldInput select:focus ~ .info-msg:before, .sfdc-form-open .textFieldInput textarea:focus ~ .info-msg:before {
    box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
}

.sfdc-form-open.sfdc-form-night .selectFieldInput input:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .selectFieldInput select:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .selectFieldInput textarea:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .textAreaInput input:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .textAreaInput select:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .textAreaInput textarea:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .textFieldInput input:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .textFieldInput select:focus ~ .info-msg:before, .sfdc-form-open.sfdc-form-night .textFieldInput textarea:focus ~ .info-msg:before {
    box-shadow: 0 3px 1px -1px rgba(0,161,224,.5);
}

.selectFieldInput input:focus:valid ~ .placeholder, .selectFieldInput input:focus ~ .placeholder, .selectFieldInput select:focus:valid ~ .placeholder, .selectFieldInput select:focus ~ .placeholder, .selectFieldInput textarea:focus:valid ~ .placeholder, .selectFieldInput textarea:focus ~ .placeholder, .sfdc-form-static-label .selectFieldInput input ~ .placeholder, .sfdc-form-static-label .selectFieldInput select ~ .placeholder, .sfdc-form-static-label .selectFieldInput textarea ~ .placeholder, .sfdc-form-static-label .textAreaInput input ~ .placeholder, .sfdc-form-static-label .textAreaInput select ~ .placeholder, .sfdc-form-static-label .textAreaInput textarea ~ .placeholder, .sfdc-form-static-label .textFieldInput input ~ .placeholder, .sfdc-form-static-label .textFieldInput select ~ .placeholder, .sfdc-form-static-label .textFieldInput textarea ~ .placeholder, .textAreaInput input:focus:valid ~ .placeholder, .textAreaInput input:focus ~ .placeholder, .textAreaInput select:focus:valid ~ .placeholder, .textAreaInput select:focus ~ .placeholder, .textAreaInput textarea:focus:valid ~ .placeholder, .textAreaInput textarea:focus ~ .placeholder, .textFieldInput input:focus:valid ~ .placeholder, .textFieldInput input:focus ~ .placeholder, .textFieldInput select:focus:valid ~ .placeholder, .textFieldInput select:focus ~ .placeholder, .textFieldInput textarea:focus:valid ~ .placeholder, .textFieldInput textarea:focus ~ .placeholder {
    top: 0;
    left: 0;
    font-size: 13px;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    color: #222;
}

.sfdc-form-night .selectFieldInput input:focus:valid ~ .placeholder, .sfdc-form-night .selectFieldInput input:focus ~ .placeholder, .sfdc-form-night .selectFieldInput select:focus:valid ~ .placeholder, .sfdc-form-night .selectFieldInput select:focus ~ .placeholder, .sfdc-form-night .selectFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-night .selectFieldInput textarea:focus ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .selectFieldInput input ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .selectFieldInput select ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .selectFieldInput textarea ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .textAreaInput input ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .textAreaInput select ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .textAreaInput textarea ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .textFieldInput input ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .textFieldInput select ~ .placeholder, .sfdc-form-night .sfdc-form-static-label .textFieldInput textarea ~ .placeholder, .sfdc-form-night .textAreaInput input:focus:valid ~ .placeholder, .sfdc-form-night .textAreaInput input:focus ~ .placeholder, .sfdc-form-night .textAreaInput select:focus:valid ~ .placeholder, .sfdc-form-night .textAreaInput select:focus ~ .placeholder, .sfdc-form-night .textAreaInput textarea:focus:valid ~ .placeholder, .sfdc-form-night .textAreaInput textarea:focus ~ .placeholder, .sfdc-form-night .textFieldInput input:focus:valid ~ .placeholder, .sfdc-form-night .textFieldInput input:focus ~ .placeholder, .sfdc-form-night .textFieldInput select:focus:valid ~ .placeholder, .sfdc-form-night .textFieldInput select:focus ~ .placeholder, .sfdc-form-night .textFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-night .textFieldInput textarea:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .selectFieldInput input:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .selectFieldInput input:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .selectFieldInput select:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .selectFieldInput select:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .selectFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .selectFieldInput textarea:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .selectFieldInput input ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .selectFieldInput select ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .selectFieldInput textarea ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .textAreaInput input ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .textAreaInput select ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .textAreaInput textarea ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .textFieldInput input ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .textFieldInput select ~ .placeholder, .sfdc-form-open.sfdc-form-night .sfdc-form-static-label .textFieldInput textarea ~ .placeholder, .sfdc-form-open.sfdc-form-night .textAreaInput input:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .textAreaInput input:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .textAreaInput select:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .textAreaInput select:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .textAreaInput textarea:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .textAreaInput textarea:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .textFieldInput input:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .textFieldInput input:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .textFieldInput select:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .textFieldInput select:focus ~ .placeholder, .sfdc-form-open.sfdc-form-night .textFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-open.sfdc-form-night .textFieldInput textarea:focus ~ .placeholder {
    color: #fff;
}

.sfdc-form-small .selectFieldInput input:focus:valid ~ .placeholder, .sfdc-form-small .selectFieldInput input:focus ~ .placeholder, .sfdc-form-small .selectFieldInput select:focus:valid ~ .placeholder, .sfdc-form-small .selectFieldInput select:focus ~ .placeholder, .sfdc-form-small .selectFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-small .selectFieldInput textarea:focus ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .selectFieldInput input ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .selectFieldInput select ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .selectFieldInput textarea ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .textAreaInput input ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .textAreaInput select ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .textAreaInput textarea ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .textFieldInput input ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .textFieldInput select ~ .placeholder, .sfdc-form-small .sfdc-form-static-label .textFieldInput textarea ~ .placeholder, .sfdc-form-small .textAreaInput input:focus:valid ~ .placeholder, .sfdc-form-small .textAreaInput input:focus ~ .placeholder, .sfdc-form-small .textAreaInput select:focus:valid ~ .placeholder, .sfdc-form-small .textAreaInput select:focus ~ .placeholder, .sfdc-form-small .textAreaInput textarea:focus:valid ~ .placeholder, .sfdc-form-small .textAreaInput textarea:focus ~ .placeholder, .sfdc-form-small .textFieldInput input:focus:valid ~ .placeholder, .sfdc-form-small .textFieldInput input:focus ~ .placeholder, .sfdc-form-small .textFieldInput select:focus:valid ~ .placeholder, .sfdc-form-small .textFieldInput select:focus ~ .placeholder, .sfdc-form-small .textFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-small .textFieldInput textarea:focus ~ .placeholder {
    font-size: 13px;
    top: 0;
}

.sfdc-form-large .selectFieldInput input:focus:valid ~ .placeholder, .sfdc-form-large .selectFieldInput input:focus ~ .placeholder, .sfdc-form-large .selectFieldInput select:focus:valid ~ .placeholder, .sfdc-form-large .selectFieldInput select:focus ~ .placeholder, .sfdc-form-large .selectFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-large .selectFieldInput textarea:focus ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .selectFieldInput input ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .selectFieldInput select ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .selectFieldInput textarea ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .textAreaInput input ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .textAreaInput select ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .textAreaInput textarea ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .textFieldInput input ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .textFieldInput select ~ .placeholder, .sfdc-form-large .sfdc-form-static-label .textFieldInput textarea ~ .placeholder, .sfdc-form-large .textAreaInput input:focus:valid ~ .placeholder, .sfdc-form-large .textAreaInput input:focus ~ .placeholder, .sfdc-form-large .textAreaInput select:focus:valid ~ .placeholder, .sfdc-form-large .textAreaInput select:focus ~ .placeholder, .sfdc-form-large .textAreaInput textarea:focus:valid ~ .placeholder, .sfdc-form-large .textAreaInput textarea:focus ~ .placeholder, .sfdc-form-large .textFieldInput input:focus:valid ~ .placeholder, .sfdc-form-large .textFieldInput input:focus ~ .placeholder, .sfdc-form-large .textFieldInput select:focus:valid ~ .placeholder, .sfdc-form-large .textFieldInput select:focus ~ .placeholder, .sfdc-form-large .textFieldInput textarea:focus:valid ~ .placeholder, .sfdc-form-large .textFieldInput textarea:focus ~ .placeholder {
    font-size: 15px;
}

.sfdc-form-small .selectFieldInput input, .sfdc-form-small .selectFieldInput select, .sfdc-form-small .selectFieldInput textarea, .sfdc-form-small .textAreaInput input, .sfdc-form-small .textAreaInput select, .sfdc-form-small .textAreaInput textarea, .sfdc-form-small .textFieldInput input, .sfdc-form-small .textFieldInput select, .sfdc-form-small .textFieldInput textarea {
    height: 32px;
    font-size: 15px;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
}

.sfdc-form-large .selectFieldInput input, .sfdc-form-large .selectFieldInput select, .sfdc-form-large .selectFieldInput textarea, .sfdc-form-large .textAreaInput input, .sfdc-form-large .textAreaInput select, .sfdc-form-large .textAreaInput textarea, .sfdc-form-large .textFieldInput input, .sfdc-form-large .textFieldInput select, .sfdc-form-large .textFieldInput textarea {
    height: 61px;
    font-size: 30px;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
}

.sfdc-form-closed .selectFieldInput input, .sfdc-form-closed .selectFieldInput select, .sfdc-form-closed .selectFieldInput textarea, .sfdc-form-closed .textAreaInput input, .sfdc-form-closed .textAreaInput select, .sfdc-form-closed .textAreaInput textarea, .sfdc-form-closed .textFieldInput input, .sfdc-form-closed .textFieldInput select, .sfdc-form-closed .textFieldInput textarea {
    background: #fff;
}

    .sfdc-form-closed .selectFieldInput input:focus, .sfdc-form-closed .selectFieldInput select:focus, .sfdc-form-closed .selectFieldInput textarea:focus, .sfdc-form-closed .textAreaInput input:focus, .sfdc-form-closed .textAreaInput select:focus, .sfdc-form-closed .textAreaInput textarea:focus, .sfdc-form-closed .textFieldInput input:focus, .sfdc-form-closed .textFieldInput select:focus, .sfdc-form-closed .textFieldInput textarea:focus {
        background-color: #e3f7ff;
        box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
        border-color: #00a1e0;
    }

.sfdc-form-open .selectFieldInput input, .sfdc-form-open .selectFieldInput select, .sfdc-form-open .selectFieldInput textarea, .sfdc-form-open .textAreaInput input, .sfdc-form-open .textAreaInput select, .sfdc-form-open .textAreaInput textarea, .sfdc-form-open .textFieldInput input, .sfdc-form-open .textFieldInput select, .sfdc-form-open .textFieldInput textarea {
    background: transparent;
    border-color: transparent transparent #9a8f87;
    border-radius: 0!important;
}

    .sfdc-form-open .selectFieldInput input:focus, .sfdc-form-open .selectFieldInput select:focus, .sfdc-form-open .selectFieldInput textarea:focus, .sfdc-form-open .textAreaInput input:focus, .sfdc-form-open .textAreaInput select:focus, .sfdc-form-open .textAreaInput textarea:focus, .sfdc-form-open .textFieldInput input:focus, .sfdc-form-open .textFieldInput select:focus, .sfdc-form-open .textFieldInput textarea:focus {
        background-color: #e3f7ff;
        box-shadow: 0 3px 2px -2px rgba(0,161,224,.5),inset 0 -3px 2px -2px rgba(0,161,224,.5);
        border-bottom-color: #00a1e0;
    }

.sfdc-form-open.sfdc-form-night .selectFieldInput input, .sfdc-form-open.sfdc-form-night .selectFieldInput select, .sfdc-form-open.sfdc-form-night .selectFieldInput textarea, .sfdc-form-open.sfdc-form-night .textAreaInput input, .sfdc-form-open.sfdc-form-night .textAreaInput select, .sfdc-form-open.sfdc-form-night .textAreaInput textarea, .sfdc-form-open.sfdc-form-night .textFieldInput input, .sfdc-form-open.sfdc-form-night .textFieldInput select, .sfdc-form-open.sfdc-form-night .textFieldInput textarea {
    color: #fff;
    border-bottom-color: #fff;
}

    .sfdc-form-open.sfdc-form-night .selectFieldInput input:focus, .sfdc-form-open.sfdc-form-night .selectFieldInput select:focus, .sfdc-form-open.sfdc-form-night .selectFieldInput textarea:focus, .sfdc-form-open.sfdc-form-night .textAreaInput input:focus, .sfdc-form-open.sfdc-form-night .textAreaInput select:focus, .sfdc-form-open.sfdc-form-night .textAreaInput textarea:focus, .sfdc-form-open.sfdc-form-night .textFieldInput input:focus, .sfdc-form-open.sfdc-form-night .textFieldInput select:focus, .sfdc-form-open.sfdc-form-night .textFieldInput textarea:focus {
        background: hsla(0,0%,100%,.2);
        box-shadow: 0 3px 2px -2px hsla(0,0%,100%,.5),inset 0 -3px 2px -2px hsla(0,0%,100%,.5);
        outline: none;
    }

.sfdc-form-day .selectFieldInput input, .sfdc-form-day .selectFieldInput select, .sfdc-form-day .selectFieldInput textarea, .sfdc-form-day .textAreaInput input, .sfdc-form-day .textAreaInput select, .sfdc-form-day .textAreaInput textarea, .sfdc-form-day .textFieldInput input, .sfdc-form-day .textFieldInput select, .sfdc-form-day .textFieldInput textarea, .sfdc-form-transparent .selectFieldInput input, .sfdc-form-transparent .selectFieldInput select, .sfdc-form-transparent .selectFieldInput textarea, .sfdc-form-transparent .textAreaInput input, .sfdc-form-transparent .textAreaInput select, .sfdc-form-transparent .textAreaInput textarea, .sfdc-form-transparent .textFieldInput input, .sfdc-form-transparent .textFieldInput select, .sfdc-form-transparent .textFieldInput textarea {
    color: #59575c;
}

.selectFieldInput .valid.field .placeholder, .textAreaInput .valid.field .placeholder, .textFieldInput .valid.field .placeholder {
    top: 0;
    left: 0;
    font-size: 13px;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    color: #222;
}

.sfdc-form-night .selectFieldInput .valid.field .placeholder, .sfdc-form-night .textAreaInput .valid.field .placeholder, .sfdc-form-night .textFieldInput .valid.field .placeholder {
    color: #fff;
}

.sfdc-form-small .selectFieldInput .valid.field .placeholder, .sfdc-form-small .textAreaInput .valid.field .placeholder, .sfdc-form-small .textFieldInput .valid.field .placeholder {
    font-size: 13px;
}

.sfdc-form-large .selectFieldInput .valid.field .placeholder, .sfdc-form-large .textAreaInput .valid.field .placeholder, .sfdc-form-large .textFieldInput .valid.field .placeholder {
    font-size: 15px;
}

.selectFieldInput .valid.field:after, .textAreaInput .valid.field:after, .textFieldInput .valid.field:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success.svg);
    width: 23px;
    height: 23px;
}

.sfdc-form-night.sfdc-form-open .selectFieldInput .valid.field:after, .sfdc-form-night.sfdc-form-open .textAreaInput .valid.field:after, .sfdc-form-night.sfdc-form-open .textFieldInput .valid.field:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-white.svg);
}

.sfdc-form-small .selectFieldInput .valid.field:after, .sfdc-form-small .textAreaInput .valid.field:after, .sfdc-form-small .textFieldInput .valid.field:after {
    width: 16px;
    height: 16px;
}

.sfdc-form-large .selectFieldInput .valid.field:after, .sfdc-form-large .textAreaInput .valid.field:after, .sfdc-form-large .textFieldInput .valid.field:after {
    width: 30px;
    height: 30px;
}

.sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field input, .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field select, .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field textarea, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field input, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field select, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field textarea, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field input, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field select, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field textarea {
    background-color: #fff;
    box-shadow: none;
}

    .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field input:active, .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field input:focus, .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field select:active, .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field select:focus, .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field textarea:active, .sfdc-form-closed.sfdc-form-night .selectFieldInput .valid.field textarea:focus, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field input:active, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field input:focus, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field select:active, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field select:focus, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field textarea:active, .sfdc-form-closed.sfdc-form-night .textAreaInput .valid.field textarea:focus, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field input:active, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field input:focus, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field select:active, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field select:focus, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field textarea:active, .sfdc-form-closed.sfdc-form-night .textFieldInput .valid.field textarea:focus {
        background-color: #e3f7ff;
        box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
        border-color: #00a1e0;
    }

.selectFieldInput .valid.field .info-msg, .textAreaInput .valid.field .info-msg, .textFieldInput .valid.field .info-msg {
    display: none;
}

.selectFieldInput .error.field:after, .textAreaInput .error.field:after, .textFieldInput .error.field:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error.svg);
    color: #c23934;
    width: 23px;
    height: 23px;
}

.sfdc-form-small .selectFieldInput .error.field:after, .sfdc-form-small .textAreaInput .error.field:after, .sfdc-form-small .textFieldInput .error.field:after {
    width: 16px;
    height: 16px;
}

.sfdc-form-large .selectFieldInput .error.field:after, .sfdc-form-large .textAreaInput .error.field:after, .sfdc-form-large .textFieldInput .error.field:after {
    width: 30px;
    height: 30px;
}

.selectFieldInput .error.field .error-msg, .textAreaInput .error.field .error-msg, .textFieldInput .error.field .error-msg {
    display: block;
}

.selectFieldInput .error.field .info-msg, .textAreaInput .error.field .info-msg, .textFieldInput .error.field .info-msg {
    display: none!important;
}

.selectFieldInput .error.field .placeholder, .textAreaInput .error.field .placeholder, .textFieldInput .error.field .placeholder {
    top: 0;
    left: 0;
    font-size: 13px;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    color: #222;
}

.sfdc-form-night .selectFieldInput .error.field .placeholder, .sfdc-form-night .textAreaInput .error.field .placeholder, .sfdc-form-night .textFieldInput .error.field .placeholder {
    color: #fff;
}

.sfdc-form-small .selectFieldInput .error.field .placeholder, .sfdc-form-small .textAreaInput .error.field .placeholder, .sfdc-form-small .textFieldInput .error.field .placeholder {
    font-size: 13px;
}

.sfdc-form-large .selectFieldInput .error.field .placeholder, .sfdc-form-large .textAreaInput .error.field .placeholder, .sfdc-form-large .textFieldInput .error.field .placeholder {
    font-size: 15px;
}

.sfdc-form-night.sfdc-form-open .selectFieldInput .error.field input, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field textarea, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field input, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field textarea, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field input, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field textarea {
    color: #59575c!important;
}

.selectFieldInput .error.field input, .selectFieldInput .error.field select, .selectFieldInput .error.field textarea, .textAreaInput .error.field input, .textAreaInput .error.field select, .textAreaInput .error.field textarea, .textFieldInput .error.field input, .textFieldInput .error.field select, .textFieldInput .error.field textarea {
    border: 1px solid #c23934;
    background: #f6e2e1;
}

.sfdc-form-night .selectFieldInput .error.field input, .sfdc-form-night .selectFieldInput .error.field select, .sfdc-form-night .selectFieldInput .error.field textarea, .sfdc-form-night .textAreaInput .error.field input, .sfdc-form-night .textAreaInput .error.field select, .sfdc-form-night .textAreaInput .error.field textarea, .sfdc-form-night .textFieldInput .error.field input, .sfdc-form-night .textFieldInput .error.field select, .sfdc-form-night .textFieldInput .error.field textarea {
    box-shadow: none;
    color: #59575c;
}

.sfdc-form-night.sfdc-form-open .selectFieldInput .error.field input, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field select, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field textarea, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field input, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field select, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field textarea, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field input, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field select, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field textarea {
    border: 1px solid #9a8f87;
    outline: 1px solid #fff;
    outline-offset: 0;
    box-shadow: none;
    background: #fff!important;
}

.selectFieldInput .error.field input:invalid, .selectFieldInput .error.field select:invalid, .selectFieldInput .error.field textarea:invalid, .textAreaInput .error.field input:invalid, .textAreaInput .error.field select:invalid, .textAreaInput .error.field textarea:invalid, .textFieldInput .error.field input:invalid, .textFieldInput .error.field select:invalid, .textFieldInput .error.field textarea:invalid {
    background: #f6e2e1;
    border: 1px solid #c23934;
}

    .selectFieldInput .error.field input:invalid .info-msg, .selectFieldInput .error.field select:invalid .info-msg, .selectFieldInput .error.field textarea:invalid .info-msg, .textAreaInput .error.field input:invalid .info-msg, .textAreaInput .error.field select:invalid .info-msg, .textAreaInput .error.field textarea:invalid .info-msg, .textFieldInput .error.field input:invalid .info-msg, .textFieldInput .error.field select:invalid .info-msg, .textFieldInput .error.field textarea:invalid .info-msg {
        display: none;
    }

.selectFieldInput .error.field input:active, .selectFieldInput .error.field input:focus, .selectFieldInput .error.field select:active, .selectFieldInput .error.field select:focus, .selectFieldInput .error.field textarea:active, .selectFieldInput .error.field textarea:focus, .textAreaInput .error.field input:active, .textAreaInput .error.field input:focus, .textAreaInput .error.field select:active, .textAreaInput .error.field select:focus, .textAreaInput .error.field textarea:active, .textAreaInput .error.field textarea:focus, .textFieldInput .error.field input:active, .textFieldInput .error.field input:focus, .textFieldInput .error.field select:active, .textFieldInput .error.field select:focus, .textFieldInput .error.field textarea:active, .textFieldInput .error.field textarea:focus {
    background: #f6e2e1;
    border: 1px solid #c23934;
    box-shadow: 0 0 3px 1px rgba(194,57,52,.5),inset 0 0 3px 1px rgba(194,57,52,.5);
}

.sfdc-form-night.sfdc-form-open .selectFieldInput .error.field input:active, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field input:focus, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field select:active, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field select:focus, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field textarea:active, .sfdc-form-night.sfdc-form-open .selectFieldInput .error.field textarea:focus, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field input:active, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field input:focus, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field select:active, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field select:focus, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field textarea:active, .sfdc-form-night.sfdc-form-open .textAreaInput .error.field textarea:focus, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field input:active, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field input:focus, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field select:active, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field select:focus, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field textarea:active, .sfdc-form-night.sfdc-form-open .textFieldInput .error.field textarea:focus {
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.75);
}

.selectFieldInput .error.field input:active .info-msg, .selectFieldInput .error.field input:focus .info-msg, .selectFieldInput .error.field select:active .info-msg, .selectFieldInput .error.field select:focus .info-msg, .selectFieldInput .error.field textarea:active .info-msg, .selectFieldInput .error.field textarea:focus .info-msg, .textAreaInput .error.field input:active .info-msg, .textAreaInput .error.field input:focus .info-msg, .textAreaInput .error.field select:active .info-msg, .textAreaInput .error.field select:focus .info-msg, .textAreaInput .error.field textarea:active .info-msg, .textAreaInput .error.field textarea:focus .info-msg, .textFieldInput .error.field input:active .info-msg, .textFieldInput .error.field input:focus .info-msg, .textFieldInput .error.field select:active .info-msg, .textFieldInput .error.field select:focus .info-msg, .textFieldInput .error.field textarea:active .info-msg, .textFieldInput .error.field textarea:focus .info-msg {
    display: none;
}

.selectFieldInput :-ms-input-placeholder, .textAreaInput :-ms-input-placeholder, .textFieldInput :-ms-input-placeholder {
    color: transparent;
}

.truste-icon-component img.truste-seal {
    max-width: 142px;
}

.privacyIcon, .trustEIcon, .veriSignIcon {
    padding-bottom: 15px;
}

@media (max-width:767px) {
    .privacyIcon, .trustEIcon, .veriSignIcon {
        text-align: center;
    }

    .privacyIcon, .veriSignIcon {
        padding-right: 36px;
    }
}

.textAreaInput .field, .textFieldInput .field {
    padding-top: 19px;
}

    .textAreaInput .field:after, .textFieldInput .field:after {
        top: 32px;
        right: .8em;
    }

.sfdc-form-small .textAreaInput .field:after, .sfdc-form-small .textFieldInput .field:after {
    right: .5em;
    top: 26px;
}

.sfdc-form-large .textAreaInput .field:after, .sfdc-form-large .textFieldInput .field:after {
    right: 1em;
    top: 34px;
}

.textAreaInput .field input, .textAreaInput .field textarea, .textFieldInput .field input, .textFieldInput .field textarea {
    cursor: text;
}

    .textAreaInput .field input:focus ~ .info-msg, .textAreaInput .field textarea:focus ~ .info-msg, .textFieldInput .field input:focus ~ .info-msg, .textFieldInput .field textarea:focus ~ .info-msg {
        color: #215ca0;
    }

.sfdc-form-night .textAreaInput .field input:focus ~ .info-msg, .sfdc-form-night .textAreaInput .field textarea:focus ~ .info-msg, .sfdc-form-night .textFieldInput .field input:focus ~ .info-msg, .sfdc-form-night .textFieldInput .field textarea:focus ~ .info-msg {
    color: #fff;
}

.textAreaInput .field textarea, .textFieldInput .field textarea {
    padding: 9px 12px;
    height: 124px;
    resize: vertical;
}

.sfdc-form-small .textAreaInput .field textarea, .sfdc-form-small .textFieldInput .field textarea {
    height: 83px;
}

.sfdc-form-large .textAreaInput .field textarea, .sfdc-form-large .textFieldInput .field textarea {
    height: 173px;
}

.sfdc-form-night.sfdc-form-open .textAreaInput .error .field input:not(:focus) ~ .placeholder, .sfdc-form-night.sfdc-form-open .textAreaInput .error .field textarea:not(:focus) ~ .placeholder, .sfdc-form-night.sfdc-form-open .textFieldInput .error .field input:not(:focus) ~ .placeholder, .sfdc-form-night.sfdc-form-open .textFieldInput .error .field textarea:not(:focus) ~ .placeholder {
    color: #fff;
}

.textAreaInput .field {
    padding-top: 19px;
}

    .textAreaInput .field:after {
        top: 30px;
    }

.sfdc-form-small .textAreaInput .field:after {
    top: 23px;
}

.sfdc-form-large .textAreaInput .field:after {
    top: 37px;
}

.textFieldInput.userNameInput .error .error-msg {
    min-height: 16px;
    height: auto;
}

.checkboxInput .field {
    padding: 5px 0;
}

    .checkboxInput .field > div {
        vertical-align: top;
        font-size: 22px;
        font-style: normal;
        font-stretch: normal;
        font-weight: 400;
        letter-spacing: normal;
        text-align: left;
    }

        .checkboxInput .field > div a {
            cursor: pointer;
        }

.checkboxInput .checkbox-ui-label {
    display: inline-block;
    color: #222;
    line-height: 1.36;
    font-size: 22px;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
    width: calc(100% - 40px);
}

.sfdc-form-small .checkboxInput .checkbox-ui-label {
    line-height: 1.6;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    font-size: 15px;
    width: calc(100% - 34px);
}

.sfdc-form-large .checkboxInput .checkbox-ui-label {
    line-height: 1.2;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
    font-size: 30px;
    width: calc(100% - 48px);
}

.sfdc-form-night .checkboxInput, .sfdc-form-night .checkboxInput .checkbox-ui-label, .sfdc-form-night .checkboxInput .toggle-ui-label {
    color: #fff;
}

    .sfdc-form-night .checkboxInput .checkbox-ui-label a, .sfdc-form-night .checkboxInput .toggle-ui-label a {
        color: #fff;
        font-weight: 700;
    }

.checkboxInput .error-msg-block {
    display: none;
    position: relative;
    height: auto;
    vertical-align: middle;
    line-height: 1;
    font-size: 13px;
    padding: 10.5px 12px;
}

    .checkboxInput .error-msg-block:after {
        content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error-white.svg);
        width: 22px;
        height: 22px;
        top: calc((100% - 22px)/2);
        position: absolute;
        right: 3.5%;
    }

.sfdc-form-night .checkboxInput .error-msg-block:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error.svg);
}

.sfdc-form-small .checkboxInput .error-msg-block {
    padding: 8.5px 12px;
}

    .sfdc-form-small .checkboxInput .error-msg-block:after {
        width: 16px;
        height: 16px;
        top: calc((100% - 16px)/2);
    }

.sfdc-form-large .checkboxInput .error-msg-block {
    padding: 16px 12px;
}

    .sfdc-form-large .checkboxInput .error-msg-block:after {
        width: 30px;
        height: 30px;
        top: calc((100% - 30px)/2);
    }

.checkboxInput .checkbox-ui {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: 1px solid #9a8f87;
    border-radius: 3px;
    box-sizing: border-box;
    margin-right: 8px;
    overflow: hidden;
    background-color: #fff;
    width: 22px;
    height: 22px;
    margin-top: 3.96px;
}

    .checkboxInput .checkbox-ui:active, .checkboxInput .checkbox-ui:focus {
        box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
        border-color: #00a1e0;
    }

    .checkboxInput .checkbox-ui:after {
        content: "";
        background-image: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-thick-blue.svg);
        display: none;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 2px;
        left: 2px;
    }

.sfdc-form-night .checkboxInput .checkbox-ui {
    background: transparent;
    border-color: #fff;
}

    .sfdc-form-night .checkboxInput .checkbox-ui:after {
        background-image: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-thick-white.svg);
    }

.sfdc-form-small .checkboxInput .checkbox-ui {
    width: 16px;
    height: 16px;
    margin-top: 4px;
}

    .sfdc-form-small .checkboxInput .checkbox-ui:after {
        width: 12px;
        height: 12px;
        top: 1px;
        left: 1px;
    }

.sfdc-form-large .checkboxInput .checkbox-ui {
    width: 30px;
    height: 30px;
    margin-top: 3px;
}

    .sfdc-form-large .checkboxInput .checkbox-ui:after {
        width: 22px;
        height: 22px;
        top: 3px;
        left: 3px;
    }

.checkboxInput .hide-checkbox .checkbox-ui, .checkboxInput .hide-checkbox input, .checkboxInput .hide-checkbox label {
    display: none;
}

.checkboxInput .hide-checkbox .checkbox-ui-label, .checkboxInput .hide-checkbox label {
    width: auto;
    font-size: 11px;
}

.checkboxInput input[type=checkbox]:active ~ .checkbox-ui, .checkboxInput input[type=checkbox]:focus ~ .checkbox-ui {
    outline: none;
}

.sfdc-form-day .checkboxInput input[type=checkbox]:active ~ .checkbox-ui, .sfdc-form-day .checkboxInput input[type=checkbox]:focus ~ .checkbox-ui {
    border: 1px solid #00a1e0;
    box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
}

.sfdc-form-night .checkboxInput input[type=checkbox]:active ~ .checkbox-ui, .sfdc-form-night .checkboxInput input[type=checkbox]:focus ~ .checkbox-ui {
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
}

.checkboxInput input[type=checkbox]:checked ~ .checkbox-ui:after {
    display: inline-block;
}

.checkboxInput .error {
    background: #f6e2e1;
}

    .checkboxInput .error .field {
        padding: 10px;
    }

    .checkboxInput .error input[type=checkbox]:active ~ .checkbox-ui, .checkboxInput .error input[type=checkbox]:focus ~ .checkbox-ui {
        border-color: #c23934;
        box-shadow: 0 0 3px 1px rgba(194,57,52,.5),inset 0 0 3px 1px rgba(194,57,52,.5);
    }

.sfdc-form-night .checkboxInput .error input[type=checkbox]:active ~ .checkbox-ui, .sfdc-form-night .checkboxInput .error input[type=checkbox]:focus ~ .checkbox-ui {
    border-color: #fff;
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
}

.checkboxInput .error .checkbox-ui {
    border-color: #c23934;
}

    .checkboxInput .error .checkbox-ui:active, .checkboxInput .error .checkbox-ui:focus {
        box-shadow: 0 0 3px 1px rgba(194,57,52,.5),inset 0 0 3px 1px rgba(194,57,52,.5);
    }

.sfdc-form-night .checkboxInput .error .checkbox-ui {
    border-color: #fff;
}

    .sfdc-form-night .checkboxInput .error .checkbox-ui:active, .sfdc-form-night .checkboxInput .error .checkbox-ui:focus {
        box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
    }

.sfdc-form-night .checkboxInput .error {
    background: hsla(0,0%,100%,.15);
}

    .sfdc-form-night .checkboxInput .error .checkbox-ui-label {
        color: #fff;
    }

.checkboxInput .error .error-msg-block {
    display: block;
    background: #c23934;
    color: #fff;
}

.sfdc-form-night .checkboxInput .error .error-msg-block {
    background: #fff;
    color: #c23934;
}

.checkboxInput .error .error-msg-block:after {
    display: block;
}

.selectFieldInput {
    position: relative;
}

    .selectFieldInput:after {
        content: "";
        display: block;
        margin: auto;
        width: 0;
        height: 0;
        border-left: .7rem solid transparent;
        border-right: .7rem solid transparent;
        border-top: .9rem solid #215ca0;
        position: absolute;
        top: 40px;
        pointer-events: none;
        right: .8em;
    }

.sfdc-form-small .selectFieldInput:after {
    right: .5em;
    transform: scale(.7);
    top: 32px;
}

.sfdc-form-large .selectFieldInput:after {
    right: 1.3em;
    transform: scale(1.5);
    top: 47px;
}

.sfdc-form-night.sfdc-form-open .selectFieldInput:after {
    border-top-color: #fff;
}

.selectFieldInput .field {
    font-weight: 100;
    border-radius: 4px;
    padding-top: 19px;
}

    .selectFieldInput .field:after {
        top: 32px;
        right: 3.125em;
    }

.sfdc-form-small .selectFieldInput .field:after {
    right: 2em;
    top: 27px;
}

.sfdc-form-large .selectFieldInput .field:after {
    right: 3.875em;
    top: 35px;
}

.selectFieldInput select {
    cursor: pointer;
    line-height: 1.38;
    color: transparent;
    outline: none;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    padding: 0 8rem 0 1rem;
}

.sfdc-form-adaptive-label .selectFieldInput select, .sfdc-form-adaptive-label .sfdc-form-open.sfdc-form-night .selectFieldInput select {
    color: transparent;
}

.sfdc-form-small .selectFieldInput select {
    padding-right: 5rem;
}

.sfdc-form-large .selectFieldInput select {
    padding-right: 10rem;
}

.selectFieldInput select option {
    outline: none;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    color: #222;
}

.selectFieldInput select::-ms-expand {
    display: none;
}

.selectFieldInput .valid select {
    color: #222;
}

.sfdc-form-night.sfdc-form-open .selectFieldInput .valid select {
    color: #fff;
}

.sfdc-form-night.sfdc-form-open .selectFieldInput .error:after {
    border-top-color: #215ca0;
}

.selectFieldInput .error select {
    color: transparent;
}

.checkboxInput .toggle-ui {
    cursor: pointer;
    position: relative;
    margin-right: 8px;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 21px;
    box-sizing: border-box;
    background-color: #c1b9b4;
    display: inline-block;
    border: 1px solid transparent;
    width: 60px;
    height: 30px;
}

.sfdc-form-small .checkboxInput .toggle-ui {
    width: 48px;
    height: 24px;
}

.sfdc-form-large .checkboxInput .toggle-ui {
    width: 84px;
    height: 42px;
}

.sfdc-form-night .checkboxInput .toggle-ui {
    background-color: transparent;
    border-color: #fff;
}

.sfdc-form-day .checkboxInput .toggle-ui:active, .sfdc-form-day .checkboxInput .toggle-ui:focus, .sfdc-form-transparent .checkboxInput .toggle-ui:active, .sfdc-form-transparent .checkboxInput .toggle-ui:focus {
    box-shadow: 0 0 3px 0 rgba(0,161,224,.5);
}

.sfdc-form-night .checkboxInput .toggle-ui:active, .sfdc-form-night .checkboxInput .toggle-ui:focus {
    background: hsla(0,0%,100%,.15);
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
}

.checkboxInput .toggle-ui:after {
    position: absolute;
    content: "";
    background-color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 50%;
    height: 24px;
    width: 24px;
    top: 2px;
    left: 2px;
}

.sfdc-form-small .checkboxInput .toggle-ui:after {
    height: 20px;
    width: 20px;
    top: 1px;
    left: 1px;
}

.sfdc-form-large .checkboxInput .toggle-ui:after {
    height: 34px;
    width: 34px;
    top: 3.2px;
    left: 3.2px;
}

.checkboxInput .toggle-ui:before {
    content: "";
    display: none;
    position: absolute;
    background-image: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-white.svg);
    width: 16px;
    height: 16px;
    top: calc((100% - 16px)/2);
}

.sfdc-form-small .checkboxInput .toggle-ui:before {
    width: 12px;
    height: 12px;
    top: calc((100% - 12px)/2);
}

.sfdc-form-large .checkboxInput .toggle-ui:before {
    width: 20px;
    height: 20px;
    top: calc((100% - 20px)/2);
}

.checkboxInput .hide-checkbox .toggle-ui {
    display: none;
}

.sfdc-form-day .checkboxInput input[type=checkbox]:active ~ .toggle-ui, .sfdc-form-day .checkboxInput input[type=checkbox]:focus ~ .toggle-ui, .sfdc-form-transparent .checkboxInput input[type=checkbox]:active ~ .toggle-ui, .sfdc-form-transparent .checkboxInput input[type=checkbox]:focus ~ .toggle-ui {
    box-shadow: 0 0 3px 0 rgba(0,161,224,.5);
}

.sfdc-form-night .checkboxInput input[type=checkbox]:active ~ .toggle-ui, .sfdc-form-night .checkboxInput input[type=checkbox]:focus ~ .toggle-ui {
    background: hsla(0,0%,100%,.15);
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
}

.sfdc-form-day .checkboxInput input[type=checkbox]:checked ~ .toggle-ui, .sfdc-form-transparent .checkboxInput input[type=checkbox]:checked ~ .toggle-ui {
    background-color: #215ca0;
}

.checkboxInput input[type=checkbox]:checked ~ .toggle-ui:after {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    left: calc(100% - 2px);
}

.sfdc-form-small .checkboxInput input[type=checkbox]:checked ~ .toggle-ui:after {
    left: calc(100% - 1px);
}

.sfdc-form-large .checkboxInput input[type=checkbox]:checked ~ .toggle-ui:after {
    left: calc(100% - 3.2px);
}

.checkboxInput input[type=checkbox]:checked ~ .toggle-ui:before {
    display: inline-block;
    left: 15%;
}

.checkboxInput .toggle-error-message, .checkboxInput .toggle-ui-label {
    color: #222;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 1.36;
    padding-top: .04px;
    width: calc(100% - 78px);
}

.sfdc-form-night .checkboxInput .toggle-error-message, .sfdc-form-night .checkboxInput .toggle-ui-label {
    color: #fff;
}

.sfdc-form-small .checkboxInput .toggle-error-message, .sfdc-form-small .checkboxInput .toggle-ui-label {
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    padding-top: 0;
    width: calc(100% - 66px);
    line-height: 1.6;
    font-size: 15px;
}

.sfdc-form-large .checkboxInput .toggle-error-message, .sfdc-form-large .checkboxInput .toggle-ui-label {
    padding-top: 3px;
    width: calc(100% - 102px);
    line-height: 1.2;
    font-size: 30px;
}

.checkboxInput .toggle-ui-label {
    display: inline-block;
}

.checkboxInput .toggle-error-message {
    display: none;
}

.sfdc-form-day .checkboxInput .error input[type=checkbox]:active ~ .toggle-ui, .sfdc-form-day .checkboxInput .error input[type=checkbox]:focus ~ .toggle-ui, .sfdc-form-transparent .checkboxInput .error input[type=checkbox]:active ~ .toggle-ui, .sfdc-form-transparent .checkboxInput .error input[type=checkbox]:focus ~ .toggle-ui {
    box-shadow: 0 0 3px 0 rgba(194,57,52,.5);
}

.sfdc-form-day .checkboxInput .error .toggle-ui, .sfdc-form-transparent .checkboxInput .error .toggle-ui {
    background: #c23934;
}

    .sfdc-form-day .checkboxInput .error .toggle-ui:active, .sfdc-form-day .checkboxInput .error .toggle-ui:focus, .sfdc-form-transparent .checkboxInput .error .toggle-ui:active, .sfdc-form-transparent .checkboxInput .error .toggle-ui:focus {
        box-shadow: 0 0 3px 0 rgba(194,57,52,.5);
    }

.checkboxInput .error .toggle-ui:before {
    display: inline-block;
    right: 15%;
    background-image: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error-white.svg);
    color: #c23934;
    width: 15px;
    height: 15px;
    top: calc((100% - 15px)/2);
}

.sfdc-form-small .checkboxInput .error .toggle-ui:before {
    width: 12px;
    height: 12px;
    top: calc((100% - 12px)/2);
}

.sfdc-form-large .checkboxInput .error .toggle-ui:before {
    width: 22px;
    height: 22px;
    top: calc((100% - 22px)/2);
}

.checkboxInput .error .toggle-error-message {
    display: inline-block;
}

.checkboxInput .error .toggle-ui-label {
    display: none;
}

.radio-button-group .option-wrapper .option-ui:after, .radio-button-group .option-wrapper .option-ui:before {
    content: "";
    cursor: pointer;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    position: absolute;
    background-clip: content-box;
    top: 0;
    left: 0;
}

.sfdc-form-small .radio-button-group .option-wrapper .option-ui:after, .sfdc-form-small .radio-button-group .option-wrapper .option-ui:before {
    width: 16px;
    height: 16px;
    border-radius: 8px;
}

.sfdc-form-large .radio-button-group .option-wrapper .option-ui:after, .sfdc-form-large .radio-button-group .option-wrapper .option-ui:before {
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.radio-button-group .option-wrapper .option-ui:before {
    background: transparent;
    border: 1px solid #9a8f87;
}

.sfdc-form-night .radio-button-group .option-wrapper .option-ui:before {
    border-color: #fff;
}

.radio-button-group .option-wrapper .option-ui:after {
    display: none;
    padding: 5px;
    background-color: #215ca0;
}

.sfdc-form-small .radio-button-group .option-wrapper .option-ui:after {
    padding: 4px;
}

.sfdc-form-large .radio-button-group .option-wrapper .option-ui:after {
    padding: 6px;
}

.sfdc-form-night .radio-button-group .option-wrapper .option-ui:after {
    background-color: #fff;
}

.quip-brand .form-container-v2 {
    padding: 4% 10%;
}

    .quip-brand .form-container-v2 .section {
        margin-bottom: 0;
    }

    .quip-brand .form-container-v2 .header-text {
        color: #59575c;
    }

    .quip-brand .form-container-v2 .field {
        padding-top: 21px;
    }

    .quip-brand .form-container-v2 .selectFieldInput:after {
        content: none;
    }

    .quip-brand .form-container-v2 .selectFieldInput .error select, .quip-brand .form-container-v2 .selectFieldInput .valid select {
        color: #9b9b9b;
    }

    .quip-brand .form-container-v2 .selectFieldInput .field:after {
        right: 3%;
    }

    .quip-brand .form-container-v2 .selectFieldInput .field select {
        padding: 0 1.5rem;
    }

        .quip-brand .form-container-v2 .selectFieldInput .field select option {
            color: #9b9b9b;
        }

    .quip-brand .form-container-v2 .selectFieldInput .field .placeholder, .quip-brand .form-container-v2 .textAreaInput .field .placeholder, .quip-brand .form-container-v2 .textFieldInput .field .placeholder {
        left: 1.5rem;
        font-family: SalesforceSansRegular;
        font-size: 17px;
        line-height: 22px;
    }

    .quip-brand .form-container-v2 .selectFieldInput .field input, .quip-brand .form-container-v2 .selectFieldInput .field textarea, .quip-brand .form-container-v2 .textAreaInput .field input, .quip-brand .form-container-v2 .textAreaInput .field textarea, .quip-brand .form-container-v2 .textFieldInput .field input, .quip-brand .form-container-v2 .textFieldInput .field textarea {
        color: #9b9b9b;
    }

    .quip-brand .form-container-v2 .selectFieldInput .field input, .quip-brand .form-container-v2 .selectFieldInput .field select, .quip-brand .form-container-v2 .selectFieldInput .field textarea, .quip-brand .form-container-v2 .textAreaInput .field input, .quip-brand .form-container-v2 .textAreaInput .field select, .quip-brand .form-container-v2 .textAreaInput .field textarea, .quip-brand .form-container-v2 .textFieldInput .field input, .quip-brand .form-container-v2 .textFieldInput .field select, .quip-brand .form-container-v2 .textFieldInput .field textarea {
        border-radius: 25px;
        padding: 12px 20px;
        border: none;
        font-family: SalesforceSansRegular;
        font-size: 17px;
        line-height: 22px;
    }

        .quip-brand .form-container-v2 .selectFieldInput .field input:focus, .quip-brand .form-container-v2 .selectFieldInput .field select:focus, .quip-brand .form-container-v2 .selectFieldInput .field textarea:focus, .quip-brand .form-container-v2 .textAreaInput .field input:focus, .quip-brand .form-container-v2 .textAreaInput .field select:focus, .quip-brand .form-container-v2 .textAreaInput .field textarea:focus, .quip-brand .form-container-v2 .textFieldInput .field input:focus, .quip-brand .form-container-v2 .textFieldInput .field select:focus, .quip-brand .form-container-v2 .textFieldInput .field textarea:focus {
            color: #59575c;
        }

    .quip-brand .form-container-v2 .selectFieldInput .error .field .placeholder, .quip-brand .form-container-v2 .selectFieldInput .valid .field .placeholder, .quip-brand .form-container-v2 .textAreaInput .error .field .placeholder, .quip-brand .form-container-v2 .textAreaInput .valid .field .placeholder, .quip-brand .form-container-v2 .textFieldInput .error .field .placeholder, .quip-brand .form-container-v2 .textFieldInput .valid .field .placeholder {
        font-size: 13px;
        line-height: inherit;
    }

    .quip-brand .form-container-v2 .selectFieldInput .error .error-msg, .quip-brand .form-container-v2 .textAreaInput .error .error-msg, .quip-brand .form-container-v2 .textFieldInput .error .error-msg {
        padding-left: 1.5rem;
        padding-bottom: 2rem;
    }

    .quip-brand .form-container-v2 .checkboxInput .checkbox-ui-label {
        font-family: SalesforceSansRegular;
        font-size: 14px;
        line-height: 18px;
        color: #59575c;
    }

.quip-brand .sfdc-form-static-label input, .quip-brand .sfdc-form-static-label select, .quip-brand .sfdc-form-static-label textarea {
    color: #9b9b9b;
}

    .quip-brand .sfdc-form-static-label input::-ms-input-placeholder, .quip-brand .sfdc-form-static-label select::-ms-input-placeholder, .quip-brand .sfdc-form-static-label textarea::-ms-input-placeholder {
        color: #9b9b9b;
    }

    .quip-brand .sfdc-form-static-label input::-moz-placeholder, .quip-brand .sfdc-form-static-label select::-moz-placeholder, .quip-brand .sfdc-form-static-label textarea::-moz-placeholder {
        color: #9b9b9b;
    }

    .quip-brand .sfdc-form-static-label input::-webkit-input-placeholder, .quip-brand .sfdc-form-static-label select::-webkit-input-placeholder, .quip-brand .sfdc-form-static-label textarea::-webkit-input-placeholder {
        color: #9b9b9b;
    }

    .quip-brand .sfdc-form-static-label input::placeholder, .quip-brand .sfdc-form-static-label select::placeholder, .quip-brand .sfdc-form-static-label textarea::placeholder {
        color: #9b9b9b;
    }

.quip-brand .sfdc-form-static-label .field .placeholder {
    visibility: hidden;
}

.quip-brand .btn {
    border-radius: 25px;
    letter-spacing: .06em;
}

    .quip-brand .btn.btn-xlg {
        border-radius: 36px;
    }

    .quip-brand .btn.btn-quip {
        color: #fff;
        background-color: #f27557;
        text-transform: uppercase;
        transition: background-color .3s ease;
        font-family: SalesforceSansRegular;
    }

        .open > .dropdown-toggle.quip-brand .btn.btn-quip, .quip-brand .btn.btn-quip.active, .quip-brand .btn.btn-quip.focus, .quip-brand .btn.btn-quip:active, .quip-brand .btn.btn-quip:focus, .quip-brand .btn.btn-quip:hover {
            color: #fff;
            background-color: #d39680;
        }

        .open > .dropdown-toggle.quip-brand .btn.btn-quip, .quip-brand .btn.btn-quip.active, .quip-brand .btn.btn-quip:active {
            background-image: none;
        }

        .quip-brand .btn.btn-quip.disabled, .quip-brand .btn.btn-quip.disabled.active, .quip-brand .btn.btn-quip.disabled.focus, .quip-brand .btn.btn-quip.disabled:active, .quip-brand .btn.btn-quip.disabled:focus, .quip-brand .btn.btn-quip.disabled:hover, .quip-brand .btn.btn-quip[disabled], .quip-brand .btn.btn-quip[disabled].active, .quip-brand .btn.btn-quip[disabled].focus, .quip-brand .btn.btn-quip[disabled]:active, .quip-brand .btn.btn-quip[disabled]:focus, .quip-brand .btn.btn-quip[disabled]:hover, fieldset[disabled] .quip-brand .btn.btn-quip, fieldset[disabled] .quip-brand .btn.btn-quip.active, fieldset[disabled] .quip-brand .btn.btn-quip.focus, fieldset[disabled] .quip-brand .btn.btn-quip:active, fieldset[disabled] .quip-brand .btn.btn-quip:focus, fieldset[disabled] .quip-brand .btn.btn-quip:hover {
            background-color: #f27557;
        }

        .quip-brand .btn.btn-quip .badge {
            color: inherit;
            background-color: transparent;
            border-radius: 50%;
            border: 1px solid #fff;
            padding: 3px 4px 2px 5px;
            margin-right: 10px;
            top: 0;
        }

.quip-brand .form-container-v2 .submitButton {
    margin-top: 35px!important;
}

    .quip-brand .form-container-v2 .submitButton .submit.btn-xlg {
        padding: 18px 42px;
        height: 50px;
    }

.visual-picker-group .option-wrapper {
    margin-bottom: 10px;
}

    .visual-picker-group .option-wrapper .option-ui {
        height: auto;
        position: relative;
        width: auto;
        border-radius: 3px;
        background-color: #fff;
        border: 1px solid #9a8f87;
        cursor: pointer;
        padding-bottom: 24px;
    }

.sfdc-form-small .visual-picker-group .option-wrapper .option-ui {
    padding-bottom: 14px;
}

.sfdc-form-large .visual-picker-group .option-wrapper .option-ui {
    padding-bottom: 33px;
}

.visual-picker-group .option-wrapper .option-ui:active, .visual-picker-group .option-wrapper .option-ui:focus {
    border: 1px solid #00a1e0;
    box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
}

.visual-picker-group .option-wrapper .option-ui:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-thick-blue.svg);
    display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 12px;
    right: 12px;
}

.sfdc-form-small .visual-picker-group .option-wrapper .option-ui:after {
    width: 12px;
    height: 12px;
    top: 10px;
    right: 10px;
}

.sfdc-form-large .visual-picker-group .option-wrapper .option-ui:after {
    width: 16px;
    height: 16px;
    top: 14px;
    right: 14px;
}

.sfdc-form-night .visual-picker-group .option-wrapper .option-ui {
    border-color: #fff;
    background-color: transparent;
}

    .sfdc-form-night .visual-picker-group .option-wrapper .option-ui:active, .sfdc-form-night .visual-picker-group .option-wrapper .option-ui:focus {
        box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
        background-color: hsla(0,0%,100%,.15);
    }

    .sfdc-form-night .visual-picker-group .option-wrapper .option-ui:after {
        content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-thick-white.svg);
    }

.visual-picker-group .option-wrapper input[type=radio]:active ~ .option-ui, .visual-picker-group .option-wrapper input[type=radio]:focus ~ .option-ui {
    border-color: #00a1e0;
    box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
}

.sfdc-form-night .visual-picker-group .option-wrapper input[type=radio]:active ~ .option-ui, .sfdc-form-night .visual-picker-group .option-wrapper input[type=radio]:focus ~ .option-ui {
    border-color: #fff;
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
    background-color: hsla(0,0%,100%,.15);
}

.visual-picker-group .option-wrapper input[type=radio]:checked + .option-ui {
    border-color: #00a1e0;
}

    .visual-picker-group .option-wrapper input[type=radio]:checked + .option-ui:after {
        display: block;
    }

.sfdc-form-night .visual-picker-group .option-wrapper input[type=radio]:checked + .option-ui {
    border-color: #fff;
}

.visual-picker-group .option-wrapper .option-icon {
    position: absolute;
    pointer-events: none;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-right: 20px;
    margin-left: 20px;
}

.sfdc-form-small .visual-picker-group .option-wrapper .option-icon {
    height: 30px;
    width: 30px;
    margin-top: -15px;
}

.sfdc-form-large .visual-picker-group .option-wrapper .option-icon {
    height: 60px;
    width: 60px;
    margin-top: -30px;
}

.visual-picker-group .option-wrapper .option-description, .visual-picker-group .option-wrapper .option-title {
    margin-left: 90px;
    color: #222;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: left;
}

.sfdc-form-small .visual-picker-group .option-wrapper .option-description, .sfdc-form-small .visual-picker-group .option-wrapper .option-title {
    margin-left: 70px;
}

.sfdc-form-large .visual-picker-group .option-wrapper .option-description, .sfdc-form-large .visual-picker-group .option-wrapper .option-title {
    margin-left: 100px;
}

.visual-picker-group .option-wrapper .option-title {
    position: relative;
    pointer-events: none;
    margin-top: 30px;
    line-height: 1.36;
    font-size: 22px;
    font-family: SalesforceSansLight;
}

.sfdc-form-small .visual-picker-group .option-wrapper .option-title {
    font-size: 15px;
    font-family: SalesforceSansRegular;
    line-height: 1.6;
    margin-top: 13px;
}

.sfdc-form-large .visual-picker-group .option-wrapper .option-title {
    font-size: 30px;
    line-height: 1.2;
    margin-top: 32px;
}

.sfdc-form-night .visual-picker-group .option-wrapper .option-title {
    color: #fff;
}

.withCaption .visual-picker-group .option-wrapper .option-title {
    margin-top: 25px;
}

.sfdc-form-small .withCaption .visual-picker-group .option-wrapper .option-title {
    margin-top: 14px;
}

.sfdc-form-large .withCaption .visual-picker-group .option-wrapper .option-title {
    margin-top: 29px;
}

.visual-picker-group .option-wrapper .option-description {
    position: relative;
    pointer-events: none;
    line-height: 1.6;
    font-size: 15px;
    font-family: SalesforceSansLight;
}

.sfdc-form-small .visual-picker-group .option-wrapper .option-description {
    font-size: 13px;
    font-family: SalesforceSansRegular;
    line-height: 1.38;
}

.sfdc-form-large .visual-picker-group .option-wrapper .option-description {
    font-size: 22px;
    line-height: 1.36;
}

.sfdc-form-night .visual-picker-group .option-wrapper .option-description {
    color: #fff;
}

.visual-picker-group .error .field {
    padding-bottom: 4px;
}

.sfdc-form-small .visual-picker-group .error .field {
    padding-bottom: 2px;
}

.sfdc-form-large .visual-picker-group .error .field {
    padding-bottom: 6px;
}

.visual-picker-group .error input[type=radio]:active ~ .option-ui, .visual-picker-group .error input[type=radio]:focus ~ .option-ui {
    border-color: #c23934;
    box-shadow: 0 0 3px 1px rgba(194,57,52,.5),inset 0 0 3px 1px rgba(194,57,52,.5);
}

.visual-picker-group .error .option-wrapper .option-ui {
    border-color: #c23934;
}

    .visual-picker-group .error .option-wrapper .option-ui:active, .visual-picker-group .error .option-wrapper .option-ui:focus {
        box-shadow: 0 0 3px 1px rgba(194,57,52,.5),inset 0 0 3px 1px rgba(194,57,52,.5);
    }

.sfdc-form-night .visual-picker-group .error .option-wrapper .option-ui {
    border-color: #fff;
}

    .sfdc-form-night .visual-picker-group .error .option-wrapper .option-ui:active, .sfdc-form-night .visual-picker-group .error .option-wrapper .option-ui:focus {
        box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
    }

.group-select-container.field {
    padding-top: 12px;
    font-style: normal;
    font-stretch: normal;
    font-weight: 400;
    letter-spacing: normal;
    text-align: left;
}

.sfdc-form-small .group-select-container.field {
    padding-top: 10px;
}

.sfdc-form-large .group-select-container.field {
    padding-top: 14px;
}

.group-select-container.field ~ .error-msg-block {
    display: none;
    position: relative;
    height: auto;
    vertical-align: middle;
    line-height: 1;
    font-size: 13px;
    padding: 10.5px 12px;
}

    .group-select-container.field ~ .error-msg-block:after {
        content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error-white.svg);
        width: 22px;
        height: 22px;
        top: calc((100% - 22px)/2);
        position: absolute;
        right: 3.5%;
    }

.sfdc-form-night .group-select-container.field ~ .error-msg-block:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/error.svg);
}

.sfdc-form-small .group-select-container.field ~ .error-msg-block {
    padding: 8.5px 12px;
}

    .sfdc-form-small .group-select-container.field ~ .error-msg-block:after {
        width: 16px;
        height: 16px;
        top: calc((100% - 16px)/2);
    }

.sfdc-form-large .group-select-container.field ~ .error-msg-block {
    padding: 16px 12px;
}

    .sfdc-form-large .group-select-container.field ~ .error-msg-block:after {
        width: 30px;
        height: 30px;
        top: calc((100% - 30px)/2);
    }

.group-select-container.field.error {
    padding-left: 12px;
    padding-right: 12px;
    overflow: auto;
}

.sfdc-form-small .group-select-container.field.error {
    padding-left: 10px;
    padding-right: 10px;
}

.sfdc-form-large .group-select-container.field.error {
    padding-left: 14px;
    padding-right: 14px;
}

.group-select-container.field.error ~ .error-msg-block {
    display: block;
    background: #c23934;
    color: #fff;
}

.sfdc-form-night .group-select-container.field.error ~ .error-msg-block {
    background: #fff;
    color: #c23934;
}

.group-select-container.field.error ~ .error-msg-block:after {
    display: block;
}

.sfdc-form-night .group-select-container.field.error {
    background: hsla(0,0%,100%,.15);
}

.group-select-container.field .group-select-header {
    margin-bottom: 14px;
    font-size: 13px;
    font-family: SalesforceSansRegular;
    color: #222;
}

.sfdc-form-small .group-select-container.field .group-select-header {
    margin-bottom: 12px;
}

.sfdc-form-large .group-select-container.field .group-select-header {
    font-size: 15px;
    margin-bottom: 16px;
}

.sfdc-form-night .group-select-container.field .group-select-header {
    color: #fff;
}

.group-select-container.field .option-wrapper {
    display: block;
    cursor: pointer;
    height: auto;
    width: auto;
    margin-bottom: 12px;
    position: relative;
}

.sfdc-form-small .group-select-container.field .option-wrapper {
    margin-bottom: 10px;
}

.sfdc-form-large .group-select-container.field .option-wrapper {
    margin-bottom: 14px;
}

.checkbox-group .option-wrapper .option-ui .option-title, .radio-button-group .option-wrapper .option-ui .option-title {
    font-size: 22px;
    font-family: SalesforceSansThin,Helvetica,Arial,sans-serif;
    color: #222;
    margin-left: 32px;
    pointer-events: auto;
    cursor: pointer;
}

.sfdc-form-small .checkbox-group .option-wrapper .option-ui .option-title, .sfdc-form-small .radio-button-group .option-wrapper .option-ui .option-title {
    font-size: 16px;
    font-family: SalesforceSansRegular,Helvetica,Arial,sans-serif;
    margin-left: 26px;
}

.sfdc-form-large .checkbox-group .option-wrapper .option-ui .option-title, .sfdc-form-large .radio-button-group .option-wrapper .option-ui .option-title {
    font-size: 30px;
    margin-left: 40px;
}

.sfdc-form-night .checkbox-group .option-wrapper .option-ui .option-title, .sfdc-form-night .radio-button-group .option-wrapper .option-ui .option-title {
    color: #fff;
}

.checkbox-group .option-wrapper .option-ui:active:before, .checkbox-group .option-wrapper .option-ui:focus:before, .radio-button-group .option-wrapper .option-ui:active:before, .radio-button-group .option-wrapper .option-ui:focus:before {
    border-color: #00a1e0;
    box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
}

.sfdc-form-night .checkbox-group .option-wrapper .option-ui:active:before, .sfdc-form-night .checkbox-group .option-wrapper .option-ui:focus:before, .sfdc-form-night .radio-button-group .option-wrapper .option-ui:active:before, .sfdc-form-night .radio-button-group .option-wrapper .option-ui:focus:before {
    border-color: #fff;
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
    background-color: hsla(0,0%,100%,.15);
}

.checkbox-group .option-wrapper input[type=radio]:active ~ .option-ui:before, .checkbox-group .option-wrapper input[type=radio]:focus ~ .option-ui:before, .radio-button-group .option-wrapper input[type=radio]:active ~ .option-ui:before, .radio-button-group .option-wrapper input[type=radio]:focus ~ .option-ui:before {
    border-color: #00a1e0;
    box-shadow: 0 0 3px 1px rgba(0,161,224,.5),inset 0 0 3px 1px rgba(0,161,224,.5);
}

.sfdc-form-night .checkbox-group .option-wrapper input[type=radio]:active ~ .option-ui:before, .sfdc-form-night .checkbox-group .option-wrapper input[type=radio]:focus ~ .option-ui:before, .sfdc-form-night .radio-button-group .option-wrapper input[type=radio]:active ~ .option-ui:before, .sfdc-form-night .radio-button-group .option-wrapper input[type=radio]:focus ~ .option-ui:before {
    border-color: #fff;
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
    background-color: hsla(0,0%,100%,.15);
}

.checkbox-group .option-wrapper input[type=radio]:checked + .option-ui:after, .radio-button-group .option-wrapper input[type=radio]:checked + .option-ui:after {
    display: block;
}

.checkbox-group .error.field, .radio-button-group .error.field {
    padding-bottom: 2px;
}

    .checkbox-group .error.field .option-wrapper input[type=radio] + .option-ui:active:before, .checkbox-group .error.field .option-wrapper input[type=radio] + .option-ui:focus:before, .checkbox-group .error.field .option-wrapper input[type=radio]:focus + .option-ui:before, .radio-button-group .error.field .option-wrapper input[type=radio] + .option-ui:active:before, .radio-button-group .error.field .option-wrapper input[type=radio] + .option-ui:focus:before, .radio-button-group .error.field .option-wrapper input[type=radio]:focus + .option-ui:before {
        border-color: #c23934;
        box-shadow: 0 0 3px 1px rgba(194,57,52,.5),inset 0 0 3px 1px rgba(194,57,52,.5);
    }

.sfdc-form-night .checkbox-group .error.field .option-wrapper input[type=radio] + .option-ui:active:before, .sfdc-form-night .checkbox-group .error.field .option-wrapper input[type=radio] + .option-ui:focus:before, .sfdc-form-night .checkbox-group .error.field .option-wrapper input[type=radio]:focus + .option-ui:before, .sfdc-form-night .radio-button-group .error.field .option-wrapper input[type=radio] + .option-ui:active:before, .sfdc-form-night .radio-button-group .error.field .option-wrapper input[type=radio] + .option-ui:focus:before, .sfdc-form-night .radio-button-group .error.field .option-wrapper input[type=radio]:focus + .option-ui:before {
    border-color: #fff;
    box-shadow: 0 0 3px 1px hsla(0,0%,100%,.5),inset 0 0 3px 1px hsla(0,0%,100%,.5);
    background: hsla(0,0%,100%,.5);
}

.checkbox-group .error.field .option-wrapper input[type=radio] + .option-ui:before, .radio-button-group .error.field .option-wrapper input[type=radio] + .option-ui:before {
    border-color: #c23934;
    background: #fff;
}

.sfdc-form-night .checkbox-group .error.field .option-wrapper input[type=radio] + .option-ui:before, .sfdc-form-night .radio-button-group .error.field .option-wrapper input[type=radio] + .option-ui:before {
    border-color: #fff;
    background: transparent;
}

.rating-field-component .field {
    text-align: center;
}

    .rating-field-component .field .group-select-header {
        text-align: left;
    }

    .rating-field-component .field .option-wrapper {
        width: auto;
        height: auto;
        display: inline-block;
    }

        .rating-field-component .field .option-wrapper .option-ui {
            padding-top: 25px;
            margin: 0 10px 0 0;
            width: 25px;
            position: relative;
            text-align: center;
            display: inline-table;
            white-space: nowrap;
        }

            .rating-field-component .field .option-wrapper .option-ui .option-title {
                display: none;
                position: absolute;
                margin: auto;
                left: -3px;
            }

            .rating-field-component .field .option-wrapper .option-ui:before {
                content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/rating-star-unfilled.svg);
                width: 25px;
                height: 25px;
                border: none!important;
                box-shadow: none!important;
                opacity: 1;
            }

            .rating-field-component .field .option-wrapper .option-ui:after {
                background-color: transparent;
            }

        .rating-field-component .field .option-wrapper input.active ~ .option-ui:before, .rating-field-component .field .option-wrapper input.hovered ~ .option-ui:before {
            content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/rating-star-filled.svg);
        }

.sfdc-form-night .rating-field-component .field .option-wrapper input.active ~ .option-ui:before, .sfdc-form-night .rating-field-component .field .option-wrapper input.hovered ~ .option-ui:before {
    background-color: transparent;
}

.rating-field-component .field .option-wrapper .option-ui:hover:before, .rating-field-component .field .option-wrapper input:focus ~ .option-ui:before {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/rating-star-hovered.svg)!important;
}

.rating-field-component .field .option-wrapper .option-ui:hover:after, .rating-field-component .field .option-wrapper input:focus ~ .option-ui:after {
    background: none;
}

.rating-field-component .field .option-wrapper .option-ui:hover .option-title:not(:hover), .rating-field-component .field .option-wrapper input:focus ~ .option-ui .option-title:not(:hover) {
    display: block;
}

.rating-field-component .field.error {
    background: #f6e2e1;
    overflow: hidden;
}

    .rating-field-component .field.error .option-wrapper input[type=radio] + .option-ui:before {
        background-color: transparent;
    }

    .rating-field-component .field.error ~ .error-msg-block {
        background: transparent;
        color: #c23934;
        padding: 5px 0;
    }

        .rating-field-component .field.error ~ .error-msg-block:after {
            display: none;
        }

.fields-container.section {
    width: 100%;
    margin-bottom: 0;
}

    .fields-container.section .fields-wrapper {
        display: inline-block;
        width: 100%;
    }

        .fields-container.section .fields-wrapper > div {
            float: left;
        }

            .fields-container.section .fields-wrapper > div:not(:last-child) {
                padding-right: 8px;
            }

            .fields-container.section .fields-wrapper > div:last-child, .fields-container.section .fields-wrapper > div:not(:first-child):not(:last-child) {
                padding-left: 8px;
            }

        .fields-container.section .fields-wrapper .field-container-50 {
            width: 50%;
        }

        .fields-container.section .fields-wrapper .field-container-25 {
            width: 25%;
        }

        .fields-container.section .fields-wrapper .field-container-37-5 {
            width: 37.5%;
        }

@media (max-width:1311px) {
    .fields-container.section .fields-wrapper > div.field-container-25 {
        padding-right: 0;
    }

    .fields-container.section .fields-wrapper > div:not(:first-child):not(:last-child) {
        padding-left: 0;
    }

    .fields-container.section .fields-wrapper .field-container-25 {
        width: 100%;
    }

    .fields-container.section .fields-wrapper > .field-container-37-5, .fields-container.section .fields-wrapper > .field-container-50 {
        width: 50%;
        padding-right: 8px;
    }

        .fields-container.section .fields-wrapper > .field-container-37-5:last-child, .fields-container.section .fields-wrapper > .field-container-50:last-child {
            padding-right: 0;
            padding-left: 8px;
        }
}

@media (max-width:480px) {
    .fields-container.section .fields-wrapper > .field-container-37-5:last-child, .fields-container.section .fields-wrapper > .field-container-50:last-child, .fields-container.section .fields-wrapper > div:not(:last-child) {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
}

.checkbox-group .option-wrapper .option-ui:before {
    content: "";
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #9a8f87;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #fff;
    width: 22px;
    height: 22px;
    margin-top: 0;
}

.sfdc-form-night .checkbox-group .option-wrapper .option-ui:before {
    background: transparent;
    border-color: #fff;
}

.sfdc-form-small .checkbox-group .option-wrapper .option-ui:before {
    width: 16px;
    height: 16px;
}

.sfdc-form-large .checkbox-group .option-wrapper .option-ui:before {
    width: 30px;
    height: 30px;
}

.checkbox-group .option-wrapper .option-ui:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-thick-blue.svg);
    display: none;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 2px;
    left: 4px;
}

.sfdc-form-night .checkbox-group .option-wrapper .option-ui:after {
    content: url(/etc/clientlibs/sfdc-www/clientlibs_sfdc_forms/imgs/success-thick-white.svg);
}

.sfdc-form-small .checkbox-group .option-wrapper .option-ui:after {
    width: 12px;
    height: 12px;
    top: -1px;
    left: 2px;
}

.sfdc-form-large .checkbox-group .option-wrapper .option-ui:after {
    width: 20px;
    height: 20px;
    top: 5px;
    left: 5px;
}

.single-line-form {
    padding: 0;
}

.single-line-layout {
    display: inline-block;
    width: 100%;
}

    .single-line-layout > div {
        float: left;
        width: 50%;
    }

        .single-line-layout > div.single-line-field {
            padding-right: 8px;
            padding-left: 8px;
        }

@media (min-width:480px) {
    .single-line-layout > div.single-line-field {
        max-width: 311px;
    }
}

.single-line-layout > div.single-line-submit {
    padding-left: 8px;
}

@media (max-width:480px) {
    .single-line-layout > div {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

@media (min-width:480px) {
    .sfdc-form-small .single-line-layout .submit.btn-sm {
        margin-top: 18px;
    }

    .sfdc-form-medium .single-line-layout .submit.btn-sm {
        margin-top: 26px;
    }

    .sfdc-form-large .single-line-layout .submit.btn-sm {
        margin-top: 33px;
    }

    .sfdc-form-small .single-line-layout .submit.btn-lg {
        margin-top: 12px;
    }

    .sfdc-form-medium .single-line-layout .submit.btn-lg {
        margin-top: 22px;
    }

    .sfdc-form-large .single-line-layout .submit.btn-lg {
        margin-top: 27px;
    }

    .sfdc-form-medium .single-line-layout .submit.btn-xlg {
        margin-top: 12px;
    }

    .sfdc-form-large .single-line-layout .submit.btn-xlg {
        margin-top: 19px;
    }
}