@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
:root {
    --backgroundColor: #057a58;
    --backgroundLightColor: #0fc75e;
    --backgroundDarkColor: #002317;
    --primaryLightColor: #f9e16a;
    --primaryDarkColor: #f9dd4b;
    --primaryColor: #fbd603;
}

/* @font-face {
    font-family: "Kh-Battambang";
    src: url("../../css/w8bet/font/Kh-Battambang.ttf") format("truetype");
} */

/* @font-face {
    font-family: "Kh-Battambang";
    src: url("../../css/w8bet/font/Kh-Battambang.eot");
    font-weight: normal;
}

@font-face {
    font-family: "Kh-Battambang";
    src: url("../../css/w8bet/font/Kh-Battambang.ttf") format("truetype");
    font-weight: normal;
} 

@font-face {
    font-family: "Kh-Battambang";
    src: url("../../css/w8bet/font/Kh-Battambangb.ttf") format("truetype");
    font-weight: bold;
} */

/* @font-face {
    font-family: "Kh-Battambang";
    src: url("../../css/w8bet/font/Kh-Battambang.woff2") format("woff2");
    unicode-range: U+1780-17FF,U+200B-200C,U+25CC;
}

@font-face {
    font-family: "Kh-Battambang";
    src: url("../../css/w8bet/font/Kh-Battambang-Bold.woff2") format("woff2");
    font-weight: bold;
    unicode-range: U+1780-17FF,U+200B-200C,U+25CC;
} */

/* battambang-100 - khmer */
@font-face {
    font-family: 'Kh-Battambang';
    font-style: normal;
    font-weight: 100;
    src: url('../../css/w8bet/font/battambang/battambang_khmer-100.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../../css/w8bet/font/battambang/battambang_khmer-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../../css/w8bet/font/battambang/battambang_khmer-100.woff2') format('woff2'), /* Super Modern Browsers */
         url('../../css/w8bet/font/battambang/battambang_khmer-100.woff') format('woff'), /* Modern Browsers */
         url('../../css/w8bet/font/battambang/battambang_khmer-100.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../../css/w8bet/font/battambang/battambang_khmer-100.svg#Battambang') format('svg'); /* Legacy iOS */
}
/* battambang-300 - khmer */
@font-face {
    font-family: 'Kh-Battambang';
    font-style: normal;
    font-weight: 300;
    src: url('../../css/w8bet/font/battambang/battambang_khmer-300.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('../../css/w8bet/font/battambang/battambang_khmer-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../../css/w8bet/font/battambang/battambang_khmer-300.woff2') format('woff2'), /* Super Modern Browsers */
            url('../../css/w8bet/font/battambang/battambang_khmer-300.woff') format('woff'), /* Modern Browsers */
            url('../../css/w8bet/font/battambang/battambang_khmer-300.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../../css/w8bet/font/battambang/battambang_khmer-300.svg#Battambang') format('svg'); /* Legacy iOS */
}
/* battambang-regular - khmer */
@font-face {
    font-family: 'Kh-Battambang';
    font-style: normal;
    font-weight: 400;
    src: url('../../css/w8bet/font/battambang/battambang_khmer-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('../../css/w8bet/font/battambang/battambang_khmer-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../../css/w8bet/font/battambang/battambang_khmer-regular.woff2') format('woff2'), /* Super Modern Browsers */
            url('../../css/w8bet/font/battambang/battambang_khmer-regular.woff') format('woff'), /* Modern Browsers */
            url('../../css/w8bet/font/battambang/battambang_khmer-regular.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../../css/w8bet/font/battambang/battambang_khmer-regular.svg#Battambang') format('svg'); /* Legacy iOS */
}
/* battambang-700 - khmer */
@font-face {
    font-family: 'Kh-Battambang';
    font-style: normal;
    font-weight: 700;
    src: url('../../css/w8bet/font/battambang/battambang_khmer-700.eot'); /* IE9 Compat Modes */
    src: local(''),
            url('../../css/w8bet/font/battambang/battambang_khmer-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../../css/w8bet/font/battambang/battambang_khmer-700.woff2') format('woff2'), /* Super Modern Browsers */
            url('../../css/w8bet/font/battambang/battambang_khmer-700.woff') format('woff'), /* Modern Browsers */
            url('../../css/w8bet/font/battambang/battambang_khmer-700.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../../css/w8bet/font/battambang/battambang_khmer-700.svg#Battambang') format('svg'); /* Legacy iOS */
}

* {
    font-size: 14px;
    color: #ffffff;
    font-family: 'Roboto', sans-serif;
}

.lang-kh *:not(i) {
    font-family: 'Kh-Battambang';
}

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

.lazyload {
	opacity: 0;
}

.lazyloading {
	opacity: 1;
	transition: opacity 300ms;
	background: url(../../images/loader-transparent.gif) no-repeat center;
    background-size: 2rem;
}

img.lazyload:not([src]) {
	visibility: hidden;
}

body {
    overflow-x: hidden !important;
}

main {
    overflow: unset;
}

.card-primary{
    width: 100px;
    height: 100px;
    background: #057b59;
    border-radius: 10px;
    text-align: center;
    margin: 10px;
}

.card-primary img{
    height: 70px;
}

.card-primary .border-wrapper{
    min-width: 60px;
}

.my-profile .card-primary img{
    margin-top: 23px;
    height: 40px;
}

.profile-login{
    margin-top: -10px;
}

.profile-login span{
    font-size: 8px;
}

.label-primary{
    color: var(--primaryColor);
    background: var(--backgroundColor);
    border-radius: 5px;
    font-size: 10px;
    border: 1px solid #ffffff;
    padding: 2px 5px;
}

.label-primary.size-sm {
    border-radius: 5px;
    font-size: 8px;
    border: 1px solid #ffffff;
    padding: 0 5px;
    line-height: 1.8;
    height: 15px;
}

.label-yellow{
    background: var(--primaryColor);
    border-radius: 5px;
    font-size: 13px;
    padding: 6px 12px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.8);
    font-weight: bold;
}

.btn-primary.dropdown-toggle{
    background: #ffffff;
    border-radius: 5px;
    font-size: 16px;
    padding: 4px 12px;
    color: rgba(0,0,0,0.8);
    font-weight: bold;
    border: 1px solid #ffffff;
}

.btn-primary.dropdown-toggle:hover{
    background: #ffffff;
    color: var(--backgroundColor);
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    content: '';
    vertical-align: 0;
    border-top: .7em solid;
    border-right: .5em solid transparent;
    border-bottom: 0;
    border-left: .5em solid transparent;
}

.dropdown-toggle.text-left::after {
    float: right;
    margin-top: 7px;
}

.dropdown-toggle.text-left.empty::after {
    float: right;
    margin-top: 5px;
    margin-bottom: 5px;
}

.dropdown-menu.show{
    width: 100%;
}

input[type='date']{
    color: #000000;
}

.border {
    border: 1px solid rgba(256,256,256,0.2) !important;
}

.btn-file{
    border-radius: 10px;
    background: #ffffff;
    padding: 3px 7px;
    width: 110px;
    height: 30px;
}

.btn-file .wrapper{
    background: var(--backgroundColor);
    border-radius: 10px;
    position: relative;
    height: 24px;
}

.btn-file .file-text{
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.btn-file input[type="file"]{
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.table-yellow, .table-yellow-1{
    width: 100%;
}

.table-yellow thead tr, .table-yellow-1 thead tr{
    background: #ffed15;
}

.table-yellow tbody tr, .table-yellow-1 tbody tr{
    background: #e4f8ff;
}

.table-yellow tbody td, .table-yellow-1 tbody td{
    color: rgba(0,0,0,0.8);
    font-size: 9px;
    text-align: center;
}

.table-yellow tbody tr:nth-child(even){
    background: #ffffff;
}

.table-yellow thead th{
    color: rgba(0,0,0,0.8);
    font-size: 10px;
    height: 25px;
    border-collapse: collapse;
    border: 1px solid #1bb084;
    text-align: center;
}

.table-yellow-1 thead th{
    color: rgba(0,0,0,0.8);
    font-size: 8px;
    height: 20px;
    border-collapse: collapse;
    border: 1px solid #1bb084;
    text-align: center;
}

.table-yellow-1 tbody td{
    color: rgba(0,0,0,0.8);
    font-size: 8px;
    border-collapse: collapse;
    border: 1px solid #1bb084;
    text-align: center;
}

.table-yellow.table-tab thead tr a{
    color: rgba(0,0,0,0.8);
    font-size: 9px;
    display: block;
}

.table-yellow.table-tab thead th.active{
    background: var(--backgroundColor);
    border: 1px solid #ffffff;
}

.table-yellow.table-tab.border-white thead th, .table-yellow.border-white thead th{
    border: 1px solid #ffffff;
}

.table-yellow.table-tab thead th.active a{
    color: #ffffff;
    font-size: 10px;
}

.turnover .table-yellow thead th{
    border: 2px solid #095f4a;
}

.turnover .table-yellow tbody tr{
    background: #0c926c;
}

.turnover .table-yellow tbody tr:nth-child(even){
    background: #095f4a;
}

.turnover .table-yellow tbody td{
    color: #ffffff;
    font-size: 9px;
    text-align: center;
    padding: 7px 0;
}

.withdrawal .table-yellow tbody td{
    padding: 7px 0;
}

.btn-primary{
    font-size: 13px;
}

.btn-primary, .btn-primary:hover {
    color: #fff;
    border-color: #ffffff;
    background-color: var(--backgroundColor)!important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}

.text-yellow{
    color: #f9e815 !important;
}

.our-media img{
    width: 27px;
}

.text-lighter{
    font-size: 12px;
    /* font-weight: lighter; */
}

.btn-yellow{
    background-image: linear-gradient(#f5e315, #f3cf22);
    color: #000000;
    border-radius: 5px;
    font-size: 13px;
}

.text-primary-light{
    color: var(--primaryLightColor);
}

.description {
    font-size: 0.75em;
    /* font-weight: lighter; */
    line-height: 1.3;
}

.description-sm{
    font-size: 0.7em;
    /* font-weight: lighter; */
}

.text-light div, .text-light span, .text-light a{
    color: #09ab4c !important;
}

.text-sm{
    font-size: 8px !important;
}

.text-xs{
    font-size: 6px !important;
}

.text-md{
    font-size: 12px !important;
}

.la-2x {
    font-size: 1.5em;
}

.w-33{
    width: 40%;
}

.w-66{
    width: 60%;
}

a, a:hover{
    color: #ffffff;
}

.ml-header{
    background: var(--backgroundDarkColor);
}

.nav-bar img{
    height: 25px;
}

#container{
    min-height: 100vh;
    max-width: 1080px;
    background: #095f4a;
    margin: 0 auto;
}

.logo img{
    height: 22px;
}

.border-wrapper{
    border: 0.05rem solid #ffffff;
    border-radius: 3px;
    overflow: hidden;
}

.border-wrapper.service-item{
    border: 0.05rem solid #ffffff;
    padding: 0 5px;
}

.btn-group-toggle{
    position: relative;
    width: 150px;
    border: 0.05rem solid #ffffff;
    border-radius: 5px;
    height: 22px;
    line-height: 1.8;
    font-weight: bold;
}

.btn-group-toggle a{
    position: absolute;
    width: 50%;
    right: 0;
    text-align: center;
    bottom: 0;
    top: 0;
    font-size: 9px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn-group-toggle a.btn-login{
    left: -0.05rem;
    top: -0.05rem;
    bottom:  -0.05rem;
}

.btn-group-toggle a.active{
    background-image: linear-gradient(#f5e315, #f3cf22);
    color: #037b59;
    border-radius: 5px;
}

.btn-group-toggle.size-lg{
    width: 240px;
    border: 0.15em solid #ffffff;
    border-radius: 5px;
    height: 32px;
}

.btn-group-toggle.size-lg a{
    font-size: 12px;
}

.btn-group-toggle.size-lg a.active{
    color: #000000;
    line-height: 2;
}

.btn-group-toggle.size-lg a.active{
    left: -0.15rem;
    top: -0.15rem;
    bottom:  -0.15rem;
}

.btn-group-toggle.size-lg a.right.active{
    right: -0.15rem;
    top: -0.15rem;
    bottom:  -0.15rem;
    left: unset;
}

.bg-footer{
    /*background-image: linear-gradient(180deg,#1a6453 20%, #002317 80%);*/
}

.rightCSS {
    overflow: hidden;
}

.rightCSS div {
    position: relative;
    animation: CSSright linear 18s infinite;
}
@keyframes CSSright {
    0% { right: -100% }
    100% { right: 100% }
}

.rightCSS:hover div {
    animation-play-state: paused;
}

img{
    max-width: 100%;
}

.li {
    float: left;
    width: 96%;
    margin: 3px 0;
    height: 20px;
}

.ml-footer{
    border-top: 2px solid #057b59;
    background: #036649;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.ml-body{
    padding-bottom: 60px;
}

.main-icon{
    padding: 4px 2px;
}

.main-icon img {
    height: 80px;
    /* margin-bottom: 5px; */
}

/* .main-icon .main-icon-sports {
    margin-top: 10px;
    margin-bottom: -5px;
}

.main-icon .main-icon-casino {
    margin-top: 5px;
    margin-bottom: 0px;
} */

.main-icon .border-wrapper{
    min-width: 40px;
    padding: 0.02rem 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.main-icon .text-sm{
    font-size: 7px !important;
}

.footer-item img{
    width: 60px;
}

.footer-item span{
    font-size: 12px;
}

.footer-item span.active{
    color: #0ec65d !important;
}

.bg-sport-men{
    background: url("../../images/w8bet/w8bet bg.png");
    background-size: 100% auto;
}

.stadium{
    height: 160px;
}

.stadium img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.backdrop{
    position: absolute;
    width: 100%;
    height: 160px;
    /*background-image: linear-gradient(#009e4d, rgba(0, 158, 76, 0.8));*/
    box-shadow: 0 9px 10px -2px #009e4d;
}

.pre-footer{
    position: relative;
    background-image: url("../../images/w8bet/stadium-background.jpg");
    background-size: 100% auto;
    min-height: 107px;
}

.pre-footer:before{
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*background-image: linear-gradient(#009e4d, #145d49);*/
    opacity: 0.9;
}

.bg-black{
    background: url("../../images/w8bet/W8-sponsor-bh.png") no-repeat #002316;
    background-size: 100% auto;
}

.service-item img{
    width: 60%;
}

.video{
    border-radius: 10px;
    border: 2px solid var(--backgroundDarkColor);
    height: 235px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.video:after{
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0,0,0,0.2);
    left: 0;
    top: 0;
    z-index: -1;
}

.video img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video i{
    position: absolute;
    width: 40px;
    height: 40px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 40px;
}

.border-radius-20{
    border-radius: 10px;
}

.video-list{
    padding-right: 15px !important;
}

.video-list img{
    width: 35px;
    max-width: 35px;
}

.video-list h3{
    line-height: 0.8;
    font-weight: normal !important;
    font-size: 10px !important;
}

.video-list .text-xs{
    font-size: 7px!important;
    /* font-weight: lighter; */
}

.service-list img{
    height: 70px;
    width: auto;
    margin-bottom: 15px;
    margin-top: 10px;
}

.service-list h4{
    height: 40px;
    font-weight: 500 !important;
}
h4{
    font-weight: 500 !important;
}

.social-media{
    width: 35px;
    height: 35px;
    padding: 4px;
}

.footer-item span{
    color: var(--primaryDarkColor);
    font-size: 10px;
}

.text-primary{
    color: #f4bd55 !important;
}

.social-media-color a{
    padding-right: 2px;
}

.small-icon{
    /*background: rgba(0,0,0, 0.2);*/
    margin-top: 10px;
}

.small-icon img{
    height: 20px;
    padding: 0 2px;
}

.login{
    width: 100%;
    height: 100vh;
    background: url("../../images/w8bet/bg-login.png") no-repeat;
    background-size: auto 100%;
}

.register{
    width: 100%;
    height: 100vh;
    background: url("../../images/w8bet/bg-register.png") no-repeat;
    background-size: auto 100%;
}

.form-control {
    border: none;
    border-radius: 7px;
    font-size: 15px;
}

.form-group.suffix, .form-group.prefix{
    position: relative;
}

.form-group.suffix span{
    position: absolute;
    right: 0;
    bottom: 0;
    color: gray;
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.form-group.prefix .form-control{
    padding-left: 70px;
}

.form-group.prefix span{
    position: absolute;
    left: 0;
    bottom: 0;
    color: gray;
    text-align: center;
    line-height: 40px;
    padding: 0 10px;
    width: 60px;
    border-right: 1px solid var(--backgroundDarkColor);
}
label {
    margin-bottom: 0;
}

.check-bok input[type=checkbox] {
    display:none;
}

.check-bok input[type=checkbox] + label
{
    background: #ffffff;
    height: 13px;
    width: 13px;
    display:inline-block;
    padding: 0 0 0 0;
    border-radius: 10px;
}

.check-bok input[type=checkbox]:checked + label
{
    background: url("../../images/w8bet/checked.png") no-repeat;
    background-size: 100% auto;
    height: 13px;
    width: 13px;
    display:inline-block;
    padding: 0 0 0 0;
}

.checkbox-list .col-6{
    margin-bottom: 10px;
}

input[type="checkbox"]{
    border: 1px solid #ffffff;
    outline: none;
}
input[type=checkbox]:checked   {
    background: #057a58;
    outline: none;
    border: 1px solid #057a58;
}
input:focus,input:active {
    outline: none;
}

input:hover {
    border: 1px solid rgba(50,125,255,1);
}
#promotion .modal-dialog{
    margin: 0;
    height: 100vh;
    background: #0f583c;
}
#promotion .modal-content {
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.box-provider{
    border: 1px solid #ffffff;
    background-image: linear-gradient(#0f9b4c, #106049);
    height: 80px;
    overflow: hidden    ;
    text-align: center;
    margin: 1px;
}

.box-provider img{
    margin: 0 auto;
}

.px-5{
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.game-list{
    position: relative;
    margin-top: 50px;
}

.game-list .game-logo{
    position: absolute;
    width: 100%;
    height: 60px;
    top: -50px;
    text-align: center;
}

.game-list .game-logo img{
    height: 80px;
}

.game-list .box-1{
    border-radius: 5px 5px 0 0;
    border: 2px solid #ffffff;
    padding: 5px 4px 0 4px;
    border-bottom: 0;
}

.game-list .box-2{
    border-radius: 3px 3px 0 0;
    border: 1px solid #000000;
    text-align: center;
    padding-top: 10px;
    border-bottom: 0;
    min-height: 300px;
    box-shadow: 0 0 5px rgba(0,0,0,0.8);
    background: rgb(9,94,64);
    background: linear-gradient(90deg, rgba(9,94,64,1) 0%, rgba(28,136,107,0.9) 48%, rgba(28,136,107,0.9) 50%, rgba(28,136,107,0.9) 52%, rgba(9,94,64,1) 100%);
}

.game-list .box-2 img{
    height: 60px;
    display: block;
    margin: 0 auto;
}

.slot.game-list .label-white{
    padding-right: 5px;
    padding-left: 5px;
}

.game-list .box-2 .col-4, .game-list .box-2 .col-6{
    margin-bottom: 30px;
}

.game-list .label-white{
    border: 2px solid #ffffff;
    border-radius: 10px;
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    font-size: 11px;
}

.fishing.game-list .label-white{
    padding-left: 5px;
    padding-right: 5px;
    min-width: 100px;
}

.game-list .box-2 .col-6 img{
    height: 120px;
}

.card-live{
    padding-top: 30px;
}

.live-game .col-4, .live-game .col-6{
    margin-bottom: 0 !important;
}

.card-live .bg-gradient{
    padding: 1px;
    box-shadow: 0 2px 2px 1px rgba(0,0,0,0.4);
    border-radius: 15px;
    background-image: linear-gradient(#21a480 , rgba(28,136,107,0));
}

.card-live .bg-inline{
    background-image: linear-gradient(rgba(9,94,64,1) , rgba(28,136,107,1));
    height: 80px;
    border-radius: 15px;
    position: relative;
}

.card-live .card-live-img{
    position: absolute;
    top: -20px;
    text-align: center;
    width: 100%;
}

.card-live .label-white{
    position: absolute;
    right: 15px;
    bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.card-live .card-live-icon{
    position: absolute;
    top: 5px;
    right: 5px;
}

.card-live .card-live-icon img{
    width: auto;
    height: 20px !important;
}

.col-4 .card-live{
    padding-top: 10px;
}

.col-4 .card-live .card-live-img{
    position: absolute;
    top: -5px;
    text-align: center;
    width: 100%;
}

.live-game .box-2 .col-6 img{
    height: 100px;
}

.live-game .box-2 .col-4 img{
    height: 65px;
}

.live-game .col-4 .card-live .bg-inline{
    height: 60px;
}

.col-4 .card-live .card-live-icon{
    top: 0;
    right: 5px;
}

.col-4 .card-live .card-live-icon img{
    width: auto;
    height: 7px !important;
}

.col-4 .card-live .bg-gradient{
    border-radius: 10px;
}

.col-4 .card-live .bg-inline{
    border-radius: 10px;
}

.col-4 .card-live .label-white{
    right: 5px;
    bottom: 5px;
    font-size: 8px;
}

.promotion-item{
    margin-top: 5px;
    position: relative;
}

.promotion-item .desc{
    position: absolute;
    top: 20px;
    right: 30px;
}

.promotion-item .desc div{
    font-size: 8px !important;
}

.promotion-item .btn-sm{
    font-size: 8px;
    padding: 0 5px;
    border-radius: 3px;
}

.promotion-item img{
    width: 100%;
    height: auto !important;
}

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

}

/* Custom */
html, body {
    position: relative;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
}

body {
    background-color: #095f4a;
}

/* Header */
header {
    background-color: var(--backgroundDarkColor);
}

.profile-login-center-wrapper a {
    display: flex;
}

.profile-login-center-wrapper img {
    padding-right: 5px;
}

.profile-login-center-wrapper:hover {
    text-decoration: none;
}

.btn-group-toggle {
    width: 190px;
}

.btn-group-toggle a {
    font-size: 1rem;
    line-height: 1;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.btn-group-toggle a span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.btn-group-toggle a.btn-login {
    top: 0;
}

.btn-group-toggle a.active span {
    color: #037b59;
}

/* Side Menu */
.side-menu-wrapper {
    background-color: #057a58;
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: url("../../images/w8bet/bg-sidebar.png");
    background-position: center bottom;
    padding-bottom: 72px;
    position: relative;
    /* background-size: auto 100%; */
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.side-menu-wrapper div, .side-menu-wrapper a {
    font-size: 13px;
}

.hy-drawer-scrim {
    z-index: 97;
}

.hy-drawer-content {
    z-index: 98;
}

/* .side-menu-header-wrapper {
    height: 40px;
    display: flex;
    align-items: center;
    background-color: var(--backgroundDarkColor);
}

.side-menu-header-wrapper i {
    font-size: 1.5rem;
    padding: .5rem .5rem .5rem 0;
}

.side-menu-header {
    width: 100%;
}

.side-menu-content-wrapper ul {
    padding-left: 0;
}

.side-menu-content-wrapper ul li {
    padding: .75rem 1rem;
    border-bottom: 1px solid #036649;
}

.side-menu-content-wrapper ul li:last-child {
    border-bottom: none;
}

.side-menu-content-wrapper ul li a {
    display: flex;
} */

#drawer_menu .side-menu-header-wrapper {
    padding-top: 2.75rem!important;
    padding-bottom: 1.38rem!important;
}

#drawer_menu .side-menu-header-wrapper .mt-3 {
    margin-top: .93rem!important;
}

.side-menu-header {
    text-align: center;
}

#drawer_menu .side-menu-header .side-menu-header-logo {
    padding-bottom: 10px;
    height: 35px;
}

#drawer_menu .side-menu-header-left {
    position: absolute;
    top: .5rem;
    left: .5rem;
    padding: 1rem;
}

#drawer_menu .side-menu-header-left img {
    width: 15px;
}

#drawer_menu .side-menu-content-wrapper img {
    height: 20px;
    margin-bottom: 5px;
}

#drawer_menu .side-menu-content-wrapper .p-2 {
    padding: 0.464rem!important;
}

#drawer_menu .side-menu-content-wrapper .border-wrapper {
    /* border: 0.0465rem solid #ffffff; */
    border: 1px solid #ffffff;
}

#drawer_menu .side-menu-content-wrapper .border-wrapper a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#drawer_menu .side-menu-header-profile-img-wrapper img {
    height: 35px;
}

.side-menu-header-balance-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.side-menu-header-balance-wrapper span {
    min-width: 100px;
}

/* Footer */
footer {
    border-top: 2px solid #057b59;
    background: #036649;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    height: 72px;
}

footer .footer-nav {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

footer .footer-nav ul {
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

footer .footer-nav li {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 25%;
}

footer .footer-nav li a {
    color: #ffffff;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    white-space: nowrap;
    overflow: hidden;
}

footer .footer-nav li a img {
    max-width: 60px;
}

footer .footer-nav li a span {
    font-size: .86rem;
    color: #f4bd55;
    text-transform: uppercase;
}

footer .footer-nav li a.active span {
    color: #0ec65d;
}

/* Slider */
.promobanner .swiper .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    width: 8px;
    height: 8px;
    vertical-align: middle;
}

.promobanner .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: transparent;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
}

/* Announcement */
.announcement {
    display: flex;
    align-items: center;
    padding: 5px 0;
    border: 0.05rem solid #ffffff;
    border-radius: 3px;
    height: 25px;
}

.announcement img {
    padding-left: 0.5rem;
}

.announcement .marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-left: 0;
    opacity: 0;
    max-height: 16px;
}

.js-marquee {
    font-size: 11px;
}

/* Main */
.o-wrapper {
    /* padding-top: 60px; */
    padding-bottom: 72px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    position: relative;
}

.o-wrapper.custom-wrapper {
    padding-bottom: 0;
}

.all-game-wrapper {
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0 auto;
}

.all-game-wrapper .card a {
    padding: 5px;
}

.all-game-wrapper .card-primary img {
    height: 60px;
    margin-bottom: 5px;
}

.all-game-wrapper .all-game-wrapper-sports img {
    margin-top: 5px;
    margin-bottom: 0px;
}

.all-game-wrapper .all-game-wrapper-title {
    width: 80%;
}

.all-game-wrapper .all-game-wrapper-title span {
    font-size: 12px;
    width: 100%;
}

.main-icon-list {
    background-color: #057a58;
    display: flex;
    flex-wrap: wrap;
}

.main-icon-list .main-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 20%;
    max-width: 20%;
    padding: 6px 0px;
}

.main-icon-list .main-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    /* padding: 0 5px; */
}

.main-icon-list .main-icon a div {
    font-size: 12px;
    /* width: 90%; */
    width: 80%;
}

.main-banner a {
    display: flex;
}

.main-video-section {
    display: flex;
}

.main-video-section .video {
    height: 100%;
    border: 1px solid #fff;
    width: 100%;
    z-index: 2;
}

.main-video-section .video-list h3 {
    font-size: 1.1rem!important;
    line-height: 1;
}

.main-video-section .video-list .text-xs {
    font-size: .86rem!important;
}

.main-desc-section, .main-video-section {
    /* background-color: #057b59; */
    background-color: #068460;
}

.main-desc-section h3, .main-desc-section .service-list h4, .main-social-section h4 {
    font-size: 1.1rem;
}

.main-desc-section .service-list h4 {
    line-height: 1.2;
}

.description {
    font-size: .86rem;
}

.description-l, .description-l * {
    font-size: 12px;
}

.main-social-section {
    background-color: #068460;
}

.main-game-list {
    position: relative;
    margin-top: 57.5px;
}

.main-game-list .main-game-logo {
    position: absolute;
    width: 100%;
    height: 60px;
    top: -42.5px;
    left: 0;
    text-align: center;
}

.main-game-list .main-game-logo img {
    height: 85px;
}

.sports-lobby-wrapper {
    margin-top: 45px;
}

.sports-lobby-wrapper .main-game-logo {
    top: -37.5px;
}

.casino-lobby-wrapper .main-game-logo img, .sports-lobby-wrapper .main-game-logo img {
    height: 90px;
}

.main-game-list .outer-box {
    border-radius: 5px 5px 0 0;
    border: 2px solid #ffffff;
    padding: 5px 4px 0 4px;
    border-bottom: 0;
}

.main-game-list .inner-box {
    border-radius: 3px 3px 0 0;
    border: 1px solid #000000;
    text-align: center;
    padding-top: 10px;
    border-bottom: 0;
    min-height: 300px;
    box-shadow: 0 0 5px rgb(0 0 0 / 80%);
    background: rgb(9,94,64);
    background: linear-gradient(90deg, rgba(9,94,64,1) 0%, rgba(28,136,107,0.9) 48%, rgba(28,136,107,0.9) 50%, rgba(28,136,107,0.9) 52%, rgba(9,94,64,1) 100%);
}

.main-game-list .inner-box .inner-box-wrapper div.col-6 {
    margin-bottom: 2.2rem;
}

.main-game-list .inner-box-wrapper img {
    height: 60px;
    display: block;
    margin: 0 auto;
}

.main-game-list .inner-box-wrapper .label-white {
    border: 1px solid #ffffff;
    border-radius: 10px;
    display: inline-block;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 20px;
}

.main-game-list #slotsSection .inner-box {
    padding: 2rem 1rem 5.5rem;
}

.main-game-list #sportsSection .inner-box-wrapper .label-white {
    /* position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%); */
    margin-top: 3px;
}

#numberSection .inner-box-wrapper img, #lotterySection .inner-box-wrapper img, #pokerSection .inner-box-wrapper img {
    height: 120px;
}

#sportsSection .inner-box-wrapper img {
    height: 135px;
}

.main-thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 5px;
}

.main-three-thumb {
    padding: 1rem .5rem;
}

.custom-m-sports {
    position: relative;
    height: 100%;
    justify-content: unset;
}

.custom-m-sports img {
    position: absolute;
    bottom: 13px;
    z-index: 1;
}

.custom-m-sports img {
    position: absolute;
    bottom: 10px;
    z-index: 1;
}

.custom-m-sports .label-white {
    margin-top: auto;
    display: block;
    z-index: 2;
}

.sports-icon-wrapper {
    /* background-image: linear-gradient(rgba(9,94,64,1),rgba(28,136,107,1)); */
    /* min-width: 80%; */
    border-radius: 15px;
    position: relative;
    padding: 0.5rem 0 0 0;
}

.main-game-list #sportsSection .inner-box {
    /* background-color: #003128; */
    background: rgb(9,94,64);
    background: linear-gradient(90deg, rgba(9,94,64,1) 0%, rgba(28,136,107,0.9) 48%, rgba(28,136,107,0.9) 50%, rgba(28,136,107,0.9) 52%, rgba(9,94,64,1) 100%);
}

.main-game-list #sportsSection .inner-box .inner-box-wrapper div.col-6 {
    margin-bottom: 1.2rem;
}

#sportsSection .inner-box-wrapper .custom-m-sports img {
    height: 130px;
}

#slotsSection .inner-box-wrapper .label-white {
    padding: 0 5px;
}

.main-game-list .inner-box {
    padding: 2rem .25rem 5.5rem;
}

.main-game-list #sportsSection .inner-box {
    padding-top: 2.8rem;
}

.main-game-list #casinoSection .inner-box {
    padding: 1rem .25rem 5.5rem;
}

#casinoSection .inner-box-wrapper .col-6 .custom-card-wrapper {
    padding-top: 30px;
}

#casinoSection .inner-box-wrapper div.col-6 {
    margin-bottom: 0;
}

#casinoSection .inner-box-wrapper .custom-card-wrapper {
    padding: 0;
}

#casinoSection .inner-box-wrapper .col-4 .custom-card-wrapper {
    padding-top: 10px;
}

#casinoSection .inner-box-wrapper .custom-card-wrapper .bg-gradient {
    padding: 1px;
    box-shadow: 0 2px 2px 1px rgb(0 0 0 / 40%);
    border-radius: 15px;
    background-image: linear-gradient(#21a480 , rgba(28,136,107,0));
    width: 100%;   
}

#casinoSection .inner-box-wrapper .custom-card-wrapper .bg-inline {
    background-image: linear-gradient(rgba(9,94,64,1) , rgba(28,136,107,1));
    height: 80px;
    border-radius: 15px;
    position: relative;
}

#casinoSection .inner-box-wrapper .col-4 .custom-card-wrapper .bg-inline {
    height: 60px;
    border-radius: 10px;
}

#casinoSection .custom-card-wrapper .card-live-img {
    position: absolute;
    top: -19px;
    text-align: center;
    width: 100%;
}

#casinoSection .col-4 .custom-card-wrapper .card-live-img {
    position: absolute;
    top: -9px;
    text-align: center;
    width: 100%;
}

#casinoSection .col-6 .custom-card-wrapper .card-live-img img {
    height: 100px;
}

#casinoSection .col-4 .custom-card-wrapper .card-live-img img {
    height: 70px;
}

/* #casinoSection .custom-card-wrapper .card-live-icon img.evo-icon {
    height: 15px!important;
} */

#casinoSection .inner-box-wrapper .custom-card-wrapper .label-white {
    position: absolute;
    right: 15px;
    bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

#casinoSection .inner-box-wrapper .col-4 .custom-card-wrapper .label-white {
    right: 5px;
    bottom: 5px;
    font-size: 8px;
}

#casinoSection .custom-card-wrapper .card-live-icon {
    position: absolute;
    top: 5px;
    right: 5px;
}

#casinoSection .col-6 .custom-card-wrapper .card-live-icon img {
    width: auto;
    height: 20px!important;
}

#casinoSection .custom-card-wrapper .card-live-icon img {
    width: auto;
    height: 10px!important;
}

/* v2 */
#casinoSection .inner-box-wrapper .custom-card-wrapper .bg-gradient2 {
    padding: 1px;
    width: 100%;
    position: relative;
}

#casinoSection .inner-box-wrapper .custom-card-wrapper .label-white2 {
    border: 1px solid #ffffff;
    border-radius: 10px;
    display: inline-block;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 5px;
    max-width: 100%;
}

#casinoSection .custom-card-wrapper .bg-gradient2 .card-live-img {
    position: unset;
    top: unset;
    text-align: center;
    width: 100%;
}

#casinoSection .col-4 .custom-card-wrapper .bg-gradient2 .card-live-img {
    position: unset;
    top: unset;
    text-align: center;
    width: 100%;
}

#casinoSection .col-6 .custom-card-wrapper .bg-gradient2 .card-live-img img {
    height: unset;
}

#casinoSection .col-4 .custom-card-wrapper .bg-gradient2 .card-live-img img {
    height: unset;
}

#casinoSection .col-6 .custom-card-wrapper .bg-gradient2 .card-live-icon {
    position: absolute;
    top: 15%;
    right: 3%;
}

#casinoSection .col-4 .custom-card-wrapper .bg-gradient2 .card-live-icon {
    position: absolute;
    top: 12%;
    right: 6%;
}

#casinoSection .col-6 .custom-card-wrapper .bg-gradient2 .card-live-icon img {
    width: auto;
    height: 20px!important;
}

#casinoSection .custom-card-wrapper .bg-gradient2 .card-live-icon img {
    width: auto;
    height: 10px!important;
}

/* Fishing */
#fishingSection .inner-box-wrapper .label-white {
    padding-left: 5px;
    padding-right: 5px;
    max-width: 100%;
}

.main-game-list #fishingSection .inner-box {
    padding: 2rem .5rem 5.5rem;
}

.main-game-list #fishingSection .inner-box .inner-box-wrapper div.col-6 {
    margin-bottom: 0;
}

.main-game-list #fishingSection .inner-box .inner-box-wrapper div.col-6 img {
    /* height: 80px; */
    height: 120px;
}

.main-game-list #fishingSection .inner-box-wrapper .label-white {
    display: flex;
    align-items: center;
}

.main-game-list #fishingSection .inner-box-wrapper .label-white span {
    font-size: 11px;
    width: 100%;
}

.main-game-list #fishingSection .inner-box .inner-box-wrapper div.col-6, .main-game-list #fishingSection .inner-box .inner-box-wrapper div.col-4 {
    position: relative;
}

.main-game-list #fishingSection .inner-box .hot-icon, .main-game-list #fishingSection .inner-box .popular-icon {
    position: absolute;
    right: 0;
    position: absolute;
    background: red;
    color: #fff;
    bottom: 0;
    right: 0;
    font-size: 8px;
    padding: 3px;
    border-radius: 0!important;
}

.main-game-list #fishingSection .inner-box .inner-box-wrapper div.col-6 .popular-icon {
    right: -15px;
}

#fishingSection .image-wrapper {
    position: relative;
}

#fishingSection .inner-box-wrapper img {
    border-radius: 50%;
    border: 1px solid #057b59;
}

.main-game-list #forexSection .inner-box-wrapper img {
    height: 100px;
}

.main-game-list #cockfightSection .inner-box-wrapper img {
    height: unset;
    max-height: 120px;
    margin-top: 1rem;
}

.description span a {
    font-size: 0.75em;
}

.model-home {
    height: 300px;
    /* background: url("../../images/w8bet/home/statdium.png"); */
    background-color: rgba(0, 0, 0, 0);
    background-size: 100% auto;
    margin-top: -10px;
    margin-bottom: -8px;
    position: relative;
    background-color: #068460;
}

.model-home-left {
    position: absolute;
    top: 120px;
    left: 20px;
}

.model-home-left-desc {
    font-size: .9rem;
}

.model-home-right {
    position: absolute;
    right: 0;
    top: 40px;
}

.model-home-right img {
    width: 325px !important;
    margin: 1rem 2px;
    max-width: 100% !important
}

.model-home-logo {
    max-height: 15px;
}

.home-footer-logo-providers {
    align-items: center;
    margin-left: auto;
    margin-right: auto;
}

.footer-social-wrapper .text-xs {
    font-size: .7rem!important;
    line-height: 1;
    word-break: break-word;
}

.footer-social-wrapper .text-xs.text-primary {
    font-size: .75rem!important;
}

.footer-sitemap-left, .footer-sitemap-right {
    margin-bottom: .3rem;
}

.footer-social-wrapper .footer-payment-wrapper .footer-payment-local, .footer-social-wrapper .footer-payment-wrapper .footer-payment-international {
    font-size: 10px!important;
}

.footer-provider-wrapper .description-l, .footer-provider-wrapper .description-l a {
    color: #237143!important;
}

.home-popup-icon {
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 3;
}

.home-popup-icon img {
    width: 75px;
    height: 75px;
}

.btn-close-home-popup-icon {
    position: absolute;
    right: -10px;
    top: -15px;
}

.btn-close-home-popup-icon img {
    width: 35px;
    height: 35px;
}

#bankModal .modal-content {
    background-color: var(--backgroundColor);
}

#bankModal .modal-body {
    padding: 2rem 1.5rem;
}

#bankModal .btn-close-bind-bank {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 10px 5px 15px;
}

#bankModal .btn-close-bind-bank i {
    font-size: 1.4rem;
}

#bankModal .btn-bind-bank-submit {
    background-image: linear-gradient(#f5e315, #f3cf22);
    color: #000000;
    border-color: transparent;
    border-radius: 5px;
    text-transform: uppercase;
}

/* Login */
.login-wrapper {
    width: 100%;
    min-height: 100vh;
    background: url("../../images/w8bet/bg-login.png") no-repeat;
    background-size: 100% 100%;
    padding: 3rem;
    position: relative;
}

.login-header-wrapper a {
    position: absolute;
    top: 1.2rem;
    left: 1.5rem;
}

.login-header-wrapper img {
    width: 15px;
}

.login-title {
    text-align: center;
}

.login-title img {
    height: 40px;
}

.form-control {
    height: calc(2.5rem + 2px);
}

.form-toggle-wrapper {
    position: relative;
}

.form-toggle-wrapper #togglePass, .form-toggle-wrapper #toggleConfirmPass {
    position: absolute;
    right: 0;
    bottom: 0;
    color: gray;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    width: 2.5rem;
    height: calc(2.5rem + 2px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.form-toggle-wrapper .form-control {
    padding-right: 2.5rem;
}

.code-match {
    color: #fff;
    background-color: var(--backgroundColor);
    box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border: 1px solid #ffffff;
    border-radius: 0.375rem;
}

.btn-login-form, .btn-register-next {
    background-image: linear-gradient(#f5e315, #f3cf22);
    color: #000000;
    border-radius: 5px;
    font-size: 13px;
    padding: .625rem 2.2rem;
    text-transform: uppercase;
}

.btn-login-form:hover, .btn-register-next:hover {
    border: 1px solid rgba(50,125,255,1)
}

.btn-login-form#btnSubmit i {
    color: #000000;
    margin-right: .5rem;
}

/* Register */
.register-wrapper {
    width: 100%;
    min-height: 100vh;
    background: url("../../images/w8bet/bg-register.png") no-repeat;
    background-size: 100% 100%;
    padding: 3rem;
    position: relative;
}

.register-header-wrapper a {
    position: absolute;
    top: 1.2rem;
    left: 1.5rem;
}

.register-title {
    text-align: center;
}

.register-title img {
    height: 40px;
}

.register-header-wrapper img {
    width: 15px;
}

#registerForm fieldset:not(:first-child) {
    display: none;
}

.form-group-prefix {
    position: relative;
}

.form-group-prefix .form-control {
    padding-left: 4rem;
}

.form-group-prefix span {
    position: absolute;
    left: 0;
    bottom: 0;
    color: gray;
    padding: 0 10px;
    width: 4rem;
    height: calc(2.5rem + 2px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--backgroundDarkColor);
}

/* Promotion */
#promotions table {
    width: 100%;
}

#promotionSection .option-switcher {
    padding-top: 20px;
}

.option-switcher {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0;
}

.main-game-list #promotionSection .inner-box {
    padding-bottom: 0;
}

/* v1 */
.option-switcher .option-switcher-tab {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffed15;
    border: 1px solid #1bb084;
    padding: .2rem;
}

.option-switcher .option-switcher-tab.active {
    border-color: #ffffff;
    background-color: var(--backgroundColor);
}

.option-switcher .option-switcher-tab span {
    color: #000;
    font-size: 9px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.option-switcher .option-switcher-tab.active span {
    color: #fff;
}

.promo-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    width: 100%;
    height: 100%;
    overflow: auto;
    outline: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, .8), rgba(0, 0, 0, .204919));
}

.promo-popup .popup-overlay {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 0;
    overflow: hidden
}

.promo-popup .popup {
    justify-content: center;
    flex-direction: column;
    margin: auto;
    padding: 0 !important;
    border-radius: .06rem;
    max-width: 95%;
    max-height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.promo-popup .popup,
.popup-header, .popup-footer {
    display: flex;
    align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
}

.popup-header {
    background-color: var(--custom-blue);
    padding: .1rem .15rem;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    background-color: #0f583c;
}

.popup-header .popup-header-left {
    width: 90%;
}

.popup-header .popup-header-right {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: .5rem;
}

.popup-header-right a i {
    color: #fff;
    font-size: 1.25rem;
}

.popup-header .popup-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    font-size: 1.3rem;
    padding: .5rem;
    text-align: center;
}

.popup-header .popup-btn {
    width: 100%;
    padding: .5rem;
    display: block;
    text-align: center;
    color: #fff;
}

.promo-popup .popup .popup-body {
    overflow-y: scroll;
    min-height: .75rem;
    background-color: #0e2312;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-top-right-radius: 0.75rem;
    border-top-left-radius: 0.75rem;
}

.promo-popup .popup .popup-body-content {
    padding: 1rem;
}

.promo-popup .btn-promo-apply {
    background-color: var(--custom-blue);
    padding: 0.5rem 1.5rem;
}

.promo-popup hr {
    background-color: var(--light-gray);
}

.promo-popup .popup .popup-body table {
    border-collapse: collapse;
}

.promo-popup .popup .popup-body table tr td{
    /* border: 1px solid #a2aabd; */
    padding: 5px;
}

.promotion-container-wrapper {
    position: relative;
}

.promotion-right-wrapper {
    position: absolute;
    right: 0;
    height: 100%;
}

.promotion-btn-group-wrapper {
    display: flex;
    /* justify-content: flex-end; */
    align-items: center;
    height: 100%;
    flex-direction: column;
    padding: .25rem;
    position: relative;
}

.promotion-btn-group-wrapper .btn-promo-apply span, .promotion-btn-group-wrapper .btn-promo-more span {
    font-size: 8px;
    padding: 0 5px;
    border-radius: 3px;
    background-image: linear-gradient(#f5e315, #f3cf22);
    color: #000000;
    white-space: nowrap;
}

.promotion-btn-group-title, .promotion-btn-group-subtitle { 
    width: 100%;
    overflow: hidden;
    font-size: 8px;
    color: #ffed15;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}

.promotion-btn-group-subtitle {
    color: #fff;
}

.btn-promo-more:hover, .btn-promo-apply:hover {
    text-decoration: none;
    color: #000000;
}

.promotion-btn-group {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    position: absolute;
    bottom: 10%;
}

.promotion-btn-group a {
    display: flex;
    padding: 1rem 0.25rem .5rem;
    width: 50%;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.promo-list .promotion-container {
    padding-bottom: 1rem;
}

.promo-list div.promotion-container-last {
    padding-bottom: 0;
}

.popup-body-top-wrapper {
    position: relative;
}

.popup-body-top-wrapper .popup-body-top-image {
    position: relative;
}

.popup-body-top-image .popup-body-left-close-element {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    opacity: 0;
}

.popup-body-right-close-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 35%;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
}

.popup-body-right-close-wrapper a {
    width: 50%;
}

.popup-body-right-close-wrapper .popup-body-right-close-btn-left {
    width: 50%;
    position: absolute;
    left: -5px;
    bottom: 5%;
    padding: 0.5rem 0;
    height: 100%;
}

.popup-body-right-close-wrapper .popup-body-right-close-btn-right {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 5%;
    padding: 0.5rem 0;
    height: 100%;
}

.popup-body-top-wrapper .popup-body-btn-close {
    position: absolute;
    top: .5rem;
    right: 0;
}

.popup-body-top-wrapper .popup-body-btn-close a {
    padding: .5rem;
}

.popup-body-top-wrapper .popup-body-btn-close a i {
    font-size: 1.2rem;
}

/* Center */
.custom-center-wrapper {
    padding-bottom: 1rem;
}

.custom-center-wrapper .my-profile .card .text-sm, .my-profile .card .text-sm {
    font-size: 12px!important;
    line-height: 1.35;
}

.top-balance-info-wrapper {
    background-color: #0d6648;
}

.top-balance-info-title {
    font-size: 12px;
}

#btn-copy .text-lighter {
    color: #000000!important;
}

#ref-link {
    word-break: break-all;
}

.center-bonus-menu-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.center-bonus-menu-wrapper .center-bonus-menu {
    color: rgba(0,0,0,0.8);
    font-size: 10px;
    height: 25px;
    border-collapse: collapse;
    border: 1px solid #1bb084;
    text-align: center;
    background-color: #ffed15;
    padding: 0!important;
}

.center-bonus-menu-wrapper .center-bonus-menu a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.center-bonus-menu-wrapper .center-bonus-menu a span {
    color: rgba(0,0,0,0.8);
    font-size: 9px;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    padding: 0 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.center-bonus-menu-wrapper .center-bonus-menu.active {
    background: var(--backgroundColor);
    border: 1px solid #ffffff;
}

.center-bonus-menu-wrapper .center-bonus-menu.active a span {
    color: #ffffff;
    font-size: 10px;
}

.custom-provider-item .custom-provider-button {
    background: var(--primaryColor);
    border-radius: 0;
    font-size: 13px;
    padding: 6px 12px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.8);
    font-weight: bold;
    margin-right: 2px;
    margin-bottom: 2px;
    flex-grow: 1;
    text-align: center;
}

.custom-provider-item .custom-provider-button:last-child {
    flex-grow: 0;
}

.turnover-item.custom-turnover-item {
    padding: 0 15px;
    width: 100%;
}

.turnover-item.custom-turnover-item label span {
    font-size: 10px!important;
    padding-left: 3px;
    margin: 0;
}

.turnover-item.custom-turnover-item label {
    padding: 0;
}

.custom-center-transfer-wrapper label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.custom-center-transfer-wrapper label .custom-center-balance-wrapper {
    color: #fff;
    background-color: var(--backgroundColor);
    border-radius: 5px;
    font-size: 14px;
    border: 1px solid #ffffff;
    padding: .5rem 1rem;
}

.table-yellow tbody td {
    color: #ffffff;
    font-size: 9px;
    text-align: center;
    padding: 7px 0;
}

.table-yellow tbody tr{
    background-color: #0c926c;
}

.table-yellow tbody tr:nth-child(even){
    background-color: #095f4a;
}

.btn-center-info-wrapper .btn, .btn-transfer-list-wrapper .btn {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
}

/* Contact Us */
.contact-us-desc {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .5rem 0;
    border-bottom: 1px solid #1bb084;
}

.contact-us-desc a {
    display: flex;
    align-items: center;
    width: 100%;
}

/* Deposit */
.lang-vn .btn-group-depo.btn-group-toggle, .lang-id .btn-group-depo.btn-group-toggle {
    width: 280px;
}

.custom-input-depo-bankno {
    background-color: transparent!important;
    border: none!important;
    padding: 0!important;
    color: #fff!important;
    height: auto!important;
}

.custom-input-depo-bankno:focus {
    box-shadow: none!important;
}
 
/* Withdraw */
.btn-group-withdraw.btn-group-toggle {
    width: 280px;
    display: flex;
    /* height: 30px;
    position: relative; */
}

/* .btn-group-withdraw a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1.05rem;
}

.btn-group-withdraw a:first-child {
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: unset;
}

.btn-group-withdraw a:first-child.active {
    left: -2px;
    bottom: unset;
}

.btn-group-withdraw a:last-child {
    position: absolute;
    margin-left: auto;
    top: -2px;
}

.btn-group-withdraw a:last-child.active {
    right: -2px;
    left: unset;
    bottom: unset;
} */

/* Popup Banner */
.popup-banner-wrapper .modal-dialog {
    margin: 0;
    background-color: #0f583c;
}

.popup-banner-wrapper .modal-content {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
}

.popup-banner-wrapper #popup-btn-close {
    padding: 0.5rem 1rem 0 0;
}

.popup-banner-wrapper #popup-btn-close img {
    height: 15px;
}

/* Affiliate */
#btnSubmitAffiliate {
    background-image: linear-gradient(#f5e315, #f3cf22);
    color: #000000;
    border-radius: 5px;
    font-size: 13px;
    padding: 0.625rem 2.2rem;
    text-transform: uppercase;
}

/* Lang Modal */
#langModalTitle {
    color: #fff;
    font-size: 1rem;
}

#langModal .modal-content {
    background-color: #0f583c;
    color: #fff;
}

#langModal .lang-list {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5rem 1rem;
}

#langModal .lang-list a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#langModal .lang-list a img {
    margin-bottom: 3px;
    max-width: 1.8rem;
}

#langModal .lang-list a span {
    white-space: nowrap;
}

#langModal .lang-list .selectedLang span {
    color:#f3cf22;
}

.modal-footer .btn {
    background-image: linear-gradient(#f5e315, #f3cf22);
    color: #000000;
    border-color: transparent;
}

.modal-footer .btn:focus, .modal-footer .btn:hover {
    border-color: transparent;
}

#langModal .modal-body {
    display: flex;
    flex-wrap: wrap;
}

/* Banking */
.banking-subtitle {
    font-size: .86rem;
}

/* FAQs */
.o-wrapper.faq-wrapper {
    background-color: #fefefe;
}

.o-wrapper.faq-wrapper .main-container .container-fluid * {
    color: #000;
}

.faq-tab-wrapper .col-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem .25rem;
    background-color: #ffed15;
    border: 1px solid #1bb084;
}

.faq-tab-wrapper .col-4.active {
    background-color: var(--backgroundColor);
    border-color: #ffffff;
}

.faq-tab-wrapper .col-4.active > a {
    color: #fff;
}

.faq-tab-wrapper .col-4 > a {
    display: flex;
    font-size: .9rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.faq-tab-wrapper .col-4:nth-child(1), .faq-tab-wrapper .col-4:nth-child(2), .faq-tab-wrapper .col-4:nth-child(3) {
    /* border-bottom: 1px solid #fff; */
}

.faq-tab-wrapper .col-4:nth-child(3n-1){
    /* border-left: 1px solid #fff;
    border-right: 1px solid #fff; */
}

.faq-tab-wrapper .dropdown .dropdown-menu .dropdown-item {
    text-align: center;
}

.faq-tab-wrapper .dropdown .dropdown-toggle::after {
    display: none;
}

.faq-video-wrapper {
    height: 300px;
}

/* MISC */
.col-2-5 {
    max-width: 23%;
    flex: 0 0 23%;
}

.col-4-5 {
    max-width: 38.5%;
    flex: 0 0 38.5%;
}

.btn-darkgreen{
    font-size: 13px;
}

.btn-darkgreen, .btn-darkgreen:hover {
    color: #fff;
    border-color: #ffffff;
    background-color: var(--backgroundColor);
    box-shadow: 0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);
}

.btn:not(:last-child) {
    /* margin-right: unset; */
}

form .form-control, form .form-control:focus, form select option {
    color: #495057;
}

.poker_transfer button.btn {
    margin-right: 0;
}

#kh_gaming_poker > button, #kh_gaming_poker .btn, #kh_gaming_poker label p span {
    line-height: 1;
}

#kh_gaming_poker .ongdo_loader img {
    width: 25px!important;
    height: 25px!important;
}


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

    #fishingSection .inner-box-wrapper .label-white {
        min-width: 100px;
    }

}

@media only screen and (min-width: 400px) {
    .video-list img {
        padding: 3px;
    }
}

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

    .home-footer-logo-providers {
        max-width: 80%;
    }

}

@media only screen and (max-width: 450px) {
    .lang-id #casinoSection .inner-box-wrapper .custom-card-wrapper .label-white2 {
        font-size: 10px;
    }
}

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

    .main-game-list  .inner-box {
        padding: 1.5rem .5rem 0 .5rem;
    }

    #ref-link.col-6 {
        max-width: 100%;
        flex:0 0 100%;
    }

    .main-icon .border-wrapper {
        padding: 2px;
    }

    .main-icon-list .main-icon a div {
        font-size: 11px;
    }

}

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

    #slotsSection .inner-box-wrapper .label-white {
        width: 100%;
    }

    .all-game-wrapper .card-primary {
        width: 90px;
        height: 90px;
        margin: 5px;
    }

    .all-game-wrapper .card-primary .border-wrapper {
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .all-game-wrapper .card-primary img {
        height: 50px;
    }

    .all-game-wrapper .all-game-wrapper-title span {
        font-size: 10px;
    }

    .video-list img {
        max-width: 30px;
        width: 30px;
    }

    .service-list h4 {
        padding-left: .5rem!important;
        padding-right: .5rem!important;
    }

    .main-icon-list .main-icon a div {
        font-size: 10px;
    }

    .main-video-section .video-list h3, .main-desc-section .service-list h4, .main-desc-section h3, .main-desc-section .service-list h4, .main-social-section h4 {
        font-size: 1rem!important;
    }

    .main-video-section .video-list .text-xs, .description {
        font-size: .76rem!important;
    }
    
    .description-l, .description-l * {
        font-size: .9rem;
    }

    .lang-vn .main-desc-section .service-list h4 {
        font-size: .95rem!important;
        padding-left: .1rem!important;
        padding-right: .1rem!important;
    }

    .lang-id .main-icon-list .main-icon a div {
        font-size: 8px;
    }

    #casinoSection .inner-box-wrapper .custom-card-wrapper .label-white2 {
        font-size: 10px;
    }

    .option-switcher .option-switcher-tab {
        padding: .2rem 0;
    }

    .lang-id #casinoSection .inner-box-wrapper .custom-card-wrapper .label-white2 {
        font-size: 8px;
    }

    .btn-group-toggle {
        width: 170px;
    }
    
    .btn-group-toggle a span {
        font-size: .9rem;
    }

    .main-game-list #fishingSection .inner-box .hot-icon, .main-game-list #fishingSection .inner-box .popular-icon {
        font-size: 7px;
    }

    .main-game-list #fishingSection .inner-box .inner-box-wrapper div.col-6 .popular-icon {
        right: -12px;
    }

    #sportsSection .inner-box-wrapper img {
        height: 120px;
    }

    .main-icon img {
        height: 75px;
    }
}

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

    .model-home {
        height: 270px;
    }

    .model-home-right {
        top: 50px;
    }

    .model-home-right img {
        width: 200px;
    }

    /* #casinoSection .inner-box-wrapper .custom-card-wrapper .label-white {
        padding-left: 5px;
        padding-right: 5px;
    }

    #casinoSection .inner-box-wrapper .col-4 .custom-card-wrapper .label-white {
        right: 0px;
        bottom: 4px;
        font-size: 6px;
    } */
}

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

    #casinoSection .inner-box-wrapper .custom-card-wrapper .label-white2 {
        font-size: 8px;
    }

    .btn-group-toggle {
        width: 150px;
    }

    .main-icon img {
        height: 65px;
    }
}

@media only screen and (max-width: 325px) {
    .main-video-section .video-list h3, .main-desc-section h3, .main-desc-section .service-list h4, .main-social-section h4 {
        font-size: .9rem!important;
    }
}

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

    .ref-link-btn-wrapper {
        padding-left: 0!important;
    }

}

/* Lang-en */
.lang-en .main-icon-list .main-icon a div {
    font-size: 10px;
}

@media only screen and (max-width: 375px) {
    .lang-en .main-icon-list .main-icon a div {
        font-size: 9px;
    }
}

/* Lang-kh */
.lang-kh header .btn-group-toggle a span {
    font-size: 12px;
}

.lang-kh .main-icon-list .main-icon a div {
    width: 70%;
}

.lang-kh footer .footer-nav li a span {
    font-size: 14px;
}

.lang-kh .form-control {
    font-size: 1rem;
    height: calc(2.75rem + 2px);
}

.lang-kh .video iframe {
    position: absolute;
    left: 0;
}

@media only screen and (min-width: 400px) and (max-width: 450px) {

    .lang-kh .video iframe {
        top: -5px;
        height: 245px;
    }

}

@media only screen and (max-width: 450px) {
    .lang-kh .main-video-section .video-list .text-xs {
        font-size: .7rem!important;
    }

    .lang-kh .service-list .description {
        font-size: .76rem;
    }

}

@media only screen and (max-width: 400px) {
    .lang-kh .main-video-section .video-list .text-xs {
        font-size: .6rem!important;
    }
}

@media only screen and (max-width: 375px) {
    .lang-kh .main-video-section .video-list .text-xs {
        font-size: .6rem!important;
    }

    .lang-kh .service-list .description {
        font-size: .65rem!important;
    }
}

/* Lang-id */
.lang-id .main-icon-list .main-icon a div {
    font-size: 10px;
}
html[lang="kh"] .down {
    transform: translate(-76px, 1px);
  }
  
  .wrap-download {
    position: relative;
    width: 100%;
    padding: 10px;
    display: flex;
    overflow: hidden;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    background: #e7e7e7;
    z-index: 999;
    max-height: 70px;
    height: 100%;
  }
  
  .wrap-download .download-content {
    display: flex;
    align-content: stretch;
    width: 100%;
  }
  
  .wrap-download .download-content .download-img {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .wrap-download .download-content .download-close {
    width: 10px;
  }
  
  .wrap-download .download-content .download-logo {
    width: 48px;
    height: 48px;
  }
  
  .wrap-download .download-content .download-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .wrap-download .download-content .download-text > * {
    color: black;
    font-size: 12px;
  }
  
  .wrap-download .download-content .download-text span {
    font-size: 12px;
    margin-left: 5px;
  }
  
  /* .wrap-download .download-button {
    font-size: 14px;
    height: 30px;
    border-radius: 6.5px;
    padding: 5px 5px;
    background-color: #c9c9c9;
    color: #000000;
    line-height: 17px;
    margin: auto 0;
  } */
  
  .app_adjustment {
    top: 56px;
  }
  
  /* .wrap-download .download-button {
    background: #f4d61e !important;
    font-weight: 500;
    width: 140px;
    text-align: center;
  } */
  
  .wrap-download {
    background: #0a5f4a;
  }
  
  .down {
    width: 12px;
    /* position: absolute; */
    /* transform: translate(20px, -1px); */
  }
  
  .download_img_close {
    position: absolute;
    width: 11px;
    right: 7px;
    top: 2px;
  }
  /* .download-bar {
    display: flex;
    align-items: center;
  } */
  .download-bar {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 5px;
    background: #f4d61e;
    height: 30px;
    width: 130px;
    max-width: 180px;
    padding: 5px 20px;
    border-radius: 6.5px;
  }
  .wrap-download .download-button{
    color: #000;
  }