/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: 0 0;
    line-height: inherit;
    -webkit-appearance: none;
    appearance: none
}

.resize-none {
    resize: none
}

.resize-vertical {
    min-height: 2em;
    resize: vertical
}

.resize-horizontal {
    max-width: 100%;
    resize: horizontal
}

.resize-both {
    max-width: 100%;
    min-height: 2em;
    resize: both
}

.system-status-counter__status-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle
}

.system-status-counter__status-icon:before {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center 2px;
    background-size: 16px
}

.system-status-counter__status-icon--error:before {
    background-image: url(/core/modules/system/css/components/../../../../misc/icons/e32700/error.svg)
}

.system-status-counter__status-icon--warning:before {
    background-image: url(/core/modules/system/css/components/../../../../misc/icons/e29700/warning.svg)
}

.system-status-counter__status-icon--checked:before {
    background-image: url(/core/modules/system/css/components/../../../../misc/icons/73b355/check.svg)
}

.system-status-report-counters__item {
    width: 100%;
    margin-bottom: .5em;
    padding: .5em 0;
    text-align: center;
    white-space: nowrap;
    background-color: rgba(0,0,0,.063)
}

@media screen and (min-width: 60em) {
    .system-status-report-counters {
        display:flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .system-status-report-counters__item--half-width {
        width: 49%
    }

    .system-status-report-counters__item--third-width {
        width: 33%
    }
}

.system-status-general-info__item {
    margin-top: 1em;
    padding: 0 1em 1em;
    border: 1px solid #ccc
}

.system-status-general-info__item-title {
    border-bottom: 1px solid #ccc
}

.tablesort {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: 100%
}

.tablesort--asc {
    background-image: url(/core/modules/system/css/components/../../../../misc/icons/787878/twistie-down.svg)
}

.tablesort--desc {
    background-image: url(/core/modules/system/css/components/../../../../misc/icons/787878/twistie-up.svg)
}

.progress {
    position: relative
}

.progress__track {
    min-width: 100px;
    max-width: 100%;
    height: 16px;
    margin-top: 5px;
    border: 1px solid;
    background-color: #fff
}

.progress__bar {
    width: 3%;
    min-width: 3%;
    max-width: 100%;
    height: 16px;
    background-color: #000
}

.progress__description,.progress__percentage {
    overflow: hidden;
    margin-top: .2em;
    color: #555;
    font-size: .875em
}

.progress__description {
    float: left
}

[dir=rtl] .progress__description {
    float: right
}

.progress__percentage {
    float: right
}

[dir=rtl] .progress__percentage {
    float: left
}

.progress--small .progress__track {
    height: 7px
}

.progress--small .progress__bar {
    height: 7px;
    background-size: 20px 20px
}

.ajax-progress {
    display: inline-block;
    padding: 1px 5px 2px
}

[dir=rtl] .ajax-progress {
    float: right
}

.ajax-progress-throbber .throbber {
    display: inline;
    padding: 1px 6px 2px;
    background: transparent url(/core/misc/components/../throbber-active.gif) no-repeat 0 center
}

.ajax-progress-throbber .message {
    display: inline;
    padding: 1px 5px 2px
}

tr .ajax-progress-throbber .throbber {
    margin: 0 2px
}

.ajax-progress-bar {
    width: 16em
}

.ajax-progress-fullscreen {
    position: fixed;
    z-index: 1261;
    top: 48.5%;
    left: 49%;
    width: 24px;
    height: 24px;
    padding: 4px;
    opacity: .9;
    border-radius: 7px;
    background-color: #232323;
    background-image: url(/core/misc/components/../loading-small.gif);
    background-repeat: no-repeat;
    background-position: center center
}

[dir=rtl] .ajax-progress-fullscreen {
    right: 49%;
    left: auto
}

fieldset.webform-composite-hidden-title {
    margin-top: 1em;
    margin-bottom: 1em
}

fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-item:first-child,fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-wrapper>.form-item:first-child,fieldset.webform-composite-hidden-title .fieldset-wrapper>.webform-flexbox:first-child {
    margin-top: 0
}

fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-item:last-child,fieldset.webform-composite-hidden-title .fieldset-wrapper>.form-wrapper>.form-item:last-child,fieldset.webform-composite-hidden-title .fieldset-wrapper>.webform-flexbox:last-child {
    margin-bottom: 0
}

.webform-details-toggle-state-wrapper {
    text-align: right;
    margin-top: 1em
}

[dir=rtl] .webform-details-toggle-state-wrapper {
    text-align: left
}

.webform-details-toggle-state-wrapper+details {
    margin-top: 0
}

.webform-details-toggle-state {
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    font-size: 1em;
    text-decoration: none;
    color: #337ab7
}

.webform-details-toggle-state:hover,.webform-details-toggle-statelink:focus {
    text-decoration: underline
}

.webform-tabs .webform-details-toggle-state-wrapper {
    float: right
}

@media screen and (max-width: 600px) {
    .webform-tabs .webform-details-toggle-state-wrapper {
        float:none
    }
}