body {
    overflow-x: hidden;
    background-color: #222f3b;
    color: #fff;
    opacity: 0;
}
.clearfix {
    clear: both;
}
.mu-main {
    clear: both;
}
.container-fluid {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.loading-overlay {
    transition: visibility 0s ease-in-out .5s, opacity .5s ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    visibility: hidden;
    background-color: #222f3b;
    z-index: 99999;
}
.timer-bank{
	display: -webkit-inline-box;
    font-size: -webkit-xxx-large;
    font-size: 18px;
}
.thoigianconlai {
    font-size: 18px;
}
.box_thongbaomoi {
    padding: 10px;
    border: 2px solid red;
    margin: 10px 0;
    border-radius: 10px;
    position: relative;
}
.box_thongbaomoi_left {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    bottom: 0;
    height: 100%;
    z-index: 1;
    background-color: red;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box_thongbaomoi_right {
    padding-left: 70px;
    text-align: left;
}
.bounce-loader {
    transition: all .2s;
    margin: -9px 0 0 -35px;
    text-align: center;
    width: 70px;
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 10000
}

.bounce-loader .bounce1,
.bounce-loader .bounce2,
.bounce-loader .bounce3 {
    animation: 1.4s ease-in-out 0s normal both infinite running bouncedelay;
    background-color: #ccc;
    border-radius: 100%;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    display: inline-block;
    height: 18px;
    width: 18px;
}

.bounce-loader .bounce1 {
    animation-delay: -.32s;
}

.bounce-loader .bounce2 {
    animation-delay: -.16s;
}

@keyframes bouncedelay {
    0%,
    100%,
    80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}

.loading-overlay-showing>.loading-overlay {
    opacity: 1;
    visibility: visible;
    transition-delay: 0;
}
.mu-site {
    overflow: hidden;
}

.form-control {
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
}
.list-soxohomnay-hl {
    padding-top: 10px;
    text-align: left;
}
.list-soxohomnay-hl li a {
    text-align: left;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 13px;
}
.btn {
    padding: 0 10px;
    height: auto;
    line-height: 36px;
    font-size: 14px;
    border-radius: 4px;
    border: 0 !important;
}

.btn-primary {
    background: #0161df;
    color: #fff;
}

.btn-primary:hover {
    opacity: .8;
    background: #0161df;
}

.btn-danger {
    background: #ff7139;
    color: #fff;
}

.btn-danger:hover {
    opacity: .8;
    background: #ff7139;
}

.btn-warning {
    background: #ff0;
    color: #000;
}

.btn-warning:hover {
    opacity: .8;
    background: #ff0;
}

.header_btn_group .btn {
    margin-bottom: 0 !important;
}
.header_btn_group {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.header_btn_group li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.login-form .form-group {
    margin-left: 5px;
}
.mu-top-header {
    background-color: #282c35;
    color: #fff;
    padding: 10px 0;
}
.current-date {
    padding: 6px 0;
}

.mobile-mu-top-header {
    background-color: #282c35;
    color: #fff;
    padding: 10px 15px;
    position: relative;
}

.btn-dang-nhap-mobile {
    color: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -16px;
    line-height: 20px;
    z-index: 1;
    padding: 4px 10px 5px 10px;
    border-radius: 4px;
}

.btn-dang-nhap-mobile:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}

.hl_dadangnhap_bottom {
    position: relative;
    height: 48px;
    overflow: hidden;
}

.btn-dangxuat {
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 1;
}

.hl_dadangnhap_top {
    position: relative;
    height: 40px;
    margin-bottom: 8px;
}

.btn-dang-ky-mobile {
    color: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    position: absolute;
    right: 125px;
    top: 50%;
    margin-top: -16px;
    line-height: 20px;
    z-index: 1;
    padding: 4px 10px 5px 10px;
    border-radius: 4px;
}

.btn-dang-ky-mobile:hover {
    text-decoration: none;
    color: #000;
    background-color: #fff;
}

.mobile-mu-top-header img {
    height: 36px;
    width: auto;
}
.mobile-mu-top-header img.avatar_img{
    height: 28px;
    margin-right: 5px;
}

.hl_dadangnhap_bottom .btn.btn-thongbao-1 {
    padding: 8px;
    font-size: 24px;
    width:54px;
    text-align: center;
    border: 1px solid #fff !important;
    background-color: #f8721b;
}

.mobile-logo {
    display: inline-block;
}

.main-menu {
    width: 100%;
    height: 90px;
    position: relative;
}

.desktop-logo img {
    height: 54px;
    width: auto;
}
.desktop-logo {
    width: 300px;
    float: left;
    padding: 18px 0;
}

.menu-1 {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    width: calc(100% - 300px);
    float: right;
}

.mu-bottom-header {
    background-color: #282c35;
    border-top: 1px solid rgba(225,225,225,.2);
}

.menu-1 .menu-item {
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.menu-1 .menu-item a {
    color: #fff;
    font-size: 15px;
    text-decoration: none!important;
    line-height: 1.5;
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    display: block;
}

.menu-1 > .menu-item.current-menu-item > a,
.menu-1 > .menu-item > a:hover {
    color: #28a501;
}

.menu-1 .menu-item.menu-item-has-children {
    position: static;
}

.menu-1 .menu-item.menu-item-has-children>a {
    padding-right: 25px;
    position: relative;
}

.menu-1 .wrap-sub-menu .sub-menu .menu-item.menu-item-has-children>a {
    padding-right: 10px;
    position: relative;
}

.menu-1 .menu-item.menu-item-has-children>a::before {
    content: "\e909";
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 8px;
    top: 50%;
    z-index: 1;
    font-size: 10px;
    margin-top: -5px;
}

.menu-1 .wrap-sub-menu .sub-menu .menu-item.menu-item-has-children>a::before {
    right: 0;
}
.wrap-sub-menu {
    width: 100%;
}

.wrap-sub-menu:before {
    content: '';
    position: absolute;
    top: 0;
    left: -50vw;
    width: 200vw;
    height: 100%;
    background-color: #000;
    z-index: 1000;
}
.menu-1 .menu-item.menu-item-has-children:hover>.wrap-sub-menu {
    opacity: 1;
    visibility: visible;
    z-index: 1001;
}

.menu-1 .menu-item.menu-item-has-children>.wrap-sub-menu {
    top: 90px;
    left: 0;
}

.menu-1 .menu-item.menu-item-has-children>.wrap-sub-menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
}

.menu-1 .wrap-sub-menu .sub-menu .menu-item a {
    text-transform: none;
}

.menu-1 .wrap-sub-menu .sub-menu .menu-item a:hover {
    color: #28a501;
}

.menu-1 .wrap-sub-menu .sub-menu {
    padding: 0;
    position: relative;
    z-index: 1001;
}

.menu-1 .wrap-sub-menu {
    -webkit-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .3s cubic-bezier(.4, 0, .2, 1);
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    list-style: none;
    position: absolute;
    z-index: 0;
    width: 100%;
    min-width: 240px;
    top: 0;
    background: #333;
    opacity: 0;
    visibility: hidden;
    left: 100%;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.15);
}

.menu-1 .wrap-sub-menu .sub-menu > li {
    position: relative;
    padding: 10px 22px;
    display: block;
}

.menu-1 .wrap-sub-menu .sub-menu {
    border: 1px solid #575757;
    border-radius: 4px;
    margin: 10px 0;
}
.menu-1 .wrap-sub-menu .sub-menu > li + li {
    border-top: 1px solid #575757;
}

.menu-1 .wrap-sub-menu .sub-menu.type-1 > li {
    padding: 0;
}


.menu-1 > .menu-item {
    float: left;
    position: relative;
}

.menu-1 >.menu-item > a {
    display: block;
    padding: 34px 10px;
    position: relative;
}

.menu-1 .wrap-sub-menu .sub-menu li a:hover {
    color: #28a501;
}

.list_menu_1 {
    padding-left: 0;
}
.list_menu_1 .label_menu {
    display: inline-block;
    text-align: center;
    background-color: #51538c;
    color: #f1e1b3;
    border-bottom-color: #6b71a3;
    width: 80px;
    font-size: 15px;
    padding: 10px;
}
.list_menu_1 li {
    display: inline-block;
}

.list_menu_1 li + li {
    min-width: 200px;
}
.list_menu_1 li a {
    padding: 10px;
    text-transform: uppercase;
}

.block_1 {
    padding: 30px 0;   
}

.slick-slide img {
    width: 100vw;
}

[data-main-slider] {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

.content-notice {
    margin-left: 5px;
    color: #ffc662;
    font-size: 14px;
}

.hl-item a {
    display: block;
    width: 100%;
    outline: 0 !important;
}

.menu_mobile {
    background-color: #222e3a;
}

.menu_mobile_1_ul {
    list-style: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    margin-bottom: 0;
}
.menu_mobile_1_ul + .menu_mobile_1_ul {
    margin-top: 10px;
}

.menu_mobile_1_ul li {
    line-height: 16px;
    font-size: 14px;
    width: 25%;
    display: inline-block;
}
.menu_mobile_1_ul li a {
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}

.menu_mobile_1_ul li a.active {
    color: #ffc662;
}
.menu_mobile_1_ul img {
    height: 35px;
    margin-bottom: 3px;
}

.menu_mobile_1 {
    background-color: #1b222c;
    padding: 10px;
    border-radius: 10px;
    border: .5px solid #314254;
    margin-bottom: 15px;
}

.menu_mobile_2_ul img {
    height: 35px;
    float: left;
    margin-right: 5px;
}

.menu_mobile_2_ul {
    font-size: 0;
    line-height: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.menu_mobile_2_ul li {
    padding: 5px;
    width: 50%;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
}
.menu_mobile_2_ul li a {
    display: block;
    color: #fff;
    text-decoration: none !important; 
}
.txt_1 {
    font-weight: bold;
    font-size: 13px;
}
.txt_wrap {
    padding: 3px 5px;
    font-size: 13px;
}

.menu_mobile_2 .nav-tabs {
    border-bottom: 0;
}

.menu_mobile_2 .nav-tabs .nav-link.active,
.menu_mobile_2 .nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0 !important;
}

.menu_mobile_2 .nav-tabs {
    display: block;
}
.menu_mobile_2 .nav-tabs .nav-link,
.menu_mobile_2 .nav-tabs .nav-link.active,
.menu_mobile_2 .nav-tabs .nav-link:hover,
.menu_mobile_2 .nav-tabs .nav-link:focus {
    border: 1px solid #ccc !important;
    text-decoration: none !important;
    border-radius: 4px !important;
}

.menu_mobile_2 .nav-tabs .nav-link {
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.menu_mobile_2 .nav-tabs .nav-link.active,
.menu_mobile_2 .nav-tabs .nav-link:hover,
.menu_mobile_2 .nav-tabs .nav-link:focus {
    color: #ffc662;
    border-color: #ffc662 !important;
}
.menu_mobile_2 .nav-tabs {
    font-size: 0;
    line-height: 0;
    text-align: center;
}
.menu_mobile_2 .nav-tabs .nav-item {
    margin-bottom: 0;
    width: 25%;
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    padding: 2px;
}

.menu_mobile .tab-content {
    padding: 10px 0;
}

.form-dang-ky {
    padding: 40px 0;
}

.form-dang-ky-box,
.block_1 {
    background-size: cover;
    background-repeat: no-repeat;
}

.page_title_1 {
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-align: center;
}

.help-block {
    color: red;
    font-size: 13px;
}

.hl_icon {
    display: inline-block;
    background: url(../images/icons2_40741212.png) no-repeat 0 0;
    vertical-align: middle;
}
.hl_icon_naptien {
    width: 19px;
    height: 19px;
    background-position: -55px -156px;
}

.hl_icon_ruttien {
    width: 19px;
    height: 19px;
    background-position: -55px -156px;
}

.header_btn_group.logged {
    float: right;
}

.header_btn_group.logged li:first-child {
    border-right: 1px solid #696969;
    padding-right: 10px;
}
.avatar_img {
    width: 26px;
    height: 26px;
    object-fit: cover;
    border-radius: 50%;
}

.link_account_user {
    color: #fff;
}

.link_account_user:hover {
    color: #fff;
    text-decoration: none;
}

.hl_dadangnhap_bottom .link_account_user {
    width: 49%;
    float: left;
    color: #fff;
    font-weight: bold;
    text-decoration: none !important;
    border: 1px solid #fff;
    border-radius: 4px;
}

.hl_dadangnhap_bottom .link_account_user:hover {
    background-color: #fff;
    color: #000;
}

.sotien_header {
    width: 49%;
    float: right;
    padding: 11px 8px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-left: 2%;
    text-align: center;
}

/* CSS cho 3 nút trong header mobile */
.hl_dadangnhap_bottom {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.hl_dadangnhap_bottom .link_account_user {
    flex: 1;
    min-width: 0;
    width: auto;
    float: none;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 5px;
}
.bgd-kaka {
    background-color: #f8721b;
}
.hl_dadangnhap_bottom .sotien_header {
    flex: 1;
    min-width: 0;
    width: auto;
    float: none;
    margin: 0;
    padding: 8px 5px;
    text-align: center;
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center;
}

.hl_dadangnhap_bottom .btn {
    min-width: 54px;
    width: auto;
    margin: 0;
    padding: 8px 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.3s ease;
}

.hl_dadangnhap_bottom .btn:hover {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}


.noted_form {
    color: #fff;
}

.hl-table-1 th,
.hl-table-1 td {
    padding: 8px 10px;
    font-size: 16px;
    border: 1px solid #fff;
}
.hl-table-1 td {
    text-align: center;
}

.list_ketquaxoso {
    height: 300px;
    overflow-y: auto;
}
.list_ketquaxoso ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.list_ketquaxoso ul li {
    text-align: center;
    border: 1px solid #fff;
}
.list_ketquaxoso ul li a {
    text-align: center;
    font-size: 16px;
    display: block;
    padding: 5px;
    color: #e3e5fe;
    text-decoration: none !important;
}
.table-dark th, .table-dark td, .table-dark thead th {
    border-color: #fff;
}
.infor_xoso_box_title {
    background-color: #242537;
    border-bottom: 2px solid #01efe0;
    padding: 9px 10px 8px;
    color: #e3e5fe;
    font-size: 17px;
    text-align: center;
}

.infor_xoso_box {
    padding: 1px;
    background-color: #2d2f46;
    border-radius: 2px;
    border: 1px solid #414458;
}

.time_cuoc {
    color: #6c6e85;
    font-size: 14px;
    margin-bottom: 4px;
}

.time_xoso {
    position: relative;
    height: 52px;
    margin: 10px;
}

.digital-clock {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 50px;
    color: #ffffff;
    border: 2px solid #999;
    border-radius: 4px;
    text-align: center;
    font: 38px/48px 'DIGITAL', Helvetica;
    background: linear-gradient(90deg, #000, #555);
    color: #fff;
    text-shadow: 0 0 6px #ff0;
    list-style: none;
}

.luot_xoso {
    text-align: center;
    color: #8291c8;
}

.infor_xoso_box .content {
    padding-bottom: 10px;
}

.infor_xoso_box .btn_group {
    text-align: center;
    padding-top: 10px;
}

.infor_xoso_box .btn-secondary {
    margin-bottom: 10px;
    vertical-align: top;
}
.infor_xoso_box .btn-light {
    width: 191px;
    vertical-align: top;
}


.hl-tabs-1.nav-tabs {
    background-color: #51538c;
    border: 0 !important;
}

.hl-tabs-1.nav-tabs .nav-link {
    border-radius: 0;
    background-color: #51538c;
    color: #fff;
    border: 0 !important;
    padding: 12px 25px;
    font-size: 16px;
}

.hl-tabs-1.nav-tabs .nav-item{
    margin-bottom: 0 !important;
}

.hl-tabs-1.nav-tabs .nav-link:hover,
.hl-tabs-1.nav-tabs .nav-link.active {
    border: 0 !important;
}

.playgame_box {
    background-color: #fff;
    color: #282c35;
}

.playgame_box .tab-content {
    padding: 20px;
}

.hl-tabs-1.nav-tabs.type-1 {
    background: none;
}

.hl-tabs-1.nav-tabs.type-1 .nav-item {
    margin-right: 15px;
}

.hl-tabs-1.nav-tabs.type-1 .nav-link {
    background-color: #fff;
    box-shadow: 1px 0px 4px rgba(51,51,51,.15);
    color: #282c35;
    padding: 7px 25px;
    font-weight: 500;
}


.playgame_box .tab-content.typelv-2,
.playgame_box .tab-content.typelv-3 {
    padding: 10px 0;
}

.hl-tabs-1.nav-tabs.type-1.type-2 {
    margin-left: 10px;
    margin-right: 10px;
}

.hl-tabs-1.nav-tabs.type-1.type-2 .nav-link {
    padding: 5px 12px;
}

.hl-tabs-1.nav-tabs.type-1.type-2 .nav-item {
    margin-right: 10px;
    margin-bottom: 5px !important;
}

.hl-tabs-1.nav-tabs .nav-link.active {
    background-color: #fff;
    color: #282c35;
}

.hl-tabs-1.nav-tabs.type-1 .nav-link.active {
    background-color: #383b66;
    color: #fff;
}

.title_chonso {
    font-size: 18px;
    margin: 18px 10px;
}

.list-chon-so {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.list-chon-so li {
    float: left;
    margin-bottom: 20px;
    padding: 0 10px;
    width: 8.32%;
}

.list-chon-so li a {
    display: block;
    text-align: center;
    font-size: 16px;
    color: #045750;
    border: 1px solid #045750;
    font-weight: 500;
    padding: 5px 0;
    border-radius: 3px;
}


.list-chon-so li a:hover {
    text-decoration: none;
    color: #e76541;
    border: 1px solid #e76541;
}

.list-chon-so li a.active,
.list-chon-so li a.active:hover {
    text-decoration: none;
    background-color: #e76541;
    color: #fff;
    border: 1px solid #f49e1d;
}

.tile_cuoc_an strong {
    color: #3b5fd9;
}
.tile_cuoc_an {
    border: 1px dashed #3b5fd9;
    border-radius: 3px;
    padding: 6px 15px;
    font-weight: 500;
    text-align: center;
}

.dachonsonao {
    padding: 7px 0;
    text-align: center;
}

.dachonsonao strong {
    color: #3b5fd9;
}

.capsonhan {
    padding: 3px 0;
    text-align: center;
    position: relative;
}

.btn-change-input-ok {
    right: -41px;
    background: #3ea2af;
    color: #fff;
    padding: 6px 10px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    position: absolute;
    top: 2px;
    z-index: 1;
}

.btn-change-input-ok:hover {
    text-decoration: none;
    color: #fff;
}

.capsonhan-btn {
    width: 120px;
    height: 32px;
    background-color: #383b66;
    border-radius: 4px;
    position: relative;
    display: inline-block;
}

.capsonhan-btn input {
    background-color: transparent;
    border: 0 !important;
    outline: 0 !important;
    width: 60px;
    height: 32px;
    color: #fff;
    text-align: center;
    margin: 0 30px;
}

.capsonhan-btn .minus-btn {
    color: #282c35;
    text-decoration: none !important;
    border-radius: 3px;
    background-color: #fff;
    padding: 4px 6px;
    position: absolute;
    top: 5px;
    left: 6px;
    z-index: 2;
    font-size: 10px;
}

.capsonhan-btn .plus-btn {
    color: #282c35;
    text-decoration: none !important;
    border-radius: 3px;
    background-color: #fff;
    padding: 4px 6px;
    position: absolute;
    top: 5px;
    right: 6px;
    z-index: 2;
    font-size: 10px;
}

.themvecuoc {
    text-align: center;
}

.themvecuoc .btn {
    padding: 0 20px;
    font-size: 16px;
}

.table_cuoc_heading {
    overflow: hidden;
    background-color: #2d2f46;
    color: #fff;
    padding: 10px;
}
.table_cuoc_heading .label-cuoc {
    float: left;
    font-weight: 500;
}
.table_cuoc_heading .deleteallcuoc {
    float: right;
    color: #fff;
    text-decoration: none !important;
}

.sotien_tongtiencuoc {
    padding: 10px 0;
}

.sotien_tongtiencuoc strong {
    color: #3b5fd9;
}
.form-dat-cuoc .datcuoc-btn.btn-secondary {
    float: right;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 20px;
    font-weight: 500;
}

.naptien_box {
    text-align: center;
    margin-bottom: 20px;
}

.ratio_1 {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
}

.ratio_1>img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover
}

.ruttien_box {
    margin-bottom: 20px;
    max-width: 500px;
    margin: 20px auto;
    overflow: hidden;
    clear: both;
}

.list_hinhthucthanhtoan {
    border-radius: 4px;
    overflow: hidden;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    font-size: 0;
    text-align: center;
    background-color: #fff;
}

.item_post {
    text-decoration: none !important;
    color: #fff !important;
}

.item_post_title {
    font-size: 18px;
    line-height: 1.3;
    padding: 10px;
    background: red;
}
.wrap-banner-download {
    position: relative;
}
.btn-close-banner-download {
    text-decoration: none;
    color: #fff;
    font-size: 24px;
    position: absolute;
    z-index: 1;
    display: inline-block;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
}

.item_post:hover {
    opacity: .8;
    color: yellow;
}

.list_hinhthucthanhtoan li {
    display: flex;
    flex: 0 0 calc(50%);
    /* width: 50%; */
    font-size: 0;
    line-height: 0;
    padding: 10px;
    /* vertical-align: top; */
    flex-direction: column;
    justify-content: center;
}

.list_hinhthucthanhtoan li a {
    background-color: #fafafc;
    font-size: 16px;
    display: block;
    text-decoration: none !important;
    overflow: hidden;
    border: 1px solid #ececec;
    padding: 10px;
    border-radius: 5px;
    height: 100%;
    
}
.list_hinhthucthanhtoan li a .img_log_vi {
    width: 40px;
    float: left;
}
.list_hinhthucthanhtoan li a .txt {
    width: calc(100% - 40px);
    float: right;
    padding-left: 10px;
    text-align: left;
}

.list_hinhthucthanhtoan .txt_1 {
    color: #545658;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 5px;
}
.list_hinhthucthanhtoan .txt_2 {
    color: #939698;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 14px;
    text-transform: uppercase;
}
.list_hinhthucthanhtoan li a:hover {
    opacity: .8;
}

.page_title {
    font-size: 28px;
    text-transform: uppercase;
    padding: 10px;
    font-weight: bold;
    line-height: 1.5;
}

.list_hinhthucthanhtoan li a .txt {
    line-height: 25px;
    font-weight: bold;
}

.modal-1 {
    color: #000;
}

.modal-1 .modal-content {
    position: relative;
}
.modal-1 .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.title_modal {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid #ccc;
    line-height: 1.5;
}

.modal-1 .modal_desc {
    padding: 10px;
}

.modal-1 .step {
    font-weight: bold;
    margin-bottom: 10px;
}

.modal-1 .img-code {
    max-width: 200px;
    margin: 0 auto;
}

.modal-1 .btn-primary {
    padding-left: 15px;
    padding-right: 15px;
}

.thongtin_cuoc {
    background: #fff;
    padding: 20px;
    border-top: 1px solid #ccc;
}

.account_box {
    max-width: 500px;
    margin: 0 auto;
    background: rgba(255,255,255,.2);
    padding: 20px;
    border-radius: 4px;
    overflow: hidden;
}

.account_box .page_title {
    text-align: center;
}

.account_item {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.account_item strong {
    display: inline-block;
    width: 150px;
}

.account_box {
    margin-bottom: 20px;
}

.back-btn {
    display: inline-block;
}

.back-btn span {
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff;
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 3px;
}

.hl_chuadangnhap .back-btn span {
    left: auto;
    right: 217px;
    top: 13px;
}

.hl_chuadangnhap .back-btn {
    display: none;
}

.four_box_number {
    margin-bottom: 20px;
}

.four_box_number ul {
    list-style: none;
    padding-left: 0;
}

.four_box_number ul li {
    display: inline-block;
}

.four_box_number ul li:first-child {
    padding-right: 10px;
    width: 80px;
}

.four_box_number ul li a {
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 13px;
    font-size: 22px;
    vertical-align: middle;
    color: #4f5379;
    border: 2px solid #4f5379;
    font-weight: 500;
    text-decoration: none !important;
    position: relative;
    z-index: 1;
}

.four_box_number ul li a.active {
    background-color: #e76541;
    border: 1px solid #e76541;
    color: #fff;
}

.four_box_number ul li a span {
    position: relative;
    top: -2px;
    z-index: 0;
}

.hl-editor img {
    max-width: 100%;
    height: auto !important;
}

.hl-table-1 td {
    text-align: center !important;
    padding: 0px !important;
    vertical-align: inherit;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.quantity-of-number {
    font-weight: bold;
}

.hl-table-1 td.results .quantity-of-number {
    display: grid;
}
.hl-table-1 td.results .quantity-of-number[data-quantity="1"] {
    grid-template-columns: minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="2"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="6"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="3"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="4"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="5"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="6"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="7"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="8"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .quantity-of-number[data-quantity="9"] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)
}

.hl-table-1 td.results .tachsonha.conha {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    border-right: 1px solid #cccccc;
    font-size: 22px;
    font-weight: bold;
}

.wrap_sotien_buoc2 {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wrap_sotien_buoc2 input {
    padding-right: 80px;
}

.wrap_sotien_buoc2 .placeholder_buoc2 {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 6px;
}

.show_sotien_buoc2 ul {
    list-style: none;
    padding-left: 0;
}
.show_sotien_buoc2 ul li {
    color: #a0a3a5;
    font-size: 13px;
}
.show_sotien_buoc2 ul li.first {
    color: red;
}

.back-buoc2 {
    color: #000;
    padding: 0;
    margin-bottom: 6px;
    display: inline-block;
    text-decoration: none !important;
}





#popup2 .nav-pills .nav-link {
    color: #000;
    border: 0 !important;
    border-radius: 0;
    background-color: #f5f5f5;
    border-bottom :1px solid #d9d9d9 !important;
    outline: 0 !important;
    
}

#popup2 .nav-pills .nav-link.active {
    background-color: #fff;
    margin-right: -2px;
    background: #fff;
    position: relative;
    z-index: 1;
}

#popup2 .modal-dialog {
    max-width: 600px;
}

#popup2 .modal-header {
    background: #f8721b;
    padding: 10px 20px;
    color: #fff;
    font-weight: normal;
}

#popup2  .close {
    color: #fff;
    opacity: 1;
}

#popup2 .col-8 {
    border-left :1px solid #d9d9d9;
}

#popup2 .col-4 {
    padding-right: 0;
}
.xam_time {
    color: #999;
    font-size: 12px;
    line-height: 1.6;
}

.xam_thongbao {
    word-wrap: break-word;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: left;
}

#popup2 .tab-content {
    padding: 10px 30px;
}

.nrc-button {
    padding: 15px;
    width: 150px;
    background-color: #f26407;
    font-size: 16px;
    color: #fff;
    border: 0 !important;
    border-radius: 40px;
}

#popup2  .icon-closed {
    font-size: 16px;
}

.page_nap_tien_2025 .list_hinhthucthanhtoan {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
}


.list_info_acc_link {
    list-style: none;
    padding-left: 0;
}

.list_info_acc_link li.first {
    padding: 10px;
    border-bottom: 1px solid #e9e9e9;
    color: rgb(84, 86, 88);;
}

.list_info_acc_link li a {
    color: #939698;
    display: block;
    padding: 16px 10px 10px;
    text-decoration: none !important;
    font-size: 14px;
}
.page_nap_tien_2025 .action_1 img {
    margin-top: -6px;
}

.page_nap_tien_2025 .list_info_acc_link {
    padding: 0;
}

.page_nap_tien_2025 .list_info_acc_link li {
    border-bottom: 1px solid #eaeaea;
}

.action_1 img {
    height: 34px;
}

.page_nap_tien_2025 .page_title {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 0;
    font-weight: bold;
    color: #545658;
}

.page_nap_tien_2025 .page_title > span {
    padding: 13px 0 10px;
}
#init-modal .modal-dialog {
    max-width: 800px;
}

#init-modal .close {
    outline: 0 !important;
    z-index: 9999;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .31);
    color: #777;
    cursor: pointer;
    font-size: 34px;
    height: 40px;
    line-height: 46px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 11px;
    width: 40px;
    opacity: 1 !important;
}

#init-modal .close .icon-closed {
    position: relative;
    top: -7px;
    font-size: 19px;
}

#init-modal .nav-pills .nav-link {
    border: 0 !important;
    border-radius: 0;
    display: block;
    text-align: left;
    font-weight: bold;
    font-size: 18px;
    color: #777;
    border-bottom: 1px solid #e6e6e6 !important;
    padding: 20px;
    outline: 0 !important;
    box-shadow: none !important;
}

#init-modal .nav-pills .nav-link.active {
    color: #fff;
}

#init-modal .tab-content {
    border-left: 1px solid #e6e6e6 !important;
}
#init-modal .col-3 {
    padding-right: 0;
    background-repeat: no-repeat;
    background-size: 83%;
    background-position: bottom;
    margin-bottom: 10px;
}

.tab-hl-11 .nav {
    column-gap: 10px;
    justify-content: center;
}

.tab-hl-11 .nav-item {
    flex: 1;
}

.tab-hl-11 .nav-pills .nav-link {
    background-color: #fff;
    border: 1px solid #f8721d;
    color: #f8721d;
    font-size: 16px;
    padding: 6px 10px;
    border-radius: 4px;
}

.tab-hl-11 .nav-pills .nav-link.active {
    background-color: #f8721d;
    color: #fff;
    border: 1px solid #f8721d;
}
.menhgia_box_thecao {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Chia thành 4 cột bằng nhau */
    gap: 10px; /* Khoảng cách giữa các item */
}
.menhgia_box_thecao .form-check {
    padding: 5px 10px;
    margin-right: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

@media (max-width: 1199px) {
    .menu-1 >.menu-item > a {
        padding: 34px 5px;
    }
}

@media (max-width: 1145px) {
    .menu-1 >.menu-item > a {
        padding: 34px 5px;
        font-size: 13px;
    }
    .desktop-logo {
        width: 210px;
    }
    .menu-1 {
        width: calc(100% - 210px);
    }
    .desktop-logo img {
        height: 45px;
    }
}

@media (max-width: 1060px) {}
@media (min-width: 992px) {
    #init-modal .col-lg-9 {
        padding-left: 0;
    }
    .hl-row-1 {
        overflow: hidden;
        width: 100%;
    }
    .hl-col-lg-2-ex {
        width: 240px;
        float: left;
        padding-right: 15px;
    }
    .hl-col-lg-9-ex {
        width: calc(100% - 230px);
    }
}

@media (max-width: 991px) {
    #init-modal .tab-content {
        border-left: 0 !important;
    }
    .xam_thongbao {
        font-size: 16px;
    }
    #popup2 .nav-pills .nav-link {
        font-size: 14px;
    }
    .hl-col-lg-2-ex {
        display: none;
    }
    .list_hinhthucthanhtoan li {
        flex: 0 0 calc(50%);
    }
    .page_nap_tien_2025 .page_title {
        position: relative;
        padding-right: 100px;
    }
    .page_nap_tien_2025 .page_title .btn {
        position: absolute;
        right: 0;
        z-index: 1;
        top: 6px;
        font-size: 13px;
    }
    }
    .list_hinhthucthanhtoan li {
        padding: 5px;
    }
    .list_hinhthucthanhtoan li a {
        padding: 5px;
        display: flex;
        justify-content: center; /* căn giữa theo chiều ngang */
        align-items: center; /* căn giữa theo chiều dồng */
    }
    .list_hinhthucthanhtoan li a .img_log_vi {
        width: 36px;
    }
    .list_hinhthucthanhtoan li a .txt {
        width: calc(100% - 36px);
    }
    .list_hinhthucthanhtoan .txt_1 {
        font-size: 15px;
        margin-bottom: 0;
    }
    .list_hinhthucthanhtoan .txt_2 {
        font-size: 11px;
    }
    .page_nap_tien_2025 .page_title {
        font-size: 16px;
    }
    .hl-wrapper-slider {
        margin-left: -15px;
        margin-right: -15px;
    }
    .block_1 {
        padding: 0;
    }
    .list-chon-so li {
        width: 9%;
    }
    .hl-mobile-toggle-wrap {
        margin-bottom: 5px;
        text-decoration: none !important;
        text-transform: uppercase;
    }
    
}
@media (max-width: 767px) {
    .btn-change-input-ok {
        position: static;
        margin-top: 10px;
        width: 158px;
        margin-left: auto;
        margin-right: auto;
    }
    .list-chon-so li {
        width: 16%;
    }
    .title_modal {
        font-size: 16px;
    }
    .four_box_number ul li:first-child {
        display: block;
    }
    .four_box_number ul li {
        margin-bottom: 5px;
    }
}
@media (max-width: 575px) {
    .box-action .capsonhan {
        text-align: left;
    }
    .box-action .btn-change-input-ok {
        right: 0;
    }
    .box-action .themvecuoc {
        text-align: right;
    }
}
@media (max-width: 480px) {
    .list-chon-so li {
        width: calc(100%/6);
        padding: 0 4px;
        margin-bottom: 4px;
    }
    .hl-tabs-1.nav-tabs.type-1 .nav-link {
        padding: 7px 15px;
    }
    .hl-tabs-1.nav-tabs.type-1 .nav-item {
        margin-right: 7px;
    }
    .hl-table-1 td.results .tachsonha.conha {
        font-size: 16px;
    }
    .hl-table-1 th, .hl-table-1 td {
        padding: 5px;
    }
    .page_nap_tien_2025 .page_title > span {
        width: 100%;
        text-align: left;
        font-size: 15px;
    }
    .page_nap_tien_2025 .page_title .btn {
        float: left !important;
    }
}

.thang {
    background-color:#39ad60;
    color: #fff;
    border-radius: 3em;
    font-weight: 500;
}

.thua {
    background-color:#e20c0c;
    color: #fff;
    border-radius: 3em;
    font-weight: 500;
}

.dangcho {
    background-color:#3ea2af;
    color: #fff;
    border-radius: 3em;
    font-weight: 500;
}

.page-item {
    padding: 5px 5px;
    color: #000;
}

.page-item:hover{
    color: red;
}

.hl-tab-2024-suhuynh .nav-tabs li {
    margin-right: 4px;
}
.hl-tab-2024-suhuynh .nav-tabs li a {
    display: inline-block;
    padding: 6px 10px;
    background: #fff;
    color: #000;
}

.hl-tab-2024-suhuynh .nav-tabs li a:hover,
.hl-tab-2024-suhuynh .nav-tabs li.active a {
    text-decoration: none;
    background: yellow;
}

.hl-tab-2024-suhuynh .tab-content {
    padding: 10px 0;
}

/* Paging Controls Styling */
.pagination-wrapper {
    margin-top: 20px;
    padding: 15px 0;
}

.pagination {
    margin-bottom: 0;
}

.pagination .page-item .page-link {
    background-color: #2c3e50;
    border: 1px solid #34495e;
    color: #ecf0f1;
    padding: 8px 12px;
    margin: 0 2px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.pagination .page-item .page-link:hover {
    background-color: #3498db;
    border-color: #3498db;
    color: #fff;
    text-decoration: none;
}

.pagination .page-item.active .page-link {
    background-color: #e74c3c;
    border-color: #e74c3c;
    color: #fff;
}

.pagination .page-item.disabled .page-link {
    background-color: #34495e;
    border-color: #34495e;
    color: #7f8c8d;
    cursor: not-allowed;
}

.pagination .page-item.disabled .page-link:hover {
    background-color: #34495e;
    border-color: #34495e;
    color: #7f8c8d;
}

.pagination-info {
    margin-top: 10px;
}

.pagination-info small {
    color: #bdc3c7;
    font-size: 0.875rem;
}

/* Responsive paging */
@media (max-width: 768px) {
    .pagination .page-item .page-link {
        padding: 6px 8px;
        font-size: 0.875rem;
        margin: 0 1px;
    }
    
    .pagination-info small {
        font-size: 0.75rem;
    }
}