.ranking-crop {
overflow: hidden;
display: block;
height: 400px;
position: relative;
}
.ranking-crop-url {
position: absolute;
bottom: 0;
margin: auto;
left: 0;
z-index: 1;
width: 100%;
text-align: center;
background: linear-gradient(359deg, whitesmoke, white);
}
.ranking-crop-url a {
display: block;
text-decoration: none;
border: 1px solid #f0f0f0;
width: max-content;
padding: 3px 10px;
margin: 10px auto;
border-radius: 20px;
font-size: 16px;
background: #e9e9e9;
color: #0c0c0c;
}
.no-match-notice {
display: none;
font-size: 16px;
margin-top: 10px;
}
.columns-time .time-live:before {
content: "";
width: 3px;
height: 3px;
background: red;
display: inline-block;
margin-right: 4px;
margin-bottom: 3px;
animation-name: matchLive;
animation-duration: .8s;
animation-iteration-count: infinite;
border-radius: 50%;
}
@keyframes loadingAnimation {
from {background-color: #f2f2f2;}
to {background-color: #d8d8d8;}
}
@keyframes matchLive {
from {transform: scale(.5);}
to {transform: scale(1.5);}
}
.match-loading:after {
background: #f2f2f2;
width: 100%;
min-height: 40px;
content: "";
display: block;
position: relative;
animation-name: loadingAnimation;
animation-duration: .8s;
animation-iteration-count: infinite;
}
span.thedo {
background: red;
padding: 0px 2px;
color: #fff;
display: inline-block;
font-size: 11px;
text-align: center;
font-weight: bold;
}
span.name-club div {
display: inline-block;
}
.author-box-rating::before {
content: '★★★★★';
letter-spacing: 0px;
background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
color: #ed4d2d;
font-size: 20px;
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fix_hiden {
display: none;
}
.bongda-wrap {
margin-bottom: 30px; display: block;
width: 100%;
}
.rank1, .rank2, .rank3, .rank4 {
background-color: #05b349;
}
.rank5, .rank6, .rank7, .rank8, .rank9, .rank10, .rank11, .rank12, .rank13, .rank14, .rank15 {
background-color: #ecb305;
}
.rank16, .rank17, .rank18, .rank19, .rank20, .rank21, .rank22, .rank23, .rank24 {
background-color: #f61010;
}
.ranknum {
display: inline-block;
color: #fff;
width: 24px;
height: 24px;
line-height: 24px;
border-radius: 100%;
}
.link-clb img {
height: 24px;
width: 24px;
float: left;
position: absolute;
top: -1px;
border-radius: 100%;
left: 0;
}
.table-scrol-x {
overflow-x: auto;
white-space: nowrap;
width: 100%;
}
.table-bxh tr:hover {
background: #c9c9c9;
}
.table-bxh thead tr {
background: #f1f1f1;
}
.table-bxh th {
font-size: 14px;
font-weight: normal;
background: #f0f0f0;
border: 0;
border-bottom: solid 1px #eaeaea;
padding: 12px 6px;
vertical-align: top;
position: relative;
color: #000;
text-transform: unset;
}
.w-ten-clb {
width: 33%;
text-align: left;
}
.table-bxh td {
font-size: 14px;
position: relative;
border: 0;
border-bottom: solid 1px #eaeaea;
padding: 12px 3px;
vertical-align: top;
text-align: center;
}
.link-clb {
display: block;
text-align: left;
padding-left: 30px;
position: relative;
}
.ul-item {
margin: 0;
padding: 0;
}
.ul-item li {
list-style: none;
display: inline-block;
margin-right: 24px;
}
.ul-item li span {
margin-right: 6px;
}
.bg-color {
background: #333;
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 3px;
color: #fff;
font-size: 14px;
}
.bggreen {
background: #37b349;
}
.bgyelow {
background: #ffae00;
}
.bgred {
background: #ed4349;
}
.ghichu {
margin: 12px 0;
float: left;
width: 100%;
text-align: right;
color: #f1f1f1;
}
.w-stt {
width: 7%;
min-width: 40px;
}
.football-match .flexright span {
color: #ffc107 !important;
}
.football-match .flexright {
float: right;
}
.block-vongbang {
float: left;
width: 100%;
margin-bottom: 16px;
}
.block-vongbang a.active {
background: #f0505c;
color: #fff;
}
.block-vongbang a {
color: #222 !important;
float: left;
height: 38px;
min-width: 38px;
text-align: center;
line-height: 36px;
background: #f2f2f2;
font-weight: bold;
margin-right: 5px;
margin-bottom: 5px;
padding: 0 9px;
}
#alertSechdule h3.fhead-left {
color: #fff !important;
}
.progress {
display: none;
width: 100%;
height: 0.7rem;
background-color: #e9ecef;
}
.progress-bar {
width: 100%;
background: linear-gradient(90deg,#ffd33d,#0fe101 17%,#44e526 34%,#89edbf 51%,#ffd33d 68%,#ed4133 85%,#f0505c);
background-size: 300% 100%;
animation: progress 2s linear infinite;
}
@keyframes progress{
0%{
background-position: 100%
}
100%{
background-position: 0
}
}
.live {
margin-left: 24px;
font-size: 12px;
color: #37b349;
padding-left: 16px!important;
}
.live img {
height: 12px;
width: 12px;
display: inline-block;
position: relative;
}
.fa-spin {
-webkit-animation: fa-spin 1s infinite linear;
animation: fa-spin 1s infinite linear;
}
.bongda-wrap h3 {
color: #222 !important;
font-weight: 600;
margin: 0;
}
.bongda-wrap a {
text-decoration: none !important;
}
.block-ddmmyy {
float: left;
position: relative;
width: 100%;
margin-bottom: 16px;
font-size: 14px;
}
.group-ddmmyy {
display: table;
width: 100%;
margin: 10px auto;
}
.item-ddmmyy.active {
background: #f0505c;
color: #fff !important;
}
.item-ddmmyy {
background: #f2f2f2;
display: table-cell;
padding: 12px 6px; text-align: center;
line-height: 1.6;
border-right: solid 1px #fff;
color: #222 !important;
}
.s-date {
display: block;
font-weight: bold;
}
.s-thu {
display: block;
}
.tabnav {
width: 100%;
float: left;
border-bottom: solid 1px #fff;
}
.tablink.active {
background: #f0505c;
color: #fff;
}
.tablink:first-child {
border-radius: 16px 0 0 0;
}
.tablink:last-child {
border-radius: 0 16px 0 0;
}
.tablink {
background: #e5e5e5;
float: left;
text-align: center;
color: #666;
font-weight: bold;
cursor: pointer;
padding: 10px 16px;
border-right: solid 1px #fff;
font-size: 14px;
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
transition: -webkit-transform .4s ease !important;
transition: transform .4s ease !important;
transition: transform .4s ease, -webkit-transform .4s ease !important;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
width: 100%;
}
.carousel-indicators li {
width: 10px !important;
height: 10px !important;
border-radius: 50%;
margin-left: 0 !important;
margin: -5px 5px;
}
.bongda-wrap .tabnav-content {
width: 100%;
float: left;
background: #fff;
color: #000;
}
.match-football {
width: 100%;
float: left;
}
.football-header {
font-size: 16px;
background: #f2f2f2;
padding: 5px 10px 5px 0;
font-weight: bold;
width: 100%;
float: left;
}
.table-bxh th:not( :nth-child(2) ) {
text-align: center;
}
.fhead-left {
float: left;
font-size: 16px;
margin-bottom: 0;
}
.fhead-left img {
width: 20px;
height: 20px;
}
.fhead-right {
float: right;
color: #666666;
font-weight: normal;
}
.fhead-right a.active {
color: #37b349;
}
.fhead-right a {
color: #666666;
font-size: 14px;
margin: 0 6px;
text-transform: uppercase;
}
.football-header h3 {
font-size: 16px;
margin: 0;
padding: 5px 0;
display: flex;
align-items: center;
}
.f-row {
float: left;
width: 100%;
padding: 10px 0;
border-bottom: solid 1px #eaeaea;
}
.row_match {
padding: 0 8px;
font-size: 12px;
width: 100%;
display: none;
float: left;
margin-bottom: 12px;
}
.right {
float: right;
}
.football-match {
font-size: 14px;
position: relative;
width: 100%;
float: left;
display: table;
border: none;
padding: 0;
}
#ltd_byleague .columns-time {
width: 24%;
}
.football-match > div {
display: table-cell;
position: relative;
vertical-align: middle;
}
.columns-time {
width: 27%;
}
.columns-time span {
display: inline-block;
}
.separator {
padding: 0 4px !important;
}
.vongbang {
padding-left: 16px !important;
}
#ltd_byleague .columns-match {
width: 60%;
}
.row-teams {
display: table;
width: 100%;
}
.row-teams > div {
display: table-cell;
position: relative; }
.club1 {
text-align: right;
padding-right: 26px;
}
.name-club {
display: block;
position: relative;
}
.club1 .logo-club {
right: 0;
}
.logo-club {
position: absolute;
height: 20px;
width: 20px;
top: 0;
border-radius: 100%;
}
#ltd_byleague .columns-number {
text-align: center;
padding: 0 6px;
width: 26%;
}
.soccer-scores {
display: inline-block;
background: #f0505c;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: bold;
width: 48px;
height: 24px;
line-height: 24px;
border-radius: 16px;
text-align: center;
}
#ltd_byleague .columns-club {
width: 37%;
}
.club2 {
text-align: left;
padding-left: 26px;
}
.club2 .logo-club {
left: 0;
}
.nrclub2 {
margin-left: 3px;
position: relative;
display: inline-block;
width: 18px;
height: 18px;
}
.nrclub2 img {
position: absolute;
left: 0;
top: 5px;
}
.row_match_info {
font-size: 12px;
width: 100%;
text-align: center;
float: left;
padding-top: 5px;
}
.item_ktv {
color: #4c4c4c;
display: inline-block;
margin: 0 3px;
}
#ltd_byleague .columns-other {
width: 16%;
}
.flexright {
align-items: flex-start; }
.flexright > div {
display: flex;
}
.item-other1 {
float: left;
width: 20%;
text-align: center;
}
.first-half {
font-size: 12px;
color: #319362;
height: 18px;
line-height: 18px;
border-radius: 24px;
width: 44px;
text-align: center;
background: #f2f2f2;
display: inline-block;
font-weight: bold;
}
.item-other2 {
float: left;
width: 20%;
text-align: center;
}
.item-other3 {
width: 50%;
float: left;
}
.f-tv {
width: 100px;
}
.item-other3 span, .item-other25 span {
font-size: 12px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.item-other4 {
float: left;
width: 14%;
text-align: center;
}
.btn-f-more {
display: inline-block;
height: 32px;
line-height: 32px;
width: 32px;
text-align: center;
position: relative;
background: #f2f2f2;
border-radius: 100%;
}
.btn-f-more i {
display: inline-block;
font-size: 12px;
color: #3FAA55;
font-weight: bold;
}
.fa-chevron-right:before {
content: "";
}
.cv-tran-dau-hot__ty-le {
margin-bottom: 20px;
}
.cv-tran-dau-hot__time {
font-size: 18px;
}
.bai-viet-lien-quan__item {
background: #ebebeb;
color: #333;
margin: 20px 0 !important;
padding: 10px 5px;
box-shadow: 0px 2px 3px 1px #898989;
}
.bai-viet-lien-quan__excerpt p {
color: #333 !important;
}
.bai-viet-lien-quan__title {
font-weight: 700;
font-size: 18px;
}
.bai-viet-lien-quan__title a:hover {
color: #ff8507 !important;
text-decoration: none;
}
.bai-viet-lien-quan__date {
font-size: 14px;
}
.bai-viet-lien-quan__excerpt {
line-height: 1.2;
font-size: 15px;
}
.bai-viet-lien-quan {
display: block;
padding: 10px;
}
.bai-viet-lien-quan li {
list-style: none;
}
.bai-viet-lien-quan li a {
color: #f0505c;
}
.bai-viet-lien-quan li a:hover {
text-decoration: none;
}
.bai-viet-lien-quan__box-title {
font-size: 24px;
font-weight: 600;
}
.lds-ripple {
display: block;
position: relative;
width: 80px;
height: 80px;
margin: auto;
}
.lds-ripple div {
position: absolute;
border: 4px solid #fff;
opacity: 1;
border-radius: 50%;
animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.5s;
}
@keyframes lds-ripple {
0% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0;
}
4.9% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 0;
}
5% {
top: 36px;
left: 36px;
width: 0;
height: 0;
opacity: 1;
}
100% {
top: 0px;
left: 0px;
width: 72px;
height: 72px;
opacity: 0;
}
}
.columns-number p {
margin-bottom: 0;
}
.cv-tran-dau-hot__ten-doi {
display: block;
font-weight: 600;
color: #eeee22;
}
.cv-tran-dau-hot__keo {
align-content: center;
display: grid;
margin-bottom: 20px;
align-self: center;
}
.cv-tran-dau-hot__keo p {
margin-bottom: 0;
}
.cv-tran-dau-hot__logo {
height: 150px;
width: 150px;
margin: 5px auto;
}
#tran-dau-hot {
margin: 10px auto 20px; padding: 10px 0;   }
.loader {
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid blue;
border-bottom: 16px solid blue;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin: auto;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
@media only screen and (max-width: 767px) {
.footer-wrapper {
margin-bottom: 65px;
}
html,
body {
height: 100%;
width: 100%;
overflow: auto;
}
img.shake {
animation: shake .5s;
animation-iteration-count: infinite;
}
@keyframes shake {
0% { transform: rotate(0); }
15% { transform: rotate(10deg); }
30% { transform: rotate(-10deg); }
45% { transform: rotate(8deg); }
60% { transform: rotate(-8deg); }
75% { transform: rotate(4deg); }
85% { transform: rotate(-4deg); }
92% { transform: rotate(2deg); }
100% { transform: rotate(0); }
}
.menu-footer-mobile {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 1999999999999;
display: inline-flex;
background: #fff;
padding: 10px;
text-align: center;
justify-content: space-around;
align-items: center;
height: 65px;
box-shadow: 0px 2px 5px 1px #b7b7b7;
}
.menu-footer-mobile__item img {
width: 32px;
height: 32px;
}
.menu-footer-mobile__item span {
display: block;
line-height: 1.2;
font-size: 14px;
}
.sanh-game-item span {
display: none;
}
.sanh-game {
display: none;
}
.article-inner.has-shadow .entry-content, .article-inner.has-shadow footer.entry-meta, .article-inner.has-shadow .entry-header-text {
padding: 10px !important;
}
.entry-author.author-box {
margin: 10px !important;
}
.lienketfi88 {
padding-left: 10px !important;
padding-right: 10px !important;
}
.go-to-bookmaker_link1 {
margin-bottom: 10px !important;
}
.go-to-bookmaker_links {
width: 50%;
display: inline-block;
font-size: 13px !important;
width: 46%;
margin: 0 2%;
float: left;
padding: 0 5px !important;
}
.go-to-bookmaker_text {
line-height: 1.3;
}
#content.blog-single .large-9.col {
padding: 0 0 30px;
}
.toplist-homepage .kevientop, .toplist-homepage .keviendenphai .row.align-middle {
display: none;
}
.article-inner .bookmarkers-review-title h2 {
width: 93%;
}
#top_casino .casino_item {
padding: 5px 0 !important;
}
#top_casino .name_rate span.name {
margin-top: 5px;
line-height: 1;
}
#top_casino .name_rate {
padding-left: 5px;
}
#top_casino .stt {
margin-top: 30px;
}
#top_casino .action {
padding-top: 5px;
position: relative;
width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
margin-bottom: 10px;
}
#top_casino .action .btn {
padding: 0 10px !important;
font-weight: 500 !important;
}
#top_casino .action .btn, #top_casino .action .detail {
margin: 0 5px 10px 5px !important;
font-size: 14px !important;
line-height: 1 !important;
}
#top_casino .desc {
margin-top: 0;
line-height: 1.3;
position: sticky;
left: 125px;
top: 55px;
width: calc(100% - 130px);
text-align: left;
font-size: 13px;
justify-content: left;
height: unset;
}
.logo {
padding-top: 5px;
}
.toplist-homepage .testimonial-text.test_text .text {
font-size: 14px;
}
.toplist-homepage .keviendenphai .col-inner.text-center {
padding: 0 15px !important;
}
.toplist-homepage .keviendenphai a.nutvaochoi {
margin-left: 5%;
}
.toplist-homepage .keviendenphai a.button {
width: 45% !important;
display: block;
float: left;
font-size: 14px;
}
.carousel-control-next, .carousel-control-prev {
position: relative;
float: left;
width: 50%;
font-size: 14px;
}
.cv-tran-dau-hot__keo, .cv-tran-dau-hot__ty-le {
margin-bottom: 5px;
}
.cv-tran-dau-hot__ten-doi {
font-size: 13px;
}
.cv-tran-dau-hot-wrap, .cv-tran-dau-hot, .cv-tran-dau-hot__doi-nha, .cv-tran-dau-hot__keo, .cv-tran-dau-hot__doi-khach {
padding: 0 5px;
}
.cv-tran-dau-hot__doi-nha, .cv-tran-dau-hot__keo, .cv-tran-dau-hot__doi-khach {
padding: 0 5px;
overflow: hidden;
}
.cv-tran-dau-hot__keo {
font-size: 14px;
margin-top: 10px;
} .cv-tran-dau-hot__logo {
height: 70px;
width: 70px;
}
.cv-tran-dau-hot__time {
margin-bottom: 10px;
font-size: 16px;
}
.cv-tran-dau-hot__doi-nha {
padding-left: 30px;
}
.cv-tran-dau-hot__doi-khach {
padding-right: 30px;
}
.m_hiden {
display: none !important;
}
.vongbang {
display: none;
}
.columns-time span {
font-size: 12px;
}
.time {
display: block !important;
}
.columns-match, #ltd_byleague .columns-match {
width: 94%;
padding: 0 5px;
}
.columns-time, #ltd_byleague .columns-time {
width: 6%;
padding-left: 5px;
}
.live {
margin-left: auto;
position: absolute;
right: -3px;
top: 4px;
}
.columns-club, #ltd_byleague .columns-club {
width: 39%;
}
.columns-number, #ltd_byleague .columns-number {
text-align: center;
padding: 0 5px;
width: 21%;
}
.columns-other, #ltd_byleague .columns-other {
display: none;
}
.tablink {
display: table-cell;
padding: 8px;
float: none;
font-size: 11px;
vertical-align: middle;
}
.tabnav {
display: table;
width: 100%;
}
.s-date {
font-weight: normal;
}
.item-ddmmyy {
padding: 0;
font-size: 12px;
height: 36px;
width: auto;
line-height: 36px;
}
.group-ddmmyy {
float: left;
width: 100%;
}
.calc {
margin-left: -16px !important;
margin-right: -16px !important;
width: calc(100% + 32px) !important;
}
.s-thu {
display: none;
}
.large-3.col {
position: absolute;
}
.table-bxh tr td:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 999;
background: #F0F0F0;
}
.table-bxh tr th:nth-child(2) {
position: -webkit-sticky;
position: sticky;
left: 40px;
z-index: 999;
background: #F0F0F0;
}
.table-bxh tr td:first-child {
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 999;
background: #1c1c1c;
}
.table-bxh tr td:nth-child(2) {
position: -webkit-sticky;
position: sticky;
left: 40px;
z-index: 999;
background: #1c1c1c;
}
.link-clb {
padding-left: 26px;
}
.hi_m {
display: none;
}
.th-data::before {
content: attr(data-name) "";
display: block;
}
.name-club {
position: relative;
overflow: hidden; text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.4;
}
.block-vongbang a {
height: 25px;
min-width: 25px;
line-height: 25px;
padding: 0 5px;
font-size: 14px;
}
}
@media only screen and (max-width: 320px) {
#top_casino .stt {
margin-top: 13px;
}
#top_casino .name, #top_casino .name a {
font-size: 18px;
}
#top_casino .desc {
width: 100%;
padding: 0 10px;
text-align: center;
}
.stt {
width: 25% !important;
}