.gm-tablepage-container {
  width: 100%;
  height: 100%;
  background: var(--gm-background-color);

  .gm-tablepage-content {
    position: relative;
    height: calc(100% - 42px);
  }

  .gm-tablepage-filter-pane {
    border-left: solid 1px var(--gm-tablepage-border-color);

    &-content {
      .amos-std-form-pro {
        .amos-cascader-dropdown {
          min-width: 16em;
        }
      }
    }
  }
}

.gm-tablepage-table {
  width: 100%;
  height: 100%;

  .select-row {
    background: var(--gm-tablepage-tr-select-bg, #eff2f8);
  }

  .amos-table-wrapper {
    height: 100%;

    .amos-spin-nested-loading {
      height: 100%;
    }

    .amos-spin-container {
      height: 100%;

      .amos-table {
        position: relative;
        height: calc(100% - 40px);
      }

      .amos-paper-wrap {
        display: flex;
        height: 40px;
        margin: 0;
        align-items: center;
        justify-content: center;
        background: var(--gm-tablepage-paper-bgcolor, #f3f3f3);

        .amos-paper-addons {
          color: var(--gm-tablepage-paper-params-color, #201e1e);
        }

        .amos-paper-li {
          a {
            line-height: 1.9em;
            color: var(--gm-tablepage-paper-item-ftcolor, #3f3f3f);
            background: var(--gm-tablepage-paper-item-bgcolor, white);
            border-color: var(--gm-tablepage-paper-item-bordercolor, #e4e4e4);

            > i {
              color: var(--gm-tablepage-paper-item-iconcolor, #345fa6);
            }
          }

          &.amos-paper-li-active {
            a {
              color: var(--gm-tablepage-paper-activeitem-bordercolor, white);
              background: var(--gm-tablepage-paper-activeitem-bgcolor, #2e5392);
            }
          }
        }

        .amos-paper-extra {
          color: var(--gm-tablepage-paper-params-color, #201e1e);

          input {
            color: var(--gm-tablepage-paper-params-color, #201e1e);
            background: var(--gm-tablepage-paper-inputparams-bg, white);
            border-color: var(--table-paper-inputparams-border, #e4e4e4);
          }

          .amos-select-dropdown {
            color: var(--gm-tablepage-paper-params-color, #201e1e);
            background: var(--gm-tablepage-paper-inputparams-bg, white);
            border-color: var(--gm-tablepage-paper-inputparams-border, #e4e4e4);
          }
        }
      }
    }
  }

  .amos-table-placeholder {
    color: var(--gm-tablepage-td-ft-color);
    background: var(--gm-tablepage-td-bg, transparent);
    border-bottom: 0;
  }

  .amos-table-wrap-pro {
    &:not(.amos-table-bordered) {
      .amos-table-thead > tr > th {
        border-right: 1px solid var(--gm-tablepage-border-color, #eaeaea);
        border-bottom: 1px solid var(--gm-tablepage-th-bottom-border, transparent);
      }
    }

    .amos-table-content {
      .amos-table-scroll {
        .amos-table-header {
          background: transparent;

          &::-webkit-scrollbar {
            background-color: transparent;
          }

          &::-webkit-scrollbar-thumb {
            border-color: transparent;
          }

          &::-webkit-scrollbar-track {
            background-color: transparent;
          }
        }

        .amos-table-body {
          background: transparent;
        }
      }

      tr {
        th {
          padding: 7px 0 7px 10px;
          max-width: 1px;
          overflow: hidden;
          font-size: var(--gm-tablepage-th-ft, 13px);
          font-weight: var(--gm-tablepage-th-ft-weight, normal);
          line-height: 16px;
          color: var(--gm-tablepage-th-ft-color, #333);
          text-overflow: ellipsis;
          word-break: break-all;
          word-wrap: break-word;
          white-space: nowrap;
          background: var(--gm-tablepage-th-bg, linear-gradient(360deg, white 0%, #f3f3f3 100%));
          border-collapse: collapse;
          border-right: 1px solid var(--gm-tablepage-border-color, #eaeaea);
          border-bottom: 1px solid var(--gm-tablepage-th-bottom-border, transparent);
          table-layout: fixed;

          &:last-child {
            border-right: 0;
          }

          &.amos-table-selection-column {
            padding: 0;
          }
        }
      }

      .amos-checkbox {
        .amos-checkbox-input:checked {
          & + .amos-checkbox-status::before {
            border: 1px solid var(--gm-tablepage-check-color, #9e9e9e);
          }
        }

        .amos-checkbox-status {
          &::before {
            background-color: transparent;
            border: 1px solid var(--gm-tablepage-check-color, #9e9e9e);
          }

          &::after {
            color: 1px solid var(--gm-tablepage-check-active-color, #0dcc39);
          }
        }
      }

      .amos-table-tbody {
        tr {
          td {
            height: 32px;
            max-width: 1px;
            padding: 0 0 0 10px;
            font-size: var(--gm-tablepage-td-ft, 12px);
            font-weight: var(--gm-tablepage-td-ft-weight, normal);
            line-height: 30px;
            color: var(--gm-tablepage-td-ft-color, #3f3f3f);
            word-break: break-all;
            word-wrap: break-word;
            background: var(--gm-tablepage-td-bg, transparent);
            border-collapse: collapse;
            table-layout: fixed;

            &.amos-table-selection-column {
              padding: 0;
            }

            a {
              color: rgb(0, 77, 220);
            }
          }

          &:hover {
            td {
              color: var(--gm-tablepage-td-font-color, #3f3f3f);
              background-color: var(--gm-tablepage-tr-select-bg, transparent);
            }
          }
        }
      }
    }
  }
}
