.ranking-team {
    margin-bottom: 0;
    padding: 10px 30px;
}
.ranking-team img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 50%;
	margin-left: 30px;
}
.simple-ranking-container{
	position: relative;
    background: -webkit-linear-gradient(bottom, #f2f2f2, transparent);
    background: -o-linear-gradient(bottom, #f2f2f2, transparent);
    background: linear-gradient(to top, #f2f2f2, transparent);
}
.content_text ul li.ranking-team {
    list-style-type: none!important; 
    margin-bottom: 0;
	
}

ul li.ranking-team{
	display: flex;
    flex-direction: row;
    align-items: center;
	border-bottom: 1px solid #f2eded;
    border-top: 1px solid #fff;
}

.simple-ranking-container ul {
    padding-left: 0;
    border-left: 0;
    height: 480px;
    overflow-y: scroll;
	counter-reset: rank-counter;
}


.simple-ranking-container ul:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(0deg, #fff, transparent);
    height: 72px;
    width: 100%;
    content: '';
    display: block;
}

.simple-ranking-container ul li{border-left:7px solid;	border-left-color: #fff;counter-increment: rank-counter;}
.simple-ranking-container ul li::before {
  content: counter(rank-counter);
  color: #282828;
  font-weight: bold;
  width: 20px;
  text-align: center;
}
.simple-ranking-container ul li:nth-of-type(20) {
    padding-bottom: 40px;
}



.simple-ranking-container ul li:nth-of-type(1),
.simple-ranking-container ul li:nth-of-type(2){border-left-color:#03a9f4}
        .simple-ranking-container ul li:nth-of-type(3),
        .simple-ranking-container ul li:nth-of-type(4),
        .simple-ranking-container ul li:nth-of-type(5),
        .simple-ranking-container ul li:nth-of-type(6),
        .simple-ranking-container ul li:nth-of-type(7),
        .simple-ranking-container ul li:nth-of-type(8) 
        {border-left-color:#ff9800}
        .simple-ranking-container ul li:nth-of-type(16),
        .simple-ranking-container ul li:nth-of-type(17){
            border-left-color:#9c27b0;
        }
        
        .simple-ranking-container ul li:nth-of-type(18),
        .simple-ranking-container ul li:nth-of-type(19),
        .simple-ranking-container ul li:nth-of-type(20){border-left-color:#e91e63}

ul li.ranking-team span.ranking-team-name {
    line-height: 50px;
    flex-grow: 1;
    padding-left: 30px;
        font-size: 1.3em;
    font-family: 'Roboto', sans-serif;
    text-transform: capitalize;
    color: #222;
}
ul li.ranking-team span.ranking-team-points {
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 1.2em;
    color: #282828;
    padding: 0 1em;
}
ul li.ranking-team.team-roma span.ranking-team-name{color: #99042f;}

@media only screen and (max-width: 600px) {
 
	.ranking-team {padding: 10px 5vw;}
	.ranking-team img{margin-left: 15px;}
	ul li.ranking-team span.ranking-team-name{padding-left: 5vw;}
    .simple-ranking-container ul:after {width:100vw;}
}