<div class="content-area" style="position: relative">
  <wayne-box style="padding: 15px;">
    <div class="clr-row">
      <div class="clr-col-lg-12 clr-col-md-12 clr-col-sm-12 clr-col-xs-12">
        <div class="clr-row flex-items-xs-between flex-items-xs-top" style="padding-left: 15px; padding-right: 15px;">
          <h2 class="header-title">{{'MENU.DEPARTMENT' | translate}}</h2>
        </div>
      </div>
    </div>
    <clr-tabs>
      <clr-tab>
        <a clrTabLink>{{'MENU.OVERVIEW' | translate}}</a>
        <clr-tab-content *clrIfActive="true">
          <overview></overview>
        </clr-tab-content>
      </clr-tab>
      <clr-tab>
        <a clrTabLink>{{'MENU.SOURCE_STAT' | translate}}</a>
        <clr-tab-content *clrIfActive>
          <report-resource></report-resource>
        </clr-tab-content>
      </clr-tab>
      <clr-tab>
        <a clrTabLink>{{'MENU.RELEASE_RECORD' | translate}}</a>
        <clr-tab-content *clrIfActive>
          <report-history></report-history>
        </clr-tab-content>
      </clr-tab>
    </clr-tabs>
  </wayne-box>
</div>
<wayne-sidenav-namespace style="display: flex; order: -1"></wayne-sidenav-namespace>
