/* wwwroot/css/dynamic-forms/themes/dynamic-form-theme-foundation.css */

.dynamic-form-theme-foundation {
    --ast-survey-primary: #2d3c98;
    --ast-survey-primary-dark: #23317f;
    --ast-survey-primary-light: rgba(45, 60, 152, 0.08);
    --ast-survey-backcolor: #ffffff;
    --ast-survey-backcolor-dark: #f6f8fb;
    --ast-survey-forecolor: #263547;
    --ast-survey-forecolor-light: #5f6f82;
    --ast-survey-border-default: #d7ddea;
    --ast-survey-border-light: #e8ebf2;
    --sjs-primary-backcolor: var(--ast-survey-primary);
    --sjs-primary-backcolor-dark: var(--ast-survey-primary-dark);
    --sjs-primary-backcolor-light: var(--ast-survey-primary-light);
    --sjs-general-backcolor: #ffffff;
    --sjs-general-backcolor-dark: #f6f8fb;
    --sjs-general-backcolor-dim: #ffffff;
    --sjs-general-backcolor-dim-light: #ffffff;
    --sjs-general-backcolor-dim-dark: #f6f8fb;
    --sjs-general-forecolor: #263547;
    --sjs-general-forecolor-light: #5f6f82;
    --sjs-border-default: #d7ddea;
    --sjs-border-light: #e8ebf2;
    max-width: 980px;
    box-shadow: none;
}

.dynamic-form-theme-foundation,
.dynamic-form-theme-foundation .dynamic-form-public-card-body,
.dynamic-form-theme-foundation #surveyContainer,
.dynamic-form-theme-foundation #surveyContainer .sd-root-modern,
.dynamic-form-theme-foundation #surveyContainer .sd-root,
.dynamic-form-theme-foundation #surveyContainer .sd-container-modern,
.dynamic-form-theme-foundation #surveyContainer .sd-body,
.dynamic-form-theme-foundation #surveyContainer .sd-page,
.dynamic-form-theme-foundation #surveyContainer .sd-page__row,
.dynamic-form-theme-foundation #surveyContainer .sd-row,
.dynamic-form-theme-foundation #surveyContainer .sv-components-row,
.dynamic-form-theme-foundation #surveyContainer .sd-body__navigation {
    background: #ffffff !important;
}

.dynamic-form-theme-foundation #surveyContainer .sd-container-modern__title .sd-header__text .sd-title {
    display: block;
    width: 100%;
    color: #2d3c98 !important;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.025em;
    font-weight: 700;
}

.dynamic-form-theme-foundation #surveyContainer .sd-container-modern__title .sd-header__text .sd-description,
.dynamic-form-theme-foundation #surveyContainer .sd-page__title,
.dynamic-form-theme-foundation #surveyContainer .sd-page__description {
    text-align: center;
}

.dynamic-form-theme-foundation #surveyContainer .sd-html h1,
.dynamic-form-theme-foundation #surveyContainer .sd-html h2,
.dynamic-form-theme-foundation #surveyContainer .sd-html h3 {
    color: #2d3c98 !important;
}

.dynamic-form-theme-foundation #surveyContainer .sd-input:not(.sd-input--preview):focus,
.dynamic-form-theme-foundation #surveyContainer input.sd-input:focus,
.dynamic-form-theme-foundation #surveyContainer textarea.sd-input:focus,
.dynamic-form-theme-foundation #surveyContainer select.sd-input:focus {
    border-color: #2d3c98 !important;
    box-shadow: 0 0 0 3px rgba(45, 60, 152, 0.13) !important;
}

.dynamic-form-theme-foundation #surveyContainer .sd-navigation__next-btn,
.dynamic-form-theme-foundation #surveyContainer .sd-navigation__complete-btn {
    border-color: #2d3c98 !important;
    background-color: #2d3c98 !important;
    color: #ffffff !important;
}

.dynamic-form-theme-foundation #surveyContainer .sd-navigation__next-btn:hover,
.dynamic-form-theme-foundation #surveyContainer .sd-navigation__next-btn:focus,
.dynamic-form-theme-foundation #surveyContainer .sd-navigation__complete-btn:hover,
.dynamic-form-theme-foundation #surveyContainer .sd-navigation__complete-btn:focus {
    border-color: #23317f !important;
    background-color: #23317f !important;
    color: #ffffff !important;
}

.dynamic-form-theme-foundation #surveyContainer .sd-navigation__complete-btn {
    min-width: 180px;
    margin-inline: auto !important;
}

.dynamic-form-theme-foundation #surveyContainer .sd-question--signature .sd-question__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dynamic-form-theme-foundation #surveyContainer .sd-question--signature .sd-signaturepad,
.dynamic-form-theme-foundation #surveyContainer .sd-question--signature .sjs_sp_container {
    margin-inline: auto;
}

.dynamic-form-theme-foundation #surveyContainer .sd-question--signature .sd-question__description {
    width: 100%;
    text-align: center;
}

.dynamic-form-theme-foundation #surveyContainer .sd-signaturepad,
.dynamic-form-theme-foundation #surveyContainer .sjs_sp_container,
.dynamic-form-theme-foundation #surveyContainer .sd-signaturepad__canvas,
.dynamic-form-theme-foundation #surveyContainer .sjs_sp_canvas {
    max-width: 100%;
}

@media (max-width: 767.98px) {
    .dynamic-form-theme-foundation #surveyContainer .sd-navigation__complete-btn {
        width: min(100%, 280px);
    }
}