body.homepage-module {
	margin: 0;
	padding: 0;
}

#price_data_widget table .no-hover:hover{
    background: #fff;
}

#price_data_widget tr:hover{
	background-color: #e5e4e4;
}

#price_data_widget table {
	height: 100%;
    max-height: 300px;	
	border: none;
	font-size: 12px;
	border-spacing: 0;

}

#price_data_widget table tbody {
	overflow-y: scroll;
}

#price_data_widget #top5-data td{
    vertical-align: top;
    margin: 0px 0.5em;
    font: 12px Arial, Helvetica, sans-serif;
    padding: 12px 4px;
}

#price_data_widget table td {
    
	   
    /*color: #333;*/
    vertical-align: top;
    font-size: 12px;
  /*  padding: 2px 0 2px 7px; */
    border-bottom: 1px dotted #ccc;
   padding: 10px 10px 10px 8px;
	

}

#price_data_widget .price-down {
    color: #a91c18 !important;
    
}

#price_data_widget .price-up {
    color: #63A82B !important;
    
}

#price_data_widget td .indicator-arrow {
    vertical-align: top;
    margin 7px;
    
}

#announcement_data_widget table{
    border: none;
	border-spacing: 0;
    font-size: 0.75em;
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;
}


 
#announcement_data_widget tr:hover{
	background-color: #e5e4e4;
}

#announcement_data_widget table td {
    border: none;
    vertical-align: top;
    font-size: 12px;
    border-bottom: 1px dotted #ccc;
    padding: 10px 10px 10px 8px;
}



 

#chart_data_widget table{
    border: none;
    font-size: 0.75em;
    margin: 0px auto;
    font-family: Arial, Helvetica, sans-serif;
    width: 155px;
}

#chart_data_widget td{
    width: 25%;
	text-align: center;
	
}

#chart_data_widget  .price-down {
    color: #a91c18;
    
}

#chart_data_widget  .price-up {
    color: #63A82B;
    
}

#status .title {
	display: none;
}

.w3-tag{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center
}


.w3-badge,.w3-tag{
	background-color:#000;color:#fff;
	display:inline-block;
	padding-left:8px;
	padding-right:8px;
	text-align:center
}

.w3-badge{border-radius:50%}

.w3-green,.w3-hover-green:hover{
	color:#fff!important;
	background-color:#4CAF50!important
}

.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{
	color:#fff!important;
	background-color:#616161!important
}

span.w3-tag {
    color: #666 !important;
    background: none !important;
}

.vibrantGreen {
    color: #38b249;
}

.vibrantRed {
    color: #ef4337;
}

#status-data > span:first-child {
	padding-right: 10px;
}

#status-data #time {
	display: inline-block;
}

#status-data span#time strong:before {
	content: ", ";
	font-weight: normal;
}

#status-data {
	width: 100%;
}


	body {
		margin: 0;
	}

	#chart_data_widget table, #announcement_data_widget table, #price_data_widget table {
		margin: 0;
		width: 100%;
	}
	
	#chart_data_widget table tr td:nth-child(1) {
		width: 20%;
	}

	#chart_data_widget table tr td:nth-child(2) {
		width: 20%;
	}

	#chart_data_widget table tr td:nth-child(3) {
		width: 20%;
	}

	#chart_data_widget table tr td:nth-child(4) {
		width: 35%;
	}

	#announcement_data_widget table tr td:nth-child(1) {
		width: 20%;
	}

	#announcement_data_widget table tr td:nth-child(2) {
		width: 20%;
	}

	#announcement_data_widget table tr td:nth-child(3) {
		width: 55%;
	}

	#price_data_widget table tr td:nth-child(1) {
		width: 15%;
	}

	#price_data_widget table tr td:nth-child(2) {
		width: 20%;
	}

	#price_data_widget table tr td:nth-child(3) {
		width: 15%;
	}

	#price_data_widget table tr td:nth-child(4) {
		width: 15%;
	}

	#price_data_widget table tr td:nth-child(5) {
		width: 15%;
	}

	#price_data_widget table tr td:nth-child(6) {
		width: 15%;
	}
	
	#price_data_widget table tr td:last-child {
		padding-right: 20px !important;
	}

@media only screen and (max-width : 480px) {

	#announcement_data_widget table td, #price_data_widget table td, #price_data_widget #top5-data td {
		padding: 10px 0px 10px 5px;
	}
}

@media only screen and (min-device-width: 631px) {
    
    #status-data {
        text-align: left;
    }

}

@media only screen and (min-device-width: 320px) and (max-device-width : 630px) {
    
    #status-data {
        text-align: center;
    }
}

@media only screen and (max-width : 305px) {

	#status-data #time {
		display: none;
	}
}