opt-cc/static/src/app/statistic/war/war-list/war-list.component.css

span > a {
  font-weight: 600 !important;
}

mat-expansion-panel {
  border: 1px solid #7d7d7d;
}

mat-panel-title {
  font-size: 18px;
  color: #ffffff;
}

mat-expansion-panel-header {
  height: auto;
  padding: 30px 15px;
  background-color: #4e4e4e;
}

mat-expansion-panel-header.mat-expansion-panel-header:hover {
  background: #222222 !important;
}

mat-expansion-panel-header.mat-expansion-panel-header:focus {
  background-color: #4e4e4e;
}

.select-list {
  height: 120%;
  background: #ececec;
  box-shadow: 2px 1px 5px grey;
}

.select-list > div:last-child {
  margin: 20px 0;
}

.top-list-entry {
  display: flex;
  margin: 0 0 6px 0;
}

.top-list-entry > div {
  width: 50%;
  float: left;
}

.war-interaction-panel {
  display: contents;
}

.war-interaction-panel > span {
  color: rgba(255, 255, 255, 0.64);
  padding: 0 3px;
}

:host /deep/ .mat-expansion-indicator::after {
  color: rgba(255, 255, 255, 0.64);
}

.select-list > mat-accordion:first-child .mat-expansion-panel {
  border-radius: 6px 6px 0 0;
}

.select-list > mat-accordion:first-child .mat-expansion-panel-header {
  border-radius: 4px 4px 0 0;
}