.omni-table {
  overflow: auto;

  .omni-table__table {
    border-spacing: 0;
    background: #4C5766;
    border-width: 0 1px;
    border-style: solid;
    border-color: #718399;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
  }

  .omni-table__message {
    width: 100%;
    height: 100%;
    font-size: 1.5em;
    font-weight: 300;
    color: rgb(122, 122, 122);
    text-align: center;
    vertical-align: middle;
    opacity: 0.55;
  }

  .omni-table__header {
    .omni-table__header__row {
      vertical-align: bottom;
    
      th {
        background: #1C2126;
        border-top: 1px solid #718399;
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        color: #FFFFFF;
        padding: 0.58em 0 0 0;
        text-align: left;

        span {
          cursor: pointer;
          font-weight: bold;
          line-height: 1.5em;
        }
      }

      .omni-table__header-title {
        padding: 0 1.1em 0.58em 0.67em;
      }

      .omni-table__arrow {
        cursor: pointer;
        display: inline-block;
        padding: 0 0.35em;
        position: absolute;
        text-align: center;
        vertical-align: middle;

        &.omni-table__arrow_hidden {
          visibility: hidden;
          height: 0;
          line-height: 0;
          padding-top: 0;
          padding-bottom: 0;
          color: transparent;

          div {
            height: 0;
            line-height: 0;
            padding-top: 0;
            padding-bottom: 0;
          }
        }
      }
    }
      
      .omni-table__arrow_down {
        border-color: #FFFFFF transparent transparent;
        border-style: solid;
        border-width: 0.28em 0.28em 0.14em;
        display: inline-block;
        position: relative;
      }
      
      .omni-table__arrow_up {
        border-color: transparent transparent #FFFFFF;
        border-style: solid;
        border-width: 0em 0.28em 0.28em;
        display: inline-block;
        position: relative;
        top: -0.14em;
      }
  }

  .omni-table__search-panel {
    background: #2B3039;
    padding: 0.58em 0.67em;

    input {
      background: #1C2126;
      box-sizing: border-box;
      font-size: 1em;
      max-width: 150px;
      border: 1px solid #718399;
      color: #FFFFFF;
      padding: 0.33em 1.5em;
      outline: none;
      width: 100%;
    }
  }

  .omni-table__body {
    td {
      box-sizing: border-box;
      color: #FFFFFF;
      line-height: 1.5em;
      padding: 0.58em 0.67em;
      word-break: break-all;
    }
  }

  .omni-table__placeholder{
    height: 100%;
    min-height: 3em;
    padding: 0;
  }

  .omni-table__body__row {
    &:nth-child(odd){
      background: #3E4652;
    }
    &.omni-table__body__row_checked {
      background: #375B8D;
    }
    &:hover {
      background: #728299;
    }
  }
  


  .omni-table__footer {
    .omni-table__footer__border {
      padding: 0;
    }

    td {
      position: sticky;
      position: -webkit-sticky;
      background: #4C5766;
      bottom: 0;
      box-sizing: border-box;
      color: #FFFFFF;
      font-weight: 600;
      line-height: 1.5em;
      padding: 0.58em 0.67em;
      word-break: break-all;

      &:first-child {
        background: #353c47;
      }
    }

    .omni-table__footer_row {
      &:nth-child(odd){
        td {
          background: #3E4652;
          &:first-child {
            background: #2b3039;
          }
        }
      }
      &:first-child {
        
        td {
          &:before {
            content: '';
            height: 3em;
            position: absolute;
            bottom: calc(100% + 5px);
            left: 0;
            width: 100%;
            background-image: linear-gradient(180deg, rgba(44, 48, 56, 0) 11%, #2C3038 64%);
            border-bottom: 1px solid #718399;
          }
          border-top: 5px solid #1C2126;
        }
      }
    }
    tr:last-child {
      td {
        border-bottom: 1px solid #718399;
      }
    }

  }
}