html.flexbox {
  height: 100%;
}
body > .footer {
  height: 50px;
  padding-top: 10px;
  text-align: center;
  color: #999;
  font-size: 13px;
}
body .navbar {
  -moz-user-select: none;
  -webkit-user-select: none;
  /*
  Introduced in IE 10.
  See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
}
.flexbox body {
  height: 100%;
  overflow: hidden;
}
.codescene-layout {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.codescene-layout #main {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.codescene-layout > .navbar {
  margin-bottom: 0;
}
.codescene-layout #page-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: auto;
  width: 100%;
}
.codescene-layout #footer {
  background: #222;
  color: #999;
  font-size: 13px;
  padding: 12px 0;
}
@media screen {
  .codescene-layout #main,
  .codescene-layout #page-body {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .codescene-layout #main {
    height: auto;
  }
}
.navbar {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.navbar .navbar-brand {
  padding: 13px 15px;
}
.filename {
  font-family: Cousine, Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 13px;
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
h1 .help-link {
  font-size: 39px;
}
.modal-backdrop.in {
  opacity: 0.8;
}
.breadcrumb li {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.aside-nav {
  background: #333;
  min-width: 200px;
  max-width: 300px;
  color: #fff;
  overflow-y: auto;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  /*
  Introduced in IE 10.
  See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
  */
  -ms-user-select: none;
  user-select: none;
}
.aside-nav header {
  padding: 24px 12px 6px;
  border-bottom: 1px solid #4d4d4d;
  margin-bottom: 6px;
  text-align: center;
  color: #737373;
}
.aside-nav header * + * {
  margin-top: 12px;
}
.aside-nav .title,
.aside-nav .subtitle {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin: 0;
  line-height: 1.42857143;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-device-width: 767px) {
  .aside-nav .title,
  .aside-nav .subtitle {
    font-size: 85%;
  }
}
.aside-nav .title {
  font-weight: 400;
}
.aside-nav .subtitle {
  color: #999;
  font-weight: 800;
}
.aside-nav .subtitle a {
  color: #999;
}
.aside-nav .subtitle a:hover {
  color: #ccc;
}
.aside-nav .subtitle a:active,
.aside-nav .subtitle a:focus {
  color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-nav .icons {
  margin: 0;
  text-align: right;
}
.aside-nav .icons a {
  color: #737373;
}
.aside-nav .icons a:hover {
  color: #ccc;
}
.aside-nav .icons a:active,
.aside-nav .icons a:focus {
  color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.aside-nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.aside-nav li a.btn {
  position: relative;
  display: block;
  padding: 6px 6px;
  color: #999;
  text-decoration: none;
  text-align: left;
}
.aside-nav li a.btn:hover {
  color: #ccc;
}
.aside-nav li a.btn:active,
.aside-nav li a.btn:focus {
  color: #ccc;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 767px) {
  .aside-nav li a.btn {
    font-size: 70%;
  }
}
.aside-nav .parent i {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 6px 0;
  width: 21px;
  height: 21px;
  line-height: 21px;
}
.aside-nav .parent .fa-caret-down {
  display: none;
}
.aside-nav .parent.expanded .fa-caret-left {
  display: none;
}
.aside-nav .parent.expanded .fa-caret-down {
  display: block;
}
.aside-nav a.btn {
  border: none;
  border-left: 6px solid transparent;
}
.aside-nav ul ul {
  overflow: hidden;
}
.aside-nav ul ul a.btn {
  padding: 6px 24px;
  background: #444;
  color: #808080;
}
.aside-nav ul ul a.btn:hover {
  color: #999;
}
.aside-nav ul ul a.btn:active,
.aside-nav ul ul a.btn:focus {
  color: #999;
}
.aside-nav .parent.expanded ul {
  max-height: 9999px;
  -webkit-transition: max-height 1s ease-in;
  transition: max-height 1s ease-in;
}
.aside-nav .active > a.btn {
  color: #ccc;
  border-left: 6px solid #ffdc00;
}
.aside-nav .active > a.btn:hover {
  color: #ddd;
}
.aside-nav .active.parent > a.btn {
  color: #ccc;
  border-left: 6px solid transparent;
}
.aside-nav > ul > li.active a {
  background: #222;
}
.aside-nav .btn.disabled {
  color: #666;
}
.aside-nav .btn.disabled i {
  display: none;
}
.js .aside-nav ul ul {
  max-height: 0px;
}
@media screen and (max-width: 1199px) {
  .aside-nav {
    max-width: 25%;
    /*position: static;*/
    /*z-index: 1;*/
    /*width: auto;*/
  }
  .main.container-fluid.with-aside {
    /*margin-left: 0;*/
    /*padding-top: 15px;*/
  }
}
.grid {
  margin: -10px -10px 0;
  text-align: left;
}
.grid:after {
  display: block;
  content: ' ';
  clear: both;
}
.tile {
  width: 100%;
  padding: 10px;
  float: left;
}
.tile .wrapper {
  background: #f0f0f0;
  /*border: @border-width-base solid @gray-light;*/
  overflow: hidden;
}
.tile .header {
  display: block;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: inherit;
  letter-spacing: 0.08em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tile-link {
  display: block;
  color: inherit;
}
.tile-link:hover,
.tile-link:active,
.tile-link:focus {
  text-decoration: none;
  color: #333;
}
.tile-link:hover {
  background-color: #e3e3e3;
}
.tile-link:active {
  background-color: #d7d7d7;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .tile {
    width: 50%;
  }
  .tile:nth-child(2n+1) {
    clear: both;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .tile {
    width: 25%;
  }
  .tile:nth-child(4n+1) {
    clear: both;
  }
}
@media screen and (min-width: 1600px) {
  .tile {
    width: 20%;
  }
  .tile:nth-child(5n+1) {
    clear: both;
  }
}
.flexbox .grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.flexbox .tile {
  float: none;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.flexbox .tile .wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}
.flexbox .tile .tile-main {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .flexbox .tile {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
  .flexbox .tile {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 1600px) {
  .flexbox .tile {
    width: auto;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    max-width: 20%;
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spinning {
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}
.tablesorter-header {
  cursor: pointer;
}
.tablesorter-header i {
  float: left;
  height: 100%;
}
.tablesorter-header-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.tablesorter-header i {
  line-height: 1.5;
  margin: 0 .5em;
  color: #0023ff;
}
.tablesorter-header.tablesorter-headerUnSorted i {
  color: #999;
}
.tablesorter-header span {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.tablesorter-header.sorter-false {
  cursor: default;
}
.tablesorter-header.sorter-false i {
  display: none;
}
#author-heat-map-container svg {
  width: 100%;
  height: initial;
  font-size: 12px;
  font-size: calc(13px);
}
.metric {
  display: block;
  margin-bottom: 1em;
}
.metric:last-child {
  margin-bottom: 0em;
}
.metric:after {
  display: block;
  content: ' ';
  clear: both;
}
.metric .number,
.metric .description {
  display: inline-block;
}
.metric .number {
  font-weight: bold;
}
.metric .description {
  letter-spacing: 1px;
  line-height: 24px;
}
.metric.big .number {
  display: block;
  font-size: 32px;
  line-height: 32px;
}
.circular-graph {
  /* Same color for both source and target */
}
.circular-graph .node {
  fill: #999;
  cursor: not-allowed;
}
.circular-graph .node:hover {
  fill: #333;
  font-weight: 800;
}
.circular-graph .link {
  stroke: #0023ff;
  stroke-opacity: .2;
  fill: none;
  pointer-events: none;
}
.circular-graph .node--source {
  fill: #333;
}
.circular-graph .node--target {
  fill: #fe6849;
}
.circular-graph .link--source,
.circular-graph .link--target {
  stroke-opacity: 1;
  stroke-width: 2px;
}
.circular-graph .link--source,
.circular-graph .link--target {
  stroke: #fe6849;
}
.circular-graph .clickable {
  cursor: pointer;
  fill: #0023ff;
}
.circular-graph .clickable.node--target {
  fill: #fe6849;
}
.enclosure {
  width: 100%;
  height: initial;
}
.enclosure .node {
  cursor: pointer;
  stroke: #333;
  stroke-opacity: 0;
}
.enclosure .node:hover {
  stroke-opacity: 1;
}
.enclosure .node--root {
  stroke: #999;
  stroke-width: 2px;
}
.enclosure .node--leaf {
  fill: white;
  stroke-opacity: 1;
  stroke: #333;
  stroke-width: 1px;
  cursor: help;
}
.enclosure .label,
.enclosure .node-label {
  text-anchor: middle;
  fill: #333;
  font-size: 18px;
  pointer-events: none;
}
.flexbox .enclosure {
  height: auto;
}
.context-menu {
  position: absolute;
  display: none;
  min-width: 150px;
  max-width: 500px;
  z-index: 1200;
  background: #f0f0f0;
  border: 1px solid #ccc;
  padding: 6px 6px;
}
.defect-trendline {
  max-width: 1200px;
}
.defect-trendline svg {
  width: 100%;
  height: auto;
}
.defect-trendline .axis path,
.defect-trendline .axis line {
  fill: none;
  stroke: #000;
}
.defect-trendline figure {
  margin-bottom: 24px;
}
.flexbox .defect-trendline svg {
  height: auto;
}
.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  pointer-events: none;
  z-index: 3000;
}
.d3-tip h2,
.d3-tip h3,
.d3-tip h4 {
  margin: 0 0 .5em;
  font-size: 100%;
  font-weight: bold;
  text-align: center;
}
.d3-tip table {
  margin-bottom: 0;
}
.d3-tip .table > tbody > tr > td,
.d3-tip .table > tbody > tr > th,
.d3-tip .table > tfoot > tr > td,
.d3-tip .table > tfoot > tr > th,
.d3-tip .table > thead > tr > td,
.d3-tip .table > thead > tr > th {
  padding: 2px;
}
.d3-tip .table > tbody > tr > td,
.d3-tip .table > tfoot > tr > td,
.d3-tip .table > thead > tr > td {
  text-align: right;
}
/* Creates a small triangle extender for the tooltip */
.d3-tip:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline;
  font-size: 7px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  position: absolute;
  pointer-events: none;
}
/* Northward tooltips */
.d3-tip.n:after {
  content: "\25BC";
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
  text-align: center;
}
@media screen and (max-device-width: 767px) {
  .legend-wrapper {
    display: none;
  }
}
.legend {
  display: inline-block;
  font-size: 13px;
  padding: 6px 12px;
  background: #f0f0f0;
  border: 1px solid #999;
  float: right;
}
.legend:after {
  clear: both;
}
.legend ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.legend li {
  display: block;
  padding: 0;
}
.color-legend-box {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #777;
  margin-right: .5rem;
}
.color-legend-box-dash {
  display: inline-block;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #777;
  margin-right: .5rem;
  border: 2px dashed black;
}
.legend-gradient .start,
.legend-gradient .end,
.legend-gradient .bar {
  display: inline-block;
  line-height: 1.5;
  vertical-align: middle;
}
.legend-gradient .bar {
  min-width: 100px;
  height: 1em;
  margin: 0 .5em;
  background: #aaa;
  /* For browsers that do not support gradients */
  background: -webkit-gradient(linear, left top, left bottom, from(red), to(yellow));
  background: linear-gradient(red, yellow);
}
.flexbox .legend-gradient {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.flexbox .legend-gradient .bar {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.complexity-trend .content {
  max-width: 1200px;
}
.complexity-trend svg {
  width: 100%;
  height: initial;
  font-size: 12px;
  font-size: calc(13px);
}
.complexity-trend .axis path,
.complexity-trend .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.complexity-trend .x.axis path {
  display: none;
}
.complexity-trend .ratio-line {
  fill: none;
  stroke: #fe6849;
  stroke-width: 2px;
}
.complexity-trend .ratio-label {
  fill: #fe6849;
}
.complexity-trend .complexity-line {
  fill: none;
  stroke: #fe6849;
  stroke-width: 2px;
}
.complexity-trend .complexity-label {
  fill: #fe6849;
}
.complexity-trend .revision-marker {
  fill: #fe6849;
  cursor: pointer;
}
.complexity-trend .lines-line {
  fill: none;
  stroke: #0023ff;
  stroke-width: 2px;
}
.complexity-trend .lines-label {
  fill: #0023ff;
}
.complexity-trend .loc-marker {
  fill: #0023ff;
}
.complexity-trend .comments-line {
  fill: none;
  stroke: #238b45;
  stroke-width: 2px;
}
.complexity-trend .comments-label {
  fill: #238b45;
}
.complexity-trend #maxline .line {
  fill: none;
  stroke: #60de8e;
  stroke-width: 2px;
}
.complexity-trend .median-line {
  fill: none;
  stroke: #fe6849;
  stroke-width: 2px;
}
.complexity-trend .median-label {
  fill: #fe6849;
}
.complexity-trend .sdline {
  fill: none;
  stroke: #999;
  stroke-width: 2px;
}
.flexbox .complexity-trend svg {
  height: auto;
}
.coupling-table .column-entities {
  width: 80%;
}
.coupling-table table tbody tr td {
  vertical-align: middle;
}
.coupling-table td .modules {
  position: relative;
  padding: .25rem 0 .25rem 10px;
}
.coupling-table td .modules > * {
  display: block;
  line-height: 1.5em;
}
.coupling-table td .modules > *:first-child {
  margin-bottom: 1.5em;
}
.coupling-table td .modules:before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 1em;
  bottom: 1em;
  width: 6px;
  border: 1px solid #222;
  border-right: none;
  border-radius: 4px 0 0 3px;
}
.knowledge-map svg {
  width: 100%;
  height: initial;
}
.flexbox .knowledge-map svg {
  height: auto;
}
.fragmentation-modal-window .modal-window-inner {
  max-width: 500px;
}
.fragmentation-modal-window .modal-dialog {
  margin: 60px auto 10px;
  max-width: 500px;
}
.fragmentation-modal-window .modal-content {
  background: none;
  border: 0;
}
.fragmentation-modal-window .modal-header {
  border-bottom: none;
  color: #fff;
}
.fragmentation-modal-window .modal-header .close {
  color: #fff;
}
.fragmentation-modal-window .modal-body {
  padding: 0;
}
.fragmentation-modal-window .modal-footer {
  border-top: none;
  padding: 15px 0;
}
.fragmentation-modal-window .modal-footer .filename {
  color: #fff;
}
.fragmentation-modal-window .fragmentation {
  width: 100%;
  height: 100%;
  background: #000;
}
.fragmentation-modal-window .fragmentation svg {
  display: block;
  width: 500px;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.fragmentation-modal-window .fragmentation svg rect {
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.fragmentation-modal-window .fragmentation svg:hover rect {
  opacity: 0.75;
}
.fragmentation-modal-window .fragmentation svg rect:hover {
  opacity: 1;
}
.fragmentation-modal-window .fragmentation .loading {
  line-height: 500px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #ccc;
}
.diff-modal .modal-dialog {
  width: auto;
  max-width: 1600px;
  margin: 10px auto;
}
.diff-modal .modal-header,
.diff-modal .modal-footer {
  background: #f0f0f0;
}
.diff-modal .modal-body {
  padding: 0;
}
.diff-modal .diff-split-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.diff-modal .diff-split-view pre {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  overflow-x: auto;
  overflow-y: auto;
  margin-bottom: 0;
  font-size: 13px;
  border: 0;
  background: #fff;
}
.diff-modal .diff-split-view pre:first-child {
  border-right: 1px solid #ccc;
}
.diff-modal .diff-change {
  background: #ffdc00;
  color: #222;
}
.diff-modal .diff-equal {
  color: #666;
}
.diff-modal .diff-help code {
  font-size: 13px;
}
.distribution-graph svg {
  display: block;
  width: 100%;
  height: initial;
  font-size: 12px;
  /* Hack for the SVG scaling not make text to big on wide screens. */
  font-size: calc(14.8px);
}
.distribution-graph .area {
  fill: #0023ff;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.distribution-graph .axis path,
.distribution-graph .axis line {
  fill: none;
  stroke: #000;
}
.distribution-graph .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
}
.flexbox .distribution-graph svg {
  height: auto;
}
svg.hotspot-map {
  width: 100%;
  height: auto;
}
.stacked-trends-container {
  padding-bottom: 20px;
}
.stacked-trends-container .legend:after {
  content: '';
  clear: both;
}
@media screen and (min-width: 768px) {
  .stacked-trends-container .legend {
    position: static;
    display: block;
    float: none;
  }
}
.stacked-trends-container svg {
  width: 100%;
  font-size: 12px;
  font-size: calc(13px);
}
.stacked-trends-container .axis path,
.stacked-trends-container .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.stacked-trends-container .x.axis path {
  display: none;
}
.stacked-trends-container:hover .area {
  opacity: 0.8;
}
.stacked-trends-container .area {
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}
.stacked-trends-container .area:hover {
  opacity: 1;
}
.system-map .loading {
  padding: 12px;
}
.system-map .loading .progress {
  max-width: 500px;
}
.system-map .system-map-header {
  background: #f0f0f0;
  padding: 0 12px;
}
.system-map .system-map-header .tab-spacer {
  border-bottom: 1px solid #ccc;
}
.system-map .system-map-header ul.tab-container {
  padding: 0;
  margin: 0;
}
.system-map .system-map-header ul.tab-container li {
  display: inline-block;
  margin: 0;
}
.system-map .system-map-header ul.tab-container li.tab-label {
  padding: 6px;
  border: 1px solid #ccc;
}
.system-map .system-map-header ul.tab-container li.tab-label a,
.system-map .system-map-header ul.tab-container li.tab-label a:hover,
.system-map .system-map-header ul.tab-container li.tab-label a:link {
  text-decoration: none;
}
.system-map .system-map-header ul.tab-container li.tab-label.active {
  background-color: #fff;
  border-bottom: #fff;
}
.system-map .system-map-header ul.tab-container li.tab-label.active a,
.system-map .system-map-header ul.tab-container li.tab-label.active a:hover,
.system-map .system-map-header ul.tab-container li.tab-label.active a:link {
  color: #000;
}
.system-map .system-map-body {
  position: relative;
}
.system-map .system-map-graphics {
  position: relative;
  width: 70%;
}
.system-map .system-map-graphics svg {
  width: 100%;
}
.system-map .system-map-sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30%;
  overflow-y: auto;
  border-style: solid;
  border-color: #ccc;
  border-width: 0 0 1px 1px;
}
.system-map .system-map-sidebar .breadcrumb {
  margin-bottom: 0;
  border-bottom: 1px solid #ddd;
}
.system-map .system-map-sidebar .node-details {
  padding: 12px;
}
.system-map .system-map-sidebar h2 {
  font-size: 19px;
}
.system-map .node-children .list-group-item {
  background: #fff;
  border-color: #ddd;
}
.system-map .node-children .fa {
  color: #999;
}
.system-map .node-children li {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.flexbox .system-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.flexbox .system-map .loading {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flexbox .system-map .loading .progress {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.flexbox .system-map .system-map-header {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-line-pack: start;
      align-content: start;
}
.flexbox .system-map .system-map-header ul.tab-container {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flexbox .system-map .system-map-header ul.tab-container li.tab-label {
  -webkit-box-flex: 200px;
      -ms-flex: 200px;
          flex: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flexbox .system-map .system-map-header .tab-spacer {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}
.flexbox .system-map .system-map-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow-y: initial;
}
@media screen and (max-device-width: 767px) {
  .flexbox .system-map .system-map-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (min-device-width: 768px) {
  .flexbox .system-map .system-map-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.flexbox .system-map .system-map-graphics {
  position: relative;
  float: none;
  width: auto;
  -webkit-box-flex: 10;
      -ms-flex: 10 1 auto;
          flex: 10 1 auto;
}
.flexbox .system-map .system-map-graphics .enclosure {
  position: absolute;
  max-height: 100%;
}
.flexbox .system-map .system-map-graphics .enclosure .node--leaf,
.flexbox .system-map .system-map-graphics .enclosure .node--root {
  stroke-width: initial;
}
.flexbox .system-map .system-map-sidebar {
  -webkit-box-flex: 2;
      -ms-flex: 2 1 auto;
          flex: 2 1 auto;
  border-width: 1px 0 0 0;
  max-height: 30vh;
  position: static;
  width: auto;
}
@media (max-device-width: 767px) {
  .flexbox .system-map .system-map-sidebar {
    -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
    font-weight: normal;
    font-size: 70%;
  }
}
@media (min-device-width: 480px) {
  .flexbox .system-map .system-map-sidebar {
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }
}
@media screen and (min-aspect-ratio: 4/5) {
  .flexbox .system-map .system-map-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .flexbox .system-map .system-map-sidebar {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 auto;
            flex: 2 1 auto;
    min-width: 25%;
    max-width: 600px;
    max-height: none;
    border-width: 0 0 0 1px;
  }
}
.inline-note {
  display: inline-block;
}
.inline-note .category-display {
  display: inline-block;
  margin-right: 1.5em;
}
.inline-note .category-display .category-title {
  margin-right: 0.5em;
}
.note-box {
  background-color: #fff;
}
.edit-note.inactive,
.view-note.inactive {
  display: none;
}
.tab-container {
  padding-top: 12px;
}
.tab-container ul.tab-list {
  margin-bottom: 0;
}
.tab-container ul.tab-list li {
  display: inline-block;
}
.tab-container ul.tab-list li .tab-label {
  border: 1px solid #aaa;
  padding: 5px 20px 4px 20px;
  background-color: inherit;
  border-bottom: none;
}
.tab-container ul.tab-list li span.tab-label.active {
  background-color: #fff;
  color: #111;
}
.tab-container .note-box {
  border-top: 2px solid #aaa;
  padding: 8px;
  margin-bottom: 20px;
}
.tab-container .button-with-flash {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.status {
  height: 100px;
  width: 100px;
  -ms-flex-item-align: center;
      align-self: center;
  justify-self: center;
  border-bottom: #bbb solid 1px;
}
.status a {
  background-repeat: no-repeat;
}
.status a.btn {
  border: none;
}
.status.no-category {
  height: 100px;
}
.status.no-category a {
  display: block;
  height: 100%;
  width: 100%;
  background-size: 100%;
}
.status.no-category.no-note a {
  background-image: url(5f7d1d623c8a2f2d9904ea2cc0160063.svg);
}
.status.no-category.no-note.no-create {
  border: none;
}
.status.no-category.has-note a {
  background-image: url(ec1f371a3ce4bbd5b74300d231f1dd93.svg);
}
.status.no-note.no-category.no-note {
  background-image: url(49fa17fe1a2bf502f07bda1ba9c15383.svg);
  background-size: 100%;
  background-repeat: no-repeat;
}
.status.has-category a.open-note {
  font-size: 20px;
  background-size: 100%;
}
.status.has-category.has-note a.open-note {
  background-image: url(ec1f371a3ce4bbd5b74300d231f1dd93.svg);
}
.status.has-category.no-note a.open-note {
  background-image: url(a414a7c88ae571f0f9f751d8f3fc57b5.svg);
}
.status.has-category {
  display: grid;
  grid-template-rows: [top] 50% [middle] 50% [bottom];
  grid-template-columns: [left] 50%  [center] 50% [right];
}
.status.has-category .category {
  grid-row: top / middle;
  grid-column: left / center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3px;
  color: #133;
  font-weight: bold;
  background-color: yellow;
}
.status.has-category span.category-symbol {
  font-weight: bold;
}
.status.has-category .category.supervise {
  background-color: #fada32;
}
.status.has-category .category.supervise span.category-symbol {
  color: #133;
}
.status.has-category .category.no-problem {
  background-color: #0d705d;
}
.status.has-category .category.refactor {
  background-color: #fe6849;
}
.status.has-category .trends-warning,
.status.has-category .biomarkers-warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.status.has-category .trends-warning.ok,
.status.has-category .biomarkers-warning.ok {
  background-color: #0d705d;
}
.status.has-category .biomarkers-warning.warning {
  background-color: #fe6849;
}
.status.has-category .trends-warning.warning {
  background-color: #fada32;
}
.status.has-category .trends-warning.pending,
.status.has-category .biomarkers-warning.pending {
  background-color: gray;
  color: #000;
}
.status.has-category .biomarkers-warning.not-calculated {
  background-color: #fff;
  color: #666;
}
.status.has-category .biomarkers-warning {
  grid-row: middle / bottom;
  grid-column: left / center;
}
.status.has-category .trends-warning {
  grid-row: middle / bottom;
  grid-column: center / right;
}
.status.has-category .warning {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.status.has-category .warning.warn {
  background-color: #fe6849;
}
.status.has-category.refactor .trends-warning.no-change,
.status.has-category.refactor .biomarkers-warning.no-change {
  background-color: #fada32;
}
.status.has-category.supervise .trends-warning.no-change,
.status.has-category.supervise .biomarkers-warning.no-change {
  background-color: #0d705d;
}
.status.terminated {
  border: none;
}
.status.terminated a {
  display: none;
}
.view-note h4.category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.view-note h4.category span.category-initials {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3px;
  color: #133;
  font-weight: bold;
  background-color: yellow;
  height: 2em;
  width: 2em;
  margin-left: 1em;
  margin-right: 1em;
}
.view-note h4.category span.category-intials.supervise {
  background-color: #fada32;
}
.view-note h4.category span.category-initials.no-problem {
  background-color: #0d705d;
}
.view-note h4.category span.category-initials.refactor {
  background-color: #fe6849;
}
.edit-note .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.edit-note .controls .choices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.edit-note textarea {
  resize: none;
}
.note .flash {
  padding: 0.5em;
  font-weight: bold;
  font-size: 120%;
}
.note .flash.good {
  color: green;
}
.note .flash.bad {
  color: red;
}
.note .note-editor-title,
.note .note-display-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.note .note-editor-title a,
.note .note-display-title a {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 20pt;
}
.note .note-editor-title a:hover,
.note .note-display-title a:hover {
  text-decoration: none;
}
#author-mapping {
  width: 49%;
  height: 85vh;
  overflow-y: auto;
}
#author-mapping form#author-form li {
  list-style: none;
}
#author-mapping form#author-form #developer-list li.developer-item {
  border-bottom: #bbb 1px solid;
  padding: 5px;
  font-size: 110%;
  background-color: #fff;
  min-height: 3em;
}
#author-mapping form#author-form #developer-list li.developer-item input[type=radio] {
  margin-left: 5px;
  margin-right: 20px;
}
#author-mapping form#author-form #developer-list li.developer-item ul.alias-sublist {
  margin-left: 0;
  padding-left: 0;
  display: inline;
}
#author-mapping form#author-form #developer-list li.developer-item ul.alias-sublist li {
  display: inline;
  list-style: none;
  color: #666;
  margin-left: 0.7em;
}
#author-mapping form#author-form #developer-list li.developer-item ul.alias-sublist li::after {
  content: ',';
}
#author-mapping form#author-form #developer-list li.developer-item ul.alias-sublist li:last-child::after {
  content: none;
}
#author-mapping form#author-form #developer-list li.developer-item:nth-child(2n) {
  background-color: #ddd;
}
#author-mapping form#author-form #developer-list li.developer-item.to-delete label {
  text-decoration: line-through;
}
#author-mapping form#author-form #developer-list div.author.removed {
  color: #888;
  background-color: #bbb;
}
#author-mapping form#author-form div.alias-selector {
  position: fixed;
  left: 50%;
  width: 45%;
  top: 60px;
  height: 90vh;
}
#author-mapping form#author-form div.alias-selector .mod-count-text {
  text-align: right;
}
#author-mapping form#author-form div.alias-selector div.submit {
  min-height: 3em;
}
#author-mapping form#author-form div.alias-selector h3 .edit-dev-name {
  margin-left: 1em;
}
#author-mapping form#author-form div.alias-selector h3 .dev-name-input,
#author-mapping form#author-form div.alias-selector h3 .edit-dev-name {
  display: inline-block;
  font-size: 60%;
  font-weight: 300;
}
#author-mapping form#author-form div.alias-selector h3 .dev-name-input input,
#author-mapping form#author-form div.alias-selector h3 .edit-dev-name input,
#author-mapping form#author-form div.alias-selector h3 .dev-name-input button,
#author-mapping form#author-form div.alias-selector h3 .edit-dev-name button {
  margin-right: 0.5em;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner {
  position: relative;
  border: #555 solid 2px;
  padding: 3px;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner .alias-list-container {
  overflow-y: auto;
  height: 62vh;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.possible-aliases ul,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.current-aliases ul {
  padding: 1em 2px 0.5em 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 0;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.possible-aliases ul li,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.current-aliases ul li {
  padding: 0.3em 0.5em;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.possible-aliases ul li input[type=checkbox],
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.current-aliases ul li input[type=checkbox] {
  margin-left: 1em;
  margin-right: 2em;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.possible-aliases ul li span.current-alias-author,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.current-aliases ul li span.current-alias-author {
  color: #666;
  font-style: italic;
  font-weight: normal;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.possible-aliases ul li span.alias-email,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.current-aliases ul li span.alias-email {
  font-weight: normal;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.current-aliases li {
  background-color: #ecefff;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.current-aliases li:nth-child(2n) {
  background-color: #dbe0ff;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.possible-aliases #alias-filter {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background-color: #fff;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.possible-aliases li:nth-child(2n) {
  background-color: #ddd;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-selector,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-deselector {
  border-bottom: #bbb 1px solid;
  padding: 5px;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-selector span.author-name,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-deselector span.author-name {
  font-weight: bold;
  font-size: 105%;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-selector label,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-deselector label {
  font-weight: normal;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-selector:last-child,
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-deselector:last-child {
  border-bottom: none;
}
#author-mapping form#author-form div.alias-selector div.alias-selector-inner div.author-name-deselector {
  background-color: #dee4ff;
}
.architectural-components-map .initialize-visual {
  width: 50%;
  margin: 4em auto;
  text-align: center;
}
.architectural-components-map .initialize-visual button {
  text-align: center;
  margin-top: 2em;
}
.architectural-components-map .initialize-visual .init-error {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em;
}
.architectural-components-map .initialize-visual .init-error .icon {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}
.architectural-components-map .initialize-visual .init-error .text {
  padding: 1em;
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}
.architectural-components-map .flash {
  width: 75%;
  margin: 2em auto;
  padding: 1em;
  background-color: #ffdc00;
}
.architectural-components-map #graphics {
  -webkit-box-flex: 5;
      -ms-flex: 5 2 70%;
          flex: 5 2 70%;
  -ms-flex-item-align: start;
      align-self: flex-start;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  display: block;
}
.architectural-components-map #graphics svg {
  position: relative;
}
.architectural-components-map .system-map-sidebar {
  padding: 10px;
  color: white;
  background-color: #666;
  -webkit-box-flex: 2;
      -ms-flex: 2 1 30%;
          flex: 2 1 30%;
}
.architectural-components-map .system-map-sidebar ul.sidebar-tab-menu {
  border-bottom: 3px #999 solid;
  width: 100%;
}
.architectural-components-map .system-map-sidebar ul.sidebar-tab-menu li {
  display: inline;
  list-style: none;
  margin-left: 1.5em;
  padding: 8px;
}
.architectural-components-map .system-map-sidebar ul.sidebar-tab-menu li a {
  color: #ddd;
}
.architectural-components-map .system-map-sidebar ul.sidebar-tab-menu li.active {
  background-color: #999;
}
.architectural-components-map .system-map-sidebar .sidebar-tab {
  display: none;
  width: 100%;
}
.architectural-components-map .system-map-sidebar .sidebar-tab.active {
  display: block;
}
.architectural-components-map .system-map-sidebar input[type=text],
.architectural-components-map .system-map-sidebar select {
  color: #333;
}
.architectural-components-map .system-map-sidebar select {
  background-color: #ccc;
}
.architectural-components-map .system-map-sidebar .current-node {
  min-height: 40vh;
}
.architectural-components-map .system-map-sidebar .current-node h3 span.node-type {
  color: #999;
}
.architectural-components-map .system-map-sidebar .current-node .node-path {
  margin-bottom: 5px;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li {
  font-size: 80%;
  background-color: #ccc;
  list-style: none;
  margin-left: 0;
  margin-right: 2em;
  padding: 6px 0.5em;
  color: #fff;
  border-bottom: #999 2px solid;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li span.matched {
  color: #000;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li a,
.architectural-components-map .system-map-sidebar .current-node .node-context li a:visited,
.architectural-components-map .system-map-sidebar .current-node .node-context li a:hover,
.architectural-components-map .system-map-sidebar .current-node .node-context li a:link {
  color: #fff;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li:last-child {
  border-bottom: none;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li.directory {
  font-style: italic;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li.directory span.matched {
  font-style: normal;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li.current-file {
  background-color: #999;
}
.architectural-components-map .system-map-sidebar .current-node .node-context li.parent-node {
  margin-left: -2em;
}
.architectural-components-map .system-map-sidebar .current-node .node-overflow {
  font-size: 80%;
  background-color: #ccc;
  margin-left: 4em;
  margin-right: 2em;
  padding: 6px;
  color: #444;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates {
  padding-left: 15px;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li {
  margin-left: 0;
  padding-left: 3px;
  padding-bottom: 20px;
  margin-bottom: 5px;
  margin-top: 15px;
  min-height: 40px;
  width: 100%;
  font-size: 120%;
  list-style: none;
  border-bottom: #ccc solid 2px;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .path-and-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .path-and-button span.path {
  font-size: 100%;
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
  word-break: break-word;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .path-and-button button {
  max-height: 40px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .component-selector {
  -webkit-box-flex: 12;
      -ms-flex-positive: 12;
          flex-grow: 12;
  margin: 4px 0;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .contained-by {
  font-size: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 5px 0px;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .contained-by .contained-by-text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .contained-by ul.containingComponents {
  -webkit-box-flex: 3;
      -ms-flex: 3 2 auto;
          flex: 3 2 auto;
  padding-left: 2px;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .contained-by ul.containingComponents li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 100%;
  font-weight: normal;
  list-style: none;
  padding: 0;
  padding-bottom: 0;
  margin: 1px 1em 1px 0;
  border-bottom: none;
  line-height: 1.2em;
  min-height: inherit;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li .contained-by ul.containingComponents li a.remove-pattern {
  margin-left: 1.3em;
  color: #fff;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li:last-child {
  border-bottom: none;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li.editable {
  width: 100%;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li.editable label {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
  padding-right: 10px;
  margin-bottom: 0px;
  width: 100%;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li.editable input.editable {
  width: 100%;
  padding-right: 20px;
  font-weight: normal;
  font-size: 80%;
}
.architectural-components-map .system-map-sidebar .current-node ul.component-candidates li.editable button {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.architectural-components-map .system-map-sidebar .current-node.empty {
  padding: 2em;
}
.architectural-components-map .system-map-sidebar .current-node.empty p {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.7em;
}
.architectural-components-map .system-map-sidebar .current-file {
  color: red;
}
.architectural-components-map .system-map-sidebar .sidebar-tab.colors ul li {
  list-style: none;
  margin-left: 4em;
  margin-bottom: 5px;
}
.architectural-components-map ul.components li.component {
  font-size: 120%;
  list-style: none;
}
.architectural-components-map ul.components li.pattern {
  font-size: 90%;
}
.architectural-components-map ul.components a.edit-link {
  color: #ddd;
  margin-left: 3em;
  font-style: italic;
  font-size: 90%;
}
.architectural-components-map .add-component-dialog,
.architectural-components-map .delete-dialog,
.architectural-components-map .add-pattern-dialog,
.architectural-components-map .remove-pattern-dialog {
  position: fixed;
  min-width: 300px;
  min-height: 300px;
  top: 30%;
  left: 30%;
  border: #666 solid 10px;
  background-color: #fff;
  padding: 2em;
  z-index: 500;
}
.architectural-components-map .add-component-dialog input,
.architectural-components-map .delete-dialog input,
.architectural-components-map .add-pattern-dialog input,
.architectural-components-map .remove-pattern-dialog input {
  width: 100%;
}
.architectural-components-map .add-component-dialog .transformation,
.architectural-components-map .delete-dialog .transformation,
.architectural-components-map .add-pattern-dialog .transformation,
.architectural-components-map .remove-pattern-dialog .transformation,
.architectural-components-map .add-component-dialog .pattern,
.architectural-components-map .delete-dialog .pattern,
.architectural-components-map .add-pattern-dialog .pattern,
.architectural-components-map .remove-pattern-dialog .pattern,
.architectural-components-map .add-component-dialog .buttons,
.architectural-components-map .delete-dialog .buttons,
.architectural-components-map .add-pattern-dialog .buttons,
.architectural-components-map .remove-pattern-dialog .buttons {
  margin-top: 2em;
}
.architectural-components-map .add-component-dialog p.the-pattern,
.architectural-components-map .delete-dialog p.the-pattern,
.architectural-components-map .add-pattern-dialog p.the-pattern,
.architectural-components-map .remove-pattern-dialog p.the-pattern {
  font-family: Cousine, Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 120%;
  text-align: center;
}
.architectural-components-map .add-component-dialog span.component-name,
.architectural-components-map .delete-dialog span.component-name,
.architectural-components-map .add-pattern-dialog span.component-name,
.architectural-components-map .remove-pattern-dialog span.component-name {
  font-style: italic;
  font-size: 120%;
}
.architectural-components-map #architectural-component-diffs-json {
  display: none;
}
@media screen and (min-aspect-ratio: 4/5) {
  #architectural-components-container .system-map.architectural-components-map #graphics {
    -webkit-box-flex: 5;
        -ms-flex: 5 2 65%;
            flex: 5 2 65%;
  }
  #architectural-components-container .system-map.architectural-components-map .system-map-sidebar {
    -webkit-box-flex: 2;
        -ms-flex: 2 1 35%;
            flex: 2 1 35%;
  }
}
#offboarding-simulation {
  display: grid;
  grid-template-columns: [edge] 50% [graphics] 25%  [info] 25%  [authors];
  grid-template-rows: [top] 80vh [bottom] ;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
#offboarding-simulation #graphics {
  grid-column-start: edge;
  grid-column-end: graphics;
  grid-row-start: top;
}
#offboarding-simulation #info-col,
#offboarding-simulation authors-form {
  grid-row-start: top;
  grid-row-end: bottom;
}
#offboarding-simulation #info-col h3,
#offboarding-simulation authors-form h3,
#offboarding-simulation #info-col h4,
#offboarding-simulation authors-form h4 {
  margin-top: 3px;
}
#offboarding-simulation #info-col h3,
#offboarding-simulation authors-form h3 {
  font-size: 14pt;
}
#offboarding-simulation #info-col h4,
#offboarding-simulation authors-form h4 {
  font-size: 12pt;
}
#offboarding-simulation #info-col {
  grid-column-start: graphics;
  grid-column-end: info;
  padding: 5px;
  margin-right: 15px;
  margin-top: 15px;
  border-right: 2px #ccc solid;
}
#offboarding-simulation #info-col #knowledge-legend {
  padding-bottom: 10px;
  border-bottom: 2px #ccc solid;
  margin-bottom: 10px;
  margin-right: 10px;
}
#offboarding-simulation #info-col #knowledge-legend li {
  list-style: none;
}
#offboarding-simulation #info-col #node-info h3 {
  overflow: wrap;
}
#offboarding-simulation #info-col #node-info div.node-path {
  max-width: 40ch;
  overflow-wrap: break-word;
  font-size: 80%;
}
#offboarding-simulation #info-col #node-info span.node-type {
  color: #666;
}
#offboarding-simulation #info-col #node-info ul.file-list {
  padding-left: 0;
  max-height: 50vh;
  overflow: auto;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item {
  list-style: none;
  padding: 2px;
  margin-right: 10px;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item a {
  font-size: 80%;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item a i.fa {
  margin-right: 1em;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item.directory {
  background-color: #ddd;
  border-top: solid 2px #fff;
  padding-left: 3px;
  margin-left: 0.5em;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item.directory:first-child {
  border-top: none;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item.file {
  padding-left: 1.3em;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item.file.current {
  background-color: #ddd;
}
#offboarding-simulation #info-col #node-info ul.file-list li.node-info-directory-item.parent {
  padding-left: 0.3em;
  margin-left: 0;
}
#offboarding-simulation #info-col .content {
  /*	    border: 1px solid #aaa; */
  padding: 5px;
}
#offboarding-simulation #authors-form {
  grid-column-start: info;
  grid-column-end: authors;
}
#offboarding-simulation #authors-form #currently-simulated-ex-authors {
  padding-bottom: 10px;
  border-bottom: solid 2px #ccc;
  margin-bottom: 10px;
  margin-right: 10px;
}
#offboarding-simulation #authors-form #author-filter {
  margin-bottom: 2em;
}
#offboarding-simulation #authors-form #author-filter label {
  font-size: 12pt;
  color: #999;
  margin-bottom: 2px;
}
#offboarding-simulation #authors-form #author-filter input {
  padding-right: 3em;
  min-width: 80%;
}
#offboarding-simulation #authors-form #author-filter a,
#offboarding-simulation #authors-form #author-filter a:link,
#offboarding-simulation #authors-form #author-filter a:visited {
  position: relative;
  left: -2em;
  color: #aaa;
}
#offboarding-simulation #authors-form ul {
  max-height: 50vh;
  overflow: auto;
  margin-right: 1em;
}
#offboarding-simulation #authors-form ul li {
  list-style: none;
  padding-left: 0.5em;
}
#offboarding-simulation #authors-form ul li span.author-name {
  padding-left: 1em;
}
#offboarding-simulation #authors-form ul li.current-author {
  border-left: 3px solid LightSkyBlue;
}
#offboarding-simulation #authors-form ul li.real-ex-author {
  border-left: 3px solid black;
}
#offboarding-simulation #authors-form ul li.simulated-ex-author {
  border-left: 3px solid red;
}
@font-face {
  font-family: "pxgrotesk";
  src: url("/fonts/px-grotesk-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "pxgrotesk";
  src: url("/fonts/px-grotesk-bolditalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "pxgrotesk";
  src: url("/fonts/px-grotesk-italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "pxgrotesk";
  src: url("/fonts/px-grotesk-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "pxgrotesk";
  src: url("/fonts/px-grotesk-light-italic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "pxgrotesk";
  src: url("/fonts/px-grotesk-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "pxgrotesk-screen";
  src: url("/fonts/px-grotesk-screen.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "cousine";
  src: url("/fonts/Cousine-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "cousine";
  src: url("/fonts/Cousine-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "cousine";
  src: url("/fonts/Cousine-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "cousine";
  src: url("/fonts/Cousine-Regular.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
body {
  font-family: matter-sq, "Helvetica Light", Helvetica, Arial, sans-serif;
}
.codescene-layout #main {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.codescene-layout #main.no-top-nav {
  top: 0;
}
nav.site-nav,
.secondary-nav,
.analysis-view {
  display: grid;
  grid-template-columns: [left navbegin] 250px [navend mainbegin] 1fr [mainend right];
}
nav.site-nav,
.secondary-nav {
  z-index: 999;
}
.secondary-nav {
  background: -webkit-gradient(linear, left top, right top, from(#e2ddda), to(#e2ddda));
  background: linear-gradient(to right, #e2ddda, #e2ddda);
  background-size: 250px 100%;
  min-height: 40px;
}
.aside-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
}
.tutorial {
  width: 60%;
  height: 60%;
}
.tutorial .codescene-video {
  position: relative;
  padding-top: 56%;
}
.tutorial .codescene-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.analysis-view,
.project-configuration-view {
  position: relative;
  top: 0;
  bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.analysis-view aside.aside-nav,
.project-configuration-view aside.aside-nav {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
  position: relative;
  top: 0;
  bottom: 0;
}
.analysis-view #page-body,
.project-configuration-view #page-body {
  -webkit-box-flex: 20;
      -ms-flex: 20 1 auto;
          flex: 20 1 auto;
  padding: 0 1em;
}
.tabs .tab {
  display: none;
}
.tabs .tab.active {
  display: block;
}
nav.site-nav {
  background: linear-gradient(160deg, #5ed5d9, 5%, #162C53, 85%,  #5ed5d9) no-repeat;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
}
nav.site-nav .logo-home {
  grid-column: navbegin / navend;
  height: 100%;
}
nav.site-nav .logo-home a {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav.site-nav .logo-home a img {
  height: 70%;
}
nav.site-nav .site-nav-body {
  grid-column: mainbegin / mainend;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
nav.site-nav ul.site-nav-links {
  padding-right: 20px;
}
nav.site-nav ul.site-nav-links li {
  display: inline-block;
  list-style: none;
  padding-right: 2em;
}
nav.site-nav ul.site-nav-links li a {
  color: #000;
}
.codescene-layout .aside-nav {
  background-color: #f8f7f6;
  color: #000;
}
.codescene-layout .aside-nav a {
  color: #000;
}
.codescene-layout .aside-nav ul ul a {
  background-color: #f8f7f6;
}
.home-view {
  font-family: pxgrotesk, sans-serif;
  background-color: #e2ddda;
  overflow-y: auto;
  position: relative;
}
.home-view .label {
  color: #999;
  font-size: 10pt;
  font-weight: normal;
}
.home-view .new-project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  z-index: 5000;
  color: #000;
  position: fixed;
  bottom: 80px;
  right: 10px;
  font-weight: bold;
  background-color: transparent;
}
.home-view .new-project .plus {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 32pt;
  border-radius: 50%;
  border: 3px black solid;
  width: 80px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.4);
}
.home-view .new-project .plus:hover {
  text-decoration: none;
}
.home-view .new-project .new-project-text {
  color: #000;
  font-size: 12pt;
}
.home-view .projects {
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #e2ddda;
}
@media screen and (min-width: 1600px) {
  .home-view .projects {
    display: grid;
    grid-template-columns: 50% 50%;
  }
}
.home-view .project {
  background: -webkit-gradient(linear, left top, right top, from(#999), to(#999)) no-repeat top left, #fff;
  background: linear-gradient(to right, #999, #999) no-repeat top left, #fff;
  background-size: 20px 120px;
  padding: 2em 0 0 2em;
  margin: 0 auto 40px auto;
  display: grid;
  grid-template-columns: [left] 3fr [split1] 4fr [split2] 2fr [right];
  grid-template-rows: [top] 20px [name] 1fr [split] 150px [bottom];
  grid-gap: 2em;
  max-width: 795px;
}
.home-view .project.very-cold {
  background: -webkit-gradient(linear, left bottom, left top, from(blue), to(#0d705d)) no-repeat top left, #fff;
  background: linear-gradient(to top, blue, #0d705d) no-repeat top left, #fff;
  background-size: 20px 120px;
}
.home-view .project.cold {
  background: -webkit-gradient(linear, left bottom, left top, from(#0d705d), to(#fada32)) no-repeat top left, #fff;
  background: linear-gradient(to top, #0d705d, #fada32) no-repeat top left, #fff;
  background-size: 20px 120px;
}
.home-view .project.warm {
  background: -webkit-gradient(linear, left bottom, left top, from(#fada32), to(#FF9303)) no-repeat top left, #fff;
  background: linear-gradient(to top, #fada32, #FF9303) no-repeat top left, #fff;
  background-size: 20px 120px;
}
.home-view .project.very-warm {
  background: -webkit-gradient(linear, left bottom, left top, from(#FF9303), to(#fd67b0)) no-repeat top left, #fff;
  background: linear-gradient(to top, #FF9303, #fd67b0) no-repeat top left, #fff;
  background-size: 20px 120px;
}
.home-view .project.hot {
  background: -webkit-gradient(linear, left bottom, left top, from(#fd67b0), to(#ff282e)) no-repeat top left, #fff;
  background: linear-gradient(to top, #fd67b0, #ff282e) no-repeat top left, #fff;
  background-size: 20px 120px;
}
.home-view a.cell,
.home-view a.cell:hover,
.home-view a.cell:link,
.home-view a.cell:visited {
  text-decoration: none;
}
.home-view .name {
  grid-column: left / split2;
  grid-row: top / name;
}
.home-view .name span.project-name {
  font-size: 20pt;
  color: #000000;
}
.home-view .description-and-status {
  grid-column: left / split1;
  grid-row: name / split;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.home-view .description-and-status .development-activity {
  padding-top: 1em;
  color: #999;
}
.home-view .description-and-status div.description {
  font-size: 12pt;
  color: #000000;
}
.home-view .project-data {
  grid-column: split1 / split2;
  grid-row: name / split;
  font-size: 10pt;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.home-view .project-data .label {
  padding-left: 0;
  margin-left: 0;
}
.home-view .main-health {
  grid-column: split2 / right;
  grid-row: name / split;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 20px;
}
.home-view .main-health .score .cell {
  height: 90px;
  width: 90px;
  font-size: 32pt;
}
.home-view .main-health .standby .percent {
  width: 170px;
  padding-top: 30px;
  padding-bottom: 5px;
  text-align: center;
  font-size: 24pt;
  color: #fff;
}
.home-view .main-health .standby .percent.cold {
  background: 100% / 100% no-repeat url(/imgs/devactivity-cold.svg);
}
.home-view .main-health .standby .percent.warm {
  background: 100% / 100% no-repeat url(/imgs/devactivity-warm.svg);
}
.home-view .main-health .standby .percent.hot {
  background: 100% / 100% no-repeat url(/imgs/devactivity-hot.svg);
}
.home-view .main-health .standby .label {
  text-align: left;
  padding-left: 0;
}
.home-view .project-health,
.home-view .project-actions {
  margin: 3px;
  padding: 14px;
}
.home-view .project-health {
  padding-left: 0;
  margin-bottom: 15px;
}
.home-view .project-actions {
  margin-bottom: 0;
  margin-right: 0;
}
.home-view .project-health {
  grid-column: left / split1;
  grid-row: split / bottom;
  display: grid;
  justify-items: center;
  grid-template-rows: [top] 30px [split] 1fr [bottom];
  grid-gap: 10px;
}
.home-view .project-health .label {
  grid-row: top / split;
}
.home-view .project-health .cell {
  height: 65px;
  width: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 20pt;
}
.home-view .project-health .cell.good {
  background-color: #0d705d;
}
.home-view .project-health .cell.normal {
  background-color: #fada32;
}
.home-view .project-health .cell.bad {
  background: -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: linear-gradient(to right, #ff282e, #fd67b0);
}
.home-view .project-health .missed-goals .goals-and-total span.goal-count-separator,
.home-view .project-health .missed-goals .goals-and-total span.total-goals {
  font-size: 11pt;
  font-weight: normal;
}
.home-view .project-actions {
  grid-column-start: split1;
  grid-column-end: right;
  grid-row: split / bottom;
  grid-column-gap: 10px;
  /*      border: @intermediateGray 3px solid;
      border-radius: 30px; */
  background-color: #eee;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-rows: [top] 30px [split] 1fr [bottom];
  justify-items: center;
  grid-row-gap: 10px;
}
.home-view .project-actions .label {
  color: #000;
  font-weight: normal;
  grid-row: top / split;
}
.home-view .project-actions > a,
.home-view .project-actions form {
  grid-row: split / bottom;
}
.home-view .project-actions a {
  display: block;
  height: 40px;
  min-width: 40px;
}
.home-view .project-actions a img,
.home-view .project-actions button img {
  height: 40px;
}
.home-view .project-actions button {
  border: none;
  background-color: transparent;
}
.home-view .project-status-ok .tile-main {
  background-color: #60de8e;
}
.home-view .project-status-running .tile-main,
.home-view .project-status-scheduled .tile-main {
  background-color: #0023ff;
  color: #fff;
}
.home-view .tile-main {
  display: block;
  padding: 15px;
  color: inherit;
}
.home-view .project-actions .btn {
  border: 0;
}
.home-view .project-actions .btn-default {
  background: transparent;
}
.home-view .project-actions .btn-default:hover,
.home-view .project-actions .btn-default:active {
  background: #ddd;
}
.home-view .project-status {
  font-size: 32pt;
  display: inline-block;
  padding: 6px 12px;
}
.home-view .project-status.project-status-ok {
  color: #36d570;
}
.home-view .project-status.project-status-scheduled,
.home-view .project-status.project-status-running {
  color: #0023ff;
}
.home-view .project-status.project-status-error {
  color: #fe6849;
}
.home-view .project .no-results {
  display: none;
  margin-top: 15px;
}
.home-view .project.no-analysis .main-health,
.home-view .project.no-analysis .project-health,
.home-view .project.no-analysis .project-data {
  display: none;
}
.home-view .project.no-analysis .no-results {
  display: block;
}
.home-view .project.project-status-ok .retrospective-button,
.home-view .project.no-analysis .retrospective-button {
  background: center / contain no-repeat url(/imgs/retrospective-button.svg);
}
.home-view .project.project-status-ok .run-button-label.stop-label,
.home-view .project.no-analysis .run-button-label.stop-label,
.home-view .project.project-status-ok .run-button-stop,
.home-view .project.no-analysis .run-button-stop,
.home-view .project.project-status-ok .run-button-label.cancel-label,
.home-view .project.no-analysis .run-button-label.cancel-label,
.home-view .project.project-status-ok .run-button-cancel,
.home-view .project.no-analysis .run-button-cancel {
  display: none;
}
.home-view .project.project-status-ok .run-button-label.analyze-label,
.home-view .project.no-analysis .run-button-label.analyze-label,
.home-view .project.project-status-ok .run-button-analyze,
.home-view .project.no-analysis .run-button-analyze {
  display: block;
}
.home-view .project.project-status-scheduled .retrospective-button,
.home-view .project.project-status-running .retrospective-button {
  background: center / contain no-repeat url(/imgs/retrospective-disabled-button.svg);
}
.home-view .project.project-status-scheduled .retrospective-button:hover,
.home-view .project.project-status-running .retrospective-button:hover {
  cursor: not-allowed;
}
.home-view .project.project-status-scheduled .run-button-label.cancel-label,
.home-view .project.project-status-scheduled .run-button-cancel {
  display: block;
}
.home-view .project.project-status-scheduled .run-button-label.analyze-label,
.home-view .project.project-status-scheduled .run-button-analyze,
.home-view .project.project-status-scheduled .run-button-label.stop-label,
.home-view .project.project-status-scheduled .run-button-stop {
  display: none;
}
.home-view .project.project-status-running .run-button-label.stop-label,
.home-view .project.project-status-running .run-button-stop {
  display: block;
}
.home-view .project.project-status-running .run-button-label.analyze-label,
.home-view .project.project-status-running .run-button-analyze,
.home-view .project.project-status-running .run-button-label.cancel-label,
.home-view .project.project-status-running .run-button-cancel {
  display: none;
}
.home-view .project .history-button {
  background: center / contain no-repeat url(/imgs/history-icon.svg);
}
.home-view .project.no-analysis .history-button {
  background: center / contain no-repeat url(/imgs/history-disabled-icon.svg);
}
.home-view .project.no-analysis .history-button:hover {
  cursor: not-allowed;
}
.home-view .project.no-analysis .report-button {
  background: center / contain no-repeat url(/imgs/report-disabled-icon.svg);
}
.home-view .project.no-analysis .report-button:hover {
  cursor: not-allowed;
}
.home-view .project .report-button {
  background: center / contain no-repeat url(/imgs/report-icon.svg);
}
.login-view h1,
.login-view h2 {
  text-align: center;
}
.login-view .logo-pane {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-view .logo-pane a.login-logo img {
  padding: 115px 95px;
  height: 330px;
  width: 500px;
}
.login-view section#login-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-view section#login-form p {
  max-width: 60ch;
}
@media screen and (min-width: 1200px) {
  .login-view section#login-form form {
    width: 50%;
  }
}
@media screen and (max-width: 1199px) {
  .login-view section#login-form form {
    width: 75%;
  }
}
.login-failed-message {
  margin-top: 10px;
  margin-bottom: 10px;
}
#proxy-settings-button {
  margin-top: 15px;
  margin-bottom: 10px;
}
.proxy-settings {
  display: none;
  background-color: lightpink;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 10px 10px 10px;
}
.offline-mode-checkbox {
  zoom: 1.5;
}
.new-reports .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.new-reports .report-creation-items {
  display: grid;
  grid-auto-rows: 1fr;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1200px) {
  .new-reports .report-creation-items {
    grid-template-columns: 450px 450px;
    grid-gap: 50px;
  }
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
  .new-reports .report-creation-items {
    grid-template-columns: 350px 350px;
    grid-gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .new-reports .report-creation-items {
    grid-template-columns: 450px;
    grid-gap: 10px;
  }
}
.new-reports .report-creation-items .report-creation-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.new-reports .report-creation-items .report-creation-item .icon {
  max-width: 60%;
  margin: 10px auto 10px auto;
  text-align: center;
}
.new-reports .report-creation-items .report-creation-item .icon a,
.new-reports .report-creation-items .report-creation-item .icon a:visited,
.new-reports .report-creation-items .report-creation-item .icon a:link {
  color: #999;
}
.new-reports .report-creation-items .report-creation-item .icon a:hover {
  color: #ccc;
}
.new-reports .report-creation-items .report-creation-item .description {
  max-width: 80%;
  margin: 5px auto;
  text-align: center;
}
.new-reports .report-creation-items .report-creation-item a.item-button {
  text-align: center;
  display: block;
  margin: 3px auto 5px auto;
  border: 1px solid #999;
}
.configuration-view .text-content {
  padding: 1em;
}
@media screen and (min-width: 900px) {
  .configuration-view .text-content {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
.configuration-view section {
  margin-bottom: 4em;
}
.project-header {
  margin-bottom: 10px;
}
.project-header .project-name {
  color: inherit;
}
.projects-history-view .text-content,
.projects-teams-view .text-content,
.projects-developers-view .text-content,
.projects-access-management-view .text-content,
.project-reports-view .text-content,
.project-delete-view .text-content,
.project-developer-mapping .text-content,
.project-architectural-editor-view .text-content,
.project-retrospective-view .text-content {
  padding: 2em;
}
.project-retrospective-view input {
  max-width: 200px;
}
form#configform.project-configuration-view {
  position: relative;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  height: 100%;
}
form#configform.project-configuration-view .tab,
form#configform.project-configuration-view #save-config-button {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}
form#configform.project-configuration-view aside.aside-nav {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 250px;
          flex: 0 0 250px;
}
form#configform.project-configuration-view #page-body {
  -webkit-box-flex: 20;
      -ms-flex: 20 1 auto;
          flex: 20 1 auto;
  padding: 10px 2em 30px 2em;
}
form#configform.project-configuration-view .column-actions {
  width: 1%;
}
form#configform.project-configuration-view .repository-row {
  margin-bottom: 2px;
}
form#configform.project-configuration-view .repository-row .repo-ref {
  height: 100%;
  /* top and bottom padding same as for form elements, + 1 px for border */
  padding-top: 7px;
  padding-bottom: 6px;
}
form#configform.project-configuration-view .repository-row .repo-ref .repo-ref-specific {
  width: 100%;
}
form#configform.project-configuration-view .repository-row .invalid-path {
  color: red;
}
form#configform.project-configuration-view .repository-row .error-path {
  color: red;
  font-weight: bold;
}
form#configform.project-configuration-view table.repo-paths-with-hashes,
form#configform.project-configuration-view table.custom-renames {
  border-spacing: 20px 2px;
  border: 1px #999 solid;
}
form#configform.project-configuration-view table.repo-paths-with-hashes td,
form#configform.project-configuration-view table.custom-renames td {
  padding: 0.5em 2em 0.5em 1em;
}
form#configform.project-configuration-view table.repo-paths-with-hashes td:last-child,
form#configform.project-configuration-view table.custom-renames td:last-child {
  padding-right: 1em;
}
form#configform.project-configuration-view table.repo-paths-with-hashes thead,
form#configform.project-configuration-view table.custom-renames thead {
  font-weight: bold;
  border-bottom: #777 solid 1px;
}
form#configform.project-configuration-view table.repo-paths-with-hashes tbody tr:nth-of-type(odd),
form#configform.project-configuration-view table.custom-renames tbody tr:nth-of-type(odd) {
  background-color: #f0f0f0;
}
form#configform.project-configuration-view table.repo-paths-with-hashes tbody tr,
form#configform.project-configuration-view table.custom-renames tbody tr {
  padding: 0;
}
.projects-history-view .project-analysis-history .analysis-status {
  width: 1%;
}
.projects-history-view .controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.projects-history-view .controls .monitoring-buttons,
.projects-history-view .controls form {
  padding: 2em;
}
.projects-history-view .controls .monitoring-buttons a,
.projects-history-view .controls form a,
.projects-history-view .controls .monitoring-buttons button:last-child,
.projects-history-view .controls form button:last-child {
  margin-right: 2em;
}
.projects-teams-view .form-control.color {
  border: none;
}
.projects-teams-view #all-teams-table .team-actions {
  width: 1%;
}
.projects-teams-view #all-developers-table td {
  vertical-align: middle;
}
.projects-teams-view table.new-team-table td:first-child {
  width: 100%;
}
.project-developer-mapping .form-control.color {
  border: none;
}
.project-developer-mapping #developer-title {
  padding-top: 3px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  background-color: #fff;
}
.project-developer-mapping #developer-title h2,
.project-developer-mapping #developer-title .back-to-dev {
  margin-top: 0;
  padding-top: 0;
}
.project-developer-mapping #author-mapping form#author-form div.alias-selector {
  height: inherit;
  bottom: 0;
  top: 70px;
}
.project-developer-mapping #developer-title {
  position: -webkit-sticky;
  position: sticky;
  top: 1px;
}
.architectural-component-editor #flash,
.architectural-component-editor #flash-error {
  /*	display: none; */
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 5000;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 1em;
  font-size: 14pt;
  font-weight: bold;
}
.architectural-component-editor #flash-error {
  background-color: #ffdc00;
}
.architectural-component-editor #flash {
  background-color: #0023ff;
  color: #fff;
}
.architectural-component-editor .foldable {
  display: none;
}
.architectural-component-editor #expand-architectural-component-editing-text {
  color: inherit;
}
.project-delete-view .delete-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.project-delete-view .delete-actions > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}
.project-delete-view .delete-actions .help-block {
  width: 75%;
  margin: 1em auto;
}
.project-wizard-view {
  padding: 2em;
}
.project-wizard-view .title-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2em;
}
.project-wizard-view .title-area p {
  max-width: 40em;
  max-width: 80ch;
}
.project-wizard-view.select-source .project-creation-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
}
.project-wizard-view.select-source .project-creation-items .project-creation-item {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  min-height: 50px;
  width: 100%;
  margin: .5em;
  padding: .5em;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .project-wizard-view.select-source .project-creation-items .project-creation-item {
    width: 45%;
    min-width: 45%;
    max-width: 45%;
  }
}
@media (min-width: 1200px) {
  .project-wizard-view.select-source .project-creation-items .project-creation-item {
    width: 30%;
    max-width: 30%;
    min-width: 30%;
  }
}
.project-wizard-view.select-source .project-creation-items .project-creation-item .icon {
  max-width: 60%;
  margin: 10px auto 10px auto;
  text-align: center;
}
.project-wizard-view.select-source .project-creation-items .project-creation-item .icon a,
.project-wizard-view.select-source .project-creation-items .project-creation-item .icon a:visited,
.project-wizard-view.select-source .project-creation-items .project-creation-item .icon a:link {
  color: #999;
}
.project-wizard-view.select-source .project-creation-items .project-creation-item .icon a:hover {
  color: #ccc;
}
.project-wizard-view.select-source .project-creation-items .project-creation-item .description {
  max-width: 80%;
  margin: 5px auto;
  text-align: center;
}
.project-wizard-view.select-source .project-creation-items .project-creation-item a.item-button {
  max-width: 75%;
  text-align: center;
  display: block;
  margin: 3px auto 5px auto;
  border: 1px solid #999;
}
.project-wizard-view.specify-remotes {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.project-wizard-view.scan-directory form,
.project-wizard-view.details form,
.project-wizard-view.confirm-found-repositories form,
.project-wizard-view.specify-paths form,
.project-wizard-view.clone-existing form,
.project-wizard-view.confirm-specified form {
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.project-wizard-view.confirm-specified {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.project-wizard-view.confirm-specified .success-paths {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.project-wizard-view.confirm-remotes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.project-wizard-view.confirm-remotes p {
  max-width: 40em;
  max-width: 80ch;
}
.project-wizard-view.confirm-remotes > .remotes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2em;
  margin-bottom: 2em;
}
.project-wizard-view.confirm-remotes .remotes {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.analysis-view #page-body {
  /*
	* In layout.less, we don't assign top padding to #page-body 
	* because some subviews need padding-top to be 0. So here we 
	* say that the first child gets the padding, which allows
	* other views to override that below.	 		
	*/
}
.analysis-view #page-body > :first-child {
  padding-top: 1em;
}
.analysis-view #page-body .absolute-churn-trend-view {
  margin-top: -10px;
  padding-top: 0;
}
.analysis-view #page-body .absolute-churn-trend-view .analysis-view-top-navigation {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 500;
}
.analysis-view #page-body .authors-view {
  padding-top: 0;
}
.secondary-nav ul.secondary-tabs {
  grid-column: mainbegin / mainend;
  width: 100%;
  padding-bottom: 0;
  border-bottom: 1px #fff solid;
  padding-top: 3px;
  margin-bottom: 0;
  background-color: #f8f7f6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.secondary-nav ul.secondary-tabs li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  list-style: none;
  text-align: center;
  background-color: #e2ddda;
  padding-top: 4px;
  padding-bottom: 4px;
  margin: 0 0 0 -9px;
  z-index: 50;
}
.secondary-nav ul.secondary-tabs li a,
.secondary-nav ul.secondary-tabs li a:visited {
  color: #000;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.secondary-nav ul.secondary-tabs li:first-child {
  margin-left: 0px;
  z-index: 49;
  padding-left: 1em;
}
.secondary-nav ul.secondary-tabs li.active {
  background-color: #fff;
}
.secondary-nav ul.secondary-tabs li.active a {
  color: #222;
}
.secondary-nav ul#module-tabs li {
  -webkit-box-flex: 3;
      -ms-flex: 3 3 auto;
          flex: 3 3 auto;
}
.secondary-nav ul#module-tabs li a,
.secondary-nav ul#module-tabs li a:visited {
  font-size: 14pt;
  text-transform: uppercase;
}
.secondary-nav ul#config-tabs li {
  -webkit-box-flex: 2;
      -ms-flex: 2 2 auto;
          flex: 2 2 auto;
}
.secondary-nav ul#config-tabs li a,
.secondary-nav ul#config-tabs li a:visited {
  font-size: 11pt;
}
.secondary-nav.main-configuration-tabs ul.secondary-tabs li {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.analysis-view-top-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #ddd;
  border-bottom: 1px solid #ccc;
}
.analysis-view-top-navigation .breadcrumb {
  margin-bottom: 0;
  background: none;
  border-bottom: 1px solid #ccc;
}
.analysis-view-top-navigation .breadcrumb a {
  color: #999;
}
.analysis-view-top-navigation .nav.nav-tabs {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-bottom: 0;
}
.analysis-view-top-navigation .nav.nav-tabs .active a {
  border-top-color: transparent;
}
.analysis-view-top-navigation .nav.nav-tabs li:first-child a {
  border-left: 0;
}
.analysis-view-top-navigation .help-link {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 12px;
  font-size: 200%;
}
.no-flexbox .analysis-view-top-navigation {
  position: relative;
}
.no-flexbox .analysis-view-top-navigation .help-link {
  position: absolute;
  top: 0;
  right: 10px;
}
.analysis-dashboard-view .bio-criticality-low {
  color: #60de8e;
}
.analysis-dashboard-view .bio-criticality-warning {
  color: #ffdc00;
}
.analysis-dashboard-view .bio-criticality-problem {
  color: #fe6849;
}
.analysis-dashboard-view .tile-main {
  display: block;
  padding: 24px 48px;
}
.analysis-dashboard-view .body {
  display: block;
  padding: 24px 0;
}
.analysis-dashboard-view .analysis-warning .warning-tile-main {
  display: block;
  padding: 24px 24px;
}
.analysis-dashboard-view .analysis-warning .tile-link {
  background: #ffdc00;
}
.analysis-dashboard-view .analysis-warning:hover .tile-link {
  background: #e6c600;
}
.analysis-dashboard-view .analysis-warning ul {
  list-style-type: none;
  padding: 24px;
  margin: 0;
}
.analysis-dashboard-view .analysis-warning li {
  margin-bottom: 1em;
}
.analysis-dashboard-view .analysis-warning .name {
  font-weight: bold;
}
.analysis-dashboard-view .analysis-warning .warning-icon {
  display: block;
  font-size: 39px;
  text-align: center;
  margin-bottom: 24px;
}
.commit-risk-table .risk-category {
  text-align: center;
}
.commit-risk-table .commit-actions {
  width: 1%;
}
.commit-risk-table .commit-actions .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dashboard-temporal-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard-temporal-controls ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboard-temporal-controls .temporal-label,
.dashboard-temporal-controls li {
  padding: 1em;
  font-size: 11pt;
}
.dashboard-temporal-controls ul {
  list-style: none;
}
.dashboard-temporal-controls ul li a {
  color: #000;
  padding-bottom: 5px;
  font-weight: 200;
  text-decoration: none;
}
.dashboard-temporal-controls ul li a:hover {
  color: #000;
  font-weight: 700;
  border-bottom: #000 1px solid;
}
.dashboard-temporal-controls ul.year > li.year a {
  color: #0d705d;
  font-weight: 700;
  border-bottom: #0d705d 1px solid;
}
.dashboard-temporal-controls ul.year > li.year a:hover {
  color: #0d705d;
}
.dashboard-temporal-controls ul.month > li.month a {
  color: #0d705d;
  font-weight: 700;
  border-bottom: #0d705d 1px solid;
}
.dashboard-temporal-controls ul.month > li.month a:hover {
  color: #0d705d;
}
.dashboard-temporal-controls ul.now > li.now a {
  color: #0d705d;
  font-weight: 700;
  border-bottom: #0d705d 1px solid;
}
.dashboard-temporal-controls ul.now > li.now a:hover {
  color: #0d705d;
}
.cell {
  background-color: #f8f7f6;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.score .cell {
  color: #fff;
  font-size: 20pt;
}
.score .cell.good {
  background-color: #0d705d;
}
.score .cell.normal {
  background-color: #fada32;
}
.score .cell.bad {
  background: -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.big-down.good {
  background: 50% 100% / contain no-repeat url("/imgs/big-down-good-graph.svg"), #0d705d;
}
.score .cell.big-down.good.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-good-graph.svg"), #0d705d;
}
.score .cell.big-down.good.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-good-graph.svg"), #0d705d;
}
.score .cell.big-down.normal {
  background: 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), #fada32;
}
.score .cell.big-down.normal.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), #fada32;
}
.score .cell.big-down.normal.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), #fada32;
}
.score .cell.big-down.bad {
  background: 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.big-down.bad.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.big-down.bad.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.big-up.good {
  background: 50% 100% / contain no-repeat url("/imgs/big-up-good-graph.svg"), #0d705d;
}
.score .cell.big-up.good.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-good-graph.svg"), #0d705d;
}
.score .cell.big-up.good.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-good-graph.svg"), #0d705d;
}
.score .cell.big-up.normal {
  background: 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), #fada32;
}
.score .cell.big-up.normal.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), #fada32;
}
.score .cell.big-up.normal.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), #fada32;
}
.score .cell.big-up.bad {
  background: 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.big-up.bad.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.big-up.bad.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/big-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.medium-down.good {
  background: 50% 100% / contain no-repeat url("/imgs/medium-down-good-graph.svg"), #0d705d;
}
.score .cell.medium-down.good.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-good-graph.svg"), #0d705d;
}
.score .cell.medium-down.good.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-good-graph.svg"), #0d705d;
}
.score .cell.medium-down.normal {
  background: 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), #fada32;
}
.score .cell.medium-down.normal.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), #fada32;
}
.score .cell.medium-down.normal.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), #fada32;
}
.score .cell.medium-down.bad {
  background: 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.medium-down.bad.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.medium-down.bad.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.medium-up.good {
  background: 50% 100% / contain no-repeat url("/imgs/medium-up-good-graph.svg"), #0d705d;
}
.score .cell.medium-up.good.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-good-graph.svg"), #0d705d;
}
.score .cell.medium-up.good.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-good-graph.svg"), #0d705d;
}
.score .cell.medium-up.normal {
  background: 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), #fada32;
}
.score .cell.medium-up.normal.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), #fada32;
}
.score .cell.medium-up.normal.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), #fada32;
}
.score .cell.medium-up.bad {
  background: 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.medium-up.bad.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.medium-up.bad.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/medium-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.small-down.good {
  background: 50% 100% / contain no-repeat url("/imgs/small-down-good-graph.svg"), #0d705d;
}
.score .cell.small-down.good.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-good-graph.svg"), #0d705d;
}
.score .cell.small-down.good.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-good-graph.svg"), #0d705d;
}
.score .cell.small-down.normal {
  background: 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), #fada32;
}
.score .cell.small-down.normal.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), #fada32;
}
.score .cell.small-down.normal.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), #fada32;
}
.score .cell.small-down.bad {
  background: 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.small-down.bad.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.small-down.bad.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-down-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.small-up.good {
  background: 50% 100% / contain no-repeat url("/imgs/small-up-good-graph.svg"), #0d705d;
}
.score .cell.small-up.good.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-good-graph.svg"), #0d705d;
}
.score .cell.small-up.good.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-good-graph.svg"), #0d705d;
}
.score .cell.small-up.normal {
  background: 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), #fada32;
}
.score .cell.small-up.normal.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), #fada32;
}
.score .cell.small-up.normal.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), #fada32;
}
.score .cell.small-up.bad {
  background: 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.small-up.bad.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.small-up.bad.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/small-up-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.stable.good {
  background: 50% 100% / contain no-repeat url("/imgs/stable-good-graph.svg"), #0d705d;
}
.score .cell.stable.good.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-good-graph.svg"), #0d705d;
}
.score .cell.stable.good.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-good-graph.svg"), #0d705d;
}
.score .cell.stable.normal {
  background: 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), #fada32;
}
.score .cell.stable.normal.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), #fada32;
}
.score .cell.stable.normal.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), #fada32;
}
.score .cell.stable.bad {
  background: 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.stable.bad.real-time-worse {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-worse-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-worse-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.score .cell.stable.bad.real-time-better {
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), -webkit-gradient(linear, left top, right top, from(#ff282e), to(#fd67b0));
  background: top left / 30px 30px no-repeat url("/imgs/real-time-better-top-left-overlay.svg"), bottom right / 30px 30px no-repeat url("/imgs/real-time-better-bottom-right-overlay.svg"), 50% 100% / contain no-repeat url("/imgs/stable-graph.svg"), linear-gradient(to right, #ff282e, #fd67b0);
}
.delivery-risk .cell.not-calculated {
  color: #000;
}
.delivery-risk .cell.green-stable {
  background: 50% 100% / contain no-repeat url(/imgs/stable-delivery-risk-icon.svg), #0d705d;
}
.delivery-risk .cell.green-stable > * {
  display: none;
}
.delivery-risk .cell.yellow-warning {
  background: 100% 50% / 100% no-repeat url(/imgs/yellow-warning-triangle-bg.svg), #f8f7f6;
  font-size: 18pt;
  color: #000;
}
.delivery-risk .cell.red-warning {
  background: 100% 50% / 100% no-repeat url(/imgs/red-warning-triangle-bg.svg), #f8f7f6;
  font-size: 18pt;
  color: #fff;
}
.read-more {
  margin-top: 2em;
  margin-bottom: 1em;
  padding-left: 30%;
}
.read-more .read-more-item {
  margin-bottom: 0.5em;
}
.read-more .read-more-item a {
  color: #000;
  font-weight: normal;
  padding-right: 80px;
  background: right / contain no-repeat url(/imgs/linkarrow.svg);
}
.narrow-subview .read-more {
  padding-left: 0;
}
.system-health-container:-webkit-full-screen {
  background-color: #fff;
  padding: 10%;
}
.system-health-container:-moz-full-screen {
  background-color: #fff;
  padding: 10%;
}
.system-health-container:-ms-fullscreen {
  background-color: #fff;
  padding: 10%;
}
.system-health-container:fullscreen {
  background-color: #fff;
  padding: 10%;
}
.system-health-container:-webkit-full-screen .fullscreen-control {
  display: block;
  position: absolute;
  bottom: 3%;
  right: 3%;
}
.system-health-container:-moz-full-screen .fullscreen-control {
  display: block;
  position: absolute;
  bottom: 3%;
  right: 3%;
}
.system-health-container:-ms-fullscreen .fullscreen-control {
  display: block;
  position: absolute;
  bottom: 3%;
  right: 3%;
}
.system-health-container:fullscreen .fullscreen-control {
  display: block;
  position: absolute;
  bottom: 3%;
  right: 3%;
}
.system-health-container:not(:-webkit-full-screen) .fullscreen-control {
  display: none;
}
.system-health-container:not(:-moz-full-screen) .fullscreen-control {
  display: none;
}
.system-health-container:not(:-ms-fullscreen) .fullscreen-control {
  display: none;
}
.system-health-container:not(:fullscreen) .fullscreen-control {
  display: none;
}
.master-dashboard-view .system-health-container {
  max-width: inherit;
}
.master-dashboard-view .system-health-container h3 {
  font-size: 14pt;
  text-align: center;
  margin: 1.5em;
}
.master-dashboard-view .system-health-container .system-health-graphics {
  font-size: 10pt;
  grid-template-rows: 60px;
  grid-auto-rows: 80px;
}
.master-dashboard-view .system-health-container .system-health-graphics .headings,
.master-dashboard-view .system-health-container .system-health-graphics .subsystem {
  grid-template-columns: [left] 15px [temperature] 1fr [team] 60px [mastery] 60px [score] 60px [defects] 60px [drisk] 60px  [right];
}
.master-dashboard-view .system-health-container .system-health-graphics .headings .cell,
.master-dashboard-view .system-health-container .system-health-graphics .subsystem .cell {
  height: 50px;
}
.master-dashboard-view .system-health-container .system-health-graphics .headings .score .cell,
.master-dashboard-view .system-health-container .system-health-graphics .subsystem .score .cell {
  font-size: 14pt;
}
.master-dashboard-view .system-health-container .system-health-graphics .headings .delivery-risk .cell,
.master-dashboard-view .system-health-container .system-health-graphics .subsystem .delivery-risk .cell {
  font-size: 10pt;
}
.system-health-container {
  font-weight: 400;
  font-family: pxgrotesk, sans-serif;
}
.system-health-container a,
.system-health-container a:hover,
.system-health-container a:link,
.system-health-container a:visited {
  text-decoration: none;
  color: #000;
}
.system-health-container .filename {
  font-family: pxgrotesk, sans-serif;
}
.system-health-container .system-health-graphics {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 60px;
  grid-auto-rows: 120px;
  font-size: 12pt;
}
.system-health-container .system-health-graphics .headings,
.system-health-container .system-health-graphics .subsystem {
  display: grid;
  grid-template-columns: [left] 15px [temperature] 1fr [team] 120px [mastery] 120px [score] 120px [defects] 120px [drisk] 120px  [right];
  -ms-flex-line-pack: top;
      align-content: top;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.system-health-container .system-health-graphics .headings .development-activity-temperature,
.system-health-container .system-health-graphics .subsystem .development-activity-temperature {
  grid-column: left / temperature;
}
.system-health-container .system-health-graphics .headings .subsystem-name,
.system-health-container .system-health-graphics .subsystem .subsystem-name {
  grid-column: temperature / team;
}
.system-health-container .system-health-graphics .headings .team-autonomy,
.system-health-container .system-health-graphics .subsystem .team-autonomy {
  grid-column: team / mastery;
}
.system-health-container .system-health-graphics .headings .system-master,
.system-health-container .system-health-graphics .subsystem .system-master {
  grid-column: mastery / score;
}
.system-health-container .system-health-graphics .headings .score,
.system-health-container .system-health-graphics .subsystem .score {
  grid-column: score / defects;
}
.system-health-container .system-health-graphics .headings .defects,
.system-health-container .system-health-graphics .subsystem .defects {
  grid-column: defects / drisk;
}
.system-health-container .system-health-graphics .headings .delivery-risk,
.system-health-container .system-health-graphics .subsystem .delivery-risk {
  grid-column: drisk / right;
}
.system-health-container .system-health-graphics .development-activity-temperature .cell.not-calculated {
  background: #f8f7f6;
}
.system-health-container .system-health-graphics .development-activity-temperature .cell.very-cold {
  background: -webkit-gradient(linear, left bottom, left top, from(blue), to(#0d705d)) no-repeat top left;
  background: linear-gradient(to top, blue, #0d705d) no-repeat top left;
}
.system-health-container .system-health-graphics .development-activity-temperature .cell.cold {
  background: -webkit-gradient(linear, left bottom, left top, from(#0d705d), to(#fada32)) no-repeat top left;
  background: linear-gradient(to top, #0d705d, #fada32) no-repeat top left;
}
.system-health-container .system-health-graphics .development-activity-temperature .cell.warm {
  background: -webkit-gradient(linear, left bottom, left top, from(#fada32), to(#FF9303)) no-repeat top left;
  background: linear-gradient(to top, #fada32, #FF9303) no-repeat top left;
}
.system-health-container .system-health-graphics .development-activity-temperature .cell.very-warm {
  background: -webkit-gradient(linear, left bottom, left top, from(#FF9303), to(#fd67b0)) no-repeat top left;
  background: linear-gradient(to top, #FF9303, #fd67b0) no-repeat top left;
}
.system-health-container .system-health-graphics .development-activity-temperature .cell.hot {
  background: -webkit-gradient(linear, left bottom, left top, from(#fd67b0), to(#ff282e)) no-repeat top left;
  background: linear-gradient(to top, #fd67b0, #ff282e) no-repeat top left;
}
.system-health-container .system-health-graphics .headings > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.system-health-container .system-health-graphics .headings > div:first-child {
  text-align: left;
}
.system-health-container .system-health-graphics .subsystem {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
.system-health-container .system-health-graphics .headings {
  font-weight: bold;
}
.system-health-container .system-health-graphics .delivery-risk .cell {
  font-size: 12pt;
}
.system-health-container .system-health-graphics .delivery-risk .cell.yellow-warning {
  background: 50% 30% / 60% no-repeat url(/imgs/yellow-warning-triangle-bg.svg), rgba(254, 104, 73, 0.3);
}
.system-health-container .system-health-graphics .delivery-risk .cell.red-warning {
  background: 50% 30% / 60% no-repeat url(/imgs/red-warning-triangle-bg.svg), rgba(254, 104, 73, 0.3);
}
.system-health-container .system-health-graphics .team-autonomy .cell.good,
.system-health-container .system-health-graphics .system-mastery .cell.good,
.system-health-container .system-health-graphics .defects .cell.good {
  background-color: rgba(13, 112, 93, 0.3);
}
.system-health-container .system-health-graphics .team-autonomy .cell.normal,
.system-health-container .system-health-graphics .system-mastery .cell.normal,
.system-health-container .system-health-graphics .defects .cell.normal {
  background-color: #f8f7f6;
}
.system-health-container .system-health-graphics .team-autonomy .cell.bad,
.system-health-container .system-health-graphics .system-mastery .cell.bad,
.system-health-container .system-health-graphics .defects .cell.bad {
  background-color: rgba(254, 104, 73, 0.3);
}
.system-health-container .system-health-graphics .defects .cell.better.good {
  background: 95% / 30% 70% no-repeat url(/imgs/down-and-better.svg), rgba(13, 112, 93, 0.3);
}
.system-health-container .system-health-graphics .defects .cell.better.normal {
  background: 95% / 30% 70% no-repeat url(/imgs/down-and-better.svg), rgba(250, 218, 50, 0.3);
}
.system-health-container .system-health-graphics .defects .cell.better.bad {
  background: 95% / 30% 70% no-repeat url(/imgs/down-and-better.svg), rgba(254, 104, 73, 0.3);
}
.system-health-container .system-health-graphics .defects .cell.worse.good {
  background: 95% / 30% 70% no-repeat url(/imgs/up-and-worse.svg), rgba(13, 112, 93, 0.3);
}
.system-health-container .system-health-graphics .defects .cell.worse.normal {
  background: 95% / 30% 70% no-repeat url(/imgs/up-and-worse.svg), rgba(250, 218, 50, 0.3);
}
.system-health-container .system-health-graphics .defects .cell.worse.bad {
  background: 95% / 30% 70% no-repeat url(/imgs/up-and-worse.svg), rgba(254, 104, 73, 0.3);
}
.system-health-container .system-health-graphics .subsystem-name {
  min-width: 0;
}
.system-health-container .system-health-graphics .subsystem-name .cell {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: left;
  padding-left: 1.5em;
  min-width: 0;
}
.system-health-container .system-health-graphics .subsystem-name .cell a,
.system-health-container .system-health-graphics .subsystem-name .cell a:hover {
  color: #000;
  overflow-wrap: break-word;
  min-width: 0;
}
.system-health-container.no-architectural {
  min-height: 75vh;
}
.master-dashboard-view .hotspot-health-graphics {
  grid-template-columns: [left] 1fr [col1] 100px [col2] 100px [right];
}
.master-dashboard-view .hotspot-health-graphics .hotspot-name .filename {
  font-size: 11pt;
  font-weight: 500;
}
.master-dashboard-view .hotspot-health-graphics .hotspot-name .path {
  font-size: 8pt;
  overflow-wrap: break-word;
}
.master-dashboard-view .hotspot-health-graphics .remaining-life-cell {
  height: 1em;
  width: .2em;
}
.hotspot-health-graphics {
  display: grid;
  grid-template-columns: [left] 1fr [col1] 180px [col2] 180px [right];
  grid-row-gap: 1em;
}
.hotspot-health-graphics .hotspot-name,
.hotspot-health-graphics .hotspot-current-score,
.hotspot-health-graphics .hotspot-previous-score {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #fff;
}
.hotspot-health-graphics .hotspot-name:nth-child(6n+3),
.hotspot-health-graphics .hotspot-current-score:nth-child(6n+4),
.hotspot-health-graphics .hotspot-previous-score:nth-child(6n+5) {
  background-color: #f8f7f6;
}
.hotspot-health-graphics .hotspot-current-score-header,
.hotspot-health-graphics .hotspot-previous-score-header {
  font-weight: bold;
  font-size: 10pt;
}
.hotspot-health-graphics .hotspot-name {
  grid-column: left / col1;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.hotspot-health-graphics .hotspot-name .filename {
  font-size: 14pt;
}
.hotspot-health-graphics .hotspot-name .path {
  font-size: 11pt;
  font-weight: normal;
}
.hotspot-health-graphics .hotspot-current-score,
.hotspot-health-graphics .hotspot-current-score-header {
  grid-column: col1 / col2;
}
.hotspot-health-graphics .hotspot-previous-score,
.hotspot-health-graphics .hotspot-previous-score-header {
  grid-column: col2 / right;
}
.hotspot-health-graphics .hotspot-current-score,
.hotspot-health-graphics .hotspot-previous-score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20pt;
  color: #fff;
}
.hotspot-health-graphics .remaining-life-cell {
  height: 1.5em;
  width: .4em;
  margin-right: 3px;
}
.hotspot-health-graphics .remaining-life-cell.empty {
  background-color: #ddd;
}
.hotspot-health-graphics .good .remaining-life-cell.full {
  background-color: #0d705d;
}
.hotspot-health-graphics .normal .remaining-life-cell.full {
  background-color: #fada32;
}
.hotspot-health-graphics .bad .remaining-life-cell.full {
  background-color: #ff282e;
}
.master-dashboard-view .dashboard-subviews {
  display: grid;
  grid-template-columns: repeat(auto-fit, 275px);
  padding: 30px;
}
.master-dashboard-view .dashboard-subviews .subview {
  grid-column: auto / span 2;
  padding: 20px;
  background: 10% 0% / 200px url(/imgs/horizontal-gray-border.svg) no-repeat, 90% 0% / 200px url(/imgs/horizontal-gray-border.svg) no-repeat, 0% 10% / 4px 200px url(/imgs/vertical-gray-border.svg) no-repeat, 0% 90% / 4px 200px url(/imgs/vertical-gray-border.svg) no-repeat;
  padding: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.master-dashboard-view .dashboard-subviews .subview.narrow-subview {
  grid-column: auto / span 1;
  background: 10% 0% / 200px url(/imgs/horizontal-gray-border.svg) no-repeat, 0% 10% / 4px 200px url(/imgs/vertical-gray-border.svg) no-repeat, 0% 90% / 4px 200px url(/imgs/vertical-gray-border.svg) no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: center;
}
.master-dashboard-view .read-more {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 aut;
          flex: 1 1 aut;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0;
}
.master-dashboard-view .score-label {
  text-align: center;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 7px;
}
.master-dashboard-view .early-warnings-graphics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.master-dashboard-view .early-warnings-graphics .warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
}
.master-dashboard-view .early-warnings-graphics .warning img {
  width: 100px;
  height: 100px;
}
.master-dashboard-view .early-warnings-graphics .warning .description {
  font-weight: bold;
  font-size: 10pt;
}
.master-dashboard-view .key-personnel-graphics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.master-dashboard-view .key-personnel-graphics .pie-graph {
  margin-top: 1em;
  margin-bttom: 1em;
}
.master-dashboard-view .key-personnel-graphics .key-personnel-percentage,
.master-dashboard-view .key-personnel-graphics .abandoned-code-percentage {
  text-align: center;
  font-size: 20pt;
  font-weight: bold;
  min-height: 1em;
}
.master-dashboard-view .key-personnel-graphics .key-personnel-written-by,
.master-dashboard-view .key-personnel-graphics .abandoned-code-label {
  font-weight: bold;
  font-size: 10pt;
  margin-bottom: 2em;
}
.master-dashboard-view .code-health-graphics {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.master-dashboard-view .code-health-graphics .current-code-health-score .cell {
  height: 140px;
  width: 140px;
  font-size: 36pt;
}
.master-dashboard-view .code-health-graphics .month-code-health-score .cell,
.master-dashboard-view .code-health-graphics .year-code-health-score .cell {
  height: 70px;
  width: 70px;
}
.master-dashboard-view .code-health-graphics .score-label:first-child {
  margin-top: 15px;
}
.master-dashboard-view .descriptive-data-graphics .red-hotspots,
.master-dashboard-view .descriptive-data-graphics .effort-in-hotspots,
.master-dashboard-view .descriptive-data-graphics .bugs-in-hotspots {
  text-align: center;
  font-size: 20pt;
  font-weight: bold;
  min-height: 1em;
}
.master-dashboard-view .descriptive-data-graphics .hotspot-label {
  margin-top: 5px;
  margin-bottom: 35px;
  font-weight: bold;
  font-size: 10pt;
}
.master-dashboard-view .descriptive-data-graphics img.hotspot-logo {
  width: 100px;
  margin: 15px;
}
.master-dashboard-view .descriptive-data-graphics .red-hotspots,
.master-dashboard-view .descriptive-data-graphics .red-hotspots-label {
  color: #fd67b0;
}
.master-dashboard-view .delivery-risk-graphics .no-branches {
  text-align: center;
}
.master-dashboard-view .delivery-risk-graphics .branch {
  display: grid;
  grid-template-columns: [left] 1fr [hsplit] 70px [right];
  grid-template-rows: [top] 1.5em [vsplit] 1fr [bottom];
  grid-column-gap: 10px;
  grid-row-gap: 3px;
  margin-bottom: 15px;
}
.master-dashboard-view .delivery-risk-graphics .branch .cell {
  height: 70px;
  padding-top: 10px;
  color: #fff;
}
.master-dashboard-view .delivery-risk-graphics .branch .cell.yellow-warning {
  background: 100% / 100% no-repeat url(/imgs/yellow-warning-triangle-bg.svg);
}
.master-dashboard-view .delivery-risk-graphics .branch .cell.red-warning {
  background: 100% / 100% no-repeat url(/imgs/red-warning-triangle-bg.svg);
}
.master-dashboard-view .delivery-risk-graphics .branch .branch-name {
  grid-column: left / hsplit;
  grid-row: top / vsplit;
}
.master-dashboard-view .delivery-risk-graphics .branch .risk {
  grid-column: hsplit / right;
  grid-row: top / bottom;
}
.master-dashboard-view .delivery-risk-graphics .branch .bar-graph-bar {
  grid-column: left / hsplit;
  grid-row: vsplit / bottom;
  height: 40px;
  background: 100% 0% / 100% 50% no-repeat -webkit-gradient(linear, right top, left top, from(#f8f7f6), to(#f8f7f6)), #fff;
  background: 100% 0% / 100% 50% no-repeat linear-gradient(to left, #f8f7f6, #f8f7f6), #fff;
  margin-bottom: 20px;
}
.master-dashboard-view .delivery-risk-graphics .branch .bar-graph-content {
  height: 100%;
  background: 100% 0% / 100% 50% no-repeat -webkit-gradient(linear, right top, left top, from(#000), to(#000)), #fff;
  background: 100% 0% / 100% 50% no-repeat linear-gradient(to left, #000, #000), #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.master-dashboard-view #system-health-subview {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.master-dashboard-view #hotspots-health-subview {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
}
.master-dashboard-view #early-warnings-subview {
  -webkit-box-ordinal-group: 21;
      -ms-flex-order: 20;
          order: 20;
}
.master-dashboard-view #key-personnel-subview {
  -webkit-box-ordinal-group: 31;
      -ms-flex-order: 30;
          order: 30;
}
.master-dashboard-view #code-health-subview {
  -webkit-box-ordinal-group: 41;
      -ms-flex-order: 40;
          order: 40;
}
.master-dashboard-view #descriptive-data-subview {
  -webkit-box-ordinal-group: 51;
      -ms-flex-order: 50;
          order: 50;
}
.master-dashboard-view #delivery-risk-subview {
  -webkit-box-ordinal-group: 61;
      -ms-flex-order: 60;
          order: 60;
}
@media screen and (min-width: 1140px) and (max-width: 1420px) {
  .master-dashboard-view #code-health-subview {
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }
}
.no-architectural {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
  color: #666;
}
.no-architectural .main-warning {
  font-size: 18pt;
  max-width: 26em;
  max-width: 50ch;
  color: #999;
}
.no-architectural img.down-arrow {
  height: 130px;
  -o-object-fit: cover;
     object-fit: cover;
  padding-top: 30px;
  padding-bottom: 20px;
}
.no-architectural .configure-link a {
  font-size: 36pt;
  color: #999;
}
.hotspots-view .content {
  display: none;
}
.hotspots-view #mapview svg {
  display: block;
  width: 100%;
  height: auto;
}
.hotspots-view #mapview {
  position: relative;
  margin-bottom: 20px;
}
.hotspots-view .column-module {
  width: 50%;
}
.hotspots-view .column-change-frequency,
.hotspots-view .column-complexity-size {
  text-align: center;
}
.hotspots-view .column-actions {
  text-align: right;
  white-space: nowrap;
}
.hotspots-view .column-actions .warning {
  display: inline-block;
  vertical-align: middle;
  padding: 2px 6px;
}
.change-frequency-distribution-view {
  max-width: 1200px;
}
.change-frequency-distribution-view svg {
  display: block;
  width: 100%;
  height: auto;
  font-size: 12px;
  /* Hack for the SVG scaling not make text to big on wide screens. */
  font-size: calc(14.8px);
}
.change-frequency-distribution-view .area {
  fill: #0023ff;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.change-frequency-distribution-view .axis path,
.change-frequency-distribution-view .axis line {
  fill: none;
  stroke: #000;
}
.change-frequency-distribution-view .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
}
.system-complexity-view .complexity-trend {
  max-width: 1200px;
}
.system-complexity-view .stacked-trends-container {
  max-width: 1600px;
}
.system-complexity-view svg {
  width: 100%;
  height: auto;
}
.temporal-coupling-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  /* Same color for both source and target */
  /**
  * Sum of Coupling table
  */
}
.temporal-coupling-view .temporal-coupling-controls {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 12px 12px;
  font-size: 13px;
}
.temporal-coupling-view .temporal-coupling-controls h3 {
  margin: 0 0 6px;
  font-size: 100%;
}
.temporal-coupling-view .temporal-coupling-controls .temporal-coupling-filters {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  margin-right: 12px;
}
.temporal-coupling-view .temporal-coupling-controls .temporal-coupling-filters ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.temporal-coupling-view .temporal-coupling-controls .temporal-coupling-filters li {
  display: inline-block;
}
.temporal-coupling-view .temporal-coupling-controls .temporal-coupling-filters .checkbox {
  margin: 0;
}
.temporal-coupling-view .temporal-coupling-controls .minimum-coupling-control {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 40%;
          flex: 1 1 40%;
}
.temporal-coupling-view .temporal-coupling-view-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}
.temporal-coupling-view .temporal-coupling-edge-bundle {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 60%;
          flex: 1 1 60%;
  overflow: auto;
  position: relative;
}
.temporal-coupling-view .temporal-coupling-edge-bundle #graph-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.temporal-coupling-view .temporal-coupling-edge-bundle svg {
  display: block;
  width: 100%;
  max-height: 100%;
}
.temporal-coupling-view .temporal-coupling-edge-bundle .text-info {
  position: absolute;
  bottom: 6px;
  left: 12px;
  font-size: 13px;
}
.temporal-coupling-view .temporal-coupling-table {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
  max-height: 30vh;
  overflow: auto;
}
.temporal-coupling-view .temporal-coupling-table .table {
  margin-bottom: 0;
}
.temporal-coupling-view .sum-of-couplings-table {
  overflow: auto;
}
.temporal-coupling-view .link--source,
.temporal-coupling-view .link--target {
  stroke: #fe6849;
}
.temporal-coupling-view .column-degree,
.temporal-coupling-view .column-averagerevs {
  text-align: right;
}
.temporal-coupling-view #soctable .column-entity,
.temporal-coupling-view #soctable .column-coupled {
  width: 90%;
}
.temporal-coupling-view .column-soc {
  text-align: right;
}
@media screen and (min-aspect-ratio: 5/4) {
  .temporal-coupling-view .temporal-coupling-view-body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .temporal-coupling-view .temporal-coupling-table {
    max-height: none;
  }
}
@media screen and (max-width: 768px) {
  .temporal-coupling-view .temporal-coupling-view-body {
    overflow: initial;
  }
  .temporal-coupling-view .temporal-coupling-edge-bundle {
    min-height: 100vw;
  }
  .temporal-coupling-view .temporal-coupling-table {
    overflow: initial;
  }
}
.no-flexbox .temporal-coupling-view .temporal-coupling-view-body {
  overflow: initial;
}
.no-flexbox .temporal-coupling-view .temporal-coupling-edge-bundle {
  overflow: initial;
}
.no-flexbox .temporal-coupling-view .temporal-coupling-edge-bundle #graph-container {
  position: relative;
  height: 100%;
}
.no-flexbox .temporal-coupling-view .temporal-coupling-table {
  max-height: none;
  overflow: initial;
}
.xray-view .nav-tabs {
  margin-bottom: 20px;
}
.xray-view .content {
  display: none;
}
.xray-view svg {
  display: block;
  width: 100%;
  height: auto;
}
.xray-view #edgebundle {
  position: relative;
  margin-bottom: 20px;
}
.xray-view #mapview {
  position: relative;
  margin: 20px 0;
}
.xray-view #mapview svg {
  max-width: 1000px;
  margin: 0 auto;
}
.xray-view .min-coupling-value {
  display: block;
}
.xray-view #structural-recommendations .column-entities {
  width: 80%;
}
.xray-view #structural-recommendations .column-totalproximity {
  text-align: center;
}
.xray-view #top-hotspots .column-change-frequency,
.xray-view #top-hotspots .column-complexity-size,
.xray-view #top-hotspots .column-cc,
.xray-view #top-hotspots .column-overloads {
  text-align: right;
}
.xray-view #top-hotspots td.column-actions {
  width: 1%;
  text-align: right;
  padding-left: 12px;
}
.xray-view #top-hotspots td.column-actions .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.xray-view #top-hotspots .cc-high-value {
  background: rgba(254, 104, 73, 0.8);
}
.xray-view #top-hotspots .cc-medium-value {
  background: rgba(255, 220, 0, 0.8);
}
.xray-view [data-tab-id="change-frequency-distribution"] {
  overflow-x: auto;
}
.xray-view #hotspotdistro {
  max-width: 1200px;
  min-width: 600px;
}
.xray-view #hotspotdistro .area {
  fill: #0023ff;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.xray-view #hotspotdistro .axis path,
.xray-view #hotspotdistro .axis line {
  fill: none;
  stroke: #000;
}
.xray-view #hotspotdistro .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
}
.xray-view #xray-active-entity {
  position: absolute;
  opacity: 0;
  font-size: 19px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.xray-view #xray-active-entity.visible {
  opacity: 1;
}
.xray-view .xray-file-name {
  font-weight: normal;
}
.xray-view .xray-entity-name {
  font-weight: bold;
}
.xray-view #external-temporal-cluster-dependencies {
  max-width: 1200px;
}
.xray-view #external-temporal-cluster-details .column-degree-of-coupling,
.xray-view #external-temporal-cluster-details .column-average-revisions,
.xray-view #external-temporal-cluster-details .column-similarity {
  text-align: right;
}
.xray-view #internal-temporal-coupling-details .column-degree-of-coupling,
.xray-view #internal-temporal-coupling-details .column-average-revisions,
.xray-view #internal-temporal-coupling-details .column-similarity {
  text-align: right;
}
.xray-view #internal-temporal-coupling-details .column-actions {
  text-align: right;
  padding-left: 12px;
}
.xray-view .similarity-high-value {
  background: rgba(254, 104, 73, 0.8);
}
.xray-view .similarity-medium-value {
  background: rgba(255, 220, 0, 0.8);
}
.function-code-modal .modal-body {
  padding: 0;
}
.function-code-modal pre {
  border: 0;
}
.absolute-churn-trend-view {
  max-width: 1200px;
}
.absolute-churn-trend-view svg {
  width: 100%;
  height: auto;
}
.absolute-churn-trend-view #maxchurncontrol {
  margin-top: 20px;
}
.absolute-churn-trend-view .commit-activity-trend {
  position: relative;
}
.absolute-churn-trend-view .areamodified {
  fill: #0023ff;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.absolute-churn-trend-view .areaadded {
  fill: #60de8e;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.absolute-churn-trend-view .areadeleted {
  fill: #fe6849;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.absolute-churn-trend-view .axis path,
.absolute-churn-trend-view .axis line {
  fill: none;
  stroke: #444;
}
.absolute-churn-trend-view .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
}
.absolute-churn-trend-view .revsaxis path,
.absolute-churn-trend-view .revsaxis line {
  fill: none;
  stroke: #000;
}
.absolute-churn-trend-view .x.revsaxis path {
  stroke-width: 0.5px;
}
.absolute-churn-trend-view .y.revsaxis path {
  stroke-width: 0.5px;
}
.absolute-churn-trend-view .revsline {
  fill: none;
  stroke: #0023ff;
  stroke-width: 2px;
}
.absolute-churn-trend-view .authorsline {
  fill: none;
  stroke: #fe6849;
  stroke-width: 2px;
}
.absolute-churn-trend-view .rawaddedline {
  fill: none;
  stroke: #60de8e;
  stroke-width: 2px;
}
.absolute-churn-trend-view .rawdeletedline {
  fill: none;
  stroke: #fe6849;
  stroke-width: 2px;
}
.absolute-churn-trend-view #code-size-growth {
  display: none;
}
.code-age-view {
  /* Style for the Age Frequency */
}
.code-age-view svg {
  width: 100%;
  height: auto;
}
.code-age-view .legend {
  margin-bottom: 20px;
}
.code-age-view .agebar {
  fill: #0023ff;
}
.code-age-view .agebar:hover {
  fill: #334fff;
}
.code-age-view .ageaxis path,
.code-age-view .ageaxis line {
  fill: none;
  stroke: #000;
}
.code-age-view .x.ageaxis path {
  display: none;
}
.code-age-view .age-legend-gradient .bar {
  background: #aaa;
  /* For browsers that do not support gradients */
  /* For Safari 5.1 to 6.0 */
  /* For Opera 11.1 to 12.0 */
  /* For Firefox 3.6 to 15 */
  background: -webkit-gradient(linear, left top, right top, from(#0023ff), to(#eeeeee));
  background: linear-gradient(to right, #0023ff, #eeeeee);
}
.code-age-view .color-code-old {
  background: #eeeeee;
}
.code-age-view .color-code-young {
  background: #0023ff;
}
.possible-ex-developers-warning-view {
  max-width: 1200px;
}
.possible-ex-developers-warning-view .column-lastcontrib {
  width: 10%;
  text-align: right;
}
.complexity-trend-warnings-view {
  max-width: 1200px;
}
.complexity-trend-warnings-view .column-lines-of-code {
  text-align: right;
}
.complexity-trend-warnings-view .warning-color {
  padding: 0;
  width: 10px;
}
.complexity-trend-warnings-view .hotspot-red .warning-color {
  background: #fe6849;
}
.complexity-trend-warnings-view .hotspot-yellow .warning-color {
  background: #ffdc00;
}
.rising-hotspots-view {
  max-width: 1200px;
}
.rising-hotspots-view .column-revision,
.rising-hotspots-view .column-newrank,
.rising-hotspots-view .column-oldrank {
  width: 10%;
  text-align: center;
}
.architectural-hotspots-view #top-hotspots {
  margin-bottom: 20px;
}
.social-networks-view #socialnetvisualization {
  max-width: 1200px;
}
.social-networks-view .circular-graph {
  width: 100%;
  height: auto;
}
.commit-message-trend .content {
  max-width: 1200px;
}
.commit-message-trend svg {
  width: 100%;
  height: auto;
  font-size: 12px;
  font-size: calc(13px);
}
.commit-message-trend .axis path,
.commit-message-trend .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}
.commit-message-trend .x.axis path {
  display: none;
}
.commit-message-trend .revisions-line {
  fill: none;
  stroke: #fe6849;
  stroke-width: 2px;
}
.commit-message-trend .revisions-label {
  fill: #fe6849;
}
.commit-message-trend .revisions-line-legend {
  background: #fe6849;
}
.commit-message-trend .added-lines {
  fill: none;
  stroke: #0023ff;
  stroke-width: 2px;
}
.commit-message-trend .added-lines-label {
  fill: #0023ff;
}
.commit-message-trend .added-lines-legend {
  background: #0023ff;
}
.knowledge-view {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.knowledge-view .knowledge-view-controls {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #ccc;
  padding: 6px 12px;
  font-size: 13px;
}
.knowledge-view .knowledge-view-controls .checkbox {
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.knowledge-view .knowledge-view-controls .help-block {
  margin: 0;
}
.knowledge-view .knowledge-view-controls p {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  margin: 0;
}
.knowledge-view .knowledge-view-body {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.knowledge-view .legend-wrapper {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.knowledge-view .legend {
  float: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background: #f0f0f0;
  max-height: 20vh;
  overflow: auto;
  border: 0;
  border-top: 1px solid #ccc;
}
.knowledge-view #knowledgemap,
.knowledge-view #knowledgeloss {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  position: relative;
}
.knowledge-view svg {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
@media screen and (min-aspect-ratio: 5/4) {
  .knowledge-view .legend-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  .knowledge-view .legend {
    border-top: 0;
    border-left: 1px solid #ccc;
    max-height: none;
    max-width: 20vw;
  }
}
.knowledge-loss-view .enclosure .node--leaf {
  fill: #60de8e;
}
.knowledge-loss-view .enclosure .node--leaf.unknown {
  fill: #999;
}
.knowledge-loss-view .enclosure .node--leaf.excluded {
  fill: #ccc;
}
.knowledge-loss-view .enclosure .node--leaf.lost {
  fill: #fe330a;
}
.parallel-development-view .nav-tabs {
  margin-bottom: 20px;
}
.parallel-development-view .module-fragmentation {
  max-width: 1600px;
}
.parallel-development-view .column-fragmentation,
.parallel-development-view .column-change-frequency,
.parallel-development-view .column-number-of-authors {
  text-align: right;
  width: 10%;
}
.parallel-development-view .column-actions {
  width: 1%;
}
.parallel-development-view .content {
  display: none;
}
.parallel-development-view #fragmentation-map svg {
  display: block;
  width: 100%;
  height: auto;
}
.parallel-development-view #fragmentation-map {
  position: relative;
  margin-bottom: 20px;
}
.authors-view .column-added,
.authors-view .column-deleted,
.authors-view .column-net,
.authors-view .column-revisions,
.authors-view .column-months,
.authors-view .column-lastcontrib {
  text-align: right;
}
.costs-trend-view svg {
  width: 100%;
  height: auto;
}
.costs-trend-view .axis path,
.costs-trend-view .axis line {
  fill: none;
  stroke: #000;
}
.costs-trend-view figure {
  margin-bottom: 24px;
}
.costs-trend-view figcaption {
  text-align: center;
}
.project-management-cost-hotspots-view svg {
  width: 100%;
  height: auto;
}
.project-management-risk-view {
  max-width: 1200px;
}
.project-management-risk-view svg {
  width: 100%;
  height: auto;
}
.project-management-risk-view .riskarea {
  fill: #fe6849;
  -webkit-clip-path: url(#clip);
          clip-path: url(#clip);
}
.project-management-risk-view .axis path,
.project-management-risk-view .axis line {
  fill: none;
  stroke: #444;
}
.project-management-risk-view .brush .extent {
  stroke: #fff;
  fill-opacity: .125;
}
.system-map .system-map-sidebar .btn-group.grouped-hotspot-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.system-map .system-map-sidebar .grouped-hotspot-actions .grouped-primary-hotspot-btn {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.hotspots-system-map-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-top: 1em;
}
.hotspots-system-map-view #system-map-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  overflow: auto;
}
.hotspots-system-map-view #system-map-container .system-map-graphics {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  overflow: auto;
  position: relative;
}
.hotspots-system-map-view #system-map-container .system-map-graphics svg {
  display: block;
  width: 100%;
  height: 100%;
}
.hotspots-system-map-view #system-map-container .system-map-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  min-height: 80vh;
  max-height: 80vh;
  overflow: auto;
}
.complexity-trend {
  position: relative;
}
.complexity-trend-view .complexity-trend {
  max-width: 1600px;
}
.complexity-trend-view #diffcontent .deleted-line {
  background-color: #ffdddd;
  /* Pippin red. */
  color: #000000;
  /* Black. */
}
.complexity-trend-view #diffcontent .added-line {
  background-color: #ddffdd;
  /* Snowy mint green. */
  color: #000000;
  /* Black. */
}
.social-system-map-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.social-system-map-view #social-map-dynamic-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.social-system-map-view #social-map-dynamic-info #system-map-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 90%;
          flex: 1 1 90%;
  overflow: auto;
}
.social-system-map-view #social-map-dynamic-info #system-map-container .system-map-graphics {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 70%;
          flex: 1 1 70%;
  overflow: auto;
  position: relative;
}
.social-system-map-view #social-map-dynamic-info #system-map-container .system-map-graphics svg {
  display: block;
  width: 100%;
  height: 100%;
}
.social-system-map-view #social-map-dynamic-info #system-map-container .system-map-sidebar {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  min-height: 80vh;
  max-height: 80vh;
  overflow: auto;
}
.social-system-map-view #social-map-dynamic-info #legend-wrapper {
  overflow: auto;
}
@media screen and (max-device-width: 767px) {
  .social-system-map-view #social-map-dynamic-info #legend-wrapper {
    display: none;
  }
}
@media screen and (min-device-width: 768px) {
  .social-system-map-view #social-map-dynamic-info #legend-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.branch-view .column-n-authors,
.branch-view .column-n-commits {
  text-align: center;
}
.branch-view .column-branch-risk {
  text-align: center;
}
.branch-view .warning-color {
  padding: 0;
  width: 10px;
}
.branch-view .ttl-warning-red .warning-color {
  background: #fe6849;
}
.branch-view .ttl-warning-yellow .warning-color {
  background: #ffdc00;
}
.branch-view .ttl-warning-none .warning-color {
  background: #74c476;
}
.branch-view .author-congestion-warning {
  padding: 0;
  width: 10px;
  background: #ffdc00;
}
.branch-view .risk-warning-yellow {
  padding: 0;
  width: 10px;
  background: #ffdc00;
}
.branch-view .risk-warning-red {
  padding: 0;
  width: 10px;
  background: #fe6849;
}
.code-biomarkers-view .highlight-filename {
  font-size: 1.2em;
}
.code-biomarkers-view .marker-display-state,
.code-biomarkers-monitor-view .marker-display-state {
  font-size: 0.8em;
}
.code-biomarkers-view .biomarker-score,
.code-biomarkers-monitor-view .biomarker-score {
  text-align: center;
  font-size: 1.5em;
  vertical-align: middle;
}
.code-biomarkers-view .biomarker-score-now,
.code-biomarkers-monitor-view .biomarker-score-now {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.code-biomarkers-view .hotspot-actions,
.code-biomarkers-monitor-view .hotspot-actions {
  vertical-align: middle;
  min-width: 165px;
}
.code-biomarkers-view .hotspot-actions .btn,
.code-biomarkers-monitor-view .hotspot-actions .btn {
  font-size: 0.7em;
}
.code-biomarkers-view ul,
.code-biomarkers-monitor-view ul {
  list-style: none;
  padding: 0;
  padding-left: 10px;
  margin: 0;
}
.code-biomarkers-view .trend-color-0,
.code-biomarkers-monitor-view .trend-color-0 {
  background: #cccccc;
}
.code-biomarkers-view .trend-color-1,
.code-biomarkers-monitor-view .trend-color-1,
.code-biomarkers-view .biomarker-score-category-1,
.code-biomarkers-monitor-view .biomarker-score-category-1 {
  background: #59b300;
}
.code-biomarkers-view .biomarker-score-category-2,
.code-biomarkers-monitor-view .biomarker-score-category-2 {
  background: rgba(255, 220, 0, 0.8);
}
.code-biomarkers-view .trend-color-2,
.code-biomarkers-monitor-view .trend-color-2,
.code-biomarkers-view .biomarker-score-category-3,
.code-biomarkers-monitor-view .biomarker-score-category-3 {
  background: #ffdc00;
}
.code-biomarkers-view .biomarker-score-category-4,
.code-biomarkers-monitor-view .biomarker-score-category-4 {
  background: rgba(254, 104, 73, 0.8);
}
.code-biomarkers-view .trend-color-3,
.code-biomarkers-monitor-view .trend-color-3,
.code-biomarkers-view .biomarker-score-category-5,
.code-biomarkers-monitor-view .biomarker-score-category-5 {
  background: #fe6849;
}
ul#biomarkers-table {
  display: grid;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
ul#biomarkers-table li.biomarker:nth-child(2) {
  border-top: 2px solid #000;
}
ul#biomarkers-table li.biomarker:nth-child(2n + 3) {
  background-color: #f0f0f0;
}
ul#biomarkers-table li.interactive-biomarker-column-names {
  min-height: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  font-weight: bold;
  margin-bottom: 2px;
}
ul#biomarkers-table li.interactive-biomarker-column-names .scores div {
  padding: 0.5em 0.5em 0 0.5em;
}
ul#biomarkers-table li.biomarker {
  min-height: 100px;
  grid-gap: 0;
}
ul#biomarkers-table li.biomarker .scores div {
  /*	       padding: 1em 0; */
  min-height: 3em;
}
ul#biomarkers-table li.biomarker .column-details,
ul#biomarkers-table li.biomarker .column-file-name {
  margin: 0.5em 0;
}
ul#biomarkers-table li.biomarker,
ul#biomarkers-table li.interactive-biomarker-column-names {
  display: grid;
  grid-template-columns: [left color] 15px [colorEnd noteWarning] 100px  [noteWarningEnd file] 30% [fileEnd scores] 24% [scoresEnd details] auto [detailsEnd actions] 70px  [actionsEnd right];
}
ul#biomarkers-table li.biomarker .column-trend-color,
ul#biomarkers-table li.interactive-biomarker-column-names .column-trend-color {
  grid-column: color / colorEnd;
  /* So that this will fill entire row height when the note pane is expanded: */
  grid-row-start: 1;
  grid-row-end: 3;
}
ul#biomarkers-table li.biomarker .column-note-status,
ul#biomarkers-table li.interactive-biomarker-column-names .column-note-status {
  grid-column: noteWarning / noteWarningEnd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul#biomarkers-table li.biomarker .column-file-name,
ul#biomarkers-table li.interactive-biomarker-column-names .column-file-name {
  grid-column: file / fileEnd;
  word-break: break-all;
}
ul#biomarkers-table li.biomarker .column-file-name li,
ul#biomarkers-table li.interactive-biomarker-column-names .column-file-name li {
  word-break: break-all;
}
ul#biomarkers-table li.biomarker .scores,
ul#biomarkers-table li.interactive-biomarker-column-names .scores {
  grid-column: scores / scoresEnd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul#biomarkers-table li.biomarker .scores div,
ul#biomarkers-table li.interactive-biomarker-column-names .scores div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul#biomarkers-table li.biomarker .column-details,
ul#biomarkers-table li.interactive-biomarker-column-names .column-details {
  grid-column: details / detailsEnd;
  padding-left: 1em;
}
ul#biomarkers-table li.biomarker .hotspot-actions,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions {
  grid-column: actions / actionsEnd;
}
ul#biomarkers-table li.biomarker .hotspot-actions .action-buttons,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions .action-buttons {
  display: grid;
  grid-template-rows: 33px 33px;
  grid-template-columns: 33px 33px;
}
ul#biomarkers-table li.biomarker .hotspot-actions .action-buttons buttoni,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions .action-buttons buttoni,
ul#biomarkers-table li.biomarker .hotspot-actions .action-buttons abeloni,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions .action-buttons abeloni {
  padding: 4px;
  max-width: 30px;
}
ul#biomarkers-table li.biomarker .note,
ul#biomarkers-table li.interactive-biomarker-column-names .note {
  grid-column: colorEnd / right;
}
ul#biomarkers-table .column-trend-color,
ul#biomarkers-table .column-file-name,
ul#biomarkers-table .column-details,
ul#biomarkers-table .hotspot-actions {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.code-biomarkers-monitor-view .no-category.no-note {
  border: none;
}
.code-biomarkers-monitor-view .no-category.no-note a {
  background-image: none;
  background-color: transparent;
}
.code-biomarkers-monitor-view .no-category.no-note a:hover {
  background-color: transparent;
  cursor: pointer;
}
.code-biomarkers-view .highlight-filename {
  font-size: 1.2em;
}
.code-biomarkers-view .marker-display-state,
.code-biomarkers-monitor-view .marker-display-state {
  font-size: 0.8em;
}
.code-biomarkers-view .biomarker-score,
.code-biomarkers-monitor-view .biomarker-score {
  text-align: center;
  font-size: 1.5em;
  vertical-align: middle;
}
.code-biomarkers-view .biomarker-score-now,
.code-biomarkers-monitor-view .biomarker-score-now {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}
.code-biomarkers-view .hotspot-actions,
.code-biomarkers-monitor-view .hotspot-actions {
  vertical-align: middle;
  min-width: 165px;
}
.code-biomarkers-view .hotspot-actions .btn,
.code-biomarkers-monitor-view .hotspot-actions .btn {
  font-size: 0.7em;
}
.code-biomarkers-view ul,
.code-biomarkers-monitor-view ul {
  list-style: none;
  padding: 0;
  padding-left: 10px;
  margin: 0;
}
.code-biomarkers-view .trend-color-0,
.code-biomarkers-monitor-view .trend-color-0 {
  background: #cccccc;
}
.code-biomarkers-view .trend-color-1,
.code-biomarkers-monitor-view .trend-color-1,
.code-biomarkers-view .biomarker-score-category-good,
.code-biomarkers-monitor-view .biomarker-score-category-good {
  background: #59b300;
}
.code-biomarkers-view .biomarker-score-category-normal,
.code-biomarkers-monitor-view .biomarker-score-category-normal {
  background: rgba(255, 220, 0, 0.8);
}
.code-biomarkers-view .trend-color-2,
.code-biomarkers-monitor-view .trend-color-2,
.code-biomarkers-view .biomarker-score-category-bad,
.code-biomarkers-monitor-view .biomarker-score-category-bad {
  background: #fe6849;
}
.code-biomarkers-view .biomarker-score-category-4,
.code-biomarkers-monitor-view .biomarker-score-category-4 {
  background: rgba(254, 104, 73, 0.8);
}
.code-biomarkers-view .trend-color-3,
.code-biomarkers-monitor-view .trend-color-3,
.code-biomarkers-view .biomarker-score-category-5,
.code-biomarkers-monitor-view .biomarker-score-category-5 {
  background: #fe6849;
}
ul#biomarkers-table {
  display: grid;
  padding: 0;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
ul#biomarkers-table li.biomarker:nth-child(2) {
  border-top: 2px solid #000;
}
ul#biomarkers-table li.biomarker:nth-child(2n + 3) {
  background-color: #f0f0f0;
}
ul#biomarkers-table li.interactive-biomarker-column-names {
  min-height: 0;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  font-weight: bold;
  margin-bottom: 2px;
}
ul#biomarkers-table li.interactive-biomarker-column-names .scores div {
  padding: 0.5em 0.5em 0 0.5em;
}
ul#biomarkers-table li.biomarker {
  min-height: 100px;
  grid-gap: 0;
}
ul#biomarkers-table li.biomarker .scores div {
  /*	       padding: 1em 0; */
  min-height: 3em;
}
ul#biomarkers-table li.biomarker .column-details,
ul#biomarkers-table li.biomarker .column-file-name {
  margin: 0.5em 0;
}
ul#biomarkers-table li.biomarker,
ul#biomarkers-table li.interactive-biomarker-column-names {
  display: grid;
  grid-template-columns: [left color] 15px [colorEnd noteWarning] 100px  [noteWarningEnd file] 30% [fileEnd scores] 24% [scoresEnd details] auto [detailsEnd actions] 70px  [actionsEnd right];
}
ul#biomarkers-table li.biomarker .column-trend-color,
ul#biomarkers-table li.interactive-biomarker-column-names .column-trend-color {
  grid-column: color / colorEnd;
  /* So that this will fill entire row height when the note pane is expanded: */
  grid-row-start: 1;
  grid-row-end: 3;
}
ul#biomarkers-table li.biomarker .column-note-status,
ul#biomarkers-table li.interactive-biomarker-column-names .column-note-status {
  grid-column: noteWarning / noteWarningEnd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul#biomarkers-table li.biomarker .column-file-name,
ul#biomarkers-table li.interactive-biomarker-column-names .column-file-name {
  grid-column: file / fileEnd;
  word-break: break-all;
}
ul#biomarkers-table li.biomarker .column-file-name li,
ul#biomarkers-table li.interactive-biomarker-column-names .column-file-name li {
  word-break: break-all;
}
ul#biomarkers-table li.biomarker .scores,
ul#biomarkers-table li.interactive-biomarker-column-names .scores {
  grid-column: scores / scoresEnd;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul#biomarkers-table li.biomarker .scores div,
ul#biomarkers-table li.interactive-biomarker-column-names .scores div {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 33%;
          flex: 1 1 33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
ul#biomarkers-table li.biomarker .column-details,
ul#biomarkers-table li.interactive-biomarker-column-names .column-details {
  grid-column: details / detailsEnd;
  padding-left: 1em;
}
ul#biomarkers-table li.biomarker .hotspot-actions,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions {
  grid-column: actions / actionsEnd;
}
ul#biomarkers-table li.biomarker .hotspot-actions .action-buttons,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions .action-buttons {
  display: grid;
  grid-template-rows: 33px 33px;
  grid-template-columns: 33px 33px;
}
ul#biomarkers-table li.biomarker .hotspot-actions .action-buttons buttoni,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions .action-buttons buttoni,
ul#biomarkers-table li.biomarker .hotspot-actions .action-buttons abeloni,
ul#biomarkers-table li.interactive-biomarker-column-names .hotspot-actions .action-buttons abeloni {
  padding: 4px;
  max-width: 30px;
}
ul#biomarkers-table li.biomarker .note,
ul#biomarkers-table li.interactive-biomarker-column-names .note {
  grid-column: colorEnd / right;
}
ul#biomarkers-table .column-trend-color,
ul#biomarkers-table .column-file-name,
ul#biomarkers-table .column-details,
ul#biomarkers-table .hotspot-actions {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.code-biomarkers-monitor-view .no-category.no-note {
  border: none;
}
.code-biomarkers-monitor-view .no-category.no-note a {
  background-image: none;
  background-color: transparent;
}
.code-biomarkers-monitor-view .no-category.no-note a:hover {
  background-color: transparent;
  cursor: pointer;
}
.code-hotspots-biomarkers .content .indication-class {
  padding: 0;
  width: 10px;
}
.code-hotspots-biomarkers .content .marker-color-1 .indication-class {
  background: #74c476;
}
.code-hotspots-biomarkers .content .marker-color-2 .indication-class {
  background: #ffdc00;
}
.code-hotspots-biomarkers .content .marker-color-3 .indication-class {
  background: #fe6849;
}
.code-hotspots-biomarkers .complexity-trend,
.code-hotspots-biomarkers .costs-trend-view {
  max-width: 1200px;
}
.code-hotspots-biomarkers .temporal-coupling-view .temporal-coupling-view-body {
  min-height: 400px;
}
.code-hotspots-biomarkers .social-biomarker-data .high-defect-ratio-value,
.code-hotspots-biomarkers .social-biomarker-data .high-knowledge-loss-value {
  background: rgba(254, 104, 73, 0.8);
}
.code-hotspots-biomarkers .social-biomarker-data .medium-defect-ratio-value,
.code-hotspots-biomarkers .social-biomarker-data .medium-knowledge-loss-value {
  background: rgba(255, 220, 0, 0.8);
}
.augmented-analysis-dashboard .analysis-title-holder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.augmented-analysis-dashboard .analysis-title-holder a {
  -ms-flex-item-align: center;
      align-self: center;
  font-size: 24pt;
}
ul.note-dashboard {
  padding-left: 0;
}
ul.note-dashboard > li {
  display: grid;
  grid-template-columns: [left] 101px [statusEnd file] auto [fileEnd right];
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
ul.note-dashboard > li .column-note-status {
  grid-column: left / statusEnd;
}
ul.note-dashboard > li .column-file-name {
  grid-column: file / fileEnd;
}
ul.note-dashboard > li .column-file-name li {
  list-style: none;
}
ul.note-dashboard > li .column-file-name li span.highlight-filename {
  font-size: 16pt;
  font-weight: bold;
}
ul.note-dashboard > li .note {
  grid-column: left / right;
}
ul.note-dashboard > li:first-child {
  border-top: 2px solid #000;
}
ul.note-dashboard > li:last-child {
  border-bottom: 2px solid #000;
}
ul.note-dashboard > li:nth-child(2n) {
  background-color: #f0f0f0;
}
.analysis-monitor-view {
  height: 100%;
}
.analysis-monitor-view .container-fluid {
  height: 100%;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.analysis-monitor-view .container-fluid .row {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.analysis-monitor-view .container-fluid .row.header,
.analysis-monitor-view .container-fluid .row.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  text-align: center;
}
.analysis-monitor-view .container-fluid .row.header time,
.analysis-monitor-view .container-fluid .row.footer time {
  display: block;
  margin-bottom: 10px;
  font-size: 90%;
  color: #666;
}
.analysis-monitor-view .container-fluid .row.header {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.analysis-monitor-view .container-fluid .row.footer {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 10px 0;
}
.analysis-monitor-view .row.first,
.analysis-monitor-view .row.second {
  text-align: center;
  margin-bottom: 20px;
}
.analysis-monitor-view h1,
.analysis-monitor-view h2 {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  text-align: center;
}
.analysis-monitor-view h1 {
  margin: 10px 0 0;
  font-size: 200%;
}
.analysis-monitor-view h2 {
  font-size: 100%;
  margin: 0 0 20px 0;
  color: #666;
}
.analysis-monitor-view .main-suspects ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.analysis-monitor-view .main-suspects li {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}
.analysis-monitor-view .main-suspects .hotspot-red {
  color: #fe6849;
}
.analysis-monitor-view .main-suspects .hotspot-yellow {
  color: #b39a00;
}
.analysis-monitor-view .warnings ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.analysis-monitor-view .warnings li {
  margin-bottom: 10px;
}
.analysis-monitor-view .warnings .name {
  font-weight: bold;
}
.analysis-monitor-view .warnings .name .fa {
  color: #b39a00;
}
.analysis-monitor-view .no-warnings,
.analysis-monitor-view .no-knowledge-loss {
  font-size: 120%;
  font-weight: bold;
  color: #0023ff;
}
.analysis-monitor-view .commit-activity-trend {
  position: relative;
}
.analysis-monitor-view .commit-activity-trend svg {
  width: 100%;
  height: auto;
}
.analysis-monitor-view .commit-activity-trend .revsaxis path,
.analysis-monitor-view .commit-activity-trend .revsaxis line {
  fill: none;
  stroke: #333;
  stroke-width: 1px;
}
.analysis-monitor-view .commit-activity-trend .tick {
  font-size: 13px;
}
.analysis-monitor-view .commit-activity-trend .revsline {
  fill: none;
  stroke: #0023ff;
  stroke-width: 1px;
}
.analysis-monitor-view .commit-activity-trend .authorsline {
  fill: none;
  stroke: #fe6849;
  stroke-width: 1px;
}
.analysis-monitor-view .commit-activity-trend .activity-legend {
  font-size: 80%;
  text-align: center;
}
.analysis-monitor-view .commit-activity-trend .activity-legend .commits {
  color: #0023ff;
}
.analysis-monitor-view .commit-activity-trend .activity-legend .authors {
  color: #fe6849;
}
@media screen and (min-width: 1200px) {
  .analysis-monitor-view {
    font-size: 19px;
  }
  .analysis-monitor-view .commit-activity-trend .activity-legend {
    margin-bottom: 10px;
  }
  .analysis-monitor-view .commit-activity-trend .tick {
    font-size: 11px;
  }
}
@media screen and (min-width: 1600px) {
  .analysis-monitor-view {
    font-size: 22.8px;
  }
  .analysis-monitor-view .commit-activity-trend .activity-legend {
    margin-bottom: 20px;
  }
  .analysis-monitor-view .commit-activity-trend .tick {
    font-size: 10px;
  }
}
@media screen and (max-height: 700px) {
  .analysis-monitor-view {
    font-size: 13px;
  }
}
/* IE 8, 9, and 10 specific */
@media screen\0 {
  #main svg {
    height: auto;
    min-height: 600px;
  }
}


/*# sourceMappingURL=bundle.css.map*/