.box-previewball{padding:10px 0;}
.box-previewball a{color:#aaa;}

.preview-league{
    background:#333;padding:4px;margin-top:8px;font-size:0.85rem;color:#fff;
    font-family:"Kanit-light",Tahoma,Arial;letter-spacing:0.5px;
}
.preview-league .pg-logo{
    display:inline-block;vertical-align:middle;width:20px;height:20px;overflow:hidden;
    margin:-3px 3px 0 0;text-align:center;background:#fff;padding:2px;
    border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;
}
.preview-league .pg-logo img{width:100%;vertical-align:top;}

.preview-row{
    display:flex;background:#222;margin-top:2px;font-size:0.8rem;
    padding:6px 0;
}
.preview-row:hover{background:#292929;color:#fff;transition:all .3s ease-in-out;}
.preview-cols.date{width:13%;text-align:center;}
.preview-cols.topic{width:87%;}
.preview-cols .bg-date{
    display:inline-block;padding:0 8px;text-align:center;background:#4dc403;
    color:#fff;font-size:0.7rem;
    border-radius:3px;-khtml-border-radius:3px;-moz-border-radius:3px;
}

@media screen and (min-width:590px) and (max-width:919px){
    .preview-cols.date{width:20%;}
    .preview-cols.topic{width:80%;}
}

@media screen and (min-width:280px) and (max-width:589px){
    .preview-cols.date{width:25%;}
    .preview-cols.topic{width:75%;padding-left:8px;line-height:18px;margin-top:-2px;}
}