/* STYLES FOR JET CHART CHARTS */
.jcc, .jccSecond {
    margin: 0 !important;
    max-width: unset !important;
    padding: 57px 13.6% 59px 13.6%;
}
.jccSecond {
    padding: 0 13.6% 59px 13.6%;
}
.jcc h2, .jccSecond h2 {
    font-family: 'BauerBodoniStdBlack' !important;
	font-weight: 900;
	font-size: 37px !important;
	color: #FFFFFF !important;
	line-height: 42px !important;
    text-align: center;
    margin-bottom: 37px !important;
  }
  .jcc h2 + p, .jccSecond h2 + p {
      text-align: center;
      margin-bottom: 25px !important;
  }
  .jcc table th, .jcc table td, .jccSecond table th, .jccSecond table td {
    border: none !important;
    color: #FFF !important;
  }
  .jccSecondTable .chartColumnHeader:first-of-type {
      text-align: left;
  }
  .jcc table tr:not(:last-of-type), .jccSecond table tr:not(:last-of-type) {
    border-bottom: 1px solid #787878;
  }
  .jcc thead th:nth-of-type(2), .jcc tbody td:nth-of-type(2), .jccSecond thead th:nth-of-type(2), .jccSecond tbody td:nth-of-type(2) {
    background: #444;
  }
  .jcc thead th:nth-of-type(3), .jcc tbody td:nth-of-type(3), .jccSecond thead th:nth-of-type(3), .jccSecond tbody td:nth-of-type(3) {
    background: #222;
  }
  .jcc th:not(th:first-of-type), .jccMobile th, .jccSecond th:not(th:first-of-type), .jccSecondMobile th {
    width: 24.3%;
    position: relative;
  }
  .jcc th:not(th:first-of-type)::after, .jccMobile th::after, .jccSecond th:not(th:first-of-type)::after, .jccSecondMobile th::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 161px;
    height: 2px;
    background: #FFF;
  }
  .jcc .chartContentTitle, .jccSecond .chartContentTitle {
    padding: 19.5px 12px;
    text-align: left;
  }
  .jcc tbody tr td:nth-of-type(2), .jccSecond tbody tr td:nth-of-type(2) {
    position: relative;
  }
  .jcc tbody tr td:nth-of-type(2)::after, .jccSecond tbody tr td:nth-of-type(2)::after {
    --borderWidth: 4px;
      --height: 30px;
      --borderColor: #78b13f;
      display: inline-block;
      transform: rotate(45deg);
    --borderWidth: 4px;
    --height: 25px;
    --borderColor: #78b13f;
    display: inline-block;
    transform: rotate(50deg);
    height: var(--height);
    width: 12px;
    border-bottom: var(--borderWidth) solid var(--borderColor);
    border-right: var(--borderWidth) solid var(--borderColor);
    color: transparent;
    position: absolute;
    top: 15px;
    left: 50%;
    content: "";
  }
  .jcc tbody tr td:nth-of-type(3), .jccSecond tbody tr td:nth-of-type(3) {
      position: relative;
  }
  .jcc tbody tr td:nth-of-type(3)::after, .jccSecond tbody tr td:nth-of-type(3)::after {
      content: '';
      height: 25px;
      border-left: 3px solid #FF0000;
      position: absolute;
      transform: rotate(45deg);
      left: 50%;
      top: 18px;
  }
  .jcc tbody tr td:nth-of-type(3)::before, .jccSecond tbody tr td:nth-of-type(3)::before {
      content: '';
      height: 25px;
      border-left: 3px solid #FF0000;
      position: absolute;
      transform: rotate(-45deg);
      left: 50%;
      top: 18px;
  }
  .jccJLmobile, .jccCompMobile, .jccSecondJLmobile, .jccSecondCompMobile {
    display: none;
  }
  @media only screen and (max-width: 1200px) { 
    .jcc {
      padding: 57px 15px 59px 15px;
    }
    .jccSecond {
        padding: 0 15px 59px 15px;
    }
  }
  @media only screen and (max-width: 600px) { 
    .jccTable, .jccJLmobile .jccComp, .jccCompMobile .jccCompetitor, .jccSecondTable, .jccSecondJLmobile .jccSecondComp, .jccSecondCompMobile .jccSecondCompetitor {
      display: none;
    }
    .jccJLmobile, .jccSecondJLmobile {
      display: block;
      margin-bottom: 5px;
    }
    .jccCompMobile, .jccSecondCompMobile {
        display: block;
    }
    .jcc th:first-of-type, .jccSecond th:first-of-type {
      position: relative;
      display: block;
    }
    .jcc th:first-of-type::after, .jccSecond th:first-of-type::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 161px;
      height: 2px;
      background: #FFF;
    }
    .jccJLmobile th, .jccCompMobile th, .jccSecondJLmobile th, .jccSecondCompMobile th {
      width: unset;
    }
    .jccJLmobile .chartContentTitle, .jccCompMobile .chartContentTitle, .jccSecondJLmobile .chartContentTitle, .jccSecondCompMobile .chartContentTitle {
      width: 69.6%;
      position: relative;
    }
    .jccJLmobile .chartContentTitle::after, .jccSecondJLmobile .chartContentTitle::after {
      --borderWidth: 4px;
      --height: 30px;
      --borderColor: #78b13f;
      display: inline-block;
      transform: rotate(45deg);
      --borderWidth: 4px;
      --height: 25px;
      --borderColor: #78b13f;
      display: inline-block;
      transform: rotate(50deg);
      height: var(--height);
      width: 12px;
      border-bottom: var(--borderWidth) solid var(--borderColor);
      border-right: var(--borderWidth) solid var(--borderColor);
      color: transparent;
      position: absolute;
      top: 15px;
      right: 5%;
      content: "";
    }
    .jccCompMobile .chartContentTitle::after, .jccSecondCompMobile .chartContentTitle::after {
      content: '';
      height: 25px;
      border-left: 3px solid #FF0000;
      position: absolute;
      transform: rotate(45deg);
      right: 5%;
      top: 18px;
    }
    .jccCompMobile .chartContentTitle::before, .jccSecondCompMobile .chartContentTitle::before {
      content: '';
      height: 25px;
      border-left: 3px solid #FF0000;
      position: absolute;
      transform: rotate(-45deg);
      right: 5%;
      top: 18px;
    }
    .jccJLmobile , .jccSecondJLmobile  {
      background: #444;
    }
    .jccCompMobile, .jccSecondCompMobile {
      background: #222;
    }
    .jccJLmobile .chartContentTitle, .jccCompMobile .chartContentTitle, .jccSecondJLmobile .chartContentTitle, .jccSecondCompMobile .chartContentTitle {
      padding: 19.5px 60px 19.5px 12px;
    }
    .jccSecondJLmobile thead, .jccSecondJLmobile tbody, .jccSecondJLmobile tr, .jccSecondJLmobile td,
    .jccSecondCompMobile thead, .jccSecondCompMobile tbody, .jccSecondCompMobile tr, .jccSecondCompMobile td,
    .jcc thead, .jcc tbody, .jcc tr, .jcc td {
        display: block;
        width: 100% !important;
    }
  }