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

body{
	color: #4A5050;
	font-family:'Frutiger W01';
}

.pika-table abbr {
	cursor: default;
}
.alteration-up {
	color: #8AB53B;
}
.alteration-down {
	color: #EC1C24;
}
.dropdown select,
#range-input input{
	font-family:'Frutiger W01';
}
#error-wrapper {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	display: block;
	float: left;
	padding: 0;
	width: 100%;
}
#wrapper{
	width: 100%;
	max-width: 1200px;
}
/*
#range-selector li:last-child a {
    margin-right: 2px;
}
#top-table .row2 td{padding-top:0;}

#chartexport a{
	padding: 3px 0 0 4px;
	background-color: #fff;
}
#wrapper{border:none;}

#bottom-table td.col1, .bottom-table td.col1,
#bottom-table th.col1, .bottom-table th.col1{
	text-align:left;
}

#chart-footer .history-download .select-format {
    padding: 0 0 0.4em;
}
#chart-footer .history-download a{width:100%;}
#chart-footer .history-download{width:25%;}

.history-download .select-format > label{display:none;}

#bottom-table thead tr.row1{
	border-bottom:none;
}

#news-information .news-icons .news-icon{
	color:#ff0000;
}

.dropdown{border:none;}
*/
#wrapper,#range-selector,#range-input,#news-information,#chartexport,#chart,#chart-footer,#bottom,#footer {
	border:0;
}
#top {
	border:0;
	padding:0;
}
#top-table{
	padding:0;
}
.top-item-container {
	width: 30%;
	float: left;
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.top-item-inner {
	padding: 15px 0;
	/*margin-right: 30px;*/
}
#top-table td:first-child{
	width: 50%;
	margin-left: 0;
	font-weight: bold;
}
#top-table td:last-child{
	width: 50%;
	margin-right: 0;
	text-align: right;
}
#top-table tr td {
	border-bottom: 1px solid #c2c2c2;
}

#top-table .row td{
	padding: 0.4em 0;
}

#range-input .title {
	display: inline;
	font-weight: bold;
	float: left;
	line-height: 32px;
	margin-right: 8px;
}
#range-selector{
	padding: 0;
}
#range-selector a{
	border:0;
	background:none;
	color: #007EA2;
}
#range-selector .active a {
	color: #4A5050;
	background: none;
}
#range-selector a:hover{
	background: none;
}
#chart-wrapper{
	clear: both;
	float: left;
	width: 66%;
}
#range-selector ul{
	border: none;
}
#range-selector ul li{
	width: 14%;
	border: none;
}
#chart-footer{
	width: 33%;
	float: left;
}
#chart-footer h3 {
	margin-bottom: 0.4em;
	font-weight: bold;
}
#chart-footer > div:nth-child(2),
#chart-footer > div:nth-child(3n+5),
#chart-footer > div:nth-child(3n+3),
#chart-footer > div:nth-child(3n+4){
	padding-left: 0;
}
#chart-footer > div:nth-child(3n+4){
	clear: none;
}
#chart-footer > div{
	width: 100%;
}
.history-download a,#chartexport a {
	font-size: 0.9em;
}
#bottom-table td, .bottom-table td,
#bottom-table th, .bottom-table th{
	text-align:center;
}
#bottom-table td, .bottom-table td{
	border-bottom: none;
}
#bottom-table th.col1, #bottom-table td.col1{
	text-align: left;
}
.is-today .pika-button {
	color: #007EA2;
	font-weight: bold;
}
.pika-button:hover {
	color: #fff!important;;
	background: #007EA2!important;;
}
.is-selected .pika-button {
	color: #fff;
	background: #007EA2;
	box-shadow: inset 0 1px 3px #007EA2;
}

#chart[data-highcharts-chart] {
	/*background: #fff url("images/logo_new.gif") no-repeat scroll 55% 25.5% / 208px auto;*/
	background: #fff url("images/logo_new_1.png") no-repeat scroll 55% 25.5% / 208px auto;
}
@media (min-width: 480px){
	#top-table tr {
		float: none;
		width: 100%;
	}
	#top-table .row1 {
		width: 100%;
	}


}
@media (min-width: 600px) {
	#top-table td{
		height: 34px;
	}
}



@media (max-width: 824px){
	#top-table td, #bottom-table td{
		font-size: 0.8em;
	}
	/*#chartfooter .footerwrapper > div {*/
	/*width: 100%;*/
	/*clear: both;*/
	/*float: left;*/
	/*margin-right: 0;*/
	/*}*/
	#chart[data-highcharts-chart] {
		background: #fff url("images/logo_new.gif") no-repeat scroll 55% 25.5% / 150px auto;
	}
}

@media screen and (max-width: 767px){
	#chart-wrapper{
		width: 100%;
	}
	#range-selector ul li .chart-range-label--sm{

	}
	#chart-footer{
		width: 100%;
	}
	#chart-footer > div {
		width: 45%;
		margin-right: 3%;
		float: left;
	}
	#chart-footer .history-download, #chart-footer #chartexport{
		width: 100%;
	}
	#range-input, #chart, #chart-footer, #bottom, #footer{
		padding: 0.4em 0;
		margin-left: 1.5%;
		margin-right: 1.5%;
		box-sizing: border-box;
	}
	#chart[data-highcharts-chart] {
		background: #fff url("images/logo_new.gif") no-repeat scroll 55% 25.5% / 208px auto;
	}

}
@media screen and (max-width: 635px){
	.top-item-container {
		width: 100%;
	}
	#top-table td:last-child{
		padding-right: 0.8em;
	}
	#range-input .title{
		display: block;
	}
	#range-input .range-wrap {
		width: 95%;
		margin-bottom: 1em;
	}
	#chart-footer > div {
		width: 100%;
		clear: both;
		float: left;
		margin-right: 0;
	}
	#chart[data-highcharts-chart] {
		background: #fff url("images/logo_new.gif") no-repeat scroll 55% 25.5% / 108px auto;
	}
}
@media (min-width: 1024px){
	#top-table tr {
		float: none;
		width: 100%;
	}
	#top-table .row {
		width: auto;
	}
}

/* chart export icons */

@font-face {
	font-family: 'icomoon';
	src:  url('fonts/icomoon.eot?8m4p2m');
	src:  url('fonts/icomoon.eot?8m4p2m#iefix') format('embedded-opentype'),
	url('fonts/icomoon.ttf?8m4p2m') format('truetype'),
	url('fonts/icomoon.woff?8m4p2m') format('woff'),
	url('fonts/icomoon.svg?8m4p2m#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size: 24px;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-icon-download:before {
	content: "\e901";
}
.icon-icon-png:before {
	content: "\e903";
}
.pika-table abbr {
	cursor: default;
}
.icon-icon-pdf:before {
	content: "\e902";
}
.icon-icon-print:before {
	content: "\e904";
}
.icon-icon-calendar:before {
	content: "\e900";
}

#range-input .range-wrap .calendar-icon {
	bottom: 4px;
}

.range-wrap i {
	color: #B6B1B1;
	font-size: 20px;
}

.history-download a i{
	font-size: 20px;
	/*padding-left: 0.27em;*/
}
#chart-footer .history-download,#chart-footer #chartexport{
	padding-bottom:0;
	padding-left: 0;
}
#chart-footer .history-download a,#chart-footer .history-download a:hover,#chartexport a,#chartexport a:hover{
	color: #007EA2;
	background:none;
	padding: 0.4em 0 0;
}
#chartexport{
	text-align:left;
}
#chartexport a i  {
	font-size: 25px;
}


#chartexport a span {
	display: inline;
}
#chart-footer #chartexport a i,#chart-footer .history-download a i{
	vertical-align: middle;
}
@media screen and (max-width: 600px){
	#bottom-table td, .bottom-table td,
	#bottom-table th, .bottom-table th{
		text-align:left;
	}
	#bottom-table td.col8, .bottom-table td.col8 {
		border-bottom: 1px solid #c2c2c2;
	}
	/*#chart-footer .history-download{width:50%;}*/
	#chartexport{text-align:left;}
}