/* Overlay Lottie centralizado */
#lottie-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}


            @media (max-width: 768px) {
    .pix_processar .window .step {
        position: relative;
        background: #1a242d;
        min-width: 100%;
        max-height: 504px;
        min-height: 100%;
        padding: 8px;
        
    }
}

[fornecedor='Pragmatic Play']:before, [fornecedor='Caleta Gaming']:before, [fornecedor='PGSoft']:before, [fornecedor='Mancala']:before, [fornecedor]:before{
    display: none!important;
}



.crash-bet__image-wrapper{display: block;}

        /* Foto de perfil com borda customizada */
.crash-bet__image-wrapper .crash-bet__image,
.history-card__top-side_image-wrapper .history-card__top-side_image,
li.tooltip.tooltipstered  .avatar,
.double-history__col-header-bet__photo .avatar  {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid #233846;
    display: block;
    margin: 0 auto;
    position: relative;
}

/* Ícone de nível com fundo e borda arredondada */
.crash-bet__image-wrapper .mrank,
.history-card__top-side_image-wrapper .rank,
li.tooltip.tooltipstered  .rank,
.double-history__col-header-bet__photo .rank {

    height: unset!important;margin-bottom: unset!important;position: absolute!important;margin-left: unset!important;

    position: absolute;
    width: 22px;
    right: -7px;
    top: -1px;

    background-color: #233846!important;
    border-radius: 50%!important;
    padding: 4px!important;
    width: 24px!important;
    height: 24px!important;
    box-shadow: 0 0 3px rgba(0,0,0,0.3)!important;
    margin: 4px auto 0!important;
    display: block!important;
}

/* Linha entre avatar e nível */
.crash-bet__image-wrapper .crash-bet__image + .mrank::before,
li.tooltip.tooltipstered .avatar + .rank::before,
.history-card__top-side_image-wrapper .history-card__top-side_image + .rank::before,
.double-history__col-header-bet__photo .avatar + .rank::before {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: #233846;
    margin: 0 auto -4px;
}




            .def_link {
    border-bottom: 1px solid #f12c4c;
   
}
            .auth-btn {
                font-size: 15px;
                font-weight: bold;
                line-height: 38px
            }

            .popup input {
                background: #0f212e;
                    border: 2px solid #2f4553;
    border-radius: 4px;
    box-sizing: border-box;
                
            }
            .game-sidebar__play-button, button.startGame, .pix_processar button.depositar, button.nobonus{
                background: #f12c4c!important;
                color:#FFF!important;
            }

            .pix_processar .forma.active, .pix_processar button.valor.active{
                color: #f12c4c!important;
                border-color: #f12c4c!important;
                background: #f12c4c33!important;
            }

            .popup,
            .modal {
                background: #1a2c38
            }

            @media (min-width:1024px){
                .session2{
                    display:none!important;
                }
                #selector-idioma-mobile{
                    display: none!important;
                }

            }

                .topsession, .topsession2 {
                    color: #FFF !important;
                    transition: background .5s;
                    font-weight: bolder!important;
                    overflow: hidden;
                    position: relative;
                    text-align: center;
                    padding: 10px 0px!important;
                    width: 80px;
                    transition: none;
                    -webkit-transition:none;
                }
                .topsession2 {
                    height: 62px!important;
                }
                .topsession i, .topsession2 i {
                    position: absolute;
                    width: 40%!important;
                    margin: 0!important;
                    height: auto!important;
                    font-size: xxx-large!important;
                    aspect-ratio: 1;
                    top:8px;
                    left:0px;
                }
                .topsession2 i {
                    font-size: 70px!important;
                }
                .topsession span, .topsession2 span {
                    position: relative;
                    z-index: 1;
                    font-size:14px!important;
                    text-shadow: 1px 1px 2px rgba(0 0 0 / 50%);
                    font-size: ;
                }
                .topsession.cassino:hover, .topsession2.cassino:hover {
                    background-color:#07924c!important;
                }
                .topsession.esporte:hover, .topsession2.esporte:hover {
                    background-color:#fe7a00!important;
                }

            .item .game-title {
                font-size: 27px;
                font-weight: inherit;
                font-family:sans-serif;
                font-optical-sizing: auto;
                font-style: normal;
                line-height: 29px
            }

            .level-block .bar-bg {
                height: 4px;
                border-radius: 12px
            }

            :root {
                --light2-color: #0f1923;
                --dark-color: #52616a
            }

            .btn-danger {
                color: #fff;
                background-color: #ff4752;
                border-color: #fff
            }

            @media(max-width:640px) {
                .navbar-brand .mobile {
                    display: inline-block;
                    width: auto;
                    height: 42px
                }
            }

            .auth-btn {
                padding: 0 20px;
                border: 0;
                background: linear-gradient(45.87deg, #FFDB6F 6.6%, #FFBB29 102.94%);
                border-radius: 5px;
                color: #2d424d
            }

            .crash-bet {
                background: #1a242d
            }

            .money-block__money-area {
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                font-size: 14px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding-right: 99px;
                padding-left: 35px;
                background-color: #0f1923;
                border-radius: 6px;
                color: #e6e6e6;
                border: 1px solid #6c6c6c6e
            }

            .home-social-btn{
                background: rgba(255 255 255 /12%);
                cursor:pointer;
                border-radius: 5px;
                aspect-ratio: 1;
                width: 44px;
                display:flex;
                flex-flow: row;
                justify-content: center;
                align-items: center;
            }

            .home-social-btn:hover{
                background: #3c5667;
            }

            .home-social-btn svg{
                width:20px;
                height: 20px;
            }

            .home-social{
                display: flex; 
                flex-flow: row nowrap; 
                gap:10px;
                margin-bottom: 20px;
            }

            .wallet-link {
                border-radius: 6px;
                font-size: 14px;
                font-weight: 500;
    border-radius: 3px;
    background: #f12c4c;
            }

            .wallet-link:hover,
            .auth-btn:hover {
                background: #f12c4c;
                box-shadow: 0 0 10px rgb(4 84 44 / 29%)
            }

            div.search-bar {
                position: relative
            }

            div.search-dropdown {
                
                position: absolute;
                right: 0!important;
                left:0!important;
                top:100%!important;
                margin-top: 0!important;
                border-radius: 15px 0 15px 15px;
                background-color: #213743!important;
                backdrop-filter: blur(5px);
                width: 100%!important;
                margin-top: 0!important;
                min-height: 120px;
                display: none;
                z-index: 20;
                padding: 10px;
                box-shadow: 0 2px 10px rgba(0 0 0 /15%)
            }

            div.search-dropdown>div{
                display: flex;
                flex-flow: row wrap;
                gap:5px;
                justify-content: flex-start;
                align-items: center;
                max-height: 300px;
                overflow: auto;
            }

            div.search-dropdown>div>a {
                width: 30%!important;
                max-width: 120px!important;
                aspect-ratio: 5/7;
                overflow: hidden;
                border-radius: 5px;
                position: relative;
                background: #0f212e;
            }
            div.search-dropdown>div>a>img{
                width: 100%;
                aspect-ratio: 5/7;
            }

            @media(max-width:768px) {
                div.search-dropdown {
                    border-radius: 0 0 15px 15px;
                    width: calc(90% - 20px);
                    right: calc(5% + 10px)
                }
            }

            .page_loader {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateX(-50%) translateY(-50%)
            }

            @media(min-width:1024px) {
                .page_loader {
                    left: calc(50% + 125px)
                }
            }

            .content {
                position: relative
            }
            .game-container,.profile-wrapper{
                max-width: 900px!important;
            }
            .game-sidebar, .game-footer, .double-field-wrapper, .game-container_history{
                background: #1c2f3b!important;
                border-color: #1c2f3b!important;
            }
            .double-field-wrapper{
                background: #0f212e !important;
            }
            .double{
                background: #0f212e !important;
            }
            .double-history__col-header{
                background: #233846!important;
            }
            .game-sidebar__play-button, .game-sidebar__play-button-wrapper{
                border: none!important;
            }
            .game-sidebar__input::placeholder{
                opacity: 0.9;
                font-size: 1.2rem!important;
                color:#475c6a;
            }
            .game-sidebar__input{
                font-size: 1.2rem!important;
            }

            .game-sidebar__set-action{
                background: #233846!important;
            }
            .game-sidebar__set-action:hover{
                background: #2c4250!important;
            }

            .button.game-sidebar__input-helper-action{
                background-color: #233846!important;
            }
            .button.game-sidebar__input-helper-action:hover{
                background-color: #2c4250!important;
            }



            .mobile-menu__submenu-item_social-link {
                margin-left: auto
            }

            .mobile-online {
                justify-content: flex-start;
                width: 50% !important;
                margin: 0;
                padding-left: 20px
            }

            .container-block{
                max-width: 900px;
                width: 100%!important;
            }
            @media(min-width: 1367px){
                .container-block{
                    max-width: 1024px;
                    width: 100%!important;
                }   
            }

            .active-dot {
                width: 5px !important;
                height: 5px !important
            }

            .mobile-online .active-dot {
                width: 0 !important;
                height: 0 !important;
                flex: 0;
                display: inline-block;
                border-radius: 50%;
                margin-right: 10px;
                background: linear-gradient(45.87deg, #FFDB6F 6.6%, #FFBB29 102.94%);
                -webkit-box-shadow: 0 0 5px 4px rgba(255, 196, 0, 1);
                box-shadow: 0 0 5px 4px rgba(255, 196, 0, 1)
            }

            .game-sidebar__input-helper {
                position: relative;
                visibility: visible;
                top: unset;
                opacity: 1;
                border: 0;
                display: flex !important;
                justify-content: space-between !important;
                margin-top: 5px !important
            }

            button.game-sidebar__input-helper-action{
                background-color: #272d39 !important
            }

            .money-block__money-area {
                width: 210px
            }

            .mode i:first-child{
                color:#f12c4c!important;
            }

            .zxc-age-modal-button-yes, .abc-cookies-accept-all, .item .btn-center-game{
                background-color:#f12c4c!important;
            }
            [type$="checkbox"]:checked:after{
                color:#f12c4c!important;
            }
            .auth-btn{
                background:#f12c4c!important;
                color:#FFF!important;
            }

            .money-block__money-area {
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                font-size: 14px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                padding-right: 99px;
                padding-left: 35px;
                background-color: #0f1923;
                border-radius: 100px;
                color: #e6e6e6;
                border: 1px solid #6c6c6c66
            }

            .fixed-chat {
                background: #2f2e2e
            }

            .fixed-chat .item .text {
                margin-top: -4px;
                position: relative;
                letter-spacing: .015em;
                background: rgb(22 20 20 / 40%);
                color: #fff;
                font-size: 13px;
                border-radius: 3px;
                padding: 24px 19px;
                -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
                -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
                box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
                margin-top: 12px
            }

            .fixed-chat .item .text:before {
                content: '';
                position: absolute;
                top: -10px;
                left: 5px;
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 10px solid #19
            }

            .fixed-nav .leftside li.perfil,
            .fixed-nav .leftside li.bonus {
                font-size: medium;
                color: #132941;
                background: linear-gradient(45.87deg, #FFDB6F 6.6%, #FFBB29 102.94%);
                margin-bottom: 37px;
                min-height: 45px;
                display: flex;
                align-items: center
            }

            *[nivel-color] {
                background-color: var(--bg-color);

                --bg-color: {
                        {
                        isset($u->nivel_data) && $u->nivel_data !="" && sizeof(explode(';', $u->nivel_data))>1 ? explode(';', $u->nivel_data)[0]: "#FC0"
                    }
                }
            }

            .navbar {
                height: 60px
            }

            .menu-button {
                background: #272d39
            }

            html,
            body {
                overflow: initial !important;
                position: initial !important;
                height: auto !important;
                scroll-behavior: smooth
            }

            .fixed-nav {
                position: sticky !important;
                top: 60px !important;
                min-height: 100vh;
                float: left !important;
                height: auto !important
            }

            .fixed-nav .leftside {
                height: auto !important;
                position: relative !important
            }

            .fixed-nav .leftside:after {
                content: " ";
                display: block;
                visibility: hidden;
                height: 50px
            }

            .main-width {
                padding-left: 10px !important
            }


            @media (max-width:550px){
                .main-width{
                    padding: 0!important;
                    padding-left: 5px!important;
                    margin: 8px 1px 6px -3px;
                }
                .slider{
                    width: 100%!important;
                }
            }
            
            .auth-btn{
                height: 45px!important;
                line-height: 45px!important;
                transition: none!important;
                -webkit-transition: none!important;
                box-shadow: none!important;
            }

            ::-webkit-scrollbar{
                background: #1a2c38;
                width: 8px;
            }
            ::-webkit-scrollbar-thumb{
                background: #2c4250;
                border:2px solid #1a2c38;
            }



                .session.collapsed{
                    display: none!important;
                }

                #bg-navbar.collapsed{
                    width: 60px!important;
                }

                #bg-navbar2.collapsed{
                    left:60px!important;
                    width:calc(100% - 60px)!important;
                }

                .pagesession {
                    display: none
                }

                @media (max-width: 1024px){
                    .session{
                        display:none!important;
                    }
                    #bg-navbar{
                        display: none!important;
                    }
                    #bg-navbar2{
                        left:0px!important;
                        width: 100%!important;
                    }
                }

                @media(max-width:550px) {
                    .session {
                        display: none !important
                    }

                    .pagesession {
                        display: block !important
                    }
                }




               
                            .navbar-brand img {
                                width: 170px;

                            }


                            #money_mob_down:before {
                                content: "- ";
                            }

                            #money_mob_up:before {
                                content: "+ ";
                            }

                            #money_mob:before {
                                content: "";
                                width: 15px;
                                height: 15px;
                                background: url('https://beette-cdn.b-cdn.net/real.png');
                                background-size:contain;
                                background-repeat: no-repeat;
                                display: inline-block;
                                vertical-align: middle;
                                margin-right: 3px;
                                margin-bottom: 2px;
                            }

                            #money_mob {
                                padding-left: 33px;
                                padding-right: 112px;
                            }

                            #saques_drop_button:hover {
                                color: rgba(255 255 255 /50%) !important;
                            }

                            #btnsacar {
                                background: #3ac430 !important;
                                border: none !important;
                            }

                            #btnsacar:hover {
                                background: #4ad440 !important
                            }

                            .popup-saques .close {
                                display: block;
                                position: absolute;
                                right: 5px;
                                top: 5px;
                                font-size: 25px !important;
                                padding: 0;
                                width: 30px;
                                height: 30px;
                                border-radius: 100px;
                                text-align: center;
                                color: #FFF;
                                opacity: 0.4;
                                cursor: pointer;
                            }


                      
                                    .currency-item-list::-webkit-scrollbar{
                                        background: transparent!important;
                                        width: 6px;
                                        appearance: auto!important;
                                        -webkit-appearance: auto!important;
                                    }
                                    .currency-item-list::-webkit-scrollbar-thumb{
                                        border:#FFF!important;
                                        background: #475c6a50!important;
                                        appearance: auto!important;
                                        -webkit-appearance: auto!important;
                                    }
                                    .currency-item-list{
                                        /*padding-top:10px;*/
                                    }
                                    .currency-item-list .currency-item{
                                        position:relative;z-index:1;min-height:35px;display: flex;flex-flow: row nowrap;align-items: center;font-weight: bold;
                                        padding-left:10px;
                                        cursor: pointer;
                                    }
                                    .currency-item-list .currency-item:hover{
                                        background: rgba(0 0 0 /15%);
                                    }
                                    .currency-item-list .currency-item.active{
                                        background: #45b25a!important;
                                        color:#FFF!important;
                                    }
    
                .fi.fi-sr-messages {
                    color: white
                }
          
         
                :root{
                    --bg-color:#1a2c38!important;
                    --light-color:#2c4250!important;
                }
                .navbar {
                    height: 60px;
                    padding-right:10px!important;
                    background: #1a2c38;
                    box-shadow: 0 4px 6px -1px #0003,0 2px 4px -1px rgba(0,0,0,.122);
                    border:none!important;
                }
                .menu-button{
                    background: transparent!important;
                    color:#FFF!important;
                    border:none!important;
                }

                .fixed-nav-bg,
                .fixed-nav {
                    width: 250px;
                    left: 0;
                    top: 60px;
                    background: #0f212e;
                    background-attachment: fixed;
                    border-right: inset;
                    border-width: 1px;
                    border-color: #434343;
                    border:none!important;
                }

                .fixed-nav .leftside li{
                    transition: none;
                    -webkit-transition:none;
                }

                .fixed-nav .leftside a li.game-link{
                    color:#FFF!important;
                }

                .fixed-nav .leftside a li.game-link:hover{
                    background-color:#213743!important;
                    letter-spacing: 0;
                }
                .fixed-nav .leftside a li.game-link:hover i:first-child{
                    margin:0;
                }

                .menu-button i {
                    color:#FFF;
                    vertical-align: middle;
                    font-size: 19px
                }

            @media(min-width:1024px) {
                .fixed-nav .leftside {
                    scrollbar-width: auto;
                    position: sticky !important;
                    top: 0;
                    z-index: 90 !important;
                    min-height: unset !important;
                    overflow-y: scroll !important;
                    height: calc(100vh - 70px) !important;
                    padding: 20px;
                    padding-right: 12px;
                }

                .fixed-nav .leftside::-webkit-scrollbar {
                    background-color: transparent !important;
                    height: 7px !important;
                    width: 7px !important;
                    display: block !important;
                    -webkit-appearance: auto !important;
                }

                .fixed-nav .leftside::-webkit-scrollbar-thumb {
                    background: rgba(255 255 255 /10%);
                }

                .fixed-nav {
                    display: block !important;
                    padding: 0;
                    transition: width 0.5s ease-in-out;
                    overflow: hidden;
                    z-index: 90 !important;
                }

                .fixed-nav .leftside li {
                    white-space: nowrap;
                }

                .fixed-nav.collapsed {
                    width: 60px;
                }

                .fixed-nav.collapsed .leftside {
                    text-align: center;
                    padding:0px!important;
                }

                .fixed-nav.collapsed .leftside li.title:before{
                    float: none!important;
                }

                .fixed-nav.collapsed .leftside li {
                    padding: 8px;
                }

                .fixed-nav.collapsed .leftside li.title span {
                    display: none;
                }

                .fixed-nav.collapsed .leftside a li.game-link span {
                    display: none;
                }

                .fixed-nav.collapsed .leftside a.end,
                .fixed-nav.collapsed .leftside li.end {
                    display: none;
                }

                .fixed-nav.collapsed .leftside a li.game-link:hover i:first-child {
                    margin-left: 0px !important;
                }
            }

            .fixed-nav .leftside a li.game-link.active {
                background-color: var(--light-color) !important;
                color: #FFF;
            }
            

          
            .game-sidebar__footer-button{
                color: #FFF;
                border-color: #FFF!important;
                width: 35px;
            }
            @media(max-width:991px) {
                .footercol {
                    min-width: 100%
                }
            }
            @media(max-width:1024px) {
                .footer {
                    display: none!important;
                }
            }
            
            .footer>div.container-block{
                max-width: 900px;
            }

            @media(min-width: 1367px){
                .footer>div.container-block{
                    max-width: 1024px;
                }
            }

            .footer {
                background: rgba(7,29,42,1);
                line-height: 1;
                color:#FFF!important;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            .footer.collapsed{
                margin-left:60px;
            }
            .footer a {
                color:#8fa9be!important;
            }
            .footer a:hover {
                color:#FFF!important;
            }
            .footer .links li{
                opacity: 1;
            }

            .selector-idioma{
                position: relative;
                background:#1a2c38!important;
                border-radius: 5px;
                padding:.9375rem 1.25rem;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;
                width: 100%;
                color:#FFF;
                border:none;
                font-weight: bold;
                margin-bottom: 10px;
                cursor: pointer;
                z-index: 2;
            }
            .selector-idioma:hover{
                background:#2a3c48!important;
            }
            .selector-idioma .options{
                position: absolute;
                top:100%;
                left:0;
                right:0;
                margin-top:2px;
                border-radius: 5px;
                background: #FFF;
                display: flex;
                flex-flow: column;
            }
            .selector-idioma .options a{
                padding: 10px;
                display: flex;
                flex-flow: row nowrap;
                align-items: center;
                justify-content: flex-start;
                gap:5px;
                color:#8fa9be;
            }
            .selector-idioma .options a:hover{
                background: rgba(0 0 0 /20%);
                color:#FFF;
            }



                .fixed-chat .item .text {
                    white-space: pre-line;
                    max-width: 100%;
                    overflow-wrap: break-word;
                }

                .fixed-chat .item .name {
                    max-width: calc(100% - 120px) !important;
                }

                .fixed-chat .heading,
                .fixed-chat .item,
                .fixed-chat .send-form {
                    background: transparent !important;
                }

                .fixed-chat .item .text {
                    padding-top: 10px !important;
                    padding-left: 10px !important;
                    margin-left: 10px !important;
                    background: #263039 !important;
                    border-radius: 0 10px 10px !important;
                }

                .fixed-chat .send-form .btn-send {
                    background: #FC0;
                    color: #333;
                    padding: 3px 4px;
                    border-radius: 5px;
                }

                .fixed-chat .send-form .btn-send:hover {
                    color: #333;
                    background: #FFF;
                }
                




    .popup-nivel-recompensa #popup_nivel_icone {
        border-radius: 100%;
        border: 1px solid rgba(255 255 255 /30%);
        padding: 5px;
    }

    .popup-nivel-recompensa #popup_nivel_chests img {
        margin-top: -20px;
        animation: none;
    }

    .popup-nivel-recompensa #popup_nivel_chests img:hover {
        animation: shake .5s linear infinite alternate;
    }

    .popup-nivel-recompensa #popup_nivel_chests img.open {
        animation: open 2s ease-in-out 1 !important;
        animation-fill-mode: forwards;
        transform: scale(1.2);
        opacity: 0;
    }

    #popup_nivel_chests .bau {
        position: relative;
        width: 70px;
    }

    #popup_nivel_chests .bau .valor {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        color: transparent;
        background: url("/assets/images/pacote.png");
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        border-radius: 100%;
        font-size: x-small;
        font-weight: bold;
    }

    #popup_nivel_chests .bau img {
        position: relative;
        z-index: 1;
    }

    @keyframes shake {
        0% {
            transform: rotate(5deg);
        }

        50% {
            transform: rotate(-5deg);
        }

        100% {
            transform: rotate(5deg);
        }
    }

    @keyframes open {
        0% {
            transform: scale(1);
            opacity: 1
        }

        20% {
            transform: scale(.9);
            opacity: 1
        }

        50% {
            transform: scale(1.3);
            opacity: 1
        }

        100% {
            transform: scale(1.2);
            opacity: 0;
        }
    }




    .fixed-chat {
        overflow: hidden;
        background: #18222c
    }

    .fixed-chat .active-dot {
        box-shadow: none;
        vertical-align: middle;
        width: 5px;
        height: 5px;
        margin-right: 5px
    }

    .fixed-chat .close {
        top: 4px;
        right: -5px;
        background: 0;
        border: 3px solid #0f1923;
        border-radius: 10px 0 0 10px
    }

    .fixed-chat .item .text {
        cursor: pointer;
        background: 0;
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 10px;
        box-shadow: none;
        color: #999
    }

    .fixed-chat .item .text:hover {
        color: #fff
    }

    .fixed-chat .item {
        border-radius: 5px 15px 15px;
        position: relative;
        padding-left: 35px
    }

    .fixed-chat .heading,
    .fixed-chat .item,
    .fixed-chat .send-form {
        background: #263039
    }

    .fixed-chat .heading {
        margin: 0;
        text-align: left;
        padding-top: 15px;
        padding-left: 20px;
        padding-right: 40px;
        border: 0
    }

    .fixed-chat .send-form {
        margin: 0;
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .fixed-chat .send-form .chat-input {
        background: 0
    }

    .fixed-chat .item .avatar img.avatar-img {
        border-radius: 5px
    }

    .fixed-chat .item .avatar img.rank {
        width: 18px
    }

    .fixed-chat .item .avatar {
        cursor: pointer;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        left: 10px
    }

    .fixed-chat .item .name {
        cursor: pointer;
        max-width: calc(100% - 150px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: absolute;
        float: none;
        padding: 0;
        color: #fff
    }

    .fixed-chat .sub-heading {
        padding: 5px 20px 0;
        position: unset
    }

    .fixed-chat .messages {
        position: relative;
        height: calc(100% - 48px - 55px)
    }

    .scroller {
        padding: 20px 5px
    }

    .fixed-chat .item .text:before {
        display: none
    }

    @media(max-width:1024px) {
        .fixed-chat {
            top: 68px;
            height: calc(100% - 68px)
        }
    }

    .fixed-chat .messages:before,
    .fixed-chat .messages:after {
        content: " ";
        display: block;
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 40px;
        background: linear-gradient(to bottom, #18222c, transparent);
        z-index: 1
    }

    .fixed-chat .item .date {
        font-size: 10px !important
    }

    .fixed-chat .messages:after {
        top: unset;
        bottom: 0;
        height: 30px;
        background: linear-gradient(to top, #18222c, transparent)
    }

    .scroller {
        flex-flow: column;
        justify-content: flex-end
    }

    .button-bottom {
        position: absolute;
        display: none;
        cursor: pointer;
        bottom: 20px;
        right: 20px;
        border-radius: 100px;
        background: #C90;
        color: #FFF;
        font-size: x-large;
        padding: 5px;
        aspect-ratio: 1/1;
        width: 40px;
        z-index: 2
    }



    .fixed-nav .close {
        display: none;
    }

    @media (max-width: 1024px) {
        .fixed-nav {
            position: fixed !important;
            z-index: 200 !important;
            width: 100% !important;
            bottom: 70px !important;
            min-height: unset !important;
            overflow-y: scroll !important;
            display: none !important;
            flex-flow: column;
            align-items: flex-end;
        }

        .fixed-nav .close {
            content: "×";
            display: flex;
            justify-content: center;
            align-items: center;
            float: right;
            width: 40px;
            font-size: 30px;
            color: #FFF;
            opacity: 0.5;
            border-radius: 5px;
            cursor: pointer;
            transform: translateY(-10px);
        }

        .fixed-nav.active {
            display: flex !important;
        }
    }

    @media (max-width:768px){
        .notifyme-notification{
            right: calc(50% - 150px)!important;
            top:10px!important;
        }
    }
    .notifyme-notification.notifyme-success .notifyme-wrapper i.fa.notifyme-icon{color:#45b25a!important;}
    .notifyme-notification.notifyme-success .notifyme-wrapper p:before{content:"Success";}
    .notifyme-notification.notifyme-error .notifyme-wrapper i.fa.notifyme-icon{color:#C00!important;}
    .notifyme-notification.notifyme-error .notifyme-wrapper p:before{content:"Error";}
    .notifyme-notification.notifyme-warning .notifyme-wrapper i.fa.notifyme-icon{color:#FC0!important;}
    .notifyme-notification.notifyme-warning .notifyme-wrapper p:before{content:"Warning";}

    .notifyme-notification:after{
        content:" ";
        position: absolute;
        display: block;
        background: #475c6a;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 3px;
        animation: scalebar0 3.5s linear;
    }

    @keyframes scalebar0{
        0%{width: 100%}
        100%{width: 0%}
    }

    .notifyme-notification{
        display: flex;
        flex-flow: row nowrap;
        gap:5px;
        align-items: stretch;
        padding: 0!important;
        padding-bottom: 0!important;
        border-color: #475c6a!important;
        border-left-style: solid!important;
    }
    .notifyme-notification .notifyme-wrapper{
        display: flex;
        flex-flow: row nowrap;
        gap:5px;
        align-items: center;
        flex:1;
        padding: 0!important;
    }
    .notifyme-notification .notifyme-wrapper p{
        margin: 0!important;
        flex:1;
    }
    .notifyme-notification .notifyme-wrapper p:before{
        display: block;
        font-weight: bold;
    }
    .notifyme-notification .notifyme-wrapper i.fa.notifyme-icon{
        position: relative;
        top:unset;
        left:unset;
        width: 76px;
        height: 100%;
        margin-top: 0!important;
        font-size: 26px!important;
        display: inline-flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;
        background:#0f212e88;
    }
    .notifyme-close {
        margin:11% 22px;
        width: 22px;
        height: auto;
        position: relative;
        right: unset;
        top: unset;
        overflow: hidden;
        text-indent: 100%;
        cursor: pointer;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }




            .wallet-link {

                padding: 0 12px;
                height: 45px;
    line-height: 44px;

            }


            .level-block {

                border: 1px solid rgb(123 120 120 / 0%);
            }


            .money-block__money-area {

                background-color: #57677429;

            }


            .money-block__money-area {

                border-radius: 4px;

            }



            .menu-button i {
                vertical-align: middle;
                font-size: 19px;
            }

            .menu-button {
                background: #272d3900;
                border: 1px #8585853b solid;
            }


            .icon-double022 .path1:before {
                content: "\e90c";
                color: #a7adb9;
            }

            .icon-double022 .path2:before {
                content: "\e90d";
                color: #a7adb9;
                margin-left: -1em;
            }

            .icon-double022 .path3:before {
                content: "\e90e";
                color: #1e3150;
                margin-left: -1em;
            }

            .icon-double022 .path4:before {
                content: "\e90f";
                color: #1e3150;
                margin-left: -1em;
            }

            .icon-double022 .path5:before {
                content: "\e910";
                color: #1e3150;
                margin-left: -1em;
            }




            .btn-danger {
                color: #fff;
                background-color: linear-gradient(45.87deg, #FFDB6F 6.6%, #FFBB29 102.94%);
                border-color: #eeaa0000
            }

            .game-container {
                margin: 21px auto;
                margin: 30px auto 15px
            }



       
                        .namemenu {
                            color: #666;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            font-weight: normal;
                            font-size: medium;
                            top: 30px;
                            position: absolute;
                            margin: -3px 8px 3px 79px
                        }

                        .fotomenu {
                            border-radius: 9px;
                            border: solid;
                            border: 2px solid #fc;
                            margin: 10px;
                            margin: 11px 22px 10px -132px;
                            height: auto;
                            width: 52px
                        }
               
                
                        .popup-links a li {
                            padding: 15px 10px;
                            background-color: rgba(255 255 255/5%);
                            color:var(--color)88;
                            display: flex;
                            flex-flow: row;
                            justify-content: flex-start;
                            gap:5px;
                        }

                        .popup-links a:first-child li {
                            border-bottom-left-radius: 0px!important;
                            border-bottom-right-radius: 0px!important;
                        }
                        .popup-links a:last-child li {
                            border-top-left-radius: 0px!important;
                            border-top-right-radius: 0px!important;
                        }
                        .popup-links a:not(:last-child,:first-child) li {
                            border-radius: 0px!important;
                        }

                        .popup-links a li i{
                            opacity: 0.6;
                        }

                        .popup-links a:hover li {
                            color: #000
                        }

                        
                        .popup-links.bottom{
                            display: none;
                        }
                        @media(max-width: 640px){
                            .popup-profile {
                                top: 100%!important;
                                right: 0!important;
                                border-radius: 0!important;
                                width: 100vw!important;
                                height:calc(100vh - 130px);
                            }
                            .popup-links.bottom{
                                display: block;
                                position: absolute;
                                bottom: 10px;
                                width: 100%;
                            }
                            .popup-links.bottom a:first-child li {
                                border-radius: 10px!important;
                            }
                        }