.image_artist{
width:70px;
}
.table_chart{
border:0px;
}
.table_chart tr{
-webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
transition: all .6s cubic-bezier(.165,.84,.44,1);
}
.table_chart th, .table_chart td{
padding:10px 15px;
border:0px;
}
.table_chart .row_artist{
cursor:pointer;
}
.table_chart .row_artist:hover{
-webkit-transform: translateY(-10px);
transform: translateX(10px);
}
.table_chart th{
background-color: #000000;
color: white;
font-size: 22px;
font-weight: 400;
}
.table_chart tr:nth-child(even){
background: #fff
}
.table_chart tr:nth-child(odd){
background: #f8f8f8 
}
.table_chart td{
}
.table_chart .position{
font-size: 20px;
font-weight: 800;
}
.table_chart .listeners{
font-size: 22px;
font-weight: 800;
color:#DD3333;
}
.table_chart .artist_title{
font-size: 20px;
font-weight: 800;
padding-left: 20px;
}
.table_chart .image_artist{
border: 2px solid #DD3333;
border-radius: 50px;
width: 70px;
height: 70px;
}
@media screen and (max-width: 600px) {
.table_chart .head_position{
width: 10%;
}
.table_chart .head_title{
width: 45%;
text-align:center;
}
.table_chart .head_listeners{
text-align:center;
}
.table_chart .image_artist{
margin:0 auto;
display:table;
}
.table_chart td{
vertical-align: middle;
}
.table_chart .artist{
text-align: center;
}
.table_chart .artist_title{
padding-left:0px;
}
.table_chart .position{
font-size: 16px;
}
.table_chart .listeners{
font-size: 16px;
text-align:center;
}
.table_chart .artist_title{
font-size: 16px;
text-align:center;
}
.table_chart .image_artist{
width: 50px;
height: 50px;
}
.table_chart th{
font-size:14px
}
.table_city th{
background-color: #000000;
color: white;
font-size: 14px;
font-weight: 400;
}
}
.accordion_play {
background-color: #eee;
color: #444;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
} .active_play, .accordion_play:hover {
background-color: #000000;
color:#FFFFFF;
} .accordion_play {
padding: 10px;
background-color: white;
overflow: hidden;
border-bottom: 2px solid #DD3333;
}
.accordion_play:after {
content: '\02795'; font-size: 13px;
color: rgb(238, 217, 217);
float: right;
margin-left: 5px;
}
.active_play:after {
content: "\2796"; }
.panel_play {
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.list_city{
list-style: none;
}
.city_item{
font-weight: 600;
}
.table_city th{
background-color: #000000;
color: white;
font-size: 18px;
font-weight: 400;
}
.table_city td{
font-size: 16px !important;
}