<commit_before>@import "../../styles/variables.less";
@import "../../../bower_components/bootstrap/less/mixins.less";
@import "../../styles/themes/cdap/mixins.less";

body.state-overview {

  .panel-message {
    margin-bottom: 40px;
    position: relative;

    .panel-body {
      padding: 0 0 0 20px;
      h2 {
        margin-top: 0;
        > span {
          display: inline-block;
          font-size: 24px;
          font-weight: 500;
          letter-spacing: 1px;
          padding-right: 10px;
        }
      }
      h3 {
        font-weight: 500;
        margin: 5px auto 2px;
      }
    }
    img {
      max-width: 120px;
      + div {
        display: inline-block;
        vertical-align: middle;
        @media (min-width: @screen-lg-min) {
          margin-left: 15px;
        }
      }
    }
    .btn-close {
      position: absolute;
      right: 10px;
      z-index: 10;
    }
    small {
      display: inline-block;
      font-size: 13px;
      margin-top: 4px;
      vertical-align: text-top;
    }
    p {
      font-size: 11px;
    }
  }
  section {

    &.system-health {
      margin: 20px 0;
      padding: 0;
      position: relative;
      div.divider {
        @media (min-width: @screen-lg-min) {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 38.2%;
          background-color: @body-bg;
          width: 2px;
        }
        + div {
          padding: 15px;
        }
      }
      h2 {
        margin-top: 0;
      }
      a:hover, a:focus {
        text-decoration: none;
      }
      .c3 {
        svg {
          .border-radius(8px);
          .box-shadow(none);
        }
      }
      .c3-tooltip-container {
        text-align: left;
      }
      .col-lg-4 {
        white-space: nowrap;
        .col-xs-4 {
          padding-right: 0;
          > div {
            height: 80px;
          }
        }
        .col-xs-8 {
          padding-left: 0;
          @media (max-width: @screen-xs-max) {
            p {
              font-size: 10px;
            }
          }
        }
        > div {
          height: 90px;
          line-height: 90px;
          max-width: 340px;
          .border-radius(50px);
          @media (max-width: @screen-md-max) {
            margin: 0 auto;
          }
          @media (min-width: @screen-lg-min) {
            position: relative;
            top: 30px;
            left: 15px;
            margin-left: 28px;
          }
        }
        svg {
          position: relative;
          top: -25px;
          left: 0;
          .c3-line {
            stroke-width: 2px;
          }
        }
        p {
          position: relative;
          left: -12px;
          font-weight: 500;
          white-space: nowrap;
          text-align: center;
        }
      }
      .col-lg-8 {
        p {
          margin: 0;
          span {
            display: block;
            font-weight: 500;
            padding-bottom: 10px;
          }
        }
        @media (max-width: @screen-md-max) {
          text-align: center;
        }
        @media (min-width: @screen-lg-min) {
          text-align: center;
          p.text-center {
            padding-left: 55px;
          }
        }
        .health-widget {
          display: inline-block;
          position: relative;
          > span {
            font-size: 12px;
            position: absolute;
            top: 5px;
            left: 10px;
            z-index: 10;
          }
          @media (max-width: @screen-xs-max) {
            display: block;
            max-width: 280px;
            margin: 0 auto;<commit_msg>moves c3-line styling to correct style block<commit_after>@import "../../styles/variables.less";
@import "../../../bower_components/bootstrap/less/mixins.less";
@import "../../styles/themes/cdap/mixins.less";

body.state-overview {

  .panel-message {
    margin-bottom: 40px;
    position: relative;

    .panel-body {
      padding: 0 0 0 20px;
      h2 {
        margin-top: 0;
        > span {
          display: inline-block;
          font-size: 24px;
          font-weight: 500;
          letter-spacing: 1px;
          padding-right: 10px;
        }
      }
      h3 {
        font-weight: 500;
        margin: 5px auto 2px;
      }
    }
    img {
      max-width: 120px;
      + div {
        display: inline-block;
        vertical-align: middle;
        @media (min-width: @screen-lg-min) {
          margin-left: 15px;
        }
      }
    }
    .btn-close {
      position: absolute;
      right: 10px;
      z-index: 10;
    }
    small {
      display: inline-block;
      font-size: 13px;
      margin-top: 4px;
      vertical-align: text-top;
    }
    p {
      font-size: 11px;
    }
  }
  section {

    &.system-health {
      margin: 20px 0;
      padding: 0;
      position: relative;
      div.divider {
        @media (min-width: @screen-lg-min) {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 38.2%;
          background-color: @body-bg;
          width: 2px;
        }
        + div {
          padding: 15px;
        }
      }
      h2 {
        margin-top: 0;
      }
      a:hover, a:focus {
        text-decoration: none;
      }
      .c3 {
        svg {
          .border-radius(8px);
          .box-shadow(none);
        }
      }
      .c3-tooltip-container {
        text-align: left;
      }
      .col-lg-4 {
        white-space: nowrap;
        .col-xs-4 {
          padding-right: 0;
          > div {
            height: 80px;
          }
        }
        .col-xs-8 {
          padding-left: 0;
          @media (max-width: @screen-xs-max) {
            p {
              font-size: 10px;
            }
          }
        }
        > div {
          height: 90px;
          line-height: 90px;
          max-width: 340px;
          .border-radius(50px);
          @media (max-width: @screen-md-max) {
            margin: 0 auto;
          }
          @media (min-width: @screen-lg-min) {
            position: relative;
            top: 30px;
            left: 15px;
            margin-left: 28px;
          }
        }
        svg {
          position: relative;
          top: -25px;
          left: 0;
        }
        p {
          position: relative;
          left: -12px;
          font-weight: 500;
          white-space: nowrap;
          text-align: center;
        }
      }
      .col-lg-8 {
        p {
          margin: 0;
          span {
            display: block;
            font-weight: 500;
            padding-bottom: 10px;
          }
        }
        @media (max-width: @screen-md-max) {
          text-align: center;
        }
        @media (min-width: @screen-lg-min) {
          text-align: center;
          p.text-center {
            padding-left: 55px;
          }
        }
        .health-widget {
          display: inline-block;
          position: relative;
          > span {
            font-size: 12px;
            position: absolute;
            top: 5px;
            left: 10px;
            z-index: 10;
          }
          .c3-line {
            stroke-width: 2px;
          }
          @media (max-width: @screen-xs-max) {
            display: block;
            max-width: 280px;
            margin: 0 auto;
{'fraction_non_alphanumeric': 0.1234993790534014, 'fraction_numerical': 0.03021940113150269, 'mean_word_length': 1.0416901408450705, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3943355', 'n_tokens_mistral': 2472, 'n_tokens_neox': 2271, 'n_words': 459}