.chart {
  width: 100%;
  min-width: 250px;
  margin: 0;
  padding: 0 0 40px 0;
}
.chart .chart-title {
  text-align: center;
}
.chart .chart-main {
  width: 100%;
  clear: both;
}
.chart .chart-content {
  width: 100%;
  height: 400px;
  margin: 0;
  padding: 0;
  position: relative;
}
.chart .chart-content .chart-viz {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.chart .chart-content .chart-viz .chart-viz-group {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
.chart .chart-content .chart-viz .chart-viz-group canvas {
  width: 100%;
  height: 100%;
  position: absolute;
}
.chart .chart-content .chart-viz .chart-viz-group svg {
  width: 100%;
  height: 100%;
  position: absolute;
}

.chart-reponsive .chart-viz {
  overflow-x: auto;
}
.chart-reponsive .chart-viz .chart-viz-group {
  min-width: 410px;
}

.chart-small .chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item {
  width: 33.3%;
}

.chart-medium .chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item {
  width: 25%;
}

.chart-large .chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item {
  width: 20%;
}

.chart-wide .chart-main .content-legend {
  width: 80%;
  float: left;
}
.chart-wide .chart-main .chart-legends {
  width: 20%;
  height: 400px;
  float: right;
}
.chart-wide .chart-main .chart-legends .chart-legend-structure {
  width: 100%;
  margin: 0;
}
.chart-wide .chart-main .chart-legends .chart-legend-structure .chart-legend-container {
  margin: 0;
  width: 100%;
}
.chart-wide .chart-main .chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item {
  float: none;
  clear: both;
  width: 100%;
}

.chart-legends {
  display: none;
  width: 100%;
}
.chart-legends .chart-legend-structure {
  display: table;
  margin: 0 auto;
  width: 100%;
}
.chart-legends .chart-legend-structure .chart-legend-container {
  display: table-cell;
  vertical-align: middle;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend {
  clear: both;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend .legend-title {
  font-weight: 900;
  margin: 20px 0 0 0;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item {
  width: 50%;
  margin: 20px 0 0 0;
  position: relative;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item .key {
  margin: 0 10px 0 20px;
  display: block;
  font-size: 12px;
  line-height: 14px;
  text-transform: capitalize;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item svg {
  position: absolute;
  top: 1px;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.item-togglable {
  cursor: pointer;
}
.chart-legends .chart-legend-structure .chart-legend-container .chart-legend ul li.legend-item-off {
  opacity: 0.5;
}

.legends-open {
  display: block;
}

.chart-wide .chart-legends .chart-legend-structure {
  width: 80%;
  height: 100%;
}

.chart .chart-details {
  visibility: hidden;
  position: absolute;
  pointer-events: none;
  z-index: 1000;
}
.chart .chart-details .chart-details-content {
  position: relative;
}
.chart .chart-details .chart-details-content svg {
  position: absolute;
  top: 20px;
}
.chart .chart-details .chart-details-content span.details-text {
  margin-left: 20px;
  display: block;
}

/* color neutral */
.color-neutral-white {
  color: #FFFFFF;
}

.color-neutral-gray-10 {
  color: #EEEEED;
}

.color-neutral-gray-30 {
  color: #D9D9D6;
}

.color-neutral-gray-40 {
  color: #B1B3B3;
}

.color-neutral-gray-80 {
  color: #555555;
}

.color-neutral-black {
  color: #000000;
}

/* color div */
.color-div-start {
  color: #FF671F;
}

.color-div-middle {
  color: #D9D9D6;
}

.color-div-end {
  color: #009CDE;
}

/* color sem positive */
.color-sem-pos-90 {
  color: #02422E;
}

.color-sem-pos-color-80 {
  color: #026346;
}

.color-sem-pos-color-60 {
  color: #059469;
}

.color-sem-pos-color-50 {
  color: #06C58C;
}

.color-sem-pos-color-40 {
  color: #72DDA7;
}

.color-sem-pos-color-20 {
  color: #A8F0C0;
}

/* color sem neg */
.color-sem-neg-90 {
  color: #5B081D;
}

.color-sem-neg-color-80 {
  color: #990E31;
}

.color-sem-neg-color-60 {
  color: #EB2254;
}

.color-sem-neg-color-50 {
  color: #F16084;
}

.color-sem-neg-color-40 {
  color: #F69FB4;
}

.color-sem-neg-color-20 {
  color: #FBCDD9;
}

/* color sem caution */
.color-sem-caution-90 {
  color: #9F710D;
}

.color-sem-caution-color-80 {
  color: #CF940D;
}

.color-sem-caution-color-60 {
  color: #EFB022;
}

.color-sem-caution-color-50 {
  color: #F2C151;
}

.color-sem-caution-color-40 {
  color: #F6D281;
}

.color-sem-caution-color-20 {
  color: #F9E3B1;
}

/* color sem neutral */
.color-sem-neutral-color-80 {
  color: #555555;
}

.color-sem-neutral-color-60 {
  color: #888888;
}

.color-sem-neutral-color-50 {
  color: #A1A1A1;
}

.color-sem-neutral-color-40 {
  color: #BABABA;
}

.color-sem-neutral-color-30 {
  color: #D9D9D6;
}

.color-sem-neutral-10 {
  color: #EEEEED;
}

/* color qual */
.color-qual-hue-1 {
  color: #2180C0;
}

.color-qual-hue-2 {
  color: #CB6F0F;
}

.color-qual-hue-3 {
  color: #B751FF;
}

.color-qual-hue-4 {
  color: #4CC8EB;
}

.color-qual-hue-5 {
  color: #E5C494;
}

.color-qual-hue-6 {
  color: #898DFF;
}

.color-qual-hue-7 {
  color: #FB9A99;
}

.color-qual-hue-8 {
  color: #0091FF;
}

.color-qual-hue-9 {
  color: #8C8669;
}

.color-qual-hue-10 {
  color: #FF671F;
}

.color-qual-hue-11 {
  color: #77BE0C;
}

.color-qual-hue-12 {
  color: #E8B11D;
}

/* color seq brand blue */
.color-seq-brand-blue-90 {
  color: #002F6C;
}

.color-seq-brand-blue-color-80 {
  color: #004DB0;
}

.color-seq-brand-blue-color-60 {
  color: #0B70F4;
}

.color-seq-brand-blue-color-50 {
  color: #398FFF;
}

.color-seq-brand-blue-color-40 {
  color: #9FC9FF;
}

.color-seq-brand-blue-color-20 {
  color: #D2E5FF;
}

/* color seq purple */
.color-seq-purple-90 {
  color: #3D1457;
}

.color-seq-purple-color-80 {
  color: #5A1D81;
}

.color-seq-purple-color-60 {
  color: #802AB8;
}

.color-seq-purple-color-50 {
  color: #A95CDA;
}

.color-seq-purple-color-40 {
  color: #CDA2EA;
}

.color-seq-purple-color-20 {
  color: #E4CCF3;
}

/* color seq green */
.color-seq-green-90 {
  color: #02422E;
}

.color-seq-green-color-80 {
  color: #026346;
}

.color-seq-green-color-60 {
  color: #059469;
}

.color-seq-green-color-50 {
  color: #06C58C;
}

.color-seq-green-color-40 {
  color: #72DDA7;
}

.color-seq-green-color-20 {
  color: #A8F0C0;
}

/* color seq orange */
.color-seq-orange-90 {
  color: #852B01;
}

.color-seq-orange-color-80 {
  color: #B83B00;
}

.color-seq-orange-color-60 {
  color: #FF671F;
}

.color-seq-orange-color-50 {
  color: #FF9563;
}

.color-seq-orange-color-40 {
  color: #FFB896;
}

.color-seq-orange-color-20 {
  color: #FFDAC9;
}

/* color seq gray */
.color-seq-gray-color-80 {
  color: #555555;
}

.color-seq-gray-color-60 {
  color: #888888;
}

.color-seq-gray-color-50 {
  color: #A1A1A1;
}

.color-seq-gray-color-40 {
  color: #BABABA;
}

.color-seq-gray-color-30 {
  color: #D9D9D6;
}

.color-seq-gray-10 {
  color: #EEEEED;
}

/* color qual deprecated */
.color-qual-color-1 {
  color: #2180C0;
}

.color-qual-color-2 {
  color: #CB6F0F;
}

.color-qual-color-3 {
  color: #B751FF;
}

.color-qual-color-4 {
  color: #4CC8EB;
}

.color-qual-color-5 {
  color: #E5C494;
}

.color-qual-color-6 {
  color: #898DFF;
}

.color-qual-color-7 {
  color: #FB9A99;
}

.color-qual-color-8 {
  color: #0091FF;
}

.color-qual-color-9 {
  color: #8C8669;
}

.color-qual-color-10 {
  color: #FF671F;
}

/* background neutral */
.background-neutral-white {
  background: #FFFFFF;
}

.background-neutral-gray-10 {
  background: #EEEEED;
}

.background-neutral-gray-30 {
  background: #D9D9D6;
}

.background-neutral-gray-40 {
  background: #B1B3B3;
}

.background-neutral-gray-80 {
  background: #555555;
}

.background-neutral-black {
  background: #000000;
}

/* background div */
.background-div-start {
  background: #FF671F;
}

.background-div-middle {
  background: #D9D9D6;
}

.background-div-end {
  background: #009CDE;
}

/* background sem pos */
.background-sem-pos-90 {
  background: #02422E;
}

.background-sem-pos-80 {
  background: #026346;
}

.background-sem-pos-60 {
  background: #059469;
}

.background-sem-pos-50 {
  background: #06C58C;
}

.background-sem-pos-40 {
  background: #72DDA7;
}

.background-sem-pos-20 {
  background: #A8F0C0;
}

/* background sem pos */
.background-sem-neg-90 {
  background: #5B081D;
}

.background-sem-neg-80 {
  background: #990E31;
}

.background-sem-neg-60 {
  background: #EB2254;
}

.background-sem-neg-50 {
  background: #F16084;
}

.background-sem-neg-40 {
  background: #F69FB4;
}

.background-sem-neg-20 {
  background: #FBCDD9;
}

/* background sem caution */
.background-sem-caution-90 {
  background: #9F710D;
}

.background-sem-caution-80 {
  background: #CF940D;
}

.background-sem-caution-60 {
  background: #EFB022;
}

.background-sem-caution-50 {
  background: #F2C151;
}

.background-sem-caution-40 {
  background: #F6D281;
}

.background-sem-caution-20 {
  background: #F9E3B1;
}

/* background sem neutral */
.background-sem-neutral-80 {
  background: #555555;
}

.background-sem-neutral-60 {
  background: #888888;
}

.background-sem-neutral-50 {
  background: #A1A1A1;
}

.background-sem-neutral-40 {
  background: #BABABA;
}

.background-sem-neutral-30 {
  background: #D9D9D6;
}

.background-sem-neutral-10 {
  background: #EEEEED;
}

/* background qual */
.background-qual-hue-1 {
  background: #2180C0;
}

.background-qual-hue-2 {
  background: #CB6F0F;
}

.background-qual-hue-3 {
  background: #B751FF;
}

.background-qual-hue-4 {
  background: #4CC8EB;
}

.background-qual-hue-5 {
  background: #E5C494;
}

.background-qual-hue-6 {
  background: #898DFF;
}

.background-qual-hue-7 {
  background: #FB9A99;
}

.background-qual-hue-8 {
  background: #0091FF;
}

.background-qual-hue-9 {
  background: #8C8669;
}

.background-qual-hue-10 {
  background: #FF671F;
}

.background-qual-hue-11 {
  background: #77BE0C;
}

.background-qual-hue-12 {
  background: #E8B11D;
}

/* background seq brand blue */
.background-seq-brand-blue-90 {
  background: #002F6C;
}

.background-seq-brand-blue-80 {
  background: #004DB0;
}

.background-seq-brand-blue-60 {
  background: #0B70F4;
}

.background-seq-brand-blue-50 {
  background: #398FFF;
}

.background-seq-brand-blue-40 {
  background: #9FC9FF;
}

.background-seq-brand-blue-20 {
  background: #D2E5FF;
}

/* background seq purple */
.background-seq-purple-90 {
  background: #3D1457;
}

.background-seq-purple-80 {
  background: #5A1D81;
}

.background-seq-purple-60 {
  background: #802AB8;
}

.background-seq-purple-50 {
  background: #A95CDA;
}

.background-seq-purple-40 {
  background: #CDA2EA;
}

.background-seq-purple-20 {
  background: #E4CCF3;
}

/* background seq green */
.background-seq-green-90 {
  background: #02422E;
}

.background-seq-green-80 {
  background: #026346;
}

.background-seq-green-60 {
  background: #059469;
}

.background-seq-green-50 {
  background: #06C58C;
}

.background-seq-green-40 {
  background: #72DDA7;
}

.background-seq-green-20 {
  background: #A8F0C0;
}

/* background seq orange */
.background-seq-orange-90 {
  background: #852B01;
}

.background-seq-orange-80 {
  background: #B83B00;
}

.background-seq-orange-60 {
  background: #FF671F;
}

.background-seq-orange-50 {
  background: #FF9563;
}

.background-seq-orange-40 {
  background: #FFB896;
}

.background-seq-orange-20 {
  background: #FFDAC9;
}

/* background seq gray */
.background-seq-gray-80 {
  background: #555555;
}

.background-seq-gray-60 {
  background: #888888;
}

.background-seq-gray-50 {
  background: #A1A1A1;
}

.background-seq-gray-40 {
  background: #BABABA;
}

.background-seq-gray-30 {
  background: #D9D9D6;
}

.background-seq-gray-10 {
  background: #EEEEED;
}

/* background qual deprecated */
.color-qual-background-1 {
  background: #2180C0;
}

.color-qual-background-2 {
  background: #CB6F0F;
}

.color-qual-background-3 {
  background: #B751FF;
}

.color-qual-background-4 {
  background: #4CC8EB;
}

.color-qual-background-5 {
  background: #E5C494;
}

.color-qual-background-6 {
  background: #898DFF;
}

.color-qual-background-7 {
  background: #FB9A99;
}

.color-qual-background-8 {
  background: #0091FF;
}

.color-qual-background-9 {
  background: #8C8669;
}

.color-qual-background-10 {
  background: #FF671F;
}

.color-qual-fill-1 {
  fill: #2180C0;
}

.color-qual-fill-2 {
  fill: #CB6F0F;
}

.color-qual-fill-3 {
  fill: #B751FF;
}

.color-qual-fill-4 {
  fill: #4CC8EB;
}

.color-qual-fill-5 {
  fill: #E5C494;
}

.color-qual-fill-6 {
  fill: #898DFF;
}

.color-qual-fill-7 {
  fill: #FB9A99;
}

.color-qual-fill-8 {
  fill: #0091FF;
}

.color-qual-fill-9 {
  fill: #8C8669;
}

.color-qual-fill-10 {
  fill: #FF671F;
}

.color-qual-fill-11 {
  fill: #77BE0C;
}

.color-qual-fill-12 {
  fill: #E8B11D;
}

.chart h1, .chart h2, .chart h3, .chart h4 {
  font-family: "FreightText", Georgia, "Times New Roman", Times, serif;
}
.chart p {
  font-family: "BrandonText", Helvetica, Arial, sans-serif;
}
.chart .chart-legends {
  font-family: "BrandonText", Helvetica, Arial, sans-serif;
}
.chart .chart-content svg text {
  font-family: "BrandonText", Helvetica, Arial, sans-serif;
}
.chart .chart-content svg text.axis-label {
  font-size: 18px;
}

.chart .chart-content svg g.axis-label text {
  font-size: 14px;
  font-weight: bold;
}
.chart .chart-content svg g.axis path {
  display: none;
}
.chart .chart-content svg g.axis g.tick text {
  font-size: 14px;
}
.chart .chart-content svg g.axis g.tick line {
  stroke: #D9D9D6;
}
.chart .chart-content.histogram-content svg .axis-bottom g.tick line, .chart .chart-content.bar-vertical svg .axis-bottom g.tick line, .chart .chart-content.waterfall-content svg .axis-bottom g.tick line {
  display: none;
}
.chart .chart-content.bar-horizontal svg .axis-left g.tick line {
  display: none;
}

.chart .chart-details {
  opacity: 0.9;
}
.chart .chart-details svg.details-point {
  position: relative;
  top: -3px;
  left: 50%;
  margin: 0 0 0 -12.5px;
}
.chart .chart-details svg.details-point polygon {
  fill: #ffffff;
}
.chart .chart-details .chart-details-content {
  opacity: 1;
  color: #555555;
  font-size: 12px;
  line-height: 1.6;
  padding: 16px;
  background-color: #ffffff;
  white-space: nowrap;
}
.chart .chart-details.details-above .chart-details-content {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.13);
}
.chart .chart-details.details-low-left .chart-details-content {
  border-radius: 10px 0 10px 10px;
}
.chart .chart-details.details-low-right .chart-details-content {
  border-radius: 0 10px 10px 10px;
}
.chart .chart-details.details-high-left .chart-details-content {
  border-radius: 10px 10px 0 10px;
}
.chart .chart-details.details-high-right .chart-details-content {
  border-radius: 10px 10px 10px 0;
}

.chart .chart-content svg .map path.feature {
  stroke-width: 1;
  stroke: #FFF;
}

.chart .chart-content svg .annotation-handle {
  fill: #FFFFFF;
  stroke: #000000;
  stroke-width: 1;
}
.chart .chart-content svg .annotation-line-value-container {
  fill: #FFFFFF;
  stroke-width: 1;
  stroke: #000000;
  opacity: 0.9;
}
.chart .chart-content svg .annotation-line-draggable-x, .chart .chart-content svg .annotation-handle-draggable-x {
  cursor: col-resize;
}
.chart .chart-content svg .annotation-line-draggable-y, .chart .chart-content svg .annotation-handle-draggable-y {
  cursor: row-resize;
}

.chart-panel {
  min-width: 330px;
  margin: 0 0 30px 0;
  padding: 40px 40px 40px 40px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.13);
  background-color: #FFFFFF;
}
.chart-panel h3 {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 1px;
  border-bottom: 1px solid #B1B3B3;
}
.chart-panel .chart-panel-body {
  position: relative;
  min-height: 300px;
}
.chart-panel .chart-panel-body-overflow {
  overflow: auto;
}
.chart-panel .chart {
  padding: 0;
}
.chart-panel .chart-legends {
  margin: 20px 0 0 0;
  border-top: 1px solid #B1B3B3;
}
.chart-panel .chart-panel-inner {
  border-left: 1px solid #B1B3B3;
}
.chart-panel .chart-panel-inner:first-child {
  border-left: none;
}

.chart-loading-window {
  width: 100%;
  height: 100%;
  min-height: 80px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #FFFFFF;
  opacity: 0.8;
  z-index: 1000;
}
.chart-loading-window .empty-indicator, .chart-loading-window .error-indicator, .chart-loading-window .loading-indicator {
  position: absolute;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  left: 50%;
  top: 50%;
}
.chart-loading-window .empty-indicator img, .chart-loading-window .error-indicator img, .chart-loading-window .loading-indicator img {
  width: 100%;
  height: auto;
}
.chart-loading-window .empty-indicator i.fa, .chart-loading-window .error-indicator i.fa, .chart-loading-window .loading-indicator i.fa {
  font-size: 100px;
  position: relative;
  top: 50%;
  left: 50%;
}
.chart-loading-window .empty-indicator i.fa {
  margin: -60px 0 0 -34.29px;
}
.chart-loading-window .error-indicator i.fa {
  margin: -60px 0 0 -34.29px;
}

.chart .clear:after {
  content: "";
  display: table;
  clear: both;
}