@import url(system.css);
* {
    outline: 0 !important;
}
a {
    color: #ececec;
}
a:not([href]):not([tabindex]) {
    color: #ececec;
    cursor: pointer;
}
button:hover {
    cursor: pointer;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="text"] {
    background-color: #fff;
    font-size: 14px;
    color: grey;
    line-height: 30px;
    border: 1px #ccc solid;
    padding: 0 5px;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    font-size: 0.875rem;
}
ul {
    list-style: none;
}
[class^="col-"] {
    float: left;
}
.text-bold {
    font-weight: 700;
}
.text-success {
    color: #28a745 !important;
}
.text-danger {
    color: #dc3545 !important;
}
.text-warning {
    color: var(--thx-da9319,#da9319) !important;
}
.text-primary {
    color: #337ab7 !important;
}
.text-ellipsis {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.text-underline {
    text-decoration: underline;
}
.clear {
    clear: both;
}
.img-captcha {
    border-radius: 4px !important;
    height: 32px !important;
}
.img-captcha.img-thumbnail {
    padding: 2px;
}
.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: 0.25rem;
    border-radius: 0.25rem;
    background-color: #fff;
}
.bd-callout-danger {
    border-left-color: #d9534f;
}
.bd-callout-info {
    border-left-color: #5bc0de;
}
.bd-callout-warning {
    border-left-color: var(--thx-f0ad4e,#f0ad4e);
}
.copied {
    margin-top: -5px;
    color: green;
    opacity: 1;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
#ReloadCaptcha,
#ReloadCaptchaLogin,
#ReloadCaptchaRegister {
    cursor: pointer;
}
#ReloadCaptcha,
#ReloadCaptchaLogin,
#ReloadCaptchaRegister,
#iconCheck {
    line-height: 32px;
    margin-left: 10px;
    font-size: 16px;
}
.form-group input[type="email"],
.form-group input[type="number"],
.form-group input[type="password"],
.form-group input[type="text"] {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-color: silver;
    vertical-align: top;
}
.form-group.validation-error {
    color: var(--thx-d32f2f,#d32f2f);
}
.form-group.validation-error i {
    color: var(--thx-d32f2f,#d32f2f);
    opacity: 1;
}
.form-group.validation-pass i {
    color: #388e3c;
    opacity: 1;
}
.form-group.validation-error input {
    border-color: var(--thx-d32f2f,#d32f2f);
}
.index-body {
    font-family: Ubuntu, sans-serif;
    color: #ececec;
    background-color: #000;
    background-size: 100% 100%;
}
.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(0 0 0 / 0.8);
    z-index: 2000;
}
.page-loader-body {
    width: clamp(150px, 30%, 300px);
    padding: 1rem;
    height: auto;
    background-color: #fff;
    border-radius: 8px;
    text-align: center;
    color: #000;
}
.top-nav {
    padding: 5px 0;
    background-color: #040a0e;
    color: #ededed;
    width: 100%;
    border-bottom: none;
}
.nav-wrapper {
    position: relative;
}
.newsInfo {
    width: 100%;
    max-width: 600px;
    position: relative;
}
.newsInfo > i {
    width: 28px;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    position: relative;
    left: 0;
}
.newsInfo .marquee {
    width: calc(100% - 28px);
    height: 25px;
    line-height: 25px;
    position: absolute;
    font-size: 16px;
    text-transform: uppercase;
}
.help-bar {
    position: absolute;
    right: 0;
    top: 0;
}
.left-col,
.right-col {
    width: 100%;
}
.left-col {
    max-width: 250px;
    display: flex;
}
.left-col > a {
    display: flex;
    align-items: center;
}
.right-col {
    max-width: 890px;
}
.icon-soc > a {
    line-height: 25px;
    display: inline-block;
}
.icon-soc > a > img {
    max-width: 25px;
}
.announcement {
    min-width: 800px;
}
.scroll-left {
    overflow: hidden;
    position: relative;
    margin: 0;
}
.scroll-left > marquee {
    margin: 0;
    position: relative;
    width: 100%;
    height: 20px;
    top: 4px;
}
@-moz-keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}
@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}
@keyframes scroll-left {
    0% {
        -moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropbtn {
    max-width: 25px;
    border: none;
    padding: 0;
    margin: 0 6px;
}
.dropbtn img {
    max-width: 25px;
    border-radius: 50%;
}
.dropMenu {
    display: none;
    width: 107px;
    position: absolute;
    right: 36px;
    top: 0;
    z-index: 114;
    padding-left: 0;
    background-color: #ececec;
    border: 1px solid #989898;
    -webkit-box-shaiadow: 0 3px 12px rgb(0 0 0 / 0.5);
    box-shadow: 0 3px 12px rgb(0 0 0 / 0.5);
}
.dropMenu li {
    padding: 5px;
    float: left;
    color: #797979;
}
.dropMenu img {
    max-width: 25px;
    border-radius: 50%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.dropMenu img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.language-list.dropdown-menu {
    min-width: unset;
    padding: 0;
}
.language-list.dropdown-menu.show {
    display: flex;
}
.language-list.dropdown-menu img {
    width: 30px;
    border-radius: 50%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    box-shadow: 1px 2px 4px 1px rgb(0 0 0 / 0.3);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.language-list.dropdown-menu img:hover {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
}
.language-list .dropdown-item {
    padding: 0.75rem;
    padding-left: 0;
}
.language-list .dropdown-item:active {
    background-color: unset;
}
.language-list li:first-child .dropdown-item {
    padding-left: 0.75rem;
}
.header {
    background: url(../images/common/black-opacity.png);
    padding: 0 0 5px 0;
}
.logo {
    margin: 0;
    max-height: 55px;
    display: block;
}
.login-box {
    padding: 5px;
    font-size: 12px;
    border-radius: 0 0 4px 4px;
    text-align: right;
}
input[type="email"].login-form,
input[type="password"].login-form,
input[type="text"].login-form {
    width: 150px;
    padding: 3px 6px;
    border: 1px solid #4c4c4c;
    background-color: #232323;
    border-radius: 4px 4px;
    margin: 0 0 5px 5px;
    color: #ececec;
    font-size: inherit;
    line-height: inherit;
}
.login-form:focus {
    box-shadow: none;
    outline: 0;
}
.login-form::placeholder {
    color: #787878;
}
.login-box ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 5px;
}
.login-box ul > li {
    display: inline-block;
    margin-left: 5px;
}
.login-box ul > li:first-child {
    margin-left: 0;
}
.login-box ul.banking {
    margin-bottom: 0;
}
.banking img {
    height: 22px;
    position: relative;
    top: -1px;
}
.banking > li > a {
    line-height: 25px;
    display: block;
    position: relative;
}
.banking > li > a:hover {
    text-decoration: none;
}
.banking > li > .bttn-logout {
    line-height: 23px;
    cursor: pointer;
}
.user-info i {
    padding-right: 3px;
    position: relative;
    top: 1px;
    font-size: 1.25em;
}
.user-info > li > a {
    line-height: 26px;
    padding: 0 6px;
    display: block;
    color: #fff;
}
.user-info > li:last-child > a {
    padding-right: 0;
}
.banking img:hover,
.user-info > li:first-child > a:hover i {
    opacity: 0.5;
}
.balance-wrapper i {
    padding-right: 0;
    top: 0;
    font-size: 1em;
}
.user-info-balance {
    border: 1px solid #37434c;
    border-radius: 4px;
    background-color: #05253c;
    color: #fff;
    width: 170px;
    line-height: 24px;
    position: relative;
}
.user-info-balance > span {
    cursor: pointer;
}
#reloadBalance > span,
.user-info-balance > span {
    line-height: 22px;
    display: inline-block;
    user-select: none;
}
#creditBalance {
    width: 115px;
    position: absolute;
    left: 0;
    text-align: center;
}
#calibrate,
#iconReload {
    width: 26px;
    text-align: center;
}
.user-info-balance img {
    position: relative;
    height: 18px;
    top: -1px;
}
#calibrate {
    border-left: 1px solid #37434c;
    width: 30px;
}
.popover-balance-content {
    display: none;
    position: absolute;
    width: 300px;
    right: -1px;
    z-index: 999;
    top: 29px;
    border: 1px solid #37434c;
    border-radius: 4px;
    background-color: #05253c;
    color: #fff;
    line-height: 24px;
}
.popover-balance-content.v2 {
    width: 600px;
}
.popover-balance-content .calibrate {
    display: block;
    cursor: pointer;
}
.pop-wallet td,
.pop-wallet th {
    padding: 3px 5px;
    line-height: 20px;
}
.pop-wallet td:nth-child(even) {
    text-align: right;
}
.pop-wallet td:nth-child(odd) {
    text-align: left;
    text-transform: uppercase;
}
.pop-wallet > tfoot {
    border-top: 1px solid #3c3c3c;
}
#avatar b {
    text-decoration: underline;
}
.icon-new {
    position: absolute;
    color: red;
    font-size: 1rem;
}
.navbar {
    border-bottom: 2px groove #3c474e;
    border-top: 2px groove #3c474e;
    background-color: #020516;
    height: 91px;
    z-index: 99;
}
.navbar ul {
    padding-left: 0;
    margin: 0 auto;
    z-index: 99;
    display: flex;
    justify-content: center;
}
.navbar li {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    float: left;
    font-size: 12px;
    margin-top: -2px;
}
.navbar li:last-child {
    margin-right: 0;
}
.navbar li.home i {
    text-align: center;
    position: relative;
    padding-top: 15px;
}
.label-new {
    position: absolute;
    margin-top: 2px;
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    padding: 0 6px;
    border-radius: 4px;
    min-width: 30px;
    margin-left: 10px;
    background-color: var(--thx-e83e37,#e83e37);
    color: #fff;
    z-index: 1;
    top: 24px;
}
.label-new-top-right {
    top: 2px;
    right: -2px;
    font-size: 0.75rem;
    padding: 2px 0.75rem;
}
ul#gameListMenu li > span.label-new.blink {
    top: 5px;
    text-transform: uppercase;
}
.navbar a {
    position: relative;
    min-width: 90px;
    height: 86px;
    display: block;
    padding: 0 5px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-filter: drop-shadow(0 0 0 #000);
    filter: drop-shadow(0 0 0 #000);
}
.nav_name {
    color: #fff;
}
.navbar a:hover .nav_name,
.navbar a:hover i {
    opacity: 0.34;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.navbar li:hover a {
    color: #fff;
    font-weight: 700;
}
.navbar li:hover i {
    opacity: 0.34;
}
.navbar li:hover .icon-new > i {
    opacity: 1;
}
.navbar li:hover .subnavbar {
    display: block;
}
.navbar i {
    display: block;
    width: 100%;
    height: 84px;
}
.navbar [class^="icon_"] {
    background: url(../images/common/icon_nav.png) no-repeat;
    background-size: 80%;
}
.navbar .icon_home {
    background-position: center 11px;
}
.navbar .icon_casino {
    background-position: center -218px;
}
.navbar .icon_slot {
    background-position: 10px -58px;
}
.navbar .icon_tembak_ikan {
    background-position: center -300px;
}
.navbar .icon_lottery {
    background-position: center -387px;
}
.navbar .icon_poker {
    background-position: center -477px;
}
.navbar .icon_sports,
.navbar .icon_sportsbook {
    background-position: center -721px;
}
.navbar .icon_cock_fighting {
    background-position: center -884px;
}
.navbar .icon_games {
    background-position: center -806px;
}
.navbar .icon_promo {
    background-position: center -132px;
}
.navbar .icon_referral {
    background-position: center -565px;
}
.navbar .icon_favorite {
    background-position: center -647px;
}
.navbar .nav_name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90.91px;
    font-size: 0.65rem;
    text-align: center;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.navbar .icon-new {
    top: 11px;
    right: 7px;
}
.subnavbar {
    display: none;
    width: 100%;
    min-height: 100px;
    min-width: 1000px;
    background-color: #0d1b50;
    border-bottom: 1px solid #2c2947;
    text-align: center;
    position: absolute;
    top: 89px;
    left: 0;
    z-index: 1;
    -webkit-box-shadow: inset 0 3px 23px 0 rgb(0 0 0 / 0.4);
    box-shadow: inset 0 3px 23px 0 rgb(0 0 0 / 0.4);
    opacity: 0.9;
}
.navbar .subnavbar .icon-new {
    top: -2px;
    right: -2px;
    font-size: 1.3rem;
}
.subnavbar .gameNav {
    display: inline-block;
    width: auto;
}
.subnavbar .gameNav li {
    width: 120px;
    margin: 0 3px 0 0;
    padding: 0 5px;
    display: block;
    float: left;
}
.subnavbar .gameNav a {
    display: block;
    height: auto;
    line-height: 30px;
    padding: 84px 0 0 0;
    background: url(../images/common/icon_menu.png) no-repeat;
    background-position: 0 8px;
}
.home-slider .owl-dots,
.home-slider .owl-nav {
    position: absolute;
    width: 100%;
}
.home-slider .owl-nav {
    top: 0;
    margin-top: 0 !important;
    height: 100%;
    font-size: 3rem;
    font-weight: 700;
    visibility: hidden;
}
.home-slider .owl-nav button {
    margin: 0 !important;
    width: 100px;
    visibility: visible;
}
.home-slider .owl-nav button.owl-prev {
    float: left;
    height: 100%;
}
.home-slider .owl-nav button.owl-next {
    float: right;
    height: 100%;
}
.home-slider .owl-nav button > span {
    font-size: 5rem;
}
.home-slider .owl-nav [class*="owl-"]:hover {
    background: 0 0;
}
.home-slider .owl-dots {
    bottom: 1rem;
}
.home-slider .owl-dots .owl-dot span {
    height: 0.75rem;
    width: 50px;
    margin: 0.5rem;
    border-radius: 10px;
    background: #adadad;
}
.home-slider .owl-dots .owl-dot.active span {
    background: #545454;
}
.progressive-jackpot {
    position: relative;
    text-align: center;
    margin: 0 auto;
    background-size: 100% 100%;
    filter: contrast(100%) hue-rotate(-22deg) grayscale(49%) saturate(1.4);
}
.progressive-jackpot > h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: inline-block;
    outline: 0;
    box-sizing: border-box;
    border: none;
    border-radius: 0.3em;
    text-transform: uppercase;
    box-shadow:
        0 3px 6px rgb(0 0 0 / 16%),
        0 3px 6px rgb(179 179 179 / 40%),
        inset 0 -2px 5px 1px #000000,
        inset 0 -1px 1px 3px #979797;
    background-image: linear-gradient(
        160deg,
        #424242,
        #595959,
        #787878,
        #4f4f4f,
        #000
    );
    border: 1px solid #000;
    color: #f5f5f5;
    font-weight: 700;
    text-shadow: 0 2px 2px #000;
    transition: all 0.2s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    font-size: 16px;
    max-width: 290px;
    z-index: 5;
    letter-spacing: 0;
    margin: 0 auto;
    line-height: 1.5;
}
.progressive-jackpot > .h2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    box-sizing: border-box;
    border-radius: 0.3em;
    text-transform: uppercase;
    box-shadow:
        0 3px 6px rgb(0 0 0 / 16%),
        0 3px 6px rgb(179 179 179 / 40%),
        inset 0 -2px 5px 1px #000000,
        inset 0 -1px 1px 3px #979797;
    background-image: linear-gradient(
        160deg,
        #424242,
        #595959,
        #787878,
        #4f4f4f,
        #000
    );
    border: 1px solid #000;
    color: #f5f5f5;
    font-weight: 700;
    text-shadow: 0 2px 2px #000;
    font-size: 1rem;
    width: 40%;
    margin: 0 auto;
    z-index: 5;
    line-height: 1.5;
}
#jackpot {
    font-family: "Space Mono", monospace;
    background-image: linear-gradient(
        160deg,
        #fff,
        #515151,
        #f7f7f7,
        #dfdfdf,
        #fff,
        #575757,
        #e9e9e9
    );
    color: #fff;
    -webkit-background-clip: text;
}
.progressive-jackpot,
.progressive-jackpot img {
    width: 100%;
}
.progressive-jackpot img {
    max-width: 100%;
}
.jackpot-wrapper {
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.jackpot-wrapper > span {
    position: absolute;
    width: 100%;
    font-size: 3rem;
}
.middle:not(.middle-index) {
    padding: 10px;
    padding-bottom: 1.5rem;
    min-height: 550px;
}
.box-middle {
    background: url(../images/common/black-opacity.png);
    padding: 5px;
    margin: 0 5px 10px;
    max-width: 430px;
}
#SupportedBank {
    min-height: 50px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    text-align: center;
}
.title {
    margin-bottom: 18px;
    color: #fff;
    letter-spacing: 1px;
    text-indent: -14px;
    text-transform: uppercase;
}
.title:before {
    content: "";
    padding-left: 5px;
}
.accordion .card .card-header {
    background-color: #222;
    padding: 0;
}
.accordion h2 > .btn {
    color: #fff;
}
.accordion h2 > .btn:focus,
.accordion h2 > .btn:hover {
    text-decoration: none;
}
.promotion_group {
    margin-bottom: 1rem;
}
.promotion_group .wrap {
    padding: 5px;
}
.promotion_group .title_wrap {
    position: relative;
}
.promotion_group .title_wrap img {
    width: 100%;
    height: 210px;
}
.promotion_group .watermark {
    position: absolute;
    width: auto !important;
    max-height: 70px;
    opacity: 0.4;
    padding: 15px;
}
.promotion_group .liveitem {
    position: absolute;
    top: 62px;
    right: -102px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    display: block;
}
.liveitem li {
    display: block;
    float: left;
}
.promotion_group .liveitem a {
    display: flex;
    width: 210px;
    line-height: 40px;
    letter-spacing: 0.6px;
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff;
    background-color: #137f97;
    justify-content: center;
    font-weight: 700;
}
.promotion-item {
    position: relative;
}
.promotion-item .card-img-top {
    width: calc(100% - 50px);
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    border-top-right-radius: 0;
}
.promotion-item .card-img-overlay {
    padding: 0 1.25rem;
    display: flex;
    justify-content: left;
    align-items: center;
    height: 50px;
    background-color: rgb(0 0 0 / 65%);
    top: unset;
    width: calc(100% - 50px);
    border-bottom-left-radius: 0.5rem;
}
.promotion-item .promo-title {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
}
.promotion-item .more-info {
    writing-mode: vertical-rl;
    background-color: #137f97;
    font-weight: 700;
    padding: 0.5rem;
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: center;
    width: 50px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
}
.promotion-item .more-info a {
    color: #fff;
}
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -22.5px;
    margin-left: -22.5px;
}
.col-6 {
    position: relative;
    width: 100%;
    padding-right: 22.5px;
    padding-left: 22.5px;
    flex: 0 0 50%;
    max-width: 50%;
}
.promotion_row,
.tournament_body-terms {
    margin-top: 32px;
}
.tournament_body-terms_body li {
    margin-left: 16px;
    margin-bottom: 8px;
}
.promotion_row .heading,
.tournament_body-terms_heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 8px;
}
.promotion_row a {
    color: inherit;
    text-decoration: underline;
    font-weight: 700;
}
.tournament_body-minbet_heading {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 16px;
}
.tournament_body-minbet_table {
    text-align: center;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
.tournament_body-minbet_table .currency-flag {
    text-align: left;
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}
.tournament_body-minbet_table .currency-flag img {
    padding-left: 20px;
}
.table-heading {
    background-color: #545252;
    font-weight: 700;
}
.table-heading .col-6 {
    padding: 5px 0;
    color: #fff;
    font-weight: 700;
}
.table-row {
    padding: 4px 0;
    font-size: 14px;
    font-weight: 300;
}
.table-row img {
    height: 28px;
    vertical-align: middle;
}
.table-row-odd {
    background-color: #7b767699;
}
.table-row-even {
    background-color: #c5c3c399;
}
.block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.block-image .aligncenter,
.block-image .alignleft,
.block-image .alignright,
.block-image.is-resized {
    display: table;
}
.aligncenter {
    clear: both;
}
.table-referral td {
    padding: 0.5rem;
}
.table-referral tr:last-child > td {
    border-bottom: 1px solid #dee2e6;
}
.referral .copied {
    display: block;
    text-align: center;
    margin-top: 5px !important;
}
.referral-share {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.referral-link {
    width: 100%;
    max-width: 500px;
    position: relative;
    border: 1px dashed #fff;
    border-radius: 6px;
    margin: 0 auto;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-align: center;
}
.modal-content {
    border: 1px solid rgb(224 224 224 / 0.2);
    border-radius: 15px;
}
.modal-header {
    border-bottom: 2px groove #3c474e;
    background-color: #020516;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.close,
.close:hover {
    color: #fff;
}
.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    background-color: #000;
    background-size: 100% 100%;
}
#checkAvailability,
#iconCheck {
    display: inline-block;
}
.bttn-banking,
.bttn-calibrate,
.bttn-check,
.bttn-claim,
.bttn-login,
.bttn-logout,
.bttn-register {
    border: 1px solid #37434c;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.bttn-banking,
.bttn-check,
.bttn-login {
    background-color: #1d2a33;
}
.bttn-calibrate,
.bttn-logout,
.bttn-register {
    background-color: var(--thx-b8171f,#b8171f);
    min-width: 80px;
}
.bttn-calibrate {
    width: 100%;
}
.bttn-login:active {
    background-color: #17b857;
}
.bttn-register:active {
    background-color: var(--thx-b8171f,#b8171f);
}
.bttn-banking {
    font-size: 12px;
    line-height: 23px;
    cursor: pointer;
    border-radius: 4px;
    min-width: 80px;
}
.bttn-banking:hover {
    background-color: #fff;
    color: #1d2933;
}
.game > a,
.login-box > a {
    cursor: pointer;
}
#GameCategory .icon-new {
    z-index: 1;
    top: -4px;
    right: 0;
}
#GameCategory .nav-link.active + .icon-new {
    filter: drop-shadow(1px 0 2px #fff);
}
#GameCategory,
#PromotionCategory {
    margin-bottom: 20px;
    background-color: #e3e9ea;
}
#GameCategory .nav-item {
    position: relative;
}
#GameCategory a,
#PromotionCategory a {
    border: none;
    border-radius: 0;
    padding: 8px 15px;
    font-weight: 700;
    font-size: 0.875rem;
    color: #000;
    text-transform: uppercase;
}
#GameCategory a.active,
#GameCategory a:hover,
#PromotionCategory a.active,
#PromotionCategory a:hover {
    background-color: #215471;
    color: #fff;
}
#GameCategory a:hover,
#PromotionCategory a:hover,
.game-list:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.middle.promotion,
.middle.promotion section {
    color: #000;
}
.promotion article {
    background-color: #fff;
    filter: drop-shadow(0 2px 6px black);
}
.gx-4 {
    --bs-gutter-x: 1.5rem;
}
.gx-lg-5 {
    --bs-gutter-x: 3rem;
}
.row-cols-2 > * {
    flex: 0 0 auto;
    width: 50%;
}
.row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
}
.row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
}
.fw-bolder {
    font-weight: bolder !important;
}
.promotion-name {
    color: #000;
}
#GameCategory a.active + .icon-new,
#GameCategory a:hover + .icon-new {
    filter: drop-shadow(1px 0 2px #fff);
}
.game-list {
    padding: 10px 10px 0 10px;
    position: relative;
    margin-bottom: 1rem;
}
.game-list:not(.maintenance):hover {
    background-color: #215471;
}
.game-list:not(.maintenance):hover .btn-game {
    display: block;
}
.game-list.maintenance {
    background-color: #fff0;
}
.game-list-content {
    position: relative;
}
.game-list-content .game-icon {
    border-radius: 0.5rem;
}
.game-list-content .game-icon-frame,
.game-list-content .maintenance-game {
    position: absolute;
    left: 0;
    z-index: 1;
}
.game-list-content .game-icon-frame {
    left: 0;
    z-index: 1;
}
.game-list-content .maintenance-game {
    z-index: 6;
    opacity: 0.8;
}
.game-list-content > button {
    width: 100%;
    display: none;
    position: absolute;
    bottom: 0;
    border: none;
    line-height: 35px;
    background-color: #48b5cb;
    z-index: 3;
    font-size: 0.875rem;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.game-group {
    margin-bottom: 1rem;
}
.figure-text > p {
    text-align: center;
    position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0.5rem 0;
    font-size: 0.9rem;
}
.game-favorite {
    position: absolute;
    width: 30px;
    height: 30px;
    justify-content: center;
    display: flex;
    align-items: center;
    left: -10px;
    bottom: calc(1rem + 5px);
    font-size: 1.25rem;
    color: #929294;
    cursor: pointer;
    transition: ease 0.2s;
    z-index: 5;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgb(0 0 0 / 0.1);
}
.game-favorite > i {
    line-height: 28px;
}
.game-favorite.favorited {
    color: var(--thx-f6c202,#f6c202);
}
.game_iframe {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 999999;
}
.reward_pop {
    width: 800px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 30px #000;
    z-index: 3000;
}
.sub_color {
    background-color: #003147;
    min-width: 700px;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 0.6);
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.6);
}
.reward_pop .logo_wrap {
    text-align: center;
    padding: 0.75rem;
}
.reward_pop .logo_wrap > img {
    max-height: 45px;
}
.reward_pop .close_icon {
    width: 60px;
    height: 60px;
    position: absolute;
    right: -25px;
    top: -25px;
    background: url(../images/common/close_icon.png) no-repeat center center;
    background-size: 100%;
    font-size: 0;
}
.reward_pop .card.reward_content {
    background-color: #fff0;
    border: unset;
}
.reward_pop .reward_content img {
    width: 100%;
}
.footer {
    background-color: #0b0b0b;
    padding: 20px;
    color: #fff;
}
.footer .container {
    min-height: 50px;
}
.footer h2 {
    margin-top: 15px;
    font-size: 20px;
    text-align: center;
    color: #fff;
}
._seo_footer {
    padding: 25px 0;
    text-align: center;
}
.footer-copyright {
    background-color: #030c13;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}
.footer .provider-list {
    padding-left: 22.5px;
}
footer .copyright,
.footer .copyright {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 0;
}
footer .copyright > .brand-name,
.footer .copyright > .brand-name {
    text-transform: capitalize;
    font-weight: 700;
}
.bank {
    margin: 5px 3px;
    border: 1px solid #4c4c4c;
    background-color: #080d10;
    border-radius: 8px;
    padding: 5px 0;
    max-width: 148px;
    float: none;
    display: inline-block;
    height: 40px;
}
.bank > div {
    width: 100px;
    height: 26px;
    margin-left: 35px;
    margin-top: 1px;
    background: url(../images/common/bank.png) no-repeat;
    background-size: 200%;
}
.bank .bca {
    background-position: right -1px;
}
.bank .permata {
    background-position: right -35px;
}
.bank .mandiri {
    background-position: right -66px;
}
.bank .bni {
    background-position: right -104px;
}
.bank .danamon {
    background-position: right -139px;
}
.bank .cimb {
    background-position: right -170px;
}
.bank .bri {
    background-position: right -200px;
}
.bank .ovo {
    background-position: right -233px;
}
.bank .gopay {
    background-position: right -267px;
}
.bank .xl {
    background-position: right -299px;
}
.bank .simpati {
    background-position: right -330px;
}
.bank .dana {
    background-position: right -359px;
}
.bank .linkaja {
    background-position: right -393px;
}
.bank .panin {
    background-position: right -421px;
}
.bank .sakuku {
    background-position: right -452px;
}
.bank .bsi {
    background-position: right -486px;
}
.bank .tri {
    background-position: right -519px;
}
.bank .neo {
    background-position: right -554px;
}
.bank .jenius {
    background-position: right -593px;
}
.bank .btn {
    background-position: right -634px;
}
.bank .qris {
    background-position: right -677px;
    margin-left: 23px;
}
.bank .maybank {
    background-position: right -713px;
}
.bank .sinarmas {
    background-position: right -750px;
}
.bank .jago {
    background-position: right -785px;
}
.bank .allo {
    background-position: right -820px;
}
.bank .indosat {
    background-position: right -850px;
}
.bank .blu {
    background-position: right -881px;
}
.bank .seabank {
    background-position: right -916px;
}
.bank .ocbc {
    background-position: right -947px;
}
.bank .vabca {
    background-position: right -985px;
}
.bank .vapermata {
    background-position: right -1022px;
}
.bank .vamandiri {
    background-position: right -1055px;
}
.bank .vabni {
    background-position: right -1094px;
}
.bank .vabri {
    background-position: right -1129px;
}
.bank .vacimb {
    background-position: right -1162px;
}
.bank .superbank {
    background-position: right -1194px;
}
.bank .bca:hover {
    background-position: 3px -1px;
}
.bank .permata:hover {
    background-position: 3px -35px;
}
.bank .mandiri:hover {
    background-position: 3px -66px;
}
.bank .bni:hover {
    background-position: 3px -104px;
}
.bank .danamon:hover {
    background-position: 3px -139px;
}
.bank .cimb:hover {
    background-position: 3px -170px;
}
.bank .bri:hover {
    background-position: 3px -200px;
}
.bank .ovo:hover {
    background-position: 3px -233px;
}
.bank .gopay:hover {
    background-position: 3px -267px;
}
.bank .xl:hover {
    background-position: 3px -299px;
}
.bank .simpati:hover {
    background-position: 3px -330px;
}
.bank .dana:hover {
    background-position: 3px -359px;
}
.bank .linkaja:hover {
    background-position: 4px -393px;
}
.bank .panin:hover {
    background-position: 3px -421px;
}
.bank .sakuku:hover {
    background-position: 3.5px -452px;
}
.bank .bsi:hover {
    background-position: 3px -486px;
}
.bank .tri:hover {
    background-position: 3px -519px;
}
.bank .neo:hover {
    background-position: 3px -554px;
}
.bank .jenius:hover {
    background-position: 3px -593px;
}
.bank .btn:hover {
    background-position: 3px -634px;
}
.bank .qris:hover {
    background-position: 3px -677px;
}
.bank .maybank:hover {
    background-position: 3px -713px;
}
.bank .sinarmas:hover {
    background-position: 3px -750px;
}
.bank .jago:hover {
    background-position: 3px -785px;
}
.bank .allo:hover {
    background-position: 3px -820px;
}
.bank .indosat:hover {
    background-position: 0 -850px;
}
.bank .blu:hover {
    background-position: 2px -881px;
}
.bank .seabank:hover {
    background-position: 2px -916px;
}
.bank .ocbc:hover {
    background-position: 3px -947px;
}
.bank .vabca:hover {
    background-position: 0.5px -985px;
}
.bank .vapermata:hover {
    background-position: 0.5px -1022px;
}
.bank .vamandiri:hover {
    background-position: 0.5px -1055px;
}
.bank .vabni:hover {
    background-position: 0.5px -1094px;
}
.bank .vabri:hover {
    background-position: 0.5px -1129px;
}
.bank .vacimb:hover {
    background-position: 2px -1162px;
}
.bank .superbank:hover {
    background-position: 2px -1194px;
}
.indicator {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 14px;
    height: 14px;
}
.indicator.on {
    background: url(../images/common/indic-on.png) no-repeat;
}
.indicator.off {
    background: url(../images/common/indic-off.png) no-repeat;
}
.indicator.on,
.indicator.off {
    background-position: center center;
    background-size: 88%;
}
.form-group {
    position: relative;
    padding: 10px 0;
    margin-bottom: 0;
}
.form-group[class*="col-"] {
    margin-bottom: 0;
}
.form-group label {
    display: inline-block;
    line-height: 16px;
    font-weight: 700;
    vertical-align: top;
}
.form-group label > span {
    margin: 0 5px;
    color: var(--thx-c90000,#c90000);
}
.input-field {
    width: 100%;
}
.check-availability {
    line-height: 28px;
    min-width: 120px;
}
#RegisterForm .form-group input[type="email"],
#RegisterForm .form-group input[type="password"],
#RegisterForm .form-group input[type="text"],
#RegisterForm .form-group input[type="number"],
#RegisterForm .form-group select {
    position: relative;
    height: 32px;
    line-height: 32px;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border-color: silver;
    vertical-align: top;
}
#RegisterForm .form-group select {
    background-color: #232323;
    width: 100%;
}
#RegisterForm .bank-list,
#RegisterForm .form_group_category {
    display: block;
}
.form-group .input-field i {
    font-size: 1.5em;
    position: absolute;
    right: 25px;
    top: 7px;
    opacity: 0;
}
.help-block {
    display: block;
    margin: 0.4em 0;
    line-height: 14px;
    font-size: 12px;
}
.popup-body {
    font-family: Ubuntu, sans-serif;
    background-color: #000;
    background-size: 100% 100%;
    color: #1f1f1f;
    font-size: 100%;
    line-height: 24px;
    height: 100%;
    position: relative;
    margin: 0;
}
.account_hd {
    padding-left: 20px;
    background-color: #003147;
    line-height: 44px;
    height: 44px;
    color: #fff;
    min-width: 930px;
    zoom: 1;
    border-bottom: none;
}
.account_hd h3 {
    line-height: 44px;
    font-size: 1.125rem;
    float: left;
    margin: 0;
    font-weight: 700;
    text-transform: uppercase;
}
.account_hd .popup-logo {
    height: 32px;
}
.account_hd .logout {
    padding: 0 14px;
    border-left: 1px solid #0b4965;
    text-align: center;
    background-color: #003147;
    letter-spacing: 1px;
    font-size: 1rem;
    box-sizing: border-box;
    float: right;
    text-transform: uppercase;
}
.account_hd .logout:hover {
    background-color: #26a9bf;
    text-decoration: none;
}
.account_hd ul {
    display: block;
    font-size: 0.8125rem;
    float: right;
    zoom: 1;
    margin: 0;
    padding: 0;
}
.account_hd ul li {
    display: block;
    float: left;
    margin-right: 15px;
}
.account_hd a {
    display: block;
    color: #fff;
}
.account_hd .livehelp,
.account_hd .userid {
    padding-left: 26px;
    background: url(../images/common/icon_main.png) no-repeat 0 -704px;
}
.account_hd .livehelp {
    background-position: 0 -742px;
}
.account_hd .livehelp:hover {
    background-position: 0 -773px;
    color: #2ccad7;
    text-decoration: none;
}
.account_hd .avatar {
    font-size: 1.5em;
    position: relative;
    top: 3px;
    margin-right: 3px;
}
.account_main_width {
    zoom: 1;
}
.popup-header-time {
    margin-left: 15px;
    font-size: 13px;
}
.account_nav {
    background-color: #020516;
    min-width: 930px;
    position: relative;
    border-top: groove 2px #2f2f2f;
    border-bottom: groove 2px #2f2f2f;
    z-index: 7;
}
.account_nav ul {
    margin: 0;
    padding: 0;
}
.account_nav ul:after {
    content: "";
    display: block;
    clear: both;
}
.account_nav ul li {
    display: block;
    float: left;
}
.account_nav ul li:last-child {
    border-right: none;
}
.account_nav ul a {
    display: block;
    padding: 5px 20px;
    font-size: 0.875rem;
    text-decoration: none;
    color: #fff;
    border-bottom: 3px solid #fff0;
}
.account_nav ul a.choice,
.account_nav ul a:hover {
    color: #3fc3ff;
    text-decoration: none;
    background-color: #020516;
    border-bottom-color: #3fc3ff;
}
.account_nav ul .nav_sub {
    position: relative;
}
.account_nav ul .nav_sub:hover .choice_nav {
    display: block;
}
.account_nav .icon_more {
    padding-right: 28px;
    background: url(../images/common/icon_main.png) no-repeat right -1920px;
}
.account_nav .icon_more:hover {
    background-position: right -1948px;
}
.account_nav .choice_nav {
    display: none;
    width: 160%;
    background-color: #dbdbdb;
    position: absolute;
    top: 34px;
    left: 0;
    z-index: 19;
    font-size: 0.8125rem;
}
.account_nav .choice_nav p {
    padding: 3px 10px;
    background-color: #4b4b4b;
    color: #fff;
}
.account_nav .choice_nav ol li {
    border-right-width: 0;
    background-color: rgb(255 255 255 / 0.5);
    margin-bottom: 1px;
    float: none;
}
.account_nav .choice_nav ol a {
    padding: 5px 8px 5px 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.account_nav .choice_nav ol a:hover {
    background-color: #fff0;
    letter-spacing: 0.5px;
    color: #003147;
}
.account_nav .choice_nav ol a:hover:before {
    content: "\2714" " ";
}
.row.con_box {
    margin: 0;
}
.con_box {
    padding: 20px;
    min-width: 930px;
}
.con_item {
    position: relative;
    padding: 18px;
    display: block;
}
.con_item h4 {
    margin-bottom: 18px;
    color: #fff;
    padding: 1rem 0;
    letter-spacing: 1px;
    text-indent: -14px;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
}
.con_item h4:before {
    content: "";
    padding-left: 10px;
    border-left: 4px solid #205472;
}
.con_item .info_type {
    margin: 0 0 10px 0;
    width: 354px;
    height: 32px;
    padding-left: 10px;
    display: inline-block;
    line-height: 30px;
    border: 1px solid #a8a8a8;
    background-color: #d4d4d4;
    cursor: not-allowed;
    color: #000;
    vertical-align: top;
    -webkit-border-radius: 3px;
    -mos-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.875rem;
}
.deposit_content {
    position: relative;
    display: inline-block;
}
.con_item ul li {
    float: left;
    text-transform: uppercase;
}
.account_main {
    margin: 10px auto;
    width: 1000px;
    min-height: 430px;
    color: #fff;
    zoom: 1;
}
#BonusListDiv {
    color: #1f1f1f;
}
.popup-body .form-group label {
    display: inline-block;
    width: 33%;
    max-width: 180px;
    line-height: 16px;
    font-weight: 700;
    vertical-align: top;
    font-size: 0.875rem;
    color: #fff;
}
.form_group_category {
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.form_group_category .select_input {
    margin-bottom: 10px;
}
.form_group_category select {
    padding-right: 30px;
}
.form_group_category .check-availability {
    position: absolute;
    top: 0;
    right: -135px;
}
.form_group_category .copied {
    position: relative;
}
.popup-body .form_group_category input[readonly] {
    background-color: #232323 !important;
    color: #999 !important;
}
.copyText {
    position: absolute;
    right: -30px;
    font-size: 1.3em;
    top: 7px;
    cursor: pointer;
}
.copyText:focus,
.copyText:hover {
    opacity: 0.5;
}
.copyRef {
    display: block;
    cursor: pointer;
}
.refcounter-wrap {
    text-align: center;
    width: 100%;
}
.refcounter-wrap h1 {
    font-weight: 300;
    font-size: 1rem;
    color: #fff;
    margin: 0;
}
.refcounter-number {
    font-weight: 700;
    color: #fff;
    font-size: 54px;
}
.form-group .explain_text {
    font-size: 0.75rem;
    margin: 0;
}
.form-group .explain_text span {
    font-weight: 700;
    color: #fff;
    margin-left: 5px;
}
.form-group:after {
    content: "";
    display: block;
    clear: both;
}
select {
    background-color: #fff;
    font-size: 13px;
    color: grey;
    line-height: 30px;
    height: 30px;
    border: 1px #ccc solid;
    padding: 0 5px;
    border-radius: 3px;
    outline: 0;
    font-size: 0.875rem;
}
.form-group select {
    position: relative;
    width: 354px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-color: silver;
    vertical-align: top;
    top: 0 !important;
}
.popup-body .form-group input[type="number"],
.popup-body .form-group input[type="password"],
.popup-body .form-group input[type="text"] {
    position: relative;
    width: 354px;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-color: silver;
    vertical-align: top;
    font-size: 0.875rem;
}
.popup-body .form-group input[type="number"] {
    background-color: unset;
}
.popup-body .form-group input[type="text"]:disabled {
    background-color: #f5f5f5;
}
.popup-body .form-group textarea {
    position: relative;
    width: 354px;
    min-height: 32px;
    margin-bottom: 10px;
    border-color: silver;
    font-size: 0.875rem;
    resize: none;
    border-radius: 3px;
    outline: 0;
    padding: 5px;
}
.btn_type {
    display: block;
    margin: 20px 0 0 180px;
    padding: 0;
}
.btn_type li {
    margin-right: 10px;
    display: block;
    float: left;
}
.btn_type .btn_default {
    box-shadow: none;
}
.btn_type input[type="button"],
.btn_type input[type="reset"],
.btn_type input[type="submit"] {
    box-shadow: none;
    border: 1px solid #37434c;
    width: 168px;
    height: 34px;
    border-radius: 4px;
    margin: 0 0 0 5px;
    background-color: #105473;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.captcha {
    margin-left: 33%;
    padding-left: 4px;
}
.captcha .img-thumbnail {
    width: 100px;
    height: 32px;
    padding: 0.15rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
}
.captcha .form-group span {
    margin: 0 5px;
}
.mainNav_width {
    width: 1000px;
    margin: 0 auto;
}
.account_list {
    min-width: 930px;
    padding: 20px;
    -webkit-box-shadow: 0 -1px 1px rgb(0 0 0 / 0.3);
    box-shadow: 0 -1px 1px rgb(0 0 0 / 0.3);
    color: #fff;
}
.account_list.embed_account_list {
    background-color: #040a0e;
}
.account_list h4 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
}
.account_list h4:before {
    content: "";
    padding-left: 10px;
    border-left: 4px solid #003147;
}
.account_list .account_info {
    border-bottom: 2px solid #003147;
    background-color: #fff;
    margin-bottom: 30px;
}
.account_list table {
    width: 100%;
    text-align: center;
    font-size: 0.8125rem;
}
.account_list .account_info thead {
    background-color: #105473;
}
.account_list .account_info th {
    line-height: 30px;
    color: #fff;
    border-right: 1px solid #1b4965;
    padding: 0;
}
.account_list .account_info td:last-child,
.account_list .account_info th:last-child {
    border-right: 0;
}
.account_list .account_info td {
    border-right: 1px solid #fff;
    line-height: 22px;
    padding: 2px 6px;
    color: #030303;
}
.trx-refno {
    font-size: 110%;
    font-weight: 700;
}
.trx-refno > .copyRef {
    display: inline-flex;
    padding-left: 1rem;
}
.trx-refno > .copied {
    margin-left: 0;
}
.empty-list {
    margin: 0 auto;
    width: 500px;
    padding: 60px 0;
    text-align: left;
}
.empty-list > h2 {
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: 700;
}
.withdraw-money {
    width: 100%;
    display: block;
    color: #fff !important;
    margin-left: 0 !important;
}
.withdraw-money > label {
    width: 100% !important;
    display: block !important;
    cursor: pointer;
    line-height: 30px !important;
    margin-bottom: 0;
}
.date_list {
    line-height: 30px;
    margin-bottom: 10px;
    font-size: 0.8125rem;
    display: inline-block;
    padding: 0;
}
.date_list li {
    margin-right: 10px;
    display: block;
    float: left;
}
.date_list li:first-child {
    width: 100px;
}
.date_list .selection {
    display: block;
    border: 1px solid #aaa;
    background: #fff url(../images/common/icon_main.png) no-repeat right -1143px;
    padding: 0 38px 0 10px;
    color: #333;
    -webkit-border-radius: 3px !important;
    -mos-border-radius: 3px !important;
    border-radius: 3px !important;
}
.date_list .selection:hover {
    text-decoration: none;
    color: var(--thx-ec9838,#ec9838);
}
.date_list input[type="password"],
.date_list input[type="text"] {
    cursor: pointer;
    background-color: #fff;
    color: grey;
    line-height: 30px;
    border: 1px #ccc solid;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    font-size: 0.875rem;
}
.date_list[type="button"] {
    width: 136px;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
}
.date_list button {
    background-color: #033544;
    color: #fff;
    font-weight: 600;
    border-width: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    outline: 0;
    font-size: 0.8125rem;
    text-transform: uppercase;
    min-width: 100px;
    -webkit-appearance: none;
}
.select_input {
    width: 354px;
    height: 32px;
    line-height: 32px;
    padding-left: 8px;
    border: 1px solid silver;
    position: relative;
    background: #f5f5f5 url(../images/common/icon_main.png) no-repeat
        right -1268px;
    cursor: pointer;
    word-wrap: break-word;
    word-break: break-all;
    font-size: 0.8125rem;
    -webkit-border-radius: 3px;
    -mos-border-radius: 3px;
    border-radius: 3px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    color: #212121;
}
.select_input ul li.disabled {
    pointer-events: none;
    opacity: 0.5;
}
.select_input .chosen {
    text-transform: uppercase;
}
.menu-transfer ul {
    margin: 0;
    padding: 0;
}
.transicon {
    position: absolute;
    top: 32px;
    left: 534px;
    z-index: 44;
}
.transicon span {
    display: block;
    width: 20px;
    height: 10px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
    margin: 0 5px;
}
.transicon a {
    display: block;
    width: 34px;
    height: 19px;
    background: url(../images/common/icon_main.png) no-repeat 14px -1082px;
    opacity: 0.8;
    cursor: pointer;
}
.transicon a:hover {
    opacity: 1;
}
.transicon .bottomline {
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1);
}
.form-group .transcash {
    margin: 0 9px 10px 0;
    float: right;
}
.form-group .transcash .cash {
    min-width: 170px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    padding: 0 5px;
    border: 1px solid #408996;
    color: #fff;
    font-weight: 700;
    font-size: 0.875rem;
    height: 32px;
    line-height: 32px;
    border-radius: 3px;
}
.form-group .transcash .loading {
    width: 14px;
    height: 28px;
    background: url(../images/common/transfer_load.gif) no-repeat center center;
}
.wallet {
    margin: 1% 0 0 2%;
    border: 1px solid #848484;
    background-color: #ececec;
    float: right;
    padding: 0;
}
[class^="col-"].wallet {
    float: right;
}
.wallet .top_title {
    height: 30px;
    line-height: 30px;
    color: #c5c5c5;
    background: url(../images/common/bg_01.png) repeat-x;
    margin: 0;
    padding: 0;
}
.wallet .top_title .cash_icon {
    width: 45px;
    background: url(../images/common/icon_main.png) no-repeat 7px -816px;
    opacity: 0.7;
    float: left;
}
.wallet .top_title .cash_icon:hover {
    opacity: 1;
}
.wallet .top_title a {
    display: block;
    text-indent: -99999px;
    cursor: pointer;
}
.wallet .top_title li {
    text-align: center;
    font-weight: 700;
    width: calc(100% - 35px);
    font-size: 0.9375rem;
    display: block;
    float: left;
}
.wallet .top_title .refresh_icon {
    width: 35px;
    background: url(../images/common/icon_main.png) no-repeat 7px -854px;
    opacity: 0.7;
    float: right;
}
.wallet .top_title .refresh_icon:hover {
    opacity: 1;
}
.wallet .primary,
.wallet .total {
    height: 38px;
    line-height: 38px;
    background: url(../images/common/bg_01.png) repeat-x 0 -31px;
    padding: 0 5px;
    color: orange;
    text-shadow: 0 1px 0 rgb(0 0 0 / 0.8);
    font-size: 0.8125rem;
    margin: 0;
}
.wallet .primary dt,
.wallet .total dt {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 0.9375rem;
    float: left;
}
.wallet .primary dd,
.wallet .total dd {
    font-size: 1rem;
    letter-spacing: 0.5px;
    float: right;
    margin: 0;
    padding: 0;
}
.wallet .primary .btn_total,
.wallet .total .btn_total {
    display: block;
    margin-top: 7px;
    width: 80px;
    height: 24px;
    color: #fff;
    line-height: 24px;
    text-align: center;
    background: url(../images/common/bg_01.png) repeat-x 0 -108px;
    font-size: 0.875rem;
    -webkit-border-radius: 3px;
    -mos-border-radius: 3px;
    border-radius: 3px;
}
.wallet .primary .btn_total {
    margin-top: 5px;
}
.wallet .primary .btn_total:hover,
.wallet .total .btn_total:hover {
    text-decoration: none;
    background-position: 0 -132px;
}
.wallet .btn_withdraw {
    width: 100%;
    max-height: 34px;
    background-color: var(--thx-b8171f,#b8171f);
    color: #fff;
    border-radius: 0;
}
.wallet .content {
    height: 288px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0.8125rem;
    margin: 0;
    padding: 0;
    width: 100%;
}
.wallet .content li:first-child {
    border-top: none;
}
.wallet .content li {
    padding: 5px;
    cursor: pointer;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bfbfbf;
}
.wallet .content-inner {
    height: 24px;
    cursor: pointer;
}
.wallet .content-inner span {
    float: right;
}
.wallet .content-inner .icon_dropdown {
    position: relative;
    margin: 3px 6px 0 0;
    width: 18px;
    height: 18px;
    display: block;
    background-color: #757575;
    padding-left: 3px;
    padding-top: 2px;
    -webkit-border-radius: 50%;
    -mos-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left;
    padding: 2px;
}
.wallet .content-inner h5 {
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 0.875rem;
    margin: 0;
    display: inline-block;
}
.wallet .content-inner .refreshcash {
    min-width: 62px;
    background-color: #6d6d6d;
    -webkit-box-shadow: 0 2px 0 0 #3e3e3e;
    box-shadow: 0 2px 0 0 #3e3e3e;
    float: right;
}
.wallet .content a {
    padding: 0 5px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    line-height: 22px;
    text-align: center;
    -webkit-border-radius: 3px;
    -mos-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.875rem;
}
.wallet .content a:active {
    transform: translate(0, 2px);
    -ms-transform: translate(0, 2px);
    -webkit-transform: translate(0, 2px);
    box-shadow: 0 1px 0 0;
    -webkit-box-shadow: 0 1px 0 0;
}
.wallet .primary {
    color: #fff;
    height: 34px;
    line-height: 34px;
    background-position: 0 -69px;
}
.conlist {
    display: none;
    width: 101%;
    position: absolute;
    top: 28px;
    left: -1px;
    z-index: 45;
    background-color: #fff;
    border: 1px solid #003147;
    max-height: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0.75rem;
}
.transfer_trigger:hover .conlist {
    display: none;
}
.transfer_trigger.active {
    background-position: right -1291px;
}
.transfer_trigger.active .conlist {
    display: block;
}
.select_group {
    width: 594px;
    padding: 10px;
    min-height: 333px;
    left: -240px;
    top: 32px;
    cursor: default;
    -webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 0.45);
    box-shadow: 0 1px 3px rgb(0 0 0 / 0.45);
}
.select_group .cols-wrap {
    margin: 0;
}
.select_group ul,
.select_group ul li {
    display: block;
}
.select_group ul li {
    margin: 3px 4px;
    padding-left: 0;
    width: 110px;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    line-height: 28px;
    text-align: center;
}
.select_group ul li:hover {
    border-color: #747474;
    background-color: #0f3147;
}
.select_group ul li:hover a {
    color: #fff !important;
}
.select_group ul li.active a {
    color: #fff !important;
}
.conlist h5 {
    padding: 0 8px;
    text-transform: uppercase;
    color: #383838;
    font-weight: 700;
    line-height: 30px;
    font-size: 0.8125rem;
}
.select_group h5 {
    margin-bottom: 6px;
    padding: 5px;
}
.select_group ol li {
    margin: 0 4px;
    list-style: none;
    padding-left: 0;
    min-width: 80px;
    width: auto;
    border: 1px solid #c8c8c8;
    border-radius: 30px;
    text-transform: uppercase;
    line-height: 28px;
    margin-bottom: 5px;
    text-align: center;
}
.select_group ol li.active {
    position: relative;
    background-color: #0f3147;
    border-radius: 30px;
}
.select_group ol li.active:before {
    position: absolute;
    content: "";
    top: 22px;
    left: 50%;
    margin-left: -5px;
    width: 10px;
    height: 10px;
    background: #0f3147;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 4;
}
.select_group ol li.active a {
    color: #fff !important;
}
.select_group a {
    display: block;
    padding: 0 5px;
    text-decoration: none;
    letter-spacing: -0.1px;
}
.select_group a:not([href]):not([tabindex]) {
    color: #1f1f1f;
}
#TransferFromName,
#TransferToName,
.select_group a {
    color: #1f1f1f;
    cursor: pointer;
}
.select_group .provider_name {
    margin-top: 8px;
    width: 100%;
    min-height: 180px;
    padding: 5px 8px;
    border: solid 1px #c8c8c8;
    border-radius: 5px;
    display: table;
    background-color: #fff;
}
.select_group .provider_name ul {
    display: table-cell;
    vertical-align: top;
}
.select_group .provider_name .grid-5 li {
    width: calc(100% / 5 - 8px);
    line-height: 30px;
}
.conlist.active {
    display: block;
}
.conlist li {
    border-top: 0;
    width: 100%;
    padding-left: 14px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.conlist li.selected {
    color: #fff;
    background-color: #00859b;
}
.validation-error {
    overflow: visible;
    opacity: 1;
    color: var(--thx-d32f2f,#d32f2f);
}
.validation-error .input-field {
    border-color: var(--thx-d32f2f,#d32f2f);
}
.validation-error i {
    overflow: visible;
    opacity: 1;
}
.validation-error .tooltip {
    color: var(--thx-d32f2f,#d32f2f);
    margin-top: -5px;
}
.validation-close i {
    color: #424242;
    overflow: visible;
    opacity: 1;
}
.tooltip {
    margin: 0.4em 0;
    padding: 0 3px;
    line-height: 14px;
    font-weight: 400;
    color: #616161;
    font-size: 0.875rem;
    position: relative;
    opacity: 1;
    z-index: 2;
}
.tooltip.pulsa-deduction-note {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.2;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #fff0;
    border-radius: 0.25rem;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success,
.alert-successalert-dismissible {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.loading {
    margin: 0;
    padding: 0;
}
#ContactUs {
    position: relative;
    display: block;
}
#ContactUs div {
    width: 50px;
    height: 50px;
    background: url(../images/common/contact-us.png) no-repeat;
    background-size: 95%;
    margin-bottom: 10px;
}
#ContactUs span {
    display: block;
    margin-left: 70px;
    position: relative;
    top: 10px;
}
#ContactUs .bb {
    background-position: center 0;
}
#ContactUs .sms {
    background-position: center -55px;
}
#ContactUs .wa {
    background-position: center -109px;
}
#ContactUs .facebook {
    background-position: center -164px;
}
#ContactUs .line {
    background-position: center -219px;
}
#ContactUs .instagram {
    background-position: center -273px;
}
#ContactUs .twitter {
    background-position: center -328px;
}
.custom-page {
    font-weight: 700;
    padding: 0 0 15px 0;
    margin-bottom: 1rem;
}
.custom-page .page-item {
    margin-bottom: 0;
    padding-left: 0;
    text-align: right;
}
.custom-page .page-item li {
    display: inline;
    border-right: 1px solid #fff;
}
.custom-page .page-item li:last-child {
    border-right: none;
}
.custom-page .page-item a {
    padding: 0 10px;
}
.custom-page .page-item a:hover {
    text-decoration: underline;
}
.wrap-provider-list {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    padding: 5px 0;
}
#ProviderList {
    width: auto;
    display: inline-block;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
#ProviderList li {
    width: 80px;
    display: inline-block;
    margin: 5px 10px 15px;
}
#ProviderList a {
    display: block;
    padding: 50px 0 0 0;
    background: url(../images/common/icon_menu.png) no-repeat;
    background-size: 200%;
    background-position: left -15px;
}
#ProviderList a:hover {
    background-position: right -15px;
}
#ProviderList .pgr,
#ProviderList .pgb,
#ProviderList .prk {
    background-position: left -95px;
}
#ProviderList .hb {
    background-position: left -175px;
}
#ProviderList .gpi {
    background-position: left -255px;
}
#ProviderList .plt,
#ProviderList .ptc {
    background-position: left -335px;
}
#ProviderList .wm {
    background-position: left -495px;
}
#ProviderList .spd {
    background-position: left -575px;
}
#ProviderList .sbo {
    background-position: left -655px;
}
#ProviderList .jkr {
    background-position: left -735px;
}
#ProviderList .cmd {
    background-position: left -815px;
}
#ProviderList .awc {
    background-position: left -895px;
}
#ProviderList .idn {
    background-position: left -1248px;
}
#ProviderList .pgs {
    background-position: left -1055px;
}
#ProviderList .sbc {
    background-position: left -1135px;
}
#ProviderList .bbn,
#ProviderList .nbb {
    background-position: left -1215px;
}
#ProviderList .ori {
    background-position: left -1375px;
}
#ProviderList .pst {
    background-position: left -1295px;
}
#ProviderList .bbp {
    background-position: left -1455px;
}
#ProviderList .cqn {
    background-position: left -1535px;
}
#ProviderList .ttg {
    background-position: left -1615px;
}
#ProviderList .bgg {
    background-position: left -2015px;
}
#ProviderList .sll {
    background-position: left -1775px;
}
#ProviderList .mcg {
    background-position: left -1855px;
}
#ProviderList .bng {
    background-position: left -1935px;
}
#ProviderList .blk {
    background-position: left -2015px;
}
#ProviderList .prt {
    background-position: left -2095px;
}
#ProviderList .sba {
    background-position: left -2175px;
}
#ProviderList .mmg {
    background-position: left -2255px;
}
#ProviderList .ifd {
    background-position: left -2335px;
}
#ProviderList .ygg {
    background-position: left -2415px;
}
#ProviderList .fch {
    background-position: left -2495px;
}
#ProviderList .adv {
    background-position: left -2575px;
}
#ProviderList .jli {
    background-position: left -2655px;
}
#ProviderList .evo {
    background-position: left -2735px;
}
#ProviderList .bpt {
    background-position: left -2804px;
}
#ProviderList .dgs {
    background-position: left -2884px;
}
#ProviderList .sng {
    background-position: left -2966px;
}
#ProviderList .ddo {
    background-position: left -3047px;
}
#ProviderList .ptg {
    background-position: left -3152px;
}
#ProviderList .afb {
    background-position: left -3248px;
}
#ProviderList .wsl {
    background-position: left -3333px;
}
#ProviderList .hsg {
    background-position: left -3406px;
}
#ProviderList .mll {
    background-position: left -3566px;
}
#ProviderList .plk {
    background-position: left -3644px;
}
#ProviderList .ftp {
    background: url(../images/provider/all/white/ftp.webp) no-repeat;
    background-size: cover;
    background-position: center;
    width: 80px;
    height: 50px;
}
#ProviderList .fvg {
    background: url(../images/provider/all/white/fvg.webp) no-repeat;
    background-size: contain;
    background-position: center;
}
#ProviderList .ggs {
    background: url(../images/provider/all/white/ggs.webp) no-repeat;
    background-size: contain;
    background-position: center;
}
#ProviderList .sag {
    background: url(../images/provider/all/white/sag.webp) no-repeat;
    background-size: 80%;
    background-position: center;
}
#ProviderList .mrb {
    background: url(../images/provider/all/white/mrb.webp) no-repeat;
    background-size: contain;
    background-position: center;
}
#ProviderList .eai {
    background: url(../images/provider/all/white/eai.webp) no-repeat;
    background-size: 80%;
    background-position: center;
}
#ProviderList .aag {
    background: url(../images/provider/all/white/aag.webp) no-repeat;
    background-size: contain;
    background-position: center;
}
#ProviderList .pgr:hover,
#ProviderList .pgb:hover,
#ProviderList .prk:hover {
    background-position: right -95px;
}
#ProviderList .hb:hover {
    background-position: right -175px;
}
#ProviderList .gpi:hover {
    background-position: right -255px;
}
#ProviderList .plt:hover,
#ProviderList .ptc:hover {
    background-position: right -335px;
}
#ProviderList .wm:hover {
    background-position: right -495px;
}
#ProviderList .spd:hover {
    background-position: right -575px;
}
#ProviderList .sbo:hover {
    background-position: right -655px;
}
#ProviderList .jkr:hover {
    background-position: right -735px;
}
#ProviderList .cmd:hover {
    background-position: right -815px;
}
#ProviderList .awc:hover {
    background-position: right -895px;
}
#ProviderList .idn:hover {
    background-position: right -1248px;
}
#ProviderList .pgs:hover {
    background-position: right -1055px;
}
#ProviderList .sbc:hover {
    background-position: right -1135px;
}
#ProviderList .bbn:hover,
#ProviderList .nbb:hover {
    background-position: right -1215px;
}
#ProviderList .ori:hover {
    background-position: right -1375px;
}
#ProviderList .pst:hover {
    background-position: right -1295px;
}
#ProviderList .bbp:hover {
    background-position: right -1455px;
}
#ProviderList .cqn:hover {
    background-position: right -1535px;
}
#ProviderList .ttg:hover {
    background-position: right -1615px;
}
#ProviderList .bgg:hover {
    background-position: right -2015px;
}
#ProviderList .sll:hover {
    background-position: right -1775px;
}
#ProviderList .mcg:hover {
    background-position: right -1855px;
}
#ProviderList .bng:hover {
    background-position: right -1935px;
}
#ProviderList .blk:hover {
    background-position: right -2015px;
}
#ProviderList .prt:hover {
    background-position: right -2095px;
}
#ProviderList .sba:hover {
    background-position: right -2175px;
}
#ProviderList .mmg:hover {
    background-position: right -2255px;
}
#ProviderList .ifd:hover {
    background-position: right -2335px;
}
#ProviderList .ygg:hover {
    background-position: right -2415px;
}
#ProviderList .fch:hover {
    background-position: right -2495px;
}
#ProviderList .adv:hover {
    background-position: right -2575px;
}
#ProviderList .jli:hover {
    background-position: right -2655px;
}
#ProviderList .evo:hover {
    background-position: right -2735px;
}
#ProviderList .bpt:hover {
    background-position: right -2804px;
}
#ProviderList .dgs:hover {
    background-position: right -2884px;
}
#ProviderList .sng:hover {
    background-position: right -2966px;
}
#ProviderList .ddo:hover {
    background-position: right -3047px;
}
#ProviderList .ptg:hover {
    background-position: right -3152px;
}
#ProviderList .afb:hover {
    background-position: right -3248px;
}
#ProviderList .wsl:hover {
    background-position: right -3333px;
}
#ProviderList .hsg:hover {
    background-position: right -3406px;
}
#ProviderList .mll:hover {
    background-position: right -3566px;
}
#ProviderList .plk:hover {
    background-position: right -3644px;
}
#ProviderList .ftp:hover {
    background-image: url(../images/provider/all/ftp.webp);
    filter: drop-shadow(0 0 1px white);
}
#ProviderList .fvg:hover {
    background-image: url(../images/provider/all/fvg.webp);
    background-position: center;
}
#ProviderList .ggs:hover {
    background-image: url(../images/provider/all/ggs.webp);
    background-position: center;
}
#ProviderList .sag:hover {
    background-image: url(../images/provider/all/sag.webp);
    background-position: center;
}
#ProviderList .mrb:hover {
    background-image: url(../images/provider/all/mrb.webp);
    background-position: center;
}
#ProviderList .eai:hover {
    background-image: url(../images/provider/all/eai.webp);
    background-position: center;
}
#ProviderList .aag:hover {
    background-image: url(../images/provider/all/aag.webp);
    background-position: center;
}
.support-footer {
    padding: 2rem 0;
    color: #fff;
}
.support-footer .heading {
    font-weight: 700;
}
.support-footer .heading,
.support-footer .responsible-gaming {
    padding-bottom: 15px;
}
.support-footer h2,
.support-footer p {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 8px;
}
.support-footer h3 {
    font-size: 1.25rem;
    font-weight: 700;
}
.footer-links {
    margin: 0;
    padding: 0;
}
.footer-links li {
    margin-bottom: 1rem;
}
.footer-links a {
    color: #fff;
}
.footer-links li:last-child {
    margin-bottom: 0;
}
.license a {
    line-height: 32px;
    height: 32px;
    display: inline-table;
    padding: 0 20px 20px 0;
}
.license span {
    height: 32px;
    display: block;
    background: url(../images/common/icon-license.png) no-repeat;
}
.license .pagcor {
    width: 128px;
    background-position: left 0;
}
.license .gambling-commission {
    width: 121px;
    background-position: left -34px;
}
.license .itech-labs {
    width: 34px;
    background-position: left -68px;
}
.license .gaming-labs-certified {
    width: 92px;
    background-position: left -102px;
}
.license .bmm-testlabs {
    width: 193px;
    background-position: left -136px;
}
.license .mga {
    width: 162px;
    background-position: left -170px;
}
.license .infini88 {
    width: 124px;
    background-position: left -204px;
}
.license .pagcor:hover {
    background-position: -194px 0;
}
.license .gambling-commission:hover {
    background-position: -194px -34px;
}
.license .itech-labs:hover {
    background-position: -194px -68px;
}
.license .gaming-labs-certified:hover {
    background-position: -194px -102px;
}
.license .bmm-testlabs:hover {
    background-position: -194px -136px;
}
.license .mga:hover {
    background-position: -194px -170px;
}
.license .infini88:hover {
    background-position: -194px -204px;
}
.rules-agreement-logo {
    background: url(../images/common/footer.png) no-repeat;
    background-size: 600px 45px;
    padding-top: 45px;
    width: 600px;
    margin: 0 auto;
}
.bonus-wrapper .nav-tabs {
    margin-bottom: 20px;
    border-bottom: 1px solid #205472;
}
.bonus-wrapper .nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid #fff0;
}
.bonus-wrapper .nav-tabs .nav-link:hover {
    color: #205472;
}
.bonus-wrapper .nav-tabs .nav-link.active {
    border-bottom: 5px solid #205472;
    color: #205472;
}
.bonus-wrapper .account_list {
    padding: 0;
    box-shadow: none;
    color: #000;
}
.modal-body .provider span {
    color: #000;
}
.bonus-provider-list {
    width: auto;
    display: inline-flex;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.bonus-provider-list li {
    width: 110px;
    float: left;
    margin: 0;
}
.bonus-provider-list li.active {
    background-color: rgb(32 84 114 / 0.6);
    color: #000;
}
.bonus-provider-list li.active a {
    border-bottom: 2px solid #52c4ff;
    font-weight: 700;
    background-color: #1f4b68;
}
.bonus-provider-list li:hover {
    background-color: #1f4b68;
}
.bonus-provider-list li:hover a {
    text-decoration: none;
    color: #000;
}
.bonus-provider-list li:hover a:not(.other) {
    font-weight: 700;
    color: #fff;
}
.bonus-provider-list li.no-margin,
.bonus-provider-list li:last-child {
    margin-right: 0;
}
.bonus-provider-list span {
    line-height: 25px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 0 5px;
}
.bonus-provider-list a {
    display: block;
    padding: 70px 0 0 0;
    background: url(../images/common/icon_menu.png) no-repeat;
    background-position: -99px 2px;
    border-bottom: 2px solid #fff0;
    filter: drop-shadow(0 0 0.01em #121212);
}
.bonus-provider-list a:not(.other) {
    background-size: 200%;
}
.bonus-provider-list .pgr,
.bonus-provider-list .pgb,
.bonus-provider-list .prk {
    background-position: right -128px;
}
.bonus-provider-list .hb {
    background-position: right -235px;
}
.bonus-provider-list .gpi {
    background-position: right -345px;
}
.bonus-provider-list .plt,
.bonus-provider-list .ptc {
    background-position: right -455px;
}
.bonus-provider-list .wm {
    background-position: right -675px;
}
.bonus-provider-list .spd {
    background-position: right -785px;
}
.bonus-provider-list .sbo {
    background-position: right -890px;
}
.bonus-provider-list .jkr {
    background-position: right -1000px;
}
.bonus-provider-list .cmd {
    background-position: right -1115px;
}
.bonus-provider-list .awc {
    background-position: right -1225px;
}
.bonus-provider-list .idn {
    background-position: right -1335px;
}
.bonus-provider-list .pgs {
    background-position: right -1445px;
}
.bonus-provider-list .sbc {
    background-position: right -1555px;
}
.bonus-provider-list .bbn,
.bonus-provider-list .nbb {
    background-position: right -1665px;
}
.bonus-provider-list .pst {
    background-position: right -1775px;
}
.bonus-provider-list .ori {
    background-position: right -1885px;
}
.bonus-provider-list .bbp {
    background-position: right -1995px;
}
.bonus-provider-list .cqn {
    background-position: right -2105px;
}
.bonus-provider-list .ttg {
    background-position: right -2215px;
}
.bonus-provider-list .bgg {
    background-position: right -2325px;
}
.bonus-provider-list .sll {
    background-position: right -2435px;
}
.bonus-provider-list .mcg {
    background-position: right -2545px;
}
.bonus-provider-list .bng {
    background-position: right -2655px;
}
.bonus-provider-list .blk {
    background-position: right -2765px;
}
.bonus-provider-list .prt {
    background-position: right -2875px;
}
.bonus-provider-list .sba {
    background-position: right -2985px;
}
.bonus-provider-list .mmg {
    background-position: right -3090px;
}
.bonus-provider-list .ifd {
    background-position: right -3205px;
}
.bonus-provider-list .ygg {
    background-position: right -3315px;
}
.bonus-provider-list .fch {
    background-position: right -3425px;
}
.bonus-provider-list .adv {
    background-position: right -3535px;
}
.bonus-provider-list .jli {
    background-position: right -3645px;
}
.bonus-provider-list .evo {
    background-position: right -3755px;
}
.bonus-provider-list .bpt {
    background-position: right -3850px;
}
.bonus-provider-list .dgs {
    background-position: right -3960px;
}
.bonus-provider-list .sng {
    background-position: right -4070px;
}
.bonus-provider-list .ddo {
    background-position: right -4198px;
}
.bonus-provider-list .ptg {
    background-position: right -4329px;
}
.bonus-provider-list .afb {
    background-position: right -4461px;
}
.bonus-provider-list .wsl {
    background-position: right -4580px;
}
.bonus-provider-list .hsg {
    background-position: right -4680px;
}
.bonus-provider-list .mll {
    background-position: right -4895px;
}
.bonus-provider-list .plk {
    background-position: right -5005px;
}
.bonus-provider-list .ftp {
    background: url(../images/provider/all/ftp.webp) no-repeat;
    background-position: center -10px;
    background-size: contain !important;
    filter: drop-shadow(0 1px 2px white);
}
.bonus-provider-list .fvg {
    background: url(../images/provider/all/fvg.webp) no-repeat;
    background-position: center 10px;
    background-size: 60% !important;
    filter: drop-shadow(0 1px 2px white);
}
.bonus-provider-list .ggs {
    background: url(../images/provider/all/ggs.webp) no-repeat;
    background-position: center 10px;
    background-size: 60% !important;
}
.bonus-provider-list .sag {
    background: url(../images/provider/all/sag.webp) no-repeat;
    background-position: center 0;
    background-size: 60% !important;
}
.bonus-provider-list .mrb {
    background: url(../images/provider/all/mrb.webp) no-repeat;
    background-position: center 5px;
    background-size: 65% !important;
}
.bonus-provider-list .eai {
    background: url(../images/provider/all/eai.webp) no-repeat;
    background-position: center 0;
    background-size: 70% !important;
}
.bonus-provider-list .aag {
    background: url(../images/provider/all/aag.webp) no-repeat;
    background-position: center 0;
    background-size: 75% !important;
}
.mainPvLs {
    background-color: rgb(32 84 114 / 0.3);
    padding: 0;
}
.mainPvLs a {
    color: #fff;
}
.mainPvLs li:last-child {
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 0.05) -1px 0 4px 2px;
    border: 1px solid #ededed;
}
.mainPvLs img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 40px;
    transform: translateY(50%);
    margin: 0 auto;
}
.mainPvLs .other {
    position: relative;
    background: 0 0;
    color: #000;
}
.popupPvLs {
    display: block;
    height: 100%;
    max-height: 540px;
    overflow: auto;
    text-align: center;
}
.popupPvLs li {
    margin-bottom: 10px;
}
.bonus-wrapper-box {
    margin: 20px 0;
}
.bonus-item {
    position: relative;
    width: calc(100% / 5);
    max-width: 190px;
    min-height: 120px;
    float: left;
    padding: 1.2rem 0.6rem;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0.3rem;
    -ms-flex-preferred-size: 19%;
    flex-basis: 19%;
    font-size: 0.8rem;
    background-color: rgb(32 84 114 / 0.6);
    outline: 0;
    color: #fff;
}
.bonus-list {
    margin-bottom: 24px;
    max-height: 370px;
}
.bonus-list > h5 {
    margin-left: 5px;
    color: #fff;
}
.bonus-item > div {
    line-height: normal;
}
.bonus-item .heading {
    font-weight: 700;
    font-size: 0.9rem;
}
.bonus-item.selected {
    border-color: #01122f;
    background-color: #fff;
    outline: 0;
    color: #000;
}
.isNewPlayer {
    position: absolute;
    z-index: 4;
    line-height: 12px;
    background: #52c4ff;
    color: #fff;
}
.bonus-item .isNewPlayer {
    top: -1px;
    left: -1px;
    padding: 2px 5px;
    height: 16px;
    letter-spacing: 0.8px;
    font-size: 10px;
    border-top-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.bonus-running-inner .isNewPlayer {
    top: 0;
    left: 0;
    padding: 8px 10px;
    height: 28px;
    font-size: 14px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.bonus-description {
    border-radius: 3px;
    background-color: #eaffeb;
    border: 0.5px solid #42b549;
    padding: 16px;
    text-align: left;
    margin: 0 5px 24px 5px;
}
.bonus-description ._title {
    font-size: 12px;
    font-weight: 800;
    color: #42b549;
    margin-bottom: 8px;
}
.bonus-description ._content {
    font-size: 12px;
    line-height: 1.42;
    color: rgb(0 0 0 / 0.7);
    word-break: break-all;
}
.btn-activate:hover {
    background-color: #52c4ff;
}
.bonus-wrapper .modal-dialog {
    max-width: 614px;
}
.bonus-wrapper .modal-body,
.bonus-wrapper .modal-header {
    background-color: #fff;
}
.bonus-wrapper .modal-body {
    background-color: #fff;
    height: 100%;
    min-height: 130px;
    max-height: 575px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.bonus-wrapper .modal-header {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #000;
}
.bonus-wrapper .close {
    color: #000;
}
.bonus-wrapper .close:hover {
    background-color: #fff0;
}
.progress {
    background: rgb(255 255 255 / 0.5);
    justify-content: flex-start;
    align-items: center;
    position: relative;
    display: flex;
    height: 30px;
    width: 100%;
}
.progress-value {
    box-shadow: 0 10px 40px -10px #fff;
    border-radius: 0.25rem;
    height: 30px;
    width: 100%;
    text-align: center;
    font-size: 1rem;
    line-height: 30px;
    font-weight: 700;
    background: linear-gradient(180deg, rgb(82 196 255 / 0.2) 0, #52c4ff 100%);
    color: #fff;
}
.progress-value > span {
    padding: 0 8px;
    position: absolute;
    left: 0;
    width: 100%;
}
@keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.bonus-running-outer {
    display: inline-block;
    width: 100%;
    line-height: normal;
    flex-shrink: 0;
    padding: 0;
    margin-bottom: 20px;
}
.bonus-running-outer:last-child {
    margin-bottom: 0;
}
.bonus-running-inner {
    height: 100%;
    transform: scale(1);
}
.bonus-running-wrapper {
    position: relative;
}
.bonus-running-wrapper > img {
    max-width: 100%;
    width: 100%;
    height: 180px;
}
.bonus-running-content {
    position: absolute;
    top: 0;
    left: 40px;
    right: 40px;
    bottom: 0;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    margin: auto;
}
.bonus-running-content span {
    color: #fff;
    font-size: 14px;
    display: block;
}
.bonus-pv-icon {
    width: 110px;
    padding: 84px 0 0 0;
    background: url(../images/common/icon_menu.png) no-repeat;
    background-position: -110px 0;
    position: relative;
    left: -10px;
}
.bonus-pv-icon.pgr,
.bonus-pv-icon.pgb,
.bonus-pv-icon.prk {
    background-position: right -114px;
}
.bonus-pv-icon.hb {
    background-position: right -225px;
}
.bonus-pv-icon.gpi {
    background-position: right -334px;
}
.bonus-pv-icon.plt,
.bonus-pv-icon.ptc {
    background-position: right -455px;
}
.bonus-pv-icon.wm {
    background-position: right -662px;
}
.bonus-pv-icon.spd {
    background-position: right -772px;
}
.bonus-pv-icon.sbo {
    background-position: right -885px;
}
.bonus-pv-icon.jkr {
    background-position: right -998px;
}
.bonus-pv-icon.cmd {
    background-position: right -1104px;
}
.bonus-pv-icon.awc {
    background-position: right -1212px;
}
.bonus-pv-icon.pgs {
    background-position: right -1436px;
}
.bonus-pv-icon.sbc {
    background-position: right -1542px;
}
.bonus-pv-icon.bbn,
.bonus-pv-icon.nbb {
    background-position: right -1656px;
}
.bonus-pv-icon.pst {
    background-position: right -1763px;
}
.bonus-pv-icon.ori {
    background-position: right -1875px;
}
.bonus-pv-icon.bbp {
    background-position: right -1984px;
}
.bonus-pv-icon.cqn {
    background-position: right -2096px;
}
.bonus-pv-icon.ttg {
    background-position: right -2203px;
}
.bonus-pv-icon.bgg {
    background-position: right -2312px;
}
.bonus-pv-icon.sll {
    background-position: right -2425px;
}
.bonus-pv-icon.mcg {
    background-position: right -2532px;
}
.bonus-pv-icon.bng {
    background-position: right -2642px;
}
.bonus-pv-icon.blk {
    background-position: right -2752px;
}
.bonus-pv-icon.prt {
    background-position: right -2865px;
}
.bonus-pv-icon.sba {
    background-position: right -2972px;
}
.bonus-pv-icon.mmg {
    background-position: right -3082px;
}
.bonus-pv-icon.ifd {
    background-position: right -3192px;
}
.bonus-pv-icon.ygg {
    background-position: right -3306px;
}
.bonus-pv-icon.fch {
    background-position: right -3415px;
}
.bonus-pv-icon.adv {
    background-position: right -3522px;
}
.bonus-pv-icon.jli {
    background-position: right -3632px;
}
.bonus-pv-icon.evo {
    background-position: right -3742px;
}
.bonus-pv-icon.bpt {
    background-position: right -3848px;
}
.bonus-pv-icon.dgs {
    background-position: right -3958px;
}
.bonus-pv-icon.sng {
    background-position: right -4070px;
}
.bonus-pv-icon.ddo {
    background-position: right -4190px;
}
.bonus-pv-icon.ptg {
    background-position: right -4325px;
}
.bonus-pv-icon.afb {
    background-position: right -4455px;
}
.bonus-pv-icon.wsl {
    background-position: right -4576px;
}
.bonus-pv-icon.hsg {
    background-position: right -4675px;
}
.bonus-pv-icon.mll {
    background-position: right -4894px;
}
.bonus-pv-icon.plk {
    background-position: right -5005px;
}
.bonus-pv-icon.ftp {
    background: url(../images/provider/all/ftp.webp) no-repeat;
    background-position: center;
}
.bonus-pv-icon.fvg {
    background: url(../images/provider/all/fvg.webp) no-repeat;
    background-position: center;
}
.bonus-pv-icon.ggs {
    background: url(../images/provider/all/ggs.webp) no-repeat;
    background-position: center;
}
.bonus-pv-icon.sag {
    background: url(../images/provider/all/sag.webp) no-repeat;
    background-position: center;
}
.bonus-pv-icon.mrb {
    background: url(../images/provider/all/mrb.webp) no-repeat;
    background-position: center;
}
.bonus-pv-icon.eai {
    background: url(../images/provider/all/eai.webp) no-repeat;
    background-position: center;
}
.bonus-pv-icon.aag {
    background: url(../images/provider/all/aag.webp) no-repeat;
    background-position: center;
}
.bonus-info {
    position: absolute;
    left: 115px;
}
.bonus-name {
    font-weight: 800;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -0.5px;
    color: #b5b5b5;
    margin: 0 0 8px;
    width: 350px;
}
.bonus-name.text-ellipsis.show {
    width: 100%;
}
.bonus-cashback {
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.1px;
    color: #fff;
    margin: 0;
}
.bonus-meter-outer {
    max-width: 420px;
}
.bonus-meter-inner {
    width: 410px;
}
.bonus-meter-inner > div {
    margin-bottom: 16px;
}
.bonus-meter-inner h5 {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    margin: 0 0 4px;
}
.bonus-meter-info {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-top: 4px;
}
.bonus-meter-info span {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.bonus-button {
    position: relative;
    padding: 0;
    height: 36px;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    min-width: 62px;
    width: 100%;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    border: none;
    overflow: hidden;
    cursor: default;
    outline: 0;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.bonus-button.active {
    background-color: #105473;
    color: #fff;
    border-color: #ff5722;
    cursor: pointer;
}
.bonus-button.active:hover {
    background-color: #105473;
    cursor: pointer;
}
.bonus-button.btn-await-approval {
    background-color: #03123d;
    color: #3fb9ff;
    cursor: default;
    font-size: 12px;
}
.bonus-button.disabled {
    background-color: #e5e7e9;
    color: rgb(49 53 59 / 0.3);
    border-color: #fff0;
    cursor: not-allowed;
}
.bonus-button.disabled:hover {
    background-color: #e5e7e9;
    cursor: not-allowed;
}
@media screen and (min-width: 992px) {
    .bonus-button {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: normal;
    }
}
@media screen and (min-width: 768px) {
    .bonus-button {
        float: right;
        max-width: 180px;
    }
}
.bonus-button-wrapper {
    position: relative;
    display: block;
}
.bonus-button-wrapper > p {
    text-align: center;
    display: block;
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
}
.modal-header {
    background-color: #000;
}
.modal-header h5 {
    color: #fff;
}
.provider_wrap {
    background-color: rgb(128 128 128 / 0.5);
    display: block;
    min-height: 350px;
    border-radius: 4px;
}
.provider_content {
    padding: 20px;
}
.provider_content .title {
    line-height: 1;
    border-bottom: none;
    display: block;
}
.provider_content .desc {
    margin: 20px auto;
    max-width: 75%;
    text-align: center;
    font-size: 0.875rem;
}
.font-white {
    color: #fff;
}
#normal-countdown {
    text-align: center;
}
#normal-countdown .time-sec {
    position: relative;
    display: inline-block;
    margin: 12px;
    height: 90px;
    width: 90px;
    border-radius: 100px;
    box-shadow: 0 0 0 5px rgb(255 255 255 / 0.5);
    background: #fff;
    color: #333;
}
#normal-countdown .time-sec .main-time {
    font-weight: 500;
    line-height: 70px;
    font-size: 2rem;
    color: #f84982;
    margin: 0;
    padding: 0;
    text-align: center;
}
#normal-countdown .time-sec span {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 1em;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    padding: 0;
}
.maintenance {
    background-color: #444;
}
.maintenance .desc {
    margin: 0 auto;
    width: 50%;
    font-size: 1rem;
    padding-top: 60px;
}
.maintenance .desc img {
    max-height: 70px;
    margin-bottom: 10px;
}
.maintenance .desc p {
    margin-bottom: 5px;
}
.maintenance .web-logo {
    width: auto;
    height: 70px;
    margin-bottom: 40px;
}
.maintenance .maintenance-logo {
    width: 100%;
    max-width: 1000px;
}
@media screen and (max-width: 568px) {
    .maintenance .desc {
        width: 100%;
    }
}
.futuristic .gameNav {
    display: inline-block;
    width: 100%;
    padding-bottom: 15px;
}
.futuristic .gameNav a {
    position: absolute;
    top: 5px;
    right: 12px;
    width: 120px;
    padding-top: 50px;
    background: url(../images/common/game-front-provider.png) no-repeat;
    background-position: center -3px;
    background-size: 100%;
}
.futuristic .gameNav a > span {
    padding: 4px 6px;
    height: 30px;
    border: 2px solid var(--thx-463300,#463300);
    border-radius: 10px;
    color: var(--thx-463300,#463300);
    font-weight: 700;
    font-size: 0.675rem;
    background-color: rgb(0 0 0 / 0.3);
}
.futuristic .gameNav > .game {
    width: 270px;
    margin: 0;
    padding: 15px 20px 0;
    display: inline-block;
    float: none;
}
.futuristic .icon-menu-wrapper {
    position: relative;
    border: 2px solid var(--thx-f8f43d,#f8f43d);
    border-radius: 45px;
    background: linear-gradient(
        90deg,
        rgb(255 194 79 / 0.5) 0,
        rgb(249 239 157 / 0.5) 50%,
        rgb(255 195 80 / 0.5) 100%
    );
    height: 94px;
}
.futuristic .pgr .icon-menu-wrapper {
    background: url(../images/provider/pgr-casino-wrapper-bg.webp) no-repeat;
    background-position: center;
    background-size: cover;
}
.futuristic .gameNav .game:hover span:not(.label-new) {
    background-color: var(--thx-463300,#463300);
    color: #fff;
}
.futuristic .gameNav .game:hover .icon-menu-wrapper {
    border-color: red;
}
.futuristic .casino .game-front {
    background: url(../images/provider/casino.png) no-repeat;
    background-position: center 0;
}
.futuristic .casino .pgr .game-front {
    background: url(../images/provider/pgr-casino.webp) no-repeat;
    background-position: left;
}
.futuristic .casino .ptc .game-front {
    background: url(../images/provider/ptc-casino.webp) no-repeat;
    background-position: left;
}
.futuristic .casino .prt .game-front {
    background-position: center -91px;
}
.futuristic .casino .bbn .game-front {
    background-position: center -182px;
}
.futuristic .casino .mcg .game-front {
    background-position: center -273px;
}
.futuristic .casino .sbc .game-front {
    background-position: center -364px;
}
.futuristic .casino .wm .game-front {
    background-position: center -455px;
}
.futuristic .casino .gpi .game-front {
    background-position: center -546px;
}
.futuristic .casino .ori .game-front {
    background-position: center -637px;
}
.futuristic .casino .bgg .game-front {
    background-position: center -728px;
}
.futuristic .casino .ttg .game-front {
    background-position: center -819px;
}
.futuristic .casino .cqn .game-front {
    background-position: center -910px;
}
.futuristic .casino .blk .game-front {
    background-position: center -1001px;
}
.futuristic .casino .png .game-front {
    background-position: center -1092px;
}
.futuristic .casino .sbo .game-front {
    background-position: center -1183px;
}
.futuristic .casino .jli .game-front {
    background: url(../images/provider/jli-casino.png) no-repeat;
    background-position: left;
}
.futuristic .casino .bpt .game-front {
    background: url(../images/provider/bpt-casino.png) no-repeat;
    background-position: left;
}
.futuristic .casino .plk .game-front {
    background: url(../images/provider/plk-casino.webp) no-repeat;
    background-position: left;
}
.futuristic .casino .ggs .game-front {
    background: url(../images/provider/ggs-slot.gif) no-repeat;
    background-position: 15px;
}
.futuristic .casino .sag .game-front {
    background: url(../images/provider/sag-casino.webp) no-repeat;
}
.futuristic .casino .mrb .game-front {
    background: url(../images/provider/mrb-slot.webp) no-repeat;
}
.futuristic .casino .eai .game-front {
    background: url(../images/provider/eai-casino.webp) no-repeat;
}
.futuristic .slot .game-front {
    background: url(../images/provider/slots.png) no-repeat;
    background-position: center 0;
}
.futuristic .slot .pgr .game-front {
    background: url(../images/provider/pgr-slot.gif) no-repeat;
    background-size: auto;
    left: 0;
}
.futuristic .slot .mcg .game-front {
    background-position: center -91px;
}
.futuristic .slot .pgs .game-front {
    background-position: center -182px;
}
.futuristic .slot .pgs .game-front {
    background: url(../images/provider/pgs-slot.gif) no-repeat;
    background-position: 5px;
}
.futuristic .slot .ttg .game-front {
    background-position: center -273px;
}
.futuristic .slot .hb .game-front {
    background-position: center -364px;
}
.futuristic .slot .bbn .game-front {
    background-position: center -455px;
}
.futuristic .slot .bbp .game-front {
    background-position: center -546px;
}
.futuristic .slot .spd .game-front {
    background-position: center -637px;
}
.futuristic .slot .jkr .game-front {
    background-position: center -728px;
}
.futuristic .slot .pst .game-front {
    background-position: center -819px;
}
.futuristic .slot .cqn .game-front {
    background-position: center -910px;
}
.futuristic .slot .bng .game-front {
    background-position: center -1001px;
}
.futuristic .slot .sll .game-front {
    background-position: center -1092px;
}
.futuristic .slot .plt .game-front,
.futuristic .slot .ptc .game-front {
    background: url(../images/provider/ptc-slot.webp) no-repeat;
    background-position: 30px;
    background-size: 91px;
}
.futuristic .slot .mmg .game-front {
    background-position: center -1275px;
}
.futuristic .slot .ygg .game-front {
    background: url(../images/provider/ygg-slot.png) no-repeat;
}
.futuristic .slot .fch .game-front {
    background: url(../images/provider/fch-slot.png) no-repeat;
}
.futuristic .slot .prk .game-front {
    background: url(../images/provider/prk-slot.png) no-repeat;
    background-position: 10px;
    background-size: 55%;
}
.futuristic .slot .ygg .game-front,
.futuristic .slot .fch .game-front {
    background-position: 5px;
}
.futuristic .slot .adv .game-front {
    background-position: center -1365px;
}
.futuristic .slot .jli .game-front {
    background-position: center -1456px;
}
.futuristic .slot .evo .game-front {
    background-position: center -1547px;
}
.futuristic .slot .bpt .game-front {
    background: url(../images/provider/bpt-slot.png) no-repeat;
    background-position: left;
}
.futuristic .slot .dgs .game-front {
    background: url(../images/provider/dgs-slot.png) no-repeat;
    background-position: 25px;
}
.futuristic .slot .ddo .game-front {
    background: url(../images/provider/ddo-slot.png) no-repeat;
    background-position: 0;
}
.futuristic .slot .ptg .game-front {
    background: url(../images/provider/ptg-slot.png) no-repeat;
    background-position: 0;
}
.futuristic .slot .hsg .game-front {
    background: url(../images/provider/hsg-slot.png) no-repeat;
    background-position: 0;
}
.futuristic .slot .mll .game-front {
    background: url(../images/provider/mll-slot.png) no-repeat;
    background-position: 0;
}
.futuristic .slot .plk .game-front {
    background: url(../images/provider/plk-casino.webp) no-repeat;
    background-position: left;
}
.futuristic .slot .ftp .game-front {
    background: url(../images/provider/ftp-slot.webp) no-repeat;
    background-position: left;
}
.futuristic .slot .fvg .game-front {
    background: url(../images/provider/fvg-slot.png) no-repeat;
    background-size: contain !important;
    background-position: left;
}
.futuristic .slot .ggs .game-front {
    background: url(../images/provider/ggs-slot.gif) no-repeat;
    background-position: 15px;
}
.futuristic .slot .aag .game-front {
    top: 3.5%;
    background-size: 54% !important;
    background: url(../images/provider/aag-slot.webp) no-repeat;
    background-position: -2px;
}
.futuristic .tembak_ikan .game-front {
    background: url(../images/provider/fishing.png) no-repeat;
    background-position: center 0;
}
.futuristic .tembak_ikan .bbp .game-front {
    background-size: 110%;
    background-position: -7px -107px;
}
.futuristic .tembak_ikan .cqn .game-front {
    background-position: center -182px;
}
.futuristic .tembak_ikan .bgg .game-front {
    background-position: center -273px;
}
.futuristic .tembak_ikan .spd .game-front {
    background-position: center -364px;
}
.futuristic .tembak_ikan .jkr .game-front {
    background-position: center -455px;
}
.futuristic .tembak_ikan .pst .game-front {
    background-position: center -638px;
}
.futuristic .tembak_ikan .mcg .game-front {
    background-position: center -729px;
}
.futuristic .tembak_ikan .fch .game-front {
    background: url(../images/provider/fch-fishing.png) no-repeat;
    background-position: 10px;
}
.futuristic .tembak_ikan .jli .game-front {
    background-position: center -819px;
}
.futuristic .tembak_ikan .dgs .game-front {
    background: url(../images/provider/dgs-fishing.png) no-repeat;
    background-position: 25px;
}
.futuristic .tembak_ikan .hsg .game-front {
    background: url(../images/provider/hsg-fishing.png) no-repeat;
    background-position: left -10px;
}
.futuristic .sports .game-front,
.futuristic .lottery .game-front,
.futuristic .poker .game-front {
    background: url(../images/provider/sports-lottery-poker.png) no-repeat;
    background-position: center 0;
}
.futuristic .sports .sba .game-front {
    background-size: 105%;
    background-position: center -573px;
}
.futuristic .sports .cmd .game-front {
    background-position: center -633px;
}
.futuristic .sports .sng .game-front {
    background: url(../images/provider/sng-sports.png) no-repeat;
    background-position: 15px;
}
.futuristic .sports .afb .game-front {
    background: url(../images/provider/afb-sports.png) no-repeat;
    background-position: 15px;
}
.futuristic .lottery .pgr .game-front {
    background: url(../images/provider/pgr-scratch.png) no-repeat;
    background-position: left 0;
    background-size: auto;
}
.futuristic .lottery .isin4d .game-front {
    background-position: center -182px;
}
.futuristic .lottery .ifd .game-front {
    background-position: center -455px;
}
.futuristic .lottery .ddo .game-front {
    background: url(../images/provider/ddo-lottery.png) no-repeat;
    background-position: left 0;
}
.futuristic .poker .idn .game-front {
    background-position: center -273px;
}
.futuristic .poker .pgr .game-front,
.futuristic .poker .blk .game-front {
    background-position: center -364px;
}
.futuristic .cock_fighting .game-front,
.futuristic .games .game-front {
    background: url(../images/provider/cockfighting-games.png) no-repeat;
    background-position: center -91px;
}
.futuristic .games .pgr .game-front {
    background: url(../images/provider/pgr-arcade.webp) no-repeat;
    background-position: 8px;
}
.futuristic .cock_fighting .awc .game-front {
    background-position: center 0;
}
.futuristic .cock_fighting .wsl .game-front {
    background: url(../images/provider/wsl-cock-fight.png) no-repeat;
    background-position: left 0;
}
.futuristic .games .bbp .game-front {
    background-position: center -273px;
}
.futuristic .games .ttg .game-front {
    background-position: center -364px;
}
.futuristic .games .sbo .game-front {
    background-position: center -455px;
}
.futuristic .games .jkr .game-front {
    background-position: center -728px;
}
.futuristic .games .pst .game-front {
    background-position: center -546px;
}
.futuristic .games .cqn .game-front {
    background-position: center -637px;
}
.futuristic .games .spd .game-front {
    background-position: center -819px;
}
.futuristic .games .bng .game-front {
    background: url(../images/provider/bng-games.png) no-repeat;
}
.futuristic .games .fch .game-front {
    background: url(../images/provider/fch-games.png) no-repeat;
}
.futuristic .games .mmg .game-front {
    background-position: center -1001px;
}
.futuristic .games .jli .game-front {
    background: url(../images/provider/jli-games.png) no-repeat;
    background-position-x: 15px;
}
.futuristic .games .dgs .game-front {
    background: url(../images/provider/dgs-games.png) no-repeat;
    background-position: 24px;
}
.futuristic .games .ddo .game-front {
    background: url(../images/provider/ddo-games.png) no-repeat;
    background-position: 0;
}
.futuristic .games .ptg .game-front {
    background: url(../images/provider/ptg-games.png) no-repeat;
    background-position: 0;
}
.futuristic .games .hsg .game-front {
    background: url(../images/provider/hsg-games.png) no-repeat;
    background-position: 0;
}
.futuristic .games .pgb .game-front {
    background: url(../images/provider/pgb-lottery.png) no-repeat;
    background-position: left 0;
}
.futuristic .games .mll .game-front {
    background: url(../images/provider/mll-games.png) no-repeat;
    background-position: 0;
}
.futuristic .games .plk .game-front {
    background: url(../images/provider/plk-casino.webp) no-repeat;
    background-position: left;
}
.futuristic .games .ggs .game-front {
    background: url(../images/provider/ggs-slot.gif) no-repeat;
    background-position: 15px;
}
.futuristic .game-front {
    position: relative;
    top: 0;
    left: -15px;
    height: 91px;
    width: 100%;
    background-position: center 0;
}
.futuristic .game-front-tag {
    position: absolute;
    left: -5px;
    top: -15px;
    max-width: 35px;
    z-index: 2;
}
.futuristic [class^="lobby-icon"] {
    top: -5px;
}
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.3, 1.3);
    }
    100% {
        transform: scale(1, 1);
    }
}
.futuristic li.casino .gameNav .pgr a,
.futuristic li.slot .gameNav .pgr a {
    background: url(../images/provider/pgr-game-front-lobby.gif) no-repeat;
    background-size: 100%;
    background-position: center top;
}
.futuristic .gameNav .plt a,
.futuristic .gameNav .pt a,
.futuristic .gameNav .ptc a {
    background-position: center -251px;
}
.futuristic .gameNav .hb a {
    background-position: center -83px;
}
.futuristic .gameNav .spd a {
    background-position: center -160px;
}
.futuristic li.tembak_ikan .gameNav .spd a {
    background: url(../images/provider/spd-game-front.gif) no-repeat;
    background-size: 104%;
    background-position: center 8px;
}
.futuristic .gameNav .jkr a {
    background-position: center -330px;
}
.futuristic li.tembak_ikan .gameNav .jkr a {
    background: url(../images/provider/jkr-game-front.gif) no-repeat;
    background-size: 110%;
    background-position: center 8px;
}
.futuristic .gameNav .gpi a {
    background: url(../images/provider/gpi-game-front.gif) no-repeat;
    background-size: 125%;
    background-position: center 5px;
}
.futuristic .gameNav .sbo a {
    background-position: center -491px;
}
.futuristic .gameNav .wm a {
    background-position: center -652px;
}
.futuristic .gameNav .cmd a {
    background-position: center -750px;
}
.futuristic .gameNav .awc a {
    background-position: center -855px;
}
.futuristic .gameNav .bbn a {
    background-position: center -1115px;
}
.futuristic .gameNav .sbc a {
    background: url(../images/provider/sbc-game-front.gif) no-repeat;
    background-size: 120%;
    background-position: center 4px;
}
.futuristic .gameNav .pgs a {
    background: url(../images/provider/pgs-game-front.gif) no-repeat;
    background-size: 100%;
    background-position: center 10px;
}
.futuristic .gameNav .ori a {
    background-position: center -1020px;
}
.futuristic .gameNav .pst a {
    background-position: center -1292px;
}
.futuristic .gameNav .ttg a {
    background-position: center -1477px;
}
.futuristic .gameNav .cqn a {
    background-position: center -1562px;
}
.futuristic .gameNav .bbp a {
    background-position: center -1657px;
}
.futuristic .gameNav .bgg a {
    background-position: center -1757px;
}
.futuristic .gameNav .sll a {
    background-position: center -1864px;
}
.futuristic .gameNav .blk a {
    background-position: center -1955px;
}
.futuristic .gameNav .bng a {
    background-position: center -2050px;
}
.futuristic .gameNav .mcg a {
    background-position: center -2141px;
}
.futuristic .casino .gameNav .mcg a {
    background: url(../images/provider/mcg-live.webp) no-repeat;
    background-size: 100%;
    background-position: top center;
}
.futuristic .gameNav .prt a {
    background-position: center -2234px;
}
.futuristic .gameNav .sba a {
    background-position: center -2333px;
}
.futuristic .gameNav .mmg a {
    background-position: center -2435px;
}
.futuristic .gameNav .nbb a {
    background-position: center -1114px;
}
.futuristic .gameNav .ifd a {
    background-position: center -2534px;
}
.futuristic .gameNav .ygg a,
.futuristic .gameNav .fch a {
    background-size: 106%;
}
.futuristic .gameNav .ygg a {
    background-position: center -2872px;
}
.futuristic .gameNav .fch a {
    background-position: center -2966px;
}
.futuristic .gameNav .prk a {
    background: url(../images/provider/prk-game-front.png) no-repeat;
    background-position: center -8px;
    background-size: 85%;
}
.futuristic .gameNav .adv a {
    background-position: center -2898px;
}
.futuristic .gameNav .jli a {
    background-position: center -3018px;
}
.futuristic .gameNav .evo a {
    background: url(../images/provider/evo-game-front.png) no-repeat;
    background-position: center 13px;
    background-size: 95%;
}
.futuristic .gameNav .bpt a {
    background-position: center -3223px;
}
.futuristic .gameNav .dgs a {
    background-position: center -3338px;
}
.futuristic .gameNav .sng a {
    background: url(../images/provider/sng-game-front.png) no-repeat;
}
.futuristic .gameNav .ddo a {
    background-size: 80%;
    background-position: center -2760px;
}
.futuristic .gameNav .ptg a {
    background-size: 80%;
    background-position: center -2851px;
}
.futuristic .gameNav .afb a {
    background-size: 90%;
    background-position: center -3318px;
}
.futuristic .gameNav .wsl a {
    background-position: center -3804px;
}
.futuristic .gameNav .hsg a {
    background-size: 100%;
    background-position: center -3924px;
}
.futuristic .gameNav .mll a {
    background-position: center -4063px;
}
.futuristic .gameNav .plk a {
    background: url(../images/provider/plk-game-front.webp) no-repeat;
    background-size: contain;
    background-position: center -3px;
}
.futuristic .gameNav .ftp a {
    background: url(../images/provider/all/ftp.webp) no-repeat;
    background-size: 75%;
    background-position: center -18px;
    width: 120px;
    height: 80px;
}
.futuristic .gameNav .fvg a {
    background: url(../images/provider/fvg-game-front.png) no-repeat;
    background-size: 100%;
    background-position: 0 -10px;
    width: 120px;
    height: 80px;
}
.futuristic .gameNav .ggs a {
    background: url(../images/provider/ggs-game-front.gif) no-repeat;
    background-size: 100%;
    background-position: top center;
    width: 120px;
    height: 80px;
}
.futuristic .gameNav .sag a {
    background: url(../images/provider/sag-game-front.webp) no-repeat;
    background-position: center -13px;
    filter: drop-shadow(0 0 1px black);
}
.futuristic .gameNav .mrb a {
    background: url(../images/provider/mrb-game-front.png) no-repeat;
}
.futuristic .gameNav .eai a {
    background: url(../images/provider/eai-game-front.webp) no-repeat;
    background-size: 80%;
    background-position: center 8px;
}
.futuristic .gameNav .aag a {
    background: url(../images/provider/aag-game-front.webp) no-repeat;
    background-size: 90%;
    background-position: center 0;
}
.filter-wrapper {
    background: #fff;
    padding: 16px;
    border-radius: 8px;
    box-shadow: #cad3e1 0 1px 4px 0;
    margin-bottom: 20px;
}
.filter-tools > div {
    margin-bottom: 6px;
}
.filter-tools > div:last-child {
    margin-bottom: 0;
}
.filter-tools a {
    -webkit-box-align: center;
    align-items: center;
    background-color: #fff;
    color: rgb(49 53 59 / 0.68);
    display: inline-flex;
    font-size: 0.875rem;
    height: 30px;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 10px;
    border: 1px solid #e5e7e9;
    overflow: hidden;
    padding: 0 12px;
    transition: all 0.2s ease-in-out 0s;
}
.filter-tools a.selected,
.filter-tools a:hover {
    background-color: #ebffef;
    color: #eb6a48;
    border-color: #4fd15a;
}
.filter-tools a:hover {
    text-decoration: none;
}
.filter-tools .owl-nav {
    display: none;
    position: absolute;
    z-index: -1;
    margin-top: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.filter-tools .owl-carousel {
    padding-left: 150px;
}
.filter-tools .owl-carousel .owl-nav button {
    width: 30px;
    height: 100%;
    font-size: 1.6rem;
    background: #fff;
    opacity: 1;
    border-radius: 50%;
    color: rgb(49 53 59 / 0.68);
    margin: 0;
    cursor: pointer;
    border: 1px solid #e5e7e9;
}
.filter-tools .owl-nav button.owl-next,
.filter-tools .owl-nav button.owl-prev,
.filter-tools .owl-nav span {
    position: relative;
}
.filter-tools .owl-nav button.owl-prev {
    float: left;
}
.filter-tools .owl-nav button.owl-next {
    float: right;
}
.filter-tools .owl-nav button[class^="owl-"]:not(.disabled) {
    background: #869791;
    color: #fff;
    text-decoration: none;
}
.filter-tools .owl-nav span {
    top: -7px;
}
.filter-tools .scroll-active > .owl-carousel {
    position: relative;
    padding: 0 40px;
}
.filter-tools .scroll-active .owl-nav {
    display: block;
}
.filter-tools .owl-item.active:last-child,
.filter-tools .owl-item:last-child {
    margin-right: 0 !important;
}
.filter-title {
    margin-bottom: 10px;
    color: #000;
    font-weight: 800;
    font-size: 1rem;
}
.filter-label {
    float: left;
    font-size: 0.875rem;
    color: #000;
    margin-bottom: 0;
    line-height: 2.2;
}
.list-empty {
    font-size: 1rem;
}
.favorite-provider-outer {
    position: relative;
}
.provider-area {
    margin: 30px 0 0 0;
    padding: 0;
    cursor: default;
    position: relative;
    display: block;
}
.provider-area .row {
    margin-left: -10px;
    margin-right: -10px;
}
.favorite-heading {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    flex-flow: row;
    -webkit-box-align: baseline;
    align-items: baseline;
    margin-bottom: 10px;
}
.favorite-heading .title {
    width: 120px;
    height: 50px;
    border-bottom: none;
    margin-bottom: 0;
    background: url(../images/common/game-front-provider.png) no-repeat;
    background-position: center -3px;
    background-size: 100%;
}
.favorite-heading .title:before {
    content: unset;
    padding-left: 0;
}
.favorite-heading .title.hb {
    background-position: center -82px;
}
.favorite-heading .title.spd {
    background-position: center -162px;
}
.favorite-heading .title.plt,
.favorite-heading .title.ptc {
    background-position: center -242px;
}
.favorite-heading .title.jkr {
    background-position: center -322px;
}
.favorite-heading .title.gpi {
    background-position: center -402px;
}
.favorite-heading .title.sbo {
    background-position: center -482px;
}
.favorite-heading .title.wm {
    background-position: center -650px;
}
.favorite-heading .title.cmd {
    background-position: center -748px;
}
.favorite-heading .title.awc {
    background-position: center -855px;
}
.favorite-heading .title.ori {
    background-position: center -1022px;
}
.favorite-heading .title.bbn,
.favorite-heading .title.nbb {
    background-position: center -1114px;
}
.favorite-heading .title.pgs {
    background-position: center -1202px;
}
.favorite-heading .title.pst {
    background-position: center -1288px;
}
.favorite-heading .title.sbc {
    background-position: center -1380px;
}
.favorite-heading .title.ttg {
    background-position: center -1472px;
}
.favorite-heading .title.cqn {
    background-position: center -1558px;
}
.favorite-heading .title.bbp {
    background-position: center -1660px;
}
.favorite-heading .title.bgg {
    background-position: center -1758px;
}
.favorite-heading .title.sll {
    background-position: center -1862px;
}
.favorite-heading .title.blk {
    background-position: center -1950px;
}
.favorite-heading .title.bng {
    background-position: center -2048px;
}
.favorite-heading .title.mcg {
    background-position: center -2136px;
}
.favorite-heading .title.prt {
    background-position: center -2234px;
}
.favorite-heading .title.sba {
    background-position: center -2332px;
}
.favorite-heading .title.mmg {
    background-position: center -2434px;
}
.favorite-heading .title.ifd {
    background-position: center -2530px;
}
.favorite-heading .title.prk,
.favorite-heading .title.ygg,
.favorite-heading .title.fch {
    background-size: 110%;
}
.favorite-heading .title.prk {
    background-position: center -2880px;
}
.favorite-heading .title.ygg {
    background-position: center -2978px;
}
.favorite-heading .title.fch {
    background-position: center -3076px;
}
.favorite-heading .title.adv {
    background-position: center -2898px;
}
.favorite-heading .title.jli {
    background-position: center -3015px;
}
.favorite-heading .title.evo {
    background: url(../images/provider/evo-game-front.png) no-repeat;
    background-position: center 12px;
}
.favorite-heading .title.bpt {
    background-position: center -3223px;
}
.favorite-heading .title.dgs {
    background-position: center -3334px;
}
.favorite-heading .title.sng {
    background: url(../images/provider/sng-game-front.png) no-repeat;
}
.favorite-heading .title.ddo {
    background-position: left -2758px;
    background-size: 80%;
}
.favorite-heading .title.ptg {
    background-position: left -2850px;
    background-size: 80%;
}
.favorite-heading .title.afb {
    background-position: left -2944px;
    background-size: 80%;
}
.favorite-heading .title.wsl {
    background-position: center -3658px;
}
.favorite-heading .title.hsg {
    background-position: center -3918px;
}
.favorite-heading .title.mll {
    background-position: center -4056px;
}
.favorite-heading .title.plk {
    background: url(../images/provider/plk-game-front.webp) no-repeat;
    background-size: 100%;
    background-position: 0 8px;
}
.favorite-heading .title.ftp {
    background: url(../images/provider/all/white/ftp.webp) no-repeat;
    background-size: 90%;
    background-position: 0;
    filter: drop-shadow(1px 2px 4px black);
}
.favorite-heading .title.fvg {
    background: url(../images/provider/fvg-game-front.png) no-repeat;
    background-size: 100%;
    background-position: 0;
    filter: drop-shadow(1px 2px 1px black);
}
.favorite-heading .title.ggs {
    background: url(../images/provider/ggs-game-front.gif) no-repeat;
    background-size: 100%;
    background-position: 0;
}
.favorite-heading .title.sag {
    background: url(../images/provider/sag-game-front.webp) no-repeat;
    background-size: 100%;
    background-position: 0;
    filter: drop-shadow(0 0 1px black);
}
.favorite-heading .title.mrb {
    background: url(../images/provider/mrb-game-front.png) no-repeat;
    background-size: 100%;
    background-position: 0;
    filter: drop-shadow(0 0 1px black);
}
.favorite-heading .title.eai {
    background: url(../images/provider/eai-game-front.webp) no-repeat;
    background-size: 80%;
    background-position: 0 10px;
    filter: drop-shadow(0 0 1px black);
}
.hidden {
    display: none;
}
.datepicker td,
.datepicker th {
    padding: 0.5rem 0.75rem;
}
.datepicker td.disabled.day,
.datepicker th.disabled.day {
    color: lightgrey;
}
.mb-16 {
    margin-bottom: 16px;
}
.p-16 {
    padding: 16px;
}
.payment-wrapper {
    position: relative;
    display: block;
    width: 355px;
}
.payment-cardbox {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    box-shadow: rgb(49 53 59 / 12%) 0 1px 6px 0;
    overflow: hidden;
    background-color: #fff;
}
.payment-card-header {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    padding: 12px 16px;
    min-height: 48px;
    border-bottom: 1px solid #ededed;
}
.payment-title {
    color: rgb(49 53 59 / 0.96);
    font-size: 14px;
    font-weight: 600;
}
.payment-title:not(div) {
    font-size: inherit;
}
.payment-instruction-list {
    margin: 0;
    list-style: none;
    padding-left: 0;
}
.payment-instruction-list li::before {
    content: "\2022";
    color: #000;
    font-weight: 700;
    display: inline-block;
    width: 1.6em;
    margin-left: -1.6em;
}
.payment-instruction-list li {
    padding-left: 20px;
    position: relative;
    line-height: 18px;
    font-size: 12px;
    color: rgb(49 53 59 / 0.68);
    margin-bottom: 8px;
    text-transform: unset !important;
}
.payment-instruction-list li:last-child {
    margin-bottom: 15px;
}
.payment-instruction-list .bold {
    color: #000;
    font-weight: bolder;
}
.payment-bank-logo {
    white-space: nowrap;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
}
.payment-bank-logo > div {
    background: url(../images/common/bank.png) no-repeat;
    background-size: 160%;
    width: 100px;
    height: 18px;
}
.payment-bank-logo > .bca,
.payment-bank-logo > .vabca {
    background-position: 40px -2px;
}
.payment-bank-logo > .permata,
.payment-bank-logo > .vapermata {
    background-position: 30px -28px;
}
.payment-bank-logo > .mandiri,
.payment-bank-logo > .vamandiri {
    background-position: 36px -53px;
}
.payment-bank-logo > .bni,
.payment-bank-logo > .vabni {
    background-position: 42px -84px;
}
.payment-bank-logo > .bri,
.payment-bank-logo > .vabri {
    background-position: 36px -160px;
}
.payment-bank-logo > .qris {
    background-size: 150%;
    background-position: 38px -508px;
}
.payment-bank-logo > .dana {
    background-size: 170%;
    background-position: 35px -306px;
}
.payment-bank-logo > .gopay {
    background-size: 170%;
    background-position: 35px -229px;
    filter: drop-shadow(1px 1px 1px black);
}
.payment-bank-logo > .ovo {
    background-size: 170%;
    background-position: 35px -199px;
}
.qris-dp-note {
    color: red;
    font-weight: 700;
}
.accordionItem {
    float: left;
    display: block;
    width: 100%;
    font-size: 0.875rem;
}
.accordionItemHeading {
    cursor: pointer;
    color: #000;
    width: 100%;
    padding: 12px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
}
.w-accordion-menu:last-child .accordionItemHeading {
    border-bottom: 0;
}
.close .accordionItemContent {
    height: 0;
    -webkit-transform: scaleY(0);
    -o-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    float: left;
    display: block;
}
.open .accordionItemContent {
    padding: 10px 0 0 0;
    width: 100%;
    margin: 0 0 20px 0;
    display: block;
}
.accordionItemContent li::before {
    display: inline-block;
    width: 1.6em;
    margin-left: -1.6em;
}
.accordionItemContent li {
    padding-left: 0;
    position: relative;
    line-height: 1.8;
    font-size: 0.875rem;
    color: rgb(49 53 59 / 0.68);
}
.accordionItemContent li:last-child {
    margin-bottom: 20px;
}
.finish-payment-wrapper {
    width: 100%;
    max-width: 600px;
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    display: table;
    filter: drop-shadow(0 2px 6px grey);
}
.finish-payment-wrapper img,
.finish-payment-wrapper .qr-img {
    width: 250px;
    margin: 0 auto;
    margin-top: 0.5rem;
}
.outstanding-date {
    padding: 1rem;
    padding-top: 0;
    text-align: center;
    font-size: 0.875rem;
}
.please-pay-to {
    font-weight: 800;
    color: rgb(49 53 59 / 0.96);
}
.countdown-timer {
    display: block;
    position: relative;
    line-height: 20px;
    text-decoration: initial;
    color: var(--Y500, #fa591d);
    font-weight: 800;
    margin: 8px 0;
    font-size: 1.14725rem;
}
.due-date-payment {
    display: block;
    position: relative;
    font-weight: 400;
    line-height: 20px;
    color: var(--color-text-low, rgb(49 53 59 / 0.68));
    text-decoration: initial;
    margin: 0 0 8px;
}
.due-date {
    display: block;
    position: relative;
    line-height: 20px;
    color: var(--color-text-high, rgb(49 53 59 / 0.96));
    text-decoration: initial;
    margin: 0;
    font-weight: 800;
}
.otd-acc-detail {
    border: 1px solid var(--N75, #e5e7e9);
    border-radius: 8px;
}
.otd-acc-detail .payment-bank-logo > div {
    background-size: 260%;
}
.otd-acc-detail .payment-bank-logo > .bca,
.otd-acc-detail .payment-bank-logo > .vabca {
    background-position: 1px -2px;
}
.otd-acc-detail .payment-bank-logo > .bni,
.otd-acc-detail .payment-bank-logo > .vabni {
    background-position: 3px -87px;
}
.otd-acc-detail .payment-bank-logo > .bri,
.otd-acc-detail .payment-bank-logo > .vabri {
    background-size: 300%;
    background-position: -13px -194px;
}
.otd-acc-detail .payment-bank-logo > .mandiri,
.otd-acc-detail .payment-bank-logo > .vamandiri {
    background-position: -3px -55px;
}
.otd-acc-detail .payment-bank-logo > .permata,
.otd-acc-detail .payment-bank-logo > .vapermata {
    background-position: -8px -30px;
}
.otd-acc-detail .payment-bank-logo > .qris {
    background-size: 200%;
    background-position: 12px -432px;
}
.otd-acc-detail .payment-bank-logo > .dana {
    background-size: 300%;
    background-position: -11px -348px;
}
.otd-acc-detail .payment-bank-logo > .gopay {
    background-position: 2px -225px;
    filter: drop-shadow(1px 1px 1px black);
}
.otd-acc-detail .payment-bank-logo > .ovo {
    background-position: 2px -196px;
}
.bank-name-row,
.row-2 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    border-bottom: 0.5px solid #e8e8e8;
}
.bank-name-row {
    padding: 1rem;
}
.bank-name {
    font-weight: 700;
    color: rgb(49 53 59 / 0.96);
    text-transform: uppercase;
}
.css-vhe8zj {
    max-width: 64px;
    max-height: 40px;
    vertical-align: middle;
}
.detail-amount {
    padding: 8px 16px;
}
.row-amount {
    padding: 8px 0;
    border-bottom: 1px solid #ccc;
}
.row-amount:last-child {
    border-bottom: none;
}
.row-title {
    font-size: 0.8rem;
    color: #777;
    display: inline;
}
.row-content {
    display: inline;
    -webkit-box-pack: justify;
    justify-content: end;
    -webkit-box-align: center;
    align-items: center;
}
.css-1h9cifw {
    font-weight: 800;
    color: rgb(49 53 59 / 0.96);
    display: inline;
}
.copy-code {
    color: var(--G500, #eb6a48);
    cursor: pointer;
    font-weight: 800;
    display: inline;
    margin-right: 10px;
}
.has-amt:before {
    content: "Rp. ";
}
.css-158s7cq {
    display: inline;
    float: right;
    font-weight: 800;
    color: rgb(49 53 59 / 0.96);
}
.action-btn-wrapper {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 32px 0 40px;
}
.qr-download-instruction {
    font-size: 0.875rem;
    color: #000;
}
.action-btn-wrapper button:hover {
    background-color: unset;
}
.action-btn-wrapper button:not(.otd-confirm-btn):hover {
    background-color: #eb6a48;
}
.otd-confirm-btn {
    width: 100%;
    height: 40px;
    color: var(--G500, #eb6a48);
    font-weight: 700;
    font-size: 1rem;
    line-height: 20px;
    text-indent: initial;
    background-color: #fff0;
    border: 1px solid var(--G500, #eb6a48);
    border-radius: 8px;
    display: block;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0 16px;
    transition: background-color 300ms ease 0s;
}
.otd-confirm-btn span {
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    display: block;
    overflow: hidden;
    position: relative;
    top: 0;
    transition:
        opacity 300ms linear 0s,
        top 300ms linear 0s;
}
.otd-confirm-btn::after {
    content: "";
    background-color: #31353b;
    opacity: 0;
    inset: 0;
    border-radius: inherit;
    position: absolute;
    transition: opacity 300ms ease 0s;
    pointer-events: none;
}
.otd-reject-btn {
    width: 100%;
    height: 40px;
    color: #fff;
    font-weight: 700;
    font-size: 1rem;
    line-height: 20px;
    text-indent: initial;
    background-color: var(--G500, #eb6a48);
    border: none;
    border-radius: 8px;
    display: block;
    outline: none;
    cursor: pointer;
    position: relative;
    padding: 0 16px;
    transition: background-color 300ms ease 0s;
}
.otd-reject-btn span {
    font-size: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    display: block;
    overflow: hidden;
    position: relative;
    top: 0;
    transition:
        opacity 300ms linear 0s,
        top 300ms linear 0s;
}
.otd-reject-btn::after {
    content: "";
    background-color: #31353b;
    opacity: 0;
    inset: 0;
    border-radius: inherit;
    position: absolute;
    transition: opacity 300ms ease 0s;
    pointer-events: none;
}
.how-to-pay {
    font-weight: 800;
    margin: 16px 0 0 0;
    color: #777;
    text-align: center;
}
.payment-steps .w-accordion-menu {
    border: none;
}
.w-accordion-menu {
    padding: 10px;
    color: #777;
    border: 1px solid #ddd;
}
.pull-right {
    float: right;
}
.payment-steps .w-accordion-content {
    border-top: none;
    border-right: none;
    border-left: none;
    border-image: initial;
    border-bottom: 1px solid var(--N75, #e5e7e9);
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.w-accordion-content li {
    color: #777;
}
.row-3 {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.balance-wrapper .row-3 {
    width: 100%;
    padding-right: 10px;
}
.balance-wrapper.card {
    background-color: unset;
}
.balance-wrapper [class^="card-"] {
    padding: 0.5rem;
}
.balance-wrapper .css-vhe8zj {
    max-width: 84px;
}
.balance-wrapper .card-footer > .row-2 {
    border-bottom: unset;
}
.balance-wrapper .card-footer > .row-2:first-child {
    border-top: 0.5px solid #e8e8e8;
    height: 30px;
}
.balance-wrapper .bttn-calibrate {
    max-width: 230px;
    margin: 0 auto;
}
.balance-pv-item {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    padding: 0 1rem;
}
.column-divider {
    flex: 1 0 50%;
    box-sizing: border-box;
}
.btn-rewards {
    position: relative;
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}
@keyframes blink-animation {
    0% {
        background-color: red;
    }
    50% {
        background-color: #fff0;
    }
    100% {
        background-color: red;
    }
}
.blink {
    animation: blinker 0.75s linear infinite;
}
.blinking-background {
    display: flex;
    align-items: center;
    justify-content: center;
    animation: blink-animation 2s infinite;
}
@font-face {
    font-family: BebasNeue;
    src: url(../fonts/bebas-neue/BebasNeue-Regular.ttf) format("truetype");
    font-display: swap;
}
#mdlPoolCode {
    display: block;
    font-size: 1.5rem;
    text-align: justify;
}
.pool-result-wrapper {
    margin: 0 auto;
    padding: 1.5rem 0 0.5rem;
}
.pool-list-results {
    font-family: "BebasNeue";
    max-width: 1000px;
    margin: 0 auto;
}
.pool-list-results .owl-stage {
    margin: 0 auto;
    display: flex;
    justify-content: space-evenly;
}
.pull-head {
    font-size: 15px;
    border-radius: 10px 10px 0 0;
    border: #817e76 3px solid;
    border-bottom: 0;
    background-color: var(--thx-1e1709,#1e1709);
    color: #fff;
    letter-spacing: 1px;
}
.pull-body {
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0;
    background-color: var(--thx-1e1709,#1e1709);
    border: #817e76 3px solid;
    border-top: 0;
    border-bottom: 0;
    color: #fff;
    letter-spacing: 1px;
}
.pull-foot {
    font-size: 15px;
    background: linear-gradient(
        to bottom,
        var(--thx-9b7c33,#9b7c33),
        var(--thx-a4863d,#a4863d),
        var(--thx-ac9149,#ac9149),
        var(--thx-baa35d,#baa35d),
        var(--thx-c5b26d,#c5b26d),
        var(--thx-d0c17e,#d0c17e),
        var(--thx-d0c17e,#d0c17e),
        var(--thx-d0c17e,#d0c17e),
        var(--thx-d0c17e,#d0c17e)
    );
    border: #817e76 3px solid;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    height: 30px;
    line-height: 30px;
}
a.box-pull {
    text-decoration: none;
}
a.box-pull:hover {
    color: #ececec;
}
.pool-table-result {
    font-size: 0.9rem;
}
.px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.search-game-name {
    padding-left: 1rem;
}
.affiliate .form-group label {
    line-height: unset;
}
.kyc-migration-notification {
    padding: 1.5rem;
}
.kyc-migration-notification > p {
    line-height: 1.5;
}
.kyc-migration-notification .btn-warning,
.kyc-migration-notification .btn-warning:hover {
    background-color: var(--thx-ffc107,#ffc107);
}
.affiliate-modal {
    font-size: 0.875rem;
}
.affiliate-modal .close,
.affiliate-modal .close:hover {
    color: #000;
}
.affiliate-modal .modal-content [class^="modal-"] {
    background-color: #fff;
}
#tncModal .form-check-label {
    line-height: unset;
    font-weight: 400;
}
.img-requirement-list,
.tnc-list {
    padding-left: 15px;
}
.img-requirement-list li:marker,
.tnc-list li:marker {
    text-indent: 12px;
}
.affiliate,
.affiliate-modal .modal-title {
    color: #000;
}
.affiliate,
.affiliate-modal .modal-body {
    font-size: 1rem;
}
.affiliate-modal .card-title {
    margin-bottom: 0;
}
.affiliate .form-control.phone-number {
    margin-bottom: unset !important;
    font-size: 1rem !important;
    line-height: unset !important;
    height: auto !important;
}
.affiliate .btn-primary,
.affiliate .btn-primary:hover {
    background-color: #007bff;
}
.affiliate .card-footer > .btn {
    border: unset;
    color: #fff;
}
.affiliate .card-footer > .btn:disabled {
    cursor: not-allowed;
}
.btn-wa {
    background-color: #2ab318;
}
.btn-telegram {
    background: linear-gradient(180deg, #28a8e9, #23a0dd);
}
.btn-sms {
    color: #000;
}
.asf-logo {
    background: url(../images/common/asf-main.png) no-repeat;
    width: 155px;
    height: 60px;
    margin: 1rem auto;
    background-size: 155px;
}
.affiliate-modal .form-group .otp-code {
    font-size: 1.5rem;
    height: calc(2.875rem + 2px);
    line-height: 1.5;
    color: #000;
    font-weight: 700;
    letter-spacing: 5px;
    padding: 0.5rem 1rem;
    border-radius: 0.3rem;
}
.affiliate-modal .form-control.is-invalid {
    border-color: #dc3545;
}
.popup-body .affiliate-modal button.close:hover {
    background-color: unset;
}
.popup-body .affiliate-modal .form-group .otp-code {
    font-size: 1.5rem !important;
    height: calc(2.875rem + 2px) !important;
    line-height: 1.5 !important;
    color: #000 !important;
    width: 100% !important;
}
.popup-body .affiliate-modal button.close:hover {
    background-color: unset;
}
.popup-body .affiliate-modal .btn.btn-success {
    background-color: #28a745 !important;
}
.popup-body .affiliate-modal .bd-callout span {
    color: inherit;
}
.widgets {
    padding: 1rem;
}
.widget-tab .nav-tabs {
    margin-bottom: 20px;
    border-bottom: 0;
}
.widget-tab .nav-tabs > li {
    float: none;
    display: inline;
}
.widget-tab .nav-tabs li {
    margin-right: 15px;
}
.widget-tab .nav-tabs li:last-child {
    margin-right: 0;
}
.widget-tab .nav-tabs {
    position: relative;
    z-index: 1;
    display: inline-block;
}
.widget-tab .nav-tabs:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    z-index: -1;
}
.widget-tab .nav-tabs > li a {
    display: inline-block;
    background-color: #fff;
    border: none;
    border-radius: 30px;
    font-size: 14px;
    color: #000;
    padding: 5px 30px;
}
.widget-tab .nav-tabs > li > a.active,
.widget-tab .nav-tabs > li a.active > :focus,
.widget-tab .nav-tabs > li > a.active:hover,
.widget-tab .nav-tabs > li > a:hover {
    border: none;
    background-color: #d7d7d7;
    background-image: linear-gradient(147deg, #d7d7d7 0%, #353535 74%);
    color: #fff;
}
.widget-carousel .owl-stage {
    margin: 0 auto;
}
.widget-carousel .card {
    border: none;
    border-radius: 0.5rem;
}
.widget-carousel .btn-game {
    background-color: none;
}
.widget-carousel .card .figure-text > p {
    color: #fff;
}
[data-mobile="false"] .widget-carousel .card .figure-text > p {
    margin-top: 10px;
    margin-bottom: 5px;
}
.widget-carousel .card-body {
    padding: 0;
}
.myback-img {
    display: flex;
    justify-content: center;
    height: 180px;
    overflow: hidden;
    object-fit: cover;
    border-radius: 0.25rem;
    background-size: cover;
    background-position: center;
    border-radius: 0.5rem;
}
.game-overlay {
    border-radius: 0.5rem;
    position: absolute;
    background: -webkit-linear-gradient(
        top,
        transparent 80%,
        rgb(0 0 0 / 0.6) 75%
    );
    height: 100%;
    width: 100%;
    top: 0;
}
.avatar-provider > .icon {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-image: url(../images/common/toto/simplified-logo.png);
    background-size: 360px;
    background-position: -80px 0;
}
.avatar-provider > .icon.pgr {
    background-position: -200px 0;
}
.avatar-provider > .icon.hb {
    background-position: -320px 0;
}
.avatar-provider > .icon.plt,
.avatar-provider > .icon.ptc {
    background-position: -80px -40px;
}
.avatar-provider > .icon.gpi {
    background-position: -200px -40px;
}
.avatar-provider > .icon.wm {
    background-position: -320px -40px;
}
.avatar-provider > .icon.spd {
    background-position: -80px -80px;
}
.avatar-provider > .icon.sbo {
    background-position: -200px -80px;
}
.avatar-provider > .icon.jkr {
    background-position: -320px -80px;
}
.avatar-provider > .icon.cmd {
    background-position: -80px -120px;
}
.avatar-provider > .icon.awc {
    background-position: -200px -120px;
}
.avatar-provider > .icon.pgs {
    background-position: -320px -120px;
}
.avatar-provider > .icon.sbc {
    background-position: -80px -160px;
}
.avatar-provider > .icon.nbb,
.avatar-provider > .icon.bbn {
    background-position: -200px -160px;
}
.avatar-provider > .icon.pst {
    background-position: -320px -160px;
}
.avatar-provider > .icon.ori {
    background-position: -80px -200px;
}
.avatar-provider > .icon.cqn {
    background-position: -200px -200px;
}
.avatar-provider > .icon.ttg {
    background-position: -320px -200px;
}
.avatar-provider > .icon.bgg {
    background-position: -80px -240px;
}
.avatar-provider > .icon.sll {
    background-position: -200px -240px;
}
.avatar-provider > .icon.mcg {
    background-position: -320px -240px;
}
.avatar-provider > .icon.bng {
    background-position: -80px -280px;
}
.avatar-provider > .icon.blk {
    background-position: -200px -280px;
}
.avatar-provider > .icon.prt {
    background-position: -320px -280px;
}
.avatar-provider > .icon.sba {
    background-position: -80px -320px;
}
.avatar-provider > .icon.mmg {
    background-position: -200px -320px;
}
.avatar-provider > .icon.ifd {
    background-position: -320px -320px;
}
.avatar-provider > .icon.ygg {
    background-position: -80px -360px;
}
.avatar-provider > .icon.fch {
    background-position: -200px -360px;
}
.avatar-provider > .icon.adv {
    background-position: -320px -360px;
}
.avatar-provider > .icon.jli {
    background-position: -80px -400px;
}
.avatar-provider > .icon.evo {
    background-position: -200px -400px;
}
.avatar-provider > .icon.bpt {
    background-position: -320px -400px;
}
.avatar-provider > .icon.dgs {
    background-position: -80px -480px;
}
.avatar-provider > .icon.prk {
    background-position: -200px -480px;
}
.avatar-provider > .icon.sng {
    background-position: -320px -480px;
}
.avatar-provider > .icon.ddo {
    background-position: -80px -520px;
}
.avatar-provider > .icon.ptg {
    background-position: -200px -520px;
}
.avatar-provider > .icon.afb {
    background-position: -320px -520px;
}
.avatar-provider > .icon.wsl {
    background-position: -80px -560px;
}
.avatar-provider > .icon.hsg {
    background-position: -120px -560px;
}
.avatar-provider > .icon.mll {
    background-position: -320px -560px;
}
.avatar-provider > .icon.plk {
    background-position: -80px -600px;
}
.avatar-provider > .icon.ftp {
    background-position: -120px -600px;
}
.avatar-provider > .icon.fvg {
    background-position: -320px -600px;
}
.avatar-provider > .icon.ggs {
    background-position: -80px -640px;
}
.avatar-provider > .icon.sag {
    background-position: -200px -640px;
}
.avatar-provider > .icon.mrb {
    background-position: -240px -640px;
}
.avatar-provider > .icon.eai {
    background: url(../images/provider/all/eai.webp) no-repeat;
    background-size: 40px 40px;
}
.avatar-provider > .icon.aag {
    background: url(../images/provider/all/aag.webp) no-repeat;
    background-size: 40px 40px;
}
.borders {
    position: relative;
    border: 1px solid #fff;
    border-radius: 100%;
    width: 42px;
    height: 42px;
    background-color: rgb(0 0 0 / 60%);
}
.borders:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border-radius: 100%;
}
.game-img {
    position: absolute;
    top: 64%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.game-title {
    text-align: center;
    position: relative;
    top: -39px;
    margin-bottom: -33px;
}
.if-payment-gw {
    width: 100%;
    height: 600px;
    border: none;
    overflow: hidden;
}
.socmed-container {
    display: inline-flex;
    align-items: center;
}
.socmed-login-type {
    display: inline-flex;
    margin-right: 0.25rem;
}
.socmed-login-type:last-of-type {
    margin-right: 0;
}
.login-via {
    padding: 0 0.5rem;
}
.social-media-list {
    padding-left: 0;
    padding-right: 0;
    margin-top: 2rem;
}
.socmed-heading {
    color: #222;
}
.social-media-list .card {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgb(0 0 0 / 0.1);
    margin-bottom: 15px;
}
.social-media-list .card-body {
    display: block;
    padding: 15px;
}
.social-media-list .logo {
    width: 24px;
    height: 24px;
    margin-right: 1rem;
    margin-top: 0.2rem;
    transform: unset;
    margin-left: unset;
}
.social-media-list .badge {
    padding: 0.5em 0.75em;
    border-radius: 0.25rem;
    color: #fff;
}
.socmed-name {
    color: #222;
}
.socmed-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.socmed-inner:last-child {
    margin-bottom: 0;
}
.socmed-action-link {
    display: flex;
    width: 100%;
    justify-content: end;
}
.socmed-action-link > i {
    color: #222;
    font-size: 1.25rem;
}
.socmed-action-link > .resync-socmed {
    color: #222;
    cursor: pointer;
}
.card-leaderboard {
    color: #fff;
}
.card-leaderboard,
.card-leaderboard .card-header {
    background: #333;
}
.card-leaderboard .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.card-leaderboard .card-body {
    min-height: 200px;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.75rem 1.25rem;
}
.card-leaderboard .card-body::-webkit-scrollbar {
    width: 8px;
}
.card-leaderboard .card-body {
    scrollbar-width: thin;
    scrollbar-color: #888 #fff0;
}
.card-leaderboard .table {
    margin-bottom: 0;
}
.leaderboard-title {
    display: flex;
    margin-bottom: 0;
    align-items: center;
}
.leaderboard-title > .h5 {
    margin-bottom: 0;
}
.leaderboard-title > i {
    color: gold;
    margin-right: 0.5rem;
}
.leaderboard-empty-row {
    height: 145px;
    vertical-align: middle !important;
    text-align: center;
}
#seeMoreLeaderboard[disabled] {
    cursor: not-allowed;
}
#leaderBoardTableOnModal .pvname {
    text-transform: capitalize;
}
#leaderboardModal .modal-body {
    max-height: 80vh;
    overflow-y: auto;
}
#leaderboardModal .modal-body::-webkit-scrollbar {
    width: 8px;
}
#leaderboardModal .modal-body::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}
#leaderboardModal .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}
#leaderboardModal .modal-body {
    scrollbar-width: thin;
    scrollbar-color: #888 #fff0;
}
.buttonAfterRegister {
    box-shadow: none;
    border: 1px solid #37434c;
    width: 3.5rem;
    height: 34px;
    border-radius: 4px;
    margin: 0 0 0 5px;
    background-color: #105473;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.buttonAfterRegister:hover {
    background-color: #0056b3;
}
.bootstrap-select .dropdown-toggle {
    height: calc(3rem + -9px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    background-color: #262626 !important;
    color: white !important;
    border: 1px solid #444 !important;
    border-radius: 4px;
    margin-left: 2.41rem;
}
.bootstrap-select .dropdown-menu.inner {
    display: flex !important;
    flex-direction: column !important;
    max-height: 160px !important;
    overflow-y: auto !important;
}
.bootstrap-select .dropdown-menu {
    background-color: #1a1a1a;
    color: #fff;
    overflow: visible !important;
}
.bootstrap-select .dropdown-item {
    color: #fff;
}
.bootstrap-select .dropdown-item:hover {
    background-color: #333;
}
.bootstrap-select .dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    word-break: break-word;
}
.bootstrap-select .dropdown-menu.inner > li > a {
    white-space: normal !important;
}