#pages_view {
  display: flex;
  flex-direction: column;

  height: 100%;

  .view-title {
    flex-shrink: 0;
  }
  
  .view-content {
    flex-grow: 1;

    display: flex;
    flex-direction: column;

    .top {
      flex-shrink: 0;

      display: flex;

      margin-bottom: calculateRem(20);
    }
    
    .table-container {
      table {
        thead {
          th.page_name-column {
            width: 35%;
          }

          th.status-column, th.user-column, th.updated-column {
            width: 20%;
          }
        }
      }
    }

    .empty-state {
      flex-grow: 1;
      
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;

      height: 100%;
      width: 100%;

      background-color: #F6F6F6;
      text-align: center;

      .icon-container {
        i {
          font-size: 64px;
          line-height: 64px;
        }
      }
    }
  }
}