opt-cc/static/src/app/statistic/war/war-header/war-header.component.scss

.war-header-container {
  width: 920px;
  min-height: 165px;
  padding-top: 12px;
  margin: auto;
}

.head-field {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}

form.tab-control {
  padding: 10px;
}

span.tab-control {
  margin: 4px 30px 4px 55px;
  padding: 4px 16px;
}

:host /deep/ .mat-icon-stats-performance g {
  stroke: #666666;
}

.nav-tabs {
  width: 1000px;
  margin: auto;
  clear: both;
  border-bottom: 0;

  mat-icon {
    color: #666666;
    height: 26px;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
  }

  > li {
    > a {
      background: #e7e7e7;
      border: 1px solid #dadada;
    }
  }

  > li.active {
    position: relative;
    top: 1px;
    z-index: 10;

    > a {
      background: #ffffff;
      border-bottom: none;
    }
  }

  > li:not(.active) > a:hover {
    background: #afafaf;
  }

  > li.deactivated > a.nav-link {
    cursor: not-allowed !important;
  }

  > li:last-child {
    margin-left: 65px;
  }
}

.nav-tab-hidden {
  visibility: hidden;
}

.nav-link {
  cursor: pointer !important;
  color: #666666 !important;
}