/**
 * InputfieldForm CSS file for FormBuilder with non-Legacy frameworks
 *
 */

.ui-state-disabled > span {
    display: block;
    width: 28px;
    height: 26px;

    line-height: 26px;

    text-align: center;

    border: none !important;
}

@media screen and (max-width: 630px) {
    .Inputfield_how_will_you_promote_the_fundraiser .InputfieldCheckboxesColumns > li {
        width: 100% !important;
    }
}

::placeholder {
    opacity: 1;
    color: #333;
}

:-ms-input-placeholder {
    color: #333;
}

::-ms-input-placeholder {
    color: #333;
}

#wrap_Inputfield_photo_submissions label {
    display: block !important;

    text-transform: uppercase;
}

label.InputfieldHeader {
    display: none !important;
}

p.success {
    padding: 7px !important;

    line-height: 1.5em;

    text-align: center;

    border: 1px solid #b6b6b6;
    background: rgba(255,255,255,.8);
}

.InputfieldContent input,
.InputfieldContent textarea,
.InputfieldContent select,
.InputfieldCheckboxes {
    padding: 10px !important;

    border: 1px solid #b6b6b6;
    background: rgba(255,255,255,.8);
}

.InputfieldForm select {
    height: 43px;

    border-radius: 0 !important;
}

.InputfieldFormBuilderFileUpload input {
    width: 100%;
}

.InputfieldCheckboxesFloated:before {
    content: "BEST WAY TO CONTACT YOU" !important;

    color: #7f7575;
}

.InputfieldSubmit {
    text-align: center;
}

.InputfieldSubmit button {
    padding: 10px 15px;
    margin: 5px 0;

    font-size: 13px;
    font-weight: 400;

    cursor: pointer;
    transition: .5s;
    white-space: nowrap;
    text-transform: uppercase;

    color: #fff;
    border: 0;
    background: #00aeef;
}

.InputfieldSubmit button:hover {
    color: #fff;
    background: #222a37;
}

.InputfieldForm textarea,
.InputfieldForm .InputfieldMaxWidth {
    width: 100%;
}

.InputfieldForm input[type="text"],
.InputfieldForm input[type="password"],
.InputfieldForm input[type="date"],
.InputfieldForm input[type="datetime"],
.InputfieldForm input[type="datetime-local"],
.InputfieldForm input[type="month"],
.InputfieldForm input[type="week"],
.InputfieldForm input[type="email"],
.InputfieldForm input[type="number"],
.InputfieldForm input[type="search"],
.InputfieldForm input[type="tel"],
.InputfieldForm input[type="time"],
.InputfieldForm input[type="url"],
.InputfieldForm input[type="color"],
.InputfieldForm select,
.InputfieldForm textarea {
    margin: 0;
}
.InputfieldForm,
.InputfieldForm *,
.InputfieldForm *:before,
.InputfieldForm *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.Inputfield .notes,
.Inputfield .description {
    opacity: 1 !important;
}

.InputfieldForm .Inputfields {
    height: auto;
    padding: 0;

    list-style: none;
}

.InputfieldForm .Inputfield {
    display: block;

    list-style: none;
}

.InputfieldForm .Inputfield {
    margin: 0 0 1.5em 0;
    clear: both;
}

.InputfieldForm .Inputfield:not(fieldset) {
    padding: 0;
}

.InputfieldForm fieldset,
.InputfieldForm .InputfieldFieldset {
    padding-bottom: 0;
    margin: 0 0 1.5em 0;
}

.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader {
    /*opacity: .5;*/
}

.InputfieldForm .InputfieldStateCollapsed .InputfieldHeader:after {
    content: " \2026";
}

.InputfieldForm .InputfieldStateCollapsed .InputfieldContent {
    display: none;
}

.InputfieldForm .InputfieldHidden {
    display: none;
}

.InputfieldForm .description,
.InputfieldForm .notes {
    margin: .25em 0;
}

.InputfieldForm .Inputfield:not(.InputfieldStateCollapsed) > .InputfieldHeaderHidden > span {
    display: none;
}

.InputfieldFormWidths {
    /** the following have to do with column widths **********************************************/
}

.InputfieldFormWidths input[type=text],
.InputfieldFormWidths input[type=email],
.InputfieldFormWidths input[type=url],
.InputfieldFormWidths input[type=number],
.InputfieldFormWidths select,
.InputfieldFormWidths textarea {
    width: 100%;
}

.InputfieldFormWidths .InputfieldColumnWidth {
    /* an Inputfield that has a percentage width assigned to it */
    float: left;
    margin-right: 0;
    margin-left: 0;
    clear: none;
}

.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth > .InputfieldContent {
    padding-left: 1.5em;
}
.InputfieldFormWidths .InputfieldColumnWidthFirst,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield {
    /* first Inputfield with a percent width... */
    /* ...or the last percentage-width Inputifeld before the submit button */
    clear: both;
}
.InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidth + .InputfieldSubmit > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirstTmp > .InputfieldContent,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldHeader,
.InputfieldFormWidths .InputfieldColumnWidthFirst.InputfieldStateHidden + .Inputfield > .InputfieldContent {
    padding-left: 0;
}

.InputfieldFormWidths .description {
    margin: .25em 0;
}

.InputfieldFormWidths .notes {
    margin: .25em 0;
}

/*** state toggles *******************************************************/
.InputfieldStateToggle {
    cursor: pointer;
}

.InputfieldStateToggle i.toggle-icon {
    /* the open/close icon that goes with most Inputfields */
    float: right;
    padding-right: .25em;
}

.InputfieldStateToggle i.toggle-icon {
    padding-right: .5em;

    line-height: 1.7em;
}
.InputfieldStateToggle i + i {
    margin-right: .5em;
    margin-left: 0;
}

/*** misc ******************************************************************/
.InputfieldStateRequired > .InputfieldHeader:first-child:after {
    margin-left: .25em;
    /* Required state: Add asterisk to indicate field is required */

    content: "*";

    color: red;
}

.FormBuilderFrameworkLegacy .Inputfields > .Inputfield > .InputfieldContent:before,
.FormBuilderFrameworkLegacy .Inputfields > .Inputfield > .InputfieldContent:after,
.FormBuilderFrameworkLegacy:after,
.FormBuilderFrameworkDefault .Inputfields > .Inputfield > .InputfieldContent:before,
.FormBuilderFrameworkDefault .Inputfields > .Inputfield > .InputfieldContent:after,
.FormBuilderFrameworkDefault:after {
    display: table;

    content: " ";
}

.FormBuilderFrameworkLegacy .Inputfields > .Inputfield > .InputfieldContent:after,
.FormBuilderFrameworkLegacy:after,
.FormBuilderFrameworkDefault .Inputfields > .Inputfield > .InputfieldContent:after,
.FormBuilderFrameworkDefault:after {
    clear: both;
}

.InputfieldSelect ul,
.InputfieldRadios ul,
.InputfieldCheckboxes ul {
    margin: 0;
}

.InputfieldSelect ul li,
.InputfieldRadios ul li,
.InputfieldCheckboxes ul li {
    margin: 0;
}

#wrap_Inputfield- {
    display: none;
}

/****************************************************************************
 * Render Value Mode
 *
 * Used when only values are being rendered in the form (no inputs)
 *
 */
.InputfieldRenderValueMode .InputfieldSelect li,
.InputfieldRenderValueMode .InputfieldRadios li,
.InputfieldRenderValueMode .InputfieldCheckboxes li {
    margin: 0;
}

.InputfieldRenderValueMode .InputfieldSubmit,
.InputfieldRenderValueMode .InputfieldButton {
    display: none;
}

.pw-no-select {
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

     -khtml-user-select: none;
         -o-user-select: none;
    /* prevent selection of this element */
}

/*# sourceMappingURL=FormBuilder.css.map */