@media (min-width: 992px){
  .col-lg-4 {
    width: 100%;
  }
}
@media (min-width: 768px){
  .col-lg-4 {
    width: 100%;
  }
}
.chartcontainer {
        max-width: 100%;
        height: 400px;
      }

      .highcharts-figure,
      .highcharts-data-table table {
        min-width: 230px;
        max-width: 800px;
        margin: 0.1em auto;
      }

      .highcharts-data-table table {
        font-family: Verdana, sans-serif;
        border-collapse: collapse;
        border: 1px solid #ebebeb;
        margin: 10px auto;
        text-align: center;
        width: 100%;
        max-width: 500px;
      
      }
      .highcharts-data-table caption {
        padding: 0.1px 0;
        font-size: 0.1px;
        color: #555;
      }
      .highcharts-data-table th {
        font-weight: 600;
        padding: 0.5em;
      }
      .highcharts-data-table td,
      .highcharts-data-table th,
      .highcharts-data-table caption {
        padding: 0.5em;
      }
      .highcharts-data-table thead tr,
      .highcharts-data-table tr:nth-child(even) {
        background: #f8f8f8;
      }
      .highcharts-data-table tr:hover {
        background: #f1f7ff;
      }

      input[type="number"] {
        min-width: 30px;
      }

      .highcharts-title {
        font-size: 14px !important;
      }
      .boxes {
        padding-bottom: 50px;
      }
      details {
		font-size: 1.5rem;
        border: solid white 2px;
	}
  details summary {
		color: #fff;
  }

	details summary {
		background-color: #2e3192;
	}

	summary {
		padding: .5em 1.3rem;
		list-style: none;
		display: flex;
		justify-content: space-between;
		transition: height 1s ease;
	}

	summary::-webkit-details-marker {
		display: none;
	}
   summary:after {
		content: "\002B";
	}
	details[open] summary {
		border-bottom: 1px solid #aaa;
		margin-bottom: .5em;
	}

	details[open] summary:after {
		content: "\00D7";
	}
    .chartpg summary {
		color: #fff;
  }

	.chartpg summary {
		background-color: #2e3192;
	}
   .chartpg[open] summary {
		border-bottom: 1px solid #aaa;
		margin-bottom: .5em;
	}
     .chartpg {
		font-size: 1.5rem;
        border: solid white 2px;
	}