@import "flive-vars";

.wrapper-controls {
  position: relative;
}
.button {
  border: none;
  height: 25px;
  min-width: 25px;
  border-radius: 3px;
  text-align: center;
  margin-right: 2px;
  background: {
    color: transparent;
    position: 3px 50%;
    repeat: no-repeat;
    size: 18px 18px;
  }
  position: relative;
  background: {
    image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAllBMVEUAAAD///9VVVVJSUk5OTlAQEBHR0dFRUVCQkJHR0dBQUFCQkJGRkZDQ0NGRkZFRUVCQkJDQ0NERERDQ0NERERFRUVERERFRUVDQ0NERERFRUVERERERERFRUVERERERERERERERERFRUVERERFRUVFRUVERERERERERERERERERERERERERERERERERERERERERERERETx5KUoAAAAMXRSTlMAAAYHCQwZGiMkJzIzOUJOYGNlfoCJl5ibnaCxtLa8xsfIycrQ1OHi5uvs7e/19vn8NGTYeAAAAJdJREFUeNqN0McOgkAARdGnFJWiKGBhEEFpSn3//3OGjMmQ6MK7PMuLxVe/CXDTPl5DJmk3cOTTmZE7MDQES11RyhBY5vQU9aOB2z3gWVFMsXywYx3t9Q9tXsyDjlOVLQlOyanOL1ibkqB7l5odM01QSJqK6GdXmGwUHVhowImJIr2iMI9sLUWwa5LtFjPCSjSJBUl//HoDlmQPy0DFuCkAAAAASUVORK5CYII=");
  }
}
.button--active {
  background-color: rgba(200,200,200, 0.7);
}
.link-input {
  background-color: rgba(255,255,255, 0.7);
  padding-left: 2px;
  margin-left: -3px;
  display:inline-block;
  white-space: nowrap;
  line-height: 23px;
  vertical-align: top;
  button {
    border: 1px solid $form-control-border-color;
    background: transparent;
    padding: 3px;
    font-size: 12px;
    cursor: pointer;
    margin: 0 1em 0 0;
  }
}
.input-link {
  margin: 0 1em;
  height: 18px;
  font-size: 12px;
}
.input-target {
  margin: 0 1em 0 0 !important;
  font-size: 0.8em !important;
  display: inline-block;
  width: auto !important;
}