#wapper-all-site{
    background: #F5F5F5;
}
.hide {
    display: none !important;
}
h3 {
    background: #fff;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
    font-weight: normal;
    line-height: 1;
    color: #777;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
    font-size: 65%;
}

h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size: 75%;
}

h1,
.h1 {
    font-size: 36px;
}

h2,
.h2 {
    font-size: 30px;
}

h3,
.h3 {
    font-size: 24px;
}

h4,
.h4 {
    font-size: 18px;
}

h5,
.h5 {
    font-size: 14px;
}

h6,
.h6 {
    font-size: 12px;
}

p {
    margin: 0px;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html,
body,
div,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 14px;
    vertical-align: inherit;
    line-height: 18px;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
}

a,
p {
    font-size: 14px;
    line-height: 18px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

body {
    line-height: 1;
    padding: 0;
    margin: 0;
    background: #eaeaea;
}

ol,
ul {
    list-style: none;
    padding: 0;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

a:focus,
a:active,
a:hover,
a {
    text-decoration: none;
    outline: none;
}

.end {
    background: none !important;
}

a {
    color: #333;
    text-decoration: none;
}

input {
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
}

.description {
    line-height: 18px;
    text-align: justify;
    padding: 0px 10px;
}

h3,
h2 {
    line-height: 18px;
    font-size: 16px;
    display: inline;
}

h3 {
    color: #272727;
}
.mt-20 {
    margin-top: 20px;
}
.cursor {
    cursor: pointer;
}
.scroll-y::before, .table-xh2 tbody tr.tr-title {
    background-color: transparent;
}
.scroll-y::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.scroll-y::-webkit-scrollbar {
    height: 5px;
    border-radius: 5px;
}
.scroll-x::-webkit-scrollbar, .scroll-y::-webkit-scrollbar {
    width: 4px;
    border-radius: 5px;
}
.scroll-y::-webkit-scrollbar {
    width: 4px;
}
.scroll-y::-webkit-scrollbar-corner {
    background: #1b273c;
}
.scroll-x::-webkit-scrollbar-thumb, .scroll-y::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 5px;
}
.scroll-y::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    border-radius: 40px;
}
.scroll-y::-webkit-scrollbar-track {
    background:#FFFFFF!important;
}
.scroll-x::-webkit-scrollbar-track-piece, .scroll-y::-webkit-scrollbar-track-piece {
    /* background: rgba(70,69,69,.37); */
}
.main-container {
    width: 1216px;
    margin: 0 auto;
    background: #FFFFFF;
    /*border-bottom: 1px solid #ccc;*/
    /*min-height: 1000px;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 16px 24px;
    gap: 24px;
}

.container {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.content-page {
    width: 1184px;
    margin: 0 auto;
}
.logo img{
    width: 197.22px;
    height: 60px;
}

.content-page-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    margin: 0 auto;
    /* width: 1231px; */
    height: 39px;
}
.content-page-head ul{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.content-page-head li{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;

    color: #FFFFFF;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 14px;
    gap: 6px;
    /* width: 126px;
    height: 24px; */
    border-right: 1px solid rgba(255, 255, 255, 0.55);
}
.content-page-head li:hover{
    box-sizing: border-box;
    background: #FFFFFF;
    border-right: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 8px;
    height: 36px;
}
.content-page-head li:hover  svg{
    fill: #D2042D;
}
.content-page-head .link-top-2:hover {
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    border-right: none;
}
.content-page-head li:hover .link-top{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;

    color: #D2042D;
}
.sprite {
    background: url("../images/sprite.png");
}
/*  */
details {
    position: relative;
    margin-right: 1rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: 165px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}

details[open] {
    z-index: 1;
}

summary {
    cursor: pointer;
    border-radius: 5px;
    list-style: none;
}

summary::-webkit-details-marker {
    display: none;
}

details[open] summary:before {
    content: '';
    display: block;
    width: 100vw;
    height: 100vh;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
}

summary:after {
    content: '';
    display: inline-block;
    float: right;
    width: 0.5rem;
    height: 0.5rem;
    border-bottom: 2px solid currentColor;
    border-left: 2px solid currentColor;
    border-bottom-left-radius: 2px;
    transform: rotate(-45deg) translate(0%, 0%);
    transform-origin: center center;
    transition: transform ease-in-out 100ms;
}

summary:focus {
    outline: none;
}

details[open] summary:after {
    transform: rotate(-45deg) translate(0%, 0%);
}

.custom-select ul {
    width: 100%;
    position: absolute;
    top: calc(100% + .5rem);
    left: 0;
    padding: 1rem;
    margin: 0;
    box-sizing: border-box;
    border-radius: 5px;
    max-height: 200px;
    overflow-y: auto;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
}

.custom-select ul li {
    margin: 0;
    padding: 0.5rem 0;
    border-bottom: 1px solid #ccc;
}

.custom-select ul li:first-child {
    padding-top: 0;
}

.custom-select ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

/* FAKE SELECT */

summary.radios {
    counter-reset: radios;
}

summary.radios:before {
    content: var(--selection);
}

input[type=radio] {
    counter-increment: radios;
    appearance: none;
    display: none;
}

input[type=radio]:checked {
    display: inline;
    --display: block;
}

input[type=radio]:after {
    content: attr(title);
    display: inline;
    font-size: 1rem;
}

.custom-select ul.list {
    counter-reset: labels;
}

label {
    width: 100%;
    display: flex;
    cursor: pointer;
    justify-content: space-between;
}

label span {
    --display: none;
    display: var(--display);
    width: 1rem;
    height: 1rem;
    border: 1px solid #727272;
    border-radius: 3px;
}
/*  */
header .top-header {
    display: block;
    background-color: #fff;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #ebebeb;
}

header .top-header ul.list-page-top a {
    color: #838383;
    font-size: 12px;
    padding: 0 12px;
    line-height: 13px;
}

.list-page-top {
    position: absolute;
    z-index: 2;
}

header .top-header ul.list-page-top li {
    border-left: 1px solid #d7d7d7;
}

header .top-header ul.list-page-top li.first-page {
    border-left: none;
}

header .top-header ul.list-page-top li.first-page a {
    padding-left: 0px;
}

header .top-header ul.list-page-top .active {
    color: #bacbd9;
}

header .top-header ul.list-page-top li {
    display: inline-block;
    height: 11px;
    line-height: 14px;
    margin-top: 5px;
    vertical-align: super;
}

.logo {
    float: left;
    padding-top: 16px;
}

.button-go-by-logo {
    display: inline-block;
    left: 652px;
    position: relative;
    top: -30px;
}

header .top-header .content-page {
    position: relative;
}

header .top-header .content-page .flag-euro {
    left: -302px;
    position: absolute;
    top: 0px;
}

header {
    background: #1eb848;
}

header .top-logo-header {
    display: block;
    height: 103px;
    background: #1B1B1B;
    overflow: hidden;
    position: relative;
    background-image: url(../images/bg-header.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.top-logo-header .content-page {
    height: 112px;
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 87px;
}

.menu-top-category {
    background: #D2042D;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #EAEAEA;
    align-items: center;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 1px;
    margin: 0 auto;
}

/* .menu-top-category ul.list-menu-top li {
    display: inline-block;
    padding: 0;
    line-height: 45px;
    position: relative;
    background: url(../images/li-menu-border.png) right no-repeat;
}

.menu-top-category ul.list-menu-top li:last-child {
    background: none;
} */
/*
.bg-top-header-right {
    padding-top: 10px;
    float: right;
}

.menu-top-category ul.list-menu-top li.first-category {
    padding-left: 0px;
} */

.link-top {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}
.link-top-3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    color: #FFFFFF;
    display: flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
}
.link-top-drop {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: center;
    padding: 9.5px 16px;
    gap: 8px;
    width: 250px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}
.link-top-drop-tlk {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: center;
    padding: 9.5px 16px;
    gap: 8px;
    width: 200px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}
.note-top-ghi-ban{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px 10px;
    gap: 10px;
}
.note-top-ghi-ban span{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
}
.relative-link{
    position: relative;
}
.link-top-2 .drop-list{
    display: none;
    position: absolute;
    top: 36px;
    left: 0;
    box-sizing: border-box;
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    padding: 8px 16px 16px;
    width: 214px;
    height: 214px;
    background: #FFFFFF;
    border: 1px solid #F1F4F7;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    z-index: 99;
    border-right: none;
}
.content-page-head .border-right-0{
    border-right: none;
}
.link-top-drop .drop-list-match{
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #F1F4F7;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 16%);
    border-radius: 8px;
    flex-direction: column;
    align-items: center;
    /* padding: 8px 16px 16px; */
    isolation: isolate;
    box-sizing: border-box;
    z-index: 99;
    width: -webkit-fill-available;
}
.link-top-drop-tlk .drop-list-match{
    display: none;
    position: absolute;
    top: 38px;
    left: 0;
    background: #FFFFFF;
    border: 1px solid #F1F4F7;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 16%);
    border-radius: 8px;
    flex-direction: column;
    align-items: center;
    isolation: isolate;
    box-sizing: border-box;
    z-index: 99;
    width: -webkit-fill-available;
}
.link-top-2 .drop-list .link-1{
    box-sizing: border-box;
    flex-direction: row;
    padding: 8px 0px 8px 8px;
    gap: 8px;
    background: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;

    color: #2D3748;
    width: 100%;
}
.link-top-2 .drop-list .link-1:hover{
    background: #F9F9F9;
}
.link-drop{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px 0px 8px 8px;
    gap: 8px;
    /* width: 315px;
    height: 38px; */
    border-bottom: 1px solid #EAEAEA;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;

    color: #2D3748;
    width: -webkit-fill-available;
}
.link-drop:hover{
    background: #F9F9F9;
}
.breadcumbs>div {
    display: inline;
}
svg {
    fill: white;
}
/* .link-top:hover {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px;
    gap: 6px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 8px;
    color: #2D3748;
    fill: #2D3748;
}
.link-top-2:hover {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    gap: 6px;
    background: rgba(0, 0, 0, 0.16);
    border-radius: 8px;
} */
.link-top-2{
    display: flex;
    align-items: center;
    gap: 6px;
    position: relative;
}
.link-top-2:hover .drop-list{
    display: flex;
}
.link-top-drop:hover {
    /* box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    gap: 6px;
    background: rgba(0, 0, 0, 0.16);
    border-radius: 8px; */
}
.link-top-drop:hover .drop-list-match{
    display: flex;
}
.link-top-drop-tlk:hover {
    /* box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 14px;
    gap: 6px;
    background: rgba(0, 0, 0, 0.16);
    border-radius: 8px; */
}
.link-top-drop-tlk:hover .drop-list-match{
    display: flex;
}
.scroll-y {
    height: 512px;
}
.scroll-y {
    scrollbar-width: thin!important;
    max-height: 214px;
    height: 548px;
    overflow-y: auto;
    overflow-x: hidden;
}
.scroll-y {
    height: auto;
}


.menu-top-category ul.list-menu-top li:hover>ul.sub-menu {
    display: block;
}

.menu-top-category ul.list-menu-top li ul.sub-menu {
    display: none;
    width: auto;
    background-color: #ebebeb;
    border-bottom: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    left: -1px;
    border-right: 1px solid #c2c2c2;
    position: absolute;
    z-index: 999999;
}

.menu-top-category ul.list-menu-top li.first-category ul.sub-menu {
    left: -17px;
}

.menu-top-category ul.list-menu-top li ul.sub-menu:hover {
    display: block;
}

.menu-top-category ul.list-menu-top li ul.sub-menu li {
    display: block;
    height: 33px;
    line-height: 33px;
    background: none;
}

.menu-top-category ul.list-menu-top li ul.sub-menu li:hover {
    background-color: #159f3a;
}

.menu-top-category ul.list-menu-top li ul.sub-menu li:hover>a {
    color: #ffffff;
}
.menu-top-category ul.list-menu-top li ul.sub-menu li:hover>svg {
    color: #2D3748;
}

.menu-top-category ul.list-menu-top li ul.sub-menu li a {
    color: #2e2e2e;
    display: block;
    width: 226px;
    font-size: 14px;
    text-transform: inherit;
    line-height: 33px;
    font-weight: inherit;
}


.info {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px 190px 8px;
    background: #1B1B1B;
    border-top: 4px solid #D2042D;
}

.info .flogo {
    padding-top: 24px;
    padding-right: 25px;
    float: left;
    height: 120px;
}

.info a,
.info p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}
.logo-footer{
    display: flex;
    justify-content: center;
}
.text-welcome-bongdapro{
    width: 1052px;
    height: 44px;
}
.info .text-weight-700{
    font-weight: 700;
}
.info .text-weight-700:hover{
    color: #D2042D;
}
.text-info-footer{
    display: flex;
    flex-direction: column;
}
.nav-footer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 32px;
    padding: 5px 0px;
}
.info .nav-footer-a{
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.info .nav-footer-a:hover{
    color: #D2042D;
}
.icon-mxh{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0px;
    gap: 16px;
}
.text-end-footer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 16px;
    gap: 278px;
    border-top: 1px solid #D2042D;
}
.info .text-end-footer1{
    width: 375px;
}
.info .text-end-footer1 p{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: start;
    color: #FFFFFF;
}
.footer-content-main{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 1px 24px;
    gap: 16px;
    height: 1059px;
    background: linear-gradient(180deg, #F9F0F1 0%, rgba(249, 240, 241, 0) 100%);
    border: 1px solid #F1F4F7;
    border-radius: 16px;
    margin-top: 24px;
}
.head-footer-content-main{
    width: -webkit-fill-available;
    padding: 0 17px;
    padding-bottom: 16px;
}
.icon-social-footer{
    display: flex;
    flex-direction: row;
    justify-content: end;
    gap: 8px;
}
.list-tournaments-a{
    padding: 4px 8px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 40px;
}
.list-tournaments-a span{
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -0.03em;
    color: #1B1B1B;
}
.list-tournaments-footer{
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}
.list-tournaments-a:hover{
    background: #D2042D;
}
.list-tournaments-a:hover span{
    color: #FFFFFF;
}
.column-footer-content{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 16px 16px 24px;
    gap: 16px;
    isolation: isolate;
    width: -webkit-fill-available;
    border-top: 3px solid #D2042D;
}
.column-footer-content p{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #1B1B1B;
}
.title-column-footer-content{
    font-weight: 700;
    font-size: 28px;
    line-height: 37px;
    text-align: center;
    color: #2D3748;
}
.link-bongdapro{
    font-weight: 700;
    font-size: 28px;
    line-height: 37px;
    text-align: center;
    color: #2D3748;
}
.link-bongdapro:hover{
    color: #D2042D;
}
.text-red-bongdapro{
    color: #D2042D;
    font-weight: bold;
    font-size: 14px;
}
/* active-box */
/* ///  DECORATION CSS ///  */
.cont_select_center {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: -webkit-fill-available;
}

/* ///  END DECORATION CSS  ///  */

.icon_select_mate {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 16px;
    height: 22px;
    transition: all 275ms;
}
.img-giai-bd {
    position: absolute;
    top: 5px;
    left: 6%;
    font-size: 16px;
    height: 22px;
    transition: all 275ms;
}

.select_mate {
    position: relative;
    float: left;
    color: #777;
    font-weight: 300;
    background-color: #FFFFFF;
    border-radius: 3px;
    transition: all 375ms ease-in-out;
    /* Oculto el elemento select */

}
.select_mate select {
    position: absolute;
    overflow: hidden;
    height: 0px;
    opacity: 0;
    z-index: -1;
}

.cont_list_select_mate {
    position: relative;
    float: left;
    width: 100%;
}

.cont_select_int {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 999;
    overflow: hidden;
    height: 0px;
    width: 100%;
    background-color: #fff;
    padding: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    border-radius: 0px 0px 3px 3px;
    box-shadow: 1px 4px 10px -2px rgba(0, 0, 0, 0.2);
    transition: all 375ms ease-in-out;
}
.cont_select_int li {
    position: relative;
    float: left;
    width: auto;
    border-bottom:1px solid #E0E0E0;
    background-color: #F5F5F5;
    list-style-type: none;
    padding: 10px 2%;
    margin: 0px;
    transition: all 275ms ease-in-out;
    display: block;
    cursor:pointer;
}

.cont_select_int li:last-child {
    border-radius: 3px;
    border-bottom:0px;

}
.cont_select_int li:hover {
    background-color: #EEEEEE;
}

.active-box {
    background-color: #EEEEEE;
}

/* etiqueta <p> con la opcion selecionada  */
.selecionado_opcion {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0px 8px 8px;
    gap: 8px;
    /* width: 182px;
    height: 38px; */
    background: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;

}
.text-start {
    justify-content: flex-start;
}


/*  */
.three-column-content{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 1184px;
}
.column-left-content-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 1px;
    /* gap: 24px; */
    width: 200px;
    height: 1180px;
    border-radius: 16px;
}
.column-center-content-main{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 620px;
    /* height: 1382px; */
}
.head-data{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 11px 16px;
    gap: 31px;
    width: 100%;
    background: #D2042D;
    border-radius: 12px 12px 0px 0px;
    margin-bottom: 5px;
}
.head-data span{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #FFFFFF;
    /* text-transform: uppercase; */
}
.btn-head-data{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    gap: 10px;
    width: 750px;
    height: 54px;
    background: #FFFFFF;
    box-shadow: inset 0px -2px 0px #D2042D;
    border-radius: 16px 16px 0px 0px;
}
.five-button{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 471px;
    height: 38px;
}
.five-button a{
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: right;

    color: #2D3748;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
    background: #F1F4F7;
    border-radius: 40px;
}
.five-button a:hover{
    background: #D2042D;
    color: #FFFFFF;;
}
.body-content-main{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding: 12px 8px 8px;
    gap: 2px;
    /* width: 750px;
    height: 1322px; */
    background: #F9F0F1;
    border-top: 2px solid #D2042D;
}
.head-body-content-main{
    display: grid;
    grid-template-columns: 0.75fr 1.5fr 1fr 7fr 1.5fr 1.5fr 1.5fr 3.5fr;
    align-items: center;
    padding: 5px 8px;
    width: 100%;
    background: #2D3748;
    border-radius: 4px;
    justify-content: space-between;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.head-body-ltd-main{
    display: grid;
    grid-template-columns: 1fr 2.5fr 5fr 1.5fr 2.5fr 2.5fr;
    align-items: center;
    padding: 5px 8px;
    width: 100%;
    background: #2D3748;
    border-radius: 4px;
    justify-content: space-between;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.head-body-ket-qua{
    display: grid;
    grid-template-columns: 1fr 6fr 2fr 1fr 3fr;
    align-items: center;
    padding: 5px 8px;
    width: 100%;
    background: #2D3748;
    border-radius: 4px;
    justify-content: space-between;
}
.head-body-ket-qua span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.head-body-tlk{
    display: grid;
    grid-template-columns: 1fr 4fr 1fr 4.5fr 4.5fr;
    align-items: center;
    padding: 5px 8px;
    width: 100%;
    background: #2D3748;
    border-radius: 4px;
    justify-content: space-between;
}
.head-body-tlk span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;

}
.icon-star{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 3px 10px 3px 0px;
    gap: 10px;
    width: 33px;
    height: 22px;
}
.giai{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.gio{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.tran-dau{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.c-h-t{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    justify-content: center;
}
.ti-so{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    justify-content: center;
}
.so-lieu{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    justify-content: center;
}
.ty-le{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    justify-content: center;
}
.icon-star-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.giai-info{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 0px;
    gap: 10px;
    background: #F1F4F7;
}
.text-cam-info{
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    letter-spacing: -0.03em;
    color: #BC460B;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.gio-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 10px;
    gap: 10px;
}
.gio-info span{
    font-weight: 600;
    font-size: 13px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #0EA922;
}
.match-info{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    width: auto;
}
.tran-dau-info{
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    padding: 0px;
}
.match-du-doan-1{
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    padding: 0px;
    gap: 4px;
}
.icon-star-kq{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    justify-content: center;
    /* width: 4%; */
}
/* .ngay-gio-kq {
    width: 20%;
}
.tran-dau-kq {
    width: 30%;
}
.ti-so-kq {
    width: 7%;
} */
.ti-so-kq{
    text-align: center;
}
.hiep-1-kq {
    text-align: center;
    /* width: 5.5%; */
}
.free-kick-kq{
    /* width: 5.5%; */
    text-align: center;
}
.free-kick-main{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.text-free-kick{
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #8C8C8C;
}
.keo-kq {
    display: flex;
    justify-content: center;
    /* width: 28%; */
}
.hiep-1-main{
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}
.hiep-1-main span{
    font-weight: 400;
    font-size: 10px;
    line-height: 10px;
    color: #2D3748;
}
.keo-main{
    display: flex;
    flex-direction: row;
    align-items: center;
    width: -webkit-fill-available;
    justify-content: space-evenly;
}
.text-keo{
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    color: #2D3748;
}
.text-win{
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    color: #FF0000;
}
.text-lose{
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    color: #0EA922;
}
.time-day{
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    color: #1B1B1B;
}
.column-ngay-gio{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 10px;
    gap: 4px;
}
.full-time{
    font-weight: 700;
    font-size: 13px;
    line-height: 130%;
    color: #D2042D;
}
.clb-up, .clb-down{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    /* justify-content: space-between; */
    /* padding-right: 20px; */
}
.clb-up-tlk, .clb-down-tlk{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
    padding-right: 20px;
    height: 24px;
}
.clb-up-du-doan, .clb-down-du-doan{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    justify-content: space-between;
    padding-right: 20px;
}
.clb-item{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
}
.clb-item-du-doan{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
}
.card-item{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 10px;
    width: 14px;
    height: 14px;
}
.clb-img{
    display: flex;
    padding-right: 4px;
}
.clb-img img{
    width: 16px;
    height: 16px;
}
.name-clb{
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #1B1B1B;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.name-clb-bold{
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #1B1B1B;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.number-clb{
    font-weight: 400;
    font-size: 10px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #EB5757;
}
.card-red{
    background: #FF0000;
    font-weight: 700;
    font-size: 10px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    padding: 0px 2px;
    height: 14px;

}
.card-yellow{
    background: #F4D108;
    font-weight: 700;
    font-size: 10px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #1B1B1B;
    padding: 0px 2px;
    height: 14px;
}
.ti-so-info{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.ti-so-info span{
    padding: 2px 6px;
    gap: 10px;
    background: #4C5EFF;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #F5F5F5;
}
.width{
    width: 0;
}
.parameter-match{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0px;
    width: 305px;
    height: 40px;
}
.infomation-body{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 0.75fr 1.5fr 1fr 7fr 1.5fr 1.5fr 1.5fr 3.5fr;
    align-items: center;
    width: 734px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
}
.infomation-body-ltd{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 0.5fr 6fr 2fr 1fr 3fr;
    align-items: center;
    width: 734px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
}
.total-result-kq{
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    margin-bottom: 2px;
    padding: 5px 0;
}
.item-schedule{
    text-align: center;
    font-size: 11px;
}
.infomation-body-ket-qua{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 0.5fr 6fr 2fr 1fr 3fr;
    align-items: center;
    /*width: 734px;*/
    /*height: 48px;*/
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 8px;
}
.infomation-content-tlk{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 4fr 1fr 4.5fr 4.5fr;
    /* align-items: center; */
    padding: 7px 0px;
    background: #FFCCBC;
    border-radius: 8px;
    /* width: 734px;
    height: 146px; */
}
.infomation-content-tlk-2{
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 4fr 1fr 4.5fr 4.5fr;
    padding: 7px 0px;
    background: #EAEAEA;
    border-radius: 8px;
}
.c-h-t-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.c-h-t-black{
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;

    color: #202124;
}
.c-h-t-gray{
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;

    color: #969696;
}
.c-h-t-red{
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;

    color: #D2042D;
}
.icon-bg-soccer{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.ty-le-info{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.column-1-ty-le, .column-2-ty-le, .column-3-ty-le{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 32px;
}
.column-2-ty-le{
    width: 32px;
}
.text-ty-le-red{
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #FF0000;
}
.text-ty-le-blue{
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    display: flex;
    align-items: center;
    letter-spacing: -0.03em;

    color: #0A7FDB;
}
.text-ty-le-black{
    font-weight: 400;
    font-size: 10px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #2D3748;
}
.text-gray-info{
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #878888;
}
.text-blue-info{
    font-weight: 600;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #0099CC;
}
.text-blue-bold{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #0099CC;
}
.text-blue-nhat{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #33CC99;
}
.text-blue-dam{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #15539A;
}
.text-brown-info{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #BC460B;
}
.text-yellow-nhat{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #D8A91F;
}
.text-blink-info{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #FF3333;
}
.hight-light-match{
    display: flex;
    align-items: center;
    gap: 12px;
}
.icon-play{
    display: flex;
}
.gio-info .time-hl{
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #1B1B1B;
}
.xem-them-main{
    width: 100%;
    /* height: 80px; */
    background: #FFFFFF;
    border-radius: 8px;
}
.xem-them-body{
    padding: 19px 0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
}
.xem-them-body-a:hover {
    background: #D2042D;
}
.xem-them-body-a:hover span{
    color: #FFFFFF;
}
.xem-them-body-a{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    width: 150px;
    height: 42px;
    background: #E0E0E0;
    border-radius: 8px;
}
.xem-them-body-span{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    display: flex;
    align-items: center;
    color: #2D3748;

}
.news-list-header {
    background: #FFFFFF;
    border-bottom: 1px solid #D2042D;
    width: 100%;
    padding: 0 10px 10px 10px;
    margin-top: -15px;
}
.news-list-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #1B1B1B;
}
.two-column-news{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 0 24px 0;
    gap: 16px;
    width: 1184px;
}
.column-news-left{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 838px;
    border-radius: 16px;
}
.column-news-left-nd{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 868px;
    border-radius: 16px;
}
.column-news-right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    width: 330px;

    border-radius: 0px 0px 0px 16px;
}
.box-list-news-right{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px 16px;
    gap: 8px;
    isolation: isolate;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 0px 0px 16px 16px;
}
.bxh_content_right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 2px;
    width: 314px;
}
.bxh-header-right{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 8px;
    gap: 2px;
    width: 314px;
    background: #2D3748;
    border-radius: 4px;
}
.tt{
    width: 24px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.doi{
    width: 220px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.tran{
    width: 50px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.hs{
    width: 50px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.diem{
    width: 50px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    text-transform: uppercase;
    color: #FFFFFF;
}
.border-red-bottom{
    border-bottom: 2px solid #D2042D;
    justify-content: start;
    padding-left: 50px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    display: flex;
    align-items: center;

    color: #2D3748;
}
.head-list-news-right{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 16px;
    gap: 2px;
    isolation: isolate;
    width: 330px;
    height: 50px;
    background: #D2042D;
    border-radius: 12px 12px 0px 0px;
}
.head-list-news-right-nd{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 8px;
    gap: 8px;
    isolation: isolate;
    width: 300px;
    height: 50px;
    background: #D2042D;
    border-radius: 12px 12px 0px 0px;
}
.head-list-news-right-nd span{
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;

    color: #FFFFFF;
}
.text-bxh-right{
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    text-align: center;

    color: #FFFFFF;
}
.xem-them-head-right{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
.left-head-list-right{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;

    width: 195px;
    height: 25px;
}
.box-list-news-right{
    display: flex;
}
.order-bxh{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    gap: 2px;
    width: 314px;
    height: 32px;
    background: #F9F0F1;
    border-radius: 4px;
}
.order-bxh-blue{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px;
    gap: 2px;
    width: 314px;
    height: 32px;
    background: #F1F4F7;
    border-radius: 4px;
}
.tt-bxh{
    width: 24px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #1B1B1B;
}
.doi-bxh{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 4px;
    width: 220px;
    height: 20px;
}
.img-clb-bxh{
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.img-clb-bxh img{
    width: 20px;
    height: 20px;
}
.img-news-head-left-2 img{
    width: 265px;
    height: 170px;
}
.news-direct img{
    width: 120px;
    height: 70px;
}
.img-news-3-column img{
    width: 180px;
    height: 140px;
}
.list-news-row .img-news-3-column img{
    width: 180px;
    height: 140px;
}
.clb-img img{
    width: 16px;
    height: 16px;
}
.column-footer-content img{
    width: 1150px;
    height: 380px;
}
.name-clb-bxh{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    display: flex;
    align-items: center;
    color: #1B1B1B;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.tran-bxh{
    width: 50px;
    height: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #2D3748;
}
.hs-bxh{
    width: 50px;
    height: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #2D3748;
}
.diem-bxh-home{
    width: 50px;
    height: 16px;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: right;
    color: #1B1B1B;
}
.head-news-left{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 2px;

    width: 838px;
    height: 50px;

    background: #D2042D;
    border-radius: 16px 16px 0px 0px;
}
.head-news-left-nd{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 31px;
    width: 868px;
    height: 50px;
    background: #D2042D;
    border-radius: 12px 12px 0px 0px;
}
.head-news-left span{
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;

    color: #FFFFFF;
    padding: 12.5px 16px;
    text-align: center;
}
.head-news-left-nd span{
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.box-column-left-news{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px 8px;
    gap: 16px;
    width: 100%;
    border: 1px solid #EAEAEA;
}
.box-column-left-news-nd{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 16px 8px;
    gap: 16px;
    width: 100%;
}
.box-content-nhan-dinh{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    border-radius: 12px;
}
.title-box-nd{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0px;
    gap: 8px;
    width: 100%;
    height: 50px;
    background: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
}
.text-title-nd{
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;

    color: #2D3748;
}
.head-news-nhan-dinh{
    position: relative;
    border-radius: 4px;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
    height: 128px;
    width: 100%;
}
.btn-head-news-nd{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 4px;
    position: absolute;
    left: 12px;
    top: 91px;
    background: rgba(210, 4, 45, 0.85);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}
.btn-head-news-nd-1{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 4px;
    background: rgba(210, 4, 45, 0.85);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}
.live-news-nd{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.btn-live-green{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 4px;
    position: absolute;
    left: 12px;
    top: 91px;
    background: #0EA922;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}
.btn-live-green-2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 4px 8px;
    gap: 4px;
    background: #0EA922;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
}
.news-nhan-dinh{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 200px;
    height: 231px;
}
.live-nhan-dinh{
    font-weight: 700;
    font-size: 10px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF;
}
.end-title-nd{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 8px;
    gap: 8px;
}
.time-news-nd{
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #8C8C8C;
}
.link-a-news-nd{
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #2D3748;
}
.link-a-news-nd:hover{
    color: #D2042D;
}
.box-4-column-nd{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 16px;
    padding: 8px 0;
}
.head-news-nhan-dinh img{
    width: 200px;
    height: 128px;
    border-radius: 4px;
}
.icon-live-news{
    display: flex;
}
.nhan-dinh-news-main{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    gap: 12px;
    /* height: 2282px; */
    background: #F9F0F1;
}
.head-news-main-nd{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    gap: 8px;
    width: 836px;
    height: 50px;
    background: #FFFFFF;
    border-bottom: 1px solid #D2042D;
}
.text-head-giai{
    font-weight: 700;
    font-size: 22px;
    line-height: 130%;
    text-align: center;

    color: #2D3748;
}
.side-bar-nd{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2px 8px;
    gap: 8px;
    height: 40px;
    background: #FFF7C7;
    border: 1px solid #F9F0F1;
    border-radius: 8px 8px 0px 0px;
}
.list-danh-muc{
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.list-danh-muc li{
    border-left: 1px solid #8C8C8C;
    padding-left: 12px;
}
.list-danh-muc li a{
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    color: #2D3748;
}
.list-danh-muc li a:hover{
    color: #D2042D;
}

.list-danh-muc .border-none{
    border: none;
}
.side-bar-left-nd{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.side-bar-left-nd span{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;

    color: #2D3748;
}
.box-news-nd-main{
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
}
.news-all-nd{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 16px;
    isolation: isolate;
    background: #FFFFFF;
    border-bottom: 1px solid #F1F4F7;
}
.news-all-nd-1{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    isolation: isolate;
}
.news-all-nd-right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    gap: 8px;
}
.link-news-all-nd{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #2D3748;
}
.link-news-all-nd:hover{
    color: #D2042D;
}
.content-news-all{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.time-news-all{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #8C8C8C;
}
.xem-them-nd{
    width: 100%;
    border-radius: 8px;
    padding: 16px 0;
    display: flex;
    justify-content: center;
}
.img-news-all img{
    width: 200px;
    height: 120px;
}
.box-column-left-content-nd {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1px 8px 8px;
    gap: 4px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 0px 0px 12px 12px;
}
.head-right-green{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 16px;
    gap: 8px;
    isolation: isolate;
    width: 300px;
    height: 50px;
    background: #0EA922;
    border-radius: 12px 12px 0px 0px;
    text-align: center;
}
.head-right-orange{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 16px;
    gap: 8px;
    isolation: isolate;
    width: 300px;
    height: 50px;
    background: #FC7808;
    border-radius: 12px 12px 0px 0px;
    text-align: center;
}
.text-title-head-nd{
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    text-align: center;

    color: #FFFFFF;
}
.box-content-head-right-nd {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px 16px;
    gap: 2px;
    isolation: isolate;
    width: 300px;
    background: #FFFFFF;
    border: 1px solid #0EA922;
    border-radius: 0px 0px 16px 16px;
}
.box-content-head-right-orange {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px 16px;
    gap: 2px;
    isolation: isolate;
    background: #FFFFFF;
    border: 1px solid #FC7808;
    border-radius: 0px 0px 16px 16px;
}
.news-happened-nd{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 7px 10px;
    gap: 8px;
    background: #FFFFFF;
    border-bottom: 1px solid #F1F4F7;
    border-radius: 8px;
}
.column-news-right-nd{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.news-happened-nd img{
    width: 90px;
    height: 60px;
}
.bg-none{
    background: none;
}
.list-news-row{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    width: 100%;
    height: auto;
}
.schedule{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 11px 0px;
    gap: 10px;
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px rgb(255 255 255 / 16%);
}
.schedule-tlk{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 11px 0px;
    gap: 10px;
    width: 100%;
    height: 60px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px rgb(255 255 255 / 16%);
}
.lich-ngay-thang{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.content-list-news{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.a-news-list{
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #2D3748;
}
.a-news-list:hover{
    color: #D2042D;
}
.column-right-content-main{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 330px;
    height: auto;
}
.img-giai-bd{
    width: 24px;
    height: 24px;
}
.flex-align-center{
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
}
.title-head-left-1{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 8px;
    gap: 8px;
    isolation: isolate;
    width: 198px;
    height: 50px;
    background: #D2042D;
    border-radius: 12px 12px 0px 0px;
}
.title-head-left-1 span{
    font-weight: 700;
    font-size: 22px;
    line-height: 25px;
    text-align: center;

    color: #FFFFFF;
}
.box-column-left-content{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1px 8px 8px;
    gap: 4px;
    width: 198px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 0px 0px 12px 12px;
    max-height: 655px;
    overflow-y: auto;
}
.xem-them-select{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    gap: 8px;
    background: #FFFFFF;
}
.xem-them-select span{
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    color: #0A7FDB;
}
.select-season{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 11px 16px;
    gap: 24px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.16);
}
.season-1{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 347px;
}
.season-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 10px;
    width: 347px;
}
.chose-season-btn{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.chose-season-tlk{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.head-select-season{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #020F26;
}
.chose-season-btn span{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;

    color: #2D3748;
}
.chose-season-tlk span{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
}
.font-text-select{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;

    color: #2D3748;
}
.body-content-bxh{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
    gap: 2px;
    width: 750px;
    background: #F9F0F1;
}
.button-select-bxh{
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 10px;
    gap: 8px;
    width: 100%;
    background: #FFFFFF;
}
.button-select-bxh a{
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #2D3748;
    padding: 5px 10px;
    background: #F1F4F7;
    border-radius: 40px;
}
.button-select-bxh a:hover{
    background: #D2042D;
    color: #FFFFFF;
}
.button-select-chi-tiet{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    gap: 8px;
    background: #FFFFFF;
    border-bottom: 1px solid #F1F4F7;
}
.button-select-chi-tiet a{
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: right;
    color: #2D3748;
    padding: 6px 16px;
    background: #F1F4F7;
    border-radius: 40px;
}
.button-select-chi-tiet a:hover{
    background: #D2042D;
    color: #FFFFFF;
}
.title-head-bxh{
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    padding: 5px 0px;
    width: 100%;
    height: 32px;
    background: #2D3748;
    border-radius: 4px;
}
.xh-bxh{
    width: 7%;
    text-align: center
}
.text-xh-bxh{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;

    color: #FFFFFF;
}
.text-doi-bong{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;

    color: #FFFFFF;
}
.text-tr{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;

    color: #FFFFFF;
}
.text-six-match{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;

    color: #FFFFFF;
}
.doi-bong-bxh{
    width: 20%;
}
.doi-bong-bxh-2{
    width: 20%;
    padding: 8px;
}
.club-bxh{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.club-bxh-img{
    width: 24px;
    height: 24px;
}
.name-club-bxh{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.tr-bxh{
    width: 9.5%;
    text-align: center;
}
.t-bxh{
    width: 9.5%;
    text-align: center;
}
.h-bxh{
    width: 9.5%;
    text-align: center;
}
.b-bxh{
    width: 9.5%;
    text-align: center;
}
.diem-bxh{
    width: 9.5%;
    text-align: center;
}
.six-match{
    width: 30.5%;
    text-align: center;
}
.six-match-2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 26.5%;
    text-align: center;
}
.box-win{
    padding: 0 7px;
    background: #0EA922;
    border-radius: 4px;
    text-align: center;
}
.box-draw{
    padding: 0 6.5px;
    background: #FC7808;
    border-radius: 4px;
    text-align: center;
}
.box-lose{
    padding: 0 6.5px;
    background: #D2042D;
    border-radius: 4px;
    text-align: center;
}
.text-thang, .text-thua, .text-hoa{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}
.box-win{
    padding: 0 7px;
}
.row-main-bxh{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px #F5F5F5;
    border-radius: 8px;
}
.top-head-text{
    background: #0EA922;
    border-radius: 8px 0px 0px 8px;
    padding: 10.5px 10px;
    text-align: center;
}
.text-green-order{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
.text-tr-bxh{
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #8C8C8C;

}
.top-head-blue{
    background: #0A7FDB;
    border-radius: 8px 0px 0px 8px;
    padding: 10.5px 10px;
    text-align: center;
}
.top-head-white{
    background: #FFFFFF;
    border-radius: 8px 0px 0px 8px;
    padding: 10.5px 10px;
    text-align: center;
}
.text-black-order{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
}
.top-head-red{
    background: #D2042D;
    border-radius: 8px 0px 0px 8px;
    padding: 10.5px 10px;
    text-align: center;
}
.text-red-order{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
}
.note-bxh{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 0px;
    gap: 7px;
    width: 752px;
}
.row-1-note span{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
}
.btn-win{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 7px;
    gap: 10px;
    width: 24px;
    height: 24px;
    background: #01B243;
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
}
.btn-draw{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 7px;
    gap: 10px;
    width: 24px;
    height: 24px;
    background: #FC7808;
    border-radius: 4px;
    color: #FFFFFF;
}
.btn-lose{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1px 7px;
    gap: 10px;
    width: 24px;
    height: 24px;
    background: #D2042D;
    border-radius: 4px;
    color: #FFFFFF;
}
.note-win{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.note-draw{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.note-lose{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.row-1-note{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 16px;
}
.btn-win-1{
    width: 12px;
    height: 20px;
    background: #0EA922;
    border-radius: 8px 0px 0px 8px;
}
.btn-draw-1{
    width: 12px;
    height: 20px;
    background: #0A7FDB;
    border-radius: 8px 0px 0px 8px;
}
.btn-lose-1{
    width: 12px;
    height: 20px;
    background: #D2042D;
    border-radius: 8px 0px 0px 8px;
}
.row-2-note{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 16px;
}
.title-box-ghi-ban{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 8px;
    width: 734px;
    height: 32px;
    background: #2D3748;
    box-shadow: inset 0px -1px 0px #F5F5F5;
    border-radius: 8px;
}
.stt-tgb{
    width: 7%;
    text-align: center;
}
.stt-tgb-span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}
.player-tgb{
    width: 35%;
}
.player-tgb-span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}
.club-tgb{
    width: 30%;
}
.club-tgb-span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}
.assit-tgb{
    width: 14%;
    text-align: center;
}
.assit-tgb-span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}
.total-goal{
    width: 14%;
    text-align: center;
}
.total-goal-span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}
.main-content-tgb{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 8px;
    width: 734px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px #f5f5f5;
    border-radius: 8px;
}
.stt-tgb-1{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
}
.player{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px 0px 4px 8px;
    gap: 8px;
}
.player img{
    width: 30px;
    height: 30px;
}
.text-player{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.text-name-tgb{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.text-assit-tgb-1{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
}
.text-number-goal{
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #2D3748;
}
.border-8px{
    border-radius: 8px;
}
.phone-menu {
    color: #999;
}

.info .fcopyright {
    padding: 0px 10px 15px;
    float: left;
    width: 720px;
}

.info .fterms {
    padding-left: 25px;
    float: left;
}

.content-logo-emobi {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.list-link-footer {
    background-color: #ffffff;
    padding: 12px 0;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 15px;
    overflow: hidden;
}

.list-link-footer ul {
    display: block;
    width: 25%;
    float: left;
    padding-left: 30px;
}

.list-link-footer ul li .high-light {
    font-weight: bold;
    font-size: 16px;
}

.list-link-footer ul li a {
    color: #2e2e2e;
    line-height: 20px;
    font-size: 12px;
}
.info .text-high-light-footer {
    color: #8dc642;
    text-align: center;
}
.list-button-footer {

}

.list-button-footer .item-footer {
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}
/* start css trong_rua*/
.banner-ads-head{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 8px;
    grid-column-gap: 8px;
    padding-bottom: 8px;
}
.content-head-left{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 838px;
    height: 789px;
}
.content-head-right{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 330px;
    border-radius: 0px 0px 0px 16px;
}
.news-head-left{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 16px;
    width: 838px;
}
.news-head-left-1{
    display: flex;
    flex-direction: column;
    padding: 0px;
    width: 557px;
}
.news-head-left-1 img{
    width: 557px;
    height: 370px;
}
.link-gap{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 8px;
}
.news-content-head-left-2{
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.span-news-head{
    font-weight: 700;
    font-size: 24px;
    line-height: 130%;

    color: #2D3748;
}
.time-news-head{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.time-all{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #8C8C8C;
}
.btn-tournaments{
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    padding: 8px 16px;
    background: rgba(210, 4, 45, 0.85);
    border-radius: 12px;
}
.news-head-left-2{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
    width: 265px;
    background: linear-gradient(180deg, #F9F0F1 29.54%, rgba(249, 240, 241, 0) 98.31%);
}
.img-news-head-left-2{
    position: relative;
}
.btn-tournaments-2{
    font-weight: 400;
    font-size: 12px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 4px 10px;
    background: rgba(210, 4, 45, 0.85);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 2px;
    position: absolute;
    left: 16px;
    top: 130px;
}
.a-news-head-2{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #2D3748;
}
.time-news-2{
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #8C8C8C;
}
.content-main-news-2{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.news-head-3-row{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px 0px 16px;
    gap: 24px;
}
.news-row-1{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;
}
.img-news-3-column{
    position: relative;
}
.btn-tournaments-3{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 4px 10px;
    background: rgba(210, 4, 45, 0.85);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: absolute;
    height: 24px;
    left: 16px;
    top: 130px;
}
.btn-tournaments-4{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 4px 10px;
    background: rgba(210, 4, 45, 0.85);
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    position: absolute;
    height: 24px;
    left: 16px;
    top: 110px;
}
.time-news-2{
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #8C8C8C;
}
.a-news-head-3{
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #2D3748;
}
.content-gap{
    padding: 0px 0px 0 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
/* Hover */
.span-news-head:hover{
    color: #D2042D;
}
.a-news-head-2:hover{
    color: #D2042D;
}
.a-news-head-3:hover{
    color: #D2042D;
}
.content-head{
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.head-right-1{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 13px 16px;
    gap: 8px;
    isolation: isolate;
    width: 100%;
    height: 50px;
    background: #D2042D;
    border-radius: 12px 12px 0px 0px;
}
.span-head-right-1{
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;

    color: #FFFFFF;
}
.xem-them{
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
}
.box-content-head-right{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px 16px;
    gap: 2px;
    isolation: isolate;
    /* width: 330px;
    height: 739px; */
    background: #FFFFFF;
    border: 1px solid #D2042D;
    border-radius: 0px 0px 16px 16px;
}
.news-direct{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 7px 10px;
    gap: 8px;
    /* width: 314px;
    height: 87px; */
    background: rgba(14, 169, 34, 0.08);
    border-bottom: 1px solid #F1F4F7;
    border-radius: 8px;
}
.news-direct-left{
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.live-news{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 0px;
    gap: 4px;
}
.link-news-direct{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}
.link-news-direct:hover{
    color: #D2042D;
}
.nhap-nhay-xanh{
    font-weight: 700;
    font-size: 13px;
    line-height: 130%;
    text-align: right;
    letter-spacing: -0.03em;

    color: #0EA922;
    -webkit-animation: xanh 700ms infinite;
    -moz-animation: xanh 700ms infinite;
    -o-animation: xanh 700ms infinite;
    animation: xanh 700ms infinite;
}

@-webkit-keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
@-moz-keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
@-o-keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
@keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
.weekend{
    display: flex;
    text-align: center;
    align-items: center;
    margin: 8px;
    flex-direction: row;
    gap: 8px;
    justify-content: center;

}
.thu-2{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 3px 8px;
    gap: 2px;
    border: 1px solid #EAEAEA;
    border-radius: 8px;

}
.thu-2:hover{
    padding: 4px 8px;
    background: #D2042D;
    border-radius: 8px;
    color: #FFFFFF;
}
.thu-2:hover .span-thu-2 {
    color: white;
}
.thu-2:hover .span-thu-3 {
    color: white;
}
.span-thu-2{
    font-weight: 400;
    font-size: 10px;
    line-height: 130%;
    color: #8C8C8C;
}
.span-thu-3{
    font-weight: 700;
    font-size: 12px;
    line-height: 130%;
    color: #2D3748;
}
.button-ltd{
    background: none;
    border: none;
    padding: 0;
}
.chosen-match{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2px 8px;
    gap: 8px;
    width: 100%;
    height: 40px;
    background: #FFF7C7;
    border: 1px solid #F9F0F1;
    border-radius: 8px;
}
.chose-left-match{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 8px;
    width: 100%;
    height: 38px;
}
.name-tournaments{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;

    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.round{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 16px;
    gap: 10px;
    background: #F9F0F1;
    border-left: 3px solid #D2042D;
}
.text-round{
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #2D3748;
}
.news-happened{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 7px 10px;
    gap: 8px;
    /* width: 314px;
    height: 87px; */
    background: #F9F0F1;
    border-bottom: 1px solid #F1F4F7;
    border-radius: 8px;
}
.time-happened{
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    text-align: right;
    color: #8C8C8C;
}
.box-in-head-right{
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.padding-top-0{
    padding-top: 0;
}
.home-page{
    width: 1184px;
    height: 40px;
    background: #F1F4F7;
    border-radius: 4px;
    margin-bottom: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
}
.home-page .text-home-page{
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;

    color: #2D3748;
}
.home-page a{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #2D3748;

}
.icon-home-page{
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}
.box-nd-chi-tiet{
    display: flex;
    flex-direction: column;
    padding: 8px 8px 0px;
    gap: 16px;
    width: 100%;
}
.title-nd-chi-tiet a{
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;

    color: #2D3748;
}
.title-nd-chi-tiet a:hover{
    color: #D2042D;
}
.span-nd-chi-tiet span{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #2D3748;
}
.author{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}
.author-main{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.author-main img{
    width: 32px;
    height: 32px;
}
.author-name{
    font-weight: 700;
    font-size: 15px;
    line-height: 130%;
    color: #0A7FDB;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.tim-nd-chi-tiet span{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
}
.score-chi-tiet{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 16px;
    isolation: isolate;

    /* width: 852px;
    height: 269px; */

    background: #F7F7F7;
    border: 1px solid #F9F0F1;
    border-radius: 8px;
}
.score-nd-main{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0px 100px 16px;
    gap: 16px;
    /* width: 820px;
    height: 203px; */
    border-bottom: 1px dashed #D2042D;
}
.score-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 16px;
}
.score-left img{
    width: 70px;
    height: 70px;
}
.score-right{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 16px;
}
.score-right img{
    width: 70px;
    height: 70px;
}
.text-name-club-nd{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.score-center{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.name-tournaments-nd{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #2D3748;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.round-nd{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #8C8C8C;
}
.full-time-nd{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #D2042D;
}
.result-nd{
    font-weight: 700;
    font-size: 50px;
    line-height: 130%;
    color: #2D3748;
}
.link-chi-tiet{
    font-weight: 700;
    font-size: 14px;
    line-height: 130%;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 7px 24px;
    gap: 10px;
    background: #0EA922;
    border-radius: 40px;
}
.text-player-goal {
    display: flex;
    padding: 0 66px;
}
.text-player-goal ul{
    list-style: inherit;
}
.text-player-goal ul li{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #2D3748;
}
blockquote{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 8px 16px 16px;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}
.muc-luc{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 8px 16px 16px;
    gap: 8px;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}
.link-muc-luc{
    display: flex;
    flex-direction: column;
    padding: 0px;
    gap: 8px;
}
.link-muc-luc li{
    display: flex;
    flex-direction: row;
    gap: 13px;
    align-items: center;
}
.link-muc-luc li a{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #236DF6;
}
blockquote>h2 {
    border-bottom: 1px solid #EAEAEA;
    justify-content: start;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 21px !important;
    display: flex;
    align-items: center;
    color: #2D3748 !important;
    padding: 8px 0 8px 8px;
}
.border-nd-chi-tiet{
    border-bottom: 1px solid #EAEAEA;
    justify-content: start;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    display: flex;
    align-items: center;
    color: #2D3748;
}
.report-nd{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.comment-box {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px;
    background: #F1F4F7;
    border-top: 2px solid #D2042D;
    border-radius: 0px 0px 16px 16px;
}
.comment-box .title-com,
.post-des {
    font-size: 18px;
    font-weight: 500
}
.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ju-cen {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.py-20 {
    padding: 20px 0
}
.send-content{
    position: relative;
}
.send-content textarea {
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
    color: black;
    width: -webkit-fill-available;
    height: 70px;
    padding: 9px 16px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.send-content .btn-emoji {
    position: absolute;
    top: 10px;
    right: 10px
}
.list-tags {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    margin-top: 10px;
}

.list-tags span {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #2D3748;
}

.list-tags a {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #2D3748;
    padding: 7px 12px;
    background: #FFFFFF;
    border-radius: 40px;
}
.list-tags a:hover {
    background: #D2042D;
    color: #FFFFFF;
}
.title-com{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.title-com span{
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #2D3748;
}
.ul-li-nd{
    list-style: initial;
    padding: 0 24px;
}
.ul-li-nd li{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2D3748;
}
.text-du-doan-nd{
    font-weight: 700;
    font-size: 18px;
    line-height: 30px;
    display: flex;
    align-items: center;
    color: #D2042D;
}
.text-span-report{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.text-span-report em,
.text-span-report p{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2D3748;
}
.text-span-report h2{
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    color: #2D3748;
}
.text-span-report strong{	
    font-size: 16px;
}
.text-span-report h3{
    font-size: 18px !important;
    font-weight: 600 !important;
    text-align: justify !important;
}
.text-span-report span{
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #2D3748;
}
.text-span-report a{
    font-size: 16px !important;
    color: #01a835 !important;
}
.text-span-report a span{
    font-size: 16px !important;
    color: #01a835 !important;
}
.text-span-report a:hover{
    color: #e03e2d !important;
}
.img-report-2 img{
    width: 100%;
    height: auto;
}
.text-line-up span{
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #2D3748;
}
.text-report-nd{
    font-style: italic;
    font-weight: 400;
    font-size: 16px;
    line-height: 40px;
    display: flex;
    align-items: center;
    color: #2D3748;
}
.img-report img{
    width: 852px;
    height: 554.67px;
}
.box-recent-nd{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 1px 1px 16px;
    gap: 8px;
    border: 1px solid #F1F4F7;
}
.expNoEdit figcaption,
.expNoEdit figcaption span,
.expNoEdit figcaption em{
    text-align: center !important;
    color: darksalmon !important;
    font-style: italic !important;
}
.phong-do{
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;

    color: #FFFFFF;
}
.head-recent{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    gap: 8px;
    background: #D2042D;
    border-bottom: 1px solid #D2042D;
}
.tournaments-recent{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 8px;
    gap: 8px;
    background: #F1F4F7;
}
.text-others{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-align: center;

    color: #2D3748;
}
.played{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 8px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.box-played-1{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px 8px;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.box-played{
    display: flex;
    flex-direction: column;
    gap: 2px;
    background: #F1F4F7;
}
.icon-mxh-nd{
    display: flex;
    justify-content: end;
    align-items: center;
}
.head-main-nd-2{
    padding-left: 8px;
    border-left: 3px solid #D2042D;
    margin-left: 10px;
}
.head-main-nd-2 span{
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    text-transform: uppercase;
    color: #1B1B1B;
}
.nhan-dinh-news-main-2{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 16px 24px;
    gap: 16px;
    width: 852px;
    background: #F9F0F1;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}
.nhan-dinh-news-main-3{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px 0px 16px;
    gap: 16px;
    border: 1px solid #F1F4F7;
    border-radius: 8px;
}
.news-all-nd-2{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px;
    isolation: isolate;
    background: #FFFFFF;
    border-bottom: 1px solid #F1F4F7;
    border-radius: 8px;
}
.box-news-nd-main-2{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    border-radius: 0px 0px 8px 8px;
}
.box-blue-right-nd{

}
.head-right-blue-2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 13px 16px;
    gap: 8px;
    isolation: isolate;
    width: 300px;
    height: 50px;
    background: #0A7FDB;
    border-radius: 12px 12px 0px 0px;
    text-align: center;
}
.box-content-head-right-blue {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px 16px;
    gap: 2px;
    isolation: isolate;
    background: #FFFFFF;
    border: 1px solid #0A7FDB;
    border-radius: 0px 0px 16px 16px;
}
.news-direct-right-blue img{
    width: 120px;
    height: 70px;
}
.img-report-tin-ct img{
    width: 852px;
    height: 466px;
}
.result-chi-tiet{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    gap: 16px;
    isolation: isolate;
    width: -webkit-fill-available;
    background: #F7F7F7;
    border: 1px solid #F9F0F1;
    border-radius: 8px;
    position: relative;
}
.result-ct{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 0px 0px 8px;
    gap: 8px;
    width: -webkit-fill-available;
    border-bottom: 1px dashed #D2042D;
}
.head-result-ct{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    gap: 50px;
}
.name-giai-ct{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #D2042D;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.number-round-ct{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #FC7808;
}
.center-result-ct{
    display: grid;
    grid-template-columns: 2fr 1fr 2fr;
    align-items: center;
    gap: 16px;
}
.column-left-result-ct{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    justify-content: end;
}
.column-right-result-ct{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 16px;
    justify-content: start;
}
.column-left-result-ct img{
    width: 80px;
    height: 80px;
}
.column-right-result-ct img{
    width: 80px;
    height: 80px;
}
.name-clb-ct{
    font-weight: 700;
    font-size: 24px;
    line-height: 22px;
    color: #1B1B1B;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}
.column-center-result-ct{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 8px;
}
.text-green-ct{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    color: #0EA922;
}
.text-score-ct{
    font-weight: 700;
    font-size: 50px;
    line-height: 130%;
    color: #2D3748;
}
.player-goal-ct{
    display: flex;
    flex-direction: row;
    text-align: center;
}
.dress-weather-ct{
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    color: #1B1B1B;
}
.dress-result-ct{
    display: flex;
    justify-content: center;
    flex-direction: row;
    gap: 50px;
}
.img-position-left-ct{
    position: absolute;
    left: -10px;
    top: 0;
    opacity: 0.1;
    transform: rotate(-24.74deg);
}
.img-position-left-ct img{
    width: 165px;
    height: 165px;
}
.img-position-right-ct{
    position: absolute;
    right: -9px;
    top: -6px;
    opacity: 0.1;
    transform: rotate(24.74deg);
}
.img-position-right-ct img{
    width: 165px;
    height: 165px;
}
.nhay-xanh{
    font-weight: 700;
    font-size: 16px;
    line-height: 130%;
    text-align: right;
    letter-spacing: -0.03em;

    color: #0EA922;
    -webkit-animation: xanh 700ms infinite;
    -moz-animation: xanh 700ms infinite;
    -o-animation: xanh 700ms infinite;
    animation: xanh 700ms infinite;
}

@-webkit-keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
@-moz-keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
@-o-keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
@keyframes xanh {
    0% { color: #0EA922; }
    50% { color: #fff; }
    100% { color: #0EA922; }
}
.search-box-content {
    width: 100%;
    margin: auto;
    padding: 0 16px 16px 16px;
}

.search-box-content .search-input {
    position: relative;
}

.search-box-content .search-input input {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    background: #F1F4F7;
    border-radius: 40px;
    text-align: center;
    width: 100%;
    height: 54px;
    border: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;

    color: #828282;
}

.search-box-content .search-input button {
    border: none;
    position: absolute;
    top: 8px;
    right: 30%;
    background: 0 0;
}
.title-box-bxh-fifa{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 8px;
    width: -webkit-fill-available;
    background: #2D3748;
    box-shadow: inset 0px -1px 0px #F5F5F5;
    border-radius: 8px;
}
.grid-bxh-fifa{
    display: grid;
    grid-template-columns: 1fr 4fr 1.5fr 2fr 2fr 1.5fr 1.5fr 2fr;
    width: -webkit-fill-available;
    grid-column-gap: 10px;
}
.grid-content-fifa{
    display: grid;
    grid-template-columns: 1fr 5fr 1.5fr 2fr 2fr 1.5fr 1.5fr 2fr;
    width: -webkit-fill-available;
    /* grid-column-gap: 10px; */
    align-items: center;
}
.grid-content-fifa span{
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2D3748;
}
.grid-bxh-fifa span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #FFFFFF;
}
.xhkv-fifa, .point-plus, .xh-plus, .area-fifa{
    text-align: center;
}
.dtqg-1{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.text-list-bxh-fifa{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
}
.point-plus, .xh-plus{
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
.main-content-fifa{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 8px;
    width: 734px;
    height: 40px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px #f5f5f5;
    border-radius: 8px;
}
.main-content-fifa:hover{
    background: #F2C94C;
}
.dtqg-1 img{
    width: 28px;
    height: 28px;
}
.note-bxh-fifa{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px;
    gap: 10px;
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #2D3748;
}
.grid-content-fifa
.text-span-fifa-1{
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
}
.body-content-du-doan{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    padding: 12px 8px 8px;
    gap: 2px;
    background: #F9F0F1;
}
.note-head-du-doan{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 11px 16px;
    gap: 10px;
    background: #FFFFFF;
    box-shadow: inset 0px -1px 0px rgba(255, 255, 255, 0.16);
}
.note-head-du-doan span{
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #2D3748;
}
.head-body-du-doan{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 8px;
    width: 100%;
    height: 32px;
    background: #2D3748;
    border-radius: 4px;
    justify-content: space-between;
}
.six-column-du-doan{
    display: grid;
    grid-template-columns: 1.5fr 3.5fr 1.5fr 1.25fr 1.25fr 1.75fr;
    width: -webkit-fill-available;
    align-items: center;
}
.ratio-du-doan, .du-doan-text, .chose-du-doan, .tx-du-doan{
    text-align: center;
}
.head-body-du-doan span{
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;

    color: #FFFFFF;
}
.infomation-du-doan{
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 8px;
    width: 734px;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #F1F4F7;
    border-radius: 8px;
}
.time-text-du-doan{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0px 4px;
}
.time-text-du-doan span{
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;

    color: #2D3748;
}
.ratio-du-doan-2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.ratio-du-doan-2 span{
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;

    color: #FF0000;
}
.du-doan-text-2{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.du-doan-text-2 span{
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: -0.03em;

    color: #4C5EFF;
    padding: 2px 6px;
    gap: 10px;
    background: rgba(76, 94, 255, 0.08);
    border-radius: 4px;
}
.chose-du-doan-2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 2px;
}
.chose-du-doan-2 span{
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #2D3748;
}
.tx-du-doan-2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 2px;
}
.tx-du-doan-2 span{
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #2D3748;
}
.column-1-tlk{
    display: flex;
    flex-direction: column;
    padding: 0px 8px;
    gap: 4px;
    align-items: center;
    justify-content: center;
}
.match-tlk{
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    gap: 8px;
    width: auto;
}
.tran-dau-tlk{
    display: flex;
    flex-direction: column;
    /* align-items: flex-start; */
    gap: 4px;
}
.ti-so-tlk{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 2px;
    gap: 4px;
}
.lock-tlk{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
}
.full-time-tlk-1{
    gap: 4px;
    display: flex;
    flex-direction: column;
    border-right: 1px dashed #FFFFFF;
}
.hiep-1-tlk-1{
    gap: 4px;
    display: flex;
    flex-direction: column;
    border-right: 1px dashed #FFFFFF;
}
.icon-lock-tlk{
    width: 30px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: rgba(255, 255, 255, 0.55);
    border-radius: 4px; */
}
.icon-lock-tlk-1{
    width: 30px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.55);
    border-radius: 4px;
}
.ti-so-tlk{
    text-align: center;
}
.full-time-tlk{
    text-align: center;
}
.hiep-1-tlk{
    text-align: center;
}
.ti-so-tlk-1{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.text-1-tlk-span{
    font-weight: 700;
    font-size: 16px;

    color: #1B1B1B;
    line-height: 24px;
}
.text-2-tlk-span{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 7.5px;
    gap: 10px;
    background: rgba(20, 223, 29, 0.39);
    border-radius: 2px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;

    color: #202124;
}
.text-draw-tlk{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #FC7808;
}
.draw-tlk{
    display: flex;
    flex-direction: row;
    padding-left: 30px;
}
.height-24{
    height: 24px;
    display: flex;
    align-items: center;
}
.text-black-tlk{
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #2D3748;
    text-transform: inherit;
}
.text-green-tlk{
    color: #0EA922;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-transform: inherit;
}
.text-blue-tlk{
    color: #0A7FDB;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-transform: inherit;
}
.text-red-tlk{
    color: #FF0000;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    text-transform: inherit;
}
.time-black-tlk{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #5F6368;
}
/* //End Mobile */
.dropdown{
    width: auto;
    height: 40px;
    background: none;
    border-radius: 4px;
    position: relative;
    display: inline-block;
}
.dropdown .dropbtn {
    height: 40px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #2D3748;
    padding: 8px 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: none;
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 8px;
}
.dropdown .dropbtn svg {
    margin-left: 5px;
}
.dropdown .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    /* min-width: 100px; */
    width: 100%;
    z-index: 1;
    max-height: 300px;
    border: 1px solid #E0E0E0;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 8px;
    /* padding: 16px; */
    overflow-y: scroll;
}
.dropdown .dropdown-content a {
    color: black;
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}
.dropdown .dropdown-content a:hover {
    background-color: rgba(0, 0, 0, 0.2);
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: rgba(229, 230, 232, 0.2);
}

.match-tabs {
    text-align: center;
    margin-top: 24px;
    padding: 10px 0;
    border-bottom: 2px solid #D2042D;
}
.match-tab-link.active {
    color: #FFF;
    font-weight: 700;
    background: #D2042D;
}
.match-tab-link {
    color: #2D3748;
    font-size: 14px;
    line-height: 18px;
    padding: 11px 24px;
    border-radius: 40px;
    background: #F1F4F7;
    display: inline-block;
}