.h-elements-container
    width 100%
    max-height 300px
    overflow-y auto
    margin-top 5px
    padding 3px 5px

    .h-element
        span
            cursor pointer

        .h-element-label
            margin-left 5px

        .h-delete-element
            float right


    .h-element:hover
        background-color #eee

.h-save-annotation
    float right

.h-draw-widget
  .h-draw-tools
    .btn-group-sm>.btn
      padding-left 3px
      padding-right 7px

  .h-style-group-row
    margin 10px 0

.h-elements-container
    width 100%
    max-height 300px
    overflow-y auto
    margin-top 5px
    padding 3px 5px

    .h-element
        span
            cursor pointer

        .h-element-label
            margin-left 5px

        .h-delete-element
            float right


    .h-element:hover
        background-color #eee

.h-save-annotation
    float right

.h-draw-widget
  .h-draw-tools
    .btn-group-sm>.btn
      padding-left 3px
      padding-right 7px

  .h-style-group-row
    margin 10px 0

  .btn-default.active
    background-color #5790ff
    &:focus, &:hover
      background-color #4672cc

Change the color of the selected drawing style.
Change the color of the selected drawing style.

I couldn't see the difference between which drawing mode was selected versus which one was focused.  This made it hard to tell if I had a drawing mode turned on or off.

Bootstrap's .btn-default:hover is the same color as .btn-default.active, and very close to .btn-default.active:focus

I picked the color that my version of Chrome uses for highlighted text.  I'd be happy to use a different color, provided I can tell the difference between it and the :hover color.
