@import "variables";
.view-list-seasons{
  background-color: #ffffff;
  padding: 50px 30px;
  table#example{
    thead {
      tr {
        th{
          vertical-align: middle;
          background-color: #f4f3f8;
          border-bottom: none;
          &::before, &::after {
            content: '';
          }
        }
      }
    }
    tbody{
      tr{
        td {
          vertical-align: middle;
          padding-left: 18px;
          font-weight: normal;
          font-size: 15px;
          line-height: 17px;
          color: #575962;
          &.sorting_1 {
            width: 5%;
          }
          &.season-name {
            font-weight: bold;
            line-height: 17px;
            color: #5867DD;
            width: 20%;
            h4 {

            }
          }
          &.season-image {
            width: 15%;
            .img-box {
              width: 30%;
              height: 50%;
              div {
                width: 100%;
                height: 100%;
                padding-bottom: calc(100% * 1 / 1);
                position: relative;
                img {
                  width: 100%;
                  height: 100%;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  transform: translate(-50%, -50%);
                  object-fit: cover;
                  object-position: center;
                }
              }
            }
          }
          &.season-description {
            width: 35%;
            div {
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              height: 20px;
              overflow: hidden;
              text-overflow: ellipsis;
              margin-bottom: 0;
            }
          }
          &.season-published {
            width: 15%;
            .published {
              i.fa-check-square {
                color: #1e7e34;
              }
            }
            .unpublished {
              i.fa-times-circle {
                color: #ac2925;
              }
            }
          }
          &.season-action {
            width: 20%;
            a {
              color: #5867dd;
              &+a {
                margin-left: 10px;
              }
            }
          }
        }
      }
    }
  }
}