/* Chart */
.para3 {
    background: linear-gradient(187deg,#fc9 50%,#ffc387 50%);
    border: 2px solid #ff0016;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-style: outset;
    margin-bottom: 3px;
    line-height: 1.4;
    font-size: 14px;
    padding: 4px 10px;
    color: #00094d;
    text-shadow: 1px 1px 2px #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
}
.para3 h2{
    font-size: 14px;
    margin: 0px;
}
.para3 p{
    margin: 0;
    font-size: 12px;
    line-height: 14px;
}
.chart-result {
    margin: 6px 2px;
    line-height: 1.4;
    font-size: 14px;
    padding: 4px 10px;
    color: #00094d;
    text-shadow: 1px 1px 2px #fff;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 40%);
    border: 1px solid black;
    background: #ffcc99;
    font-weight: bold;
}
.chart-result div {
    font-size: 22px;
    color: #00094d;
    text-shadow: 1px 1px 2px #fff;
}
.chart-result span {
    color: #880e4f;
    text-shadow: 1px 1px 2px #ffe2c6;
    font-size: 21px;
}
.chart-result a {
    border: 1px solid #e6e6e6;
    background: #522f92;
    color: #fff;
    padding: 5px 7px;
    border-radius: 8px;
    font-size: 12px;
    margin: 2px 0;
    display: inline-block;
    transition: all .3s;
}
.chart-result a:hover
{
    box-shadow: 0 0 13px 3px #00000033;
    cursor: pointer;
}
.button2 {
    background-color: #a0d5ff;
    color: #220c82;
    padding: 10px 30px;
    font-size: 14px;
    margin: 0px 0px 5px 0px;
    border: 2px solid #0000005c;
    font-weight: 800;
    text-decoration: none;
    text-shadow: 1px 1px #00bcd4;
    box-shadow: 0 8px 10px 0 rgb(0 0 0 / 20%), 0 6px 8px 0 rgb(0 0 0 / 19%);
    display: inline-block;
    transition: all .3s;
}
.panel.panel-info {
    border: 1px solid #3f51b5;
    width: 70%;
    margin: 0 auto 0;
}
.panel-heading{
    background: #3f51b5;
}
.panel-info h3 {
    font-size: 16px;
    color: #fff;
    text-shadow: 0px 0px;
    margin: 0px;
    padding: 5px;
    border-radius: 0;
    background: inherit;
    border: 0;
    font-style: normal;
}
 table{
    width: 100%;
    text-align: center;
    background: #ffcc99;
    font-weight:bold;
    border-collapse: collapse;
    color:#000;
}

 thead {
    background-color: #ffc107;
    text-shadow: 1px 1px 2px #9a7400ab;
}
thead tr th:nth-child(1) {
    width: 100px;
}


tbody td {
    padding: 5px 0;
    font-family: "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

table, th, td {
    border: 1px solid #03a9f4a8;
  }
  
  thead {
    background-color: #ffc107;
    text-shadow: 1px 1px 2px #9a7400ab;
  }
  
  tbody td {
    padding: 5px 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  
  .r {
    color: red;
  }
  
  tr td:nth-child(1) {
    font-size: 13px;
  }
  
  /* Column-specific font and border styling */
  tbody tr td:nth-child(2),
  tbody tr td:nth-child(5),
  tbody tr td:nth-child(8),
  tbody tr td:nth-child(11),
  tbody tr td:nth-child(14),
  tbody tr td:nth-child(17),
  tbody tr td:nth-child(20),
  tbody tr td:nth-child(23) {
    border-right-width: 0;
    font-size: 13px;
  }
  
  tbody tr td:nth-child(3),
  tbody tr td:nth-child(6),
  tbody tr td:nth-child(9),
  tbody tr td:nth-child(12),
  tbody tr td:nth-child(15),
  tbody tr td:nth-child(18),
  tbody tr td:nth-child(21),
  tbody tr td:nth-child(24),
  tbody tr td:nth-child(27) {
    border-left-width: 0;
    border-right-width: 0;
    font-size: 23px;
  }
  
  tbody tr td:nth-child(4),
  tbody tr td:nth-child(7),
  tbody tr td:nth-child(10),
  tbody tr td:nth-child(13),
  tbody tr td:nth-child(16),
  tbody tr td:nth-child(19),
  tbody tr td:nth-child(22),
  tbody tr td:nth-child(25),
  tbody tr td:nth-child(28) {
    border-left-width: 0;
    font-size: 13px;
  }
  
  /* Responsive for tablets */
  @media only screen and (max-width: 770px) {
    .panel.panel-info {
      width: 95%;
    }
  }
  
  /* Responsive for mobile */
  @media only screen and (max-width: 500px) {
    .panel.panel-info {
      width: 99%;
    }
  
    tbody tr td:nth-child(3),
    tbody tr td:nth-child(6),
    tbody tr td:nth-child(9),
    tbody tr td:nth-child(12),
    tbody tr td:nth-child(15),
    tbody tr td:nth-child(18),
    tbody tr td:nth-child(21),
    tbody tr td:nth-child(24),
    tbody tr td:nth-child(27) {
      font-size: 14px;
    }
  
    tr td:nth-child(1),
    tbody tr td:nth-child(2),
    tbody tr td:nth-child(5),
    tbody tr td:nth-child(8),
    tbody tr td:nth-child(11),
    tbody tr td:nth-child(14),
    tbody tr td:nth-child(17),
    tbody tr td:nth-child(20),
    tbody tr td:nth-child(23),
    tbody tr td:nth-child(4),
    tbody tr td:nth-child(7),
    tbody tr td:nth-child(10),
    tbody tr td:nth-child(13),
    tbody tr td:nth-child(16),
    tbody tr td:nth-child(19),
    tbody tr td:nth-child(22),
    tbody tr td:nth-child(25),
    tbody tr td:nth-child(28) {
      font-size: 9px;
    }
  
    th {
      font-size: 11px;
    }
  }
  
  thead tr th:nth-child(1) {
    width: 100px;
  }
  
  /* Tablet adjustments */
  @media only screen and (max-width: 770px) {
    tr td:nth-child(1) {
      font-size: 9px;
    }
  
    tbody tr td:nth-child(3),
    tbody tr td:nth-child(6),
    tbody tr td:nth-child(9),
    tbody tr td:nth-child(12),
    tbody tr td:nth-child(15),
    tbody tr td:nth-child(18),
    tbody tr td:nth-child(21),
    tbody tr td:nth-child(24),
    tbody tr td:nth-child(27) {
      border-left-width: 0;
      border-right-width: 0;
      font-size: 16px;
    }
  
    tbody tr td:nth-child(4),
    tbody tr td:nth-child(7),
    tbody tr td:nth-child(10),
    tbody tr td:nth-child(13),
    tbody tr td:nth-child(16),
    tbody tr td:nth-child(19),
    tbody tr td:nth-child(22),
    tbody tr td:nth-child(25),
    tbody tr td:nth-child(28) {
      border-left-width: 0;
      font-size: 11px;
    }
  
    tbody tr td:nth-child(2),
    tbody tr td:nth-child(5),
    tbody tr td:nth-child(8),
    tbody tr td:nth-child(11),
    tbody tr td:nth-child(14),
    tbody tr td:nth-child(17),
    tbody tr td:nth-child(20),
    tbody tr td:nth-child(23) {
      border-right-width: 0;
      font-size: 11px;
    }
  
    thead tr th:nth-child(1) {
      width: 55px;
    }
  
    .panel.panel-info {
      width: 99%;
    }
  }
  
  
  
  /* Responsive chart list */
  @media only screen and (max-width: 770px) {
    .panel.panel-info {
      width: 99%;
    }
  }
  
  @media only screen and (max-width: 500px) {
    .chart-list {
      width: 95%;
    }
  }
  
  /* Vertical text orientation for specific table cells */
  .nd td:nth-child(2),
  .nd td:nth-child(4),
  .nd td:nth-child(5),
  .nd td:nth-child(7),
  .nd td:nth-child(8),
  .nd td:nth-child(10),
  .nd td:nth-child(11),
  .nd td:nth-child(13),
  .nd td:nth-child(14),
  .nd td:nth-child(16),
  .nd td:nth-child(17),
  .nd td:nth-child(19),
  .nd td:nth-child(20),
  .nd td:nth-child(22),
  .nd td:nth-child(23),
  .nd td:nth-child(25),
  .nd td:nth-child(26),
  .nd td:nth-child(28),
  .nd td:nth-child(29) {
    writing-mode: vertical-rl;
    text-orientation: upright;
  }