@import "variables";
.view-list-tours{
  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 {
            .icheckbox_square-red {
              margin: auto;
              display: flex;
              justify-content: center;
              align-items: center;
            }
          }
          &.tour-name {
            width: 15%;
            font-weight: bold;
            line-height: 17px;
            color: #5867DD;
            h4 {

            }
          }
          &.tour-image {
            width: 10%;
            .img-block {
              width: 100%;
              height: 100px;
              overflow: hidden;
              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-position: center;
                  object-fit: cover;
                }
              }
            }
          }
          &.tour-type {
            width: 15%;
          }
          &.tour-destination {
            width: 20%;
          }
          &.price {
            width: 9%;
            &.price-refer, &.adult-price {
              span {
                font-weight: @font-weight-semibold;
                color: #cc0033;
              }
            }
          }
          &.tour-action {
            a {
              color: #5867dd;
              &+a {
                margin-left: 10px;
              }
            }
          }
        }
      }
    }
  }
}