.sticky-column-table
  max-width: 100%
  
  thead
    background: rgb(245, 246, 247)

  thead tr:first-child
    height: 40px
    line-height: 14px
  
  thead tr:first-child th
    font-size: 12px
    font-weight: 400
    color: rgb(168, 168, 179)

  thead tr:first-child th:first-child
    background-color: rgb(245, 246, 247)

  td:first-child
    background-color: #fff

  th:first-child,
  td:first-child
    position: sticky
    left: 0
    z-index: 1
    box-shadow: rgba(0, 0, 0, 0.05) 2px 0px 0px

  td.none-shadow
    box-shadow: none

.sticky-tow-column-table
  max-width: 100%
  
  thead
    background: rgb(245, 246, 247)

  thead tr:first-child
    height: 40px
    line-height: 14px
  
  thead tr:first-child th
    font-size: 12px
    font-weight: 400
    color: rgb(168, 168, 179)

  thead tr:first-child th:nth-child(-n+2)
    background-color: rgb(245, 246, 247)

  td:nth-child(-n+2)
    background-color: #fff
 
  th:nth-child(-n+2),
  td:nth-child(-n+2)
    position: sticky
    left: 0
    z-index: 1
    box-shadow: rgba(0, 0, 0, 0.05) 2px 0px 0px

  td.none-shadow
    box-shadow: none

.sticky-right-column-table
  max-width: 100%
  
  thead
    background: rgb(245, 246, 247)

  thead tr:first-child
    height: 40px
    line-height: 14px
  
  thead tr:first-child th
    font-size: 12px
    font-weight: 400
    color: rgb(168, 168, 179)

  thead tr:first-child th:last-child
    background-color: rgb(245, 246, 247)

  td:last-child
    background-color: #fff

  th:last-child,
  td:last-child
    position: sticky
    right: 0
    z-index: 1
    box-shadow: rgba(0, 0, 0, 0.05) -2px 0px 0px