.category-container {
  display: flex;
}

.category {
  margin-right: 20px;
}

.category-title {
  font-size: 20px;
  font-weight: bold;
}

.subcategories {
  display: flex;
}

.subcategory {
  margin-right: 20px;
}

.subcategory-title {
  font-size: 16px;
  font-weight: bold;
}

.items {
  list-style: none;
  padding: 0;
  margin: 0;
}

.item {
  margin-bottom: 5px;
}

.blue-button {
  background-color: lightsalmon;
  color: white;
}

nz-divider {
  color: #333;
  font-weight: normal;
}

.inner-box {
  background: #0092ff;
  padding: 8px 0;
}

[nz-button] {
  margin-right: 8px;
  margin-bottom: 12px;
}

.gutter-row {
  padding: 10px;
}

button {
  height: 100%;
  width: 100%;
  text-align: center;
}


:host {
  background: #f5f5f5;
  overflow: hidden;
  padding: 24px;
  display: block;
}

.card-container ::ng-deep p {
  margin: 0;
}

.card-container ::ng-deep > .ant-tabs-card .ant-tabs-content {
  height: auto;
  margin-top: -16px;
}

.card-container ::ng-deep > .ant-tabs-card .ant-tabs-content > .ant-tabs-tabpane {
  background: #fff;
  padding: 16px;
}

.card-container ::ng-deep > .ant-tabs-card > .ant-tabs-nav::before {
  display: none;
}

.card-container ::ng-deep > .ant-tabs-card .ant-tabs-tab {
  border-color: transparent;
  background: transparent;
}

.card-container ::ng-deep > .ant-tabs-card .ant-tabs-tab-active {
  border-color: #fff;
  background: #fff;
}

.card-container {
  ////height: 750px;
  //margin: auto;
  //width: 750px;
}


