body .col-3-3,
body .full-width-ctas,
body .full-width-ctas .custom-cta,
body .inline-ctas,
body .screen-center,
body [class*=col-] .custom-cta {
    width: 100%
}

body .full-width-ctas .custom-cta,
body .inline-ctas .custom-cta,
body [class*=col-],
body [class*=col-] .custom-cta {
    float: left
}

body .full-width-ctas,
body .inline-ctas,
body [class*=col-] .custom-cta {
    display: inline-block
}

body .navbar-fixed-bottom,
body .navbar-fixed-top {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 7
}

body .img-responsive,
body [class*=col-] {
    display: block
}

body .navbar-fixed-top {
    top: 0
}

body .navbar-fixed-bottom {
    bottom: 0;
    overflow: hidden
}

body .full-width-ctas,
body .inline-ctas {
    position: relative
}

body .inline-ctas .custom-cta {
    width: 50%
}

body .full-width-ctas {
    text-align: center
}

body .col-1-3 {
    width: 33.33%
}

body .col-2-3 {
    width: 66.67%
}

/* body [class*=col-] {
    padding: 0 10px
} */

body [class*=col-] .custom-cta {
    min-width: auto
}

body .img-responsive {
    height: auto;
    max-width: 100%
}

body .max-container {
    margin: 0 auto;
    max-width: 1376px
}

body .screen-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

body .hidden,
body .visible-xs {
    display: none !important
}

body.non-scroll {
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0
}

@media (min-width: 768px) {
    .two-column-container-smashier-generic .information-cell {
        grid-column: auto !important;
        grid-row: auto !important
    }
}

@media screen and (max-width: 768px) {
    body .visible-xs {
        display: block !important
    }

    body .visible-flex-xs {
        display: flex
    }

    body .hidden-xs {
        display: none !important
    }

    body.non-scroll-xs {
        overflow: hidden
    }
}

@media screen and (min-width: 769px) {
    body .visible-sm {
        display: block !important
    }

    body .hidden-sm {
        display: none !important
    }

    body .visible-flex-xs {
        display: none
    }
}

@media screen and (min-width: 1376px) {
    body .visible-lg {
        display: block !important
    }

    body .hidden-lg {
        display: none !important
    }

    body .visible-flex-lg {
        display: none
    }
}

@-webkit-keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@-moz-keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@-ms-keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@keyframes bounce-up {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }

    0%,
    to {
        margin-top: 0
    }

    50% {
        margin-top: -10px
    }
}

@-webkit-keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-moz-keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-ms-keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@keyframes bounce-down {
    0% {
        opacity: 0;
        margin-top: -10px
    }

    50% {
        margin-top: 10px
    }

    to {
        opacity: 1;
        margin-top: 0
    }
}

@-webkit-keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@-moz-keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@-ms-keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@keyframes bounce-right {
    0% {
        opacity: 0;
        transform: translate(calc(-100% + 10px), -50%)
    }

    50% {
        transform: translate(calc(-100% - 10px), -50%)
    }

    to {
        opacity: 1;
        transform: translate(-100%, -50%)
    }
}

@-webkit-keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@-moz-keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@-ms-keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@keyframes bounce-left {
    0% {
        opacity: 0;
        margin-left: -10px
    }

    50% {
        margin-left: 10px
    }

    to {
        opacity: 1;
        margin-left: 0
    }
}

@-webkit-keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@keyframes bounce-up-down {

    20%,
    50%,
    80%,
    to {
        transform: translateY(0)
    }

    0% {
        opacity: 0;
        transform: translateY(-90px)
    }

    40% {
        transform: translateY(-30px)
    }

    60% {
        transform: translateY(-15px)
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@-moz-keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@-ms-keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@keyframes slide-down {
    0% {
        top: -100%
    }

    to {
        top: 0
    }
}

@-webkit-keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@-moz-keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@-ms-keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@keyframes slide-up {
    0% {
        top: 0
    }

    to {
        top: -100%
    }
}

@-webkit-keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@-moz-keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@-ms-keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@keyframes slide-down-middle {
    0% {
        top: -100%
    }

    to {
        top: 50%
    }
}

@-webkit-keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-ms-keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-down-fade {
    0% {
        opacity: 0;
        transform: translateY(-1em)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@-moz-keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@-ms-keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@keyframes slide-right {
    0% {
        left: 0
    }

    to {
        left: 100%
    }
}

@-webkit-keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@-moz-keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@-ms-keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@keyframes slide-left {
    0% {
        left: 100%
    }

    to {
        left: 0
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-ms-keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-moz-keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-ms-keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@keyframes donut-segment-highlight-animation {
    0% {
        stroke-dashoffset: 800;
        opacity: 1
    }

    to {
        stroke-dashoffset: 0;
        opacity: 0
    }
}

@-webkit-keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes donut-segment-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-moz-keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-ms-keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@keyframes donut-ring-animation {
    0% {
        stroke-dashoffset: 800
    }

    to {
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-moz-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-ms-keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
        transform: translateY(30px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@-webkit-keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@-moz-keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@-ms-keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@keyframes pulse {

    40%,
    55%,
    65%,
    70%,
    80%,
    90% {
        transform: scaleX(1)
    }

    50%,
    60%,
    75%,
    85% {
        transform: scale3d(1.3, 1.3, 1.3)
    }
}

@-webkit-keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-moz-keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@-ms-keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes blink {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.slide-left,
.slide-right {
    transition: all .1s ease-out
}

.slide-right {
    animation: slide-right .3s
}

.slide-left {
    animation: slide-left .3s;
    z-index: 3
}

.motion-down {
    animation: slide-down .5s
}

.motion-down-middle {
    animation: slide-down-middle .3s
}

.motion-up {
    animation: slide-up .5s
}

@font-face {
    font-family: icons-ignitioncasino;
    src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.eot?v8);
    src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.eot?v8#iefix) format("embedded-opentype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.woff?v8) format("woff"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.ttf?v8) format("truetype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-v8.svg?v8#icons-ignitioncasino) format("svg");
    font-weight: 400;
    font-style: normal
}

@media screen and (max-width: 768px) {
    @font-face {
        font-family: icons-ignitioncasino-new;
        src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.eot);
        src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.woff2) format("woff2"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.woff) format("woff"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.ttf) format("truetype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-mobile.svg?#icons-ignitioncasino) format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
}

@media screen and (min-width: 769px) {
    @font-face {
        font-family: icons-ignitioncasino-new;
        src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.eot);
        src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.woff2) format("woff2"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.woff) format("woff"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.ttf) format("truetype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-critical-desktop.svg?#icons-ignitioncasino) format("svg");
        font-weight: 400;
        font-style: normal;
        font-display: swap
    }
}

@font-face {
    font-family: icons-ignitioncasino-new;
    src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.eot);
    src: url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.woff2) format("woff2"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.woff) format("woff"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.ttf) format("truetype"), url(../assets/fonts/icons/ignitioncasino/icons-ignitioncasino-remaining.svg?#icons-ignitioncasino) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: rubik;
    font-style: normal;
    font-weight: 400;
    src: url(../assets/fonts/rubik/rubikRegular.eot);
    src: url(../assets/fonts/rubik/rubikRegular.woff2) format("woff2"), url(../assets/fonts/rubik/rubikRegular.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/rubik/rubikRegular.woff) format("woff"), url(../assets/fonts/rubik/rubikRegular.ttf) format("truetype"), url(../assets/fonts/rubik/rubikRegular.svg#rubikRegular) format("svg");
    font-display: swap
}

@font-face {
    font-family: rubik;
    font-style: normal;
    font-weight: 500;
    src: url(../assets/fonts/rubik/rubikMedium.eot);
    src: url(../assets/fonts/rubik/rubikMedium.woff2) format("woff2"), url(../assets/fonts/rubik/rubikMedium.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/rubik/rubikMedium.woff) format("woff"), url(../assets/fonts/rubik/rubikMedium.ttf) format("truetype"), url(../assets/fonts/rubik/rubikMedium.svg#rubikMedium) format("svg");
    font-display: swap
}

@font-face {
    font-family: saira;
    font-style: normal;
    font-weight: 700;
    src: url(../assets/fonts/saira/sairaCondensedBold.eot);
    src: url(../assets/fonts/saira/sairaCondensedBold.woff2) format("woff2"), url(../assets/fonts/saira/sairaCondensedBold.eot?#iefix) format("embedded-opentype"), url(../assets/fonts/saira/sairaCondensedBold.woff) format("woff"), url(../assets/fonts/saira/sairaCondensedBold.ttf) format("truetype"), url(../assets/fonts/saira/sairaCondensedBold.svg#sairaCondensedBold) format("svg");
    font-display: swap
}

body:not(.icons-split) .icon,
body:not(.icons-split) .icon-add:before,
body:not(.icons-split) .icon-all:before,
body:not(.icons-split) .icon-app-store-badge:before,
body:not(.icons-split) .icon-arrow-back:before,
body:not(.icons-split) .icon-arrow-down:before,
body:not(.icons-split) .icon-arrow-next:before,
body:not(.icons-split) .icon-arrow-up:before,
body:not(.icons-split) .icon-back:before,
body:not(.icons-split) .icon-bitcoin-circle:before,
body:not(.icons-split) .icon-blackjack:before,
body:not(.icons-split) .icon-board-details:before,
body:not(.icons-split) .icon-bonus:before,
body:not(.icons-split) .icon-bubble:before,
body:not(.icons-split) .icon-calendar:before,
body:not(.icons-split) .icon-casino-default-category:before,
body:not(.icons-split) .icon-casino:before,
body:not(.icons-split) .icon-challenge:before,
body:not(.icons-split) .icon-change-password:before,
body:not(.icons-split) .icon-check-by-courier:before,
body:not(.icons-split) .icon-checked:before,
body:not(.icons-split) .icon-clone-content:before,
body:not(.icons-split) .icon-close2:before,
body:not(.icons-split) .icon-close:before,
body:not(.icons-split) .icon-conditions:before,
body:not(.icons-split) .icon-contact:before,
body:not(.icons-split) .icon-crypto-bch:before,
body:not(.icons-split) .icon-crypto-bsv:before,
body:not(.icons-split) .icon-crypto-btc:before,
body:not(.icons-split) .icon-crypto-eth:before,
body:not(.icons-split) .icon-crypto-ltc:before,
body:not(.icons-split) .icon-crypto-usdt:before,
body:not(.icons-split) .icon-dbt:before,
body:not(.icons-split) .icon-debit-card:before,
body:not(.icons-split) .icon-empty-games:before,
body:not(.icons-split) .icon-enjoy-play:before,
body:not(.icons-split) .icon-envelope2:before,
body:not(.icons-split) .icon-envelope:before,
body:not(.icons-split) .icon-error:before,
body:not(.icons-split) .icon-facebook:before,
body:not(.icons-split) .icon-feedback:before,
body:not(.icons-split) .icon-free-games:before,
body:not(.icons-split) .icon-general:before,
body:not(.icons-split) .icon-gift:before,
body:not(.icons-split) .icon-global:before,
body:not(.icons-split) .icon-hdjps-dark-bg:before,
body:not(.icons-split) .icon-hdjps-light-bg:before,
body:not(.icons-split) .icon-help-account-security:before,
body:not(.icons-split) .icon-help-deposit-withdraw:before,
body:not(.icons-split) .icon-help-financial:before,
body:not(.icons-split) .icon-help-technical:before,
body:not(.icons-split) .icon-hide-password:before,
body:not(.icons-split) .icon-hide:before,
body:not(.icons-split) .icon-how-it-works:before,
body:not(.icons-split) .icon-infinity:before,
body:not(.icons-split) .icon-info2:before,
body:not(.icons-split) .icon-info:before,
body:not(.icons-split) .icon-installment-frequency:before,
body:not(.icons-split) .icon-instant-transactions:before,
body:not(.icons-split) .icon-launch:before,
body:not(.icons-split) .icon-leaderboards:before,
body:not(.icons-split) .icon-lightning:before,
body:not(.icons-split) .icon-link:before,
body:not(.icons-split) .icon-live-baccarat:before,
body:not(.icons-split) .icon-live-blackjack:before,
body:not(.icons-split) .icon-live-dealer-provider1:before,
body:not(.icons-split) .icon-live-dealer-provider2:before,
body:not(.icons-split) .icon-live-dealer-provider3:before,
body:not(.icons-split) .icon-live-dealer-provider4:before,
body:not(.icons-split) .icon-live-dealer-provider5:before,
body:not(.icons-split) .icon-live-dealer-provider6:before,
body:not(.icons-split) .icon-live-dealer-provider7:before,
body:not(.icons-split) .icon-live-dealer-provider8:before,
body:not(.icons-split) .icon-live-dealer-provider9:before,
body:not(.icons-split) .icon-live-dealer-provider10:before,
body:not(.icons-split) .icon-live-dealer-provider11:before,
body:not(.icons-split) .icon-live-dealer-provider12:before,
body:not(.icons-split) .icon-live-dealer:before,
body:not(.icons-split) .icon-live-meet-dealers:before,
body:not(.icons-split) .icon-live-poker:before,
body:not(.icons-split) .icon-live-roulette:before,
body:not(.icons-split) .icon-live-super6:before,
body:not(.icons-split) .icon-loading:after,
body:not(.icons-split) .icon-loading:before,
body:not(.icons-split) .icon-location:before,
body:not(.icons-split) .icon-lock:before,
body:not(.icons-split) .icon-map:before,
body:not(.icons-split) .icon-maximise:before,
body:not(.icons-split) .icon-menu:before,
body:not(.icons-split) .icon-min-bet:before,
body:not(.icons-split) .icon-minimise:before,
body:not(.icons-split) .icon-mobile:before,
body:not(.icons-split) .icon-my-games:before,
body:not(.icons-split) .icon-netbanking:before,
body:not(.icons-split) .icon-new-tab:before,
body:not(.icons-split) .icon-new-window:before,
body:not(.icons-split) .icon-no-results:before,
body:not(.icons-split) .icon-other-crypto:before,
body:not(.icons-split) .icon-participate:before,
body:not(.icons-split) .icon-partner:before,
body:not(.icons-split) .icon-phone:before,
body:not(.icons-split) .icon-piggy-bank:before,
body:not(.icons-split) .icon-play:before,
body:not(.icons-split) .icon-player-transfer:before,
body:not(.icons-split) .icon-player:before,
body:not(.icons-split) .icon-plus:before,
body:not(.icons-split) .icon-poker-download:before,
body:not(.icons-split) .icon-poker-get-started:before,
body:not(.icons-split) .icon-poker-how-to-play:before,
body:not(.icons-split) .icon-poker-play-now:before,
body:not(.icons-split) .icon-poker-play:before,
body:not(.icons-split) .icon-poker-special-features:before,
body:not(.icons-split) .icon-poker-tournaments:before,
body:not(.icons-split) .icon-poker:before,
body:not(.icons-split) .icon-promos:before,
body:not(.icons-split) .icon-rankings:before,
body:not(.icons-split) .icon-refer-a-friend:before,
body:not(.icons-split) .icon-schedule:before,
body:not(.icons-split) .icon-search-play:before,
body:not(.icons-split) .icon-search:before,
body:not(.icons-split) .icon-security:before,
body:not(.icons-split) .icon-settings:before,
body:not(.icons-split) .icon-show-password:before,
body:not(.icons-split) .icon-single-goal:before,
body:not(.icons-split) .icon-slots:before,
body:not(.icons-split) .icon-sms-verify:before,
body:not(.icons-split) .icon-specialty-games:before,
body:not(.icons-split) .icon-split:before,
body:not(.icons-split) .icon-star-filled:before,
body:not(.icons-split) .icon-star-outlined:before,
body:not(.icons-split) .icon-star:before,
body:not(.icons-split) .icon-status-loose:before,
body:not(.icons-split) .icon-status-no-action:before,
body:not(.icons-split) .icon-status-win:before,
body:not(.icons-split) .icon-success:before,
body:not(.icons-split) .icon-support:before,
body:not(.icons-split) .icon-switch:before,
body:not(.icons-split) .icon-table-full:before,
body:not(.icons-split) .icon-table-games:before,
body:not(.icons-split) .icon-tangible-reward:before,
body:not(.icons-split) .icon-text-area-drag:before,
body:not(.icons-split) .icon-ticket:before,
body:not(.icons-split) .icon-timeframe:before,
body:not(.icons-split) .icon-timer:before,
body:not(.icons-split) .icon-transactions:before,
body:not(.icons-split) .icon-trash:before,
body:not(.icons-split) .icon-trophy:before,
body:not(.icons-split) .icon-trusted-player:before,
body:not(.icons-split) .icon-twitter:before,
body:not(.icons-split) .icon-user-menu-close:before,
body:not(.icons-split) .icon-user-menu:before,
body:not(.icons-split) .icon-user-verification:before,
body:not(.icons-split) .icon-user:before,
body:not(.icons-split) .icon-video-poker:before,
body:not(.icons-split) .icon-voucher:before,
body:not(.icons-split) .icon-warning:before,
body:not(.icons-split) .icon-wire-transfer:before,
body:not(.icons-split) .icon-wiretransfer:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icons-ignitioncasino;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-transform: none
}

body.icons-split .icon,
body.icons-split .icon-add:before,
body.icons-split .icon-all:before,
body.icons-split .icon-app-store-badge:before,
body.icons-split .icon-arrow-back:before,
body.icons-split .icon-arrow-down:before,
body.icons-split .icon-arrow-next:before,
body.icons-split .icon-arrow-up:before,
body.icons-split .icon-back:before,
body.icons-split .icon-bitcoin-circle:before,
body.icons-split .icon-blackjack:before,
body.icons-split .icon-board-details:before,
body.icons-split .icon-bonus:before,
body.icons-split .icon-bubble:before,
body.icons-split .icon-calendar:before,
body.icons-split .icon-casino-default-category:before,
body.icons-split .icon-casino:before,
body.icons-split .icon-challenge:before,
body.icons-split .icon-change-password:before,
body.icons-split .icon-check-by-courier:before,
body.icons-split .icon-checked:before,
body.icons-split .icon-clone-content:before,
body.icons-split .icon-close2:before,
body.icons-split .icon-close:before,
body.icons-split .icon-conditions:before,
body.icons-split .icon-contact:before,
body.icons-split .icon-crypto-bch:before,
body.icons-split .icon-crypto-bsv:before,
body.icons-split .icon-crypto-btc:before,
body.icons-split .icon-crypto-eth:before,
body.icons-split .icon-crypto-ltc:before,
body.icons-split .icon-crypto-usdt:before,
body.icons-split .icon-dbt:before,
body.icons-split .icon-debit-card:before,
body.icons-split .icon-empty-games:before,
body.icons-split .icon-enjoy-play:before,
body.icons-split .icon-envelope2:before,
body.icons-split .icon-envelope:before,
body.icons-split .icon-error:before,
body.icons-split .icon-facebook:before,
body.icons-split .icon-feedback:before,
body.icons-split .icon-free-games:before,
body.icons-split .icon-general:before,
body.icons-split .icon-gift:before,
body.icons-split .icon-global:before,
body.icons-split .icon-hdjps-dark-bg:before,
body.icons-split .icon-hdjps-light-bg:before,
body.icons-split .icon-help-account-security:before,
body.icons-split .icon-help-deposit-withdraw:before,
body.icons-split .icon-help-financial:before,
body.icons-split .icon-help-technical:before,
body.icons-split .icon-hide-password:before,
body.icons-split .icon-hide:before,
body.icons-split .icon-how-it-works:before,
body.icons-split .icon-infinity:before,
body.icons-split .icon-info2:before,
body.icons-split .icon-info:before,
body.icons-split .icon-installment-frequency:before,
body.icons-split .icon-instant-transactions:before,
body.icons-split .icon-launch:before,
body.icons-split .icon-leaderboards:before,
body.icons-split .icon-lightning:before,
body.icons-split .icon-link:before,
body.icons-split .icon-live-baccarat:before,
body.icons-split .icon-live-blackjack:before,
body.icons-split .icon-live-dealer-provider1:before,
body.icons-split .icon-live-dealer-provider2:before,
body.icons-split .icon-live-dealer-provider3:before,
body.icons-split .icon-live-dealer-provider4:before,
body.icons-split .icon-live-dealer-provider5:before,
body.icons-split .icon-live-dealer-provider6:before,
body.icons-split .icon-live-dealer-provider7:before,
body.icons-split .icon-live-dealer-provider8:before,
body.icons-split .icon-live-dealer-provider9:before,
body.icons-split .icon-live-dealer-provider10:before,
body.icons-split .icon-live-dealer-provider11:before,
body.icons-split .icon-live-dealer-provider12:before,
body.icons-split .icon-live-dealer:before,
body.icons-split .icon-live-meet-dealers:before,
body.icons-split .icon-live-poker:before,
body.icons-split .icon-live-roulette:before,
body.icons-split .icon-live-super6:before,
body.icons-split .icon-loading:after,
body.icons-split .icon-loading:before,
body.icons-split .icon-location:before,
body.icons-split .icon-lock:before,
body.icons-split .icon-map:before,
body.icons-split .icon-maximise:before,
body.icons-split .icon-menu:before,
body.icons-split .icon-min-bet:before,
body.icons-split .icon-minimise:before,
body.icons-split .icon-mobile:before,
body.icons-split .icon-my-games:before,
body.icons-split .icon-netbanking:before,
body.icons-split .icon-new-tab:before,
body.icons-split .icon-new-window:before,
body.icons-split .icon-no-results:before,
body.icons-split .icon-other-crypto:before,
body.icons-split .icon-participate:before,
body.icons-split .icon-partner:before,
body.icons-split .icon-phone:before,
body.icons-split .icon-piggy-bank:before,
body.icons-split .icon-play:before,
body.icons-split .icon-player-transfer:before,
body.icons-split .icon-player:before,
body.icons-split .icon-plus:before,
body.icons-split .icon-poker-download:before,
body.icons-split .icon-poker-get-started:before,
body.icons-split .icon-poker-how-to-play:before,
body.icons-split .icon-poker-play-now:before,
body.icons-split .icon-poker-play:before,
body.icons-split .icon-poker-special-features:before,
body.icons-split .icon-poker-tournaments:before,
body.icons-split .icon-poker:before,
body.icons-split .icon-promos:before,
body.icons-split .icon-rankings:before,
body.icons-split .icon-refer-a-friend:before,
body.icons-split .icon-schedule:before,
body.icons-split .icon-scratch-card:before,
body.icons-split .icon-search-play:before,
body.icons-split .icon-search:before,
body.icons-split .icon-security:before,
body.icons-split .icon-settings:before,
body.icons-split .icon-show-password:before,
body.icons-split .icon-single-goal:before,
body.icons-split .icon-slots:before,
body.icons-split .icon-sms-verify:before,
body.icons-split .icon-specialty-games:before,
body.icons-split .icon-split:before,
body.icons-split .icon-star-filled:before,
body.icons-split .icon-star-outlined:before,
body.icons-split .icon-star:before,
body.icons-split .icon-status-loose:before,
body.icons-split .icon-status-no-action:before,
body.icons-split .icon-status-win:before,
body.icons-split .icon-success:before,
body.icons-split .icon-support:before,
body.icons-split .icon-switch:before,
body.icons-split .icon-table-full:before,
body.icons-split .icon-table-games:before,
body.icons-split .icon-tangible-reward:before,
body.icons-split .icon-text-area-drag:before,
body.icons-split .icon-ticket:before,
body.icons-split .icon-timeframe:before,
body.icons-split .icon-timer:before,
body.icons-split .icon-transactions:before,
body.icons-split .icon-trash:before,
body.icons-split .icon-trophy:before,
body.icons-split .icon-trusted-player:before,
body.icons-split .icon-twitter:before,
body.icons-split .icon-user-menu-close:before,
body.icons-split .icon-user-menu:before,
body.icons-split .icon-user-verification:before,
body.icons-split .icon-user:before,
body.icons-split .icon-video-poker:before,
body.icons-split .icon-voucher:before,
body.icons-split .icon-warning:before,
body.icons-split .icon-wire-transfer:before,
body.icons-split .icon-wiretransfer:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icons-ignitioncasino-new;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    speak: none;
    text-transform: none
}

.icon-casino:before,
.icon-slots:before {
    content: "\43"
}

.icon-change-password:before,
.icon-security:before {
    content: "\41"
}

.icon-checked:before,
.icon-success:before {
    content: "\2b"
}

.icon-info2:before,
.icon-info:before {
    content: "\3e"
}

.icon-live-dealer:before,
.icon-live-meet-dealers:before {
    content: "\126"
}

.icon-arrow-back:before,
.icon-back:before {
    content: "\21"
}

.icon-dbt:before,
.icon-wire-transfer:before,
.icon-wiretransfer:before {
    content: "\60"
}

.icon-envelope2:before,
.icon-envelope:before {
    content: "\b1"
}

.icon-new-tab:before,
.icon-new-window:before {
    content: "\6e"
}

.icon-add:before {
    content: "\115"
}

.icon-all:before {
    content: "\100"
}

.icon-app-store-badge:before {
    content: "\e914"
}

.icon-arrow-down:before {
    content: "\22"
}

.icon-arrow-next:before {
    content: "\23"
}

.icon-arrow-up:before {
    content: "\24"
}

.icon-bitcoin-circle:before {
    content: "\131"
}

.icon-blackjack:before {
    content: "\177"
}

.icon-board-details:before {
    content: "\bd"
}

.icon-bonus:before {
    content: "\28"
}

.icon-bubble:before,
.icon-loading:after,
.icon-loading:before {
    left: 0;
    position: absolute;
    top: 0;
    background: #c00;
    border-radius: 50%;
    content: "";
    height: 20px;
    width: 20px
}

.icon-calendar:before {
    content: "\157"
}

.icon-casino-default-category:before {
    content: "\cd"
}

.icon-challenge:before {
    content: "\20c"
}

.icon-check-by-courier:before {
    content: "\cc"
}

.icon-clone-content:before {
    content: "\e915"
}

.icon-close2:before,
.icon-close:before {
    content: "\2c"
}

.icon-conditions:before {
    content: "\7e"
}

.icon-contact:before {
    content: "\2d"
}

.icon-debit-card:before {
    content: "\dc"
}

.icon-empty-games:before {
    content: "\ff"
}

.icon-enjoy-play:before {
    content: "\df"
}

.icon-error:before {
    content: "\32"
}

.icon-facebook:before {
    content: "\54"
}

.icon-feedback:before {
    content: "\116"
}

.icon-free-games:before {
    content: "\a1"
}

.icon-general:before {
    content: "\61"
}

.icon-gift:before {
    content: "\bb"
}

.icon-global:before {
    content: "\124"
}

.icon-help-account-security:before {
    content: "\37"
}

.icon-help-deposit-withdraw:before {
    content: "\129"
}

.icon-help-financial:before {
    content: "\4b"
}

.icon-help-technical:before {
    content: "\4c"
}

.icon-hide-password:before {
    content: "\35"
}

.icon-hide:before {
    content: "\68"
}

.icon-how-it-works:before {
    content: "\7a"
}

.icon-infinity:before {
    content: "\196"
}

.icon-installment-frequency:before {
    content: "\e905"
}

.icon-instant-transactions:before {
    content: "\5b"
}

.icon-launch:before {
    content: "\fd"
}

.icon-leaderboards:before {
    content: "\175"
}

.icon-lightning:before {
    content: "\7d"
}

.icon-link:before {
    content: "\fc"
}

.icon-live-baccarat:before {
    content: "\176"
}

.icon-live-blackjack:before {
    content: "\178"
}

.icon-live-roulette:before {
    content: "\179"
}

.icon-live-super6:before {
    content: "\180"
}

.icon-live-poker:before {
    content: "\e8ba"
}

.icon-loading {
    display: inline-block;
    height: 24px;
    position: relative;
    width: 48px
}

.icon-loading:after,
.icon-loading:before {
    animation: move-right 1.05s ease-in-out infinite;
    height: 24px;
    left: inherit;
    width: 24px
}

.icon-loading:before {
    background: #333;
    left: -2.4px
}

.icon-loading:after {
    animation-name: move-left;
    background: #ff6900;
    right: -2.4px
}

@keyframes move-right {
    0% {
        z-index: 1
    }

    50% {
        transform: translateX(28.8px)
    }
}

@keyframes move-left {
    50% {
        transform: translateX(-28.8px)
    }
}

.icon-location:before {
    content: "\74"
}

.icon-lock:before {
    content: "\70"
}

.icon-map:before {
    content: "\181"
}

.icon-maximise:before {
    content: "\4f"
}

.icon-menu:before {
    content: "\3d"
}

.icon-min-bet:before {
    content: "\a1"
}

.icon-minimise:before {
    content: "\6f"
}

.icon-mobile:before {
    content: "\6c"
}

.icon-my-games:before {
    content: "\182"
}

.icon-netbanking:before {
    content: "\199"
}

.icon-no-results:before {
    content: "\3b"
}

.icon-other-crypto:before {
    content: "\e902"
}

.icon-participate:before {
    content: "\be"
}

.icon-partner:before {
    content: "\133"
}

.icon-phone:before {
    content: "\146"
}

.icon-piggy-bank:before {
    content: "\dd"
}

.icon-play:before {
    content: "\3c"
}

.icon-player:before {
    content: "\ef"
}

.icon-plus:before {
    content: "\73"
}

.icon-poker-get-started:before {
    content: "\183"
}

.icon-poker-how-to-play:before {
    content: "\184"
}

.icon-poker-play:before {
    content: "\185"
}

.icon-poker-download:before {
    content: "\e909"
}

.icon-poker-play-now:before {
    content: "\e908"
}

.icon-poker-special-features:before {
    content: "\186"
}

.icon-poker-tournaments:before {
    content: "\187"
}

.icon-poker:before {
    content: "\6b"
}

.icon-promos:before {
    content: "\134"
}

.icon-rankings:before {
    content: "\af"
}

.icon-refer-a-friend:before {
    content: "\52"
}

.icon-schedule:before {
    content: "\bf"
}

.icon-search-play:before {
    content: "\3f"
}

.icon-search:before {
    content: "\40"
}

.icon-settings:before {
    content: "\138"
}

.icon-show-password:before {
    content: "\42"
}

.icon-specialty-games:before {
    content: "\56"
}

.icon-split:before {
    content: "\e906"
}

.icon-star:before {
    content: "\53"
}

.icon-status-loose:before {
    content: "\160"
}

.icon-status-no-action:before {
    content: "\159"
}

.icon-status-win:before {
    content: "\158"
}

.icon-support:before {
    content: "\132"
}

.icon-switch:before {
    content: "\57"
}

.icon-table-full:before {
    content: "\197"
}

.icon-table-games:before {
    content: "\45"
}

.icon-text-area-drag:before {
    content: "\145"
}

.icon-ticket:before {
    content: "\44"
}

.icon-timer:before {
    content: "\51"
}

.icon-timeframe:before {
    content: "\e904"
}

.icon-transactions:before {
    content: "\46"
}

.icon-trash:before {
    content: "\47"
}

.icon-trophy:before {
    content: "\6a"
}

.icon-trusted-player:before {
    content: "\147"
}

.icon-twitter:before {
    content: "\55"
}

.icon-user-menu-close:before {
    content: "\190"
}

.icon-user-menu:before {
    content: "\191"
}

.icon-user:before {
    content: "\48"
}

.icon-video-poker:before {
    content: "\62"
}

.icon-warning:before {
    content: "\49"
}

.icon-voucher:before {
    content: "\e903"
}

.icon-sms-verify:before {
    content: "\e907"
}

.icon-player-transfer:before {
    content: "\e90b"
}

.icon-single-goal:before {
    content: "\e90c"
}

.icon-crypto-btc:before {
    content: "\e90d"
}

.icon-crypto-bch:before {
    content: "\e90e"
}

.icon-crypto-bsv:before {
    content: "\e90f"
}

.icon-crypto-ltc:before {
    content: "\e910"
}

.icon-crypto-eth:before {
    content: "\e911"
}

.icon-user-verification:before {
    content: "\e912"
}

.icon-crypto-usdt:before {
    content: "\e913"
}

.icon-hdjps-dark-bg:before {
    content: "\e900"
}

.icon-hdjps-light-bg:before {
    content: "\e901"
}

.icon-tangible-reward:before {
    content: "\e916"
}

.icon-live-dealer-provider1:before {
    content: "\e828"
}

.icon-live-dealer-provider2:before {
    content: "\e829"
}

.icon-live-dealer-provider3:before {
    content: "\e82a"
}

.icon-live-dealer-provider4:before {
    content: "\e82b"
}

.icon-live-dealer-provider5:before {
    content: "\e82c"
}

.icon-live-dealer-provider6:before {
    content: "\e82d"
}

.icon-live-dealer-provider7:before {
    content: "\e82e"
}

.icon-live-dealer-provider8:before {
    content: "\e82f"
}

.icon-live-dealer-provider9:before {
    content: "\e830"
}

.icon-live-dealer-provider10:before {
    content: "\e831"
}

.icon-live-dealer-provider11:before {
    content: "\e832"
}

.icon-live-dealer-provider12:before {
    content: "\e833"
}

.icon-scratch-card:before {
    content: "\e85a"
}

.icon-star-filled:before {
    content: "\e8b8"
}

.icon-star-outlined:before {
    content: "\e8b9"
}

.color-icon-google-play-badge {
    height: 41px;
    width: 120px;
    display: inline-block;
    background: url(../assets/images/ignitioncasino/colored_icons_sprite.svg#google-play-badge) no-repeat
}

.custom-tab.motion .border-animation {
    left: 0;
    position: absolute
}

.custom-tab.motion.quaternary .border-animation {
    border-bottom: 2px solid #ff6900;
    bottom: 0
}

.custom-tab.motion.quaternary .active,
.custom-tab.motion.quaternary .active a {
    border-width: 0
}

.motion-pulse {
    animation: pulse 2s
}

#bannerCCId {
    width: 100% !important
}

.bannerCC {
    margin: 0 0 16px !important
}

.bannerCC:first-child .banner-container {
    margin-top: 0 !important
}

#withdrawableAmountDetails {
    padding: 16px 0 !important;
    background-color: #fff !important
}

[class*=two-column-container-smashier] .right-panel {
    background-color: #f5f5f2 !important
}

.two-column-container:has(.two-column-container-smashier-voucher) .two-column-container {
    background-color: #f5f5f2
}

@media only screen and (max-width: 1024px) {
    #withdrawableAmountDetails {
        margin-top: -16px !important;
        padding-top: 16px !important;
        background-color: #f5f5f2 !important
    }
}

@media only screen and (min-width: 1024px) {
    .two-column-container-smashier-crypto {
        display: grid !important;
        grid-template-columns: 1fr 1fr
    }

    .two-column-container-smashier-crypto .left-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-crypto .right-panel {
        width: 100% !important;
        padding: 0 0 0 30px !important
    }

    .two-column-container-smashier-crypto .form-field-50,
    .two-column-container-smashier-crypto .withdrawal-button {
        width: 100% !important
    }

    .two-column-container-smashier-generic {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .two-column-container-smashier-generic .left-panel {
        width: 100% !important
    }

    

    .two-column-container-smashier-generic .right-panel-smashier {
        width: 100% !important;
        padding: 0 0 0 30px !important
    }

    .two-column-container-smashier-generic .form-cell {
        justify-self: auto
    }

    .two-column-container-smashier-generic .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-ecopayz {
        display: grid !important;
        grid-template-columns: 1fr 1fr
    }

    .two-column-container-smashier-ecopayz .left-panel {
        padding: 0 !important;
        width: 100% !important
    }

    .two-column-container-smashier-ecopayz .right-panel {
        padding: 0 0 0 32px !important;
        width: 100% !important
    }

    .two-column-container-smashier-ecopayz form {
        margin-top: 0 !important
    }

    .two-column-container-smashier-bank-transfer,
    .two-column-container-smashier-credit-card,
    .two-column-container-smashier-transferencia-bancaria {
        display: grid !important;
        grid-template-columns: 1fr 1fr
    }

    .two-column-container-smashier-bank-transfer .left-panel,
    .two-column-container-smashier-credit-card .left-panel,
    .two-column-container-smashier-transferencia-bancaria .left-panel {
        padding: 0 !important;
        width: 100% !important
    }

    .two-column-container-smashier-bank-transfer .right-panel,
    .two-column-container-smashier-credit-card .right-panel,
    .two-column-container-smashier-transferencia-bancaria .right-panel {
        padding: 0 0 0 32px !important;
        width: 100% !important
    }

    .two-column-container-smashier-bank-transfer .withdrawal-button,
    .two-column-container-smashier-credit-card .withdrawal-button,
    .two-column-container-smashier-transferencia-bancaria .withdrawal-button {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .two-column-container-smashier-bank-transfer .form-field-50,
    .two-column-container-smashier-credit-card .form-field-50,
    .two-column-container-smashier-transferencia-bancaria .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-bank-transfer .ng-valid,
    .two-column-container-smashier-credit-card .ng-valid,
    .two-column-container-smashier-transferencia-bancaria .ng-valid {
        margin-top: 0 !important
    }

    .two-column-container-smashier-voucher,
    .two-column-container-smashier-wire-transfer {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 32px;
        width: 100%
    }

    .two-column-container-smashier-voucher #withdrawableAmountDetails,
    .two-column-container-smashier-wire-transfer #withdrawableAmountDetails {
        padding: 16px 0 !important;
        background-color: #fff !important
    }

    .two-column-container-smashier-voucher .left-panel,
    .two-column-container-smashier-voucher .right-panel,
    .two-column-container-smashier-wire-transfer .left-panel,
    .two-column-container-smashier-wire-transfer .right-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-voucher .right-panel,
    .two-column-container-smashier-wire-transfer .right-panel {
        padding-top: 16px !important
    }

    .two-column-container-smashier-voucher .withdrawal-button,
    .two-column-container-smashier-wire-transfer .withdrawal-button {
        margin-right: 0 !important
    }

    .two-column-container-smashier-wire-transfer .withdrawal-button {
        margin-bottom: 0 !important
    }

    .two-column-container-smashier-debit-card {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .two-column-container-smashier-debit-card .withdrawal-form {
        padding: 0 0 20px !important
    }

    .two-column-container-smashier-debit-card .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-debit-card .cashier-button {
        margin: 5px 0 0 !important;
        width: 100% !important
    }

    .two-column-container-smashier-debit-card .left-panel {
        background-color: #fff
    }
}

@media only screen and (min-width: 730px) and (max-width:768px) {
    .two-column-container-smashier-voucher .form-field-50 {
        width: calc(100% - 32px) !important;
        margin-left: 16px
    }
}

@media only screen and (min-width: 769px) and (max-width:1023px) {
    .two-column-container-smashier-generic .left-panel {
        width: 100% !important
    }

    .two-column-container-smashier-generic .information-cell {
        grid-column: auto !important;
        grid-row: auto !important
    }

    .two-column-container-smashier-generic .right-panel-smashier {
        width: 100% !important;
        padding-top: 20px !important
    }

    .two-column-container-smashier-generic .form-cell {
        justify-self: auto !important
    }

    .two-column-container-smashier-generic .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-crypto .left-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-crypto .right-panel {
        width: 100% !important;
        padding: 20px 0 0 !important
    }

    .two-column-container-smashier-crypto .form-field-50,
    .two-column-container-smashier-crypto .withdrawal-button {
        width: 100% !important
    }

    .two-column-container-smashier-ecopayz .left-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-ecopayz .right-panel {
        width: 100% !important
    }

    .two-column-container-smashier-bank-transfer .left-panel,
    .two-column-container-smashier-bank-transfer .right-panel,
    .two-column-container-smashier-credit-card .left-panel,
    .two-column-container-smashier-credit-card .right-panel,
    .two-column-container-smashier-transferencia-bancaria .left-panel,
    .two-column-container-smashier-transferencia-bancaria .right-panel {
        padding: 0 !important;
        width: 100% !important
    }

    .two-column-container-smashier-bank-transfer .withdrawal-button,
    .two-column-container-smashier-credit-card .withdrawal-button,
    .two-column-container-smashier-transferencia-bancaria .withdrawal-button {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .two-column-container-smashier-bank-transfer .form-field-50,
    .two-column-container-smashier-credit-card .form-field-50,
    .two-column-container-smashier-transferencia-bancaria .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-credit-card .withdrawal-button {
        float: none !important
    }

    .two-column-container-smashier-credit-card .spaced-below {
        margin-bottom: 24px !important
    }

    .two-column-container-smashier-credit-card .withdrawal-form {
        padding: 0 !important;
        margin-bottom: 8px !important
    }

    .two-column-container-smashier-credit-card .withdrawal-button {
        margin: 0 !important
    }

    .two-column-container-smashier-voucher .left-panel,
    .two-column-container-smashier-wire-transfer .left-panel {
        width: 100% !important;
        padding: 0 !important;
        border-bottom: 1px solid #d8d8d8
    }

    .two-column-container-smashier-voucher .right-panel,
    .two-column-container-smashier-wire-transfer .right-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-voucher .withdrawal-button,
    .two-column-container-smashier-wire-transfer .withdrawal-button {
        width: 100% !important;
        margin-right: 0 !important
    }

    .two-column-container-smashier-wire-transfer form {
        margin-top: 24px !important
    }

    .two-column-container-smashier-wire-transfer .withdrawal-button {
        margin-bottom: 0 !important
    }

    .two-column-container-smashier-debit-card .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-debit-card .withdrawal-button {
        margin: 5px 0 0 !important;
        width: 100% !important
    }
}

@media only screen and (max-width: 768px) {
    .two-column-container-smashier-generic .left-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-generic .information-cell {
        grid-column: auto !important;
        grid-row: auto !important
    }

    .two-column-container-smashier-generic .right-panel-smashier {
        padding: 20px 20px 0 !important;
        width: 100% !important
    }

    .two-column-container-smashier-generic .form-cell {
        justify-self: auto !important
    }

    .two-column-container-smashier-generic .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-crypto .left-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-crypto .right-panel {
        width: 100% !important;
        padding: 20px 20px 0 !important
    }

    .two-column-container-smashier-crypto .withdrawal-button {
        width: 100% !important
    }

    .two-column-container-smashier-ecopayz .left-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-ecopayz .right-panel {
        padding: 0 20px !important;
        margin-top: 0 !important
    }

    .two-column-container-smashier-bank-transfer .left-panel,
    .two-column-container-smashier-credit-card .left-panel,
    .two-column-container-smashier-transferencia-bancaria .left-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-bank-transfer .right-panel,
    .two-column-container-smashier-credit-card .right-panel,
    .two-column-container-smashier-transferencia-bancaria .right-panel {
        padding: 0 20px !important;
        width: 100% !important
    }

    .two-column-container-smashier-bank-transfer .withdrawal-button,
    .two-column-container-smashier-credit-card .withdrawal-button,
    .two-column-container-smashier-transferencia-bancaria .withdrawal-button {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .two-column-container-smashier-bank-transfer .form-field-50,
    .two-column-container-smashier-credit-card .form-field-50,
    .two-column-container-smashier-transferencia-bancaria .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-credit-card .spaced-below {
        margin-bottom: 24px !important
    }

    .two-column-container-smashier-credit-card .withdrawal-form {
        padding: 0 !important;
        margin: 0 0 8px !important
    }

    .two-column-container-smashier-credit-card .withdrawal-button {
        margin: 0 !important
    }

    .two-column-container-smashier-voucher .withdrawal-button {
        width: calc(100% - 32px) !important
    }

    .two-column-container-smashier-voucher .left-panel,
    .two-column-container-smashier-wire-transfer .left-panel {
        width: 100% !important;
        padding: 0 !important;
        border-bottom: 1px solid #d8d8d8
    }

    .two-column-container-smashier-voucher .right-panel,
    .two-column-container-smashier-wire-transfer .right-panel {
        width: 100% !important;
        padding: 0 !important
    }

    .two-column-container-smashier-debit-card .right-panel {
        padding: 0 20px !important
    }

    .two-column-container-smashier-debit-card .form-field-50 {
        width: 100% !important
    }

    .two-column-container-smashier-debit-card .withdrawal-button {
        margin: 5px 0 0 !important;
        width: 100% !important
    }

    .two-column-container-smashier-debit-card .global-fee {
        padding: 0 20px !important
    }
}

.bx-overlay-container .payment-method-selector-container {
    grid-template-columns: repeat(2, calc(50% - 6px)) !important;
    gap: 12px !important
}

.bx-overlay-container .smart-filter-description {
    border-bottom: 1px solid #d1d1d1;
    margin: 0 -24px !important;
    padding: 0 24px 24px !important
}

.bx-overlay-container .smart-tag-button {
    font: normal normal 700 14px/20px Saira !important;
    text-transform: uppercase
}

.bx-overlay-container .smart-tag-list {
    top: 0 !important
}

.bx-overlay-container .tag-type-title {
    font: normal normal 700 16px/25px Saira !important
}

@media only screen and (max-width: 370px) {
    .bx-overlay-container .payment-method-selector-container {
        grid-template-columns: 1fr !important;
        gap: 12px !important
    }
}

bx-withdraw:has(bx-smart-payment-method-selector) .withdrawable-amount {
    border-bottom: 1px solid #d1d1d1 !important;
    padding-top: 4px !important
}

bx-withdraw:has(bx-smart-payment-method-selector) .smart-selector-component {
    margin-top: 24px
}

bx-withdraw:has(bx-smart-payment-method-selector) .smart-selector-component:has(bx-smart-tag-filter) {
    margin-top: 0
}

@media only screen and (max-width: 769px) {
    .bx-withdraw:has(bx-smart-payment-method-selector) .withdrawable-amount {
        border-bottom: 1px solid #d1d1d1 !important
    }

    .bx-withdraw:has(bx-smart-payment-method-selector) .smart-selector-component {
        margin-top: 24px !important
    }

    .bx-withdraw:has(bx-smart-payment-method-selector) .smart-selector-component:has(bx-smart-tag-filter) {
        margin-top: 0 !important
    }

    .bx-withdraw:has(bx-smart-payment-method-selector) .smart-tag-list {
        padding: 16px !important;
        margin: 0 -16px !important
    }
}

@media only screen and (min-width: 1023px) {
    .payment-method-selector-container {
        grid-template-columns: repeat(3, calc(33.33333% - 10.66667px))
    }
}

@media only screen and (min-width: 769px) and (max-width:1023px) {
    .payment-method-selector-container {
        grid-template-columns: repeat(2, calc(50% - 8px))
    }
}

@media only screen and (max-width: 769px) {
    .bx-overlay-container .smart-selector-component {
        padding: 8px 0 0 !important
    }

    .bx-overlay-container .smart-filter-description {
        padding: 0 24px 24px !important
    }
}

@media only screen and (min-width: 600px) and (max-width:768px) {
    .payment-method-selector-container {
        grid-template-columns: repeat(3, calc(33.33333% - 8px))
    }
}

@media only screen and (min-width: 371px) and (max-width:599px) {
    .payment-method-selector-container {
        grid-template-columns: repeat(2, calc(50% - 6px))
    }
}

@media only screen and (max-width: 370px) {
    .payment-method-selector-container {
        grid-template-columns: 1fr
    }
}

.button-area-crypto .withdrawal-button {
    margin-bottom: 24px !important
}

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

    .button-area-credit-card .withdrawal-button,
    .button-area-debit-card .withdrawal-button,
    .button-area-neteller .withdrawal-button {
        margin-bottom: 0 !important
    }
}

.button-area-debit-card {
    align-items: center !important
}

.button-area-wire-transfer {
    align-items: flex-end !important
}

:root {
    --cashier-deposit-container-padding: 16px;
    --cashier-overlay-deposit-container-padding: 0px
}

bx-account-menu-cashier>section {
    background-color: #f5f5f2 !important
}

@media (max-width: 769px) {
    .bx-cashier .custom-messages .custom-notification.alert.info {
        margin: 0 16px 16px;
        width: auto !important
    }

    .bx-cashier .deposit-area .custom-messages .custom-notification.alert.info {
        margin: 0 0 16px;
        width: auto !important
    }

    .ftd-cashier .bx-cashier .custom-messages .custom-notification.alert.info {
        width: 100% !important;
        margin: 0 0 16px
    }
}

.bx-cashier .custom-messages figure.custom-notification.alert {
    margin-bottom: 16px
}

bx-account-menu-cashier .bx-cashier .custom-messages figure.custom-notification.alert {
    margin-top: 0
}

.bx-cashier .custom-messages figcaption a {
    text-decoration: underline;
    color: inherit
}

.bx-cashier .custom-messages figcaption .bold {
    font-weight: 700
}

.bx-cashier .custom-messages figcaption .italic {
    font-style: italic
}

.bx-cashier .custom-messages figcaption .underline {
    text-decoration: underline
}

@media (min-width: 769px) {
    .bx-cashier .in-withdrawal-header .custom-messages {
        display: none
    }
}

@media (max-width: 769px) {
    .bx-cashier .in-withdrawal-area .custom-messages {
        display: none
    }
}

bx-overlay .bx-cashier .bx-deposit .bx-deposit__container {
    padding: var(--cashier-overlay-deposit-container-padding)
}

.bx-cashier .bx-deposit .bx-banner-carousel.nftd {
    display: block
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit .bx-banner-carousel.nftd {
        min-height: 140px
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit .bx-banner-carousel.nftd {
        min-height: 150px
    }
}

.bx-cashier .bx-deposit .bx-banner-carousel .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-deposit .bx-banner-carousel .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-deposit-confirm .transfer-now-container .transfer-now-info {
    display: table
}

.bx-cashier .bx-deposit-confirm .transfer-now-container .transfer-now-info .icon.icon-info {
    display: table-cell
}

.bx-cashier .bx-deposit-confirm .transfer-now-container .transfer-now-info span {
    display: table-cell;
    text-align: left;
    white-space: pre-wrap;
    padding-left: 1px
}

.bx-cashier .bx-deposit-confirm .button-area {
    margin-top: 16px;
    padding-bottom: 16px;
    width: 100%;
    text-align: center
}

@media (max-width: 769px) {
    .bx-cashier .bx-deposit-confirm .custom-cta.cta-large.primary.cashier-button {
        margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 32px)
    }
}

.bx-cashier .bx-deposit-confirm .transfer-now-container {
    text-align: center;
    padding: 16px
}

.bx-cashier .bx-deposit-confirm .transfer-now-container .transfer-now-button {
    margin-top: 16px;
    width: 50%
}

.bx-cashier .bx-deposit-details .cs-payment-details-container ul.step-list li.step-item span.crypto-address {
    max-width: 85%
}

.bx-cashier .bx-deposit-details .start-playing-btn {
    width: 100%;
    display: block
}

.bx-cashier .bx-deposit-details .after-deposit-btn>button {
    width: 100%;
    margin-top: 16px
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-details .after-deposit-btn>button {
        width: calc(100% - 32px);
        margin-left: 16px;
        margin-right: 16px
    }
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-details .button-area {
        align-items: flex-end
    }

    .bx-cashier .bx-deposit-details #favorite-pm-deposit-details {
        display: flex;
        justify-content: center;
        float: none;
        width: inherit;
        margin: inherit;
        padding-top: 32px;
        padding-bottom: 16px
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-details .button-area {
        align-items: flex-end
    }

    .bx-cashier .bx-deposit-details #favorite-pm-deposit-details {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        float: none;
        width: inherit;
        margin: inherit;
        padding-top: 32px;
        padding-bottom: 16px
    }
}

.bx-cashier .bx-deposit-details .deposit-crypto-requested-notification {
    margin-bottom: 16px
}

@media only screen and (max-width: 769px) {
    .ftd-cashier .bx-cashier .bx-deposit-details #favorite-pm-deposit-details {
        padding-top: 32px
    }
}

@media only screen and (min-width: 769px) {
    .ftd-cashier .bx-cashier .bx-deposit-details #favorite-pm-deposit-details {
        padding-top: 32px;
        padding-bottom: 8px
    }
}

.bx-cashier .bx-deposit-requested .cs-payment-details-container ul.step-list li.step-item span.crypto-address {
    max-width: 85%
}

.ftd-cashier .bx-cashier .bx-deposit-generic .deposit-container .button-area {
    align-items: center
}

.ftd-cashier .bx-cashier .bx-deposit-generic .deposit-container .button-area .favorite-button-container {
    display: flex;
    gap: 0;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media (min-width: 769px) {
    .bx-cashier .bx-deposit-generic .deposit-container .deposit-area ::ng-deep .custom-messages figure:first-of-type {
        margin-top: -16px
    }

    .ftd-cashier .bx-cashier .bx-deposit-generic .deposit-container .deposit-area ::ng-deep .custom-messages figure:first-of-type {
        margin-top: 0
    }
}

.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader .banner-carousel.carousel {
    background: unset;
    padding-bottom: 16px
}

.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit-generic .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-deposit-generic .bx-section#contentFooter {
    width: 100%;
    box-sizing: border-box
}

.bx-cashier .bx-deposit-generic .bx-section#contentFooter .section-1x1 {
    max-width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-generic .bx-section#contentFooter .section-1x1 {
        max-width: 100%
    }
}

.bx-cashier .bx-deposit-generic .bx-section#contentFooter .lazyloaded {
    width: 100%
}

.bx-cashier .bx-deposit-generic .bx-section#contentFooter .bx-section-container {
    margin-left: var(--cashier-deposit-container-padding);
    margin-right: var(--cashier-deposit-container-padding)
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-generic .bx-section#contentFooter.content-nftd-section {
        margin: 0 0 0 50%
    }

    .bx-cashier .bx-deposit-generic .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

.bx-cashier .bx-deposit-crypto-amount .horizontal-centered {
    text-align: center;
    display: block
}

.bx-cashier .bx-deposit-crypto-amount .horizontal-centered.block-howItWorks {
    width: 50%;
    float: right
}

.bx-cashier .bx-deposit-crypto-amount .center-justified {
    justify-content: center;
    -webkit-justify-content: center
}

.bx-cashier .bx-deposit-crypto-amount .spaced {
    margin-bottom: 15px;
    margin-top: 15px
}

.bx-cashier .bx-deposit-crypto-amount .small-spaced {
    margin: 8px
}

.bx-cashier .bx-deposit-crypto-amount .spaced-below {
    margin-bottom: 15px
}

.bx-cashier .bx-deposit-crypto-amount .very-spaced-below {
    margin-bottom: 25px
}

.bx-cashier .bx-deposit-crypto-amount .spaced-above {
    margin-top: 15px
}

.bx-cashier .bx-deposit-crypto-amount .very-spaced-above {
    margin-top: 25px
}

.bx-cashier .bx-deposit-crypto-amount .small-spaced-above {
    margin-top: 8px
}

.bx-cashier .bx-deposit-crypto-amount .small-spaced-below {
    margin-bottom: 8px
}

.bx-cashier .bx-deposit-crypto-amount .horizontal-spaced {
    margin-left: 15px;
    margin-right: 15px
}

.bx-cashier .bx-deposit-crypto-amount .dark-text {
    color: grey
}

.bx-cashier .bx-deposit-crypto-amount .small-font-size {
    font-size: .9em
}

.bx-cashier .bx-deposit-crypto-amount .smaller-font-size {
    font-size: .8em
}

.bx-cashier .bx-deposit-crypto-amount .hidden {
    display: none
}

.bx-cashier .bx-deposit-crypto-amount .uppercase,
.bx-cashier .bx-deposit-crypto-amount .uppercase-input input {
    text-transform: uppercase
}

.bx-cashier .bx-deposit-crypto-amount .bold-text {
    font-weight: 700
}

.bx-cashier .bx-deposit-crypto-amount .full-width {
    width: 100%
}

.bx-cashier .bx-deposit-crypto-amount .minimum-height {
    min-height: 150px
}

.bx-cashier .bx-deposit-crypto-amount .table-title {
    display: block;
    text-align: left;
    font-size: 1.4em
}

.bx-cashier .bx-deposit-crypto-amount .message-panel {
    padding: 0;
    border: 0 solid transparent;
    border-radius: 0;
    color: #58ff93;
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    -webkit-align-items: flex-start
}

.bx-cashier .bx-deposit-crypto-amount .message-panel i.icon {
    display: block;
    float: left;
    margin-right: 10px;
    font-size: 1.5em
}

.bx-cashier .bx-deposit-crypto-amount .message-panel span {
    font-size: 1.17em;
    text-align: left;
    display: block
}

.bx-cashier .bx-deposit-crypto-amount .popover-toggle .icon {
    font-size: 1.2em;
    padding: 4px;
    vertical-align: -1px
}

.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container {
    text-align: left;
    font-size: .86em
}

.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .close-btn .icon-close2 {
    font-size: 12px
}

.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg {
    padding: 16px 32px 16px 16px
}

.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.bottom,
.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.bottom-left,
.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.bottom-right,
.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.left,
.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.right,
.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.top,
.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.top-left,
.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-container .tooltip-popover-msg.top-right {
    z-index: 90
}

.bx-cashier .bx-deposit-crypto-amount .inherit-overflow {
    overflow: inherit
}

.bx-cashier .bx-deposit-crypto-amount .responsive-left {
    width: 50%;
    float: left
}

.bx-cashier .bx-deposit-crypto-amount .responsive-right {
    width: calc(50% - var(--cashier-deposit-container-padding)*2);
    margin-left: var(--cashier-deposit-container-padding);
    margin-right: var(--cashier-deposit-container-padding);
    float: right
}

.bx-cashier .bx-deposit-crypto-amount .modal-overlay .responsive-right {
    width: calc(100% - var(--cashier-deposit-container-padding)*2);
    margin-left: 0;
    margin-right: 0
}

.bx-cashier .bx-deposit-crypto-amount .clear-float {
    clear: both
}

.bx-cashier .bx-deposit-crypto-amount .strike-through {
    text-decoration: line-through
}

.bx-cashier .bx-deposit-crypto-amount .strike-underline {
    text-decoration: underline
}

@media (max-width: 730px) {

    .bx-cashier .bx-deposit-crypto-amount .responsive-left,
    .bx-cashier .bx-deposit-crypto-amount .responsive-right {
        width: calc(100% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .bx-cashier .bx-deposit-crypto-amount .message-panel span {
        font-size: 1.11em
    }

    .bx-cashier .bx-deposit-crypto-amount .form-field-50.responsive {
        width: 100%
    }
}

.bx-cashier .bx-deposit-crypto-amount .form-field-50 {
    display: inline-grid;
    width: calc(50% - 11.5px);
    vertical-align: top
}

.bx-cashier .bx-deposit-crypto-amount .form-field-50.first {
    margin-right: 20px
}

.bx-cashier .bx-deposit-crypto-amount .cs-amount {
    min-width: 150px
}

.bx-cashier .bx-deposit-crypto-amount .deposit-container,
.bx-cashier .bx-deposit-crypto-amount .withdrawal-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.bx-cashier .bx-deposit-crypto-amount .withdrawal-container {
    margin-top: 15px
}

.bx-cashier .bx-deposit-crypto-amount .deposit-area {
    width: 100%
}

.bx-cashier .bx-deposit-crypto-amount .deposit-form {
    padding-top: 0
}

.bx-cashier .bx-deposit-crypto-amount .withdrawal-form {
    padding: 0 20px 20px
}

.bx-cashier .bx-deposit-crypto-amount .custom-droplist {
    overflow: auto;
    max-height: 130px
}

.bx-cashier .bx-deposit-crypto-amount .limited-height {
    max-height: 60px
}

.bx-cashier .bx-deposit-crypto-amount .tooltip-popover-msg {
    width: 280px
}

.bx-cashier .bx-deposit-crypto-amount .button-area {
    padding-bottom: 20px
}

.ftd-cashier .bx-cashier .bx-deposit-crypto-amount #deposit-button {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.ftd-cashier .bx-cashier .bx-deposit-crypto-amount .deposit-area {
    width: 100%
}

.ftd-cashier .bx-cashier .bx-deposit-crypto-amount .bonus-area {
    width: 100%;
    margin-top: 15px;
    order: unset
}

.ftd-cashier .bx-cashier .bx-deposit-crypto-amount .horizontal-centered {
    text-align: center;
    display: block
}

.ftd-cashier .bx-cashier .bx-deposit-crypto-amount .horizontal-centered.block-howItWorks {
    width: 100%;
    display: flex;
    justify-content: center
}

.bx-cashier .bx-deposit-crypto-amount .bonus-area {
    margin-top: 15px
}

.bx-cashier .bx-deposit-crypto-amount .link-area {
    width: 100%
}

.bx-cashier .bx-deposit-crypto-amount .button-area {
    width: 100%;
    margin-top: 15px
}

.bx-cashier .bx-deposit-crypto-amount .static-content-area {
    width: 100%;
    margin-bottom: 15px
}

.bx-cashier .bx-deposit-crypto-amount .tag {
    background: rgba(0, 105, 186, .1);
    border-radius: 8px;
    padding: 4px 5px
}

.bx-cashier .bx-deposit-crypto-amount .refreshed-exchange-rate {
    min-height: 24px;
    font-weight: 700
}

.bx-account-wrapper .bx-cashier .bx-deposit-crypto-amount .deposit-area,
.bx-cashier .bx-deposit-crypto-amount .bonus-area {
    width: 100%;
    padding: var(--cashier-deposit-container-padding, 0)
}

@media (min-width: 730px) {

    .bx-account-wrapper .bx-cashier .bx-deposit-crypto-amount .deposit-area,
    .bx-cashier .bx-deposit-crypto-amount .bonus-area {
        width: 50%;
        padding: var(--cashier-deposit-container-padding)
    }

    .bx-cashier .bx-deposit-crypto-amount .bonus-area {
        margin-top: 0;
        order: -1
    }
}

.bx-cashier .bx-deposit-crypto-amount bx-input-field-container .tooltip-popover-container {
    position: static;
    display: initial;
    font: inherit;
    width: 100%
}

.bx-cashier .bx-deposit-crypto-amount .bx-pending-withdraw-banner {
    width: 100%
}

.bx-cashier .bx-deposit-crypto-amount .pb-10 {
    padding-bottom: 10px
}

.bx-cashier .bx-deposit-crypto-amount span.amount-with-randomized-field {
    display: inline-flex;
    flex-wrap: wrap;
    width: 100%
}

.skinny-cashier-zeus .bx-cashier .bx-deposit-crypto-amount .button-area .custom-cta,
.skinny-cashier-zeus .bx-cashier .bx-deposit-crypto-amount bx-form-group {
    width: 100% !important
}

.skinny-cashier-zeus .bx-cashier .bx-deposit-crypto-amount .bonus-area,
.skinny-cashier-zeus .bx-cashier .bx-deposit-crypto-amount .deposit-area {
    padding: 0
}

.bx-cashier .bx-deposit-crypto .deposit-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.bx-cashier .bx-deposit-crypto .deposit-container .button-area {
    width: 100%;
    margin-top: 16px;
    padding-bottom: 16px
}

.bx-cashier .bx-deposit-crypto .deposit-container .bonus-area {
    width: 100%;
    margin-top: 16px;
    padding: var(--cashier-deposit-container-padding)
}

.bx-cashier .bx-deposit-crypto .deposit-container .deposit-button {
    width: 100%;
    width: calc(100% - 3em);
    margin-left: 1.5em;
    margin-right: 1.5em
}

@media (min-width: 769px) {
    .bx-cashier .bx-deposit-crypto .deposit-container .deposit-area {
        width: 50%
    }

    .bx-cashier .bx-deposit-crypto .deposit-container .bonus-area {
        order: -1;
        margin-top: 0;
        width: 50%
    }

    .bx-cashier .bx-deposit-crypto .deposit-container .deposit-button {
        float: right;
        width: calc(50% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .bx-cashier .bx-deposit-crypto .deposit-container .button-area {
        padding: 16px
    }
}

.ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-container .deposit-area {
    width: 100%;
    padding: 0
}

.ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-container .bonus-area {
    width: 100%;
    margin-top: 16px;
    order: unset
}

.ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-container .deposit-button {
    width: 100%;
    width: calc(100% - 3em);
    margin-left: 1.5em;
    margin-right: 1.5em
}

.bx-cashier .bx-deposit-crypto .wallet-address-info {
    display: flex
}

.bx-cashier .bx-deposit-crypto .wallet-address-info i {
    display: none;
    margin: 0;
    font-size: 20px
}

.bx-cashier .bx-deposit-crypto .deposit-container .deposit-area {
    text-align: center
}

@media (max-width: 769px) {

    .bx-cashier .bx-deposit-crypto .deposit-container .deposit-area .crypto-info-message,
    .bx-cashier .bx-deposit-crypto .deposit-container .deposit-area .custom-messages {
        display: block;
        margin: 0 var(--cashier-deposit-container-padding, 0)
    }

    .ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-container .deposit-area .crypto-info-message,
    .ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-container .deposit-area .custom-messages {
        margin: 0
    }
}

.ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-container .button-area {
    align-items: center
}

.ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-container .button-area .favorite-button-container {
    display: flex;
    gap: 0;
    flex-direction: column;
    align-items: center;
    width: 100%
}

@media (max-width: 769px) {
    .bx-cashier .bx-deposit-crypto .crypto-info-message .custom-notification.alert.info {
        margin: 0 16px 16px;
        width: auto !important
    }

    .bx-cashier .bx-deposit-crypto .deposit-area .crypto-info-message .custom-notification.alert.info,
    .bx-deposit-crypto .bx-cashier .deposit-area .crypto-info-message .custom-notification.alert.info {
        margin: 0 0 16px;
        width: auto !important
    }

    .ftd-cashier .bx-cashier .bx-deposit-crypto .crypto-info-message .custom-notification.alert.info {
        width: 100% !important;
        margin: 0 0 16px
    }
}

.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader figcaption.carousel-text {
    position: absolute
}

.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader .bx-banner-carousel-slide figure .img-container {
    width: 100%
}

.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-deposit-crypto .tertiary {
    background-color: #f5f5f2
}

.bx-cashier .bx-deposit-crypto .bx-section#contentFooter {
    width: 100%;
    box-sizing: border-box
}

.bx-cashier .bx-deposit-crypto .bx-section#contentFooter .section-item.section-1x1 {
    max-width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter .section-item.section-1x1 {
        max-width: 100%
    }
}

.bx-cashier .bx-deposit-crypto .bx-section#contentFooter .lazyloaded {
    width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter {
        margin: 0 0 0 50%
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter {
        margin: 0 24px
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-ftd-section {
        margin: 0 16px
    }

    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-ftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-nftd-section {
        margin: 0 0 0 50%
    }

    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-nftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-crypto .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

.bx-cashier .bx-deposit-crypto bx-qr-component span.btc-message {
    color: #404040;
    text-transform: none !important;
    font-weight: 700
}

.bx-cashier .bx-deposit-crypto .custom-separator.horizontal {
    margin-top: 16px;
    text-transform: none !important;
    font-weight: 400;
    color: #404040
}

.bx-cashier .bx-deposit-crypto .custom-separator.horizontal:before {
    border-bottom: 1px solid #bfbfbf;
    margin-right: 10px
}

.bx-cashier .bx-deposit-crypto .custom-separator.horizontal:after {
    border-bottom: 1px solid #bfbfbf;
    margin-left: 10px
}

.bx-cashier .bx-deposit-crypto .icon-logo-crypto {
    vertical-align: middle;
    margin-right: 8px
}

.bx-cashier .bx-deposit-crypto .icon-logo-crypto.icon-logo-bcl,
.bx-cashier .bx-deposit-crypto .icon-logo-crypto.icon-logo-btc {
    height: 33px
}

.bx-cashier .bx-deposit-crypto .icon-logo-crypto.icon-logo-bch,
.bx-cashier .bx-deposit-crypto .icon-logo-crypto.icon-logo-bsv,
.bx-cashier .bx-deposit-crypto .icon-logo-crypto.icon-logo-eth,
.bx-cashier .bx-deposit-crypto .icon-logo-crypto.icon-logo-ltc,
.bx-cashier .bx-deposit-crypto .icon-logo-crypto.icon-logo-usdt {
    height: 25px
}

.bx-cashier .bx-deposit-crypto .conversion-rate {
    margin-top: 16px;
    font-weight: 400;
    color: #404040
}

.bx-cashier .bx-deposit-crypto .expiry-time {
    color: grey;
    padding-top: 5px
}

.bx-cashier .bx-deposit-crypto .deposit-modes-panel {
    margin-bottom: 16px
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-crypto .deposit-modes-panel {
        display: grid
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-crypto .deposit-modes-panel {
        display: grid
    }
}

.bx-cashier .bx-deposit-crypto .deposit-modes-panel .col-deposit-mode {
    display: block;
    float: none;
    margin-top: 16px;
    padding: 0 16px
}

.ftd-cashier .bx-cashier .bx-deposit-crypto .deposit-modes-panel .col-deposit-mode {
    padding: 0 16px
}

.bx-cashier .bx-deposit-crypto #toggle-qr {
    padding-bottom: 16px
}

.bx-cashier .bx-deposit-crypto #toggle-qr span {
    font-size: 12px;
    font-weight: 700;
    padding: 8px
}

.bx-cashier .bx-deposit-crypto #toggle-qr i.icon {
    font-size: 8px
}

.bx-cashier .bx-deposit-crypto #launch-wallet-address {
    float: none;
    font-weight: 700;
    height: 32px;
    padding-top: 5px
}

.bx-cashier .bx-deposit-crypto #launch-wallet-address>span {
    font-size: .8em
}

.bx-cashier .bx-deposit-crypto #wallet-address {
    width: 100%;
    text-align: center;
    line-height: 25px;
    border: none;
    padding: 8px 16px;
    color: grey;
    background: #f5f5f2
}

.bx-cashier .bx-deposit-crypto .deposit-address-title {
    margin-top: 16px;
    text-transform: none !important;
    font-weight: 700;
    color: #404040
}

.bx-cashier .bx-deposit-crypto #wallet-address-advice {
    margin-top: 16px;
    color: grey;
    font-weight: 400;
    text-align: left;
    padding: 0 1.5em
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-crypto #wallet-address-advice {
        padding: 0 16px
    }
}

.ftd-cashier .bx-cashier .bx-deposit-crypto #wallet-address-advice {
    padding: 0 16px
}

.bx-cashier .bx-deposit-crypto #wallet-address-copyBtn {
    margin-top: 1px
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-crypto #wallet-address-copyBtn {
        margin-top: 8px
    }
}

.bx-cashier .bx-deposit-crypto .help-page-link {
    display: none
}

.skinny-cashier-zeus .bx-cashier .bx-deposit-crypto #wallet-address-advice,
.skinny-cashier-zeus .bx-cashier .bx-deposit-crypto .bonus-area {
    padding: 0
}

.bx-cashier .bx-deposit-crypto-requested .return-game-btn {
    width: 100%;
    margin-top: 4vh
}

.bx-cashier .bx-deposit-crypto-requested .custom-notification.alert.success {
    margin-bottom: 16px
}

.bx-cashier .bx-deposit-crypto-requested .step-list .step-item .output {
    word-wrap: break-word
}

.bx-cashier .bx-deposit-crypto-requested .start-playing-btn {
    width: 100%;
    display: block
}

.bx-cashier .bx-deposit-crypto-requested ul.step-list li.step-item span.crypto-address {
    max-width: 85%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-crypto-requested .button-area {
        align-items: flex-end
    }

    .bx-cashier .bx-deposit-crypto-requested #favorite-pm-crypto-deposit-requested {
        display: flex;
        justify-content: center;
        float: none;
        width: inherit;
        margin: inherit;
        padding-top: 32px;
        padding-bottom: 16px
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-crypto-requested .button-area {
        align-items: flex-end
    }

    .bx-cashier .bx-deposit-crypto-requested #favorite-pm-crypto-deposit-requested {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        float: none;
        width: inherit;
        margin: inherit;
        padding-top: 32px;
        padding-bottom: 16px
    }
}

.bx-cashier .bx-deposit-crypto-requested .deposit-crypto-requested-notification {
    margin-bottom: 16px
}

@media only screen and (max-width: 769px) {
    .ftd-cashier .bx-cashier .bx-deposit-crypto-requested #favorite-pm-crypto-deposit-requested {
        padding-top: 32px
    }
}

@media only screen and (min-width: 769px) {
    .ftd-cashier .bx-cashier .bx-deposit-crypto-requested #favorite-pm-crypto-deposit-requested {
        padding-top: 32px;
        padding-bottom: 8px
    }
}

.bx-cashier bx-instrument-phone-number {
    padding-bottom: 16px
}

.bx-cashier bx-instrument-phone-number bx-form-group>div {
    display: flex
}

.bx-cashier bx-instrument-phone-number bx-form-group>div bx-input-field-container {
    flex-grow: 1
}

.bx-cashier bx-instrument-phone-number bx-form-group>div bx-input-field-container:first-child {
    flex-grow: 0;
    width: 8em;
    margin-right: 16px
}

.bx-cashier bx-instrument-phone-number p.info-box {
    padding: 16px;
    margin-bottom: 32px;
    margin-left: 8px;
    margin-right: 8px;
    background: #e9e8e4 !important;
    color: #333 !important;
    border-radius: 8px !important
}

.bx-cashier bx-authorized-payment .active.more-info {
    display: table-row
}

.bx-cashier bx-authorized-payment .custom-link {
    text-transform: none !important
}

.bx-cashier bx-authorized-payment .custom-notification.alert {
    margin-top: 0 !important
}

.bx-cashier bx-authorized-payment .more-info {
    display: none;
    background-color: #f2f2f2
}

.bx-cashier bx-authorized-payment .list-header {
    font-weight: 700
}

.bx-cashier bx-authorized-payment #goback-button.custom-cta.cta-large {
    float: none !important
}

.bx-cashier bx-authorized-payment .spaced-above {
    text-align: right
}

.bx-cashier bx-authorized-payment .table-list td {
    text-align: left
}

.bx-cashier bx-authorized-payment .table-expanded {
    table-layout: fixed
}

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

    .bx-cashier bx-authorized-payment td.amount-field,
    .bx-cashier bx-authorized-payment th.amount-field {
        width: 30% !important
    }

    .bx-cashier bx-authorized-payment .custom-notification.alert {
        margin: 16px !important;
        width: calc(100% - 32px) !important
    }

    .bx-cashier bx-authorized-payment #goback-button.custom-cta.cta-large {
        width: calc(100% - 32px) !important;
        margin-left: 16px !important;
        margin-right: 16px !important
    }
}

.bx-cashier .bx-reduce-amount .button-group {
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}

.bx-cashier .bx-reduce-amount .button-group .custom-cta.tertiary {
    margin: 0;
    width: calc(50% - 8px);
    background-color: #ff6900 !important;
    padding: 10px 0
}

.bx-cashier .bx-reduce-amount .custom-field {
    width: 50px
}

.bx-cashier .bx-reduce-amount .error-msg {
    height: 2em
}

.bx-cashier bx-payment-reference .step-list .step-item {
    display: inline-flex
}

.bx-cashier bx-payment-reference bx-copy-to-clipboard-component {
    width: 100%
}

.bx-cashier bx-payment-reference .copy-to-clipboard.not-selectable {
    border-bottom: none
}

.bx-cashier bx-payment-reference #refValue {
    background-color: #f5f5f2;
    color: #404040
}

.bx-cashier bx-payment-reference #referenceLabel {
    font-weight: 400;
    text-transform: uppercase
}

.bx-cashier bx-payment-reference button#referenceValue-copyBtn {
    background: #f5f5f2;
    font-weight: 400
}

.bx-cashier bx-pending-payment {
    width: 100% !important
}

.bx-cashier bx-pending-payment div.message-panel {
    text-transform: none !important;
    display: flex !important;
    font-weight: 400 !important;
    padding: 8px !important;
    background: #0069ba !important;
    align-items: center !important
}

.bx-cashier bx-pending-payment div.message-panel i {
    font-size: 16px !important;
    color: #fff
}

.bx-cashier bx-pending-payment a {
    color: #fff !important
}

@media screen and (max-width: 769px) {
    .bx-cashier bx-pending-payment #message-panel-container {
        display: inline-block;
        background: #e0ded9;
        margin-top: -1px
    }

    .bx-cashier bx-pending-payment div.message-panel {
        margin: 0 16px 16px
    }

    .bx-cashier bx-pending-payment div.message-panel i {
        font-size: 16px !important
    }

    .bx-cashier bx-pending-payment a {
        font-size: 1em !important
    }
}

.bx-cashier bx-payment-instrument-management .custom-menu.primary li {
    background: #f5f5f2;
    border: 1px solid #c2c2c2
}

.bx-cashier bx-payment-instrument-management #managementButtons :nth-child(odd) {
    margin-left: -12px
}

.bx-cashier bx-payment-instrument-management #managementButtons :nth-child(2n) {
    margin-right: -12px;
    margin-left: 8px
}

.bx-cashier bx-payment-instrument-management #managementButtons button {
    font-weight: 700;
    width: 48%;
    margin-left: 0
}

.bx-cashier bx-payment-instrument-management #managedInstrumentList li[role=button] {
    background: #fff
}

.bx-cashier .bx-deposit-boleto .deposit-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.bx-cashier .bx-deposit-boleto .deposit-container .button-area {
    width: 100%;
    margin-top: 16px;
    padding-bottom: 16px
}

.bx-cashier .bx-deposit-boleto .deposit-container .bonus-area {
    width: 100%;
    margin-top: 16px;
    padding: var(--cashier-deposit-container-padding)
}

.bx-cashier .bx-deposit-boleto .deposit-container .deposit-button {
    width: 100%;
    width: calc(100% - 3em);
    margin-left: 1.5em;
    margin-right: 1.5em
}

@media (min-width: 769px) {
    .bx-cashier .bx-deposit-boleto .deposit-container .deposit-area {
        width: 50%
    }

    .bx-cashier .bx-deposit-boleto .deposit-container .bonus-area {
        order: -1;
        margin-top: 0;
        width: 50%
    }

    .bx-cashier .bx-deposit-boleto .deposit-container .deposit-button {
        float: right;
        width: calc(50% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .bx-cashier .bx-deposit-boleto .deposit-container .button-area {
        padding: 16px
    }
}

.ftd-cashier .bx-cashier .bx-deposit-boleto .deposit-container .deposit-area {
    width: 100%;
    padding: 0
}

.ftd-cashier .bx-cashier .bx-deposit-boleto .deposit-container .bonus-area {
    width: 100%;
    margin-top: 16px;
    order: unset
}

.ftd-cashier .bx-cashier .bx-deposit-boleto .deposit-container .deposit-button {
    width: 100%;
    width: calc(100% - 3em);
    margin-left: 1.5em;
    margin-right: 1.5em
}

.bx-cashier .bx-deposit-boleto .deposit-form {
    padding: 0 16px
}

.bx-cashier .bx-deposit-boleto .h3-heading {
    margin-left: 1.3em;
    margin-bottom: 1em
}

.bx-cashier .bx-deposit-boleto .instructions {
    margin-bottom: 2em
}

.bx-cashier .bx-deposit-boleto .instructions ol {
    list-style: decimal;
    margin: 0 1.5em 1.5em;
    padding: 1.3em 0 .8em 1.2em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.bx-cashier .bx-deposit-boleto .instructions ol li {
    margin-bottom: 1em
}

.bx-cashier .bx-deposit-boleto .custom-notification figcaption a {
    color: inherit;
    text-decoration: underline
}

@media (max-width: 769px) {
    .bx-cashier .bx-deposit-boleto .deposit-area figure.custom-notification {
        margin-top: 0
    }
}

.bx-cashier .bx-deposit-boleto .deposit-area .boleto-custom-messages figure.custom-notification.alert.info {
    margin-top: 16px
}

.bx-cashier .bx-deposit-boleto .deposit-area bx-custom-messages figure.custom-notification.alert.info:last-of-type {
    margin-bottom: 0
}

.ftd-cashier .bx-cashier .bx-deposit-boleto .deposit-area bx-custom-messages figure.custom-notification.alert.info:last-of-type {
    margin-bottom: 16px
}

.bx-cashier .bx-withdrawal-check-by-courier button.withdrawal-button.cashier-button {
    float: right;
    width: 50%;
    margin-top: 16px
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-check-by-courier button.withdrawal-button.cashier-button {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-check-by-courier button.withdrawal-button.cashier-button {
        margin-bottom: 32px
    }
}

.bx-cashier .bx-withdrawal-check-by-courier #bottom-elements {
    padding-bottom: 0 !important
}

.bx-cashier .bx-withdrawal-check-by-courier .two-column-container {
    background: inherit !important
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-check-by-courier .two-column-container .right-panel.withdrawal-area {
        padding: 0 0 0 8px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-check-by-courier .two-column-container .right-panel {
        padding: 16px !important
    }

    .bx-cashier .bx-withdrawal-check-by-courier .two-column-container .right-panel #bottom-elements,
    .bx-cashier .bx-withdrawal-check-by-courier .two-column-container .right-panel #withdrawal {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-check-by-courier .left-panel {
    background: #e9e8e4;
    margin-bottom: 16px
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-check-by-courier .left-panel {
        min-height: 388px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-check-by-courier .left-panel {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-check-by-courier .tooltip-popover-container .close-btn {
    margin: 0;
    background: none
}

.bx-cashier .bx-withdrawal-check-by-courier .tooltip-popover-msg {
    padding-right: 40px !important
}

.bx-cashier .bx-withdrawal-check-by-courier form {
    overflow: unset !important
}

.bx-cashier .bx-deposit-card-to-coin .cardIcon input {
    padding-left: 2.425rem;
    background-repeat: no-repeat;
    background-size: 2.0625rem
}

.bx-cashier .bx-deposit-card-to-coin .cardIconVisa input {
    background-image: url(/content/images/cashier/visa.svg);
    background-position-x: 0;
    background-position-y: 1.45rem
}

.bx-cashier .bx-deposit-card-to-coin .cardIconMasterCard input {
    background-image: url(/content/images/cashier/mastercard.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-card-to-coin .cardIconAmex input {
    background-image: url(/content/images/cashier/amex-alt.svg);
    background-position-x: 0;
    background-position-y: 1rem
}

.bx-cashier .bx-deposit-card-to-coin .cardIconCup input {
    background-image: url(/content/images/cashier/unionpay.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-card-to-coin .cardIconDiscover input {
    background-image: url(/content/images/cashier/discover.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit-card-to-coin .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter {
    width: 100%
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-ftd-section {
        margin: 0 16px
    }

    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0;
        float: right;
        width: calc(50% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .ftd-cashier .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        float: none;
        width: calc(100% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-ftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-nftd-section {
        margin: 0 0 0 50%
    }

    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-nftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-card-to-coin .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

.bx-cashier .bx-deposit-card-to-coin .alert.high-contrast.info a {
    text-decoration: underline;
    color: inherit
}

.bx-cashier .bx-deposit-card-to-coin .tertiary {
    background-color: #f5f5f2
}

.bx-cashier .bx-deposit-card-to-coin #preSetAmounts #presetAmountTitle {
    color: #404040
}

.bx-cashier .bx-deposit-card-to-coin div#deposit-area {
    padding-top: 0
}

@media (min-width: 769px) {
    .bx-cashier .bx-deposit-card-to-coin div#deposit-area {
        padding-right: 0
    }
}

.ftd-cashier .bx-cashier .bx-deposit-card-to-coin .button-area {
    align-items: center
}

.ftd-cashier .bx-cashier .bx-deposit-card-to-coin .button-area .favorite-button-container {
    display: flex;
    gap: 0;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.ftd-cashier .bx-cashier .bx-deposit-card-to-coin .button-area .responsive-right {
    margin-left: 0;
    margin-right: 0
}

.bx-cashier .bx-deposit-credit-card .cardIcon input {
    padding-left: 2.425rem;
    background-repeat: no-repeat;
    background-size: 2.0625rem
}

.bx-cashier .bx-deposit-credit-card .cardIconVisa input {
    background-image: url(/content/images/cashier/visa.svg);
    background-position-x: 0;
    background-position-y: 1.45rem
}

.bx-cashier .bx-deposit-credit-card .cardIconMasterCard input {
    background-image: url(/content/images/cashier/mastercard.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-credit-card .cardIconAmex input {
    background-image: url(/content/images/cashier/amex-alt.svg);
    background-position-x: 0;
    background-position-y: 1rem
}

.bx-cashier .bx-deposit-credit-card .cardIconCup input {
    background-image: url(/content/images/cashier/unionpay.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-credit-card .cardIconDiscover input {
    background-image: url(/content/images/cashier/discover.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit-credit-card .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-deposit-credit-card .bx-section#contentFooter {
    width: 100%
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-ftd-section {
        margin: 0 16px
    }

    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0;
        float: right;
        width: calc(50% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .ftd-cashier .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        float: none;
        width: calc(100% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-ftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-nftd-section {
        margin: 0 0 0 50%
    }

    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-nftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-credit-card .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

.bx-cashier .bx-deposit-credit-card .alert.high-contrast.info a {
    text-decoration: underline;
    color: inherit
}

.bx-cashier .bx-deposit-credit-card .tertiary {
    background-color: #f5f5f2
}

.bx-cashier .bx-deposit-credit-card #preSetAmounts #presetAmountTitle {
    color: #404040
}

.bx-cashier .bx-deposit-credit-card #surcharge {
    display: inline-grid;
    color: #404040
}

.bx-cashier .bx-deposit-credit-card #surcharge .surcharge-total {
    padding-top: 1px;
    font-weight: 700;
    text-align: left
}

.bx-cashier .bx-deposit-credit-card div#deposit-area {
    padding-top: 0
}

@media (min-width: 769px) {
    .bx-cashier .bx-deposit-credit-card div#deposit-area {
        padding-right: 0
    }
}

.bx-cashier .bx-deposit-credit-card div#deposit-area .limited-height {
    max-height: 60px
}

.bx-cashier .bx-deposit-credit-card input#creditCardNumber.input-warning {
    border-bottom: 2px solid #f08b00
}

.bx-cashier .bx-deposit-credit-card input#creditCardNumber.input-warning~i:before {
    color: #f08b00
}

.bx-cashier .bx-deposit-credit-card bx-form-group div:has(input#creditCardNumber.input-warning) {
    margin-bottom: 0
}

.bx-cashier .bx-deposit-credit-card bx-recovery-pm:before {
    content: "";
    display: block;
    width: 0;
    left: calc(100% - 20px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: relative;
    border-bottom: 8px solid #e9e8e4
}

.ftd-cashier .bx-cashier .bx-deposit-credit-card .favorite-button-container {
    width: 100%;
    display: flex;
    gap: 0;
    flex-direction: column;
    align-items: center
}

.ftd-cashier .bx-cashier .bx-deposit-credit-card .button-area {
    align-items: center
}

.ftd-cashier .bx-cashier .bx-deposit-credit-card .button-area .responsive-right {
    margin-left: 0;
    margin-right: 0
}

.skinny-cashier-zeus .bx-cashier .bx-deposit-credit-card div#deposit-area {
    width: 100%;
    padding-left: 0
}

.bx-cashier .bx-withdrawal-credit-card button.withdrawal-button.cashier-button {
    float: right;
    width: 50%;
    margin-top: 16px
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card button.withdrawal-button.cashier-button {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card button.withdrawal-button.cashier-button {
        margin-bottom: 32px
    }
}

.bx-cashier .bx-withdrawal-credit-card #bottom-elements {
    padding-bottom: 0 !important
}

.bx-cashier .bx-withdrawal-credit-card .two-column-container {
    background: inherit !important
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card .two-column-container .right-panel.withdrawal-area {
        padding: 0 0 0 8px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card .two-column-container .right-panel {
        padding: 16px !important
    }

    .bx-cashier .bx-withdrawal-credit-card .two-column-container .right-panel #bottom-elements,
    .bx-cashier .bx-withdrawal-credit-card .two-column-container .right-panel #withdrawal {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-credit-card .left-panel {
    background: #e9e8e4;
    margin-bottom: 16px
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card .left-panel {
        min-height: 388px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card .left-panel {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-credit-card .tooltip-popover-container .close-btn {
    margin: 0;
    background: none
}

.bx-cashier .bx-withdrawal-credit-card .tooltip-popover-msg {
    padding-right: 40px !important
}

.bx-cashier .bx-withdrawal-credit-card .withdrawal-credit-card {
    margin-top: 0 !important
}

.bx-cashier .bx-withdrawal-credit-card figure.positive-balance-notice.custom-notification.alert.info {
    padding-bottom: 16px
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card figure.positive-balance-notice.custom-notification.alert.info {
        margin: 0 -16px;
        width: auto
    }
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-credit-card figure.positive-balance-notice.custom-notification.alert.info {
        padding-left: 16px;
        padding-right: 16px
    }

    .bx-cashier .bx-withdrawal-credit-card #payToTooltipBtn+.tooltip-popover-msg.bottom {
        min-width: unset !important;
        transform: translate(-80%) !important;
        width: 220px
    }

    .bx-cashier .bx-withdrawal-credit-card #payToTooltipBtn+.tooltip-popover-msg.bottom:after,
    .bx-cashier .bx-withdrawal-credit-card #payToTooltipBtn+.tooltip-popover-msg.bottom:before {
        left: 80% !important
    }
}

.bx-cashier .bx-withdrawal-credit-card .tooltip-popover-container .close-btn .icon-close2 {
    margin-right: 0 !important
}

.bx-cashier .bx-withdrawal-debit-card button.withdrawal-button.cashier-button {
    float: right;
    width: 50%;
    margin-top: 16px
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-debit-card button.withdrawal-button.cashier-button {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-debit-card button.withdrawal-button.cashier-button {
        margin-bottom: 32px
    }
}

.bx-cashier .bx-withdrawal-debit-card #bottom-elements {
    padding-bottom: 0 !important
}

.bx-cashier .bx-withdrawal-debit-card .two-column-container {
    background: inherit !important
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-debit-card .two-column-container .right-panel.withdrawal-area {
        padding: 0 0 0 8px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-debit-card .two-column-container .right-panel {
        padding: 16px !important
    }

    .bx-cashier .bx-withdrawal-debit-card .two-column-container .right-panel #bottom-elements,
    .bx-cashier .bx-withdrawal-debit-card .two-column-container .right-panel #withdrawal {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-debit-card .left-panel {
    background: #e9e8e4;
    margin-bottom: 16px
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-debit-card .left-panel {
        min-height: 388px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-debit-card .left-panel {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-debit-card .tooltip-popover-container .close-btn {
    margin: 0;
    background: none
}

.bx-cashier .bx-withdrawal-debit-card .tooltip-popover-msg {
    padding-right: 40px !important
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-debit-card figure.positive-balance-notice.custom-notification.alert.info {
        padding-left: 16px;
        padding-right: 16px
    }

    .bx-cashier .bx-withdrawal-debit-card #payToTooltipBtn+.tooltip-popover-msg.bottom {
        min-width: unset !important;
        transform: translate(-80%) !important;
        width: 220px
    }

    .bx-cashier .bx-withdrawal-debit-card #payToTooltipBtn+.tooltip-popover-msg.bottom:after,
    .bx-cashier .bx-withdrawal-debit-card #payToTooltipBtn+.tooltip-popover-msg.bottom:before {
        left: 80% !important
    }
}

.bx-cashier .bx-deposit-jiggle .cardIcon input {
    padding-left: 2.425rem;
    background-repeat: no-repeat;
    background-size: 2.0625rem
}

.bx-cashier .bx-deposit-jiggle .cardIconVisa input {
    background-image: url(/content/images/cashier/visa.svg);
    background-position-x: 0;
    background-position-y: 1.45rem
}

.bx-cashier .bx-deposit-jiggle .cardIconMasterCard input {
    background-image: url(/content/images/cashier/mastercard.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-jiggle .cardIconAmex input {
    background-image: url(/content/images/cashier/amex-alt.svg);
    background-position-x: 0;
    background-position-y: 1rem
}

.bx-cashier .bx-deposit-jiggle .cardIconCup input {
    background-image: url(/content/images/cashier/unionpay.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-jiggle .cardIconDiscover input {
    background-image: url(/content/images/cashier/discover.svg);
    background-position-x: 0;
    background-position-y: 1.2rem
}

.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader {
    margin-right: 15px
}

.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit-jiggle .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-deposit-jiggle .bx-section#contentFooter {
    width: 100%
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-ftd-section {
        margin: 0 16px
    }

    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0;
        float: right;
        width: calc(50% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .ftd-cashier .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        float: none;
        width: calc(100% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-ftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-nftd-section {
        margin: 0 0 0 50%
    }

    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-nftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-jiggle .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

.bx-cashier .bx-deposit-jiggle .alert.high-contrast.info a {
    text-decoration: underline;
    color: inherit
}

.bx-cashier .bx-deposit-jiggle .tertiary {
    background-color: #f5f5f2
}

.bx-cashier .bx-deposit-jiggle #preSetAmounts #presetAmountTitle {
    color: #404040
}

.bx-cashier .bx-deposit-jiggle #surcharge {
    display: inline-grid;
    color: #404040
}

.bx-cashier .bx-deposit-jiggle #surcharge .surcharge-total {
    padding-top: 1px;
    font-weight: 700;
    text-align: left
}

.bx-cashier .bx-deposit-jiggle div#deposit-area {
    padding-top: 0
}

@media (min-width: 769px) {
    .bx-cashier .bx-deposit-jiggle div#deposit-area {
        padding-right: 0
    }
}

.bx-cashier .bx-deposit-jiggle div#deposit-area .limited-height {
    max-height: 60px
}

.bx-cashier .bx-deposit-jiggle input#creditCardNumber.input-warning {
    border-bottom: 2px solid #f08b00
}

.bx-cashier .bx-deposit-jiggle input#creditCardNumber.input-warning~i:before {
    color: #f08b00
}

.bx-cashier .bx-deposit-jiggle bx-form-group div:has(input#creditCardNumber.input-warning) {
    margin-bottom: 0
}

.bx-cashier .bx-deposit-jiggle bx-recovery-pm:before {
    content: "";
    display: block;
    width: 0;
    left: calc(100% - 20px);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: relative;
    border-bottom: 8px solid #e9e8e4
}

.ftd-cashier .bx-cashier .bx-deposit-jiggle .favorite-button-container {
    width: 100%;
    display: flex;
    gap: 0;
    flex-direction: column;
    align-items: center
}

.ftd-cashier .bx-cashier .bx-deposit-jiggle .button-area {
    align-items: center
}

.ftd-cashier .bx-cashier .bx-deposit-jiggle .button-area .responsive-right {
    margin-left: 0;
    margin-right: 0
}

.bx-cashier .button-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px
}

@media only screen and (min-width: 731px) {
    .bx-cashier .button-area {
        align-items: flex-end
    }

    .bx-cashier .cashier-button.responsive-right,
    .bx-cashier .favorite-button-container {
        width: calc(50% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .bx-cashier .favorite-button-container {
        display: flex;
        justify-content: center;
        float: right;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .cashier-button.responsive-right {
        width: calc(100% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .bx-cashier .favorite-button-container {
        display: flex;
        gap: 0;
        flex-direction: column;
        align-items: center
    }

    .bx-cashier .button-area {
        align-items: center
    }
}

.skinny-cashier-zeus .bx-cashier .bx-deposit-jiggle div#deposit-area {
    width: 100%;
    padding-left: 0
}

.skinny-cashier-zeus .bx-cashier .cashier-button.responsive-right {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.bx-cashier .bx-deposit-lbt-confirm .transfer-now-info {
    color: grey;
    text-align: left;
    display: inline-flex;
    width: calc(100% - 30px)
}

@media (max-width: 730px) {
    .bx-cashier .bx-deposit-lbt-confirm .custom-cta.cta-large.primary.cashier-button {
        margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 32px)
    }
}

.bx-cashier bx-matchpay-join .sub-panel {
    padding-left: var(--cashier-deposit-container-padding);
    padding-right: var(--cashier-deposit-container-padding)
}

.ftd-cashier .bx-cashier bx-matchpay-join .sub-panel {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 730px) {
    .bx-account-wrapper .bx-cashier bx-matchpay-join .main-panel {
        padding-left: calc(var(--cashier-deposit-container-padding)*2);
        padding-right: calc(var(--cashier-deposit-container-padding)*2)
    }

    .bx-account-wrapper .bx-cashier bx-matchpay-join .sub-panel {
        padding-left: 0;
        padding-right: 0
    }

    .bx-account-wrapper .bx-cashier bx-matchpay-join .left-panel,
    .bx-account-wrapper .bx-cashier bx-matchpay-join bx-widget-bonus-list .accordion.tertiary li,
    .bx-account-wrapper .bx-cashier bx-matchpay-join bx-widget-bonus-list .bonus-widget-list .redeem-code.custom-redeem-code {
        background-color: #e0ded9
    }
}

.bx-cashier bx-matchpay-join .matchpay-validation-icon {
    margin-right: 8px
}

.bx-cashier bx-matchpay-join #matchpay-join-form .custom-checkbox {
    margin-bottom: 8px
}

.bx-cashier bx-matchpay-join bx-widget-bonus-list h3[class*=-heading],
.bx-cashier bx-matchpay-join h2,
.bx-cashier bx-matchpay-join h3,
.bx-cashier bx-matchpay-join p {
    color: #333
}

.bx-cashier bx-matchpay-join hr {
    border-top: 0;
    border-bottom: 1px solid #d1d1d1
}

.bx-cashier .bx-matchpay-how-it-works h2,
.bx-cashier .bx-matchpay-how-it-works li {
    color: #333
}

.bx-cashier .bx-matchpay-how-it-works .how-it-works-items {
    border: 1px solid #d1d1d1
}

.bx-cashier .bx-matchpay-how-it-works .mp-toggle,
.bx-cashier .bx-matchpay-how-it-works ol li:before {
    background-color: #e0ded9
}

@media (min-width: 730px) {

    .bx-account-wrapper .bx-cashier .bx-matchpay-how-it-works .mp-toggle,
    .bx-account-wrapper .bx-cashier .bx-matchpay-how-it-works ol li:before {
        background-color: #f5f5f2
    }
}

.bx-cashier .bx-withdrawal-neteller button.withdrawal-button.cashier-button {
    float: right;
    width: 50%;
    margin-top: 16px
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-neteller button.withdrawal-button.cashier-button {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-neteller button.withdrawal-button.cashier-button {
        margin-bottom: 32px
    }
}

.bx-cashier .bx-withdrawal-neteller #bottom-elements {
    padding-bottom: 0 !important
}

.bx-cashier .bx-withdrawal-neteller .two-column-container {
    background: inherit !important
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-neteller .two-column-container .right-panel.withdrawal-area {
        padding: 0 0 0 8px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-neteller .two-column-container .right-panel {
        padding: 16px !important
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container .right-panel #bottom-elements,
    .bx-cashier .bx-withdrawal-neteller .two-column-container .right-panel #withdrawal {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-neteller .left-panel {
    background: #e9e8e4;
    margin-bottom: 16px
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-neteller .left-panel {
        min-height: 388px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-neteller .left-panel {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-neteller fieldset#withdrawal {
    padding-top: 20px
}

@media only screen and (min-width: 1024px) {
    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        gap: 32px
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .left-panel,
    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .right-panel {
        width: calc(50% - 16px)
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .left-panel {
        padding: 0
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .right-panel {
        margin-top: 0;
        padding: 0
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller #withdrawalBtn,
    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .cs-amount {
        width: 100%
    }
}

@media only screen and (max-width: 1023px) {
    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller {
        gap: 24px
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .left-panel,
    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .right-panel {
        width: 100%
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .left-panel {
        padding: 0
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .right-panel {
        margin-top: 0;
        padding: 0 16px !important
    }

    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller #withdrawalBtn,
    .bx-cashier .bx-withdrawal-neteller .two-column-container.two-column-container-smashier-neteller .cs-amount {
        width: 100%
    }
}

.bx-cashier .bx-withdrawal-neteller form {
    margin-top: 20px;
    overflow: auto
}

.bx-cashier .bx-withdrawal-neteller .two-column-container-smashier-neteller form {
    margin-top: 0
}

.ftd-cashier .bx-cashier .bx-deposit-other-crypto .cashier-button {
    width: 100%
}

.ftd-cashier .bx-cashier .bx-deposit-other-crypto .disclaimer-area .disclaimer-items {
    width: calc(100% - 5px)
}

.ftd-cashier .bx-cashier .bx-deposit-other-crypto .disclaimer-area .tooltip-popover-msg.top {
    margin-left: 80px
}

.ftd-cashier .bx-cashier .bx-deposit-other-crypto .disclaimer-area .tooltip-popover-msg.top:after,
.ftd-cashier .bx-cashier .bx-deposit-other-crypto .disclaimer-area .tooltip-popover-msg.top:before {
    left: 19%
}

.bx-cashier .bx-deposit-other-crypto .deposit-form {
    padding: 0 16px
}

.bx-cashier .bx-deposit-other-crypto .icon.icon-info2 {
    margin-right: 5px
}

.bx-cashier .bx-deposit-other-crypto .disclaimer-area {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 16px
}

.bx-cashier .bx-deposit-other-crypto .disclaimer-area .close-btn {
    display: none
}

.bx-cashier .bx-deposit-other-crypto .disclaimer-area .icon-logo-disclaimer {
    margin-left: 5px;
    width: 100px;
    height: 50px
}

.bx-cashier .bx-deposit-other-crypto .disclaimer-area .tooltip-popover-msg.top {
    width: 273px
}

.bx-cashier .bx-deposit-other-crypto .disclaimer-area .disclaimer-items {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(50% - 5px)
}

.bx-cashier .bx-deposit-other-crypto .disclaimer-area .disclaimer-items .full-width {
    font-size: 12px
}

@media screen and (max-width: 767px) {
    .bx-cashier .bx-deposit-other-crypto .disclaimer-area .disclaimer-items {
        width: calc(100% - 5px)
    }
}

@media screen and (max-width: 767px) {
    .bx-cashier .bx-deposit-other-crypto .disclaimer-area .tooltip-popover-msg.top {
        margin-left: 80px
    }

    .bx-cashier .bx-deposit-other-crypto .disclaimer-area .tooltip-popover-msg.top:after,
    .bx-cashier .bx-deposit-other-crypto .disclaimer-area .tooltip-popover-msg.top:before {
        left: 19%
    }
}

.bx-cashier .bx-deposit-other-crypto-confirmation .uppercase.spaced-above {
    text-align: center;
    font-weight: 700;
    margin-top: 16px;
    margin-bottom: 16px;
    color: #000
}

.bx-cashier .bx-deposit-other-crypto-confirmation .info-requirements-deposit {
    text-align: center;
    margin: 16px 0
}

.bx-cashier .bx-deposit-other-crypto-confirmation .info-requirements-deposit .minimum-deposit {
    padding: 16px;
    margin: 16px 8px;
    background: rgba(175, 43, 29, .1)
}

.bx-cashier .bx-deposit-other-crypto-confirmation .info-requirements-deposit .minimum-deposit .minimum-deposit-amount {
    font-weight: 700;
    padding-bottom: 8px;
    color: #000
}

.bx-cashier .bx-deposit-other-crypto-confirmation .info-requirements-deposit .minimum-deposit .minimum-deposit-message {
    color: #af2b1d
}

.bx-cashier .bx-deposit-other-crypto-confirmation .info-requirements-deposit .exchange-rate-div .estimated-function {
    font-weight: 700;
    color: #000
}

.bx-cashier .bx-deposit-other-crypto-confirmation .white-box {
    border: none;
    width: 100%;
    text-align: center;
    background-color: #e3e3e3;
    margin-bottom: 0;
    margin-top: 4px
}

.bx-cashier .bx-deposit-other-crypto-confirmation .icon.icon-info2 {
    margin: 2px
}

.bx-cashier .bx-deposit-other-crypto-confirmation .info-spaced-above {
    text-align: left;
    display: inline-flex;
    margin: 16px
}

.bx-cashier .bx-deposit-other-crypto-confirmation .info-spaced-above span {
    width: calc(100% - 16px)
}

.bx-cashier .bx-deposit-other-crypto-confirmation .deposit-mode.spaced-above {
    width: calc(100% - 16px);
    margin-bottom: 16px;
    background-color: #e3e3e3;
    margin-left: 8px;
    padding: 8px
}

.bx-cashier .bx-deposit-other-crypto-confirmation .deposit-area {
    text-align: center;
    color: grey
}

.bx-cashier .bx-deposit-other-crypto-confirmation .custom-separator.horizontal.spaced-above-size-based {
    font-weight: 700;
    color: #000
}

.bx-cashier .bx-deposit-other-crypto-selection .info.no-intrusive {
    background: #e6e6e6;
    border-radius: 5px;
    padding: 16px;
    margin-bottom: 16px
}

.bx-cashier .bx-deposit-other-crypto-selection .info.no-intrusive p {
    color: #000;
    text-align: left;
    font-weight: 400
}

.bx-cashier .bx-deposit-pay-id-address .deposit-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.bx-cashier .bx-deposit-pay-id-address .deposit-container .button-area {
    width: 100%;
    margin-top: 16px;
    padding-bottom: 16px
}

.bx-cashier .bx-deposit-pay-id-address .deposit-container .bonus-area {
    width: 100%;
    margin-top: 16px;
    padding: var(--cashier-deposit-container-padding)
}

.bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-button {
    width: 100%;
    width: calc(100% - 3em);
    margin-left: 1.5em;
    margin-right: 1.5em
}

@media (min-width: 769px) {
    .bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-area {
        width: 50%
    }

    .bx-cashier .bx-deposit-pay-id-address .deposit-container .bonus-area {
        order: -1;
        margin-top: 0;
        width: 50%
    }

    .bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-button {
        float: right;
        width: calc(50% - var(--cashier-deposit-container-padding)*2);
        margin-left: var(--cashier-deposit-container-padding);
        margin-right: var(--cashier-deposit-container-padding)
    }

    .bx-cashier .bx-deposit-pay-id-address .deposit-container .button-area {
        padding: 16px
    }
}

.ftd-cashier .bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-area {
    width: 100%;
    padding: 0
}

.ftd-cashier .bx-cashier .bx-deposit-pay-id-address .deposit-container .bonus-area {
    width: 100%;
    margin-top: 16px;
    order: unset
}

.ftd-cashier .bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-button {
    width: 100%;
    width: calc(100% - 3em);
    margin-left: 1.5em;
    margin-right: 1.5em
}

.bx-cashier .bx-deposit-pay-id-address .open-chat-text-container {
    padding: 0 0 10px 10px;
    text-align: center;
    margin-top: 20px
}

.bx-cashier .bx-deposit-pay-id-address .open-chat-text-container .icon.icon-contact.icon-chat {
    margin-right: 3px
}

.bx-cashier .bx-deposit-pay-id-address .open-chat-text-container .chat-now-title {
    padding-left: 2px;
    padding-right: 5px
}

.bx-cashier .bx-deposit-pay-id-address .open-chat-text-container .custom-link {
    font-size: 100%
}

.bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-area {
    text-align: center
}

@media (max-width: 769px) {
    .bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-area {
        width: 100%
    }

    .bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-area .custom-messages {
        display: block;
        margin: 0 var(--cashier-deposit-container-padding, 0)
    }

    .ftd-cashier .bx-cashier .bx-deposit-pay-id-address .deposit-container .deposit-area .custom-messages {
        margin: 0
    }
}

.bx-cashier .bx-deposit-pay-id-address .deposit-container .button-area {
    padding-left: 0;
    padding-right: 0
}

.bx-cashier .bx-deposit-pay-id-address .icon-logo-pid {
    height: 33px;
    vertical-align: middle;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.bx-cashier .bx-deposit-pay-id-address .deposit-modes-panel {
    display: grid;
    margin-bottom: 16px;
    margin-top: 20px
}

.bx-cashier .bx-deposit-pay-id-address .deposit-modes-panel .col-deposit-mode {
    display: block;
    float: none;
    margin-top: 16px;
    padding: 0 16px
}

.ftd-cashier .bx-cashier .bx-deposit-pay-id-address .deposit-modes-panel .col-deposit-mode {
    padding: 0 16px
}

.bx-cashier .bx-deposit-pay-id-address #pay-id-address {
    width: 100%;
    text-align: center;
    line-height: 25px;
    border: none;
    padding: 8px 16px;
    color: grey;
    background: #f5f5f2
}

.bx-cashier .bx-deposit-pay-id-address .deposit-address-message {
    margin-top: 16px;
    text-transform: none !important;
    font-weight: 700;
    color: #404040
}

.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader figcaption.carousel-text {
    position: absolute
}

.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader .bx-banner-carousel-slide figure .img-container {
    width: 100%
}

.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit-pay-id-address .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter {
    width: 100%;
    box-sizing: border-box
}

.bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter .section-item.section-1x1 {
    max-width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter .section-item.section-1x1 {
        max-width: 100%
    }
}

.bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter .lazyloaded {
    width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter {
        margin: 0 0 0 50%
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter {
        margin: 0 24px
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-ftd-section {
        margin: 0 16px
    }

    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-ftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-ftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-nftd-section {
        margin: 0 0 0 50%
    }

    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-nftd-section {
        margin: 0 24px
    }

    .bx-cashier .bx-deposit-pay-id-address .bx-section#contentFooter.content-nftd-section .max-container.bx-section-container {
        padding: 0
    }
}

.bx-cashier .bx-payment-method-selector .custom-menu.primary li {
    background: #f5f5f2;
    border: 1px solid #c2c2c2
}

@media only screen and (min-width: 769px) {
    .bx-cashier bx-payment-method-selector.withdraw .custom-menu.primary.options.payment-methods-list {
        padding-bottom: 16px;
        padding-left: 16px;
        padding-right: 16px;
        width: inherit;
        margin-top: -16px
    }
}

.bx-cashier .bx-payment-method-selector .custom-menu.primary.options.payment-methods-list {
    background: #f5f5f2
}

.ftd-cashier .bx-cashier .bx-payment-method-selector .custom-menu.primary.options.payment-methods-list {
    margin-left: -24px;
    margin-right: -24px
}

@media (max-width: 769px) {
    .ftd-cashier .bx-cashier .bx-payment-method-selector .custom-menu.primary.options.payment-methods-list {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media only screen and (min-width: 769px) {
    .ftd-cashier .bx-cashier .bx-payment-method-selector .custom-menu.primary.options.payment-methods-list li:nth-child(2n) {
        border-left-width: 1px
    }
}

.bx-cashier .bx-payment-method-selector .custom-menu.primary.options.payment-methods-list li {
    background: #f5f5f2
}

.bx-cashier .bx-payment-method-selector .custom-menu.primary.options.payment-methods-list li .icon:not([class*=-next]) {
    color: #000
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-payment-method-selector .custom-menu.primary.options.payment-methods-list.list-deposit-noftd {
        padding: 16px;
        width: inherit
    }
}

.bx-cashier .bx-payment-method-selector .payment-methods-list-header {
    padding-top: 16px;
    padding-bottom: 16px
}

.bx-cashier .bx-payment-method-selector .payment-methods-list-title {
    color: #333;
    font-size: 1.17em;
    font-weight: 700
}

.bx-cashier .bx-payment-method-selector .payment-methods-list-subtitle {
    padding-top: 8px
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-payment-method-selector .payment-methods-list-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

.bx-cashier #payment-method-header-bar {
    background: #e9e8e4;
    border-top: 1px solid #c2c2c2;
    color: #2b2b2b;
    margin-top: 10px
}

.bx-cashier .payment-method-field-subtitle {
    color: grey
}

@media (max-width: 769px) {
    .bx-cashier .payment-method-field .visible-xs {
        color: grey
    }
}

.bx-cashier .payment-method-header {
    font-size: 14px;
    font-weight: 700;
    font-weight: 500
}

.bx-cashier #daily-max-header>div:last-of-type,
.bx-cashier #installment-limits-header>div:last-of-type,
.bx-cashier #timeframes-header>div:last-of-type {
    font-size: 12px;
    padding-left: 22px
}

.bx-cashier .payment-method-field,
.bx-cashier .payment-method-wrapper-6 .payment-method-field,
.bx-cashier .payment-method-wrapper-6 .payment-method-header {
    font-size: 14px
}

.bx-cashier .payment-method-wrapper-6 #daily-max-header>div:last-of-type,
.bx-cashier .payment-method-wrapper-6 #installment-limits-header>div:last-of-type,
.bx-cashier .payment-method-wrapper-6 #timeframes-header>div:last-of-type {
    font-size: 12px;
    padding-left: 19px
}

.bx-cashier .payment-method-wrapper-6 .payment-method-field .payment-method-field-subtitle {
    font-size: 12px
}

.bx-cashier .payment-method-wrapper-5 #daily-max-header>div:last-of-type,
.bx-cashier .payment-method-wrapper-5 #installment-limits-header>div:last-of-type,
.bx-cashier .payment-method-wrapper-5 #timeframes-header>div:last-of-type {
    padding-left: 19px
}

@media (min-width: 769px) {
    .bx-cashier .payment-method-field-descriptor {
        font-size: 15px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-payment-method-selector button.popover-toggle {
        padding-left: 5px
    }
}

@media (min-width: 769px) {
    .bx-cashier .payment-method-field.payment-method-field--mobile {
        display: none
    }

    .bx-cashier .payment-method-wrapper .payment-method-wrapper--middle .payment-method-field-descriptor {
        padding-bottom: 10px
    }
}

@media (max-width: 769px) {
    .bx-cashier .payment-method-wrapper--middle {
        display: inline-flex;
        flex-wrap: nowrap;
        width: 100%
    }

    .bx-cashier .payment-method-field.payment-method-field--mobile {
        display: flex
    }

    .bx-cashier .payment-method-field[id$=-arrows-mobile] {
        grid-column-start: 2
    }

    .bx-cashier .payment-method-field-value {
        text-align: right
    }

    .bx-cashier .payment-method-field-value div:first-child {
        margin-bottom: 5px
    }

    .bx-cashier .payment-method-field-subtitle {
        color: inherit;
        margin-bottom: 0
    }

    .bx-cashier .payment-method-field>div .tooltip-popover-msg {
        min-width: 200px
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier #payment-method-list {
        margin-top: 10px
    }
}

.bx-cashier .custom-menu.primary.options li {
    grid-auto-rows: minmax(65px, auto)
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-voucher .bx-banner-carousel carousel {
        margin: 24px 24px 16px
    }
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-voucher .bx-banner-carousel carousel {
        margin: 0 0 16px
    }
}

.bx-cashier .bx-deposit-voucher .bx-banner-carousel .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-deposit-voucher .bx-banner-carousel .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-deposit-voucher .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-voucher .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-deposit-voucher .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-deposit-voucher .bx-banner-carousel .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-deposit-voucher .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-deposit-voucher .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-deposit-voucher .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-deposit-voucher .bx-banner-carousel carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-deposit-voucher .voucher-section {
        margin-left: 50%
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-voucher .voucher-section {
        margin: 0 0 0 24px
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-deposit-voucher .voucher-ftd-section {
        margin: 0 24px
    }
}

.skinny-cashier-zeus .bx-cashier .bx-deposit-voucher .deposit-container .deposit-area {
    padding: 0;
    margin: 0
}

.skinny-cashier-zeus .bx-cashier .bx-deposit-voucher .deposit-container .bonus-area {
    padding: 0
}

.bx-cashier .bx-wire-transfer-bank .tooltip-popover-container .close-btn {
    margin: 0;
    background: none
}

.bx-cashier .bx-wire-transfer-bank .tooltip-popover-msg {
    padding-right: 40px !important
}

.bx-cashier .bx-wire-transfer-bank button#saveBank {
    margin-top: 32px
}

.bx-cashier .bx-wire-transfer-bank fieldset legend {
    margin-bottom: 1px
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-wire-transfer-bank fieldset {
        padding-left: 16px;
        padding-right: 16px
    }

    .bx-cashier .bx-wire-transfer-bank fieldset legend {
        font-size: 1.17em !important
    }

    .bx-cashier .bx-wire-transfer-bank button#saveBank {
        margin: 16px;
        width: calc(100% - 32px)
    }
}

.bx-cashier .bx-deposit-wiretransfer div.instructions h3.h3-heading {
    font-size: 1.67em
}

.bx-cashier .bx-withdrawal-wire-transfer button.withdrawal-button.cashier-button {
    float: right;
    width: 50%;
    margin-top: 16px
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-wire-transfer button.withdrawal-button.cashier-button {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-wire-transfer button.withdrawal-button.cashier-button {
        margin-bottom: 32px
    }
}

.bx-cashier .bx-withdrawal-wire-transfer #bottom-elements {
    padding-bottom: 0 !important
}

.bx-cashier .bx-withdrawal-wire-transfer .two-column-container {
    background: inherit !important
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-wire-transfer .two-column-container .right-panel.withdrawal-area {
        padding: 0 0 0 8px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-wire-transfer .two-column-container .right-panel {
        padding: 16px !important
    }

    .bx-cashier .bx-withdrawal-wire-transfer .two-column-container .right-panel #bottom-elements,
    .bx-cashier .bx-withdrawal-wire-transfer .two-column-container .right-panel #withdrawal {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-wire-transfer .left-panel {
    background: #e9e8e4;
    margin-bottom: 16px
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-wire-transfer .left-panel {
        min-height: 388px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-wire-transfer .left-panel {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-wire-transfer .tooltip-popover-container .close-btn {
    margin: 0;
    background: none
}

.bx-cashier .bx-withdrawal-wire-transfer .tooltip-popover-msg {
    padding-right: 40px !important
}

.bx-cashier .bx-withdrawal-info .info-box {
    background: #e9e8e4 !important
}

.bx-cashier bx-bitcoin-how-it-works #new-to-bitcoin .custom-cta.howitworks-link {
    color: #ff6900 !important;
    background: none;
    box-shadow: none;
    font-size: 14px !important;
    font-weight: 400;
    text-transform: none;
    font-family: var(--font-primary)
}

.bx-cashier bx-pre-set-amounts .radio-grid li:hover label,
.bx-cashier bx-pre-set-amounts .radio-grid li input:checked+label {
    background: #ff6900;
    outline-color: #ff6900;
    color: #fff
}

.bx-cashier bx-pre-set-amounts .radio-grid li label {
    color: #ff6900
}

.bx-cashier .wizard-container li:after {
    border-bottom: 3px solid #e9e8e4
}

.bx-cashier .wizard-container li.completed:after {
    border-bottom: 3px solid #0069ba !important
}

.bx-cashier .wizard-container li.completed:before {
    background: #0069ba !important
}

.bx-cashier .wizard-container li.active:before {
    border: 3px solid #0069ba !important
}

.bx-cashier .bx-withdrawal-crypto button.withdrawal-button.cashier-button {
    float: right;
    width: 50%;
    margin-top: 16px
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto button.withdrawal-button.cashier-button {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none
    }
}

@media screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto button.withdrawal-button.cashier-button {
        margin-bottom: 32px
    }
}

.bx-cashier .bx-withdrawal-crypto #bottom-elements {
    padding-bottom: 0 !important
}

.bx-cashier .bx-withdrawal-crypto .two-column-container {
    background: inherit !important
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .two-column-container .right-panel.withdrawal-area {
        padding: 0 0 0 8px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .two-column-container .right-panel {
        padding: 16px !important
    }

    .bx-cashier .bx-withdrawal-crypto .two-column-container .right-panel #bottom-elements,
    .bx-cashier .bx-withdrawal-crypto .two-column-container .right-panel #withdrawal {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-crypto .left-panel {
    background: #e9e8e4;
    margin-bottom: 16px
}

@media (min-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .left-panel {
        min-height: 388px
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .left-panel {
        padding: 0 !important
    }
}

.bx-cashier .bx-withdrawal-crypto fieldset#withdrawal {
    padding-top: 20px
}

.bx-cashier .bx-withdrawal-crypto fieldset#withdrawal .cs-amount {
    margin-bottom: 0;
    padding-bottom: 16px
}

.bx-cashier .bx-withdrawal-crypto fieldset#withdrawal #withdrawal-info-container {
    width: 100%;
    padding-top: 16px
}

.bx-cashier .bx-withdrawal-crypto .help-page-link {
    display: none
}

.bx-cashier .bx-withdrawal-crypto .refreshed-exchange-rate {
    min-height: 24px;
    font-weight: 700
}

.bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter {
    box-sizing: border-box
}

.bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter .section-item.section-1x1 {
    max-width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter .section-item.section-1x1 {
        max-width: 100%
    }
}

.bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter .lazyloaded {
    width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter {
        margin: 0 0 0 50%
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter {
        margin: 0 24px
    }
}

.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader .banner-carousel.carousel {
    background: unset
}

.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader .banner-carousel .banner-container .banner-slide .img-container .img-responsive {
    min-height: auto
}

.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader figcaption.carousel-text {
    position: absolute
}

.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader .bx-banner-carousel-slide figure .img-container {
    width: 100%
}

.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide,
.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item,
.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader .carousel:not(.ng-loaded)>.carousel .carousel-inner>.slide>.item .banner-slide,
.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner,
.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide,
.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item,
.bx-cashier .bx-withdrawal-crypto .bx-banner-carousel#contentHeader carousel:not(.ng-loaded)>.carousel .carousel-inner>slide>.item .banner-slide {
    min-height: 98px
}

.bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter {
    width: 100%
}

@media only screen and (min-width: 731px) {
    .bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter {
        margin: 0 0 0 50%
    }

    .bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter .max-container.bx-section-container {
        padding: 0
    }
}

@media only screen and (max-width: 730px) {
    .bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter {
        margin: 0 24px
    }

    .bx-cashier .bx-withdrawal-crypto .bx-section#contentFooter .max-container.bx-section-container {
        padding: 0
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-crypto .right-panel {
        padding: 0
    }

    .bx-cashier .bx-withdrawal-crypto fieldset#withdrawal {
        width: 100%;
        padding: 20px 0 0 !important
    }

    .bx-cashier .bx-withdrawal-crypto #bottom-elements {
        padding: 20px 0 0 !important;
        padding-top: 0;
        padding-bottom: 0
    }
}

.bx-cashier .bx-withdrawal-crypto .payment-exchange-rate-banner {
    line-height: 30px;
    height: 30px;
    margin-bottom: 15px
}

.bx-cashier .bx-withdrawal-crypto .expiry-time {
    color: grey;
    font-size: 12px;
    margin-left: 5px;
    float: left
}

.bx-cashier .bx-withdrawal-crypto .icon-logo {
    vertical-align: middle;
    height: 30px;
    padding-bottom: 2px
}

.bx-cashier .bx-withdrawal-crypto .conversion-rate {
    float: left
}

.bx-cashier .bx-withdrawal-crypto .payment-currency-code {
    font-weight: 700
}

.bx-cashier .bx-withdrawal-crypto .button-area-crypto {
    margin-top: 0 !important;
    gap: 0 !important
}

.bx-cashier .bx-withdrawal-crypto .button-area-crypto .favorite-button-container-wd {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (min-width: 769px) and (max-width:1023px) {
    .bx-cashier .bx-withdrawal-crypto .two-column-container-smashier-crypto .right-panel {
        width: 100% !important
    }
}

.bx-cashier .bx-withdrawal-crypto .two-column-container-smashier-crypto .left-panel {
    width: 100% !important;
    padding: 0 !important
}

.bx-cashier .bx-withdrawal-crypto .two-column-container-smashier-crypto .withdrawal-button {
    width: 100% !important
}

.bx-cashier .bx-withdrawal-async-crypto .withdrawal-container {
    text-align: center;
    margin-top: 15px
}

.bx-cashier .bx-withdrawal-async-crypto .expiry-time {
    color: grey;
    font-size: 12px;
    margin-left: 5px;
    float: none
}

.bx-cashier .bx-withdrawal-async-crypto .conversion-rate {
    float: none
}

.bx-cashier .bx-withdrawal-async-crypto .withdrawal-modes-panel {
    display: grid
}

.bx-cashier .bx-withdrawal-async-crypto .withdrawal-modes-panel .bx-payment-exchange-rate .payment-exchange-rate-banner {
    height: auto
}

.bx-cashier .bx-withdrawal-async-crypto #wallet-address-advice {
    margin-top: 16px;
    color: grey;
    font-weight: 400;
    text-align: left;
    padding: 0 1.5em
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-async-crypto #wallet-address-advice {
        padding: 0 16px
    }
}

.ftd-cashier .bx-cashier .bx-withdrawal-async-crypto #wallet-address-advice {
    padding: 0 16px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .dark-overlay.modal-overlay,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .dark-overlay.modal-overlay {
    z-index: 100
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-content.modal-medium.screen-center,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-content.modal-medium.screen-center {
    width: 475px;
    max-width: 700px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment header.modal-header,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout header.modal-header {
    padding: 0 30px;
    height: 40px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment figure.custom-notification.alert,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout figure.custom-notification.alert {
    margin: 0 0 0 -25px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment figure.custom-notification.alert i.icon.icon-info,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout figure.custom-notification.alert i.icon.icon-info {
    margin: 0 7px 0 0;
    padding: 0 0 0 3px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment header #overlay-title,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout header #overlay-title {
    padding: 0;
    text-align: left;
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 16px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body .modal-msg,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body .modal-msg {
    text-align: left;
    padding: 5px 0 0 31px;
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 14px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body {
    padding: 0;
    margin: 0;
    min-height: unset
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body .payment-details .row,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body .payout-details .row,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body .payment-details .row,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body .payout-details .row {
    margin: 0 -50px 0 -33px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#no-button,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#no-button {
    width: 210px;
    margin: 0 0 0 25px
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#yes-button,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#yes-button {
    width: 210px;
    margin: 0 10px 0 0
}

.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-buttons,
.bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-buttons {
    padding: 0 0 10px
}

@media (max-width: 769px) {

    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-content.modal-medium.screen-center,
    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-content.modal-medium.screen-center {
        width: 100%;
        padding: unset
    }

    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-overlay .modal-content .modal-body,
    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-overlay .modal-content .modal-body {
        max-width: 440px;
        min-height: 210px;
        height: unset;
        width: 90%
    }

    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body p.modal-msg,
    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body p.modal-msg {
        margin: 0 13px 0 0
    }

    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#no-button,
    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#no-button {
        width: 40%;
        margin: 0 0 0 25px
    }

    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#yes-button,
    .bx-cashier .bx-cancel-payment-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#yes-button {
        width: 40%;
        margin: 0 10px 0 0
    }
}

.bx-cashier .bx-cancel-payment-overlay i.icon.icon-info {
    color: #fff
}

.bx-cashier .bx-cancel-payment-overlay button.close-btn {
    display: none
}

.bx-cashier .bx-cancel-payment-overlay .custom-notification.alert {
    background: inherit;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.bx-cashier .bx-cancel-payment-overlay bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header {
    padding: 0
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .dark-overlay.modal-overlay,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .dark-overlay.modal-overlay {
    z-index: 100
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-content.modal-medium.screen-center,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-content.modal-medium.screen-center {
    width: 475px;
    max-width: 700px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment header.modal-header,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout header.modal-header {
    padding: 0 30px;
    height: 40px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment figure.custom-notification.alert,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout figure.custom-notification.alert {
    margin: 0 0 0 -25px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment figure.custom-notification.alert i.icon.icon-info,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout figure.custom-notification.alert i.icon.icon-info {
    margin: 0 7px 0 0;
    padding: 0 0 0 3px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment header #overlay-title,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout header #overlay-title {
    padding: 0;
    text-align: left;
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 16px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body .modal-msg,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body .modal-msg {
    text-align: left;
    padding: 5px 0 0 31px;
    font-family: var(--font-primary);
    font-weight: 700;
    font-size: 14px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body {
    padding: 0;
    margin: 0;
    min-height: unset
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body .payment-details .row,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body .payout-details .row,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body .payment-details .row,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body .payout-details .row {
    margin: 0 -50px 0 -33px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#no-button,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#no-button {
    width: 210px;
    margin: 0 0 0 25px
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#yes-button,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#yes-button {
    width: 210px;
    margin: 0 10px 0 0
}

.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-buttons,
.bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-buttons {
    padding: 0 0 10px
}

@media (max-width: 769px) {

    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-content.modal-medium.screen-center,
    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-content.modal-medium.screen-center {
        width: 100%;
        padding: unset
    }

    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-overlay .modal-content .modal-body,
    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-overlay .modal-content .modal-body {
        max-width: 440px;
        min-height: 210px;
        height: unset;
        width: 90%
    }

    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body p.modal-msg,
    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body p.modal-msg {
        margin: 0 13px 0 0
    }

    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#no-button,
    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#no-button {
        width: 40%;
        margin: 0 0 0 25px
    }

    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payment .modal-body button#yes-button,
    .bx-cashier .bx-cancel-payout-overlay .bx-confirmation-overlay#confirmation-overlay-cancel-payout .modal-body button#yes-button {
        width: 40%;
        margin: 0 10px 0 0
    }
}

.bx-cashier .bx-cancel-payout-overlay i.icon.icon-info {
    color: #fff
}

.bx-cashier .bx-cancel-payout-overlay button.close-btn {
    display: none
}

.bx-cashier .bx-cancel-payout-overlay .custom-notification.alert {
    background: inherit;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.bx-cashier .bx-cancel-payout-overlay bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header {
    padding: 0
}

.bx-cashier .bx-reduce-amount-overlay .custom-notification.alert {
    padding: unset
}

.bx-cashier .bx-reduce-amount-overlay form.ng-untouched.ng-pristine.ng-valid {
    padding: 0 0 0 20px;
    margin-right: 7px
}

.bx-cashier .bx-reduce-amount-overlay #reduce-amount-button {
    width: 100%;
    height: 48px;
    margin: 20px 0 0
}

.bx-cashier .bx-reduce-amount-overlay #cancel-amount-button {
    width: 100%;
    height: 32px;
    margin: 10px 0;
    padding: 4px
}

.bx-cashier .bx-reduce-amount-overlay .modal-content.modal-medium.screen-center {
    height: 264px
}

@media (max-width: 769px) {
    .bx-cashier .bx-reduce-amount-overlay #reduce-amount-popup .custom-notification {
        margin-left: unset;
        margin-top: unset
    }

    .bx-cashier .bx-reduce-amount-overlay #reduce-amount-popup .modal-header {
        padding: unset
    }
}

.bx-cashier .pin-code-popup .modal-content.modal-medium {
    max-width: 435px !important
}

.bx-cashier .pin-code-popup .error-container {
    padding-left: calc(50% - 111px)
}

.bx-cashier .pin-code-popup .full-width-ctas {
    padding-bottom: 10px
}

.bx-cashier .bx-pending-multiple-withdrawals .bx-pending-withdrawal-payments #last-payment-editable,
.bx-cashier .bx-pending-multiple-withdrawals .bx-pending-withdrawal-payments .payout-method-id,
.bx-cashier .bx-pending-multiple-withdrawals .bx-pending-withdrawal-payments .table-list:not(.condensed) span[id^=payment-reference] {
    font-size: 12px
}

.bx-cashier .bx-pending-multiple-withdrawals .bx-pending-withdrawal-payments table.table-list.payments-list,
.bx-cashier .bx-pending-multiple-withdrawals tbody.list-body.table-accordion {
    font-size: 14px
}

.bx-cashier .bx-pending-multiple-withdrawals .payout-fee {
    font-size: 12px
}

.bx-cashier .bx-pending-multiple-withdrawals thead.list-header {
    font-size: 14px
}

.bx-cashier .bx-pending-multiple-withdrawals thead.list-header .subtitle {
    font-size: 12px
}

.bx-cashier .bx-pending-multiple-withdrawals #amount-header-mobile,
.bx-cashier .bx-pending-multiple-withdrawals #requested-date-header-mobile {
    font-weight: 400;
    text-transform: uppercase
}

.bx-cashier .bx-pending-multiple-withdrawals .main-payout-data {
    z-index: 10000000000000
}

.bx-cashier .bx-pending-multiple-withdrawals .main-payout-data [id^=amount-mobile],
.bx-cashier .bx-pending-multiple-withdrawals .main-payout-data [id^=requested-date-mobile] {
    font-size: 12px
}

.bx-cashier .bx-pending-multiple-withdrawals .table-list tr {
    display: table-row
}

@media (max-width: 769px) {
    .bx-cashier .bx-pending-multiple-withdrawals .table-list .visible-xs {
        display: block !important
    }
}

.bx-cashier .bx-pending-multiple-withdrawals #action-buttons-link-container-mobile .reduce-button-mobile-container {
    display: inline;
    margin: 5px 0
}

.bx-cashier .bx-pending-multiple-withdrawals #action-buttons-link-container-mobile .cancel-button-mobile-container {
    display: inline
}

.bx-cashier .bx-pending-multiple-withdrawals #action-buttons-link-container-mobile {
    margin-right: 0
}

.bx-cashier .bx-pending-multiple-withdrawals .tertiary {
    background-color: #f5f5f2
}

.skinny-cashier-zeus .bx-cashier .bx-pending-multiple-withdrawals .main-component div.visible-xs {
    display: block !important
}

@media (max-width: 769px) {
    .bx-cashier .bx-pending-withdrawal .custom-notification.alert.info {
        margin: 0 16px 16px;
        width: auto !important
    }

    .bx-cashier .deposit-area .bx-pending-withdrawal .custom-notification.alert.info {
        margin: 0 0 16px;
        width: auto !important
    }

    .ftd-cashier .bx-cashier .bx-pending-withdrawal .custom-notification.alert.info {
        width: 100% !important;
        margin: 0 0 16px
    }
}

.bx-cashier .bx-pending-withdrawal .tooltip-popover-container .close-btn {
    margin: 0;
    background: none
}

.bx-cashier .bx-pending-withdrawal .tooltip-popover-msg {
    padding-right: 40px !important
}

.bx-cashier .bx-pending-withdrawal .step-item .icon {
    color: grey
}

.bx-cashier .bx-pending-withdrawal .tooltip-popover-container {
    color: #fff
}

.bx-cashier .bx-pending-withdrawal .tooltip-popover-msg.bottom {
    min-width: unset !important;
    transform: translate(-89%) !important
}

.bx-cashier .bx-pending-withdrawal .tooltip-popover-msg.bottom:after,
.bx-cashier .bx-pending-withdrawal .tooltip-popover-msg.bottom:before {
    left: 89% !important
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-pending-withdrawal .cs-payment-details-container {
        padding-top: 16px
    }

    .bx-cashier .bx-pending-withdrawal .custom-notification.alert {
        padding-left: 16px;
        padding-right: 16px;
        margin-top: 0 !important;
        margin-left: 16px;
        margin-right: 16px;
        width: calc(100% - 32px) !important
    }

    .bx-cashier .bx-pending-withdrawal .withdrawal-bottom {
        margin: 16px
    }

    .bx-cashier .bx-pending-withdrawal #cancelPayoutButton {
        float: none !important;
        width: 100% !important;
        margin: 0 !important
    }
}

.bx-cashier .bx-withdrawable-amount .withdrawable-amount {
    font-size: 1em !important;
    padding: 0;
    margin-bottom: 0 !important;
    color: #333 !important
}

.bx-cashier .bx-withdrawable-amount #withdrawableAmountLabel {
    font-size: 1em !important
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawable-amount:not(.mobile-dont-collapse) .withdrawable-amount {
        margin-bottom: 0 !important
    }
}

.bx-cashier .bx-withdrawable-amount .withdrawable-amount-tooltip .custom-link {
    font-weight: 400;
    color: #fff;
    text-decoration: underline
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawable-amount #withdrawableInfo+.tooltip-popover-msg.bottom {
        min-width: unset !important;
        transform: translate(-15%) !important
    }

    .bx-cashier .bx-withdrawable-amount #withdrawableInfo+.tooltip-popover-msg.bottom:after,
    .bx-cashier .bx-withdrawable-amount #withdrawableInfo+.tooltip-popover-msg.bottom:before {
        left: 15% !important
    }
}

.bx-cashier .bx-withdraw .spaced {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.bx-cashier .bx-withdraw-details .tooltip-popover-container .close-btn {
    margin: 0;
    background: none
}

.bx-cashier .bx-withdraw-details .tooltip-popover-msg {
    padding-right: 40px !important
}

.bx-cashier .bx-withdraw-details #feeTooltipBtn+.tooltip-popover-msg {
    min-width: unset !important;
    transform: translate(-92%, -100%) !important
}

.bx-cashier .bx-withdraw-details #feeTooltipBtn+.tooltip-popover-msg:after,
.bx-cashier .bx-withdraw-details #feeTooltipBtn+.tooltip-popover-msg:before {
    left: 92% !important
}

@media screen and (max-width: 769px) {
    .bx-cashier .bx-withdraw-details #feeTooltipBtn+.tooltip-popover-msg.top {
        min-width: unset !important;
        transform: translate(-80%, -100%) !important
    }

    .bx-cashier .bx-withdraw-details #feeTooltipBtn+.tooltip-popover-msg.top:after,
    .bx-cashier .bx-withdraw-details #feeTooltipBtn+.tooltip-popover-msg.top:before {
        left: 80% !important
    }
}

.bx-cashier .bx-withdrawal-generic .left-panel {
    margin-bottom: 16px
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .left-panel {
        padding: 0 !important
    }
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .generic-withdrawal-grid {
        grid-template-columns: [firstColumn] 50% [secondColumn] 50% [endLine];
        grid-template-rows: [firstRow] auto [secondRow] auto [thirdRow] auto [endLine]
    }
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .information-cell {
        grid-column: firstColumn/secondColumn;
        grid-row: firstRow/endLine
    }
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .message-cell {
        grid-column: secondColumn/endLine;
        grid-row: firstRow/secondRow;
        justify-self: end
    }
}

@media (max-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .message-cell {
        display: none
    }
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .carousel-cell {
        grid-row: secondRow/thirdRow
    }
}

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

    .bx-cashier .bx-withdrawal-generic .carousel-cell,
    .bx-cashier .bx-withdrawal-generic .form-cell {
        grid-column: secondColumn/endLine;
        justify-self: end
    }
}

.bx-cashier .bx-withdrawal-generic .bx-banner-carousel .banner-carousel,
.bx-cashier .bx-withdrawal-generic .bx-banner-carousel .banner-carousel .banner-container .img-container,
.bx-cashier .bx-withdrawal-generic .bx-banner-carousel .banner-carousel .banner-container .img-container .img-responsive {
    min-width: 0 !important
}

.bx-cashier .bx-withdrawal-generic .bx-banner-carousel .banner-carousel .carousel-inner .carousel-text {
    opacity: 0 !important
}

.bx-cashier .bx-withdrawal-generic .bx-banner-carousel .banner-carousel .banner-slide .carousel-text {
    min-height: 0 !important
}

.bx-cashier .bx-withdrawal-generic .bx-section#contentFooter {
    box-sizing: border-box
}

.bx-cashier .bx-withdrawal-generic .bx-section#contentFooter .section-1x1 {
    max-width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .bx-section#contentFooter .section-1x1 {
        max-width: 100%
    }
}

.bx-cashier .bx-withdrawal-generic .bx-section#contentFooter .lazyloaded {
    width: 100%
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .bx-section#contentFooter {
        margin: 0 0 0 50%
    }
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-withdrawal-generic .bx-section#contentFooter {
        margin: 0 24px
    }
}

.bx-cashier .bx-withdrawal-generic .brand-radio-field {
    padding: 5px 10px
}

.bx-cashier .bx-withdrawal-generic .button-area {
    margin-top: 0 !important
}

.bx-cashier .bx-withdrawal-generic .button-area .favorite-button-container-wd {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

.bx-cashier .randomized-amount-info {
    height: 48px !important;
    line-height: 48px !important;
    font-size: 1.34em !important
}

.bx-cashier .bx-list-table #listTable {
    margin-top: 30px
}

.bx-cashier .bx-list-table #listTable .step-list .step-item .output {
    word-break: break-word
}

@media (max-width: 769px) {
    .bx-cashier .bx-pending-withdraw-banner .custom-notification.alert.info {
        margin: 0 16px 16px;
        width: auto !important
    }

    .bx-cashier .deposit-area .bx-pending-withdraw-banner .custom-notification.alert.info {
        margin: 0 0 16px;
        width: auto !important
    }

    .ftd-cashier .bx-cashier .bx-pending-withdraw-banner .custom-notification.alert.info {
        width: 100% !important;
        margin: 0 0 16px
    }
}

.bx-cashier .bx-pending-withdraw-banner .banner-container {
    margin-bottom: 16px
}

.bx-cashier .bx-pending-withdraw-banner .review-btn {
    width: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 3px;
    max-width: 78px;
    font-size: 1.17em
}

.bx-cashier .bx-pending-withdraw-banner button i {
    max-height: 78px;
    bottom: -1px;
    position: relative
}

.bx-cashier .bx-deposit-psp-redirect .payment-iframe-header {
    z-index: 1050;
    height: 50px;
    padding: 10px;
    display: table-cell;
    vertical-align: middle
}

.bx-cashier .bx-deposit-psp-redirect .payment-iframe-container {
    z-index: 1050;
    height: 450px
}

.bx-cashier .bx-deposit-psp-redirect .payment-iframe {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    background-color: #fff
}

.bx-cashier .bx-deposit-psp-redirect .modal-content {
    height: 500px
}

@media only screen and (min-width: 769px) {
    .bx-cashier .bx-deposit-psp-redirect .modal-content {
        width: 769px
    }
}

.bx-cashier .bx-payment-instructions .step-item:first-child {
    padding-top: 15px;
    padding-bottom: 15px
}

.bx-cashier .bx-payment-instructions .step-list .step-item .output {
    display: flex;
    align-items: center;
    word-break: break-all
}

.bx-cashier .bx-payment-instructions .step-list .step-item .output span {
    line-height: 24px
}

.bx-cashier .bx-payment-instructions .custom-notification.alert.info.remarks {
    margin-bottom: 1px
}

.bx-cashier .bx-favorite-payment-method .favorite-button {
    padding: 4px 24px;
    color: #333;
    font-size: 16px;
    background-color: #e0ded9;
    border-radius: 200px
}

.bx-cashier .bx-favorite-payment-method .favorite-button:hover {
    background-color: #d7d4ce;
    cursor: pointer
}

.bx-cashier .bx-favorite-payment-method .favorite-button .icon {
    padding-left: 8px
}

.bx-cashier .bx-favorite-payment-method .error-message-fav-button {
    color: #af2b1d;
    font-size: 12px
}

.bx-cashier .bx-favorite-payment-method .error-message-fav-button .icon.icon-error {
    font-size: 16px;
    margin-right: 8px
}

.bx-cashier .bx-smart-tag-filter .smart-tag-list {
    background-color: #f5f5f2;
    top: 96px;
    padding: 16px 0
}

.bx-cashier .bx-smart-tag-filter .smart-tag-button {
    background-color: transparent !important;
    color: #404040 !important;
    font: normal normal 700 16px/20px Saira;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important
}

.bx-cashier .bx-smart-tag-filter .smart-tag-button:before {
    border: none !important
}

.bx-cashier .bx-smart-tag-filter .smart-tag-button-selected {
    background-color: #353535 !important;
    color: #fff !important;
    box-shadow: inset 0 -3px 0 #ff6900 !important;
    border: none !important
}

.bx-cashier .bx-smart-tag-filter .smart-filter-description {
    padding: 12px 0;
    color: #333
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-smart-tag-filter .smart-tag-list {
        top: 84px
    }

    .bx-cashier .bx-smart-tag-filter .smart-tag-button {
        font: normal normal 700 14px/20px Saira
    }

    .bx-cashier .bx-smart-tag-filter .smart-filter-description {
        border-bottom: 1px solid #d1d1d1;
        margin: 0 -16px;
        padding: 8px 16px 24px
    }
}

.bx-cashier .bx-smart-tag-filter .gradient {
    width: 150px
}

.bx-cashier .bx-smart-tag-filter .gradient-left {
    background: linear-gradient(90deg, #f5f5f2, rgba(245, 245, 242, 0))
}

.bx-cashier .bx-smart-tag-filter .gradient-right {
    background: linear-gradient(270deg, #f5f5f2, rgba(245, 245, 242, 0))
}

.bx-cashier .bx-smart-tag-filter .scroll-button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: none;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .3);
    top: 50%
}

.bx-cashier .bx-smart-tag-filter .scroll-button i.icon {
    color: #ff5400;
    font-size: 8px
}

.bx-cashier .bx-smart-payment-method-selector .payment-method-card {
    background-color: #fff
}

.bx-cashier .bx-smart-payment-method-selector .payment-method-card:hover {
    background-color: #e9e8e4
}

.bx-cashier .bx-smart-payment-method-selector .tag-type-title {
    font: normal normal 700 20px/25px Saira;
    color: #333;
    margin: 24px 0 12px;
    text-transform: uppercase
}

.bx-cashier .bx-smart-payment-method-selector .text-accordion {
    color: #333;
    font: normal normal medium 14px/17px Rubik
}

.bx-cashier .bx-smart-payment-method-selector .toggle-button {
    margin: 4px 0 24px !important
}

.bx-cashier .bx-smart-payment-method-selector .payment-method-selector-container {
    margin: 0 0 12px;
    gap: 16px
}

.bx-cashier .bx-smart-payment-method-selector .smart-selector-component {
    padding: 0 0 16px
}

@media only screen and (max-width: 768px) {
    .bx-cashier .bx-smart-payment-method-selector .payment-method-selector-container {
        gap: 12px
    }

    .bx-cashier .bx-smart-payment-method-selector .tag-type-title {
        font: normal normal 700 16px/25px Saira
    }

    .bx-cashier .bx-smart-payment-method-selector .smart-selector-component {
        padding: 0 16px
    }
}

.bx-cashier .bx-smart-payment-method-card .payment-method-element {
    padding: 12px;
    height: 100%
}

.bx-cashier .bx-smart-payment-method-card .payment-method-name {
    font: normal normal normal 16px/19px rubik;
    color: #000;
    margin-top: 8px;
    margin-bottom: 4px;
    line-height: 19px
}

.bx-cashier .bx-smart-payment-method-card .payment-method-description {
    font: normal normal normal 12px/14px Rubik;
    color: grey
}

.bx-cashier .bx-smart-payment-method-card .non-displayed-logos {
    font-size: 12px;
    color: #3c3c3c;
    line-height: 17px
}

.bx-cashier .bx-smart-payment-method-card .icon-container {
    height: 20px
}

.skinny-cashier-zeus .bx-cashier .bx-smart-payment-method-card .payment-method-element {
    height: 100%
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-header {
    margin: 0 0 12px
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-header-text {
    font: normal normal 700 20px/25px Saira;
    color: #333;
    text-transform: uppercase
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-info {
    padding: 0 0 20px
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-info-text {
    font: normal normal normal 14px/17px Rubik;
    color: #333
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-info-text.custom-link {
    color: #ff6900;
    font: normal normal normal 14px/17px Rubik
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-info-text.custom-link:hover {
    text-decoration: underline
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-list .payment-method-card {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    background: #e0ded9
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-list .payment-method-card:hover {
    background: #e9e8e4
}

.bx-cashier .bx-applicable-bonus .applicable-bonus-warning {
    color: #f08c00 !important
}

.bx-cashier .bx-applicable-bonus .not-applicable-bonus {
    padding: 4px 0 0;
    display: block
}

@media only screen and (max-width: 769px) {
    .bx-cashier .bx-applicable-bonus .applicable-bonus-header-text {
        font: normal normal 700 16px/25px Saira
    }
}

.bx-overlay-container .bx-cashier .bx-applicable-bonus .applicable-bonus-header-text {
    font: normal normal 700 16px/25px Saira
}

.bx-cashier .bx-recommended-for-you .recommended-container {
    margin: 0 0 24px;
    padding: 16px 0;
    background: #333
}

.bx-cashier .bx-recommended-for-you .recommended-title {
    font: normal normal 700 20px/25px Saira;
    margin: 0 0 12px;
    text-transform: uppercase
}

.bx-cashier .bx-recommended-for-you .recommended-element {
    padding: 0 calc(33.33333% + 5.33333px)
}

.bx-cashier .bx-recommended-for-you .recommended-container .payment-method-card {
    background: #f5f5f2
}

.bx-cashier .bx-recommended-for-you .recommended-container .payment-method-card:hover {
    background: #e9e8e4
}

@media only screen and (min-width: 769px) and (max-width:1023px) {
    .bx-cashier .bx-recommended-for-you .recommended-element {
        padding: 0 calc(25% + 4px)
    }
}

@media only screen and (max-width: 768px) {
    .bx-cashier .bx-recommended-for-you .recommended-container {
        margin: 0 -16px 24px
    }

    .bx-cashier .bx-recommended-for-you .recommended-title {
        font: normal normal 700 16px/17px Saira
    }
}

@media only screen and (min-width: 600px) and (max-width:768px) {
    .bx-cashier .bx-recommended-for-you .recommended-element {
        padding: 0 calc(33.33333% + 9.33333px)
    }
}

@media only screen and (min-width: 371px) and (max-width:599px) {
    .bx-cashier .bx-recommended-for-you .recommended-element {
        padding: 0 calc(25% + 11px)
    }
}

@media only screen and (max-width: 370px) {
    .bx-cashier .bx-recommended-for-you .recommended-element {
        padding: 0 16px
    }
}

.bx-overlay-container .bx-cashier .bx-recommended-for-you .recommended-container {
    margin: 0 -24px 24px
}

.bx-overlay-container .bx-cashier .bx-recommended-for-you .recommended-title {
    font: normal normal 700 16px/17px Saira
}

.bx-overlay-container .bx-cashier .bx-recommended-for-you .recommended-element {
    padding: 0 calc(25% + 15px)
}

@media only screen and (min-width: 371px) and (max-width:768px) {
    .bx-overlay-container .bx-cashier .bx-recommended-for-you .recommended-container {
        margin: 0 -24px 24px
    }

    .bx-overlay-container .bx-cashier .bx-recommended-for-you .recommended-element {
        padding: 0 calc(25% + 15px)
    }
}

@media only screen and (max-width: 370px) {
    .bx-overlay-container .bx-cashier .bx-recommended-for-you .recommended-container {
        margin: 0 -24px 24px
    }

    .bx-overlay-container .bx-cashier .bx-recommended-for-you .recommended-element {
        padding: 0 24px
    }
}

.bx-cashier .bx-list-table-smashier .listTable {
    background-color: #fff;
    padding: 0 16px;
    color: #000
}

.bx-cashier .bx-list-table-smashier .listTable .section-title {
    padding: 24px 16px 12px;
    margin: 0 -16px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    font: normal normal 500 14px/16px Rubik
}

.bx-cashier .bx-list-table-smashier .listTable .user-details {
    padding: 24px 16px 8px
}

.bx-cashier .bx-list-table-smashier .listTable .content {
    padding: 16px 0
}

.bx-cashier .bx-list-table-smashier .listTable .content .row {
    margin-bottom: 8px
}

.bx-cashier .bx-list-table-smashier .listTable .content .row:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.bx-cashier .bx-list-table-smashier .listTable .content .pair-row {
    font: normal normal normal 14px/16px Rubik
}

.bx-cashier .bx-list-table-smashier .listTable .content .pair-row .soft-text {
    font: normal normal normal 12px/14px Rubik;
    color: grey
}

.bx-cashier .bx-list-table-smashier .listTable .content .pair-row .text-bold {
    font-family: Rubik;
    font-weight: 500
}

.bx-cashier .bx-list-table-smashier .listTable .content .row-limits {
    border-bottom: 1px solid #d8d8d8;
    padding: 16px;
    margin: 0 -16px
}

.bx-cashier .bx-list-table-smashier .listTable .content .row-limits:first-child {
    padding-top: 0
}

.bx-cashier .bx-list-table-smashier .listTable .content .row-limits:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.bx-cashier .bx-postfailure-error .deposit-error-wrapper {
    width: 407px
}

.bx-account-wrapper .bx-cashier .bx-postfailure-error .deposit-error-wrapper {
    width: 404px
}

.bx-account-wrapper .bx-cashier .bx-postfailure-error .deposit-declined-header {
    margin-top: 16px
}

.bx-cashier .bx-postfailure-error .deposit-declined-header {
    gap: 8px;
    margin-bottom: 25px
}

.bx-cashier .bx-postfailure-error .icon-error.deposit-declined-icon {
    color: #fff;
    font-size: 16px;
    background-color: #a30000;
    border-radius: 50%
}

.bx-cashier .bx-postfailure-error .deposit-declined-title {
    font: normal normal normal 16px/20px Rubik;
    color: #333
}

.bx-cashier .bx-postfailure-error .postfailure-button-container {
    gap: 16px;
    margin-top: 25px;
    margin-bottom: 32px
}

.bx-cashier .bx-postfailure-error .postfailure-button {
    font: normal normal 700 16px/25px Saira;
    height: 48px
}

.bx-cashier .bx-postfailure-error .postfailure-button.secondary {
    height: 32px
}

.bx-cashier .bx-postfailure-error .xl {
    font: normal normal 700 20px/32px Saira;
    height: 48px
}

@media (max-width: 769px) and (min-height:560px) {
    .bx-cashier .bx-postfailure-error .deposit-error-wrapper {
        width: 342px;
        min-width: 342px
    }

    .bx-account-wrapper .bx-cashier .bx-postfailure-error .deposit-error-wrapper {
        width: 358px;
        min-width: 358px
    }

    .bx-account-wrapper .bx-cashier .bx-postfailure-error .deposit-declined-header,
    .bx-cashier .bx-postfailure-error .deposit-declined-header {
        margin-top: 8px
    }
}

.bx-cashier .bx-assistance .help-chat-container {
    gap: 16px;
    margin-bottom: 8px
}

.bx-account-wrapper .bx-cashier .bx-assistance .help-chat-container {
    margin-bottom: 16px
}

.bx-cashier .bx-assistance .help-description {
    font: normal normal normal 14px/17px Rubik;
    color: #333
}

.bx-cashier .bx-assistance .open-chat-button {
    font: normal normal 700 16px/25px Saira;
    padding: 4px 24px
}

.bx-cashier .bx-assistance .open-chat-button.tertiary:not(.inverse) {
    color: #333
}

.bx-cashier .bx-assistance .custom-link.help-link {
    font: normal normal normal 14px/17px Rubik
}

.bx-cashier .bx-assistance .strong {
    font: normal normal 700 14px/17px Rubik
}

@media (max-width: 768px) and (min-height:560px) {
    .bx-cashier .bx-assistance .help-chat-container {
        position: fixed;
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 0
    }

    .bx-account-wrapper .bx-cashier .bx-assistance .help-chat-container {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        margin-bottom: 16px
    }

    .bx-cashier .bx-assistance .help-chat-container {
        bottom: 32px
    }
}

.bx-cashier .bx-recovery-pm .recovery-pm-background {
    background-color: #e9e8e4;
    padding: 16px;
    gap: 8px
}

.bx-cashier .bx-recovery-pm .recovery-pm-message {
    font: normal normal normal 14px/17px Rubik;
    color: #333
}

.bx-cashier .bx-recovery-pm .recovery-pm-message a {
    color: #ff6900
}

.bx-cashier .bx-recovery-pm .recovery-pm-message a:hover {
    text-decoration: underline
}

.bx-cashier .bx-recovery-pm .recovery-pm-button {
    background-color: #fff;
    border-radius: 8px;
    font: normal normal normal 16px/19px Rubik
}

.bx-cashier .bx-recovery-pm .recovery-pm-button-text {
    color: #000;
    text-transform: none
}

.bx-cashier .bx-smart-pm-icons-component .non-displayed-logos {
    font-size: 12px;
    color: #3c3c3c;
    line-height: 17px
}

@media (max-width: 769px) {
    .bx-cashier .custom-notification.alert {
        width: calc(100% - 3em) !important;
        margin-left: 1.5em;
        margin-right: 1.5em
    }
}

:host ::ng-deep .bx-cashier .custom-checkbox label.bch-iagree-lbl,
:host ::ng-deep .bx-cashier .custom-checkbox label.btc-iagree-lbl,
:host ::ng-deep .bx-cashier .custom-checkbox label.white-text {
    color: inherit
}

:host ::ng-deep .bx-cashier fieldset.withdrawal-fieldset-inline-text {
    margin-left: 0
}

:host ::ng-deep .bx-cashier .cs-reduced-text {
    font-size: .9em
}

:host ::ng-deep .bx-cashier .cs-payment-details-container {
    width: 100%
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .button-area {
    text-align: center
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .button-area button {
    float: none
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .step-item #requestedAmountValue {
    color: #54a212;
    font-weight: 700
}

:host ::ng-deep .bx-cashier .cs-payment-details-container .tooltip-popover-content #aboutFeeMsgTooltip {
    padding-right: 10%
}

@media (min-width: 730px) {
    :host ::ng-deep .bx-cashier .cs-payment-details-container {
        max-width: 412px;
        margin: 0 auto
    }
}

:host ::ng-deep .bx-cashier .bcm-overlay .modal-body {
    padding: 16px !important
}

:host ::ng-deep .bx-cashier .cs-payment-details-table-title {
    font-size: 1em;
    padding-left: 8px;
    display: block;
    text-align: left;
    font-weight: 700;
    margin-bottom: 8px;
    color: #000
}

:host ::ng-deep .bx-cashier .cs-highlight-text {
    color: #000
}

@media (min-width: 730px) {
    :host ::ng-deep .bx-cashier .bonus-area {
        order: -1
    }
}

:host ::ng-deep .bx-cashier .bch-iagree-lbl,
:host ::ng-deep .bx-cashier .btc-iagree-lbl {
    color: inherit
}

:host ::ng-deep .bx-cashier .custom-menu.primary {
    color: #2b2b2b;
    background: #fff
}

:host ::ng-deep .bx-cashier .custom-menu.primary li {
    border: 1px solid #c2c2c2
}

:host ::ng-deep .bx-cashier .custom-menu.primary ul {
    background: #fff;
    border: 1px solid #c2c2c2
}

:host ::ng-deep .bx-cashier .bx-deposit-wiretransfer .instructions .numbered {
    color: grey
}

:host ::ng-deep .bx-cashier .custom-menu.primary.options li {
    border: 1px solid #c2c2c2
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .tooltip-popover-msg {
    padding: 5px;
    text-align: center
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .tooltip-popover-msg .error-msg {
    color: inherit
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .custom-cta.tertiary {
    background: #c00;
    color: #fff;
    font-size: 1em
}

:host ::ng-deep .bx-cashier .bx-reduce-amount .custom-cta.tertiary :before {
    border: 1px solid #dc3434 !important;
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2)
}

:host ::ng-deep .bx-cashier .withdrawal-bottom .custom-cta.primary.cta-large {
    width: 100%
}

:host ::ng-deep .bx-cashier .first-deposit {
    color: #368031
}

:host ::ng-deep .bx-cashier .list-table-title {
    color: #2b2b2b
}

:host ::ng-deep .bx-cashier .two-column-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    background-color: #fff
}

:host ::ng-deep .bx-cashier .two-column-container .left-panel {
    width: 100%;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .two-column-container .right-panel {
    width: 100%;
    margin-top: 15px;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .two-column-container .spaced-below {
    margin-bottom: 0
}

:host ::ng-deep .bx-cashier .two-column-container .withdrawal-button {
    width: 100%;
    margin-top: 15px
}

:host ::ng-deep .bx-cashier .two-column-container .pin-wrapper {
    margin-top: 3px
}

:host ::ng-deep .bx-cashier #displayedAddress,
:host ::ng-deep .bx-cashier #presetAmountTitle {
    color: grey
}

:host ::ng-deep .bx-cashier .local-bitcoin-box .register-lb-button {
    font-size: 1.21em
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid {
    background-color: #fff;
    display: grid
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .form-field-50 {
    display: block;
    width: 100%;
    margin-bottom: 15px
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .left-panel {
    width: 100%;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .right-panel {
    width: 100%;
    margin-top: 15px;
    padding: 16px 32px
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .spaced-below {
    margin-bottom: 0
}

:host ::ng-deep .bx-cashier .generic-withdrawal-grid .withdrawal-button {
    width: 100%;
    margin-top: 15px
}

@media (min-width: 730px) {
    :host ::ng-deep .bx-cashier .two-column-container .left-panel {
        width: calc(50% - 5px)
    }

    :host ::ng-deep .bx-cashier .two-column-container .right-panel {
        width: calc(50% - 5px);
        margin-top: 0
    }

    :host ::ng-deep .bx-cashier .generic-withdrawal-grid .left-panel {
        width: calc(100% - 10px)
    }

    :host ::ng-deep .bx-cashier .generic-withdrawal-grid .right-panel {
        width: calc(100% - 10px);
        margin-top: 0
    }

    :host ::ng-deep .bx-cashier .local-bitcoin-box .register-lb-button {
        font-size: 1.46em
    }
}

@media (max-width: 730px) {
    :host ::ng-deep .bx-cashier .custom-menu.primary.options.payment-methods-list {
        margin-left: 0;
        margin-right: 0
    }

    :host ::ng-deep .bx-cashier .bx-withdraw .custom-menu.primary.options.payment-methods-list {
        margin-top: -16px
    }

    :host ::ng-deep .bx-cashier .custom-notification {
        margin-top: 15px
    }
}

:host ::ng-deep .bx-cashier .modal-content .modal-medium {
    overflow: hidden
}

.fullsize-carousel:not(.sports-banner)>carousel .img-container img.img-responsive:not(.ng-lazyloaded),
_:-webkit-full-screen:not(:root:root) {
    min-height: 307px
}

:root .fullsize-carousel:not(.sports-banner)>carousel .img-container img.img-responsive:not(.ng-lazyloaded),
_::-webkit-full-page-media,
_:future {
    min-height: 307px
}

.bx-header~div.top-container {
    padding-top: 84px
}

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

    .logged-in .bx-header~div.top-container,
    .bx-header~div.top-container {
        padding-top: 96px
    }
}

.bx-footer {
    display: block;
    margin-top: 16px
}

.bx-footer .selectors-container {
    display: flex;
    justify-content: center
}

@media screen and (min-width: 769px) {
    .bx-footer {
        margin-top: 32px
    }
}

.bx-site .bg-overlay-color {
    background-color: #ededed
}

.bx-site .bg-color {
    background-color: #fff
}

.bx-site .font-color {
    color: #333
}

.bx-site .modal-overlay.game-wrapper-overlay {
    background-color: #333
}

.bx-site .game-wrapper-overlay-container .header-label {
    color: grey !important;
    font-weight: 400 !important
}

.bx-site .game-wrapper-header header {
    background-color: #fff;
    border-bottom: none !important
}

.bx-site .game-wrapper-body section {
    padding: 16px 0 !important
}

.bx-site .game-wrapper-body .game-description {
    background-color: #fff;
    height: 100% !important;
    margin-right: 18px
}

.bx-site .bx-notification-container {
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden
}

.bx-site .navbar-wrapper.blocked,
.bx-site .navbar-wrapper.not-found {
    background: #fff
}

.bx-site img.ng-lazyloaded {
    animation: fadeIn .4s linear;
    animation-play-state: running
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bx-site bx-overlay .modal-overlay.dark-overlay .bx-bonus-selection .modal-body.modal-body-full-width {
    padding: 0
}

@media screen and (min-width: 769px) {
    .bx-site .main-menu-wrapper {
        height: 105px
    }
}

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

    .logged-in .bx-header~div.top-container,
    .bx-header~div.top-container {
        padding-top: 128px;
        max-width: 1376px;
        margin: auto
    }
}

.bx-header~div.top-container.crossbrand-welcome-page {
    padding-top: 34px
}

@media screen and (min-width: 769px) {
    .bx-header~div.top-container.crossbrand-welcome-page {
        padding-top: 96px
    }
}

@media screen and (max-width: 769px) {
    .bx-main-menu {
        position: fixed;
        width: 100%;
        z-index: 5;
        bottom: 0
    }
}

.bx-menu.iphone {
    height: 64px
}

.bx-lang-select .lang-selector-menu-overlay {
    display: flex;
    max-width: 300%;
    position: fixed;
    top: 84px;
    left: -100%;
    right: -100%;
    background-color: rgba(0, 0, 0, .6);
    bottom: -100vh;
    z-index: 2
}

@media only screen and (min-width: 769px) {
    .bx-lang-select .lang-selector-menu-overlay {
        display: flex;
        max-width: 300%;
        position: fixed;
        top: 96px;
        left: -100%;
        right: -100%;
        bottom: -100vh;
        z-index: 2;
        background-color: rgba(0, 0, 0, .6)
    }
}

.bx-account main.content {
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (min-width: 769px) {
    .bx-account main.content {
        margin-top: 32px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1376px) {
    .bx-account main.content {
        margin-top: 0
    }
}

.bx-account-menu-navigation {
    color: #fff
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .summaryContainer .nameContainer {
    color: #fff;
    font-weight: 400;
    font-size: 1.17em
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .extended-balance .player-balance-amount {
    color: #fff;
    white-space: nowrap
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .userIconContainer {
    padding-top: 12px;
    padding-left: 12px
}

.bx-account-menu-navigation #root-for-bx-account-menu-navigation .summaryContainer {
    padding-top: 12px;
    margin-left: 50px;
    border-bottom-color: #d1d1d1
}

.bx-account-menu-navigation .account-menu-container {
    background-color: #000
}

.bx-account-menu-navigation .account-info {
    padding: 1em;
    min-height: 165px
}

.bx-account-menu-navigation .account-balance-logout {
    display: table-cell;
    flex-direction: row;
    justify-content: space-between
}

.bx-account-menu-navigation .account-balance-pending {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 50px
}

.bx-account-menu-navigation .account-deposit-buttons {
    padding: 14px 5.4%;
    position: relative;
    width: 100%;
    background-color: #1c1c1c;
    border-top: none
}

@media only screen and (min-width: 769px) and (max-width:800px) {
    .bx-account-menu-navigation .account-deposit-buttons {
        padding: 16px 4%
    }
}

.bx-account-menu-navigation .account-withdraw-button {
    width: 44%;
    float: right
}

.bx-account-menu-navigation .account-deposit-button {
    width: 44%
}

.bx-account-menu-navigation .account-logout {
    padding-top: 10px;
    padding-right: 12px;
    align-self: flex-end;
    float: right
}

@media only screen and (max-width: 376px) {
    .bx-account-menu-navigation .account-logout {
        padding-right: 6px
    }
}

.bx-account-menu-navigation .account-logout button.account-logout-button {
    display: block;
    margin: 0 auto
}

@media only screen and (max-width: 376px) {
    .bx-account-menu-navigation .account-logout button.account-logout-button {
        padding: 5px 10px
    }
}

.bx-account-menu-navigation .bx-account-menu-nav {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    min-width: 300px
}

.bx-account-menu-navigation .cashier-actions-row {
    display: flex;
    justify-content: space-between
}

.bx-account-menu-navigation .cashier-actions-row.one-column>.custom-cta.flex-buttons {
    width: 100%
}

.bx-account-menu-navigation .cashier-actions-row.two-columns>.custom-cta.flex-buttons {
    width: 48%
}

.bx-account-menu-navigation .cashier-actions-row.three-columns>.custom-cta.flex-buttons {
    width: 32%
}

.bx-account-menu-navigation .cashier-actions-row.first-row {
    margin-bottom: .625rem
}

.bx-account-menu-navigation .modal-header {
    padding: 0 10px
}

.bx-account-menu-navigation .modal-body {
    background-color: #333
}

.bx-account-menu-navigation .player-balance-amount {
    color: #fff;
    font-weight: 500
}

.bx-account-menu-navigation .player-name {
    color: #fff;
    font-size: 1.2em
}

.bx-account-menu-navigation .tooltip-popover-container {
    font-size: 11px;
    margin-left: 1px
}

.bx-account-menu-navigation .account-logout-button {
    color: #00c
}

.bx-account-menu-navigation bx-extended-balance-ch .extended-balance>div {
    line-height: 21px
}

.bx-account-menu #profileUpdateAccount-blocked-message a {
    color: #fff;
    text-decoration: underline
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent {
    display: inline-block;
    vertical-align: top;
    min-width: 300px;
    width: 100%
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .item-checkbox {
    float: left
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .item-link {
    display: block;
    padding: 0 20px 0 40px
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .account-back-btn {
    padding: 4px 0 0 10px
}

@media only screen and (min-width: 769px) {
    .bx-account-menu .bx-account-wrapper {
        display: flex
    }

    .bx-account-menu .bx-account-menu-nav {
        max-width: 408px;
        min-width: 340px;
        width: 33%;
        display: inline-block;
        flex: 1
    }

    .bx-account-menu .bx-account-menu-subcontent {
        flex: 2;
        width: 66%;
        display: inline-block;
        height: inherit
    }

    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-profile-update-account-form .modal-overlay .modal-body {
        min-height: fit-content
    }

    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-bonus-confirmation .modal-overlay .modal-body,
    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-confirmation .modal-overlay .modal-body {
        border: none;
        min-height: fit-content
    }
}

@media only screen and (max-width: 769px) {
    .bx-account-menu .bx-account-menu-subcontent .modal-body {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-bonus-confirmation .modal-overlay .modal-body,
    .bx-account-menu .bx-account-menu-subcontent .modal-body .bx-confirmation .modal-overlay .modal-body {
        border: none
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-header h2.h2-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-header h2.h2-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-redeem-overlay .modal-header h2.h2-heading {
    padding-left: 16px;
    font-size: 1.34em
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-header .close-btn,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-header .close-btn,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-redeem-overlay .modal-header .close-btn {
    box-shadow: none
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation .modal-overlay .modal-body p,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation .modal-overlay .modal-body p,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-redeem-overlay .modal-overlay .modal-body p {
    font-size: 14px;
    text-align: center
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header {
    padding: 15px 24px;
    border-bottom: 1px solid #d1d1d1;
    height: inherit
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header {
        padding-top: 8px
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header h2.h2-heading {
    text-transform: inherit;
    font-weight: 500
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bonus-selector .bonus-selector-header header.modal-header h2.h2-heading {
        font-size: 2em
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent :not(div)>header.modal-header {
    height: 71px;
    padding-top: 30px
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent :not(div)>header.modal-header {
        height: 50px;
        padding-top: 8px
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header button.account-back-btn.back-btn {
    float: left
}

@media only screen and (max-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header button.account-back-btn.back-btn {
        font-size: 8px
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header button.account-close-btn.close-btn {
    display: none
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header h2.h2-heading {
    float: left;
    font-size: 1.67em;
    text-transform: uppercase;
    padding-left: 8px;
    font-weight: 700
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-header h2.h2-heading {
        font-size: 2em
    }
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body {
    background: #f5f5f2;
    margin: 0
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body bx-bonus-account h3.h3-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body bx-bonus-account h3.heading {
    padding: 32px 0 16px 24px;
    font-size: 1.34em;
    font-weight: 400
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-cashier h3.h3-heading,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-cashier h3.heading {
    padding: 0 0 8px 7px;
    font-size: 1.17em;
    font-weight: 500
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .custom-field {
    margin-bottom: 16px
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .custom-field input {
    color: #333
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .custom-field input:disabled+label {
    background-color: #f5f5f2;
    border-color: hsla(0, 0%, 63.9%, .3);
    color: grey
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body ul li div.info span {
    color: #2b2b2b;
    font-weight: 700
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body ul.custom-menu li {
    color: #2b2b2b
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body ul.custom-menu li:hover {
    background: #f2f2f2
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-table-container {
    position: static
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-table-container ul.custom-menu {
    border-width: 0 1px
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body .bx-table-container ul.custom-menu li h3.title {
    color: #333
}

.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body header.subject-heading .icon.icon-arrow-down,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body header.subject-heading .icon.icon-arrow-next,
.bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body header.subject-heading .title {
    color: inherit
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent {
        margin: 0 0 0 32px
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-bonus-confirmation header.modal-header h2.h2-heading,
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-confirmation header.modal-header h2.h2-heading,
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-redeem-overlay header.modal-header h2.h2-heading {
        padding-left: 16px
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent header.modal-header h2.h2-heading {
        padding-left: 0
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-body {
        border-color: #e3e3e3;
        padding: 16px
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .modal-overlay .modal-body {
        border: none
    }
}

.bx-header-user-menu-ch .menu-overlay-container {
    position: relative
}

.bx-header-user-menu-ch .nav-menu-hidden {
    display: none
}

.bx-header-user-menu-ch div.nav-menu-elements {
    position: absolute;
    z-index: 3;
    right: 0;
    width: 375px;
    background-color: #f5f5f2;
    -webkit-box-shadow: inset 0 14px 16px -8px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 14px 16px -8px rgba(0, 0, 0, .2);
    box-shadow: inset 0 14px 16px -8px rgba(0, 0, 0, .2);
    overflow-y: auto;
    max-height: calc(100vh - 96px)
}

@media only screen and (min-width: 320px) and (max-width:769px) {
    .bx-header-user-menu-ch div.nav-menu-elements {
        height: calc(100% - 48px);
        width: 100%;
        overflow-y: auto
    }
}

@media only screen and (max-width: 769px) {
    .bx-header-user-menu-ch div.nav-menu-elements {
        position: fixed;
        left: 0
    }
}

@media only screen and (min-width: 769px) {
    .bx-header-user-menu-ch div.nav-menu-elements {
        top: -16px;
        width: 400px;
        -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .3);
        box-shadow: 0 0 16px rgba(0, 0, 0, .3)
    }
}

.bx-header-user-menu-ch div.nav-menu-elements .custom-menu {
    display: flex;
    flex-wrap: wrap;
    background-color: #1f1f1f;
    border-top: 1px solid #d1d1d1
}

.bx-header-user-menu-ch div.nav-menu-elements .custom-menu li {
    flex: 0 1 50%
}

.bx-header-user-menu-ch div.nav-menu-elements .custom-menu li:nth-child(odd) {
    border-right: 1px solid #d1d1d1
}

.bx-header-user-menu-ch div.nav-menu-elements .modal-body {
    padding: 0
}

.bx-header-user-menu-ch div.nav-menu-overlay {
    display: flex;
    max-width: 300%;
    position: absolute;
    top: 2px;
    left: 0;
    right: 0;
    bottom: -100vh;
    background-color: #f5f5f2;
    z-index: 2
}

@media only screen and (min-width: 769px) {
    .bx-header-user-menu-ch div.nav-menu-overlay {
        top: 0;
        left: -100%;
        right: -100%;
        background-color: rgba(0, 0, 0, .6)
    }
}

.bx-contact-us-page .contact-us-header {
    background: #f5f5f2
}

.bx-contact-us-page .bx-single-page-body {
    border: none !important
}

@media only screen and (min-width: 769px) {
    .bx-contact-us-page .bx-single-page-body {
        border: none !important
    }
}

.bx-contact-us-page .bx-single-page {
    margin-top: 0 !important;
    padding-top: 32px
}

.bx-contact-us-page .bx-single-page.bx-smart-contacts {
    padding-top: 0
}

@media only screen and (min-width: 1374px) {
    .bx-contact-us-page .bx-single-page {
        padding-top: 0
    }
}

.bx-contact-us-page .bx-single-page-title {
    color: #000 !important
}

.bx-contact-us-page main.content {
    margin-top: 0 !important
}

.bx-contact-us .contact-us .contact-us-responsive-two-columns {
    background: #f5f5f2
}

@media only screen and (min-width: 769px) {
    .bx-contact-us .contact-us .contact-us-responsive-two-columns .full-width-ctas {
        margin-top: 15px
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .field-left {
        width: calc(100% - 10px)
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea {
        margin-left: 0;
        width: calc(100% - 10px)
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea label {
        min-height: 112px !important;
        font-size: 1.17em !important
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea textarea {
        font-size: 1.17em !important
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .custom-textarea label.active-field {
        font-size: .85em !important
    }

    .bx-contact-us .contact-us .contact-us-responsive-two-columns .contact-us-form-fields {
        height: auto
    }
}

@media only screen and (max-width: 769px) {
    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages section.bx-messages-list {
        position: relative
    }

    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages bx-player-message-detail div.playerMessageDetail {
        padding: 0 16px
    }
}

@media only screen and (max-width: 769px) {
    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages .player-communication .bx-messages-list figure.custom-notification {
        position: static;
        top: auto
    }
}

@media only screen and (min-width: 769px) {
    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-account-messages header.modal-header button.account-back-btn {
        display: none
    }

    .bx-account-menu div.modal-content .custom-form-helper div.bx-account-menu-subcontent .bx-account-messages header.modal-header button.account-back-btn.back-btn.bx-communication-selected-btn {
        display: initial;
        margin-right: 10px;
        cursor: pointer
    }

    .bx-account-menu .bx-account-menu-subcontent .bx-account-messages .player-communication .modal-content .modal-body {
        min-height: 0
    }
}

.bx-account-bonuses .account-bonuses-container {
    height: 100%
}

.bx-account-bonuses .bonus-main i {
    font-size: 2.3em;
    margin-right: 10px;
    line-height: 1.67em;
    vertical-align: middle
}

.bx-account-bonuses .bonus-main span {
    display: inline-block;
    width: calc(100% - 2.3em - 10px);
    font-size: 1.34em;
    vertical-align: middle
}

.bx-account-bonuses .bonus-terms-link {
    text-align: center
}

.bx-account-bonuses .bonus-terms-link>a {
    font-size: 14px;
    color: #ff6900
}

.bx-account-bonuses bx-loyalty-dashboard {
    color: #000
}

.bx-account-bonuses bx-loyalty-dashboard div.bx-loyalty-dashboard {
    margin: 0 -16px
}

.bx-account-bonuses bx-loyalty-dashboard bx-loyalty-next-tier-info h1 {
    color: #e52113
}

.bx-account-bonuses bx-loyalty-dashboard bx-loyalty-next-tier-info ul {
    overflow: auto
}

.bx-account-bonuses bx-loyalty-dashboard #loyaltyShowLess,
.bx-account-bonuses bx-loyalty-dashboard #loyaltyShowMore {
    display: block;
    margin: 15px 73px 32px;
    font-size: 1em;
    color: #e52113
}

bx-menu-navigation .custom-tab.tab-menu li .static-btn:focus,
bx-menu-navigation .custom-tab.tab-menu li:focus {
    outline: none
}

bx-menu-navigation .custom-tab.tab-menu .static-btn {
    padding: 24px 12px
}

bx-menu-navigation ul {
    border-bottom: none
}

.pending-withdrawal bx-pending-withdrawal-ch .pending-withdraw-balance {
    margin: 12px -12px -23px -62px
}

.pending-withdrawal bx-pending-withdrawal-ch i.icon.icon-arrow-next {
    bottom: 0
}

.bx-single-page {
    margin-top: 88px
}

.bx-single-page.bx-smart-contacts {
    margin-top: 0
}

.bx-single-page .bx-single-page-header {
    padding: 0 30px
}

.bx-single-page .bx-single-page-title {
    max-width: 930px;
    font-size: 20px;
    color: #fff;
    margin-bottom: 16px
}

.bx-single-page .bx-single-page-body {
    max-width: 930px;
    background-color: #fff;
    color: #000;
    border-bottom: 16px solid #e3e3e3
}

@media only screen and (min-width: 769px) {
    .bx-single-page .bx-single-page-body {
        border: 16px solid #e3e3e3
    }
}

.bx-hard-block-copperhead .mainbox,
.bx-maintenance-cottonmouth .mainbox,
.bx-not-found-page-copperhead .mainbox,
.bx-outage-copperhead .mainbox {
    padding-top: 48px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #2b2b2b;
    min-height: calc(100vh - 48px);
    top: 48px
}

.bx-hard-block-copperhead .mainbox a,
.bx-maintenance-cottonmouth .mainbox a,
.bx-not-found-page-copperhead .mainbox a,
.bx-outage-copperhead .mainbox a {
    color: inherit
}

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

    .bx-hard-block-copperhead .mainbox,
    .bx-maintenance-cottonmouth .mainbox,
    .bx-not-found-page-copperhead .mainbox,
    .bx-outage-copperhead .mainbox {
        min-height: calc(100vh - 96px);
        top: 96px;
        padding-top: 80px
    }
}

.bx-hard-block-copperhead .mainbox .description-box,
.bx-maintenance-cottonmouth .mainbox .description-box,
.bx-not-found-page-copperhead .mainbox .description-box,
.bx-outage-copperhead .mainbox .description-box {
    margin: 62px 24px 34px;
    padding: 24px 24px 0;
    background: #333;
    border-radius: 8px 8px 8px 8px;
    flex: 1;
    display: inline-block
}

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

    .bx-hard-block-copperhead .mainbox .description-box,
    .bx-maintenance-cottonmouth .mainbox .description-box,
    .bx-not-found-page-copperhead .mainbox .description-box,
    .bx-outage-copperhead .mainbox .description-box {
        height: 193px;
        width: 420px;
        margin: 80px auto auto;
        padding-top: 32px
    }
}

.bx-hard-block-copperhead .mainbox .img-wrapper__image,
.bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
.bx-not-found-page-copperhead .mainbox .img-wrapper__image,
.bx-outage-copperhead .mainbox .img-wrapper__image {
    margin: auto;
    height: 38px
}

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

    .bx-hard-block-copperhead .mainbox .img-wrapper__image,
    .bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
    .bx-not-found-page-copperhead .mainbox .img-wrapper__image,
    .bx-outage-copperhead .mainbox .img-wrapper__image {
        height: 76px
    }
}

.bx-hard-block-copperhead .mainbox .h3-heading,
.bx-maintenance-cottonmouth .mainbox .h3-heading,
.bx-not-found-page-copperhead .mainbox .h3-heading,
.bx-outage-copperhead .mainbox .h3-heading {
    color: #c2c2c2;
    padding-top: 16px
}

.bx-hard-block-copperhead .mainbox .h4-heading,
.bx-maintenance-cottonmouth .mainbox .h4-heading,
.bx-not-found-page-copperhead .mainbox .h4-heading,
.bx-outage-copperhead .mainbox .h4-heading {
    color: #fff;
    padding-bottom: 8px
}

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

    .bx-hard-block-copperhead .mainbox .h4-heading,
    .bx-maintenance-cottonmouth .mainbox .h4-heading,
    .bx-not-found-page-copperhead .mainbox .h4-heading,
    .bx-outage-copperhead .mainbox .h4-heading {
        padding-bottom: 12px
    }
}

.bx-hard-block-copperhead .mainbox .h5-heading,
.bx-maintenance-cottonmouth .mainbox .h5-heading,
.bx-not-found-page-copperhead .mainbox .h5-heading,
.bx-outage-copperhead .mainbox .h5-heading {
    color: #c2c2c2;
    padding-bottom: 20px
}

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

    .bx-hard-block-copperhead .mainbox .h5-heading,
    .bx-maintenance-cottonmouth .mainbox .h5-heading,
    .bx-not-found-page-copperhead .mainbox .h5-heading,
    .bx-outage-copperhead .mainbox .h5-heading {
        padding-bottom: 20px
    }
}

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

    .bx-hard-block-copperhead .mainbox .h3-heading,
    .bx-hard-block-copperhead .mainbox .h5-heading,
    .bx-maintenance-cottonmouth .mainbox .h3-heading,
    .bx-maintenance-cottonmouth .mainbox .h5-heading,
    .bx-not-found-page-copperhead .mainbox .h3-heading,
    .bx-not-found-page-copperhead .mainbox .h5-heading,
    .bx-outage-copperhead .mainbox .h3-heading,
    .bx-outage-copperhead .mainbox .h5-heading {
        font-size: 12px
    }
}

.bx-hard-block-copperhead .navbar-wrapper.blocked.navbar-fixed-top,
.bx-maintenance-cottonmouth .navbar-wrapper.blocked.navbar-fixed-top,
.bx-not-found-page-copperhead .navbar-wrapper.blocked.navbar-fixed-top,
.bx-outage-copperhead .navbar-wrapper.blocked.navbar-fixed-top {
    background-color: #333
}

.bx-hard-block-copperhead .mainbox,
.bx-maintenance-cottonmouth .mainbox,
.bx-not-found-page-copperhead .mainbox,
.bx-outage-copperhead .mainbox {
    padding-top: 60px;
    padding-bottom: 20px
}

.bx-hard-block-copperhead .mainbox .img-wrapper__image,
.bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
.bx-not-found-page-copperhead .mainbox .img-wrapper__image,
.bx-outage-copperhead .mainbox .img-wrapper__image {
    height: 260px
}

.bx-hard-block-copperhead .mainbox .info-content,
.bx-maintenance-cottonmouth .mainbox .info-content,
.bx-not-found-page-copperhead .mainbox .info-content,
.bx-outage-copperhead .mainbox .info-content {
    margin-top: -178px
}

.bx-hard-block-copperhead .mainbox .info-content .main-info .h1-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .main-info .h1-heading,
.bx-not-found-page-copperhead .mainbox .info-content .main-info .h1-heading,
.bx-outage-copperhead .mainbox .info-content .main-info .h1-heading {
    font-size: 64px;
    color: #ff6900
}

.bx-hard-block-copperhead .mainbox .info-content .main-info .h3-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .main-info .h3-heading,
.bx-not-found-page-copperhead .mainbox .info-content .main-info .h3-heading,
.bx-outage-copperhead .mainbox .info-content .main-info .h3-heading {
    padding-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.bx-hard-block-copperhead .mainbox .info-content .description-box,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box,
.bx-not-found-page-copperhead .mainbox .info-content .description-box,
.bx-outage-copperhead .mainbox .info-content .description-box {
    border-radius: 0;
    height: auto;
    margin: 126px 0 34px;
    padding: 33px 26px 0
}

.bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading,
.bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading,
.bx-outage-copperhead .mainbox .info-content .description-box .h4-heading {
    font-size: 24px;
    padding-bottom: 7px
}

.bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading.smaller,
.bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
.bx-outage-copperhead .mainbox .info-content .description-box .h4-heading.smaller {
    font-size: 20px
}

.bx-hard-block-copperhead .mainbox .info-content .description-box .h5-heading,
.bx-maintenance-cottonmouth .mainbox .info-content .description-box .h5-heading,
.bx-not-found-page-copperhead .mainbox .info-content .description-box .h5-heading,
.bx-outage-copperhead .mainbox .info-content .description-box .h5-heading {
    padding-bottom: 23;
    font-weight: 400;
    line-height: 18px
}

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

    .bx-hard-block-copperhead .mainbox,
    .bx-maintenance-cottonmouth .mainbox,
    .bx-not-found-page-copperhead .mainbox,
    .bx-outage-copperhead .mainbox {
        padding-top: 30px;
        top: 48px
    }

    .bx-hard-block-copperhead .mainbox .img-wrapper__image,
    .bx-maintenance-cottonmouth .mainbox .img-wrapper__image,
    .bx-not-found-page-copperhead .mainbox .img-wrapper__image,
    .bx-outage-copperhead .mainbox .img-wrapper__image {
        height: 154px
    }

    .bx-hard-block-copperhead .mainbox .info-content,
    .bx-maintenance-cottonmouth .mainbox .info-content,
    .bx-not-found-page-copperhead .mainbox .info-content,
    .bx-outage-copperhead .mainbox .info-content {
        margin-top: -105px
    }

    .bx-hard-block-copperhead .mainbox .info-content .main-info .h1-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .main-info .h1-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .main-info .h1-heading,
    .bx-outage-copperhead .mainbox .info-content .main-info .h1-heading {
        font-size: 48px
    }

    .bx-hard-block-copperhead .mainbox .info-content .main-info .h3-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .main-info .h3-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .main-info .h3-heading,
    .bx-outage-copperhead .mainbox .info-content .main-info .h3-heading {
        line-height: 14px;
        font-size: 12px;
        padding-top: 5px
    }

    .bx-hard-block-copperhead .mainbox .info-content .signin-links,
    .bx-maintenance-cottonmouth .mainbox .info-content .signin-links,
    .bx-not-found-page-copperhead .mainbox .info-content .signin-links,
    .bx-outage-copperhead .mainbox .info-content .signin-links {
        -webkit-text-size-adjust: none
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box,
    .bx-outage-copperhead .mainbox .info-content .description-box {
        width: 327px;
        margin-top: 55px;
        padding-top: 26px
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading,
    .bx-outage-copperhead .mainbox .info-content .description-box .h4-heading {
        font-size: 20px;
        padding-bottom: 9px
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box .h4-heading.smaller,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box .h4-heading.smaller,
    .bx-outage-copperhead .mainbox .info-content .description-box .h4-heading.smaller {
        font-size: 18px
    }

    .bx-hard-block-copperhead .mainbox .info-content .description-box .h5-heading,
    .bx-maintenance-cottonmouth .mainbox .info-content .description-box .h5-heading,
    .bx-not-found-page-copperhead .mainbox .info-content .description-box .h5-heading,
    .bx-outage-copperhead .mainbox .info-content .description-box .h5-heading {
        line-height: 16px;
        font-size: 14px
    }
}

.bx-hard-block-copperhead .navbar-wrapper a.brand-logo {
    text-align: center
}

@media screen and (max-width: 769px) {
    .bx-hard-block-copperhead .navbar-wrapper {
        height: 48px
    }
}

.bx-hard-block-copperhead .navbar-wrapper {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3)
}

.bx-hard-block-copperhead .mainbox .info-content .description-box {
    margin-top: 144px
}

@media screen and (max-width: 769px) {
    .bx-hard-block-copperhead .mainbox .info-content .description-box {
        margin-top: 69px
    }
}

.bx-not-found-page-copperhead .mainbox .info-content {
    bottom: 169px
}

.bx-not-found-page-copperhead .mainbox .info-content .description-box {
    margin: 135px 0 31px
}

.bx-not-found-page-copperhead .mainbox .info-content .back-btn .custom-cta {
    padding: 8px 31px
}

.bx-not-found-page-copperhead .mainbox .info-content .signin-links {
    margin-top: 20px;
    font-size: 18px
}

@media screen and (max-width: 769px) {
    .bx-not-found-page-copperhead .mainbox {
        padding-top: 64px
    }

    .bx-not-found-page-copperhead .mainbox .info-content {
        bottom: 105px
    }

    .bx-not-found-page-copperhead .mainbox .info-content .description-box {
        margin-top: 69px
    }

    .bx-not-found-page-copperhead .mainbox .info-content .signin-links {
        font-size: 12px
    }
}

.bx-outage-copperhead .navbar-wrapper a.brand-logo {
    text-align: center
}

@media screen and (max-width: 769px) {
    .bx-outage-copperhead .navbar-wrapper {
        height: 48px
    }
}

.bx-outage-copperhead .navbar-wrapper {
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, .3)
}

.bx-maintenance-cottonmouth .navbar-wrapper a.brand-logo {
    text-align: center
}

@media screen and (max-width: 769px) {
    .bx-maintenance-cottonmouth .navbar-wrapper {
        height: 48px
    }
}

.bx-mfe-overlay-wrapper-component .forgot-password {
    overflow: hidden
}

.bx-mfe-overlay-wrapper-component .forgot-password .contact-us {
    margin-top: 24px;
    text-align: center
}

.bx-mfe-overlay-wrapper-component .forgot-password .contact-us .contact-us-link {
    cursor: pointer;
    margin-top: 8px;
    display: block;
    color: #ff6900
}

.bx-mfe-overlay-wrapper-component #reactive-chat-link {
    cursor: pointer
}

.bx-account-menu div.modal-content div.custom-form-helper .bx-account-menu-cashier header.modal-header button.account-back-btn.back-btn.header-title {
    display: flex;
    align-items: center
}

.bx-account-menu div.modal-content div.custom-form-helper .bx-account-menu-cashier button i.icon-back {
    padding-inline-end: .5rem;
    font-size: 16px
}

.bx-account-menu div.modal-content div.custom-form-helper .bx-account-menu-cashier header.modal-header button.account-back-btn.back-btn.header-title h2.h2-heading {
    cursor: pointer;
    font-size: 20px
}

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

    .bx-account-transaction .table-list td,
    .bx-account-transaction .table-list th {
        padding: 16px
    }

    .bx-account-transaction .table-list td:last-child {
        padding: 0 16px 16px
    }

    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 390px
    }
}

@media only screen and (min-width: 375px) {
    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 490px
    }
}

@media only screen and (min-width: 414px) {
    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 560px
    }
}

@media only screen and (min-width: 768px) {
    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 840px
    }
}

.bx-account-transaction .custom-notification.alert.bx-transaction-no-results {
    margin-bottom: 32px
}

.bx-account-transaction .modal-overlay .custom-field {
    margin-bottom: 0
}

.bx-account-transaction table#playerTransactionTable.table-list {
    position: relative
}

.bx-account-transaction table#playerTransactionTable.table-list td,
.bx-account-transaction table#playerTransactionTable.table-list th {
    text-align: left;
    vertical-align: middle
}

.bx-account-transaction table#playerTransactionTable.table-list td span:not(.icon-title),
.bx-account-transaction table#playerTransactionTable.table-list th span:not(.icon-title) {
    font-size: 12px
}

.bx-account-transaction table#playerTransactionTable.table-list .total-header,
.bx-account-transaction table#playerTransactionTable.table-list [class*=amount-] {
    text-align: right
}

.bx-account-transaction table#playerTransactionTable.table-list tbody {
    display: block
}

.bx-account-transaction .bx-transaction-dates {
    padding: 0 1em 1em 4%
}

.bx-account-transaction .custom-notification.alert.bx-transaction-no-results {
    white-space: nowrap;
    justify-content: center
}

.bx-account-transaction .custom-notification.alert.bx-transaction-no-results figcaption {
    flex: initial
}

@media only screen and (min-width: 769px) {
    .bx-account-transaction table#playerTransactionTable.table-list {
        margin-bottom: 10px
    }

    .bx-account-transaction table#playerTransactionTable.table-list th span:not(.subtitle) {
        font-size: 14px
    }

    .bx-account-transaction table#playerTransactionTable.table-list th span.subtitle {
        font-size: 12px
    }

    .bx-account-transaction table#playerTransactionTable.table-list td,
    .bx-account-transaction table#playerTransactionTable.table-list th {
        padding: 16px 24px
    }

    .bx-account-transaction table#playerTransactionTable.table-list tbody {
        max-height: 350px
    }

    .bx-account-transaction .bx-transaction-dates {
        width: 50%;
        padding: 0 0 1em 4%
    }
}

.bx-account-transaction figure.custom-dropdown {
    margin-bottom: 0
}

.bx-account-transaction button.close-btn {
    background: transparent;
    margin: 0
}

.navbar-hidden-menu {
    padding-bottom: 0
}

@media only screen and (max-width: 768px) {
    .bx-two-factor-authenticator-settings .enable-2fa-body {
        padding: 1em
    }
}

@media only screen and (min-width: 768px) {
    .bx-two-factor-authenticator-settings .enable-2fa-body {
        margin: 1em
    }
}

.bx-two-factor-authenticator-settings .enable-2fa-body {
    font-size: 1.2em
}

.bx-two-factor-authenticator-settings .enable-2fa-toggle-container {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.bx-two-factor-authenticator-settings .menu-2fa-container {
    border-bottom: .1em solid #d1d1d1;
    margin-bottom: 1em;
    padding-bottom: 1.5em
}

.bx-two-factor-authenticator-settings .menu-2fa-title {
    color: #000;
    font-weight: 700;
    margin-bottom: 1em
}

.bx-two-factor-authenticator-settings .menu-2fa-description {
    color: #000;
    max-width: 82%
}

.bx-two-factor-authenticator-settings .trusted-devices-container {
    background-color: #fff;
    border-radius: .8em;
    font-size: .9em;
    margin-top: 1em;
    padding: 1em
}

.bx-two-factor-authenticator-settings .need-help-link-container {
    margin: 1em 0 0
}

.bx-two-factor-authenticator-settings .need-help-link,
.bx-two-factor-authenticator-settings .remove-all-link {
    cursor: pointer;
    text-decoration: none;
    color: #0069ba
}

.bx-account-security .security-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.bx-account-security .security-list .security-item {
    border-bottom: 1px solid #d1d1d1
}

.bx-account-security .security-list .security-item:last-child {
    border-bottom: none
}

.bx-account-security .security-list .security-item .security-button {
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    text-align: left;
    width: 100%
}

.bx-account-security .security-list .security-item .security-button:hover {
    background-color: #f5f5f5
}

.bx-account-security .security-list .security-item .security-button .security-content {
    flex: 1
}

.bx-account-security .security-list .security-item .security-button .security-content .security-title {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0 0 5px;
    color: #000
}

.bx-account-security .security-list .security-item .security-button .security-content .security-description {
    color: #666;
    font-size: 1.2em;
    margin: 0;
    padding-top: 4px
}

.bx-account-security .security-list .security-item .security-button .chevron {
    color: grey;
    font-size: 8px
}

@media only screen and (min-width: 769px) {
    .table-list:not(.condensed) span:not(.subtitle) {
        font-size: inherit
    }
}