/*
CHARTS
**********************************************************************
**********************************************************************
**********************************************************************
*/
body {
  margin: 0; }

.main {
  overflow: hidden;
  padding: 20px 0 20px 0;
  box-sizing: border-box; }
  .main *, .main *:before, .main *:after {
    box-sizing: inherit; }

/*
CHART CONTAINER
==================================== */
.chart-container {
  background-color: #FFFFFF;
  overflow: hidden; }

@media (min-width: 976px) {
  .chart-container {
    margin: 0 auto; } }
/*
CHART
==================================== */
.chart {
  background-color: #FFFFFF;
  display: none;
  float: left;
  width: 100%; }

/*
TITLE
==================================== */
.chart__title {
  font-size: 20px;
  color: #222222;
  font-weight: bold;
  padding: 5px 0 10px 0;
  display: none; }

.right-to-left-langs .chart__title {
  float: right;
  clear: both; }

/*
SUBTITLE
==================================== */
.chart__subtitle {
  font-size: 18px;
  color: #222222;
  font-weight: normal;
  padding: 0 0 16px 0;
  display: none; }

.right-to-left-langs .chart__subtitle {
  float: right;
  clear: both; }

.chart__holder {
  margin: 0 0 10px 0; }

/*
LEGEND
==================================== */
.chart__legend {
  clear: both; }

.chart__legend ul {
  float: left;
  margin: 0 20px 0 0; }

.right-to-left-langs .chart__legend ul {
  float: right;
  margin: 0 0 0 20px; }

.chart__legend--bottom ul,
.chart__legend--top ul {
  float: left;
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 16px;
  font-weight: normal; }

.right-to-left-langs .chart__legend--bottom ul,
.right-to-left-langs .chart__legend--top ul {
  float: right; }

.chart__preview-chart ul {
  list-style-type: none;
  padding: 0 0 0 0;
  float: right;
  margin: 0 0 10px 0; }

.line-legend-list__squares {
  position: relative;
  top: 1px;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 6px 0 0; }

.right-to-left-langs .line-legend-list__squares {
  margin: 0 0 0 6px; }

.line-legend-list__lines {
  width: 20px;
  height: 5px;
  display: inline-block;
  margin: 0 6px 3px 0; }

.right-to-left-langs .line-legend-list__lines {
  margin: 0 0 3px 6px; }

.line-legend-list--inline li {
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  margin: 0 20px 0 0; }

.right-to-left-langs .line-legend-list--inline li {
  margin: 0 0 0 20px; }

/*
SOURCE
==================================== */
.chart__footer {
  padding: 4px 0 4px 0;
  overflow: hidden; }

.chart__footer--border {
  border-top: 1px solid #000000; }

.chart__source {
  display: inline-block;
  font-size: 13px;
  color: #222222;
  max-width: calc(100% - 53px); }

.right-to-left-langs .chart__title {
  float: right; }

.chart__logo {
  width: 52px;
  height: 15px;
  float: right;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2052%2015%22%20enable-background%3D%22new%200%200%2052%2015%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23737373%22%20d%3D%22M52%200v15H36V0H52zM48.8%2010l-0.3%200.2c-1.2%200.8-2.6%201.2-3.8%201.2%20-2.6%200-4.3-1.6-4.3-3.8%200-2.2%201.8-3.8%204.3-3.8%201.3%200%202.4%200.3%203.8%201.1l0.2%200.1v-2l-0.1%200C47.1%202.2%2045.9%202%2044.7%202c-1.8%200-3.4%200.6-4.5%201.6%20-1.1%201-1.8%202.4-1.8%204.1%200%201.1%200.5%202.5%201.5%203.5%201%201.1%202.6%201.8%204.7%201.8h0c1.8%200%203-0.4%204.1-0.9l0.1%200V10z%22/%3E%3Cpath%20fill%3D%22%23737373%22%20d%3D%22M34%200v15H18V0H34zM30.5%209.9c0-1.4-0.9-2.4-2.4-2.8%200.4-0.2%200.7-0.4%200.9-0.7%200.3-0.4%200.4-0.9%200.4-1.5%200-0.7-0.3-1.4-0.9-2%20-0.6-0.5-1.5-0.9-2.7-0.9h-3.4v10.8h4%200c1.4%200%202.4-0.4%203.1-1C30.2%2011.4%2030.5%2010.6%2030.5%209.9z%22/%3E%3Cpath%20fill%3D%22%23737373%22%20d%3D%22M28.5%209.7c0%200.4-0.1%200.7-0.4%201%20-0.3%200.3-0.9%200.5-1.8%200.5h-1.8V8.3h1.8c0.8%200%201.4%200.2%201.8%200.4C28.4%209%2028.5%209.3%2028.5%209.7z%22/%3E%3Cpath%20fill%3D%22%23737373%22%20d%3D%22M27%206.2c0.3-0.2%200.5-0.6%200.5-1.1%200-0.4-0.1-0.7-0.4-0.9%20-0.3-0.2-0.7-0.4-1.4-0.4h-1.3v2.8h0.9C26.1%206.6%2026.7%206.4%2027%206.2z%22/%3E%3Cpath%20fill%3D%22%23737373%22%20d%3D%22M16%200v15H0V0H16zM12.5%209.9c0-1.4-0.9-2.4-2.4-2.8%200.4-0.2%200.7-0.4%200.9-0.7%200.3-0.4%200.4-0.9%200.4-1.5%200-0.7-0.3-1.4-0.9-2%20-0.6-0.5-1.5-0.9-2.7-0.9H4.5v10.8h4%200c1.4%200%202.4-0.4%203.1-1C12.2%2011.4%2012.5%2010.6%2012.5%209.9z%22/%3E%3Cpath%20fill%3D%22%23737373%22%20d%3D%22M10.5%209.7c0%200.4-0.1%200.7-0.4%201%20-0.3%200.3-0.9%200.5-1.8%200.5H6.5V8.3h1.8c0.8%200%201.4%200.2%201.8%200.4C10.4%209%2010.5%209.3%2010.5%209.7z%22/%3E%3Cpath%20fill%3D%22%23737373%22%20d%3D%22M9%206.2C9.4%206%209.6%205.6%209.6%205.1c0-0.4-0.1-0.7-0.4-0.9C8.9%204%208.5%203.8%207.8%203.8H6.5v2.8h0.9C8.1%206.6%208.7%206.4%209%206.2z%22/%3E%3C/svg%3E);
  display: none; }

.right-to-left-langs .chart__logo {
  float: left; }

.chart__source a {
  font-weight: normal;
  text-decoration: none;
  color: #222222;
  display: block;
  /*border-bottom: 1px solid #dcdcdc;*/ }

.chart__source a:link {
  font-weight: normal;
  text-decoration: none;
  color: #222222;
  /*border-bottom: 1px solid #dcdcdc;*/ }

.chart__source a:visited {
  font-weight: normal;
  text-decoration: none;
  color: #222222;
  /*border-bottom: 1px solid #dcdcdc;*/ }

.chart__source a:hover {
  font-weight: normal;
  text-decoration: none;
  color: #1167a8;
  /*border-bottom: 1px solid #dcdcdc;*/ }

.chart__source a:active {
  font-weight: normal;
  text-decoration: none;
  color: #222;
  /*border-bottom: 1px solid #dcdcdc;*/ }

/*
RTL
==================================== */
.right-to-left-langs {
  direction: rtl; }

/*
TABLE
**********************************************************************
**********************************************************************
**********************************************************************
*/
.table {
  display: none; }

/*
CSSPHACK
==================================== */
#csspHack {
  position: relative;
  z-index: 12345; }

/*# sourceMappingURL=main.css.map */