@import "src/styles/colors";

.caption {
  border-bottom: solid 1px $color-gray1;
}
.sub-caption {
  background-color: $color-gray1;
  color: $color-text-default;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  padding: 12px 20px;
  border-bottom: solid 1px $color-white-1;
  border-top: solid 1px $color-white-1;
}

table {
  width: 100%;
  font-size: 14px;
  padding-top: 10px;
  border-collapse: collapse;

  thead {
    tr.header {
      height: 44px;
      padding: 20px 0;
      background-color: $color-gray0;
      th {
        color: #272A48;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.35px;
        column-width: 130px;
        &:first-child {
          padding-left: 20px;
        }
      }
    }
  }

  tbody {

    td.buttonContainer{
      img {
        vertical-align: middle;
        width: 25px;
        height: 25px;
      }
      img:nth-child(2){
        margin-left: 5px;
      }
      img:first-child {
        margin-right: 15px;
      }
    }
    td:first-child {
      padding-left: 20px;
    }
    td:last-child {
      text-align: right;
      padding-right: 20px;
    }

    td {
      padding: 15px 0;
      color: #272A48;
      font-family: "PT Sans", serif;
      font-size: 16px;
      letter-spacing: 0;
      column-width: 130px;
    }
  }

  th, td {
    padding: 2px 0;
    border-bottom: solid 1px $color-gray1;
    text-align: left;
    vertical-align: middle;
  }
}
.auto-adjuster {
  column-width: auto !important;
}