@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap);

.wFormContainer {
    font-family: 'Montserrat',sans-serif,sans-serif;
    font-size: 14.4px
}

    .wFormContainer a {
        text-decoration: none;
        color: #0056ad
    }

        .wFormContainer a:hover {
            text-decoration: underline;
            color: #0056ad
        }

.wForm :link {
    text-decoration: none;
    color: #0056ad
}

.wFormContainer .htmlSection {
    margin: 1em auto
}

.wFormContainer .wForm {
    background-color: #fff;
    color: #515e59;
    border: 1px solid '';
    border-radius: .2rem;
    padding: 0 !important;
    margin-top: 1em
}

    .wFormContainer .wForm form {
        padding: 0 3rem 2rem 3rem
    }

.wFormThankYou {
    padding: 20px 30px !important;
    min-height: 110px !important
}

.wFormContainer .wFormHelp {
    padding: 20px 30px !important;
    min-height: 110px !important
}

.reviewHeader, .reviewResponse, .reviewFooter {
    padding: 20px !important;
    background-color: #fff !important;
    border: 1px solid '' !important;
    border-radius: 2px !important;
    margin-bottom: 20px !important;
    color: #515e59 !important
}

.saveAndResume {
    font-size: .9em
}

    .saveAndResume input[type='text'], .saveAndResume input[type='password'], .required:not(.choices):not(select):not(.wfAutosuggest) {
        font-family: 'Montserrat',sans-serif !important;
        color: #343b3e !important;
        border: 1px solid #d8dde6 !important;
        border-radius: 2px !important;
        box-sizing: border-box;
        font-size: 1em !important;
        width: 20em;
        background-color: #fff !important;
        padding: 0 !important
    }

.required:not(.choices):not(select):not(.wfAutosuggest) {
    padding: 0 0.5rem !important
}

.saveAndResume input[type='text'], .saveAndResume input[type='password'], input[type='text'].validate-email, input[type='password']#password {
    height: 30px !important;
    padding: 0 0.5rem !important
}

    .saveAndResume input[type='text']:focus, .saveAndResume input[type='password']:focus, input[type='text'].validate-email:focus, input[type='password']#password:focus {
        outline-style: none;
        border: 2px solid #b7b7b7 !important;
        color: #343b3e
    }

input.primaryAction.slds-button.slds-button--brand.full-width {
    margin-top: 0 !important
}

.reviewActions {
    margin-top: 1.6em !important
}

#wFormResumePage legend, #responsePasswordResetform legend {
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 14.4px !important;
    color: #515e59 !important;
    font-family: 'Montserrat',sans-serif !important
}

.wForm .fa-search.tt-search, .wForm .fa-spinner.tt-spinner, .wForm .fa-times-circle.tt-clear {
    color: #343b3e;
    position: absolute !important;
    top: 50% !important;
    margin-top: -8px !important
}

.wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-json], .wFormContainer .wForm .inputWrapper input[type="text"][data-dataset-id] {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.wFormWebPage {
    background-color: #fff
}

@media only screen and (max-width:600px) {
    .wFormWebPage {
        margin: 0 !important
    }

        .wFormWebPage .wForm {
            border-radius: 0;
            padding: 0 !important
        }

            .wFormWebPage .wForm form {
                padding: 0 1rem 2rem 1rem
            }
}

#preview .mobile form {
    padding: 0 1rem 2rem 1rem
}

.wFormContainer .wFormHeader {
    height: 24px;
    margin: 1em 0;
    background: url(../../../../../../'') no-repeat left;
    background-position: left;
    height: 24px;
    background-size: contain
}

@media only screen and (max-width:600px) {
    .wFormContainer .wFormHeader {
        margin-left: .5em
    }
}

.wFormContainer .wForm {
    display: flex;
    flex-direction: column
}

    .wFormContainer .wForm .wFormTitle {
        font-family: 'Montserrat',sans-serif;
        padding: 1.75rem 3rem !important;
        margin: 0;
        font-size: 23.04px;
        background-color: #fff;
        color: #0073e6
    }

    .wFormContainer .wForm .section.pageSection > h4 {
        font-size: 14.4px;
        color: #515e59;
        font-family: 'Montserrat',sans-serif
    }

    .wFormContainer .wForm .htmlSection h4 {
        font-size: 14.4px;
        color: #515e59;
        font-family: 'Montserrat',sans-serif
    }

.wForm div.section > .preField {
    font-size: 14.4px !important;
    color: #515e59 !important;
    font-family: 'Montserrat',sans-serif !important
}

@media only screen and (max-width:600px) {
    .wFormContainer .wForm .wFormTitle {
        margin: 0
    }

    .wFormContainer .wForm .wFormTitle {
        padding: 1rem !important
    }
}

#preview .mobile .wFormTitle {
    padding: 1rem !important
}

.wFormContainer .wForm #wfTabNav {
    padding: 1rem 3rem 0 3rem;
    font-size: 12.5px
}

.wFormContainer .wfTab {
    margin: .1em;
    padding: 2px 5px;
    background-color: #0073e6;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    border: 1px solid #0073e6
}

    .wFormContainer .wfTab:hover {
        margin: .1em;
        padding: 2px 5px;
        background-color: #0056ad;
        border-radius: 2px;
        color: #fff;
        text-align: center;
        border: 1px solid #0056ad
    }

.wFormContainer .wfTabSep {
    display: none
}

.wFormContainer .wfTab.wfTabCurrentPage {
    font-weight: 700;
    background-color: #fff;
    color: #0073e6;
    border: 1px solid #0073e6
}

.wFormContainer .wfTab.wfHiddenTab, .wFormContainer .wfTab.wfHiddenTab:hover {
    opacity: .5;
    cursor: not-allowed
}

@media only screen and (max-width:600px) {
    .wFormContainer .wForm #wfTabNav {
        padding: 1rem 1rem 0 1rem;
        font-size: 12px
    }

    .wFormContainer .wfTab {
        margin: 0 .1em .2em .1em;
        padding: 5px 5px
    }

        .wFormContainer .wfTab:hover {
            margin: 0 .1em .2em .1em;
            padding: 5px 5px
        }
}

#preview .mobile .wfTabNav {
    padding: 1rem 1rem 0 1rem;
    font-size: 12px
}

#preview .mobile .wTab, #preview .mobile .wTab:hover {
    margin: 0 .1em .2em .1em;
    padding: 5px 5px
}

.wFormContainer fieldset {
    margin: 1em 0 .5em 0;
    color: #515e59 !important;
    border: 1px solid #b7b7b7 !important;
    border-radius: 2px
}

    .wFormContainer fieldset.highlighted {
        border: double !important;
        border-color: #b7b7b7 !important
    }

    .wFormContainer fieldset legend {
        font-size: 14.4px !important;
        color: #515e59 !important;
        font-family: 'Montserrat',sans-serif !important
    }

.wFormContainer .group > .label {
    margin-top: 1em;
    color: #515e59
}

.htmlSection .htmlContent span {
    color: #515e59 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 100% !important;
    line-height: auto
}

.htmlSection .htmlContent {
    color: #515e59 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 100% !important;
    line-height: auto
}

.wFormContainer fieldset > fieldset:last-child {
    margin-bottom: 0;
    color: #515e59
}

.wFormContainer .pageSection > *:not([type="hidden"]):last-child {
    margin-bottom: 0;
    color: #515e59
}

.wFormContainer table.matrixLayout thead tr.headerRow, .wFormContainer table.gridLayout thead tr.headerRow {
    background-color: rgba(0,0,0,.025)
}

    .wFormContainer table.matrixLayout thead tr.headerRow th, .wFormContainer table.gridLayout thead tr.headerRow th {
        height: 2em;
        padding: .25em;
        vertical-align: middle;
        color: #515e59 !important
    }

.wFormContainer table.matrixLayout tbody tr th.headerCol, .wFormContainer table.gridLayout tbody tr th.headerCol {
    height: 2em;
    color: #515e59 !important
}

.wFormContainer table.matrixLayout tbody tr:nth-child(odd), .wFormContainer table.gridLayout tbody tr:nth-child(odd) {
    background-color: transparent
}

.wFormContainer table.matrixLayout tbody tr:nth-child(even), .wFormContainer table.gridLayout tbody tr:nth-child(even) {
    background-color: rgba(0,0,0,.025)
}

.wFormContainer table.matrixLayout tbody td, .wFormContainer table.gridLayout tbody td {
    height: 2em;
    padding: .25em
}

#preview .wFormContainer table.matrixLayout tbody tr:nth-child(n), #preview .wFormContainer table.gridLayout tbody tr:nth-child(n) {
    background-color: transparent
}

#preview .wFormContainer table.matrixLayout tbody tr:nth-child(4n), #preview .wFormContainer table.gridLayout tbody tr:nth-child(4n) {
    background-color: rgba(0,0,0,.025)
}

table {
    font-size: 14.4px
}

.wForm .gridLayout.stacked {
    margin: 20px 0
}

    .wForm .gridLayout.stacked tr {
        margin: 10px 1rem 10px 0;
        padding: 10px auto;
        width: 92.5%
    }

        .wForm .gridLayout.stacked tr td {
            height: auto !important
        }

            .wForm .gridLayout.stacked tr td input[type='text'] {
                max-width: 90%
            }

#preview .mobile .matrixLayout, #preview .mobile .gridLayout {
    margin: 20px 0 !important
}

.wFormContainer .label {
    font-weight: 400;
    font-family: 'Montserrat',sans-serif;
    color: #515e59
}

    .wFormContainer .label.preField {
        line-height: 1.5;
        color: #515e59
    }

.wFormContainer .oneField[role='radiogroup'] .label.preField, .wFormContainer .oneField[role='group'] .label.preField {
    margin-bottom: 8px !important
}

.wFormContainer .oneChoice .label.postField {
    vertical-align: middle !important;
    color: #515e59
}

.wFormContainer .reqMark:after {
    color: #ec4e4e
}

.oneField .label span {
    color: #515e59 !important;
    font-family: 'Montserrat',sans-serif !important;
    font-size: 100% !important
}

.wFormContainer .wForm .inputWrapper input[type='text'], .wFormContainer .wForm .inputWrapper input[type='password'], .wFormContainer .wForm .inputWrapper select, .wFormContainer .wForm .inputWrapper textarea {
    font-family: 'Montserrat',sans-serif;
    color: #343b3e;
    border: 1px solid #d8dde6;
    border-radius: 2px;
    box-sizing: border-box;
    font-size: 1em;
    width: 20em;
    background-color: #fff
}

    .wFormContainer .wForm .inputWrapper input[type='text'], .wFormContainer .wForm .inputWrapper input[type='password'], .wFormContainer .wForm .inputWrapper input[type='file'], .wFormContainer .wForm .inputWrapper select:not([multiple]) {
        height: 30px;
        padding: 0 .5rem
    }

    .wFormContainer .wForm .inputWrapper select[multiple] {
        width: auto
    }

.wFormContainer .wForm .inputWrapper input[type='file'] {
    border: none !important;
    background: transparent !important;
    color: #515e59 !important;
    max-width: 100%
}

    .wFormContainer .wForm .inputWrapper input[type='file']::-webkit-file-upload-button {
        color: #fff !important;
        color: #fff !important;
        background-color: #0073e6 !important;
        border-radius: 2px !important;
        -webkit-appearance: none !important;
        border: none !important
    }

        .wFormContainer .wForm .inputWrapper input[type='file']::-webkit-file-upload-button:hover {
            color: #fff !important;
            background-color: #0056ad !important
        }

.wFormContainer .wForm .inputWrapper textarea {
    height: 5em;
    padding: 0.5rem !important
}

.wFormContainer .wForm .inputWrapper select option {
    padding: .25em .5rem;
    font-family: 'Montserrat',sans-serif
}

.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):read-only, .wFormContainer .wForm .inputWrapper textarea:read-only {
    font-family: 'Montserrat',sans-serif;
    background-color: #f3f2f2 !important;
    border: 1px solid #f3f2f2 !important;
    color: #515e59 !important
}

.wFormContainer .wForm .inputWrapper input:not([type="file"]):not(.tt-hint):-moz-read-only, .wFormContainer .wForm .inputWrapper textarea:-moz-read-only {
    font-family: 'Montserrat',sans-serif;
    background-color: #f3f2f2 !important;
    border: 1px solid #f3f2f2 !important;
    color: #515e59 !important
}

.wFormContainer .wForm .inputWrapper textarea:focus, .wFormContainer .wForm .inputWrapper textarea.required:focus, .wFormContainer .wForm .inputWrapper input[type='text']:focus, .wFormContainer .wForm .inputWrapper input[type='text'].required:focus, .wFormContainer .wForm .inputWrapper input[type='password']:focus, .wFormContainer .wForm .inputWrapper input[type='password'].required:focus, .wFormContainer .wForm .inputWrapper select:focus, .wFormContainer .wForm .inputWrapper select.required:focus {
    outline-style: none;
    border: 2px solid #b7b7b7 !important;
    color: #343b3e
}

.wFormContainer .wForm .inputWrapper textarea.required:not(readonly):focus {
    border: 1px solid #f3f2f2 !important
}

.wFormContainer .wForm .inputWrapper .oneChoice input[type="checkbox"], .wFormContainer .wForm .inputWrapper .oneChoice input[type='radio'] {
    height: initial;
    margin-bottom: 10px
}

.wForm input[type='file'] {
    font-size: 16px !important
}

@media only screen and (max-width:600px) {
    .wFormContainer .wForm .inputWrapper select[multiple] {
        width: auto;
        -webkit-appearance: none;
        height: 30px
    }
}

.wFormContainer .field-hint-inactive, .wFormContainer .field-hint {
    line-height: 100%;
    font-size: 1em
}

    .wFormContainer .field-hint-inactive .hint {
        font-size: .85em;
        line-height: 1.75em;
        transition: all 0.25s linear
    }

    .wFormContainer .field-hint .hint {
        font-size: .85em;
        line-height: 1.75em;
        transition: all 0.25s linear
    }

.wFormContainer .lengthIndicator, .wFormContainer .count-words {
    font-size: .85em;
    margin-top: 2px;
    color: #515e59
}

#preview #render .wForm .oneField.hintsTooltip .field-hint {
    background-color: #eee !important;
    padding: .3em
}

.wForm .hintsTooltip .hint {
    color: #222 !important;
    background-color: #eee !important
}

.wForm .field-hint-inactive .hint {
    background-color: #fff !important;
    color: #515e59 !important;
    opacity: 1 !important
}

.wForm .hintsBelow .field-hint, .wform .hintsSide .field-hint {
    background-color: #fff !important;
    color: #515e59 !important;
    opacity: 1 !important
}

.wFormContainer .wfAutosuggest.tt-hint {
    margin-top: 0
}

.wFormContainer .wfAutosuggest.tt-input {
    background-color: #fff !important
}

.wFormContainer .tt-spinner {
    top: .6rem;
    right: .25rem
}

.tt-menu {
    background-color: #fff;
    color: #343b3e;
    border-radius: 2px
}

.tt-suggestion {
    font-family: 'Montserrat',sans-serif !important;
    font-size: 14.4px !important;
    color: #343b3e !important
}

html .kalendae {
    background: #fff;
    border: 2px solid #d8dde6 !important;
    font-size: 100%;
    font-family: 'Montserrat',sans-serif;
    border-radius: 2px;
    padding: 1rem
}

    html .kalendae .k-calendar {
        width: 14em
    }

        html .kalendae .k-calendar .k-header span, html .kalendae .k-calendar .k-days span {
            width: calc(2em - 2px) !important;
            margin-left: 1px !important;
            margin-right: 1px !important;
            box-sizing: border-box !important
        }

        html .kalendae .k-calendar .k-title, html .kalendae .k-calendar .k-header, html .kalendae .k-calendar .k-days {
            width: 100%;
            height: auto;
            margin: 0;
            color: #515e59
        }

            html .kalendae .k-calendar .k-header span, html .kalendae .k-calendar .k-days span {
                height: inherit;
                line-height: inherit;
                text-align: center;
                padding: 2px .25em 2px 2px
            }

        html .kalendae .k-calendar .k-btn-close:hover {
            color: #444;
            border-color: #fff
        }

        html .kalendae .k-calendar .k-caption {
            font-size: 100%;
            color: #515e59
        }

        html .kalendae .k-calendar .k-btn-previous-month, html .kalendae .k-calendar .k-btn-next-month, html .kalendae .k-calendar .k-btn-previous-year, html .kalendae .k-calendar .k-btn-next-year {
            color: #515e59;
            line-height: normal;
            height: auto;
            font-size: 1.4em;
            font-weight: 400
        }

            html .kalendae .k-calendar .k-btn-previous-month:hover, html .kalendae .k-calendar .k-btn-next-month:hover, html .kalendae .k-calendar .k-btn-previous-year:hover, html .kalendae .k-calendar .k-btn-next-year:hover {
                color: #515e59;
                font-weight: 700
            }

        html .kalendae .k-calendar .k-header span {
            color: #515e59;
            margin: 5px auto
        }

        html .kalendae .k-calendar .k-days span.k-in-month {
            color: #515e59;
            border-color: rgba(0,0,0,.1);
            background-color: #fff;
            height: 30px;
            padding-top: 5px;
            margin-bottom: 5px;
            opacity: .7
        }

            html .kalendae .k-calendar .k-days span.k-in-month.k-active {
                color: #fff;
                border-color: rgba(0,0,0,.1);
                background-color: #0073e6;
                height: 30px;
                padding-top: 5px;
                margin-bottom: 5px;
                opacity: .7
            }

        html .kalendae .k-calendar .k-days span.k-out-of-month {
            color: #515e59;
            background-color: rgba(0,0,0,0);
            height: 30px;
            padding-top: 5px;
            margin-bottom: 5px;
            opacity: .5
        }

        html .kalendae .k-calendar .k-days span.k-selected.k-active {
            background: #0073e6;
            color: #fff;
            opacity: 1
        }

        html .kalendae .k-calendar .k-days span.k-active:hover {
            border-color: #d8dde6;
            opacity: 1
        }

.wFormContainer .oneField.errFld .inputWrapper input[type='text'], .wFormContainer .oneField.errFld .inputWrapper input[type='password'], .wFormContainer .oneField.errFld .inputWrapper textarea, .wFormContainer .oneField.errFld .inputWrapper select {
    border-color: #ec4e4e !important
}

.wFormContainer .oneField.errFld div.errMsg {
    margin-top: .5em;
    color: #ec4e4e
}

.wfTab.errMsg {
    border: 1px solid #ec4e4e !important;
    background-color: #fff
}

    .wfTab.wfTabCurrentPage.errMsg, .wfTab.errMsg:hover {
        border: 1px solid #ec4e4e !important;
        background-color: #ec4e4e !important;
        color: #fff !important
    }

.errorMessage {
    color: #ec4e4e !important
}

a.errMsg {
    color: #ec4e4e;
    text-decoration: underline
}

.wFormContainer .errMsg {
    color: #ec4e4e !important
}

.wFormContainer .actions {
    margin-top: 0
}

    .wFormContainer .actions .primaryAction {
        background-color: #0073e6;
        color: #fff;
        margin-top: 1.6em;
        padding: 9.72px 16.2px;
        border: none;
        font-size: 12.96px;
        font-weight: 700;
        font-family: 'Montserrat',sans-serif;
        -webkit-appearance: none;
        border-radius: 2px
    }

        .wFormContainer .actions .primaryAction:hover {
            background-color: #0056ad;
            color: #fff
        }

        .wFormContainer .actions .primaryAction:disabled {
            background-color: rgba(0,0,0,.2);
            color: rgba(255,255,255,.7);
            -webkit-appearance: none;
            border-radius: 2px;
            cursor: not-allowed
        }

.wFormContainer .wfPagingButtons {
    margin-top: 0
}

    .wFormContainer .wfPagingButtons .wfPageNextButton, .wFormContainer .wfPagingButtons .wfPagePreviousButton {
        background-color: #0073e6;
        color: #fff;
        margin-top: 1.6em;
        padding: 9.72px 16.2px;
        border: none;
        font-size: 12.96px;
        font-family: 'Montserrat',sans-serif;
        -webkit-appearance: none;
        border-radius: 2px
    }

        .wFormContainer .wfPagingButtons .wfPageNextButton:hover, .wFormContainer .wfPagingButtons .wfPagePreviousButton:hover {
            background-color: #0056ad;
            color: #fff
        }

@media only screen and (max-width:600px) {
    .wFormContainer .actions .primaryAction, .wFormContainer .wfPagingButtons .wfPageNextButton, .wFormContainer .wfPagingButtons .wfPagePreviousButton {
        min-width: 150px;
        font-size: 16px;
        padding: 9.72px 20px
    }
}

#preview .mobile .primaryAction, #preview .mobile .wfPageNextButton, #preview .mobile .wfPagePreviousButton {
    min-width: 150px;
    font-size: 16px;
    padding: 9.72px 20px
}

.wFormContainer .wFormFooter .supportInfo {
    text-align: center
}

    .wFormContainer .wFormFooter .supportInfo a {
        color: #0056ad
    }

        .wFormContainer .wFormFooter .supportInfo a:hover {
            color: #0056ad;
            font-weight: 700
        }

.wFormContainer .oneField, .wFormContainer .section {
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.wFormContainer .wForm .removeSpan {
    display: block;
    float: none;
    text-align: right
}

.wFormContainer .wForm td .removeSpan {
    display: inline;
    float: right;
    text-align: inherit
}