@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(../fonts/poppins-regular.ttf)}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:300;src:url(../fonts/poppins-light.ttf)}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(../fonts/poppins-medium.ttf)}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(../fonts/poppins-semibold.ttf)}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:700;src:url(../fonts/poppins-bold.ttf)}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:600;src:url(../fonts/rubik-bold.ttf)}@font-face{font-display:swap;font-family:Rubik;font-style:normal;font-weight:700;src:url(../fonts/rubik-semibold.ttf)}.home-page-wrapper{padding:24px 0}.home-page-wrapper .match-schedule-wrapper{background-color:#27272a;border-radius:8px;height:auto;padding:16px 0 0;width:100%}@media only screen and (max-width:991px){.home-page-wrapper .match-schedule-wrapper{display:none}}.home-page-wrapper .match-schedule-wrapper .schedule-title{color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:27px;margin-bottom:8px;text-align:center}.home-page-wrapper .match-schedule-wrapper .list-schedule{align-items:center;display:flex;justify-content:center;padding:0 80px;width:100%}.home-page-wrapper .match-schedule-wrapper .list-schedule .schedule-item{align-items:center;border-bottom:3px solid #fff;cursor:pointer;display:flex;flex-direction:column;height:100px;height:auto;justify-content:center;margin-right:8px;max-width:14.2857142857%;min-width:14.2857142857%;padding:11px 0 3px;position:relative}.home-page-wrapper .match-schedule-wrapper .list-schedule .schedule-item .day{color:#718096;font-size:32px;font-style:normal;font-weight:500;line-height:48px;text-align:center}.home-page-wrapper .match-schedule-wrapper .list-schedule .schedule-item .label{color:#718096;font-size:14px;font-style:normal;font-weight:400;line-height:21px;text-align:center}.home-page-wrapper .match-schedule-wrapper .list-schedule .active,.home-page-wrapper .match-schedule-wrapper .list-schedule .schedule-item:hover{background:linear-gradient(180deg,rgba(209,62,52,0),rgba(209,62,52,.1));border-bottom:3px solid #e53e3e}.home-page-wrapper .match-schedule-wrapper .list-schedule .active .day,.home-page-wrapper .match-schedule-wrapper .list-schedule .active .label{color:#e53e3e}.common-main-layout{display:flex;padding-top:24px;width:100%}@media only screen and (max-width:991px){.common-main-layout{padding-top:20px}}.left-container{height:-webkit-max-content;height:-moz-max-content;height:max-content;max-width:220px;min-width:220px;overflow:hidden}@media only screen and (max-width:991px){.left-container{display:none}}.left-container .left-wrapper{background-color:#27272a;border:1px solid #383838;border-radius:10px;margin-bottom:32px;padding:16px 0}.left-container .left-wrapper .title{color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-bottom:12px;padding:0 8px}.left-container .left-wrapper .search-box{height:36px;margin-bottom:5px;padding:0 8px;position:relative;width:100%}.left-container .left-wrapper .search-box input{border:0;border-radius:10px;height:100%;outline:0;padding:9px 9px 9px 30px;width:100%}.left-container .left-wrapper .search-box img{left:15px;position:absolute;top:8px}.left-container .left-wrapper .league-item{margin-bottom:0!important}.left-container .left-wrapper .see-all-league{background:linear-gradient(135deg,#002672,#f53434);border-radius:10px;cursor:pointer;margin:8px;padding:11px;text-align:center}.left-container .left-wrapper .league-of-country{max-height:330px;overflow-y:scroll;padding-left:20px}.left-container .left-wrapper .league-of-country::-webkit-scrollbar{height:5px;width:7px}.left-container .left-wrapper .league-of-country::-webkit-scrollbar-track{border-radius:10px;box-shadow:inset 0 0 5px grey}.left-container .left-wrapper .league-of-country::-webkit-scrollbar-thumb{background:#556479;border-radius:10px}.box-common{background:#27272a;border-radius:4px;height:auto;width:100%}.box-list-league .country-item,.box-list-league .league-item{align-items:center;cursor:pointer;display:flex;padding:8px;position:relative}.box-list-league .country-item:hover,.box-list-league .league-item:hover{background-color:#494952;cursor:pointer}.box-list-league .country-item .league-image,.box-list-league .league-item .league-image{border-radius:50%;height:24px;margin-right:12px;max-width:24px;min-width:24px;-o-object-fit:cover;object-fit:cover}.box-list-league .country-item .league-name,.box-list-league .country-item country-name,.box-list-league .league-item .league-name,.box-list-league .league-item country-name{color:#fff;display:inline-block;font-size:14px;font-style:normal;font-weight:400;line-height:21px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1200px){.box-list-league .country-item .league-name,.box-list-league .country-item country-name,.box-list-league .league-item .league-name,.box-list-league .league-item country-name{max-width:150px}}.box-list-league .country-item .icon-arrow,.box-list-league .league-item .icon-arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC5SURBVHgBndMxDsIwDAVQm1wKMZUVcQgYURfEBepcoLBUjJwC5jDByIkIdqEoldwm6Zeqxk7z1CgKAGdPzUYemJhwPcoAAS9tgUh1tbNZmD1X6D3J2IPfzsJJzxMH/gASE2JdzNPdXvNihfyXxa9XLJZreLjrPQdD8PZI5clIwajLQTWsprKtTddMRcewHpiCxrBvT9sSNcTo/3Dk9N/yjmCDoIb2F+mYxMBAlO1HsVFQQ2NYcnKu5gdGboCetgEBpQAAAABJRU5ErkJggg==);background-position:50%;background-repeat:no-repeat;background-size:contain;height:14px;position:absolute;right:10px;top:13px;transition:transform .3s;width:14px}.box-list-league .country-item.active .icon-arrow,.box-list-league .league-item.active .icon-arrow{transform:rotate(180deg)}.right-container{flex-grow:1;height:auto;padding:0 0 84px 24px}@media only screen and (max-width:991px){.right-container{padding:0}}.header-title{font-size:16px;font-style:normal;font-weight:600;line-height:24px;text-transform:uppercase}.txt-live-title{color:#2ebb2e}.txt-warning{color:#e92828}.common-table-wrapper{background-color:#27272a;border:1px solid #383838;border-radius:10px;margin-bottom:24px;overflow:hidden;width:100%}@media only screen and (max-width:991px){.common-table-wrapper{margin-left:-8px;padding:0 8px;width:calc(100% + 16px)}}.common-table-wrapper .title-block{align-items:center;display:flex;margin:12px}@media only screen and (max-width:991px){.common-table-wrapper .title-block{margin-bottom:8px}}.common-table-wrapper .title-block .icon-wrapper{height:24px;margin-right:8px;max-width:24px;min-width:24px}.common-table-wrapper .title-block .icon-wrapper img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.common-table-wrapper .title-block .dash{background-color:#ccc;border:none;flex-grow:1;height:1px;margin-left:16px;width:100%}@media only screen and (max-width:991px){.common-table-wrapper .title-block .dash{display:none}}.common-table-wrapper .title-block .live-icon{height:24px;margin-right:8px;max-width:24px;min-width:24px}.common-table-wrapper .title-block .live-icon img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.common-table-wrapper .live-status-wrapper{align-items:center;display:flex;height:auto;justify-content:center;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.list-match-container{width:100%}.list-match-container .match-row{align-items:center;background:#27272a;border-top:1px solid #45454a;color:#fff;display:flex;font-size:14px;font-style:normal;font-weight:400;line-height:21px;padding:8px 10px;width:100%}.list-match-container .match-row:last-of-type{margin-bottom:0}@media only screen and (max-width:991px){.list-match-container .match-row{flex-direction:column;font-size:13px;font-style:normal;font-weight:400;line-height:20px;padding:8px 0}}.list-match-container .txt-green{color:#009a5f}.list-match-container .bt-view,.list-match-container .txt-green{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.list-match-container .bt-view{background:linear-gradient(135deg,#002672,#f53434);border:0;color:#fff;cursor:pointer;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:21px;padding:7px 8px}@media only screen and (max-width:991px){.list-match-container .bt-view{display:none}}.list-match-container .time-league-wrapper{align-items:center;display:flex;margin-right:8px;width:30%}@media only screen and (max-width:991px){.list-match-container .time-league-wrapper{align-items:center;display:flex;margin-bottom:12px;margin-right:0;width:100%}}.list-match-container .match-time-wrapper{align-items:center;display:flex;margin-right:8px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;width:40%}@media only screen and (max-width:991px){.list-match-container .match-time-wrapper{margin-right:0;width:50%}}.list-match-container .match-time-wrapper .txt-live{color:#2ebb2e}.list-match-container .match-time-wrapper .status-btn-wrapper{align-items:center;background:rgba(254,229,0,.1);color:#ffe500;display:flex;font-size:12px;font-style:normal;line-height:18px;margin-left:15px;padding:2px 5px;text-transform:uppercase}.list-match-container .match-time-wrapper .status-btn-wrapper .livenow{margin-right:6px}.list-match-container .match-half{margin:0 16px}.list-match-container .match-league-wrapper{display:flex;justify-content:flex-start;max-width:60%;width:60%}@media only screen and (max-width:991px){.list-match-container .match-league-wrapper{justify-content:flex-end;max-width:100%;width:100%}}.list-match-container .match-league-wrapper .league-name{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1200px){.list-match-container .match-league-wrapper .league-name{margin:0;max-width:100px;padding:0}}@media only screen and (max-width:991px){.list-match-container .match-league-wrapper .league-name{max-width:150px}}.list-match-container .right-row{align-items:center;display:flex;width:70%}@media only screen and (max-width:991px){.list-match-container .right-row{width:100%}}.list-match-container .list-team-wrapper{align-items:center;display:flex;flex-grow:1;justify-content:center;margin:0 8px}@media only screen and (max-width:991px){.list-match-container .list-team-wrapper{margin:0}}.list-match-container .list-team-wrapper .item-team{align-items:center;display:flex;width:50%}.list-match-container .list-team-wrapper .item-team .club-image{height:28px;max-width:28px;min-width:28px;-o-object-fit:cover;object-fit:cover}.list-match-container .list-team-wrapper .item-team .club-name-wrapper{display:flex}.list-match-container .list-team-wrapper .item-team .club-name-wrapper .club-name{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:1200px){.list-match-container .list-team-wrapper .item-team .club-name-wrapper .club-name{max-width:100px}}@media only screen and (max-width:991px){.list-match-container .list-team-wrapper .item-team .club-name-wrapper .club-name{max-width:150px}}.list-match-container .list-team-wrapper .team-a{justify-content:flex-end}.list-match-container .list-team-wrapper .team-a .club-image{margin-left:12px}@media only screen and (max-width:991px){.list-match-container .list-team-wrapper .team-a .club-image{margin-left:4px}}.list-match-container .list-team-wrapper .team-a .club-name{text-align:right}.list-match-container .list-team-wrapper .team-b .club-image{margin-right:12px}@media only screen and (max-width:991px){.list-match-container .list-team-wrapper .team-b .club-image{margin-right:4px}}.list-match-container .list-team-wrapper .team-b .club-name{text-align:left}.list-match-container .list-team-wrapper .score-wrapper{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;padding:0 36px;text-align:center}@media only screen and (max-width:991px){.list-match-container .list-team-wrapper .score-wrapper{padding:0 16px}}.livenow>div{-webkit-animation:live 1.4s ease-in-out infinite;animation:live 1.4s ease-in-out infinite;-webkit-animation-fill-mode:both;animation-fill-mode:both;border:3px solid #fff;border-radius:100%;height:10px;vertical-align:middle;width:10px}.livenow>div:first-child{-webkit-animation-delay:-.1s;animation-delay:-.1s;background-color:#27272a}@-webkit-keyframes live{0%,80%,to{-webkit-transform:scale(.6)}40%{-webkit-transform:scale(1)}}@keyframes live{0%,80%,to{transform:scale(.6);-webkit-transform:scale(.6)}40%{transform:scale(1);-webkit-transform:scale(1)}}.hot-match-table{border:1px solid #c82626}.main-tab{align-items:center;display:flex;justify-content:center;margin:0 0 16px;padding:0;position:relative}.main-tab:before{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";margin-right:40px;width:50%}@media only screen and (max-width:991px){.main-tab:before{display:none}}.main-tab:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";margin-left:40px;width:50%}@media only screen and (max-width:991px){.main-tab:after{display:none}}.main-tab .main-tab-item{align-items:center;border:1px solid #fff;display:flex;margin:0 10px;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;position:relative}.main-tab .main-tab-item a{align-items:center;display:flex;height:100%;padding:6px 12px;text-decoration:none;width:100%}.main-tab .main-tab-item .label{color:#fff;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.main-tab .ui-tabs-active{background-color:#002672}.main-tab .ui-tabs-active:before{background:#002672;border-bottom:1px solid #fff;border-left:1px solid #fff;bottom:-7px;content:"";display:block;height:10px;left:50%;position:absolute;transform:translate(-50%) rotate(-45deg);width:10px}.list-match-table{width:100%}@media only screen and (max-width:991px){.list-match-table{margin-left:-8px;width:calc(100% + 16px)}}.list-match-table .match-table-item{border:none;border-radius:0 0 8px 8px;margin-bottom:24px}.list-match-table .header-match-container{background-image:url(../images/bg-title-day.svg);background-repeat:no-repeat;display:block;margin-top:20px;padding:9px 50px 9px 30px}.list-match-table .header-match-container .title{color:#fff;font-size:16px;font-style:normal;font-weight:500;line-height:24px}@media only screen and (max-width:991px){.list-match-table .header-match-container .title{font-size:15px;font-style:normal;font-weight:500;line-height:22px}}.date-time-picker-wrapper{cursor:pointer;position:absolute;right:0;top:0}.date-time-picker-wrapper .el-date-editor{font-family:Poppins!important;height:40px;max-width:150px!important}@media only screen and (max-width:991px){.list-match-home .match-row{padding:8px;align-items: flex-start;}}.breadcrumb-container{padding:16px 0}.breadcrumb-container .breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-container .breadcrumb.active,.breadcrumb-container .breadcrumb .breadcrumb-item a{color:hsla(0,0%,100%,.7)}.breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-container .breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:hsla(0,0%,100%,.7);content:">";display:inline-block;padding-right:.5rem}.footer-description a{color:#fff}.t_time_num_dot{-webkit-animation:my .7s infinite;animation:my .7s infinite;background-color:#2ebb2e;border-radius:50%;color:#2ebb2e;display:inline-block;height:10px;margin-right:5px;width:10px}@-webkit-keyframes my{0%{background-color:#2ebb2e}50%{background-color:#1e293b}to{background-color:#2ebb2e}}@keyframes my{0%{background-color:#2ebb2e}50%{background-color:#1e293b}to{background-color:#2ebb2e}}