*,::after,::before{box-sizing:border-box;}
img{max-width:100%;height:auto;}
.loading{position:relative;}
.loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;/* background:#00000054; */z-index:9999;border-radius:inherit;}
.loading:after{content:'';display:inline-block;width:2rem;height:2rem;vertical-align:-0.125em;border:0.25em solid #1978f2;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border;position:absolute;z-index:10000;top:calc(50% - 1rem);right:calc(-2rem - 10px);}
@-webkit-keyframes spinner-border{
    to{transform:rotate(360deg);}
}
@keyframes spinner-border{
    to{transform:rotate(360deg);}
}

/* Text truncate */
.text__truncate{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;display:-webkit-inline-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.text__truncate.-n2{-webkit-line-clamp:2;}
.text__truncate.-n3{-webkit-line-clamp:3;}
.text__truncate.-n4{-webkit-line-clamp:4;}

/*boostrap*/
.w-100{width:100%!important;}
.d-none{display:none!important;}
.d-block{display:block!important;}
.d-flex{display:flex!important;}
.flex-column{flex-direction:column!important;}
.flex-wrap{flex-wrap:wrap!important;}
.g-3,.gy-3{--bs-gutter-y:1rem!important;}
.g-3,.gx-3{--bs-gutter-x:1rem!important;}
.g-4,.gy-4{--bs-gutter-y:1.5rem!important;}
.g-4,.gx-4{--bs-gutter-x:1.5rem!important;}
.p-2{padding:.5rem!important;}
.p-3{padding:1rem!important;}
.px-3{padding-right:1rem!important;padding-left:1rem!important;}
.py-0{padding-top:0!important;padding-bottom:0!important;}
.py-1{padding-top:0.25rem!important;padding-bottom:0.25rem!important;}
.py-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important;}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important;}
.me-1{margin-right:.25rem!important;}
.me-2{margin-right:.5rem!important;}
.me-3{margin-right:1rem!important;}
.ms-2{margin-left:.5rem!important;}
.ms-auto{margin-left:auto!important;}
.me-auto{margin-right:auto!important;}
.mb-2{margin-bottom:.5rem!important;}
.mb-3{margin-bottom:1rem!important;}
.mb-4{margin-bottom:1.5rem!important;}
.mb-5{margin-bottom:3rem!important;}
.mt-3{margin-top:1rem!important;}
.text-start{text-align:left!important;}
.text-center{text-align:center!important;}
.align-items-baseline{align-items:baseline!important;}
.align-items-center{align-items:center!important;}
.justify-content-center{justify-content:center!important;}
.justify-content-start{justify-content:start!important;}
.progress{--bs-progress-height:6px;--bs-progress-font-size:0.75rem;--bs-progress-bg:#e9ecef;--bs-progress-border-radius:0.375rem;--bs-progress-box-shadow:inset 0 1px 2px rgba(0,0,0,0.075);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:linear-gradient(to right,#22cdf4,#197cf2);--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius);}
.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition);}

/*Grid boostrap*/
.dncontainer,.dncontainer-fluid{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto;}
.dnrow{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5);}
.dnrow>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y);}
.dncol{flex:1 0 0%;}
.dncol-1{flex:0 0 auto;width:8.33333333%;}
.dncol-2{flex:0 0 auto;width:16.66666667%;}
.dncol-3{flex:0 0 auto;width:25%;}
.dncol-4{flex:0 0 auto;width:33.33333333%;}
.dncol-5{flex:0 0 auto;width:41.66666667%;}
.dncol-6{flex:0 0 auto;width:50%;}
.dncol-7{flex:0 0 auto;width:58.33333333%;}
.dncol-8{flex:0 0 auto;width:66.66666667%;}
.dncol-9{flex:0 0 auto;width:75%;}
.dncol-10{flex:0 0 auto;width:83.33333333%;}
.dncol-11{flex:0 0 auto;width:91.66666667%;}
.dncol-12{flex:0 0 auto;width:100%;}
@media (min-width:576px){
    .d-sm-flex{display:flex!important;}
    .mb-sm-2{margin-bottom:.5rem!important;}
    .dncol-sm-1{flex:0 0 auto;width:8.33333333%;}
    .dncol-sm-2{flex:0 0 auto;width:16.66666667%;}
    .dncol-sm-3{flex:0 0 auto;width:25%;}
    .dncol-sm-4{flex:0 0 auto;width:33.33333333%;}
    .dncol-sm-5{flex:0 0 auto;width:41.66666667%;}
    .dncol-sm-6{flex:0 0 auto;width:50%;}
    .dncol-sm-7{flex:0 0 auto;width:58.33333333%;}
    .dncol-sm-8{flex:0 0 auto;width:66.66666667%;}
    .dncol-sm-9{flex:0 0 auto;width:75%;}
    .dncol-sm-10{flex:0 0 auto;width:83.33333333%;}
    .dncol-sm-11{flex:0 0 auto;width:91.66666667%;}
    .dncol-sm-12{flex:0 0 auto;width:100%;}
}
@media (min-width:768px){
    .d-md-flex{display:flex!important;}
    .d-md-block{display:block!important;}
    .dncol-md-1{flex:0 0 auto;width:8.33333333%;}
    .dncol-md-2{flex:0 0 auto;width:16.66666667%;}
    .dncol-md-3{flex:0 0 auto;width:25%;}
    .dncol-md-4{flex:0 0 auto;width:33.33333333%;}
    .dncol-md-5{flex:0 0 auto;width:41.66666667%;}
    .dncol-md-6{flex:0 0 auto;width:50%;}
    .dncol-md-7{flex:0 0 auto;width:58.33333333%;}
    .dncol-md-8{flex:0 0 auto;width:66.66666667%;}
    .dncol-md-9{flex:0 0 auto;width:75%;}
    .dncol-md-10{flex:0 0 auto;width:83.33333333%;}
    .dncol-md-11{flex:0 0 auto;width:91.66666667%;}
    .dncol-md-12{flex:0 0 auto;width:100%;}
    .ms-md-auto{margin-left:auto!important;}
    .order-md-1{order:1!important;}
    .py-md-0{padding-top:0!important;padding-bottom:0!important;}
    .py-md-2{padding-top:0.5rem!important;padding-bottom:0.5rem!important;}
    /*Custom*/
    .dncol-md-32{flex:0 0 auto;width:32%;}
    .dncol-md-68{flex:0 0 auto;width:68%;}
}
@media (min-width:992px){
    .d-lg-block{display:block!important;}
    .d-lg-flex{display:flex!important;}
    .dncol-lg-4{flex:0 0 auto;width:33.33333333%;}
    .dncol-lg-12{flex:0 0 auto;width:100%;}
}

/*Fix image trong khung*/
.dnfix__thumb{position:relative;height:auto;width:100%;overflow:hidden;display:block;padding-top:68.075%;}
.dnfix__thumb img{margin:0px auto;position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
.dnfix__thumb.-contain img{object-fit:contain;}

/*
======================================
[ Editor Style ]
======================================
*/
.tips__wrapper{font-size:16px;}
.tips__wrapper h2,.tips__wrapper h3,.tips__wrapper h4{line-height:normal;margin-bottom:1rem;}
.tips__wrapper h2{font-size:30px;font-weight:bold;}
.tips__wrapper h3{font-size:22px;}
.tips__wrapper h4{font-size:20px;}
.tips__wrapper p,.tips__wrapper ul,.tips__wrapper blockquote{margin-bottom:1.25rem;}
.tips__wrapper .aligncenter{display:block;margin-left:auto;margin-right:auto;}
.tips__wrapper img,.tips__wrapper figure.wp-caption{max-width:100%;height:auto;border-radius:8px;}
.tips__wrapper img + img{margin-bottom:1rem;}
.tips__wrapper address p,.tips__wrapper address p{margin-bottom:5px;}
.tips__wrapper a{color:#1877f2;transition:all .5s;}
.tips__wrapper a:hover{color:#0648a7;}
.tips__wrapper figcaption{width:100%;text-align:center;padding:10px 0 0;font-style:italic;}
.tips__wrapper img.alignright{float:right;margin:0 0 1em 1em}
.tips__wrapper img.alignleft{float:left;margin:0 1em 1em 0}
.tips__wrapper img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.tips__wrapper ul{list-style-type:disc;padding-left:20px;}
.tips__wrapper:after{content:'';clear:both;display:table;}
.tips__wrapper table{width:100%;margin-bottom:1rem;}
.tips__wrapper table td,.tips__wrappertable th{border:1px solid #737476;}
.tips__wrapper table td,.tips__wrapper table th{padding:.75rem;vertical-align:top;border-top:1px solid #737476;}
.tips__wrapper blockquote{background:#f8f8f8;padding:12px 24px;box-shadow:inset 3px 0px 0px #dce0e8;border-radius:4px;color:#000000;margin:1rem 0;}
.tips__wrapper blockquote p:last-child{margin:0;}
@media (max-width:767px){
    .tips__wrapper blockquote{padding:48px 32px}
}
.el-box{margin-bottom:1.5rem;}

/*Table */
.table-responsive::-webkit-scrollbar{width:8px;}
.table-responsive::-webkit-scrollbar-track{background:#f1f1f1;}
.table-responsive::-webkit-scrollbar-thumb{background:#888;}
.table-responsive::-webkit-scrollbar-thumb:hover{background:#555;}
.js-sct_load_page.loading .tips_table::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 50%);z-index:1;border-radius:6px;}
.js-sct_load_page.loading .tips_table::after{content:'';position:absolute;top:134px;left:calc(50% - 1rem);display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:0.25em solid white;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite;z-index:1;}
.tips_table__wrapper{border-radius:5px;overflow:hidden;border:1px solid #ddd;}
.headtips{display:flex;align-items:center;background:#f9f9f9;padding:15px 10px;}
.headtips__title{display:flex;align-items:center;font-size:18px;font-weight:700;}
.headtips__title,.headtips__update{margin:0!important;}
.headtips__update{margin-left:auto!important;color:#7b7b7b;font-size:14px;}
.headtips__update i{margin-right:2px;}
.headtips-label{display:inline-block;background:#f8e296;font-size:12px;font-weight:500;padding:9px 10px;border-radius:5px;margin:0 18px;line-height:8px;}
.tips_table{position:relative;max-width:100%;line-height:1.5;color:#222222;word-break:break-word;}
.tips_table p{margin-top:0;margin-bottom:0.5rem;}
.tips_table .tb__thead{background:#131b26;}
.tips_table .tb__thead .tb__tr{font-size:16px;font-weight:700;text-align:center;border-color:rgba(255,255,255,.2)!important;}
.tips_table .tb__tr{display:flex;font-size:14px;transition:0.3s;}
.tips_table .tb__tbody .tb__tr:hover{border-color:#fbbd17;}
.tips_table .tb__tr.wait{}
.tips_table .tb__tr.hide:not(.more){display:none;}
.tips_table .tb__th,.tips_table .tb__td{flex:1 0 0%;width:100%;max-width:100%;}
.tips_table .tb__th{padding:16px 10px;background:#ecf5ff;white-space:nowrap;}
.tips_table .tb__td{display:flex;align-items:center;padding:10px;}
.tips_table .tb__td>div{width:100%;}
.tips_table .match{font-size:15px;color:#1a1a1a;}
.tips_table .match__logo{flex:0 0 auto;}
.tips_table .match__logo img{width:28px;height:28px;border-radius:20px;background-color:#fff;padding:4px;border-radius:100%;border:1px solid #ddd;display:flex;align-items:center;margin-right:7px;overflow:hidden;}
.tips_table .match .vs{margin-left:13px;}
.tips_table .th-time,.tips_table .td-time{max-width:142px;}
.tips_table .th-tipster,.tips_table .td-tipster{max-width:16%;text-align:left;}
.tips_table .th-result,.tips_table .td-result{max-width:8%;text-align:center;}
.tips_table .th-match,.tips_table .td-match{max-width:25%;text-align:left;}
.tips_table .th-tips_data,.tips_table .td-tips_data{max-width:20%;text-align:left;}
.tips_table .th-status,.tips_table .td-status{max-width:10%;text-align:center;}
.tips_table .th-odds,.tips_table .td-odds{max-width:8%;text-align:center;}
.tips_table .match_result{border:1px solid #e9e9e9;border-radius:4px;font-weight:500;margin:auto;width:30px;}
.tips_table .tb__tr.wait .match_result{display:flex;justify-content:center;}
.tips_table .tb__tr:not(.wait) .match_result>span{display:block;}
.tips_table .tb__tr:not(.wait) .match_result>.result_sep{display:none;}
.tips_table .tb__tr:not(.wait) .match_result .home_result{border-bottom:1px solid #e9e9e9;}
.website_tips_rating{font-size:14px;color:#ccc;}
.website_tips_rating img{display:inline-block;margin:0 1px!important;width:15px;height:15px!important;}
.website_tips_rating img.active{color:#fbb327;}
.website_tips_rating img.-star-half{margin-right:-17px;position:relative;}
.tips_table .td-time{font-size:14px;}
.tips_table .tips_status{text-transform:uppercase;padding:3px 10px;min-width:50px;display:block;border:1px dashed #f12a2a;text-align:center;border-radius:4px;color:#f12a2a;font-weight:600;}
.tips_table .tips{padding:7px 10px;border:1px dashed #1777f1;border-radius:5px;color:#1777f1;font-weight:700;font-size:14px;display:inline-block;text-align:center;margin-bottom:0;}
.tips_table .league{color:#999;font-size:15px;margin-top:5px;display:block;}
.tips_table .td-source_tips{font-size:20px;word-break:all;}
.tips_table .tb__tr:nth-child(2n+1){background-color:#fff;}
.tips_table .tb__tr:nth-child(2n+1){background-color:#fcfcfc;}
.tips_bxh_website{border:1px solid #ddd;border-radius:6px;padding:20px 10px;}
.tips_bxh_website ul{padding:0;margin:0;text-align:justify;display:flex;flex-wrap:wrap;gap:16px;}
.tips_bxh_website ul li{list-style:none;display:inline-block;position:relative;margin:0;width:calc(25% - 12px);}
.tips_bxh_website ul a{padding:10px 20px;font-size:14px;color:#444444;background:#f5f5f5;border-radius:30px;display:flex;position:relative;align-items:center;text-decoration:none;}
.tips_bxh_website .el-item__title{position:relative;margin:0;}
.bg-icon-list-ws{flex:0 0 auto;display:block;background-image:url(../img/web-bg.png);background-position:center;background-size:contain;background-repeat:no-repeat;width:13px;height:13px;margin-right:10px;}
.tips_bxh_website .bxicon{position:absolute;z-index:2;right:-34px;top:-7px;width:30px;height:19px;background:0 0;text-align:center;text-transform:uppercase;font-weight:700;color:#f82045;font-size:10px;border-radius:5px;line-height:17px;border:1px solid #f82045;}
.tips_bxh_website ul li a:hover{background-color:#e7f3ff;color:#1777f1;}
.btn-tips_table{display:flex;align-items:center;justify-content:center;background:#fbfdff;text-align:center;border-radius:5px;padding:12px 10px;font-size:14px;color:#222!important;text-transform:uppercase;transition:0.3s;text-decoration:none;}
.btn-tips_table:after{content:'';position:relative;top:-1px;display:inline-block;width:20px;height:20px;margin-left:4px;pointer-events:none;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-image:url(../img/angle-down.svg);background-color:#222;transition:0.3s;}
.btn-tips_table.hideall:after{transform:rotate(180deg);}
.btn-tips_table:hover{background:#1877f2;color:#fff!important;}
.btn-tips_table:hover:after{background-color:#fff;}

/**/
.faqlist{border:1px solid #ddd;border-radius:5px;overflow:hidden;}
.faqlist .el-item{border-bottom:1px solid #dddd;overflow:hidden;}
.faqlist .el-item.active{background:#f8f8f8;}
.faqlist .el-item__header{display:flex;padding:15px;margin:0;background:#fff;cursor:pointer;transition:0.3s;}
.faqlist .el-item.active .el-item__header{background:#f8f8f8;}
.faqlist .el-item__content{padding:0 20px 25px 15px;display:none;}
.faqlist .el-item:first-child .el-item__content{display:block;}
.faqlist .el-item__title{font-size:20px;}
.faqlist .el-item .icon{width:25px;font-size:16px;color:#828282;display:flex;align-items:center;justify-content:flex-end;margin-left:auto;}
.faqlist .el-item.active .icon .fa-plus::before{content:"\f068";}
@media (max-width:1399px){
}
@media (max-width:1199px){
}
@media (max-width:991px){
    .tips_table .tb__th,.tips_table .tb__td{padding:10px 6px;}
    .tips_bxh_website ul li{width:calc(33.33333% - 12px);}
    .tips_table .th-time,.tips_table .td-time{max-width:95px;}
    .tips_table .th-result,.tips_table .td-result,.tips_table .th-status,.tips_table .td-status{display:none;}
    .tips_table .th-tipster,.tips_table .td-tipster{max-width:18%;}
    .tips_table .th-match,.tips_table .td-match{max-width:31%;}
    .tips_table .th-tips_data,.tips_table .td-tips_data{max-width:30%;}
}
@media (max-width:767px){
    .tips__wrapper h2{font-size:20px;}
    .tips__wrapper h3{font-size:18px;}
    .tips__wrapper h4{font-size:16px;}
    .tips_table .tb__thead .tb__tr{font-size:14px;}
    .headtips{flex-wrap:wrap;}
    .headtips__title{margin-bottom:10px!important;flex-wrap:wrap;}
    .headtips__update{margin-left:0!important;font-size:13px;}
    .tips_table{font-size:13px;}
    .tips_table .league{font-size:13px;}
    .tips_table .match{font-size:13px;}
    .tips_table .date_time span{display:block}
    .tips_table .th-time,.tips_table .td-time{max-width:66px;}
    .tips_table .tips{width:100%;padding:3px 5px;font-size:12px;}
    .tips_table .th-match,.tips_table .td-match{max-width:28%;}
    .tips_table .th-odds,.tips_table .td-odds{max-width:10%;}
    .tips_table .th-tipster,.tips_table .td-tipster{max-width:27%;font-size:13px;}
    .tips_table .th-tips_data,.tips_table .td-tips_data{max-width:24%;}
    .tips_bxh_website ul li{width:calc(50% - 12px);}
    .faqlist .el-item__title{font-size:16px;}
    .faqlist .el-item__content{font-size:14px;}
}
@media (max-width:575px){
    .tips_table .tb__th,.tips_table .tb__td{padding:5px 3px;font-size:10px;}
    .tips_table .th-time,.tips_table .td-time{max-width:45px;}
    .tips_table .league{font-size:10px;}
    .tips_table .match__logo img{width:22px;height:22px;}
    .tips_table .match{font-size:10px;}
    .tips_table .tips{padding:2px;font-size:10px;}
    .website_tips_rating img{width:10px;height:10px!important;}
    .tips_table .source_tips{margin-bottom:0}
    .tips_table .th-tips_data,.tips_table .td-tips_data{max-width:21%;}
    .tips_table .th-tipster,.tips_table .td-tipster{max-width:28%;}
    .tips_bxh_website ul a{padding:5px 7px;font-size:13px;}
    .tips_bxh_website ul{gap:10px;}
    .tips_bxh_website ul li{width:calc(50% - 5px);}
    .bg-icon-list-ws{width:10px;height:10px;margin-right:5px;}
}