.card {
  margin-top: 0;

  flex: 1;
  display: flex;
  flex-direction: column;
}

clr-tree-node button {
  white-space: nowrap;
}

.no-table-selected {
  position: relative;
}

.header-row {
  .title-col {
    display: flex;
    align-items: center;
  }
  .options-col {
    display: flex;
    justify-content: flex-end;
  }
}

.sw {
  margin: 1rem 0rem 0.5rem 1rem;
}

.viewerTitle {
  text-align: center;
}

.cardFlex {
  display: flex;
  justify-content: center;
}

.content-area {
  padding: 0.5rem !important;

  display: flex;
  flex-direction: column;
}

hot-table {
  ::ng-deep {
    .primaryKeyHeaderStyle {
      background: #306b006e;
    }
  }
}

.drop-area {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;

  display: flex;
  justify-content: center;

  margin: 1px;

  border: 2px dashed #fff;

  z-index: -1;

  span {
    font-size: 20px;
    margin-top: 20px;
    color: #fff;
  }
}
