/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.webform-message--close .messages {
    position: relative;
    padding-right: 35px
}

.webform-message--close .webform-message__link {
    display: none
}

html.js .webform-message--close .webform-message__link {
    position: absolute;
    top: 11px;
    right: 10px;
    display: block;
    font-size: 24px;
    line-height: 24px
}

html[dir=rtl].js .webform-message--close .webform-message__link {
    top: 11px;
    right: inherit;
    left: 10px
}

.webform-message__link {
    opacity: .33;
    color: inherit
}

.webform-message__link:link {
    text-decoration: none;
    border-bottom: none
}

.webform-message__link:hover,.webform-message__link:focus,.webform-message__link:active {
    text-decoration: none;
    opacity: 1;
    color: inherit;
    border-bottom: none
}

html.js .js-webform-message--close-storage {
    display: none
}

.js-webform-message--close .button--dismiss {
    display: none
}

.webform-options-display-side-by-side>div {
    display: inline-block;
    margin-right: .5em
}

@media (min-width: 400px) {
    .webform-options-display-two-columns {
        display:block;
        max-width: 900px;
        margin-top: .4em;
        column-count: 2
    }

    .webform-options-display-three-columns {
        display: block;
        max-width: 900px;
        margin-top: .4em;
        column-count: 3
    }

    .webform-options-display-two-columns div.form-item,.webform-options-display-three-columns div.form-item {
        margin-top: 0;
        margin-bottom: 0
    }
}

.webform-options-display-buttons,.form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.webform-options-display-buttons .webform-options-display-buttons-wrapper {
    flex: 1;
    margin: 0 5px 10px
}

.webform-options-display-buttons .form-item {
    display: table;
    width: 100%;
    height: 100%
}

.webform-options-display-buttons label.webform-options-display-buttons-label {
    display: table-cell;
    height: 100%;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    color: #666;
    border: 3px solid #ccc;
    border-radius: 3px;
    background-color: #fff
}

.webform-options-display-buttons input:hover+label.webform-options-display-buttons-label {
    color: #333;
    border-color: #999
}

.webform-options-display-buttons input:focus+label.webform-options-display-buttons-label {
    color: #333;
    border-color: #999;
    box-shadow: 0 0 5px #999
}

.webform-options-display-buttons input:checked+label.webform-options-display-buttons-label {
    color: #000;
    border-color: #0074bd
}

.webform-options-display-buttons input:checked:focus+label.webform-options-display-buttons-label {
    box-shadow: 0 0 5px #0074bd
}

.webform-options-display-buttons input:checked+label.webform-options-display-buttons-label .webform-options-display-buttons-description {
    font-weight: 400
}

.webform-options-display-buttons input:disabled+label.webform-options-display-buttons-label,.webform-options-display-buttons input:disabled:hover+label.webform-options-display-buttons-label,.webform-options-display-buttons input:disabled:focus+label.webform-options-display-buttons-label {
    cursor: not-allowed;
    color: #999;
    border-color: #ccc
}

.webform-options-display-buttons-horizontal .webform-options-display-buttons-wrapper {
    flex: none
}

.webform-options-display-buttons-vertical,.form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons-vertical {
    flex-direction: column
}

.webform-options-display-buttons-vertical .webform-options-display-buttons-wrapper {
    flex: 1;
    margin: 0 5px
}

@media (max-width: 600px) {
    .webform-options-display-buttons,.form-composite.webform-fieldset--title-inline .fieldset-wrapper>div.webform-options-display-buttons {
        display:block;
        margin: 0
    }

    .webform-options-display-buttons .webform-options-display-buttons-wrapper {
        display: block;
        margin: 5px 0
    }
}

html.js .js-webform-visually-hidden,html.js .js-webform-visually-hidden[style*="display: none"] {
    position: absolute !important;
    display: inline !important;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    width: 1px;
    height: 1px;
    word-wrap: normal
}

.js-form-item.js-webform-states-hidden,.js-form-submit.js-webform-states-hidden,.js-form-wrapper.js-webform-states-hidden,.js-webform-text-format-hidden>.js-text-format-wrapper {
    display: none
}

.form--inline .form-item {
    float: left;
    margin-right: .5em
}

[dir=rtl] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

.webform-element-description p:first-child {
    margin-top: 0
}

.webform-element-description p:last-child {
    margin-bottom: 0
}

.form-item .container-inline {
    margin: 2px 0
}

.form-checkboxes .form-required:after,.form-radios .form-required:after {
    display: none
}

.webform-element--title-inline>label {
    display: inline;
    padding-right: .5em
}

.webform-element--title-inline>div.container-inline {
    display: inline
}

.form-composite.webform-fieldset--title-inline legend {
    float: left;
    margin: .4em .5em .4em 0
}

[dir=rtl] .form-composite.webform-fieldset--title-inline legend {
    float: right;
    margin-right: 0;
    margin-left: .5em
}

.form-composite.webform-fieldset--title-inline .fieldset-wrapper,.form-composite.webform-fieldset--title-inline .fieldset-wrapper>div {
    display: inline
}

.webform-element--title-inline .form-radios,.webform-element--title-inline .form-checkboxes {
    display: inline
}

.webform-submission-form strong.error.form-item--error-message {
    display: block
}

.webform-readonly input[type=date],.webform-readonly input[type=datetime-local],.webform-readonly input[type=email],.webform-readonly input[type=number],.webform-readonly input[type=password],.webform-readonly input[type=search],.webform-readonly input[type=tel],.webform-readonly input[type=text],.webform-readonly input[type=time],.webform-readonly input[type=url],.webform-readonly textarea {
    color: #6b6b6b;
    border-color: #bbb;
    background: #ededed
}

.captcha__description {
    margin-bottom: .75em
}

.paragraph--unpublished {
    background-color: #fff4f4
}

.ajax-progress.ajax-progress-fullscreen {
    z-index: 1261
}

.webform-ajax-messages {
    position: fixed;
    z-index: 100;
    bottom: 0;
    width: 100%
}

.webform-ajax-messages .messages {
    margin: 0;
    border-width: 10px 0 0;
    font-weight: 700
}

.webform-ajax-messages .messages+.messages {
    margin: 0
}

.webform-ui-dialog {
    top: 50px !important
}

.toolbar-tray-open.toolbar-horizontal .webform-ui-dialog {
    top: 90px !important
}