@import "../../../css/teaser-v2.0.css";

@font-face {
  font-family: 'Jost Regular';
  src: url('fonts/92zatBhPNqw73oTd4g.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;  
}

@font-face {
  font-family: 'Jost Semi Bold';
  src: url('fonts/92zatBhPNqw73oTd4g.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;  
}


body {
  font-family: "Jost Regular",sans-serif; background-color: #F6F6F6; line-height: 24px;
}

.teaser #chart {
	//height: 20px;
	min-height: 20px;
}

#top {
	border-top: 1px solid #c2c2c2;
	height: 30px;
	min-height: 30px;
}

#top .top-share-info {
  clear: none;
  display: block;
  float: right;
}

#wrapper {
  width: 99.8%;
  border: 0px solid transparent; height: 100vh;
}

#teaser-table {
  padding: 1.5em 1em;
  border-bottom: 0px solid transparent;
}
#teaser-table tr {
	float: none;
	width: 100%;
}
#teaser-table td {
	display: table-cell;
	float: none;
	width: auto;
	font-size: 0.8em;
}
#teaser-table .col2 {
    text-align: left;
}
#teaser-table tr {
	height: 27px;
}
#teaser-table .row20 td {
	border-bottom: none;
}

#chart-wrapper {
  border-bottom: 1px solid #c2c2c2;
}

#range-selector {
  padding: 0.4em 1em 1.2em;
}
#range-selector li:last-child a {
  margin-right: 2px;
}

#range-selector li:last-child a {
  margin-right: 2px;
}

#range-selector li a {
  border: 1px solid #c2c2c2;
  border-radius: 1px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0);
  color: #fff;
  background-color: #00a2b0;
  text-decoration: none;
  transition: background-color 0.3s ease 0s;
}

#range-selector li.active a {
  color: #c4c924;
  background-color: #fff;
}

#range-selector li a:hover {
  border: 1px solid #c2c2c2;
  border-radius: 1px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: #c4c924;
  background-color: #fff;
  text-decoration: none;
  transition: background-color 0.3s ease 0s;
}

.company-name{ font-family: 'Jost Semi Bold';font-size: 25px; margin: 0 0 10px 0;}
.close-price{ font-size: 60px; font-family: 'Jost Semi Bold';  line-height: 51px;}
.currency{ font-family: 'Jost Regular'; font-size: 25px;}
.rel-price{ font-family: 'Jost Regular'; font-size: 25px; }
#footer{ border:0px; padding:0px; color: #999999; }
.fa.alteration-down:before{
  content: "\f063";
}

.fa.alteration-up:before{
  content: "\f062";
}
.fa.alteration-equal{ color: #333; }
.fa.alteration-equal:before{
  content: "\f061";
}


.teaser-link{ display: block; color:#333; text-decoration: none; display: block; height: 100%; }
.right-section{ width: auto; }
.table{ display: table; margin-bottom: 10px; }
.table-cell{ display: table-cell; vertical-align: bottom; padding:0px 4px; }
.table-cell.currency{ vertical-align: bottom; padding-left: 0px;}
.table-cell.close-price{ vertical-align: bottom; text-align: center; }
.icon-cntr{ display: block; }
.date{ font-size: 12px; font-family: "Jost Regular",sans-serif; color: #999999; }

@media screen and (max-width: 480px) {
  #top {
	border-top: 1px solid #c2c2c2;
	height: 42px;
	min-height: 42px;
  }
  
  #top .top-share-info {
	clear: none;
	float: right;
  }
 
  #teaser-table td,
  #teaser-table td.col2 {
    text-align: center;
	width: 50%;
  }
  #teaser-table td.col3,
  #teaser-table td.col4,
  #teaser-table td.col5,
  #teaser-table td.col6 {
	display: none;
  }
  
  #teaser-table {
	padding: 0.2em 1em 0.5em;
  }
  #range-selector {
	padding: 0.4em 1em;
  }

  .company-name{ font-family: 'Jost Semi Bold';font-size: 20px; margin: 0 0 10px 0;}
  
}

@media screen and (max-width: 310px) {
   #top .top-share-info {
	float: left;
  }
  .company-name{ font-family: 'Jost Semi Bold';font-size: 18px; margin: 0 0 10px 0;}
  .close-price{ font-size: 40px; font-family: 'Jost Semi Bold';  line-height: 31px;}
  .rel-price{ font-size: 17px; }
  .table-cell.currency{ line-height: 20px; }
  .icon-cntr .fa{ font-size: 12px; }
}