@import "base/variavles"

.selected-container
  min-height: 40px
  //padding-bottom: 20px
  .selected-element
    padding: 7px 35px 3px 10px
    margin-top: 8px
    min-height: 45px
    background-color: #e3e3e3
    border: 1px solid #dbdbdb
    position: relative
    -moz-border-radius: 10px
    -webkit-border-radius: 10px
    border-radius: 10px
    .header,
    .name
      white-space: nowrap
      text-overflow: ellipsis
      overflow: hidden
      width: 100%
      display: block
    .header
      font-size: 7pt
      color: #676363
    .name
      font-size: 11pt
      display: inline-block
    .icon-remove
      background-image: url('#{$static}/img/cross01.png')
      background-size: 20px 20px
      position: absolute
      right: 5px
      top: 15px
      width: 20px
      height: 20px
      cursor: pointer
      margin-left: -20px

.horizontal
  &.selected-container
    //display: inline-block
    //.header, .name
      //max-width: 300px
      //display: block
  .selected-element
    max-width: 300px
    display: inline-block