/* ----------------------------------------------------------------
        Custom CSS

        Add all your Custom Styled CSS here for New Styles or
        Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

*,*:after,*:before {
    box-sizing: border-box;
}
.wrapper-dropdown-2 {
    position: relative;
    width: 200px;
    margin: 0 auto;
    padding: 10px 15px;

    /* Styles */
    background: #fff;
    border-left: 5px solid grey;
    cursor: pointer;
    outline: none;
}
.wrapper-dropdown-2:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 16px;
    top: 50%;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: grey transparent;
}
.wrapper-dropdown-2 .dropdown {
    /* Size & position */
    position: absolute;
    top: 60%;
    left: -45px;
    right: 0px;

    /* Styles */
    background: white;
    transition: all 0.3s ease-out;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}
.wrapper-dropdown-2 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 5px solid;
    padding: 10px;
    transition: all 0.3s ease-out;
}

.wrapper-dropdown-2 .dropdown li:nth-child(1) a {
    border-left-color: #00ACED;
}

.wrapper-dropdown-2 .dropdown li:nth-child(2) a {
    border-left-color: #4183C4;
}

.wrapper-dropdown-2 .dropdown li:nth-child(3) a {
    border-left-color: #3B5998;
}

.wrapper-dropdown-2 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.wrapper-dropdown-2 .dropdown li:hover a {
    color: grey;
    background-color: darkgrey;
}
.wrapper-dropdown-2.active:after {
    border-width: 0 6px 6px 6px;
}

.wrapper-dropdown-2.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

.hide{
    display: none;
}
.show{
    display: block;
}

.icon-refresh {
    background-image: url(../images/refresh.svg);
}

.logo-usdt {
    background-image: url(../images/usdt.png);
    vertical-align:middle;
}

.logo-tron {
    background-image: url(../images/tron-trx-logo.svg);
    vertical-align:middle;
}

.logo-bnb {
    background-image: url(../images/bnb.svg);
    vertical-align:middle;
}

.logo-vai {
    background-image: url(../images/vai.png);
    vertical-align:middle;
}

.logo-petra {
    background-image: url(../images/petra.png);
    vertical-align:middle;
}
.icon-all-games {
    background-image: url(../images/icon-all-games.png);
}

canvas {
    pointer-events:none;
    /*background-color: #ffffff;*/
    text-align: center;
}

.help-block{
    color:red !important;
}

#footer{
    padding: 0px!important;
}

@keyframes append-animate {
    from{
        top:-300px;
        opacity:0
    }
    to{
        top:0;
        opacity:1
    }
}

.new-item {
    /*animation: append-animate .2s ease-in-out;*/
    animation: append-animate 0.4s;
}

.btn-medium-secondarys {

}
.btn-medium-secondarys:hover {
    color: #ffffff!important;
    /*background-color: #435B7E!important;*/
    border-color: #435B7E!important;
}
.btn-check:focus+.btn-medium-secondarys, .btn-medium-secondarys:focus {
    color: #ffffff;
    /*background-color: #435B7E;*/
    border-color: #435B7E;
}
.btn-check:active+.btn-medium-secondarys, .btn-check:checked+.btn-medium-secondarys, .btn-medium-secondarys.active, .btn-medium-secondarys:active {
    color: #ffffff;
    /*background-color: #435B7E;*/
    border-color: #435B7E;
}
.btn-medium-light.disabled, .btn-medium-secondarys:disabled {
    color: #ffffff;
    /*background-color: #435B7E;*/
    border-color: #435B7E;
}

.banner-home,.game-cate-v2,.live-wins-v2{
    padding-bottom: 0px!important;
}
.top-user-v2,.live-activities{
    padding-bottom: 32px!important;
}

.dropdown-menu li a span.text{
    padding-right:0px!important;
}
.dropdown-menu li a span.text .desposit-amount-right {
    width: 150px;
}
.text-disable{
    color: var(--light-4)!important;
    background-color:#041122!important;
    border:2px solid #144684!important;
}
.tooltip-withdraw{
    margin-top:210px!important;
}
.activities-text-gray{
    text-transform:none!important
}
.f-aptos{
    font-size:12px!important;
    color:#A9AEBE!important;
    text-align: center!important;
}
.img-aptos{
    text-align: center;
}
.img-aptos img{
    width:110px;
}

.fa-spin {
    margin-right: 8px;
}
.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.play-main-content{
    width: 100% !important;
    max-height: inherit !important;
    background-image: url('https://staging.xgamble.io/assets/play/1080x1920.png') !important;
    background-position: top !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 100vh !important;
    overflow-x:auto!important;
    padding-top:55px!important;
}

iframe {
    overflow-clip-margin: content-box !important;
    overflow: clip !important;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}

iframe {
    height: 500px;
    width: 100%;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
}

iframe.play {
    height: 93vh!important;
    width: 100%!important;
}

.icon-cent{
    background-image: url(../images/icon-coin.png);
    vertical-align: middle;
}
.icon-xgam{
    background-image: url(../images/icon-xgam.png);
    vertical-align: middle;
}
.icon-20 {
    width:20px;
    height:20px;
    background-size:20px;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}