/**
 * Tabless

 * @author Alex Kovalev <alex.kovalevv@gmail.com>
 * @copyright Webcraftic 26.08.2019
 */

.wam-table {
  @assetsTableClass: ~"wam-table";
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;

  &__handle-deps {
    margin-top: 15px;

    span, a {
      font-size: 11px !important;
    }

    a {
      color: red;
      text-decoration: underline;
    }
  }

  tr:nth-child(2n) > td {
    background: #f9f9f9;
    //border-bottom: 15px solid white;
  }

  th {
    padding: 12px 10px;
    text-align: left;
    color: #333;
    background: #ECEDED;
    box-shadow: none;
  }

  th:not(:last-child) {
    border-right: 2px solid #FFF;
  }


  &__th-actions {
    width: 200px;
  }

  &__th-type {
    width: 100px;
  }

  &__th-version {
    width: 100px
  }

  &__th-size {
    width: 100px;
  }

  &__th-plugins-list, &__td-plugins-list {
    width: 350px;
  }

  td {
    padding: 17px 10px;
    vertical-align: top;
    //background: #f9f9f9;
    //border-bottom: 1px solid #ECEDED;
    text-align: left;
    box-shadow: none;
  }

  &__td-handle {
    word-break: break-word;
  }

  &__td-plugins-list {
    padding: 0 !important;
  }

  &__th-plugins-settings, &__td-plugins-settings {
    width: 80%;
    padding: 15px;
    text-align: left;
  }

  .js-wam-table__tr--disabled-section {
    background: #fbf5f4;
    opacity: 0.7;
  }

  &__asset-settings-conditions {
    display: none;
    background: #f3f3f3;
    color: #7b7b7b;
    font-size: 13px;
    box-shadow: 0 2px 0 #d4d4d4;

    & > td {
      padding: 0 25px 15px 25px;
    }
  }

  &.wam-plugin-assets__table {
  }
}