.pages {
  .pages-content {
    .side-panel {
      position: absolute;
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      height: 100%;
      min-height:100%;
      top: 0;
      bottom: 0;
      right: 0x;
      left: 0px;
      background-color: #fff;
      .close-sidebar-panel {
        display:block;
        position: absolute;
        left: 1rem;
        top: 1rem;
        button {
          position: absolute;
          top: -50px;
          right: 0;
          display: block;
        }
        .close-panel-butto {
          left: 0px;
          position: relative;
        }
      }
      .side-panel-content {
        position: absolute;
        top: 100px;
      }
    }
  }
}
#myTabContent{
  #home{
    .side-panel{
      position: absolute;
      width: 100%;
      min-width: 100%;
      max-width: 100%;
      height: 100%;
      min-height: 100%;
      top: 0;
      bottom: 0;
      right: 0x;
      left: 0px;
      background-color: #fff;
    }
  }
}


#home {
  .table-container {
    .table-responsive {
      top: 3.5rem;
      position: relative;
      .table {
        
        thead {
          tr {
            th:nth-child(n + 6):not(:last-child) {
              display: none;
            }
          }
        }
        tbody {
          tr {
            td:nth-child(n + 6):not(:last-child) {
              display: none;
            }
          }
        }
      }
    }
  }
}
#top {
  .main-page__content {
    .pages {
      .pages-content {
        .table-container {
          .table-responsive {
            .table {
              // display: table;
              // position:absolute;

              thead {
                th:nth-child(n + 3):not(:last-child) {
                  display: none;
                }
              }
              tbody {
                td:nth-child(n + 3):not(:last-child) {
                  display: none;
                }
              }
            }
          }
        }
      }
    }
  }
}
