.ccpw-container.chart {
    display: inline-block;
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    box-shadow: 0px 1px 15px -1px #ddd;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: 6px;
}

.ccpw-container.chart .coin_details {
    background: #ddd;
    padding: 8px;
    color: #222;
    display: inline-block;
	width: 100%;
	border-radius: 6px 6px 0 0;
}

.chart-wrp {
	width: 100%;
	height: 500px;
	padding:8px;
	display: inline-block;
	box-sizing: border-box;
}

.coin_details ul li .chart_coin_price,
.coin_details ul li .coin_market_cap {
	font-size: 1.35em;
	font-weight:bold;
}

.coin_details .ccpw_icon img {
	width: 50%
}

.chart-wrp .amcharts-scrollbar-chart-div .amcharts-chart-div a,
.chart-wrp .amcharts-stock-panel-div-stockPanel1 .amcharts-chart-div a,
.widget .amChartsPeriodSelector.amcharts-period-selector-div div:nth-child(2) {
	display: none!important
}

.chart-wrp .amcharts-chart-div a {
	top: inherit!important;
	bottom: 5px!important;
	box-shadow: none;
	font-size: 10px!important;
	color: #a7a7a7!important;
	right: 5px!important;
	left: inherit!important
}

.chart-wrp .amcharts-export-menu-top-right {
	top: 35px
}

.chart-wrp input.amChartsButton.amcharts-period-input,
.chart-wrp input.amChartsButtonSelected.amcharts-period-input-selected {
	background: rgba(217, 217, 217, .65);
	color: #222;
	padding: 7px;
	margin: 0 2px;
	border: 1px solid rgba(221, 221, 221, .72);
	font-family: inherit;
	font-size: 15px;
	cursor: pointer
}

.chart-wrp input.amChartsButton.amcharts-period-input:hover {
	background: rgba(50, 50, 50, .61);
	color: #fff
}

.chart-wrp input.amChartsButtonSelected.amcharts-period-input-selected {
	padding: 10px;
	background: #222;
	color: #fff
}

.chart-wrp input.amChartsInputField.amcharts-end-date-input,
.chart-wrp input.amChartsInputField.amcharts-start-date-input {
	background: rgba(243, 243, 243, .65);
	color: #222;
	padding: 3px;
	border-radius: 3px;
	margin: 0 2px;
	border: 1px solid rgba(221, 221, 221, .72);
	font-family: inherit;
	font-size: 15px
}

.widget .chart-wrp input.amChartsButton.amcharts-period-input,
.widget .chart-wrp input.amChartsButtonSelected.amcharts-period-input-selected {
	padding: 2px;
	font-size: 12px
}

.coin_details ul {
	padding: 0;
	margin: 0 0 10px;
	display: inline-block;
	width: 100%
}

.coin_details ul li {
	list-style: none;
	margin: 0 12px;
	text-align: center;
	display: inline-block;
	vertical-align: top
}

.widget .coin_details ul li {
	margin: 2px 5px
}

.widget .coin_details ul li:last-child {
	width: 100%
}

.widget .coin_details ul li:nth-child(3) {
	float: right
}

.ccpw-container.chart .ccpw_icon img {
	max-width: 72px!important;
	height: auto
}

.ccpw-container.chart li.c_info strong {
	font-size: .9em
}

.coin_details ul li strong {
	display: block;
	width: 100%
}

/*Crypto-compare Charts*/
#ccc-chart-block {
	display: inline-block;
	width: 100%;
}

#ccc-chart-block a {
	box-shadow: none;
	text-decoration: none;
	color:#444;
}

#ccc-chart-block .exportBtnTop {
    border-radius: 0;
    background: #ddd;
}

.ccc-chart-header {
    background: #222;
    padding: 5px;
    color: #fff;
    display: inline-block;
    width: 100%;
	border-radius: 6px 6px 0 0;
	font-size:16px;
	box-sizing: border-box;
}

.ccc-logo-right {
    float: right;
    font-size: 10px;
    display: inline-block;
    margin-top: 2px;
}

.ccc-logo-right a {
    background: url(../../cryptocomparelogo.png) center no-repeat;
    width: 120px;
    height: 20px;
    display: block;
    float: right;
    text-indent: -9999px;
	margin-left: 10px;
	box-shadow: none;
	text-decoration: none;
}

a.cryptocompare-logo {
    display: none;
}

#ccc-chart-block .chartTypeTabLinks {
    font-size: 11px;
    width: 33.333%;
    margin-right: 0;
    text-align: center;
	border: 3px solid #fff;
	box-sizing: border-box;
}
/**
am4charts 
*/
.amcharts-range-selector-wrapper {
   
    margin-bottom: 0;
}
.ccpw-default-chart button.amcharts-range-selector-period-button {
    color: #0e0e0e;
    background: #ddd;
    padding: 7px;
    margin: 0 2px;
    border: 1px solid #ddd;
    font-family: inherit;
    font-size: 13px;
    border-radius: 0;
    cursor: pointer;
}

.ccpw-default-chart .am5stock-control-label .am5stock-link.am5stock-active {

    background: #222;	
    color: #fff;      
}

.ccpw-default-chart .flatpickr-calendar .flatpickr-day { 
    height: 25px;
    line-height: 23px;
}
.ccpw-default-chart [title="Period selector"] {
    float: right;
}
.ccpw-default-chart [title="Date Range"],.ccpw-default-chart [title="Period selector"]{

	cursor: pointer;
}
.ccpw-default-chart [title="Date Range"] .am5stock-column{
padding: 5px;
}
.ccpw-default-chart .amcharts-range-selector-from-input,.ccpw-default-chart .amcharts-range-selector-to-input{
    padding: 5px;
}
.amcharts-range-selector-range-wrapper span {
    margin: 6px 6px;
}
.amcharts-range-selector-wrapper.amcharts-range-selector-bottom {
    margin-top: 10px;
}

.amcharts-range-selector-top input, .amcharts-range-selector-bottom input {
    margin: 0px 0px 7px 0px;
}

@media only screen and (max-width:500px) {
	.coin_details ul li {
		float: none;
		display: block;
		list-style: none;
		margin: 0 12px
	}
	.amChartsPeriodSelector.amcharts-period-selector-div div:nth-child(2) {
		display: none!important
	}
	.chart-wrp input.amChartsButton.amcharts-period-input,
	.chart-wrp input.amChartsButtonSelected.amcharts-period-input-selected {
		padding: 2px;
		font-size: 12px
	}
}