.item-ranking-sb .content-ranking .ct .info li.position {
    text-transform: unset;
    font-size: 14px;
    line-height: 18px;
}
.item-ranking-top .bottom{
    line-height: 12px;
}
.form-control:focus {
    border-color: #F5F5F5 !important;
    box-shadow: unset !important;
}
input:focus, textarea:focus{
    border: 2px solid #D1D8DC;
    box-shadow:unset;
}
.search-select-ranking .form-control {
    display: none;
}
@media only screen and (max-width: 768px) {
    .head-game {
        margin-top: 85px;
    }
}
#circularG{
    position:relative;
    width:58px;
    height:58px;
    margin: auto;
}

.circularG{
    position:absolute;
    background-color:rgba(238,0,52,0.97);
    width:14px;
    height:14px;
    border-radius:9px;
        -o-border-radius:9px;
        -ms-border-radius:9px;
        -webkit-border-radius:9px;
        -moz-border-radius:9px;
    animation-name:bounce_circularG;
        -o-animation-name:bounce_circularG;
        -ms-animation-name:bounce_circularG;
        -webkit-animation-name:bounce_circularG;
        -moz-animation-name:bounce_circularG;
    animation-duration:1.1s;
        -o-animation-duration:1.1s;
        -ms-animation-duration:1.1s;
        -webkit-animation-duration:1.1s;
        -moz-animation-duration:1.1s;
    animation-iteration-count:infinite;
        -o-animation-iteration-count:infinite;
        -ms-animation-iteration-count:infinite;
        -webkit-animation-iteration-count:infinite;
        -moz-animation-iteration-count:infinite;
    animation-direction:normal;
        -o-animation-direction:normal;
        -ms-animation-direction:normal;
        -webkit-animation-direction:normal;
        -moz-animation-direction:normal;
}

#circularG_1{
    left:0;
    top:23px;
    animation-delay:0.41s;
        -o-animation-delay:0.41s;
        -ms-animation-delay:0.41s;
        -webkit-animation-delay:0.41s;
        -moz-animation-delay:0.41s;
}

#circularG_2{
    left:6px;
    top:6px;
    animation-delay:0.55s;
        -o-animation-delay:0.55s;
        -ms-animation-delay:0.55s;
        -webkit-animation-delay:0.55s;
        -moz-animation-delay:0.55s;
}

#circularG_3{
    top:0;
    left:23px;
    animation-delay:0.69s;
        -o-animation-delay:0.69s;
        -ms-animation-delay:0.69s;
        -webkit-animation-delay:0.69s;
        -moz-animation-delay:0.69s;
}

#circularG_4{
    right:6px;
    top:6px;
    animation-delay:0.83s;
        -o-animation-delay:0.83s;
        -ms-animation-delay:0.83s;
        -webkit-animation-delay:0.83s;
        -moz-animation-delay:0.83s;
}

#circularG_5{
    right:0;
    top:23px;
    animation-delay:0.97s;
        -o-animation-delay:0.97s;
        -ms-animation-delay:0.97s;
        -webkit-animation-delay:0.97s;
        -moz-animation-delay:0.97s;
}

#circularG_6{
    right:6px;
    bottom:6px;
    animation-delay:1.1s;
        -o-animation-delay:1.1s;
        -ms-animation-delay:1.1s;
        -webkit-animation-delay:1.1s;
        -moz-animation-delay:1.1s;
}

#circularG_7{
    left:23px;
    bottom:0;
    animation-delay:1.24s;
        -o-animation-delay:1.24s;
        -ms-animation-delay:1.24s;
        -webkit-animation-delay:1.24s;
        -moz-animation-delay:1.24s;
}

#circularG_8{
    left:6px;
    bottom:6px;
    animation-delay:1.38s;
        -o-animation-delay:1.38s;
        -ms-animation-delay:1.38s;
        -webkit-animation-delay:1.38s;
        -moz-animation-delay:1.38s;
}



@keyframes bounce_circularG{
    0%{
        transform:scale(1);
    }

    100%{
        transform:scale(.3);
    }
}

@-o-keyframes bounce_circularG{
    0%{
        -o-transform:scale(1);
    }

    100%{
        -o-transform:scale(.3);
    }
}

@-ms-keyframes bounce_circularG{
    0%{
        -ms-transform:scale(1);
    }

    100%{
        -ms-transform:scale(.3);
    }
}

@-webkit-keyframes bounce_circularG{
    0%{
        -webkit-transform:scale(1);
    }

    100%{
        -webkit-transform:scale(.3);
    }
}

@-moz-keyframes bounce_circularG{
    0%{
        -moz-transform:scale(1);
    }

    100%{
        -moz-transform:scale(.3);
    }
}
div#listRanking .item-person-ranking{
    cursor:pointer;
}
.mess_null{
    display: none;
    align-items: center;
    justify-content: center;
    height: 48%;
    font-size: 19px;
}

/* style font new */
.page-ranking-game .head-game .name-group-game {
    font-size: 20px;
}
.page-ranking-game .head-game .title{
    font-size: 20px;
}

.link-filter-ranking li a{
    font-size: 14px;
}
.i-check span{
    font-size: 16px;
}
.search-input-ranking .form-control{
    font-size: 14px;
}

.search-select-ranking .form-control{
    font-size: 14px;
}

.list-person-ranking .head{
    font-size: 16px;
}

.item-person-ranking .info .ct .name{
    font-size: 16px;
}

.item-person-ranking .info .ct span {
    font-size: 14px;
}

li.name {
    font-size: 14px;
}

.item-person-ranking{
    font-size: 16px;
}

.pagi-game .pagination .page-link{
    font-size: 16px;
}
.detail-person-ranking .info .name{
font-size: 16px;
}

.detail-person-ranking .info .parameter li{ 
    font-size: 14px;
}