.formio-dialog-close:before {
    content: '\D7' !important;
}

.choices__list--dropdown:not(.is-active) {
    display: none;
}

.is-flipped .choices__list--dropdown {
    top: inherit;
    bottom: inherit;
    margin-top: inherit;
    margin-bottom: inherit;
    border-radius: inherit;
}

.form-control.is-native-invalid {
    border-color: #dc3545;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(2em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

/*noinspection CssUnresolvedCustomProperty*/
a {
    color: var(--mdc-theme-primary) !important;
}

/*noinspection CssUnresolvedCustomProperty*/
.form-check-input {
    accent-color: var(--mdc-theme-secondary);
}

/*noinspection CssUnresolvedCustomProperty*/
.form-control:focus{
    border-color: var(--mdc-theme-primary) !important;
    box-shadow: 0 0 0 3px var(--dmc-theme-primary-transparent), 0 0 0 3px var(--dmc-theme-primary-transparent);
    outline: 0 none !important;
}

/*noinspection CssUnresolvedCustomProperty*/
.bg-primary, .btn-primary {
    background-color: var(--mdc-theme-primary) !important;
    border-color: var(--mdc-theme-primary) !important;
}

/*noinspection CssUnresolvedCustomProperty*/
.bg-success, .btn-success {
    background-color: var(--dmc-theme-green) !important;
}

/*noinspection CssUnresolvedCustomProperty*/
.bg-danger, .btn-danger {
    background-color: var(--mdc-theme-error) !important;
 }

/*noinspection CssUnresolvedCustomProperty*/
.bg-warning, .btn-warning {
    background-color: var(--dmc-theme-yellow) !important;
}

/*noinspection CssUnresolvedCustomProperty*/
.bg-primary.bg-success.bg-danger.bg-warning > .card-title {
    color: var(--mdc-theme-on-error) !important;
}

#form-content {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}