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

body {
	color: #4B4B4B;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
strong{
	font-family: Arial, sans-serif;
	font-weight: bold;
}
#wrapper{
	padding: 0;
}
#top{
	border-top: 1px solid #c2c2c2;
}

#top-table .row4 td, #top-table .row5 td,
#top-table .row6 td, #top-table .row7 td,
#top-table .row8 td, #top-table .row9 td, 
#top-table .row10 td, #top-table .row11 td,
#top-table .row12 td {
    height: 34px;
    padding-top: 15px;
}

#chart-footer > div:nth-child(2n+2){
	padding-left: 0;
}
.alteration-down{
	color: #EA2929;
}
.alteration-up{
	color: #258A4A;
}
#news-information .news-icons .news-icon{
	height: 12px;
	top: -2px;
}
input[type="checkbox"] + label::before{
	bottom: -1px;
}
#chart-footer .history-download {
	clear: both;
}
#range-input .range-wrap .calendar-icon {
    bottom: 6px;
    display: block;
    position: absolute;
    right: 5px;
    top: 23px;
    z-index: 100;
}

.dropdown select, #range-input .range-wrap input{
	font-family:  Arial, sans-serif;
}


.pika-button:hover  {
    background: #002c53 none repeat scroll 0 0 !important;
}

.is-selected .pika-button{
	background: #002c53 none repeat scroll 0 0;
}

#range-selector .active a{
	background-color: #002C53;
	color: #fff;
}
#range-selector a:hover {
	 background: rgba(0,44,83,.5);
	color: #fff;
}

#news-information .news-icons .news-icon {
    border: 1px solid #002c53;
    color: #002c53;
}
 #chartexport a, #range-input .submit, #chart-footer .history-download a {
 	background-color: #002C53;
	color: #fff;
}
#chartexport a:hover, #range-input .submit:hover, #chart-footer .history-download a:hover {
	background: rgba(0,44,83,.5);
	color: #000;
}
#chart-footer > div:nth-child(3n+3),#chart-footer > div:nth-child(2), #chart-footer > div:nth-child(3n+5){
	padding-left: 0;
}


#bottom-table .row1 th.col5 span{
      display: block;
       text-align: center;
}
.row2 th.col5,.row2 th.col6{
    padding-left: 1px;
}


@media (max-width: 605px){
	#top .top-share-info{
		margin-top:5px;
	}
    #bottom-table td::before, .bottom-table td::before{
        display: block;
    }
    #bottom-table thead{
        display: none;
    }
    #bottom-table td:before{
        position: absolute;
        left: 0;
        text-align: left;
    }
    #bottom-table td{
        background: #f7f7f7;
    }
    #bottom-table tr:nth-of-type(2n) td{
        background: #fff;
    }
    #top-table td{
        white-space: nowrap;
    }
    #bottom-table td, .bottom-table td{
	border-bottom: 1px solid #eee;
    display: block;
    line-height: 20px;
    padding: 0.4em 0;
    position: relative;
    text-align: right;
	font-size: 13px;
	}
}
@media (max-width: 1535px){
	#range-selector li:last-child a {
    margin-right: 2px;
	}
	#range-selector li:last-child a {
    margin-right: 2px;
}
}