@import "variables";
.view-list-countries{
  table{
    tbody{
      tr {
        td {
          vertical-align: middle;
          padding-left: 18px;

          &.sorting_1 {
            width: 5%;
          }
          &.country-name {
            width: 35%;
            h4 {
              font-size: @font-size-h4;
              font-weight: @font-weight-semibold;
              color: @text-color-1;
            }
          }
          &.country-code {
            width: 15%;
          }
          &.country-flag {
            width: 15%;

            .img-box {
              width: 70px;
              height: 70px;
              overflow: hidden;
              border-radius: 4px;
              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;
                }
              }

            }
          }
          &.country-published {
            width: 15%;
            .published {
              i.fa-check-square {
                color: #1e7e34;
              }
            }
            .unpublished {
              i.fa-times-circle {
                color: #ac2925;
              }
            }
          }
          &.country-action {
            a {
              color: @text-color-2;
              &+a {
                margin-left: 10px;
              }
            }
          }
        }
      }
    }
  }
}@import "variables";
.view-list-countries{
  table{
    tbody{
      tr {
        td {
          vertical-align: middle;
          padding-left: 18px;

          &.sorting_1 {
            width: 5%;
          }
          &.country-name {
            width: 35%;
            h4 {
              font-size: @font-size-h4;
              font-weight: @font-weight-semibold;
              color: @text-color-1;
            }
          }
          &.country-code {
            width: 15%;
          }
          &.country-flag {
            width: 15%;
            .img-box {
              width: 70px;
              height: 70px;
              overflow: hidden;
              border-radius: 4px;
              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;
                }
              }

            }
          }
          &.country-published {
            width: 15%;
            .published {
              i.fa-check-square {
                color: #1e7e34;
              }
            }
            .unpublished {
              i.fa-times-circle {
                color: #ac2925;
              }
            }
          }
          &.country-action {
            a {
              color: @text-color-2;
              &+a {
                margin-left: 10px;
              }
            }
          }
        }
      }
    }
  }
}