.navbar_side {
    background: linear-gradient(180deg, #002E74 0%, #012243 47.92%, #0053A0 100%);
}

a.hover_menu {
    color: white;
}

.menu_button_hight {
    display: block !important;
    background-color: #cd7819 !important;
    vertical-align: middle !important;
    display: flex !important;
    align-items: center !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    height: 55px !important;
}

.menu_button_hight_low {
    vertical-align: middle !important;
    display: flex !important;
    align-items: center !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    height: 55px !important;
}

.menu_button_hight_low:hover {
    background-color: #cd7819 !important;
}

a.hover_menu:hover {
    background-color: darkgoldenrod;
    color: black;
}

.list-group-item {
    background-color: #2c2828;
    border: none;
}

.body_layout_register {
    background-image: linear-gradient(#002B69, #00203E);
    box-shadow: 0px 10px 62px 0px rgba(0, 0, 0, 1);
    height: 896px;
}

input:focus {
    outline: none;
    background: none;
}

a {
    text-decoration: none;
}

.btn_khuyenmai {
    background-image: linear-gradient(#FD8900 0%, #D6A702 46.35%, #FFB800 100%);
    border: none;
}

.btn_khuyenmai:hover {
    background-image: linear-gradient(#D6A702 46.35%, #FFB800 100%);
}

.register_now {
    background-image: linear-gradient(180deg, #002E74 1.56%, #012243 54.69%, #002E74 100%);
    border: 1px solid rgba(255, 199, 107, 1);
    width: 100%;
}

.register_now:hover {
    background-image: linear-gradient(180deg, #FFC700 0%, #FFE600 100%);
}

.border_game {
    background-image: url('/dist/images/anh_nen_3.png');
    width: 100%;
    height: auto;
    background-repeat: round;
}

.logo_game_ {
    position: absolute;
    margin-top: -13px;
    left: 0;
    right: 0;
    padding-left: 3rem;
    padding-right: 3rem;
}

.button_game_play {
    background-image: linear-gradient(180deg, #F70303 0%, #4A0101 100%), linear-gradient(180deg, #FFC76B 0%, #FFD600 100%);
    border: 1px solid;
    border-color: #d2a101;
    border-radius: 1rem;
}

.button_game_play:hover {
    background-image: linear-gradient(180deg, #F70303 0%, #F70303 100%);
}

.bxhContent {
    margin-right: 0rem;
    padding: 0 0.5rem 0 0.5rem;
}

.bxhIcon {
    position: relative;
    left: 0rem;
    z-index: 99;
    bottom: 0.6rem;
}

.topUser {
    height: 2rem;
    border-radius: 2rem 0rem 0rem 2rem;
    border: 2px solid rgba(159, 142, 98, 0.6);
    border-right-style: none;
    width: 4rem !important;
    font-size: 0.7rem;
    padding: 0 0 0 1rem;
}

.topGame {
    height: 2rem;
    border: 2px solid rgba(159, 142, 98, 0.6);
    border-left-style: none;
    border-right-style: none;
    width: 0rem !important;
    padding: 0;
    margin: 0px;
    font-size: 0.7rem;
}

.topAmount {
    height: 2rem;
    border-radius: 0rem 2rem 2rem 0rem;
    border: 2px solid rgba(159, 142, 98, 0.6);
    border-left-style: none;
    color: rgba(159, 142, 98, 1);
    width: 6rem !important;
}

.menu_not_user_id {
    position: absolute;
    left: 5rem;
}

/*.button_play_game{*/
/*    bottom: 3rem;*/
/*    left: 8rem;*/
/*    position: relative;*/
/*}*/
.logo_brand {
    position: absolute;
    right: 40%;
    left: 40%;
    text-align: center;
}

@media only screen and (min-width: 1000px) {

    /* For laptop: */
    .btn_khuyenmai {
        height: 100%;
        height: -moz-available;
        width: 100%;
    }

    .register_now {
        display: none;
    }

    .play_now {
        display: none;
    }

    .border_game {
        background: none;
        border: 2px solid #efb932;
        border-radius: 1rem;
    }

    .logo_game_ {
        max-width: 50%;
        text-align: center;
        margin: auto;
        margin-top: -1rem;
    }

    .logo_game__ {
        background-color: #13181C;
        justify-content: center;
    }

    .home_content {
        margin-top: 5rem;
    }

    /*.button_game_play{*/
    /*    margin-right: 1rem;*/
    /*}*/
    .border_game {
        height: auto;
    }

    .border_right,
    .border_left {
        width: 100%;
        height: 1px;
        margin-top: 1rem;
    }

    .gift {
        font-size: 2rem;
    }

    .top_3_m {
        display: none !important;
    }

    .footer_m {
        margin: 0;
        max-width: 100%;
    }

    .logo_paco {
        text-align: right;
    }

    .line_center {
        text-align: center;
        width: 100%;
        height: 1px;
        margin-bottom: 1rem;
    }

    .zalo {
        text-align: right;
    }

    .telegram {
        text-align: left;
    }

    .fixed-bottom {
        display: none;
    }

    .menu_pc_layout {
        position: relative;
        left: 2rem;
    }

    .menu_pc_layout_right {
        position: relative;
        right: 1rem;
    }

    .link_menu {
        padding: 0rem 1rem 0rem 1rem;
    }

    .footer_ct {
        padding-bottom: 0px !important;
    }

    .img_card {
        margin-top: -1rem;
    }

    .col_content {
        justify-content: center;
    }

    .img_mc {
        padding-top: 0.5rem;
    }

    .socical {
        padding-bottom: 0rem;
    }

    .history_layout {
        padding: 2rem;
    }

    .topUser,
    .topGame,
    .topAmount {
        text-align: center !important;
        font-size: 1rem !important;
    }

    .contentCCTN {
        font-size: 1rem !important;
    }

    .mb__ {
        display: none !important;
    }

    .textInfo__ {
        font-size: 1.4rem !important;
    }

    .btn_khuyenmai {
        width: 100%;
        height: 100%;
        height: -moz-available;
        color: white;
        font-style: italic;
        font-size: 1.4rem !important;
    }

    .card_table_histories {
        padding: 2rem;
    }

    .card_topup {
        padding: 2rem;
    }

    .layout_tablet {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {

    /*for tablet*/
    /* .menu_pc_layout{
        display: none !important;
    } */
    .btn_khuyenmai {
        height: 100%;
        height: -moz-available;
        width: 100%;
    }

    .register_now {
        display: none;
    }

    .play_now {
        display: none;
    }

    .border_game {
        background: none;
        border: 2px solid #efb932;
        border-radius: 1rem;
    }

    .logo_game_ {
        max-width: 50%;
        text-align: center;
        margin: auto;
        margin-top: -1rem;
    }

    .logo_game__ {
        background-color: #13181C;
        justify-content: center;
    }

    .home_content {
        margin-top: 5rem;
    }

    /*.button_game_play{*/
    /*    margin-right: 1rem;*/
    /*}*/
    .border_game {
        height: auto;
    }

    .border_right,
    .border_left {
        width: 100%;
        height: 1px;
        margin-top: 1rem;
    }

    .gift {
        font-size: 2rem;
    }

    .top_3_m {
        display: none !important;
    }

    .footer_m {
        margin: 0;
        max-width: 100%;
    }

    .logo_paco {
        text-align: right;
    }

    .line_center {
        text-align: center;
        width: 100%;
        height: 1px;
        margin-bottom: 1rem;
    }

    .zalo {
        text-align: right;
    }

    .telegram {
        text-align: left;
    }

    .fixed-bottom {
        display: none;
    }

    /* .link_menu{
        padding: 0rem 1rem 0rem 1rem;
    } */
    .footer_ct {
        padding-bottom: 0px !important;
    }

    .img_card {
        margin-top: -1rem;
    }

    .col_content {
        justify-content: center;
    }

    .img_mc {
        padding-top: 0.5rem;
    }

    .socical {
        padding-bottom: 0rem;
    }

    .history_layout {
        padding: 2rem;
    }

    .topUser,
    .topGame,
    .topAmount {
        text-align: center !important;
        font-size: 1rem !important;
    }

    .contentCCTN {
        font-size: 1rem !important;
    }

    .mb__ {
        display: none !important;
    }

    .textInfo__ {
        font-size: 1.4rem !important;
    }

    .btn_khuyenmai {
        width: 100%;
        height: 100%;
        height: -moz-available;
        color: white;
        font-style: italic;
        font-size: 1.4rem !important;
    }

    .card_table_histories {
        padding: 2rem;
    }

    .card_topup {
        padding: 2rem;
    }

    .image_game_mb {
        width: inherit;
    }

    .button_play_game {
        bottom: 5rem;
        left: 15rem;
        position: relative;
    }

    .button_game_play {
        font-size: xx-large !important;
    }
}

@media only screen and (max-width: 768px) {

    /* For mobile phones: */
    .layout_tablet {
        display: none;
    }

    .card_topup {
        padding-top: 2rem;
    }

    .play_now {
        width: 100%;
    }

    .image_game {
        flex: none;
    }

    .top_3 {
        display: none !important;
    }

    .menu_pc_layout {
        display: none !important;
    }

    .col_content {
        width: 100%;
    }

    .img_card {
        margin-top: -1rem;
    }

    .img_mc {
        padding-top: 0.5rem;
    }

    .title_logo {
        padding: 0px;
    }

    .col_content {
        justify-content: center;
    }

    .col_content div a {
        font-size: 0.6rem;
    }

    .socical {
        padding-bottom: 3rem;
    }

    .history_layout {
        padding-bottom: 0rem;
        padding-top: 0rem;
    }

    .footer_m div.text-white {
        font-size: 0.8rem !important;
    }

    .footer_m div div div div p.text-white {
        font-size: 0.8rem !important;
    }

    .btn_khuyenmai {
        width: 100%;
        height: 100%;
        height: -moz-available;
        color: white;
        font-style: italic;
        font-size: 1rem !important;
        padding: 0 0 0 0 !important;
    }

    .pc__ {
        display: none !important;
    }

    .link_menu__ {
        font-size: 0.6rem;
    }

    .textInfo__ {
        font-size: 0.7rem !important;
        padding: 0.5rem 0 0 0 !important;
    }

    .mbBanner {
        height: 32.8px;
    }

    .textTX {
        font-size: 0.7rem !important;
    }
}

.ball {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.b2 {
    background: radial-gradient(circle at 65% 15%, white 1px, aqua 3%, darkblue 60%, aqua 100%);
}

.b10 {
    background: radial-gradient(circle at 65% 15%, white 1px, aqua 3%, darkgreen 60%, aqua 100%);
}

.b1 {
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(217, 255, 0) 3%, #F6BE00 60%, #F6BE00 100%);
}

.b3 {
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(184, 185, 185) 3%, darkgray 60%, darkgray 100%);
}

.b4 {
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(255, 208, 0) 3%, darkorange 60%, darkorange 100%);
}

.b5 {
    background: radial-gradient(circle at 65% 15%, white 1px, aqua 3%, darkcyan 60%, aqua 100%);
}

.b6 {
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(212, 0, 255) 3%, #800080 60%, #800080 100%);
}

.b7 {
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(69, 61, 75) 3%, rgb(97, 86, 86) 60%, gray 100%);
}

.b8 {
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(255, 0, 0) 3%, darkred 60%, darkred 100%);
}

.b9 {
    background: radial-gradient(circle at 65% 15%, white 1px, rgb(70, 53, 42) 3%, #654321 60%, #654321 100%);
}

.tbl_result_livestream {
    width: 33rem;
    margin: 0px;
    height: 378px;
}

.result_livestream {
    background-color: #c5d7f2;
    padding: 0px;
}

.btn_show_result {
    background-image: linear-gradient(sandybrown, wheat);
    border-radius: 0px;
}

.logo_lotto {
    background-image: linear-gradient(darkblue, black);
}

.show_livestream {
    color: black;
    font-style: italic;
    text-decoration: underline;
}

.result {
    padding: 4rem;
}

.result_ball {
    justify-content: center;
}

.label_livestream {
    background-color: black;
    padding: 0.5rem 1rem 0.5rem 1rem;
    text-align: center;
    width: 100%;
}

.timeset_livestream {
    background-color: #c5d7f2;
}

.settimeout {
    background-image: linear-gradient(to bottom, #5b1313, #931f1f);
    padding: 1rem;
    border-radius: 1rem;
}

.btn_topup,
.btn_withdrawal {
    background-image: linear-gradient(30deg, #023639, #056369, #023639);
    box-shadow: 0 8px 6px -6px #000000cf;
    width: 100%;
}

.btn_history,
.btn_request {
    box-shadow: 0 8px 6px -6px #000000cf;
    background-image: linear-gradient(30deg, #ffffff, #d5d6d6, #d5d6d6);
    color: #333;
    width: 100%;
}

.topbar {
    background-image: linear-gradient(#002E74, #012243, #0053A0);
}

.link_url {
    color: white;
    font-size: 1.3rem;
    margin: 1.2rem 0rem 0rem 0rem;
    padding: 0.5rem 1rem 0rem 1rem;
    font-weight: 600;
    height: 3.4rem;
}

.link_url:hover {
    color: green;
    border: 1px solid white;
    border-radius: 1rem;
    background-color: wheat;
}

.login_ {
    position: absolute;
    right: 1rem;
    color: white;
}

.change_en {
    position: absolute;
    right: 20rem;
}

.change_vi {
    position: absolute;
    right: 16rem;
}

.event {
    position: relative;
    width: 39rem;
    bottom: 2.4rem;
    right: 0.5rem;
}

.btn_event {
    color: white;
    background-image: linear-gradient(#FD8900, #D6A702, #FFB800);
}

.border_images {
    color: white;
    border: 2px solid;
    border-color: #A67A3E;
    height: 30rem;
    border-radius: 1rem;
}

.logo_ {
    background-color: #2c2828;
    width: 40rem;
    margin: auto;
}

.btn_play {
    display: block;
    color: white;
    text-align: center;
    margin: auto;
    background-image: linear-gradient(#F70303, #4A0101), linear-gradient(#FFC76B, #FFD600);
    width: 10rem;
}

.btn_play:hover {
    color: black;
}

.list_game {
    padding: 5rem 0rem 0rem 0rem;
}

.border_topmoney {
    width: 24rem;
    height: 0.2rem;
}

.list_bxh {
    padding: 0rem 15rem 0rem 15rem;
}

.btn_vierw_more {
    border: 1px solid;
    border-color: #FFC76B;
    background-image: linear-gradient(#F70303 0%, #4A0101 100%), linear-gradient(#FFC76B 0%, #FFD600 100%);
    color: white;
}

.game_taixiu {
    background-color: #768ba9;
    padding: 1rem;
}

.tab_list {
    background-color: #c5d7f2;
}

.hover_tab:hover {
    background-color: white;
    color: black;
}

.btn_first {
    background-image: linear-gradient(30deg, #023639, #056369, #023639);
    box-shadow: 0 8px 6px -6px #000000cf;
    width: fit-content;
    border-radius: 0rem;
    color: white;
}

.btn_end {
    background-image: linear-gradient(30deg, #ffffff, #d5d6d6, #d5d6d6);
    box-shadow: 0 8px 6px -6px #000000cf;
    width: fit-content;
    border-radius: 0rem;
    color: black;
    margin-left: 2rem;
}

.tab_danhde {
    background-color: #cfe2ff;
    margin: 0;
}

.btn_picknumber {
    color: #045750 !important;
    border-radius: 0rem !important;
    background-image: linear-gradient(30deg, #ffffff, #d5d6d6, #d5d6d6);
    padding: 0.2rem 1rem 0.2rem 1rem !important;
    font-size: 13px;
}

.btn_picknumber:hover {
    background-image: linear-gradient(30deg, #ffffff, black);
}

.picknumber {
    /*position: absolute;*/
    /*right: 10rem;*/
    margin-top: 1rem;
}

.bg_rule_first {
    background-image: url("/dist/images/bg-guide.png");
    height: 40px;
}

.icon_start {
    position: relative;
    top: 2.9rem;
    right: 1.38rem;
}

.start_group {
    margin-top: -2.5rem;
}

.tab_picknumber_pane {
    background-color: #c5d7f2;
    height: 230px;
}

.number_top {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: darkgreen;
    display: block;
    border-color: darkgreen;
    border: 2px solid;
    text-align: center;
    margin-right: 1rem;
    cursor: pointer;
}

.number_top:hover {
    border-color: orange;
    color: orange;
}

.dozen {
    padding: 0rem 2rem 0rem 2rem;
    color: black;
    font-weight: 600;
    font-size: 1rem;
}

.nodozen {
    padding: 0rem 3.5rem 0rem 2rem;
    color: black;
    font-weight: 600;
    font-size: 1rem;
}

.number_bottom {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    text-align: center;
    margin-right: 1rem;
}

.bottom_number {
    margin-top: -1rem;
}

.number_bottom_16,
.number_bottom_17,
.number_bottom_11 {
    color: #0e2c88 !important;
    font-weight: 700;
}

.number_bottom_0,
.number_bottom_1 {
    color: red !important;
    font-weight: 700;
}

.tutorial {
    color: #014346;
    font-weight: bold;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 17px;
    border: 1px solid #014346;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.btn_bet {
    color: black;
    background-color: white;
    width: fit-content;
}

.btn_bet:hover {
    background-color: gray;
}

.option_bet {
    margin-top: -1rem;
}

.unit {
    padding: 0rem 1rem 0rem 2rem;
    color: black;
    font-weight: 600;
    font-size: 1rem;
}

.border_bet {
    border-style: dashed;
    border: 1px dashed #f58b8b;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.bg_counter {
    background-color: darkgreen;
    border-radius: 0.5rem;
    margin-top: 0.8rem;
    height: 2rem;
}

.hover_btn {
    padding: 0rem 0.5rem 0rem 0.5rem;
    border-radius: 0rem;
    text-align: center;
}

.hover_btn:hover {
    background-color: gray !important;
    color: black !important;
}

.counter_number {
    background: none;
    border: none;
    width: 3rem;
    color: white;
    font-weight: 700;
}

.bet_now {
    background-color: #5b1313;
    border-radius: 0px;
    border: 1px solid darkgreen;
}

.bet_now:hover {
    background-color: #931f1f !important;
}

.add_sticker_bet {
    background-color: darkgreen;
    border-radius: 0rem;
}

.add_sticker_bet:hover {
    background-color: #048600 !important;
}

.content_bet {
    background-color: #c5d7f2;
    color: black;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

.text_content {
    background-color: #cfe2ff;
    padding: 0.5rem 1rem 0.5rem 1rem;
    color: black;
    font-weight: 700;
    border-radius: 0.5rem;
    border: 1px solid black;
}

.content_bet_table {
    height: 17rem;
}

.alert_empty_data {
    position: relative;
    bottom: 10rem;
}

.total_bet {
    margin-top: 1rem;
    font-weight: 700;
}

.feed_ {
    background-color: #0e2c88;
}

.feed_:hover {
    background-color: #1D68CD;
}

.block_chat_mobile {
    position: fixed;
    top: 65%;
    right: 1%;
    cursor: pointer;
}

html,
body {
    /*overflow-x: hidden;*/
}

body {
    position: relative
}