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

@font-face {
	font-family: 'Poppins';
	src: url('fonts/Poppins-SemiBold.woff2') format('woff2'),
		url('fonts/Poppins-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Poppins';
	src: url('fonts/Poppins-Light.woff2') format('woff2'),
		url('fonts/Poppins-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
  }
  
  @font-face {
	font-family: 'Verdana';
	src: url('fonts/Verdana.woff2') format('woff2'),
		url('fonts/Verdana.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
  }
  
html {
    font-size: 15px;
}
body {
  
  font-family: 'Poppins', sans-serif;
  font-size: 1rem;
  font-weight:300;
  line-height: 2;
  color:#323232 ;
  background-color: #fff;
}

.pika-button, .pika-single, .pika-title, .pika-title select{

	font-family: 'Poppins', sans-serif;
}

#top, #chartexport, #chart, #chart-footer, #footer, #range-selector, #range-selector, #range-input, #news-information {
	padding-left: 0;
	padding-right: 0;
	border: 0;
}
#range-selector {
	padding-left: 0;
	padding-right: 0;
}
#top-table {
	padding: 0;
	display: table;
	width: 100%;
	padding: 12px 0 12px 0;
	border-bottom: 1px solid #E2E0E0;
	border-top: 2px solid #E2E0E0;
}
/* Custom top table */

.topTableWrapper {
	position: relative;
}
.clear {
	clear: both;
}
.tt-col-1 {
	display: flex;
	height: 100%;
	padding-left: 10px;
	font-size: 16px;
}
.tt-col-1 span{
  align-self: center;
  white-space: nowrap;
}
.tt-col {
	display: table-cell;
	width: 15%;
	height: 100%;
}
.lastcloseLabel {
	color: #435180 ;
	float: left;
	font-size: 35px;
	line-height: 64px;
	padding: 10px 0 0 0;
}
.alteration-up {
	color: #00793a;
	padding: 22px 0 0 2%;
	font-size: 13px;

}
.alteration-down {
	color: #c50022;
	padding: 22px 0 0 2%;
	font-size: 13px;

}
.alteration-equal {
  padding: 22px 0 0 2%;
  font-size: 13px;
}
.arrow-up {
	background: url(images/uparrow.png) no-repeat top 25px right;
	padding-right: 45px;
	margin-right: 10px;
}
.arrow-equal {}
.arrow-down {
	background: url(images/downarrow.png) no-repeat top 25px right;
	padding-right: 45px;
	margin-right: 10px;
}
.boldtext {
	font-weight: 600;
}
/* Custom top table */

/* hide show container */

.snapTableLink {
	width: 100%;
	padding: 21px 0 21px 10px;
	font-weight: 300;
	color: #333333;
	cursor: pointer;
}
.snapTableLink span.fl {
	width: 75%;
	color: #354044;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
}
.fr {
	float: right;
}
.shareDetails div, .marketDetails div {
	width: 100%;
	float: left;
	border-bottom: 1px solid #E2E0E0;
  font-size: 0.9em;
}
.shareDetails div:nth-child(odd), .marketDetails div:nth-child(odd){
  background: #EDEDED;
}
.shareDetails, .marketDetails {
	float: left;
	width: 50%;
}
.shareDetails div {
	padding: 0.4em 2.5em 0.4em 0.8em;
}
.marketDetails div {
	padding: 0.4em 0.8em 0.4em 2.5em;
}
.snapTableDetails {
	background: #ffffff;
	width: 100%;
	box-shadow: 0 5px 10px #E2E0E0;
	border-top: 1px solid #E2E0E0;
	display: none;
	position: absolute;
	display: block;
	z-index: 1000;
	display: none;
	font-size: 16px;
}
.shareDetails .alteration-up, .shareDetails .alteration-down {
	padding: 0;
  font-size: 1em;
}
.shareDetails .fl, .marketDetails .fl {
	font-weight: 600;
}
.snapDropdown {
	cursor: pointer;
	float: right;
	height: 9px;
	text-align: right;
	width: 11px;
	background-position: -213px -77px;
	margin-top: 5px;
	margin-right: 12px;
	background-image: url('images/icons.png');
	background-repeat: no-repeat;
}
.activearrow {
	background-position: -213px -67px;
}
/* hide show container */

.selectric-items li:hover{
  background: #435180 ;
}

.selectric-items li.selected{
  background: #ff915b;
}

#range-selector a {
	background-color: transparent;
	color: #323232 ;
	transition: background-color 0.3s ease;
	font-size: 16px;
	border: 0;
	border: 0px ;
	margin: 0;
	padding: 9px 26px;
	border-radius: 30px;
}

#range-selector li:first-child a {
	border-left: 1px solid #E2E0E0;
}

#range-selector .active a {
	background-color: #ff915b;
	color: #fff;
}
#range-selector a:hover {
	background-color: #435180 ;
	color: #fff;
}

#range-selector .active a:hover {
	background: #ff915b;
	color: #ffffff;
}

.pika-table abbr {
	cursor: default;
}
.pika-label:after {
	content: "\f0da";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-size: 16px;
	margin-left: 5px;
	top: 2px;
	position: relative;
	color: #959595;
}
#bottom-table tr {
	 border-bottom: 1px solid #ccc;
 }
.dropdown select, #range-input input {
	font-family: 'Poppins', sans-serif;
}
#error-wrapper {
	background: transparent none repeat scroll 0 0;
	border: medium none;
	display: block;
	float: left;
	padding: 0;
	width: 100%;
}

#top-table .row2 td {
	padding-top: 0;
}
#chartexport a {
	padding: 6px 0 0 4px;
	background-color: #fff;
}
#wrapper {
	border: none;
}
#bottom-table td, .bottom-table td, #bottom-table th, .bottom-table th {
	text-align: center;
}
#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: #ff915b;
	line-height: 15px;
	border: 1px solid #ff915b;
}
.dropdown {
	border: none;
}
input[type="checkbox"]+label {
	color: #333333;
	font-weight: 300;
	font-size: 16px;
}
/* chart export icons */

#chart {
	/*background: url('images/logo.png') no-repeat center 24%;*/
	background-size: 150px 158px;
}
@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: #c2c2c2;
	font-size: 20px;
}
.history-download a i {
	font-size: 14px;
	line-height: 1;
}
#chartexport a i {
	font-size: 33px;
}



#chart-footer .history-download {
	width: 33.3333%;
}
input[type="checkbox"]+label:before {
	content: ' ';
	background: #fff;
	width: 23px;
	height: 23px;
	border: #ff915b solid 1px;
}
input[type="checkbox"]+label {
	padding-left: 30px;
}
input[type="checkbox"]:checked+label:before {
	content: '';
	background: #ff915b;
}

input[type="checkbox"]:checked+label:before {
	content: '';
	background: #ff915b;
}




/* exchange styles */
input[type="checkbox"]:checked+label[for='exchange-basf_xetra']:before{
	background: #0071e6;
}
input[type="checkbox"]:checked+label[for='exchange-basf_frankfurt']:before{
	background: #5144ff;
}
input[type="checkbox"]:checked+label[for='exchange-basf_nasdaq_otc']:before{
	background: #003267;
}

/* Benchmarks Styles */
input[type="checkbox"]:checked+label[for='benchmark-0-dax_xetra']:before{
	background: #ded8ea;
}
input[type="checkbox"]:checked+label[for='benchmark-0-dj_industrial_nasdaq_index']:before{
	background: #c0bdc9;
}
input[type="checkbox"]:checked+label[for='benchmark-0-dowjones_global_stoxx_index']:before{
	background: #9993ab;
}
input[type="checkbox"]:checked+label[for='benchmark-0-sp_500_rbs_indikation']:before{
	background: #3300ff;
}
input[type="checkbox"]:checked+label[for='benchmark-0-euro_stoxx_50_stoxx_index']:before{
	background: #000000;
}
input[type="checkbox"]:checked+label[for='benchmark-0-eurostoxx_chemicals_stoxx_index']:before{
	background: #b78ad6;
}


input[type="checkbox"]:checked+label[for='benchmark-1-akozo_nobel_frankfurt']:before{
	background: #23a638;
}

input[type="checkbox"]:checked+label[for='benchmark-1-arkema_frankfurt']:before{
	background: #A284C1;
}

input[type="checkbox"]:checked+label[for='benchmark-1-bayer_xetra']:before{
	background: #e30613;
}

input[type="checkbox"]:checked+label[for='benchmark-1-covestro_xetra']:before{
	background: #cc00ff;
}

input[type="checkbox"]:checked+label[for='benchmark-1-dsm_frankfurt']:before{
	background: #fefe02;
}

input[type="checkbox"]:checked+label[for='benchmark-1-dowdupont_frankfurt']:before{
	background: #96358c;
}

input[type="checkbox"]:checked+label[for='benchmark-1-evonic_xetra']:before{
	background: #aa0000;
}

input[type="checkbox"]:checked+label[for='benchmark-1-lanxess_xetra']:before{
	background: #004a96;
}

input[type="checkbox"]:checked+label[for='benchmark-1-solvay_xetra']:before{
	background: #7be2ff;
}

/* Benchmarks Styles */

.exchange-tab{
	background: #ff915b;
	color: #fff;
	border-bottom: 4px solid #E2E0E0;
	cursor: default;
	display: inline-block;
	float: left;
	font-size: 16px;
	line-height: 30px;
	padding: 4px 20px 4px;
	margin-top: 8px;
	text-transform: uppercase;
}
.date-time{
	display: inline-block;
	float: right;
	font-size: 16px;
	line-height: 18px;
	color: #333333;
	text-align: right;
	margin-top: 8px;
}

.date{
	padding-top: 5px;
}


.benchmark-checkbox {
	padding: 4px 0 4px 2%;
}
.exchange-checkbox {
	padding: 4px 0 4px 5%;
}
.smaverage-radio {
	padding: 4px 0 4px 5%;
}
input[type="radio"]+label:before {
	content: '';
	background: #fff;
	width: 23px;
	height: 23px;
	border: #aaa solid 1px;
	border-radius: 12px;
	zoom: 1;
}
input[type="radio"]:checked+label:before {
	content: '';
	background: #000;
	border: 5px solid #DDDDDD;
}
input[type="radio"]+label {
	padding-left: 30px;
}
/*
#range-input .submit {
	background: #ff915b;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	-webkit-appearance: none;
	transition: background-color 300ms ease-out 0s;
	width: auto;
	padding: 0 10px;
	font-weight: bold;
	border-radius: 0;
}

#range-input .submit:hover {
	background: #ff915b;
}
*/

#range-input .submit:before {
    background: rgb(255,221,161); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,221,161,1) 0%, rgba(255,148,87,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,221,161,1) 0%,rgba(255,148,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,221,161,1) 0%,rgba(255,148,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdda1', endColorstr='#ff9457',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    content: "";
    border-radius: 30px;
    z-index: 0;
}

#range-input .submit span {
    border: 2px solid transparent;
    border-radius: 30px;
    padding: 15px;
    height: auto;
    line-height: 1;
    background: #fff;
    position: relative;
    z-index: 1;
    color: #ff915b;
    display: block;
}

#range-input .submit span {
    color: #ff915b;
    position: relative;
}
#range-input .submit:hover,#range-input .submit:hover span{
    background:transparent
}

#range-input .submit {
    position: relative;
    border-radius: 30px;
    height: auto;
    width: auto;
    max-width: initial;
    min-width: 150px;
    font-weight: 600;
}

#range-input .submit:hover span {
    color: #fff;
}
#range-input .submit i {
	display: none;
}
#chart-footer .history-download a {
	background: #ff915b;
	border: none;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 16px;
	text-align: center;
	-webkit-appearance: none;
	transition: background-color 300ms ease-out 0s;
	width: auto;
	padding: 3px 10px;
	font-weight: 600;
}
#chart-footer .history-download a:hover {
	background-color: #ff915b;
}
.range-wrap i {
	content: '';
	background: url('images/calender.png') no-repeat right top;
	height: 28px;
	width: 28px;
	display: block;
}
.range-wrap i.icon-icon-calendar:before {
	content: ' ';
}
#range-input, #news-information {
	padding-left: 10px;
}
#chart-footer,
#footer{
  padding-left: 10px;
  line-height: 1.5;
}
#footer{
    font-size: 0.8em;
}
#range-input .range-wrap input {
	border: 0;
	border-top: 1px solid #aaa;
	background: #F2F2F2;
	width: 205px;
	color: #354044;
	font-size: 14px;
}
#chartexport a {
	color: #ff915b;
}

#chartexport a:hover {
	background-color: rgba(50, 95, 150, 0.070);
}

.pika-table .pika-button:hover, .pika-table .is-selected .pika-button {
	background-color: #ff915b !important;
	color: #fff !important;
	box-shadow: none;
}
.pika-table .pika-button {
	color: #354044 !important;
	font-weight: 300;
}
.pika-table th{
	font-weight: 300;
}
input[type="checkbox"]+label:before {
	bottom: inherit;
	top: 0;
}

#bottom-table td, .bottom-table td,
#bottom-table th, .bottom-table th{
	text-align:center;
}
#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:before {
    background: rgb(255,221,161); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255,221,161,1) 0%, rgba(255,148,87,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,221,161,1) 0%,rgba(255,148,87,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255,221,161,1) 0%,rgba(255,148,87,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdda1', endColorstr='#ff9457',GradientType=1 ); /* IE6-9 */
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    content: "";
    border-radius: 30px;
    z-index: 0;
}

#chart-footer .history-download a span {
    border: 2px solid transparent;
    border-radius: 30px;
    padding: 15px;
    height: auto;
    line-height: 1;
    background: #fff;
    position: relative;
    z-index: 1;
    color: #ff915b;
    display: block;
}

#chart-footer .history-download a {
    color: #ff915b;
    position: relative;
}
#chart-footer .history-download a:hover,#chart-footer .history-download a:hover span{
    background:transparent
}

#chart-footer .history-download a{
    position: relative;
    border-radius: 30px;
    height: auto;
    width: auto;
    max-width: initial;
    min-width: 150px;
	font-weight: 600;
	padding: 0;
}

#chart-footer .history-download a:hover span {
    color: #fff;
}

#chart-footer .history-download a i{
	display: none;
}


/*
#chart-footer .history-download a{
  max-width: 180px;
  width: 100%;
  float: left;
  padding: 7px 10px;
}
*/

#chart-footer .history-download{width:25%;}

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

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

.dropdown{border:none !important;}

/* chart export icons */


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

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

.history-btn{
  padding-top: 28px;
}

.history-download a i{
	font-size: 20px;
	vertical-align: middle;
}
#chartexport a i {
	font-size: 33px;
}

#chart-footer h3 {
	margin-bottom: 0.4em;
	color: #354044;
}

#range-selector li:last-child a {
	border-right: none;
}



rect {
	/* transform: translateX(30px); */
}

.highcharts-series-group ~ rect{
  transform: translateX(50px);
}


@media screen and (max-width: 1024px){
	#chart-footer .history-download{width:33.3333%;}
  .history-btn{
    padding-top: 0;
  }
  #chart-footer > div{
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
  }
  #range-input .range-wrap.range-begin{
    padding-left:0;
    padding-right:0;
  }
  #chart-footer, #footer{
    padding-right: 10px;
  }
}

@media screen and (max-width: 600px){
	#bottom-table td, .bottom-table td,
	#bottom-table th, .bottom-table th{
		text-align:left;
	}
	#chart-footer .history-download{width:50%;}
	#chartexport{text-align:left;}
}
/* Responsive styles */

@media (max-width: 990px) {
	#range-input .range-wrap input {
		width: 80%;
	}
}
@media (max-width: 576px) {
	.tt-col-1 {
		display: block;
		width: 100%;
		height: 100%;
		padding-left: 10px;
		float: left;
	}
	.tt-col {
		display: block;
		width: 25%;
		height: 100%;
		float: left;
		padding-left: 10px;
	}
	#range-input, #news-information {
		padding-right: 0px;
		padding-left: 0px;
	}
	.exchange-checkbox, .benchmark-checkbox, .smaverage-radio {
		padding-left: 0;
	}

	#range-selector {
		padding-left: 0px;
		padding-right: 0px;
	}
	#range-input .range-wrap input {
		width: 82%;
	}
  #chart-footer, #footer{
    padding-left: 0;
    padding-right: 0;
  }
}


@media (max-width: 800px) {
	.snapTableDetails {
		font-size: 14px;
	}
}

@media (max-width: 575px) {
	.tt-col {
		display: block;
		width: 50%;
		height: 100%;
		float: left;
		padding-left: 10px;
	}
	.shareDetails, .marketDetails {
		width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}
  .shareDetails div, .marketDetails div {
    padding: 0.6em 0.8em 0.6em 0.8em;
  }
	/*#chart {*/
		/*background: url('images/logo.jpg') no-repeat top 20% left 60%;*/
		/*background-size: 120px 120px;*/
	/*}*/

	.snapTableDetails {
		font-size: 12px;
	}
}
/* Responsive styles */

@media screen and (max-width: 1024px) {
	#chart-footer .history-download {
		width: 33.3333%;
	}
}

@media screen and (min-width: 600px) and (max-width: 678px) {
	.tt-col-1 {
		font-size: 20px;
	}
}

@media screen and (max-width: 600px) {
	#bottom-table td, .bottom-table td, #bottom-table th, .bottom-table th {
		text-align: left;
	}
	#chart-footer .history-download {
		width: 50%;
	}
	#chartexport {
		text-align: left;
	}
	#chart-footer > div {
		width: 50%;
	}
	#chart-footer > div:nth-child(2n+3) {
		clear: none;
	}


}
@media screen and (min-width: 600px) {
	#chart-footer > div:nth-child(3n+4) {
		clear: none !important;
	}



	#chart-footer > div:nth-child(3n+3), #chart-footer > div:nth-child(3n+5) {
		padding-right: .25em;
	}

	#chart-footer > div:nth-child(2n+2), #chart-footer > div:last-child {
		padding-left: .25em;
	}


}
@media screen and (max-width: 599px) {
	#range-input .submit {
		width: 100%;
		max-width: initial;
	}
	#chart-footer .history-download a{
		width: 100%;
		max-width: initial;
	}

	#chart-footer h3 {
		font-size: 16px;
	}
}

@media (min-width: 480px) and (max-width: 1023px) {
	#range-selector li:nth-child(5n) a {
		border-left: 1px solid #E2E0E0;
	}
}



@media (max-width: 479px) {
	#range-selector li:first-child a {
		border: none;
		border-right: 1px solid #E2E0E0;
	}

	#range-selector ul li {
		border: none;
	}

	#range-selector a {
		padding: 9px 0;
		font-size: 14px;
	}

	#chart {
		background-position: 60% 35%;
	}
}

@media (max-width: 480px) {
	#chart-footer > div {
		width: 100%;
	}

	#chart-footer > div:nth-child(2n+2) {
		padding-left: 0;
	}

	#chart-footer .history-download {
		width: 100%;
	}
}

@media (max-width: 380px) {
	#range-input .range-wrap {
		width: 100%;
	}

	#range-input .range-wrap input {
		width: 100%;
	}
}


.selectric .button {
    height: 48px;
    line-height: 48px;
}

.selectric {
    height: 50px;
}

.selectric .button i {
    top: 13px;
}

.selectric .label {
    height: 48px;
    line-height: 48px;
}
#range-input .range-wrap input{
	height: 48px;
}

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