export const SCANNING_STYLES: string = `
.bar-wrapper {
    width: 150px;
    height: 24px;
    display: inline-block;
}

.bar-state {
    text-align: center !important;
}

.scanning-button {
    height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
    vertical-align: middle;
    top: -6px;
    position: relative;
}

.tip-wrapper {
    display: inline-block;
    height: 16px;
    max-height: 16px;
    max-width: 150px;
}

.tip-position {
    margin-left: -4px;
}

.tip-block {
    margin-left: -4px;
}

.bar-block-high {
    background-color: red;
}

.bar-block-medium {
    background-color: orange;
}

.bar-block-low {
    background-color: yellow;
}

.bar-block-none {
    background-color: green;
}

.bar-block-unknown {
    background-color: grey;
}

.bar-tooltip-font {
    font-size: 13px;
    color: #565656;
}

.bar-tooltip-font-title {
    font-weight: 600;
}

.bar-summary {
    margin-top: 5px;
}

.bar-scanning-time {
    margin-left: 26px;
}

.bar-summary ul {
    margin-left: 24px;
}

.bar-summary ul li {
    list-style-type: none;
    margin: 2px;
}
`; 