Элементы для выделения контента

• Выделение текста цветом, используя классы
  .good
  и
  .important
  
  Данный вариант удобно использовать для отображения текста об ошибке/успехе.
• Выделение текста цветом, используя обвертку
  .ob-wf-stage
  
  Данный вариант удобно использовать для отображения этапа бизнес-процесса или статуса.
• Выделение элементов форм, используя обвертку
  .important-field
  
  Данный вариант удобно использовать, когда необходимо акцентировать внимание пользователя на некоторых элементах форм.
• Выделение цифровых значений, используя обвертку
  .ob-count-element
  
  Данный вариант удобно использовать для отбражения количества уведомлений/задач/и т.тд.
• Выделение текста, используя классы
  .ob-stage-closed
  и
  .ob-stage-hidden
  
  Данный вариант удобно использовать для обозначения статуса объекта (закрыт/скрыт или удален).

<span class="good">Example text</span>

<span class="important">Example text</span>

<span class="ob-wf-stage">Example text</span>

<div class="important-field">
    <input type="text" name="" />
</div>

<div class="important-field">
    <select class="chzn-select" style="width: 300px;">
        <option value="">Value 1</option>
        <option value="">Value 2</option>
        <option value="">Value 3</option>
        <option value="">Value 4</option>
        <option value="">Value 5</option>
    </select>
</div>

<div class="ob-count-element">10</div>

<span class="ob-stage-closed">Closed task</span>
<a href="#" class="ob-stage-closed">Closed task</a>

<span class="ob-stage-hidden">Hidden task</span>
<a href="#" class="ob-stage-hidden">Hidden taskt</a>