// Animated blocks
.vc_gitem-tabs {
  margin: 0 -1px;

  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  @media screen and (min-width: @screen-sm-min) {
    flex-direction: row;
  }

  .vc_gitem-animated-block-tab {
    float: left;
    margin: 0 1px;
    background-color: #e6e6e6;
    border: 1px solid transparent;
    box-sizing: border-box;
    flex: 0 0 auto;
    display: flex;

    &:first-child {
      .border-top-radius(@vc_gitem_round_radius);
    }
    @media screen and (min-width: @screen-sm-min) {
      flex: 1 0 0;
      .border-top-radius(@vc_gitem_round_radius);
    }

    a {
      margin: 0;
      display: inline-block;
      padding: 4px;
      color: #444;
      text-decoration: none;
      outline: none;
      flex: 0 0 auto;
      &:first-child {
        flex: 1 1 0;
      }

      .vc_label {
        display: block;
        line-height: 16px;
        height: 16px;
        box-sizing: border-box;
        margin: 0 3px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
    .vc-composer-icon {
      color: #888888;
    }
    &.vc_active {
      background-color: #f5f5f5;
    }
  }
}

.vc_gitem-animated-block-content-controls {
  .vc_gitem-animation {
    margin: 0 0 6px;
    select {
      margin: 0 auto;
      display: block;
    }
  }
}

.vc_gitem-zone-tab {
  min-height: @vc_gitem_min_height;
  display: none;
  &.vc_active {
    display: block;
  }
}

.vc_gitem_animated_block-shortcode {
  margin: 10px;
  box-sizing: border-box;
  > .vc_controls {
    display: block;
    float: right;
    .vc_control-btn-edit {
      border: 1px solid #f5f5f5;
      .border-top-radius(@vc_gitem_round_radius);
      .border-bottom-radius(@vc_gitem_round_radius);
      padding: 2px;
      width: 20px;
      text-align: center;
    }
  }
}

.vc_gitem-animation-single {
  .vc_gitem-tab-b {
    display: none;
  }
}