/**
 * Copyright (c) 2015 Bosch Software Innovations GmbH and others.
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 */
// scss-lint:disable ImportantRule, PropertySortOrder

@mixin table-content {
  $color3: $dark-green-color;
  $color5: $lighter-orange-color;

  //*Text field in target table header that appears when targets are filtered with DS**
  .target-dist-filter-info {
    height: 19px;
    border-radius: $v-border-radius;
    border-style: dashed;
    border-width: 1px;
    color: $hawkbit-primary-color;
    background-color: $lighter-grey-color;
    margin-top: 1px;
    line-height: 1.1;
  }

  .target-dist-filter-info:empty {
    border: 0;
  }

  //Start details icon and pin icon styles
  .pin-icon {
    visibility: hidden;
    float: right;
    @include button-icon-size;
  }

  div.pin-icon:hover {
    background-color: $hawkbit-primary-color;
    color: $widget-bg;
    padding: 0;
  }

  tr.v-selected .v-button-distributionPin {
    color: $widget-bg;
  }

  .distributionPin {
    line-height: 15px;
    background-color: none;
    font-weight: normal;
  }

  .distributionPin:focus:after {
    border-color: none !important;
    box-shadow: none !important;
  }

  .distributionPin:active:after {
    border: none !important;
  }

  .pin-icon-red {
    visibility: visible;
  }

  .redicon .v-icon {
    color: $discard-icon-color;
  }

  //Show text with ellipses if the length grows beyond the label/layout width
  #desc-length {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #desciption-p {
    display: inline;
    white-space: nowrap;
    line-height: 1.5;
  }

  //Distribution add/update window style
  .dist-buttons-horz-layout {
    height: 30px !important;
    margin-top: -10px !important;
  }

  //*Table details - Tag tab - Tag button styles*
  .tokentextfield .v-filterselect {
    font-size: 12px;
    height: 28px;
    width: 100%;
    margin-bottom: 15px;
    background: none !important;
  }
  .tokenfield .v-button-link {
    text-decoration: none;
    margin: 4px !important;
    background-color: $widget-border-color !important;
  }

  .v-customcomponent-tokenfield {
    overflow-y: auto;
    overflow-x: hidden;
  }

  .tokenfield .v-button-link .v-button-caption {
    color: $table-details-tab-font-color !important;
  }

  //Tokenfield combo style adjusted.combo should look like a text field where user can search by typing
  .hideTokenFieldcombo {
    .v-filterselect {
      visibility: hidden !important;
      height: 0 !important;
      margin: 0 !important;
      background: none !important;
    }
  }

  //Table details  - Security token
  .targetDtls-securityToken {
    background: none repeat scroll 0 0 transparent !important;
    padding-left: 2px !important;
    height: 20px !important;
    width: 100% !important;
  }

  //Create/update popup footer button layout style
  .window-style {
    margin-bottom: 4px !important;
    margin-top: 4px !important;
  }

  //Table details style
  .widget-style {
    background: $widget-bg;
    border-radius: $v-border-radius;
    line-height: 21px;
    border: 1px solid $widget-border-color;
  }
  
  .ds-metadata-icon{
  	line-height:15px;
   }
}
