/*--------------------------------------------------------------
# CRM Form Controls
--------------------------------------------------------------*/
.textFormFieldBlock, 
.dateTimeFormFieldBlock, 
.twoOptionFormFieldBlock, 
.optionSetFormFieldBlock, 
.passesBlock, 
.multiOptionSetFormFieldBlock, 
.lookupFormFieldBlock {
    padding: 10px 15px !important;
    gap: 5px !important;
}

    .textFormFieldBlock label, 
    .dateTimeFormFieldBlock label, 
    .lookupFormFieldBlock label, 
    .twoOptionFormFieldBlock label.block-label, 
    .optionSetFormFieldBlock label.block-label, 
    .multiOptionSetFormFieldBlock label.block-label, 
    .passesBlock label, 
    div[data-editorblocktype="Captcha"] label[id^="wlspispHipInstructionContainer"] {
        color: #000000 !important;
        font-weight: 700 !important;
        font-size: 18px !important;
    }

    .optionSetFormFieldBlock select,
    .textFormFieldBlock input,
    .dateTimeFormFieldBlock input,
    .lookupFormFieldBlock input,
    .marketingForm textarea,
    div[data-editorblocktype="Captcha"] input,
    .passesBlock select {
        padding: 15px 10px !important;
        border-radius: var(--cbf-border-radius) !important;
        background: var(--cbf-white-1000) !important;
        border-radius: var(--cbf-border-radius) !important;
        border: 1px solid #808080 !important;
    }

        .optionSetFormFieldBlock select:focus,
        .textFormFieldBlock input:focus,
        .dateTimeFormFieldBlock input:focus,
        .lookupFormFieldBlock input:focus,
        .marketingForm textarea:focus,
        div[data-editorblocktype="Captcha"] input:focus,
        .passesBlock select:focus {
            border-color: #66afe9 !important;
            outline: 0 !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
        }


.submitButtonWrapper .submitButton span {
    color: var(--cbf-white-1000) !important;
    font-family: 'Roboto Condensed' !important;
    font-weight: 600;
    font-size: 23px !important;
}

.submitButtonWrapper .submitButton, .submitButton:focus-visible, :not(.btn-check) + .submitButton:active, .submitButton:focus, .submitButton:first-child:active, .submitButton:disabled, .submitButton:visited {
    background: var(--cbf-purple-1000) !important;
    color: var(--cbf-white-1000) !important;
    border: 3px solid var(--cbf-purple-1000) !important;
    padding: 8px 20px !important;
    border-radius: 10px !important;
    line-height: unset !important;
}

    .submitButtonWrapper .submitButton:hover {
        background: var(--cbf-purple-800) !important;
        border-color: var(--cbf-purple-800) !important;
    }