@import "variables";
.view-list-facilities{
  table{
    tbody{
      tr{
        td {
          vertical-align: middle;
          padding-left: 18px;
          &.sorting_1 {
            width: 5%;
          }
          &.facility-name {
            width: 25%;
            h4 {
              font-size: @font-size-h4;
              font-weight: @font-weight-semibold;
              color: @text-color-1;
            }
          }
          &.facility-image {
            width: 10%;
            .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;
                }
              }
            }
          }
          &.facility-description {
            width: 40%;
            div {
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              height: 20px;
              overflow: hidden;
              text-overflow: ellipsis;
              margin-bottom: 0;
            }
          }
          &.facility-action {
            a {
              color: @text-color-2;
              &+a {
                margin-left: 10px;
              }
            }
          }
        }
      }
    }
  }

}