@import "../../../css/chart-v2.0.css";
@font-face {
  font-family: 'Roboto-Regular';
  src: url('fonts/roboto-regular-webfont.eot');
  src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/roboto-regular-webfont.woff') format('woff'),
  url('fonts/roboto-regular-webfont.ttf') format('truetype'),
  url('fonts/roboto-regular-webfont.svg#roboto-regular-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Roboto';
  src: url('fonts/roboto-light-webfont.eot');
  src: url('fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/roboto-light-webfont.woff') format('woff'),
  url('fonts/roboto-light-webfont.ttf') format('truetype'),
  url('fonts/roboto-light-webfont.svg#roboto-light-webfont') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
	color: #333;
	font-family: "Roboto";
	background-color: rgba(255, 255, 255,1);
    -webkit-text-size-adjust: none;
    font-size: 16px;
}
#footer, #bottom, #chart-wrapper, #top, #chart, #chartexport, #news-information, #range-input, #range-input, #range-selector, #chart-footer {
  border-width: 0;
  padding: 0px;
}
.pika-table abbr {
    cursor: default;
}
#range-selector {
    padding: 0 10px !important;
}
#range-selector ul{

  border: 0;
}

#top, #range-selector, #range-input, #news-information, #chartexport, .wrapper, #chart-footer {
  border: 0 !important;
}
#top .top-info {
    background-color: #94b2d6;
    padding: 5px 10px;
    color: #143782;
}
#top-table td{
  font-size: 16px;
}
#error-wrapper{
  display: none;
}
#chart-footer > div:nth-child(2), #chart-footer > div:nth-child(3n+5), #chart-footer > div:nth-child(2n+2){
  /*padding-right: 0 !important;*/
}
#chart-footer > div{
  font-family: "Roboto";
}
#top-table{
  padding: 1em 10px;
}
#range-input{
  padding: 0 10px;
}
#news-information{
  padding-left: 10px;
}
#chartexport{
  padding-right: 10px;
}
input[type="checkbox"] + label::before{
  bottom: -1px;
}
  body #wrapper .dropdown {
    color: #747474;
    border-color: #ccc; }
    body #wrapper .dropdown select {
      color: #747474;
      padding-left: 10px; }


    body #wrapper #news-information .news-option label {
    color: #000; }
    body #wrapper #news-information .news-option label:hover {
    color: #000;
    }
    body #wrapper #news-information .news-option label:hover:before {
      text-decoration: none; }

    body #wrapper .history-download {
    display: block !important; }
    @media only screen and (min-width: 715px) {
    body #wrapper #range-selector ul {
    display: table;
    table-layout: fixed; }
    body #wrapper #range-selector ul li {
    width: auto;
    display: table-cell;
    float: none; } }
/*@media only screen and (min-width: 676px) {
  }*/

#wrapper{
	border: none;
}

#news-information .news-icons .news-icon{
	border: 1px solid #666a6c;
	color: #666a6c;
}

#range-selector a{
    background-color: transparent;
    border: 1px solid #dddddd;
    color: #000;
    padding: 0.4em 0.2em;
}

#range-selector a:hover {
    background-color: #e4e7f5;
}
#range-selector li.active a{
  background-color: #143782;
  color: #ffffff;
  border:1px solid #143782;
}
#range-input{
  margin-top: 10px;
}
#chart-footer .history-download .select-format label{
  display: none;
}
#range-input .submit:hover, #chartexport a:hover, #chart-footer .history-download a:hover {
    background-color: #e4e7f5;
}
#chart-footer .history-download a{
  padding: 0.3em 1em;
}
.dropdown{
	border: 1px solid #666a6c;
	color: #000000;
}
#chart-footer .select-exchanges .dropdown::after{
  top:7px;
}
#chart-footer .select-exchanges .dropdown{
  height: 26px;
  color: #747474;
  font-family: "Roboto";
  line-height: 25px;
}
#chart-footer .history-download .select-format {
  padding: 0em 0 0.4em 0;
}
select{
	color: #000000;
}
#top-table .row2 .col2{
  text-align: right;
}
#top-table tr.row2 td{
  padding-top: 0;
  padding-bottom: 0px;
  text-align: right;
}
#top-table .row1 .col2 strong{
  font-family: 'Roboto-Regular';
}
#bottom-table table thead {
  background-color: #143782;
  color: #ffffff;
}
#bottom-table tr .row1{
	background: #ececec;
}
#bottom-table thead tr:last-child th, .bottom-table thead tr:last-child th,
#bottom-table td, .bottom-table td{
	border-bottom: 1px solid #cdcdcd;
}
#bottom-table table thead tr.row2 th.col1, #bottom-table table tbody td.col1{
  padding-left: 5px;
}
#bottom-table tr.row1 th.col5{
  text-align: center;
}
#bottom-table th.col4, #bottom-table td.col4, #bottom-table th.col5, #bottom-table th.col6, #bottom-table td.col5, #bottom-table td.col6{
  text-align: center;
}
.alteration-down{
	color: #cc0000;
}

.alteration-up{
	color: #66CC00;
}

.alteration-equal{
	color: #666a6c;
}

.pika-button:hover{
	color:#fff !important;
	background:#143782 !important;
}

.is-today .pika-button{
	color: #143782;
}

.is-selected .pika-button{
	background: #143782;
	box-shadow:none;
	color:#fff;
}
#top-table tr td{
	height:auto !important;
  border-bottom: 1px solid #cdcdcd;
}
#footer #chart-info{padding:10px 10px 5px 10px;}
#footer #info-footer{
  padding-top: 10px;
}
#info-disclaimer{display:none!important;}
.dropdown select{
  padding:0;
  height:24px;
  font-family: "Roboto";
  font-size: 16px;
}
#range-input .range-wrap{
  width: 35.6%;
}
#range-input .range-wrap input{
  font-size: 16px;
  font-family:"Roboto";
  border: 1px solid #ccc;
}
#chartexport{
	width: 153px;
	float: right;
  border-left: 0;
}
#range-input .range-wrap.range-begin .calendar-icon{
  right: 8px;
}
#range-input .range-wrap .calendar-icon{
  bottom: 7px;
  right: 8px;
}
#chartexport a.chart-print,
#chartexport a.chart-pdf,
#chartexport a.chart-png{
  width: 31px;
  height: 31px;
  text-align: center;
}
#chartexport a, #chart-footer .history-download a, #range-input .submit {
    background-color: transparent;
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    text-decoration: none;
    border: 1px solid #dddddd;
}
#chart-footer .history-download a{
  font-size: 16px;
}
#range-input .submit{
  max-width: 160px;
  float: right;
  margin-top: 19px;
  margin-bottom: 10px;
  line-height: 32px;
}
#chartexport a{
  padding:7px 7px 5px 7px;
  text-decoration: none;
}
#news-information{
  width: auto;
  border-right: 0 none;
  margin-top: 5px;
}
.english #chart{
  background: transparent url("images/logo.png") no-repeat scroll 50% 36%;
}
.german #chart{
  background: transparent url("images/logo.png") no-repeat scroll 50% 36%;
}

#chart{
     background: transparent url("images/logo.png") no-repeat scroll 50% 36%;
    padding: 0 10px;
}
#chart-footer{
  padding-left: 10px;
  padding-right: 10px;
}
#bottom{
  padding: 0 10px;
}
#bottom-table td::before, .bottom-table td::before{
  color: #747474;
}
#bottom-table .row1 th, .bottom-table .row1 th{
  padding-top: 0.2em;
}
@media (max-width: 1000px) {
.history-download{display:none!important;}
}

@media (min-width: 480px) {
  #range-selector .active a{
  color: #000000;
  }
  #range-selector li:last-child a{
      margin: 0 0px 2px 0;
  }
  #news-information .news-option {
    width: auto;
    margin-right: 0;
  }
}
@media (min-width: 1024px){
  #chart-footer > div {
    width: 25% !important;
  }
}

@media (max-width: 600px) {

    .chart-range-label--sm{
      display: none !important;
    }
    .chart-range-label--xs{
      display: block !important;
    }
}
@media (min-width:768px){
  #range-input .submit{
    float: none;
    margin-bottom: 0px;
  }
  #top-table .row2 td {
    width: 50%;
    padding-right: 1em;
  }
  #range-input .range-wrap{
    width: 25%;
  }
}
@media (max-width: 600px) {
  #bottom-table table thead tr.row2 th.col1, #bottom-table table tbody td.col1{
    padding-left: 0px;
  }
  #bottom-table th.col4, #bottom-table td.col4, #bottom-table th.col5, #bottom-table th.col6, #bottom-table td.col5, #bottom-table td.col6{
    text-align: left;
  }
  #bottom #bottom-table tbody tr td{
    padding: 0.4em 0px;
  }
  #bottom #bottom-table tbody tr:nth-child(even){
    background: #e8e8e8;
  }
  #range-input .submit{
    max-width: 150px;
  }
  #chart-footer > div{
    width: 50% !important;
  }
}
@media (min-width: 600px) and (max-width: 1024px){
  #chart-footer > div.history-download {
    width: 33.333333% !important;
    padding-right: 0.25em;
  }
}
@media (min-width: 480px) {
  #range-selector ul li {
      float: left;
      // width: 25% !important;
      border: none;
  }
}
@media (max-width: 480px) {
  .english #chart{
  background: transparent url("images/logo.png") no-repeat scroll 45% 36%;
    background-size: 40%;
  }
  .german #chart{
  background: transparent url("images/logo.png") no-repeat scroll 45% 36%;
    background-size: 40%;
  }
  #chart{
  background: transparent url("images/logo.png") no-repeat scroll 45% 36%;
    background-size: 40%;
  }

  #range-input .submit{
    max-width: 100%;
    margin-top: 10px;
  }
  #chart-footer .select-exchanges .dropdown
  {
    padding-left: 5px;
    font-size: 15px;
  }
  body #wrapper .dropdown select{
    padding-left: 5px;
    font-size: 15px;
  }
  #top-table tr.row2 td{
    text-align: left;
    padding: 10px 0;
  }
  #range-input .range-wrap{
    width: 50%;
  }
  .german #chart-footer > div{
    padding-right: .4em;
  }
}
@media (max-width: 360px) {
  .english #chart{
    background: transparent url("images/logo.png") no-repeat scroll 40% 36%;
    background-size:30%;
  }
  .german #chart{
    background: transparent url("images/logo.png") no-repeat scroll 40% 36%;
    background-size:30%;
  }
  #chart{
    background: transparent url("images/logo.png") no-repeat scroll 40% 36%;
    background-size:30%;
  }
}
@media (max-width: 320px) {
  .english #chart{
    background: transparent url("images/logo.png") no-repeat scroll 40% 36%;
    background-size:30%;
  }
  .german #chart{
    background: transparent url("images/logo.png") no-repeat scroll 40% 36%;
    background-size:30%;
  }
  #chart{
    background: transparent url("images/logo.png") no-repeat scroll 40% 36%;
    background-size:30%;
  }
  .dropdown{
    width: 97%;
  }
  body.french #wrapper .dropdown select{
    padding-left: 0px;
  }
}