.Widget-content--watchlist
  overflow-y scroll
.Watchlist
  &-symbol
    font-weight 600
    &:hover
      cursor pointer
  &-removeSymbol
    padding 0
    border 0
    outline 0
    background 0
    color $bz-grey
    cursor pointer
    font-size 1em
    &:hover
      color $bz-red
  &-empty
    width 100%
    padding-top 100px
    text-align center
    font-size 2em
    color inherit
  &-data
    width 100%
    text-align right
    font-weight 400
    tr
      &:nth-child(even)
        background-color $bz-grey--dark
      td, th
        padding-left 8px
        padding-right 8px
      td
        padding-top 2px
        padding-bottom 2px
      th
        padding-top 8px
        padding-bottom 8px
        font-size .9em
        text-transform uppercase
        color $bz-grey
        font-weight inherit
        white-space nowrap
        span
          cursor pointer

.create-wl
  position absolute
  z-index 0
  top 30px
  left 0
  right 0
  bottom 0
  display flex
  align-items center
  justify-content center
  &--hidden
    display none
  &__box
    background $bz-white
    box-sizing border-box
    width 80%
    max-width 550px
    boxShadow()
    padding 2em
    margin-bottom 10vh
  &__title
    font-size 1.5em
    font-weight 300
    margin-bottom 1.5em
  &__label
    font-size .75em
    text-transform uppercase
    color $bz-grey
    display inline-block
    margin-bottom .5em
  &__radio + &__radio
    margin-bottom 1.5em
  &__radio
    position relative
    margin-bottom .75em
    line-height 1.75em
    input[type="radio"]
      display none
      & + label
        margin-left 2.25em
        cursor pointer
        font-weight 300
        strong
          text-transform uppercase
          font-weight 600
          margin-right .25em
        &:before
          simpleTransition(box-shadow)
          content ''
          position absolute
          top 0
          left 0
          width 1.5em
          height 1.5em
          border-radius 50%
          border 1px solid $bz-grey--light
          box-shadow inset 0 0 0 0.4em $bz-white, inset 0 0 0 1em $bz-white
        &:hover:before
          box-shadow inset 0 0 0 0.5em $bz-white, inset 0 0 0 1em $bz-grey--light
      &:checked + label:before
        box-shadow inset 0 0 0 0.4em $bz-white, inset 0 0 0 1em $bz-blue

  &__input
    width 100%
    border 1px solid $bz-grey--light
    margin-bottom 1.5em
    box-sizing border-box
    min-height 39px
    font-size 1em
  &__name
    padding 10px
    height 35px
    outline 0
  &__proceed
    margin-top 2em
    text-align right
  &__create
    outline 0
    border 0
    cursor pointer
    color $bz-white
    background $bz-green
    font-size 1em
    text-transform uppercase
    padding 10px 20px

.WatchlistDelete

  &.is-hidden
    display flex
  &-box
    background $bz-white
    position absolute
    top 40%
    left 50%
    box-sizing border-box
    width 500px
    padding 10px
    margin-left -250px
    margin-top -60px
  &-label
    display block
    font-size 1.2em
    font-weight 600
    margin-bottom 10px
  &-deny
    display block
    color $bz-white
    background $bz-grey--dark
    border none
    font-size 1em
    padding 6px 10px
    float left
  &-confirm
    display block
    color $bz-white
    background $bz-red
    margin-left 10px
    border none
    font-size 1em
    padding 6px 10px
    float left