body {
  font-family: 'Lato', sans-serif;
  color: #424242;
  padding-top: 0;
}
.all {
  padding: 10px;
  padding-top: 0;
}
.graph {
  height: 180px;
  margin-bottom: 0px;
}
p {
  font-family: 'Lato', sans-serif;
  font-size: 8pt;
  /*column-count: 2;*/
}
.col-xs-12 {
  margin-bottom: 50px;
}
.row {
  margin-top: 100px;
}
.commentary {
  vertical-align: bottom;
}

.commentary p {
  vertical-align: bottom;
  font-size: 8pt;
}

ul {
  font-size: 8pt;
}

.titleBar {
  text-align: center;
  /*background-color: #fafafa;*/
  padding: 10px;
}
h1 {
  font-size: 16pt;
}
h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 12pt;
  font-weight: 300;

}
h3 {
  margin-bottom: 30px;
  font-size: 12pt;
}
u {
  text-decoration: none;
  /*border-bottom: 2px solid #B2EBF2;*/
}
svg {
  height:100%;
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin-bottom: 0;
  position: relative;

}
.labelRight {
  opacity: 0.2;
}

.labelRight:hover {
  opacity: 1;
  cursor: pointer;
}
#labelRightszydlo {
  opacity: 1;
  fill: #BF360C !important;
}
#labelRightcimo {
  opacity: 0.1;
}
#labelRightcimo:hover {
  opacity: 1;
}
#slopeLineszydlo {
  stroke: #00ACC1 !important;
}
#rightCircleszydlo {
  fill: #00ACC1 !important;
}
#leftCircleszydlo {
  fill: #00ACC1 !important;
  /*background-color: white;*/
}

#slopeLinecimo {
  stroke: #00ACC1 !important;
}
#rightCirclecimo {
  fill: #00ACC1 !important;
}
#leftCirclecimo {
  fill: #00ACC1 !important;
  /*background-color: white;*/
}
.footer {
  text-align: right;
  margin-right: 10%;
  margin-top: 50px;
  margin-bottom: 30px;
}
.footer p {
  text-align: right;
}
a {
  color: #ee2450;
}