#subapp-viewport {
  background: $color-bg;
  height: 100%;
  overflow: auto;

}

#subapp-viewport #app {
  min-width: 1069px;
}

.efly-nav-menu-admin .efly-nav-menu-content .efly-nav-menu-item .efly-nav-menu-item-content {
  top: -56px !important;
  height: calc(100% + 56px) !important;
}


.efly-tabs {
  @include box();

  &.base {
    border-bottom: 1px solid $color-bg;
  }

  &.card {
    .efly-tabs-pane {
      &.active {
        background: $color-bg;
      }
    }
  }
}

.efly-table {
  thead, tbody {
    tr {
      th {
        .icon-list-down, .icon-list-normal, .icon-list-up {
          font-size: $font-default;
        }
      }

      td {
        // border-bottom: 1px solid $color-table-bg;

        .icon {
        }
      }

      &:last-child {
        td {
          // border-bottom: 1px solid $color-border-base;
        }
      }
    }
  }

}

.icon-nodata {
  font-size: 60px !important;
  color: #777 !important;
}

.efly-select .efly-select-data .efly-select-content {
  .efly-select-box {
    .efly-select-item {
      .efly-select-item-label {
        &:hover, &.hover, &.active, &:active {
          background: #F8FAFF;
        }
      }
    }
  }
}

.efly-button,
.efly-more-operate.efly-more-operate-box > .efly-more-operate-group > .efly-more-operate-item > .efly-more-operate-group > .efly-more-operate-item {
  color: #555;
}

.efly-button{
  .icon{
    margin-right: 0 !important;
  }
}

.efly-button-group .efly-button {
  color: #888;
}

.efly-button.disabled, .efly-button:disabled {
  &:hover, &.hover, &.active, &:active {
    border: none !important;
  }
}

.efly-input, .efly-textarea {
  input, textarea {
    color: #555;

    &::placeholder {
      font-family: 微软雅黑 Regular, Microsoft Yahei, Hiragino Sans GB, Helvetica Neue, Arial, sans-serif;
    }
  }
}

.modify-info {
  .efly-button {
    width: 50px !important;
    height: 26px !important;
    padding: 0 !important;
  }
}


.efly-table {
  .efly-table-loading {
    tr {
      img {
        width: 100px;
      }
    }
  }
}

.list-footer-left {
  .efly-checkbox {
    .icon {
      font-size: $font-small;
    }
  }
}

.btn-large {
  min-width: 120px;
}


.icon-info, .icon-config-info, .icon-centos{
  position: relative;
  top: 1px;
}