@import "variables";
.view-list-coupons{
  background-color: #ffffff;
  padding: 50px 30px;

  table#example{
    thead {
      tr {
        th{
          vertical-align: middle;
          padding-left: 18px;
          font-weight: normal;
          font-size: 15px;
          line-height: 17px;
          color: #575962;
          &::before, &::after {
            content: '';
          }
        }
      }
    }
    tbody{
      tr {
        td {
          vertical-align: middle;
          padding-left: 18px;
          &.sorting_1 {
            width: 5%;
          }
          &.coupon-name {
            width: 15%;
            font-weight: bold;
            line-height: 17px;
            color: #5867DD;
            h4 {

            }
          }
          &.tour-name {
            width: 20%;
          }
          &.coupon-description {
            width: 30%;
            div {
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              height: 20px;
              overflow: hidden;
              text-overflow: ellipsis;
              margin-bottom: 0;
            }
          }
          &.coupon-published {
            width: 10%;
          }
          &.coupon-action {
            a {
              color: #5867dd;
              &+a {
                margin-left: 10px;
              }
            }
          }
        }
      }
    }
  }
}