:root {
    /* Colors: */
    --unnamed-color-cdcdcd: #CDCDCD;
    --unnamed-color-d6d6d6: #D6D6D6;
    --unnamed-color-e8e8e8: #E8E8E8;
    --unnamed-color-203342: #203342;
    --unnamed-color-fdbc2a: #FDBC2A;
    --unnamed-color-fc8f00: #FC8F00;
    --unnamed-color-4e77c1: #4E77C1;
    --unnamed-color-254a8b: #254A8B;
    --unnamed-color-397f19: #397f19;
    --unnamed-color-828687: #828687;
    --unnamed-color-252729: #252729;
    --unnamed-color-ffffff: #FFFFFF;
    --unnamed-color-8c9ba5: #8C9BA5;
    --unnamed-color-ff1319: #FF1319;
    --unnamed-color-062d4f: #062D4F;
    --star-size: 16px;
    --star-color: #59646E;
    --star-background: #FFDE00;
    --color-home: #d64444;
    --color-away: #3f9ed8;
    --primary-color: #397f19;
    --ranking-league-group-title-bg-color: #397f19 !important;
    --rankingleague-menu-item-bg-color-active: #397f19 !important;
    --fixture-league-menu-item-bg-color-active: #397f19 !important;
    --fixture-row-item-score-bg-color: #397f19 !important;
}

.embed-fixture .fixture-list-item .fixture-row-item .match .score-time .score{
    color: #fff;
}

section.box-content-homapge,
.single-content,
.content {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: groove;
    border-width: 1px;
    padding: 5px
}

table {
    max-width: 100% !important;
    width: 100% !important;
    margin-bottom: 10px;
}

.table-rwd {
    font-size: 0.85em;
    margin: 0 auto;
    min-width: 900px;
}

.table-rwd td,
.table-rwd th {
    padding: 0.8em;
    min-width: 140px
}

.table-container {
    overflow-x: auto;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1164px;
}

img {
    max-width: 100%;
    height: auto;
}

.aligncenter {
    display: block;
    margin: auto;
}

.navbar-toggler:focus {
    box-shadow: unset !important;
    border: 0;
}

.wp-caption {
    max-width: 100% !important;
}

.alignright {
    margin-left: auto;
    display: block;
}

.alignleft {
    margin-right: auto;
    display: block;
}

.Stars {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
}

.Stars::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

body {
    font-family: 'Be Vietnam Pro', sans-serif;
}

header {
    background: #397f19;
    position: sticky;
    top: 0;
    z-index: 9999;
}

section.top-header {
    display: flex;
    align-items: center;
    padding: 10px 0;
}

header .banner-top img {
    max-height: 75px;
}

header .banner-top {
    text-align: right;
}

li.menu-item-has-children ul a {
    color: #000 !important;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li a {
    text-align: left;
    padding: 5px 10px !important;
}

section.bottom-header .container {
    background: #3d980a;
    height: 50px;
}


li.nav-item a.active,
li.nav-item a:hover,
li.menu-item.current-menu-item a,
li.menu-item a.active,
li.menu-item a:hover {
    background: #fff;
    color: #397f19 !important;

}

ul#menu-main-menu>li>a {
    display: flex;
    gap: 5px;
    align-items: center;
}

ul#menu-main-menu>li>a>i {
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    font-size: 20px;
}

ul#menu-main-menu>.hot>a:after {
    background-color: #b20000;
}

ul#menu-main-menu>.hot>a:after {
    content: "Hot";
    display: inline-block;
    font-size: 9px;
    line-height: 9px;
    text-transform: uppercase;
    letter-spacing: -0.1px;
    margin-left: 4px;
    font-weight: bolder;
    border-radius: 2px;
    color: #fff;
    padding: 2px 3px 3px;
    position: relative;
    top: -2px;

}

.nav-link:focus,
.nav-link:hover {
    background: #fff;
    color: #397f19 !important;
}

.btn-toggle-mb {
    height: 100%;
}

li.menu-item a,
li.nav-item a {
    letter-spacing: 0px;
    color: #fff;
    line-height: 18px;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: normal;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.15px;
    height: 50px;
    font-weight: bold;
    font-size: 13px;
    line-height: 50px;
    padding: 0;
}

.list_button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
}
.list_button.row-div {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}
.list_button a {
    padding: 10px 18px;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    width: max-content;
}

.list_button a:hover {
    background-color: #bf3e17 !important;
    color: #fff;
}

.dealer_description {
    width: calc(100% - 46px - 210px - 37px - 266px - 240px);
}

.dropdown-item:focus,
.dropdown-item:hover {
    background: transparent;
}

.navbar-expand-lg .navbar-nav {
    gap: 15px;
}

.navbar {
    height: 100%;
    gap: 60px;
}

i.menu_m_btns.fa.fa-search {
    cursor: pointer;
    color: #397f19;
}

.list-item-head ul {
    list-style: none;
    display: flex;
    align-items: center;
    color: #000;
    gap: 5px;
    padding: 0;
    flex-wrap: wrap;
}

.list-item-head li {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: 500;
    font-size: 15px;
    background-color: #307b06;
    padding: 6px 15px;
}

.list-item-head li:hover, .list-item-head li.current_page_item {
    background-color: #e5e5e5;
}

.list-item-head li:hover a, .list-item-head li.current_page_item a {
    color: #397f19 !important;
}

.list-item-head li a {
    color: #FFF;
}

#formtimkiem-desktop button.btn.btn-bet {
    padding: 0;
    border: 0;
}

form#formtimkiem-mb button.btn.btn-bet {
    color: #fff;
    background: #397f19;
}

form#formtimkiem-mb {
    display: flex;
    align-items: center;
    width: 100%;
}

form#formtimkiem-mb input.head-search {
    width: calc(100% - 150px);
    padding: 3px;
}

form#formtimkiem-mb button.btn.btn-bet {
    width: 150px;
}


header .logo img {
    object-fit: contain;
    max-height: 75px;
}

footer {
    background: rgb(85, 85, 85);
    font: normal normal normal 14px/24px Be Vietnam Pro;
    color: #fff;
}
footer iframe {
    max-width: 600px;
}
.footer-about {
    color: var(--unnamed-color-fecc5e);
    text-align: left;
    font: italic normal bold 20px/24px Be Vietnam Pro;
    text-transform: lowercase;
}

.title-footer {
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
}

.footer-desciption {
    color: #fff;
    /* color: rgba(255, 255, 255, .5); */
    font-size: 12px;
    text-align: center;
}

.footer-desciption a {
    color: #FFF;
}

footer ul {
    list-style: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

a {
    color: #397f19;
    text-decoration: unset;
}

a:hover {
    color: #397f19;
}


footer ul a {
    text-align: left;
    color: #fff;
    text-decoration: unset;
    font-size: 12px;
}

section.footer-bottom .container {
    border-top: 2px solid #397f19;
}

header .list-social {
    gap: 10px;
    margin-left: 30px;
}

header .list-social img {
    height: 20px;
    width: 20px;
    object-fit: contain;
}

.list-social {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: flex-end;
}

.box-title-icon {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 40px;
}

.icon-left {
    max-width: 32px;
}

.icon-left img {
    max-width: 100%;
}

.title-icon {
    text-align: left;
    font: normal normal 800 28px/27px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #203342;
    margin-bottom: 0;
}

.box-content-sale_dealer {
    background: var(--unnamed-color-397f19) 0% 0% no-repeat padding-box;
    background: #397f19 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 35px 18px;
    font: normal normal normal 13px/20px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #CDCDCD;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: 0.3s;
}

.title-sale_dealer {
    font: normal normal bold 20px/28px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
}

.cashback {
    font: normal normal normal 15px/20px Be Vietnam Pro;
    color: #CDCDCD;
    margin-bottom: 10px;
}

.description-link_tcs_apply a,
.description-new_users_only {
    font: normal normal normal 12px/20px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #828687;
}

.bonus_code {
    border: 1px solid #828687;
    border-radius: 360px;
    padding: 20px;
    position: relative;
    margin-bottom: 22px;
    transition: 0.3s;
}

.title-bonus_code {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    background: #397f19;
    width: max-content;
    margin: auto;
    padding: 0 10px;
    transition: 0.3s;
}

.code {
    font: normal normal bold 20px/20px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    transition: 0.3s;
}

.description-link_choi_ngay a {
    background: #FDBC2A 0% 0% no-repeat padding-box;
    text-align: center;
    font: italic normal bold 16px/27px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #252729;
    padding: 13px;
    width: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 16px auto;
    border-radius: 6px;
}

.box-content-sale_dealer:hover {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 40px #00000026;
    border-radius: 6px;
    color: #171717;
}

.box-content-sale_dealer:hover .title-sale_dealer,
.box-content-sale_dealer:hover .bonus_code .code,
.box-content-sale_dealer:hover .cashback {
    color: #000;
}

.box-content-sale_dealer:hover .title-bonus_code {
    background: #fff;
}

.title-content-blog {
    text-align: left;
    font: normal normal bold 18px/25px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #203342;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.create-date {
    font: normal normal medium 15px/26px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #828687;
    color: #828687;
    display: flex;
    gap: 10px;
    align-items: center;
}

.btn-readmore {
    background: #FDBC2A 0% 0% no-repeat padding-box;
    font: italic normal bold 16px/27px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #252729;
    padding: 0 36px;
    width: max-content;
    border-radius: 4px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cat-name a {
    text-decoration: underline;
    letter-spacing: 0px;
    color: #DF0E36;
    font-size: 15px;
    line-height: 26px;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: normal;
    text-underline-offset: 5px;

}

.cat-name {
    margin: 10px 0;
}

.image-box {
    height: 200px;
}

.image-box img {
    object-fit: cover;
    height: 100%;
    object-position: center;
}

section.home-news:nth-child(even) {
    background: #FFF;
}

section.box-content-homapge {
    background: #FFF;
}

.right-head {
    background: #397f19 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 0px 0px;
    font: normal normal bold 15px/18px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: center;
    padding: 8px;
}

.list-legues-left {
    background: #FFF;
    display: flex;
    flex-direction: column;
    padding: 10px;
    gap: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #3d980a 0% 0% no-repeat padding-box;
    text-align: center;
    font: normal normal bold 13px/15px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: unset;
}

.nav-tabs .nav-link {
    background: #E8E8E8 0% 0% no-repeat padding-box;
    font: normal normal normal 13px/15px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}

.name-league {
    font: normal normal normal 13px/15px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #000000;
}

.item-league-left img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.item-league-left a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
}

.item-league-left {
    border-bottom: 1px dotted #F2F2F2;
    padding-bottom: 10px;
}

.item-league-left:last-child {
    border-bottom: 0;
}

.right-sidebar .right-head {
    background: #3d980a 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 0px 0px;
}

.right-sidebar .item-league-left a:after,
a.arrow-right-icon:after {
    content: "\f04b";
    width: 5px;
    height: 10px;
    margin-left: auto;
    font-weight: 900;
    font-family: "Font Awesome 6 Free";
    color: #959595;
    font-size: 10px;
    display: flex;
    align-items: center;
}

.post-sticky .box-content-odd-revview {
    position: absolute;
    bottom: 0;
    background: transparent linear-gradient(180deg, #17171700 0%, #171717 100%) 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 6px 6px;
    padding: 30px;
    height: max-content;
}

.item-slider-post {
    height: 100%;
    position: relative;
}

.post-sticky .item-slider-post .image-box {
    height: 100%;
}

.post-sticky .box-content-odd-revview .title-content-blog {
    font: normal normal bold 22px/27px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.post-sticky .box-content-odd-revview .create-date {
    font: normal normal medium 15px/26px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
}

section.section-odd_review {
    background: #FFF;
}


.description-blog {
    font: normal normal normal 15px/22px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #203342;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.title-ncuy,
.title-widget {
    font: normal normal bold 24px/27px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #397f19;
    margin-bottom: 0;
}

.detail-dealer {
    border: 1px solid var(--unnamed-color-cdcdcd);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CDCDCD;
    border-radius: 4px;
    position: relative;
    text-align: center;
}

.bonus_to {
    font: normal normal bold 26px/20px Be Vietnam Pro;
    letter-spacing: 0.26px;
    color: #FF1319;
    text-align: center;
}

.description_bonus_to {
    color: #202020;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.14px;
}

.bonus_title {
    text-align: center;
    font: normal normal normal 14px/20px Be Vietnam Pro;
    letter-spacing: 0.14px;
    color: #202020;
}

.dealer-name {
    font: normal normal bold 20px/19px Be Vietnam Pro;
    letter-spacing: 0.2px;
    color: #203342;
    text-align: center;
}

.logo-dealer {
    width: 80px;
    margin: auto;
}

.number-stt {
    background: #FDBC2A 0% 0% no-repeat padding-box;
    border-radius: 4px 0px;
    position: absolute;
    left: 0;
    top: 0;
    width: max-content;
    padding: 7px 13px;
    font: normal normal bold 18px/27px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #252729;
}


.play-now a {
    padding: 12px 24px;
    font: italic normal bold 15px/24px Be Vietnam Pro;
    letter-spacing: 0px;
    background: #397f19 0% 0% no-repeat padding-box;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #fff;
}

.view-review a {
    letter-spacing: 0px;
    font-size: 14px;
    text-decoration: underline;
    line-height: 27px;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-style: italic;
    color: #203342;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 17px 10px;
    background: #E8E8E8 0% 0% no-repeat padding-box;
    border: 1px solid #CDCDCD;
    gap: 10px;
}

.box-btn>* {
    width: max-content;
}

.dealer-info {
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.total_review {
    font: normal normal bold 13px/16px Be Vietnam Pro;
    letter-spacing: 0.13px;
    color: #171717;
}

.content-dealer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FDBC2A;
    border-radius: 22px;
    width: max-content;
    padding: 6px 15px;
    margin: auto;
}

.sapo-home>* {
    font: normal normal normal 14px/22px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #828687;
    margin: 0;
    text-align: center;
}

.heading-hompage>* {
    text-align: left;
    font: normal normal bold 25px/32px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #397f19;
}

#formtimkiem-desktop input.head-search {
    border: 0;
    padding: 0;
    background: transparent;
    font: normal normal normal 15px/18px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #ABBFD2;
    width: calc(100% - 20px);
}

form#formtimkiem-desktop {
    display: flex;
    align-items: center;
}

.logo-leagues {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D5D5D5;
    border-radius: 10px;
    padding: 14px 10px;
    cursor: pointer;
    text-align: center;
    width: max-content;
}

.item-leagues {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: wrap;
}

.item-clb a {
    font: normal normal normal 14px/39px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #397f19;
}

.list-clb {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.heading_table.heading_table_home {
    display: none;
}

.list-leagues {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.list-filter-clb input.datepicker {
    width: 250px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FDB813;
    border-radius: 2px;
    padding: 13px 10px;
    font: normal normal normal 13px/16px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #000000;
    -webkit-appearance: none;
}

.select-date-item {
    font: normal normal normal 12px/15px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #000000;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    padding: 13px 20px;
    width: max-content;
    min-width: 73px;
    cursor: pointer;
}

.list-filter-clb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 5px;
}

.select-date-item.active {
    background: #828687 0% 0% no-repeat padding-box;
    border: 1px solid #D6D6D6;
    border-radius: 2px;
    color: #FFF;
}

.list-trandau {
    background: #FFF;
    /* padding: 20px 30px; */
}

button.dropdown-select {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D8D8D8;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 17px;
    font: normal normal normal 16px/19px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #1A1A1A;
}

ul.dropdown-menu.show {
    width: 100%;
    padding: 10px;
    border: 1px solid #D8D8D8;
}

ul.dropdown-menu.show li {
    cursor: pointer;
    margin-bottom: 10px;
}

ul.dropdown-menu.show li:last-child {
    margin-bottom: 0;
}

.head-trandau {
    background: #E8E8E8 0% 0% no-repeat padding-box;
    border-radius: 2px;
    font: normal normal normal 13px/15px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #000000;
    padding: 15px;
    display: flex;
    gap: 5px;
    align-items: center;
}

.head-trandau.head-live i {
    color: #DF0E36;
}

.box-list-trandau {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
}

.item-trandau {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #DBDFE8;
    padding: 15px 10px;
}

.item-trandau:last-child {
    border-bottom: 0;
}

.box-2doi {
    gap: 15px;
    width: calc(100% - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.time-trandau {
    width: 120px;
    gap: 10px;
    font: normal normal normal 13px/15px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #397f19;
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}
.ajax-fixtures .time-trandau span {
    color: red;
}
.box-2doi .box-doi1:nth-child(1) {
    justify-content: flex-end;
}

.box-2doi .box-doi1 {
    justify-content: flex-start;
}

.box-2doi>* {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: calc(50% - 40px - 15px);
}

.box-doi1>* {
    font: normal normal normal 16px/19px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #00182E;
}

.box-ketqua {
    background: #397f19 0% 0% no-repeat padding-box;
    border-radius: 1px;
    padding: 4px 10px;
    font: normal normal bold 16px/19px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #fff;
    width: 80px;
}

/* .tab-content .box-ketqua {
    background: transparent;
    letter-spacing: 0px;
    color: #DF0E36;
    font: normal normal bold 16px/19px Be Vietnam Pro;
} */

.box-doi1>.logo-doi1,
.box-doi1 .logo-doi2 {
    width: 20px;
    height: 20px;

}

.readmore-league {
    text-align: center;
    font: normal normal bold 16px/27px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #252729;
    background: #D4DAE5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    box-shadow: unset;
    border: 0;
    width: 200px;
    margin: auto !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}


.nhacai-info .dealer-info {
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    border-radius: 4px;
    align-items: center;
    gap: 10px;
    padding: 5px;
}

.nhacai-info .dealer-name {
    margin-bottom: 0;
}

.nhacai-info .content-dealer {
    width: 100%;
    gap: 10px;
    margin-bottom: 15px;
}

.nhacai-info .play-now {
    margin-top: 15px;
    width: 100%;
}

.nhacai-info .box-bonus {
    width: 100%;
    padding: 0;
    gap: 10px;
}

.nhacai-info .logo-dealer {
    width: 120px;
}

.nhacai-info .icon-gift:after {
    height: 1px;
    width: calc(50% - 25px);
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.nhacai-info .icon-gift:before {
    height: 1px;
    width: calc(50% - 25px);
    left: 0;
    top: 0;
    display: flex;
    margin: auto;
    bottom: 0;
}

.nhacai-info .icon-gift {
    width: 100%;
}

.box-uu-nhuoc {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}

.uu-diem,
.nhuoc-diem {
    background: #FFF;
    padding: 15px;
    width: calc(50% - 12.5px)
}

.box-uu-nhuoc ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.box-uu-nhuoc ul li {
    font: normal normal normal 15px/20px Be Vietnam Pro;
    letter-spacing: 0.15px;
    color: #171717;
}

.uu-diem li:before {
    content: "\2b";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #46AB56;
    padding-right: 5px;
}

.nhuoc-diem li:before {
    content: "\f068";
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    color: #CC2C40;
    padding-right: 5px;
}

.title-uu-nhuoc {
    font: normal normal bold 18px/20px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #171717;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.title-uu-nhuoc i {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 360px;
    color: #FFF;
    background: #F8919E;
}

.uu-diem .title-uu-nhuoc i {
    background: #8FDF9C;
}

.short_description_2 {
    font: normal normal normal 16px/24px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #828687;
}


.bookmarker-side .detail-dealer {
    flex-direction: column;
}

.bookmarker-side .detail-dealer .number-stt:before {
    width: calc(50% - 25px);
    height: 1px;
    left: 0;
    top: 0;
    margin: auto;
}

.bookmarker-side .detail-dealer .number-stt:after {
    width: calc(50% - 25px);
    bottom: 0;
    margin: auto;
    right: 0;
    height: 1px;
}

.bookmarker-side .box-btn {
    flex-direction: row;
    padding: 10px;
    width: 100%;
    margin-bottom: 0;
}


.post-lasted-new-box {
    display: flex;
    width: 100%;
    gap: 15px;
}

.image-lasted {
    width: 100px;
    height: 100px;
}

.content-lasted {
    width: calc(100% - 100px - 15px);
}

.title-lasted {
    font: normal normal 600 14px/20px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #030504;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.date-post-lasted {
    font: normal normal normal 14px/26px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #828687;
}

.image-lasted img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

nav.rank-math-breadcrumb,
nav.rank-math-breadcrumb a {
    text-align: left;
    font: normal normal normal 15px/18px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #707070;
}

nav.rank-math-breadcrumb>p a:first-child:before {
    content: "\f015";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    color: #397f19;
}

nav.rank-math-breadcrumb>p a:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    gap: 10px;
}

nav.rank-math-breadcrumb span.last {
    text-align: left;
    font: normal normal normal 15px/18px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #002233;
}

.stading-tab .thang,
.stading-tab .hoa,
.stading-tab .bai {
    display: none;
}

.stading-tab .head-kq {
    align-items: center;
}

.stading-tab .list-kq .list-leagues-standing,
.stading-tab .head-kq {
    padding: 10px 5px;
}

.list-kq .list-leagues-standing {
    border: 0
}

.stading-tab .head-kq>* {
    font: normal normal normal 11px/13px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #00182E;
    opacity: 0.6;
    width: 40px;
}

.stading-tab .group-label {
    background: #3d980a 0% 0% no-repeat padding-box;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
}

.right-box {
    margin-bottom: 15px;
}

.right-box:last-child {
    margin-bottom: 0;
}

.left-page-odds .right-box:nth-child(even) .right-head,
.left-page-standings .right-box:nth-child(even) .right-head,
.bg-title-color .right-head {
    background: #3d980a 0% 0% no-repeat padding-box;
}

.stading-tab li.nav-item button {
    font: normal normal normal 11px/13px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #585858;
}

.stading-tab .tab-content {
    background: #FFF;
}

.stading-tab .list-leagues-standing>* {
    width: 40px;
}

.stading-tab .list-leagues-standing .name,
.stading-tab .head-kq .name {
    width: calc(100% - (40px * 4));
}

.stading-tab .logo-doi1 {
    display: none;
}

.stading-tab .nav-tabs .nav-item.show .nav-link,
.stading-tab .nav-tabs .nav-link.active {
    background: #838385 0% 0% no-repeat padding-box;
}

.stading-tab .head-trandau {
    background: #838385 0% 0% no-repeat padding-box;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
}

nav.rank-math-breadcrumb {
    padding: 10px 0 10px;
}

.stading-tab .list-leagues-standing>* {
    text-align: center;
    font: normal normal normal 11px/13px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #00182E;
}

nav.rank-math-breadcrumb p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

nav.rank-math-breadcrumb {
    margin-bottom: 20px;
}

.vertical-box {
    display: flex;
    gap: 15px;
}

#tab-live td.TYLETT_3b {
    width: 15%;
}


.vertical-box .description-blog {
    font-size: 16px;
}

.input-message.d-flex {
    padding: 8px 12px;
    background: #FFCBDF 0% 0% no-repeat padding-box !important;
}

.right-head img {
    width: 18px;
    margin-right: 10px;
}

.flex-1.bg-transparent.outline-none.border-0.text-white.px-1 {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border-radius: 20px;
    opacity: 1 !important;
    padding: 7px 10px !important;
    height: 24px;
    font: normal normal normal 8px/10px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #6A6A6A !important;
}

#chat-app .chat-app .btn-send:hover {
    background: transparent !important;
}

.vertical-box .title-content-blog {
    margin-bottom: 10px;
    font-size: 19px
}

.vertical-box .image-box {
    height: 100%;
    width: 35%;
}

.vertical-box {
    height: 100%;
}

.vertical-box .box-content-blog {
    width: 65%;
    flex-direction: column;
    align-items: flex-start;
}

.box-content-blog {
    align-items: center;
    display: flex;
    justify-content: flex-start;
}

.vertical-box .cat-name {
    margin-bottom: 15px;
    margin-top: 0;
}

.right-maker {
    width: 300px;
    padding: 0;
}

.left-maker {
    width: calc(100% - 300px);
    padding-right: 30px;
}

.title-single {
    font: normal normal bold 24px/32px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #397f19;
}

.related-section {
    background: #FFF;
}

.related-section .box-content-blog {
    padding-top: 10px;
}

.head-kq {
    border-bottom: 1px solid #707070;
    background: #E1FAFF 0% 0% no-repeat padding-box;
}

.head-kq,
.list-leagues-standing {
    display: flex;
    width: 100%;
    flex-direction: row;
    gap: 15px;
    padding: 12px 0;
}

.head-kq>*,
.list-leagues-standing>* {
    width: 40px;
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.head-kq>.tran {
    width: 60px;
}

.list-leagues-standing>* {
    font-size: 16px;
}

.head-kq .stt,
.list-leagues-standing .stt {
    width: 40px;
}

.list-leagues-standing>.stt,
.list-leagues-standing>.diem {
    font-weight: bold;
}

.list-leagues-standing:nth-child(even) {
    background: #E8E8E8 0% 0% no-repeat padding-box;
}

.head-kq .name,
.list-leagues-standing .name {
    width: calc(100% - (40px * 7) - 40px - 60px - 110px);
    text-align: left;
}

.tranganday {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    flex-wrap: wrap;
}

.tranganday>* {
    font: normal normal normal 12px/14px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #FFFFFF;
    width: 19px;
    height: 19px;
    background: #27AE60 0% 0% no-repeat padding-box;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-leagues-standing .diem {
    font: normal normal bold 15px/18px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #DF0E36;
}
.ranking-table-head>* {
    background: transparent !important;
    color: #000 !important;
}
.win {
    background: #35ac53;
    color: #FFF;
    border-radius: 4px;
}

.draw {
    background: #ff9b00;
    color: #FFF;
    border-radius: 4px;
}

.lose {
    background: red;
    color: #FFF;
    border-radius: 4px;
}

.upcoming {
    background: transparent;
    border: 1px solid #000;
}

.group-label {
    background: #3d980a 0% 0% no-repeat padding-box;
    padding: 10px;
    color: #FFF;
    font-size: 14px;
    line-height: 16px;
}

.logo-leagues img {
    height: 40px;
    object-fit: contain;
}

.tranganday {
    width: 110px;
}

.logo-leagues a {
    display: flex;
    flex-direction: column;
    align-items: center;
    letter-spacing: 0px;
    color: #1F1F1F;
    text-transform: lowercase;
    font-size: 14px;
    line-height: 18px;
}

.table-header td {
    text-align: center;
    color: #ffffff;
    font-size: 13px !important;
    padding: 0px;
}

.table-header td {
    background-color: #397f19 !important;
    border: 1px solid #fff !important;
}

.bg_h2 {
    background: #FFFFEB 0% 0% no-repeat padding-box !important;
    border: 1px solid #E4E4E4 !important;
}

div#header-odds {
    font: normal normal bold 17px/20px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #00182E;
}

.btn-keo-ngay,
.btn-primary {
    background-color: #397f19 !important;
}

table.border-spacing-0 td {
    border: 0;
}

table.border-spacing-0 td tr td {
    padding: 2px !important;
}

table.border-spacing-0 table.border-spacing-0 {
    margin: 0;
}

.list-leagues-standing:hover {
    background: #FFCBDF 0% 0% no-repeat padding-box;
}

.item-league-left:hover .name-league {
    color: #f7185e;
}

table.border-spacing-0 td tr.keo-dong.keo-ti-so td {
    padding: 0 !important;
}

table.background-white.border-collapse-separate {
    margin: 0;
}

.diem_so li {
    height: 4.5em !important;
}

.dong4,
.dong2 {
    font-size: 12px !important;
    font-weight: normal !important;
}


table.border-spacing-0 td.TYLETT_2a {
    padding: 5px !important;
}

.btn-keo-ngay:hover,
.btn-primary:hover {
    color: #FFF;
}

.odds-table-content {
    min-width: 600px;
}

.search-form.col-md-12.mb-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.search_tyle,
.search_tyle.select-league.float-right {
    width: calc(25% - 10px) !important;
    margin: 0 !important;
}

.list-date-odds {
    width: calc(50% - 10px) !important;
}

button.btn.btn-keo-ngay {
    margin: 0 !important;
}

input#input-search {
    padding: 0 5px;
}

button.btn.btn-keo-ngay {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 1px solid #D6D6D6 !important;
    border-radius: 2px !important;
    font: normal normal normal 13px/16px Be Vietnam Pro;
    letter-spacing: 0px;
    color: #000000;
    padding: 12px 10px;
}

.search_tyle {
    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 1px solid #FDB813 !important;
    border-radius: 2px !important;
}

.search_tyle span.search-span {
    background-image: url('../images/search.svg') !important;
}

.search_tyle svg {
    display: none;
}

.card.card-body.content {
    padding: 0;
    border: 0;
}

table.border-spacing-0>tbody>tr>td {
    padding: 0 !important;
}

/* table */
.team-table-home {
    color: #222;
    background: #f9f9f9;
    font-size: 14px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.team-table-home td {
    border-bottom: 1px solid transparent;
    border-color: #e5e5e5 !important;
}

.team-table-home a.cl-ora {
    color: #e27a48;
}

.team-table-home.away a.cl-ora {
    color: #2495da;
}

.team-table-home a {
    text-decoration: unset;
    color: #222;
}

.team-table-home .team-home a {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.team-table-home tr th {
    color: #888;
    font-weight: normal;
    line-height: 24px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
    white-space: nowrap;
    height: 51px;
}

.team-table-home tr td,
.team-table-guest tr td,
.team-table-other tr td {
    padding: 6px 0;
    text-align: center;
}

.team-table-home .team-home {
    background-color: #de682f !important;
    color: #fff !important;
    text-align: center;
    line-height: 28px;

}

.team-table-home.away .team-home {
    background-color: #2495da !important;
}

.team-table-home .red,
.team-table-home .red2 {
    color: var(--color-home) !important;
}

.team-table-home.away .red {
    color: #2495da !important;
}

.scroll-table {
    min-width: 600px;
}

.border-right {
    border-right: 1px solid #dee2e6 !important;
}

.tilecuoc-table {
    /* max-width: 900px; */
    margin: auto;
    /* margin-top: 30px; */
}

.font-14 {
    font-size: 14px
}

.font-weight-bold {
    font-weight: 700 !important;
}

.bg-gray1 {
    background: #F6F6F6;
}

.font-16 {
    font-size: 16px;
}

.tilecuoc-table .col-6 {
    padding-right: 15px;
    padding-left: 15px;
}

.box-team {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.box-team img {
    width: 60px;
}

.kqbongda {
    background: #FFF;
}


.sclassName {
    color: #000;
    font-size: 16px;
    line-height: normal;
    font-weight: bold;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.LName {
    text-align: center;
}

span.sclassLink {
    font-size: 14px;
    font-weight: bold;
    color: var(--color-home) !important;
}

.item-table-list {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding: 3px 0;
    line-height: 20px;
    font-size: 12px;
}

.list-h2h>*>* {
    text-align: center;
    width: 100px;
}

.list-h2h {
    display: flex;
    gap: 10px;
    flex-direction: column;
    background-color: #f9f9f9;
    margin-bottom: 20px;
}

.name-leagues {
    width: 100px;
}

.home-team,
.away-team {
    width: calc((100% - 300px)/2);
}

.header-h2h {
    height: 50px;
    display: flex;
    align-items: center;
}

.header-stadings {
    display: flex;
}

.head-table {
    color: #888;
    font-weight: normal;
    line-height: 24px;
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
    white-space: nowrap;
}

.header-stadings>* {
    width: 39px;
    font-size: 12px;
    font-family: 'Be Vietnam Pro', sans-serif;
    text-align: center;
}

.header-stadings .ft-stadings,
.bxh-stadings,
.tpercent-stadings {
    width: calc((100% - (39px * 6))/3);
}

.cl-home {
    color: var(--color-home);
}

.cl-away {
    color: var(--color-away);
}

.team-table-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    text-align: center;
    margin-top: 10px;
    position: relative;
    height: 40px;
    clear: both;
    color: #222;
    font-family: 'Be Vietnam Pro', sans-serif;
    position: relative;
}

.team-table-title span {
    color: #e27a48;
    line-height: 30px;
    font-weight: bold;
    font-size: 16px;
    width: 33%;
}

.team-table-title span.cl-home {
    text-align: left;
}

.team-table-title span.cl-away {
    text-align: right;
}

.team-table-title:after {
    content: "";
    background-color: #3f9ed8;
    width: 50%;
    position: absolute;
    right: 0;
    height: 3px;
    bottom: 0;
}

.team-table-title:before {
    content: "";
    background-color: #e27a48;
    width: 50%;
    position: absolute;
    left: 0;
    height: 3px;
    bottom: 0;
}

.item-event,
.top-event {
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-event {
    font-size: 14px;
    line-height: 34px;
    font-weight: bold;
    color: #888;
    background-color: #eaeaea;
    border-bottom: 1px solid #d8d8d8;
    white-space: nowrap;
    gap: 20px;
}

.top-event>* {
    font-size: 16px;
    font-weight: bold;
}

.top-event>.time-event {
    font-size: 14px;
    line-height: 34px;
    font-weight: bold;
}

.item-event>.time-event,
.top-event>.time-event {
    width: 60px;
    text-align: center;
}

.item-event>*,
.top-event>* {
    width: calc(50% - 40px);
}

.item-event .left-event,
.top-event .left-event {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.item-event>.time-event {
    color: #666;
    font-size: 12px;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: bold;
}

.item-event {
    color: #222;
    font-size: 12px;
    font-family: 'Be Vietnam Pro', sans-serif;
    border-bottom: 1px solid #e5e5e5;
    padding: 3px 0;
    line-height: 20px;
}

.item-statics {
    display: flex;
    align-items: center;
}

.center-statics {
    display: inline-block;
    width: 140px;
    text-align: center;
    border: 1px solid #dcdcdc;
    box-shadow: 1px 1px 6px #d6d6d6;
    vertical-align: middle;
    line-height: 30px;
    background-color: #fff;
    font-size: 12px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.left-statics,
.right-statics {
    width: calc((100% - 70px)/2);
    display: flex;
    align-items: center;
}

.right-statics {
    text-align: right;
}

.left-statics {
    text-align: left;
}

.box-full-percent {
    position: relative;
    background-color: #eaeaea;
    width: calc(100% - 25px);
    height: 18px;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 3px 0 0 3px;
}

.number-statics {
    width: 50px;
    text-align: center;
    font-size: 14px;
}

.left-statics .box-percent-statics {
    background-color: #e27a48;
    height: 100%;
    position: absolute;
    right: 0;
    border-radius: 3px 0 0 3px;
}

.right-statics .box-percent-statics {
    background-color: #3f9ed8;
    height: 100%;
    position: absolute;
    left: 0;
    border-radius: 3px 0 0 3px;
}

.item-statics:hover .center-statics {
    background-color: #fbfbcd;
}

.item-statics:hover .number-statics {
    font-weight: bold;
    color: #d64444;
}

.box-statics-page {
    background-color: #f9f9f9;
    padding: 20px;
    clear: both;
    margin-bottom: 20px;
}

.box-odds-parent>* {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.head-odds>* {
    color: #888;
    font-weight: normal;
    line-height: 24px;
}

.time {
    text-align: center;
    width: 74px;
    justify-content: center;
}

.tyso,
.fh {
    width: 50px;
    text-align: center;
}

.odds-h {
    width: calc(100% / 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.type {
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    color: #666;
    font-weight: bold;
}

.som {
    width: 100%;
}


.head-odds {
    background-color: #eaeaea;
    border-bottom: 1px solid #e5e5e5;
}

.odds-h>* {
    border-left: 1px solid #d8d8d8;
}

.odds-h:last-child {
    border-right: 1px solid #d8d8d8;
}

.item-odds-h {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #e5e5e5;

}


.item-odds-h>* {
    width: 33%;
    font-size: 12px;
    font-family: 'Be Vietnam Pro', sans-serif;
}

.box-odds-list .time {
    background: #346ec5;
    color: #FFF;
    display: flex;
    align-items: center;
    z-index: 1;
}

.fh {
    border-left: 1px solid #e5e5e5;
}

.odds-h:last-child>.live {
    border-right: 1px solid #e5e5e5;
}

.head-odds-live {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.option-odds {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
}


.box-odds-list {
    position: relative;
}

.box-odds-list {
    border-bottom: 1px solid #e5e5e5;
}

.right-event.away {
    display: flex;
    flex-flow: row-reverse;
    gap: 5px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.left-event.home {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.away .cl-home {
    color: var(--color-away);
}

.team-table-home.away .red,
.team-table-home.away .red2 {
    color: var(--color-away) !important;
}

/* end table */

/*matchbox*/
#mactbox-black {
    background-color: #444;
    overflow: hidden;
    padding: 30px 0 10px 0
}

#matchBox {
    background: url("https://bongdalu.beer/wp-content/themes/bongdalubeer/assets/images/soccer-bg.png") no-repeat;
    color: #fff;
    width: 980px;
    margin: 0 auto;
    clear: both
}

.dark #matchBox {
    opacity: 0.85;
}

.teamNames {
    position: relative;
    text-align: center;
    width: 980px;
    margin: 0 auto
}

.teamNames a {
    color: #fff
}

.home-bg {
    background-color: #e27a48;
}

.stat .aways .stat-bar,
.away-bg {
    background-color: #3f9ed8;
}

.tn-home,
.tn-away {
    width: 50%;
    display: inline-block;
    float: left;
    color: #fff;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

.tn-vs-d {
    position: absolute;
    left: 400px;
    width: 180px;
    height: 46px;
    border-radius: 6px;
    top: -3px;
    display: inline-block;
    transform: perspective(1.5em) rotateX(-5deg);
    transform-origin: top;
    background-color: #e8e8e8;
    background-image: linear-gradient(180deg, transparent, #ccc, #f0f0f0);
    box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.25);
}

.tn-vs-c {
    position: absolute;
    left: 400px;
    width: 180px;
    font-size: 22px;
    font-weight: bold;
    color: #555;
    top: -1px;
    display: inline-block;
}

#matchBox .backupPlay {
    background-color: #41750D;
    border: 3px solid #71A140;
    border-top: none;
    height: auto;
}

#matchBox .backupPlay .play {
    width: 131px;
    height: 40px;
    color: rgb(231, 241, 218);
    line-height: 20px;
    font-size: 12px;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
    display: block;
    white-space: nowrap;
}

#matchBox .backupPlay .play div {
    height: 20px;
    text-align: center;
    line-height: 20px;
    display: block;
}

#matchBox .backupPlay .play .name {
    background: rgb(58, 92, 27);
    width: 115px;
    height: 20px;
    text-align: left;
    line-height: 20px;
    overflow: hidden;
    padding-right: 5px;
    padding-left: 5px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
}

#matchBox .backupPlay .play .name a,
#matchBox .backupPlay .play .name a:hover {
    color: #ceefc0;
}

#matchBox .backupPlay .bu_txt {
    text-align: center;
    color: #79af35;
    font-size: 14px;
}

#matchBox .backupPlay .home {
    width: 440px;
    clear: left;
    float: left;
    padding-left: 15px;
}

#matchBox .backupPlay .guest {
    width: 440px;
    clear: right;
    float: right;
}

#matchBox .plays {
    width: 100%;
    height: 450px;
    display: block;
}

#matchBox .plays .home {
    width: 469px;
    float: left;
}

#matchBox .plays .guest {
    width: 469px;
    float: right;
}

#matchBox .plays .playBox {
    width: 117px;
    float: left;
    position: relative;
}

#matchBox .plays .playBox .play {
    height: 90px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    display: table;
    position: relative
}

#matchBox .plays .playBox .play div {
    text-align: center;
    line-height: 20px;
    display: block;
    min-height: 20px;
}

.plays .playBox .play span {
    vertical-align: middle;
    display: table-cell;
}

#matchBox .plays .playBox .play .name {
    background: rgb(58, 92, 27);
    width: 80px;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    padding-right: 5px;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-radius: 3px;
    position: relative
}

#matchBox .plays .playBox .play .name a {
    color: rgb(231, 241, 218);
    overflow: hidden;
    width: 60px;
    display: inline-block;
    padding-left: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#matchBox .plays .guest .playBox .play .name a {
    padding-left: 20px;
}

.plays .guest .playBox .play:last-child ul {
    right: 108px;
    top: 14px;
}

.plays .guest .playBox .play span ul {
    right: 0;
    left: auto;
}

#matchBox .plays .five .playBox {
    width: 93px;
}

#matchBox .plays .five .playBox .play .name {
    background: rgb(58, 92, 27);
    width: 80px;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    padding-right: 5px;
    ont-size: 12px;
    float: none;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#matchBox .plays .five .playBox .play .name a {
    width: 52px;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    overflow: hidden;
    font-size: 12px;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#matchBox .plays .guest.five .playBox .play .name a {
    padding-left: 25px
}

#matchBox .plays .playBox .play a:hover {
    color: rgb(220, 222, 44);
}

#matchBox .one .playBox {
    width: 75%;
    text-align: left;
    padding-top: 8px;
    margin-left: 25%;
}

#matchBox .one .playBox .play {
    margin: 10px auto;
    width: 90%;
    height: 20px;
    white-space: nowrap;
}

#matchBox .one .playBox .play .name {
    width: auto;
    height: 20px;
    text-align: left;
    color: rgb(231, 241, 218);
    line-height: 20px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 12px;
    margin-right: auto;
    margin-left: auto;
    float: left;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
}

#matchBox .one .playBox .play .img {
    vertical-align: middle;
    float: left;
    padding-left: 5px
}

#matchBox .hurtPlay {
    background-color: #41750D;
    border: 3px solid #71A140;
    border-top: none;
    position: relative;
    height: auto;
    padding-bottom: 15px;
    overflow: hidden;
}

#matchBox .hurtPlay h3 {
    color: #FF0;
    display: block;
    font-weight: normal;
    text-align: center;
    padding: 0px;
    line-height: 30px;
    margin: 0px;
    font-size: 14px;
}

#matchBox .hurtPlay ul li,
#matchBox .hurtPlay ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#matchBox .hurtPlay ul li {
    width: 50%;
    float: left;
    text-align: center;
    font-size: 12px;
}

#matchBox .hurtPlay .title {
    background-color: #43800b;
    margin-bottom: 10px;
    line-height: 30px;
}

#matchBox .hurtPlay .name {
    background: #3A5C1B;
    line-height: 20px;
    height: 20px;
    width: 84%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
    margin: 0px auto 5px auto;
}

#matchBox .hurtPlay .play {
    color: #E7F1DA;
    text-decoration: none;
    display: block;
    float: left;
    white-space: nowrap;
    margin-right: 5px;
    margin-left: 5px;
    line-height: 20px;
    font-size: 12px;
    width: 114px;
    height: 40px;
}

#matchBox .hurtPlay .name a {
    color: #E7F1DA;
}

#matchBox .hurtPlay .bu_txt {
    left: 484px;
    top: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    color: rgb(255, 255, 0);
    line-height: 20px;
    margin-top: -40px;
    position: absolute;
    margin-left: -25px;
    font-size: 14px;
}

#matchBox .hurtPlay .home ul {
    width: 100%;
}

#matchBox .hurtPlay .home {
    float: left;
    width: 425px;
    clear: left;
    margin-left: 1px;
    min-height: 70px;
}

#matchBox .hurtPlay .guest {
    float: right;
    width: 425px;
    clear: right;
    margin-right: 1px;
}

.one .playBox .play span {
    padding: 0;
    display: inline;
}

.team-h1 {
    text-align: center
}

.team-h1 span {
    display: inline-block;
    width: 50%;
    height: 3px;
}

#icons {
    line-height: 30px;
    overflow: hidden;
    padding: 10px;
    color: #999;
    width: 980px;
    margin: 0 auto;
}

#icons div.title {
    background: url("../images/bf_img/title.jpg") no-repeat left;
    margin: 0px;
    padding: 0px;
    height: 105px;
}

#icons .icon {
    text-align: left;
    line-height: 24px;
    margin-left: 5px;
    float: left;
    display: block;
    white-space: nowrap;
    width: 185px;
    padding-right: 5px;
}

#icons .icon img {
    margin-top: -3px;
    margin-right: 5px;
    vertical-align: middle;
}

.plays .playBox .play span ul li,
#matchBox .backupPlay .play span ul li {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 15px;
}

.plays .playBox .play span ul {
    position: absolute;
    display: none;
    background: #1f3508;
    color: #d8d8d8;
    left: 0;
    font-size: 12px;
    padding: 20PX;
    border-radius: 5px;
    top: 75px;
    z-index: 999;
    padding-left: 95px;
    box-shadow: 0 28px 50px rgba(25, 24, 40, .35);
}

#matchBox .number {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: top;
    text-align: center;
    margin-right: 5px;
    position: absolute;
    border-radius: 20px;
    bacolor: #fff;
    border: 2px solid #3c5d1a;
}

#matchBox .home .number {
    background-color: #e27a48;
    left: 61px;
    top: -4px;
    font-weight: bold;
}

#matchBox .guest .number {
    background-color: #3f9ed8;
    left: -12px;
    top: -4px;
    font-weight: bold;
}


#matchBox .backupPlay .shutup-btn {
    background-color: rgb(58, 92, 27);
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    line-height: 24px;
    width: 80px;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}

#matchBox .backupPlay .shutup-btn:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 4px solid rgba(255, 255, 255, 0.5);
    border-top: 0 none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: 2px;
    margin-left: 5px;
}

.plays .playBox .play span:hover ul,
#matchBox .backupPlay .play span:hover ul {
    display: block;
}

#matchBox .backupPlay .play span ul {
    position: absolute;
    display: none;
    background: #1f3508;
    color: #d8d8d8;
    left: 0;
    font-size: 12px;
    padding: 20PX;
    border-radius: 5PX;
    top: -125px;
    z-index: 999;
    padding-left: 95px;
    box-shadow: 0 -28px 50px rgba(25, 24, 40, .35);
}

#matchBox .plays .playBox .play span:hover .name a:hover,
#matchBox .backupPlay .play span:hover .name a:hover {
    color: #fff;
    text-decoration: none;
}

#matchBox .plays .playBox .play span:hover .name,
#matchBox .backupPlay .play span:hover .name {
    background: #FF5722;
    color: #fff;
    cursor: pointer;
}

.plays .playBox .play span ul li,
#matchBox .backupPlay .play span ul li {
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 15px;
}

.plays .playBox .play span ul li.icon img,
#matchBox .backupPlay .play span ul li.icon img {
    width: 100%;
    height: 100%;
}

#matchBox .backupPlay .play span:hover {
    z-index: 999;
}

#matchBox .backupPlay .play span {
    vertical-align: middle;
    display: table-cell;
    width: 100%;
    height: 20px;
    position: relative;
}

.plays .playBox .play span ul li.icon,
#matchBox .backupPlay .play span ul li.icon {
    float: left;
    width: 75px;
    height: 100px;
    background: #e1e1e1;
    position: absolute;
    left: 15px;
    top: 15px;
    margin-left: 0;
    border: 3px solid #d8d8d8;
}

.box-substitute {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#matchBox .backupPlay .shutup-btn {
    background-color: rgb(58, 92, 27);
    color: #FFF;
    margin: 0 auto;
    text-align: center;
    line-height: 24px;
    width: 80px;
    border-radius: 3px 3px 0 0;
    cursor: pointer;
}

#matchBox .backupPlay .shutup-btn:hover {
    background-color: rgb(42, 82, 6);
}

#matchBox .shutup .box-substitute {
    display: none;
}

#matchBox .shutup .shutup-btn:after {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid rgba(255, 255, 255, 0.5);
    border-bottom: 0 none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    vertical-align: 2px;
    margin-left: 5px;
}

#matchBox .shutup .shutup-btn {
    background-color: #41750D;
    width: 100%;
}

.plays .guest .playBox .play:last-child ul {
    right: 108px;
    top: 14px;
}

#matchBox .backupPlay .guest .play span ul {
    right: 0;
    left: auto;
}
.right-sidebar form#searchform >div input#searchsubmit {
    background: #397f19;
    color: #FFF;
    border: 0;
    -webkit-appearance: unset;
    padding: 5px;
    height: max-content;
    
}
.right-sidebar form#searchform >div {
    display: flex;
    align-items: center;
    gap: 2px;
    margin-bottom: 10px;
}
input#s {
    padding: 2px;
    width: calc(100% - 80px - 5px);
}

/*end*/
.ftwp-in-post#ftwp-container-outer.ftwp-float-none #ftwp-contents{
    max-width: 400px;
    width: 100%;
}
.landing-page {
    margin: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
.landing-page img {
    width: 100%;
    max-height: 325px;
    height: auto;
    margin: 0 0 15px;
}
.landing-page a {
  max-width: 300px;
  margin: auto;
}
.icon__download {
    background: #397f19;
}


.box-avatar-info {
    display: flex;
    align-items: center;
    gap: 30px;
}

.box-avatar-info .avatar-author {
    width: 100px;
    height: 100px;
}

.author-post {
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: 1px solid var(--primary-color);
    border-bottom: 1px solid var(--primary-color);
    padding-bottom: 30px;
}

.name-author {
    font-size: 24px;
    font-weight: 700;
    color: var(--primary-color);
}

.box-avatar-info a {
    color: var(--primary-color);
}

.list-social-author {
    display: flex;
    gap: 30px;
}

.list-social-author i {
    font-size: 20px;
}

.author-description {
    font-size: 16px;
    color: #000;
    padding: 20px 50px;
    position: relative;
}

.author-description:before {
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    left: 0;
    top: 0;
    position: absolute;
    font-size: 40px;
    color: var(--primary-color);
}

.author-description:after {
    content: "\f10e";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 0;
    bottom: 0;
    position: absolute;
    font-size: 40px;
    color: var(--primary-color);
}

.author-post.detail {
    padding: 0;
    border: 0;
}

.box-avatar-info.detail {
    margin-bottom: 30px;
}

.author-content {
    color: var(--primary-color);
}
label.screen-reader-text {
    display: none;
}
.ad_top img{
    width: 100%;
    height: 65px;
    margin-bottom: 5px;
}

ins img {
    width: 100%;
    height: auto;
}
/****** ADS style************/
button.adclose {
    position: absolute;
    top: 0px;
    right: 0px;
    background: black;
    color: white;
    border: thin white solid;
    transition: 0.2s;
}
ins{
	display: block;
    margin-bottom: 3px !important;
    position: relative;
    margin: auto;
     max-width: 100% !important;
}
.adscatfish{
	position: fixed; 
	right: 0px; 
	bottom: 2px; 
	width: 100%; 
	text-align: center; 
	z-index:999;
}
.adscatfish ins{
	width: 600px;
}
.adfloat img{
	width: 75px;
	
}
#blLeft{
	position: fixed; 
	left: 5px; 
	bottom: 5px; 
	z-index: 9999;
	width: 200px;
}
#blRight{
	position: fixed; 
	right: 5px; 
	bottom: 5px; 
	z-index: 9999;
	width: 200px;
}
.modal{
    z-index: 9999;
}
.modal-dialog {
    max-width: 302px;
    width: 302px;
    margin: 100px auto;
    background: none;
}
.modal-dialog .modal-content{
	background: none;
	border: none;
}
.headerbanner ins img{
	width: 600px !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100px !important;
}


@media (min-width: 992px) {
.ads-pc{
	
}
.ads-mb{
	display: none;
}
}
@media (max-width: 991px) {
.ads-pc{
	display: none;
}
.ads-mb{
	display: block;
}
ins img{
	width: 100%;
	height: auto;
}
.modal-dialog {
    max-width: 240px;
    width: 240px;
    background: none;
}

}
/********** end ADS style **********/