@randstad-design/orbit-multitheme/dist/assets/theme-spherion/components/indicators/strength.css

multitheme Front-end code based on Randstad Human Forward components

.strength {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .strength__bulbs {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .strength__bulbs--positive .strength__bulb--filled {
      background: #11d15e; }
    .strength__bulbs--average .strength__bulb--filled {
      background: #97999b; }
    .strength__bulbs--negative .strength__bulb--filled {
      background: #f13c23; }
  .strength__bulb {
    background: #e2e2e2;
    border-radius: 6px;
    height: 20px;
    margin-left: 8px;
    width: 12px; }
    .strength__bulb:first-child {
      margin-left: 0; }
    .strength__bulb--filled {
      background: #ff661a; }
  .strength__label {
    font-family: Montserrat, arial, sans-serif;
    font-size: 18px;
    text-transform: none;
    line-height: 30px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    margin-left: 20px; }

/*# sourceMappingURL=strength.css.map */