.nowrap {
    white-space: nowrap
}

.position-container {
    position: relative
}

.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
}

.reset-appearance {
    margin: 0;
    padding: 0;
    border: 0 none;
    background: transparent;
    line-height: inherit;
    -webkit-appearance: none;
    -moz-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
}

table.sticky-header {
    z-index: 500;
    top: 0;
    margin-top: 0;
    background-color: #fff
}

.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/misc/icons/e32700/error.svg)
}

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

.system-status-counter__status-icon--checked:before {
    background-image: url(../../../../core/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%
    }
}