.scfSubmitButton {
    background: #e61a2d;
    color: #fff;
}

.scfDateSelectorShortLabelDay,
.scfDateSelectorShortLabelMonth,
.scfDateSelectorShortLabelYear {
    color: #000;
}
/* Validation */
.scfError,
.scfValidationSummary,
.scfValidatorRequired,
.scfValidator {
    color: #900;
    font-weight: bold;
    font-size: 0.875em; /* 14px / 16px */
}

.scfRequired {
    color: #000;
}

.scfWarningSummary .scfRequired {
    color: #aa6708;
}

/* Forms section*/

.scfForm input,
.scfForm select,
.scfForm textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .scfForm input[type="text"],
    .scfForm input[type="number"],
    .scfForm input[type="tel"],
    .scfForm input[type="email"],
    .scfForm input[type="date"],
    .scfForm input[type="password"],
    .scfForm textarea {
        border: solid 1px #999; /* 1px / 16px */
        padding: 8px 6px 6px;
    }

.scChromeDataHolder {
    display: block;
}

.scfForm textarea {
    resize: none;
}

/* Form */
.scfForm {
    height: 100%;
    width: 100%;
    text-align: left;
    line-height: 1.4em;
}


.form-control-aligned {
    margin-left: 155px;
}

/* Form Title*/
.scfTitleBorder {
}

/* Form Introduction*/
.scfIntroBorder {
    margin-bottom: 1em;
}

/* Form Footer*/
.scfFooterBorder {
}

/* Submit Button*/
.scfSubmitButtonBorder {
}

.scfSubmitButton {
    display: inline-block;
    font-family: 'Knockout 50 A', 'Knockout 50 B';
    font-weight: 400;
    font-style: normal;
    padding: 7px 10px;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    font-size: 1.125em; /* 18px / 16px */
    background: #e61a2d;
    color: #fff;
    margin-bottom: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
}

    .scfSubmitButton.float-left {
        float: left;
    }


    .scfSubmitButton:hover,
    .scfSubmitButton:focus {
        background-color: #474e5a;
        text-decoration: none;
    }

/* Error */
.scfError {
}

/* Validation */
.scfValidationSummary {
}

.scfSuccessContainer,
.scfWarningFormContainer {
    padding-top: 2px;
    margin-bottom: -5px;
    background-color: white;
    margin-left: -20px;
    margin-right: -20px;
}

.scfWarningSummary {
    color: #aa6708;
    border-left: solid 5px #aa6708;
    background: #fcf8e3;
    margin-top: 15px;
}

.scfSuccessSummary {
    color: #3c763d;
    border-left: solid 5px #3c763d;
    background: #dff0d8;
    margin-top: 15px;
}

    .scfValidationSummary ul, .scfWarningSummary ul,
    .scfSuccessSummary ul {
        list-style: none;
        padding: 0;
        *zoom: 1;
        display: block;
    }

    .scfSuccessSummary ul,
    .scfWarningSummary ul {
        width: 100%;
        margin: 0;
    }

        .scfValidationSummary ul:before,
        .scfWarningSummary ul:before,
        .scfWarningSummary:before,
        .scfSuccessSummary ul:before,
        .scfValidationSummary ul:after,
        .scfWarningSummary ul:after,
        .scfWarningSummary:after,
        .scfSuccessSummary ul:after {
            content: "";
            display: table;
        }

        .scfWarningSummary ul:after,
        .scfValidationSummary ul:after,
        .scfWarningSummary:after,
        .scfSuccessSummary ul:after {
            clear: both;
        }

    .scfSuccessSummary li,
    .scfWarningSummary li,
    .scfValidationSummary li {
        background: #ebcccc url(/assets/img/icons/error-bg.png) no-repeat left center;
        float: left;
        clear: left;
        padding: 3px 4px 1px 28px;
    }

    .scfSuccessSummary li,
    .scfWarningSummary li {
        background: none !important;
        padding-top: 16px;
        max-width: 72%;
    }

.scfWarningSummary .scfConfirmPasswordBorder {
    margin-left: 15px;
    max-width: calc(100% - 30px);
}

.scfSubmitSummary span {
    background: #ebcccc url(/assets/img/icons/error-bg.png) no-repeat left center;
    float: left;
    clear: left;
    padding: 3px 4px 1px 28px;
    color: #900 !important;
    font-weight: bold !important;
    font-size: 0.855em !important;
    line-height: 1.375em !important;
}

.scfValidatorRequired,
.scfRequired {
    padding-left: 3px;
}

.scfValidator {
    margin: 0;
    display: block;
    float: none;
}

.scfSubmitSummary:before, .scfSubmitSummary:after {
    content: "";
    display: table;
    clear: both;
}

.scfSubmitSummary span {
    margin-bottom: 20px;
}

/* Forms section*/
.scfSectionBorderAsFieldSet {
    background: #f0f0ef;
    position: relative;
    padding: 20px 20px 5px;
    margin-bottom: 1.875em;
}

.scfSectionLegend {
    font-size: 1.5em;
    font-family: 'Knockout 50 A', 'Knockout 50 B';
    float: left;
    margin-bottom: 10px;
    padding-right: 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .scfSectionLegend + p {
        clear: left;
    }

.dynamicLoader {
    height: 24px;
    width: 24px;
    margin-top: 10px;
    padding-left: 5px;
}

.tooltip {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent url("/assets/img/icons/icon-help.png") no-repeat center center;
    -ms-background-size: cover;
    background-size: cover;
    right: 0;
    cursor: pointer;
}

.legend-tooltip {
    margin-top: 2px;
}

.touch .tooltip {
    width: 100%;
    height: auto;
    position: static;
    background: none;
    cursor: default;
    margin-left: 0;
}

    .touch .tooltip:after {
        content: attr(title);
        font-size: 0.9em;
        color: #909090;
        line-height: 1.2;
        display: block;
    }

.touch .scfDropListLabel,
.touch .scfEmailLabel,
.touch .scfMultipleLineTextLabel,
.touch .scfSingleLineTextLabel,
.touch .scfPasswordLabel,
.touch .scfNumberLabel,
.touch .scfDatePickerLabel,
.touch .scfDateLabel,
.touch .scfRadioButtonListLabel,
.touch .scfCheckBoxListLabel,
.touch .scfListBoxLabel,
.touch .scfFileUploadLabel,
.touch .scfDateSelectorLabel,
.touch .scfCreditCardLabel,
.touch .scfConfirmPasswordLabel,
.touch .scfCaptchaLabel,
.touch .scfTelephoneLabel,
.touch .scfSmsTelephoneLabel {
    width: 100%;
}

.chars {
    color: #909090;
    font-size: 0.8em;
}

@media only screen and (min-width: 768px) {
    .tooltip {
        position: static;
        display: inline-block;
        margin-top: 12px;
        margin-left: 5px;
    }

    .legend-tooltip {
        float: left;
        margin-top: 2px;
    }

    .scfSectionLegend {
        width: auto;
        padding-right: 0;
    }

    .touch .tooltip {
        width: 210px;
        float: right;
        margin-top: 2px;
    }

    .touch .legend-tooltip {
        width: auto;
        float: none;
        margin-top: 0;
    }

    .touch .scfDropListLabel,
    .touch .scfEmailLabel,
    .touch .scfMultipleLineTextLabel,
    .touch .scfSingleLineTextLabel,
    .touch .scfPasswordLabel,
    .touch .scfNumberLabel,
    .touch .scfDatePickerLabel,
    .touch .scfDateLabel,
    .touch .scfRadioButtonListLabel,
    .touch .scfCheckBoxListLabel,
    .touch .scfListBoxLabel,
    .touch .scfFileUploadLabel,
    .touch .scfDateSelectorLabel,
    .touch .scfCreditCardLabel,
    .touch .scfConfirmPasswordLabel,
    .touch .scfCaptchaLabel,
    .touch .scfTelephoneLabel,
    .touch .scfSmsTelephoneLabel {
        width: 140px;
    }
}

.scfSectionBorderAsFieldSet .scfSectionBorderAsFieldSet .tooltip {
    right: 0;
}

.scfSectionBorder {
    margin: 0;
    padding: 0;
    width: 100%;
}

.scfSectionContent {
    width: 100%;
    float: left;
}

    .scfSectionContent .scfCheckbox,
    .scfSectionContent .scfCheckboxUsefulInfo {
        margin-left: 50px;
    }

.scfSectionUsefulInfo {
    width: 100%;
    clear: both;
}

/* Form fields */
/* Checkbox */

.scfCheckboxBorder {
    clear: left;
    text-align: left;
    display: block;
    margin: 5px 0;
    width: 100%;
}

.scfCheckbox {
    width: 90%;
    display: block;
    padding: 0;
    margin: 0;
}

    .scfCheckbox input[type="checkbox"], .scfCheckBoxList input[type="checkbox"] {
        margin: 5px 10px 0 0;
    }

.scfCheckboxUsefulInfo {
    font-size: 0.9em;
    display: inline-block;
    width: 90%;
    padding: 0 3px;
    padding-left: 30px;
}

.fieldContent {
    width: 100%;
    float: left;
}

/* Label */
.scfLabel {
    width: 100%;
    display: block;
}

.scfListBox,
.scfDropList {
    width: 100%;
    margin: 0;
}

.scfListBoxGeneralPanel,
.scfDropListGeneralPanel {
    width: 300px;
    display: block;
    float: left;
    padding: 5px 0 10px 0;
}

.scfShortDropList {
    clear: left;
}

    .scfShortDropList .scfDropListGeneralPanel {
        display: block;
        float: left;
        padding: 5px 0 10px 0;
        width: auto;
    }

        .scfShortDropList .scfDropListGeneralPanel select {
            width: auto;
            padding-right: 70px;
        }

.scfMultipleLineTextBox {
    width: 100%;
    margin: 0;
}

.scfAllFieldsWide {
    width: 100%;
    float: left;
    clear: left;
}

    .scfAllFieldsWide .scfDropListLabel {
        width: 250px;
    }

    .scfAllFieldsWide .scfSingleLineTextLabel {
        width: 250px;
    }

    .scfAllFieldsWide .scfRadioButtonListLabel {
        width: 250px;
    }

    .scfAllFieldsWide .scfMultipleLineTextLabel {
        width: 250px;
    }

    .scfAllFieldsWide .scfEmailTextBox {
        width: 250px;
    }

    .scfAllFieldsWide.scfReggedPwd {
        margin-top: 13px;
    }

.scfAllFieldsSuperWide {
    width: 100%;
    float: left;
    clear: left;
}

.scfAllFieldsSuperWide .scfDropListLabel {
    width: 300px;
}

.scfAllFieldsSuperWide .scfSingleLineTextLabel {
    width: 300px;
}

.scfAllFieldsSuperWide .scfRadioButtonListLabel {
    width: 300px;
}

.scfAllFieldsSuperWide .scfMultipleLineTextLabel {
    width: 300px;
}

.scfAllFieldsSuperWide .scfEmailTextBox {
    width: 300px;
}

.scfAllFieldsSuperWide .scfReggedPwd {
    margin-top: 13px;
}


.scfDropListBorder,
.scfEmailBorder,
.scfMultipleLineTextBorder,
.scfSingleLineTextBorder,
.scfPasswordBorder,
.scfNumberBorder,
.scfDatePickerBorder,
.scfDateBorder,
.scfRadioButtonListBorder,
.scfListBoxBorder,
.scfCheckBoxListBorder,
.scfFileUploadBorder,
.scfDateSelectorBorder,
.scfCreditCardBorder,
.scfConfirmPasswordBorder,
.scfCaptchaBorder,
.scfTelephoneBorder,
.scfSmsTelephoneBorder,
.scfSubmitButtonBorder {
    clear: left;
    text-align: left;
    display: block;
    margin: 5px 0 8px;
    width: 100%;
    vertical-align: top;
    position: relative;
}

.scfEmailTextBox,
.scfSingleLineTextBox,
.scfPasswordTextBox,
.scfNumberTextBox,
.scfDatePickerTextBox,
.scfDateTextBox,
.scfRadioButtonList,
.scfListBox,
.scfCheckBoxList,
.scfFileUpload,
.scfCreditCardTextBox,
.scfCreditCardType,
.scfConfirmPasswordTextBox,
.scfTelephoneTextBox,
.scfSmsTelephoneTextBox {
    width: 100%;
    margin: 0;
}

.scfDropListLabel,
.scfEmailLabel,
.scfMultipleLineTextLabel,
.scfSingleLineTextLabel,
.scfPasswordLabel,
.scfNumberLabel,
.scfDatePickerLabel,
.scfDateLabel,
.scfRadioButtonListLabel,
.scfCheckBoxListLabel,
.scfListBoxLabel,
.scfFileUploadLabel,
.scfDateSelectorLabel,
.scfCreditCardLabel,
.scfConfirmPasswordLabel,
.scfCaptchaLabel,
.scfTelephoneLabel,
.scfSmsTelephoneLabel {
    width: 140px;
    padding: 10px 15px 11px 0;
    display: block;
    float: left;
    text-align: left;
}

.scfDropListLabelWide {
    width: 100%;
    float: left;
    clear: left;
}

    .scfDropListLabelWide .scfDropListLabel {
        width: 250px;
    }

.long {
    width: auto !important;
}

.scfEmailGeneralPanel,
.scfMultipleLineGeneralPanel,
.scfSingleLineGeneralPanel,
.scfPasswordGeneralPanel,
.scfNumberGeneralPanel,
.scfDatePickerGeneralPanel,
.scfDateGeneralPanel,
.scfRadioButtonListGeneralPanel,
.scfCheckBoxListGeneralPanel,
.scfFileUploadGeneralPanel,
.scfDateSelectorGeneralPanel,
.scfCreditCardGeneralPanel,
.scfConfirmPasswordGeneralPanel,
.scfCaptchaGeneralPanel,
.scfTelephoneGeneralPanel,
.scfSmsTelephoneGeneralPanel {
    padding: 5px 2px 10px 0;
    width: 300px;
    display: block;
    float: left;
}
    /* .scfRadioButtonListGeneralPanel span, .scfSingleLineGeneralPanel .scfRadioButtonList {
    padding-right: 15px;
} */
    .scfSingleLineGeneralPanel .scfRadioButtonList {
        padding-right: 15px;
    }

#main_0_pagecontent_1_rblAge {
    padding: 0;
}

.scfRadioButtonListGeneralPanel .styled-radio {
    padding-right: 0;
}

    .scfRadioButtonListGeneralPanel .styled-radio:last-child {
        margin-left: 23px;
    }

.scfCheckBoxListGeneralPanel table tr {
    background-color: #f0f0ef !important;
}

.scfMultipleLineGeneralPanel.wide {
    width: 763px;
}

.scfSingleLineGeneralPanel strong {
    display: block;
    padding: 4px 0 0 40px;
}

.scfSingleLineGeneralPanel b {
    padding: 5px 18px 1px 0;
    display: block;
}

.scfDropListUsefulInfo,
.scfEmailUsefulInfo,
.scfMultipleLineTextUsefulInfo,
.scfSingleLineTextUsefulInfo,
.scfPasswordUsefulInfo,
.scfNumberUsefulInfo,
.scfDatePickerUsefulInfo,
.scfDateUsefulInfo,
.scfRadioButtonListUsefulInfo,
.scfListBoxUsefulInfo,
.scfCheckBoxListUsefulInfo,
.scfFileUploadUsefulInfo,
.scfDateSelectorUsefulInfo,
.scfCreditCardTextUsefulInfo,
.scfConfirmPasswordUsefulInfo,
.scfCaptchaUsefulInfo,
.scfTelephoneUsefulInfo,
.scfSmsTelephoneUsefulInfo {
    padding-left: 3px;
    font-size: 0.9em;
    width: 100%;
    display: block;
    float: left;
    margin-top: .5em;
}

/* digit input (amounts) */
.txt-Amount {
    position: relative;
}

    .txt-Amount input[type="text"],
    .txt-Amount input[type="number"] {
        padding-left: 20px;
    }

.amt-ph {
    position: absolute;
    top: 12px;
    left: 8px;
}

.txtSearch {
    background: white url(/assets/img/icons/magnify-search-grey.png) right 8px top 7px/18px no-repeat;
}

    .txtSearch.ui-autocomplete-loading {
        background: white url(/assets/img/icons/loader-grey.gif) right 8px top 7px/18px no-repeat;
    }

.starting-from .scfDateSelectorGeneralPanel {
    width: 400px;
}

.nestedRadio {
    padding-left: 50px;
}

.scfDateSelectorLabel {
    margin-top: 7px;
}

.scfDateSelectorShortLabelDay,
.scfDateSelectorShortLabelMonth,
.scfDateSelectorShortLabelYear {
    padding: 0 0 1px 0;
    margin: 0;
    float: left;
    font-size: xx-small;
    line-height: 10px;
    width: 25%;
    margin-left: 7%;
    display: none;
}

.scfCreditCardType {
    width: 100%;
}

.scfCaptchaLabelText {
    width: 180px;
}

.scfCaptcha img {
    border: 1px solid black;
}

.scfCaptchaTextBox {
    width: 100%;
}

.scfCaptchStrongTextPanel {
    width: 180px;
    display: block;
    float: left;
}

.scfCaptchaLimitGeneralPanel {
    width: 215px;
}

    .scfCaptchaLimitGeneralPanel .scfRequired,
    .scfCaptchaLimitGeneralPanel .scfValidatorRequired {
        float: right;
    }

.scfCaptchaGeneralPanel embed {
    position: absolute;
    z-index: -10;
}

.scfCaptchaGeneralPanel td br {
    margin-top: 3px;
    margin-bottom: 5px;
}

.scfCaptchaGeneralPanel td input {
    margin-left: 20px;
}

.scfCaptchaGeneralPanel table {
    margin-top: 30px;
}

.scfShortDate {
    clear: left;
    text-align: left;
    display: block;
    margin: 5px 0;
    vertical-align: top;
    width: 60%;
}

.scfShortText {
    clear: left;
    text-align: left;
    display: block;
    margin: 5px 0;
    width: 100%;
    vertical-align: top;
}

.scfSortCode {
    width: 12%;
    margin-right: 10px;
}

.scfShortDate .scfDateSelectorLabel {
    width: 50%;
    margin-top: 0;
}

.scfShortDate .scfDateSelectorGeneralPanel {
    width: 46%;
}

.scfShortDate .scfDateSelectorDay,
.scfShortDate .scfDateSelectorShortLabelDay,
.scfShortDate .scfDateSelectorShortLabelMonth,
.scfShortDate .scfDateSelectorShortLabelYear {
    display: none;
}

.scfShortDate .scfDateSelectorShortLabelMonth,
.scfShortDate .scfDateSelectorShortLabelYear,
.scfShortDate .scfDateSelectorMonth,
.scfShortDate .scfDateSelectorYear {
    width: 49%;
}

.scfShortText .scfSingleLineTextLabel {
    width: 140px;
}

.scfShortText .scfSingleLineGeneralPanel {
    width: auto;
}

.scfShortText .scfSingleLineTextUsefulInfo {
}

.scfShortText .scfSingleLineTextBox {
    width: 46%;
    margin: 0;
    max-width: 140px;
}

.scWfmPassword {
    behavior: url(/sitecore%20modules/shell/Web%20Forms%20for%20Marketers/themes/autocomplete.htc?v=17072012);
}

.scfDatePickerGeneralPanel .ui-icon {
    float: right;
    position: relative;
    top: -20px;
    display: block;
}
/* event form overrides*/
.scfCheckBoxListBorder.vertStack .scfCheckBoxListGeneralPanel, .scfRadioButtonListBorder.vertStack .scfRadioButtonListGeneralPanel {
    margin-left: 0;
}

    .scfCheckBoxListBorder.vertStack .scfCheckBoxListGeneralPanel table.scfCheckBoxList td, .scfRadioButtonListBorder.vertStack .scfRadioButtonListGeneralPanel table.scfRadioButtonList td {
        width: 100%;
        float: left;
    }

        .scfCheckBoxListBorder.vertStack .scfCheckBoxListGeneralPanel table.scfCheckBoxList td + td, .scfRadioButtonListBorder.vertStack .scfRadioButtonListGeneralPanel table.scfRadioButtonList td + td {
            padding-left: 0;
        }
/* WFFM override radio groups */
.scfRadioButtonListLabel, .scfCheckBoxListLabel {
    width: auto;
    clear: both;
    text-align: left;
}

.scfRadioButtonList td + td, .scfCheckBoxList td + td {
    padding-left: 20px;
}

.scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel {
    clear: left;
    width: auto;
}

.scfCheckBoxListGeneralPanel {
    margin-left: 50px;
    padding-top: 0;
    padding-bottom: 0;
}

.scfRadioButtonListGeneralPanel input[type="radio"], .scfRadioButtonList input[type="radio"] {
    margin: 0 5px 0 0;
}
/* styled select fields*/
.scfDropListGeneralPanel select, .scfDateSelectorGeneralPanel select, .quantity-control select {
    border: solid 1px #999; /*border*/
    -webkit-appearance: none; /*Removes default chrome and safari style*/
    -moz-appearance: none; /* Removes Default Firefox style*/
    background: #fff url(/assets/img/icons/ddl-arrow.png) no-repeat; /*Adds background-image*/
    background-position: top right; /*Position of the background-image*/
    text-indent: 0.01px; /* Removes default arrow from firefox*/
    text-overflow: ""; /*Removes default arrow from firefox*/
    padding: 7px 42px 5px 6px;
    height: 35px;
    margin-right: 12px;
    margin-bottom: 10px;
}

.scfDropListGeneralPanel select::-ms-expand, .scfDateSelectorGeneralPanel select::-ms-expand, .quantity-control select::-ms-expand { /*ie11 get rid of default dd arrow*/
    display: none;
}

.lt-ie10 .scfDropListGeneralPanel select, .lt-ie9 .scfDropListGeneralPanel select, .lt-ie9 .quantity-control select, .lt-ie10 .quantity-control select, .lt-ie9 .scfDateSelectorGeneralPanel select, .lt-ie10 .scfDateSelectorGeneralPanel select {
    padding-right: 6px;
    background: none;
    background-color: #fff;
}

.scfForm input[type="date"] {
    border: solid 1px #999;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    background-image: none !important;
    padding: 5px 6px 4px 6px;
    height: 35px;
    border-radius: 0;
}

/* inner fieldset styles (used for donations etc) */
.innerLegend {
    font-size: 1.3em; /* 24px / 16px */
    font-family: 'Knockout 50 A', 'Knockout 50 B';
    font-weight: 400;
    font-style: normal;
    display: block;
}

/* js enabled log input form */
.wf-login {
    background-color: #f0f0ef;
    padding: 20px 0;
}

    .wf-login .scfTitleBorder, .wf-login .scfIntroBorder {
        display: none;
    }

    .wf-login .scfSectionBorderAsFieldSet {
        width: 439px;
        float: left;
        min-height: 240px;
        margin: 0;
        /*border-right: solid 2px #d9d9d6;*/
    }

    .wf-login .scfSectionBorderAsFieldSet.border-right {
        border-right: solid 2px #d9d9d6;
    }

.lt-ie8 .wf-login .scfSectionBorderAsFieldSet {
}

.wf-login .scfSectionBorderAsFieldSet .scfSectionLegend {
    top: 0;
}

.wf-login .scfSectionBorderAsFieldSet.right {
    border-right: none;
}

.wf-login .scfSectionBorderAsFieldSet label {
    width: 115px;
    padding-right: 10px;
}

.wf-login .scfSectionBorderAsFieldSet .scfRequired, .wf-login .scfSectionBorderAsFieldSet .scfValidatorRequired {
    padding: 5px 0 0 5px;
}

.wf-login .scfValidationSummary ul,
.wf-login .scfWarningSummary ul,
.wf-login .scfSubmitSummary span {
    margin: 0;
}

.wf-login .wrap {
    float: left;
    clear: left;
    margin-left: 125px;
}

.lt-ie8 .wf-login .wrap {
    width: 200px;
}

.wf-login .wrap .scfSubmitButton {
    float: none;
}
/*
.wrap .scfSubmitButton {
    float: none;
}
*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

    .wf-login .scfSectionBorderAsFieldSet {
        width: 317px;
        float: left;
        min-height: 275px;
    }

        .wf-login .scfSectionBorderAsFieldSet label {
            width: 100%;
            text-align: left;
            padding: 0;
        }

        .wf-login .scfSectionBorderAsFieldSet .scfEmailGeneralPanel, .wf-login .scfSectionBorderAsFieldSet .scfPasswordGeneralPanel {
            padding: 5px 2px 10px 0;
        }

        .wf-login .scfSectionBorderAsFieldSet .scfRequired, .wf-login .scfSectionBorderAsFieldSet .scfValidatorRequired {
            padding: 5px 0 0 5px;
        }

    .wf-login .scfValidationSummary ul,
    .wf-login .scfWarningSummary ul,
    .wf-login .scfSubmitSummary span {
        margin: 0;
    }

    .wf-login .wrap {
        margin-left: 0;
    }
}
/* js enabled log in */
.user-login-wide .scfForm .scfSectionContent .wrap {
    float: left;
    clear: left;
    margin-left: 155px;
}

@media all and (max-width: 767px) {
    .wf-login {
        background-color: #ffffff;
        padding: 0;
    }

    .log-in-form .scfSectionBorderAsFieldSet {
        width: auto;
        float: none;
        min-height: 0;
        margin-bottom: 20px;
        border: none;
    }

    .wf-login .scfSubmitButtonBorder, .wf-login .scfFooterBorder {
        position: relative;
        width: auto;
        left: auto;
        top: auto;
    }

    .wf-login .wrap {
        margin-left: 0;
    }
    /* general rules */
    .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfMultipleLineGeneralPanel.wide, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel, .scfListBoxGeneralPanel, .scfDropListGeneralPanel, .scfShortDropList .scfDropListGeneralPanel {
        width: auto;
        float: none;
    }

    .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel {
        width: auto;
        float: none;
        margin: 0;
        padding: 0;
        text-align: left;
        display: inline;
    }

    .scfCheckBoxListGeneralPanel {
        margin-left: 0;
    }

    .scfSingleLineGeneralPanel b {
        padding: 0;
        font-weight: normal;
    }

    .scfForm input.float-right {
        margin: 0;
    }

    .scfRadioButtonList td, .scfCheckBoxList td {
        width: 100%;
        display: block;
        margin-bottom: 10px;
        padding-bottom: 0;
    }

        .scfRadioButtonList td + td, .scfCheckBoxList td + td {
            padding-left: 0;
        }

    .user-login-wide .scfForm .scfSectionContent .wrap {
        float: none;
        clear: none;
        margin-left: 0;
    }

    .scfSectionLegend {
        position: relative;
    }
    /* event reg specific */
    .scfListBoxGeneralPanel, .scfDropListGeneralPanel {
        width: auto;
    }

    .scfForm div.split.split-50-50 .split-left, .scfForm div.split.split-50-50 .split-right, .scfForm div.split.split-50-50 .split-left .scfSectionBorderAsFieldSet, .scfForm div.split.split-50-50 .split-right .scfSectionBorderAsFieldSet {
        width: auto;
        margin: 0 0 20px 0;
        float: none;
    }
    /* .scfSubmitButton {
        float: none;
    } */
    .form-control-aligned {
        margin: 0;
    }

    .scfSectionContent .scfCheckbox, .scfSectionContent .scfCheckboxUsefulInfo {
        margin-left: 0;
    }

        .scfSectionContent .scfCheckbox, .scfSectionContent .scfCheckboxUsefulInfo .scfCheckbox {
            width: auto;
        }

    .starting-from .scfDateSelectorGeneralPanel {
        width: auto;
    }

        .starting-from .scfDateSelectorGeneralPanel select {
            clear: left;
            float: left;
            width: 100%;
            margin: 5px 0 0 0;
        }

    .nestedRadio {
        padding-left: 0;
    }

    .dynamicLoader {
        margin-top: 0;
        position: absolute;
        top: -5px;
        right: 10px;
    }

    a.cta.pcaFind {
        margin: 4px 0 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    /* account details & edit details */
    .acc-details label {
        width: 100%;
        text-align: left;
        padding: 0 0 10px 0;
    }

    .acc-details .scfEmailGeneralPanel, .acc-details .scfMultipleLineGeneralPanel, .acc-details .scfSingleLineGeneralPanel, .acc-details .scfPasswordGeneralPanel, .acc-details .scfNumberGeneralPanel, .acc-details .scfDatePickerGeneralPanel, .acc-details .scfDateGeneralPanel, .acc-details .scfRadioButtonListGeneralPanel, .acc-details .scfCheckBoxListGeneralPanel, .acc-details .scfFileUploadGeneralPanel, .acc-details .scfDateSelectorGeneralPanel, .acc-details .scfCreditCardGeneralPanel, .acc-details .scfConfirmPasswordGeneralPanel, .acc-details .scfCaptchaGeneralPanel, .acc-details .scfTelephoneGeneralPanel, .acc-details .scfSmsTelephoneGeneralPanel, .acc-details .scfListBoxGeneralPanel, .acc-details .scfDropListGeneralPanel, .acc-details .scfShortDropList .scfDropListGeneralPanel {
        padding: 0 0 10px 0;
    }

    .acc-details .scfValidatorRequired, .acc-details .scfRequired {
        padding: 0 10px 13px;
    }
}

.scfSectionContent .scfRadioButtonTitleSection:first-child .scfRadioButtonYesNoList tbody tr {
    position: absolute;
    top: -63px;
}

.scfSectionContent .scfRadioButtonTitleSection:nth-child(2) .scfRadioButtonYesNoList tbody tr {
    position: absolute;
    top: -42px;
}

.scfRadioButtonYesNoList > span,
.scfRadioButtonYesNoList input[type="radio"] {
    margin: 0 10px;
    padding: 0;
}

table.scfRadioButtonYesNoList {
    width: 95px;
}

    table.scfRadioButtonYesNoList td {
        text-align: center;
    }

        table.scfRadioButtonYesNoList td:first-child {
            width: 50px;
        }

.scRadioButtonTitleSection,
.scfRadioButtonTitleSection,
.scfRadioButtonListGeneralPanel {
    position: relative;
    width: 100%;
    padding: 0;
}

.scRadioButtonTitleSection,
.scfRadioButtonTitleSection {
    min-height: 24px;
}

    .scRadioButtonTitleSection > span:first-child,
    .scfRadioButtonTitleSection .scfRadioButtonYesNoLabel,
    .scfRadioButtonListBorder .scfRadioButtonYesNoLabel {
        display: block;
        width: calc(100% - 120px);
    }

.scRadioButtonTitleSection {
    margin-top: 25px;
}

    .scRadioButtonTitleSection > span:first-child {
        font-weight: bold;
    }

.scfRadioButtonListBorder .scfRadioButtonYesNoList,
.scfRadioButtonTitleSection .scfRadioButtonYesNoList {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: bold;
}

.scfRadioButtonListGeneralPanel .scfRadioButtonYesNoList {
    top: auto;
    bottom: 0;
}

/*gdpr trial custom classes for rb and cb donations form*/

.gdprTrial .scRadioButtonTitleSection {
    margin-top: 0px;
}

.gdprTrial .scfSectionContent {
    min-width:200px;
    width: 35%;
}

.gdprTrial .scfCheckbox {
    margin-left: 20px !important;
}

.scfSpan.red {
    color: #e3001f;
}

.scfSectionContent .rblDP input {
    margin-left: 25px;
}

.scfPrivacyDisclaimer {
    padding-top: 20px
}

.scfReconsentLegend {
    padding-bottom: 10px
}

.rblLabel {
    display:inline-block;
    width: 100px;
    height:30px;
}