@tplBorderColor: #7e3fc1;
@tplBgColor: #fff;

.rolltemplate-toe {
  table {
    background: @tplBgColor;
    border: solid 2px @tplBorderColor;
    border-collapse: separate;
    border-radius: 1em;
    overflow: hidden;
    width: 100%;

    thead th {
      background: @tplBorderColor;
      color: #fff;
      padding: 0.5em 1em;
    }

    tbody {
      text-align: center;

      tr:nth-child(2n+0) {
        background: rgba(0,0,0,0.1);
      }

      td {
        padding: 0.5em 0;
      }

      .upgrade, .downgrade {
        span:nth-child(1) {
          font-weight: bold;
          padding-right: 1em;
        }
      }

      .notes {
        font-size: 0.8em;
        font-style: italic;
        word-break: break-word;
      }
    }
  }
}