.sub-columns {
  border-bottom: 1px solid #ededed; }
  .sub-columns ul {
    font-size: 16px; }
    .sub-columns ul li {
      line-height: 24px;
      float: left;
      list-style-type: none; }
      .sub-columns ul li:after {
        content: ", ";
        margin-left: 3px;
        margin-right: 3px; }
      .sub-columns ul li:last-child:after {
        content: "";
        display: none; }
  .sub-columns::after {
    content: "";
    clear: both;
    display: table; }

.umb-editor-placeholder .mg-bar-chart,
.umb-editor-placeholder .mg-line-chart,
.umb-editor-placeholder .mg-pie-chart,
.umb-editor-placeholder .mg-grouped-bar-chart {
  width: 700px !important;
  height: 450px !important; }

.mg-graph-container,
.wp-graph-container {
  /*overflow-x: scroll;

    @media (min-width: 1024px) {
        overflow-x: hidden;
    }*/ }
  .mg-graph-container .mg-bar-chart,
  .mg-graph-container .mg-line-chart,
  .mg-graph-container .mg-pie-chart,
  .mg-graph-container .mg-grouped-bar-chart,
  .mg-graph-container .wp-graph,
  .wp-graph-container .mg-bar-chart,
  .wp-graph-container .mg-line-chart,
  .wp-graph-container .mg-pie-chart,
  .wp-graph-container .mg-grouped-bar-chart,
  .wp-graph-container .wp-graph {
    width: 100%;
    /*min-width: 600px;*/
    margin-top: 30px; }

/*.column.col-md-4 {
    .mg-graph-container,
    .wp-graph-container {
        @media (min-width:1280px) and (max-width:1400px){
            overflow-x: scroll;
        }
        
        .mg-bar-chart,
        .mg-line-chart,
        .mg-pie-chart,
        .mg-grouped-bar-chart,
        .wp-graph {
            min-width: 380px;
        }
    }
}*/
.mg-line-chart .line,
.wp-graph .line {
  fill: none;
  stroke: steelblue;
  stroke-width: 1.5px; }

.mg-pie-chart path.slice,
.wp-graph path.slice {
  stroke-width: 2px; }

.mg-pie-chart polyline,
.wp-graph polyline {
  opacity: .3;
  stroke: black;
  stroke-width: 2px;
  fill: none; }

.mg-pie-chart svg text.percent,
.wp-graph svg text.percent {
  fill: white;
  text-anchor: middle;
  font-size: 12px; }

.mg-graph-caption {
  margin-top: 10px !important;
  font-family: "Roboto Slab", serif !important;
  font-size: 14px !important;
  line-height: 20px !important;
  color: #a7a9ac !important; }

.wp-graph .axis--x path {
  display: block; }
