*{
    -ms-overflow-style: none !important;  /* Internet Explorer 10+ */
    scrollbar-width: none !important;  /* Firefox */
}

*:focus {
    outline: none;
}

::-webkit-scrollbar { 
    display: none !important;  /* Safari and Chrome */
}

.central-top-bar-itens a img{
    width: 200px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.title-balance{
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    align-items: baseline;
    position: relative;
}

.decoration-icon-balance-buble{
    font-size: 25px;
    margin-top: -5px;
    color: orange;
}

.subtitle-balance{
    font-size: 13px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.subtitle-balance span{
    font-size: 16px;
    color: orange;
    margin-right: 5px;
}

.circle-balance{
    background: orange;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    margin-right: 10px;
}

.change-balance-type{
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 9px;
    background-color: orange;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 10px;
}

.inf-balances-container-types{
    display: flex;
    justify-content: space-around;
}

.r-balance-inf{
    background: #ededed;
    box-sizing: border-box;
    width: 105px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 11px;
    height: 71px;
    font-size: 15px;
}

.r-balance-inf span{
    margin-bottom: -5px;
}

.r-balance-inf .t-balance{
    font-weight: 700;
    font-size: 14px;
}
.m-balance-inf{
    font-size: 13px;
}

@media (min-width: 769px) {

    html,body{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        color: white;
        background: #0D131C;
        font-family: "Open Sans", sans-serif;
    }
    .mobile-bottom-menu{
        display: none;
    }

    .closemb{
        display: none;
    }

    /* //////////// SIDE MENU ///////// */

        /* Style the tab */
        .tab {
        overflow: hidden;
        height: 80px;
        display: flex;
        margin-bottom: 20px;
        /* border: 1px solid #ccc;
        background-color: #f1f1f1; */
        }

        /* Style the buttons inside the tab */
        .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        width: 50%;
        color: #FFF;
        }

        /* Change background color of buttons on hover */
        .tab button:hover {
        /* background-color: #ddd; */
        }

        /* Create an active/current tablink class */
        .tab button.active {
            border-bottom: solid 3px #008181 ;
        /* background-color: #ccc; */
        }

        /* Style the tab content */
        .tabcontent {
            display: none;
            /* padding: 6px 12px; */
            /* border: 1px solid #ccc; */
            border-top: none;
            text-align: center;
        }


        .containner-sidebar-bts{
            background-color: #202a39;
            padding: 10px 0;
            margin: 0 15px 10px 15px;
            border-radius: 6px;
            transition: all 0.2s;
        }

        .btn-partness{
            border: none;
            background-color: #008181 ;
            border-radius: 5px;
            font-family: "Open Sans", sans-serif;
            font-size: 14px;
            font-weight: bold;
            width: 218px;
            height: 44px;
            color: #FFF;
        }

        .containner-sidebar-bts div ul{
            padding: 0;
        }

        .containner-sidebar-bts div ul li{
            list-style: none;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .containner-sidebar-bts div ul li a{
            text-decoration: none;
            color: #FFF;
            text-align: left;
            font-size: 14.4px;
            font-family: "Open Sans", sans-serif;
            display: flex;
            justify-content: flex-start;
            width: 150px;
        }

        .containner-sidebar-bts div ul li span{

            color: gray;
            font-size: 25px;
            margin-right: 10px;
        }

        .title-itens-sidebar{
            border-bottom: solid 1px rgba(255,255,255,0.1);
            height: 50px;
            text-align: left;
            padding-left: 30px;
        }

        .title-itens-sidebar span{
            font-size: 27px;
            color: orange;
        }

    /* /////// */

    .main{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .side-menu{
        width: 278px;
        flex-shrink: 0;
        border-right: 2px solid rgba(71, 74, 75, 0.1);
        background: #111923;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        transition: background 0.15s ease, width 0.3s ease;
    }

    .center-container-home{
        flex-shrink: 0;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        left: 280px;
        overflow-x: hidden;
        overflow-y: scroll;
        height: 100%;
        width: calc(100% - 280px);
        position: fixed;
    }

    .top-bar{
        display: flex;
        align-items: center;
        flex-shrink: 0;
        height: 80px;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        background: rgba(22, 31, 44, 0.8);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }

    .footer-container{
        border-top: 2px solid rgba(71, 74, 75, 0.1);
        display: flex;
        flex-direction: column;
        margin-bottom: 120px;
        background: #161f2c;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        padding: 0px;
        margin: 0px;
        padding: 0 60px;
        
    }

    .columns-footer{
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 15px 16px 38px 8px;
        border-bottom: 1px solid #111923;
        flex-shrink: 0;
    }

    .central-container{
        /* display: flex;
        flex-direction: column;
        flex-shrink: 0;
        flex-grow: 1; */
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        flex-grow: 1;
        width: 100%;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .containerAmountstypes{
        position: absolute;
        z-index: 100;
        width: 372px;
        margin-left: -314px;
        height: 215px;
        padding: 10px;
        box-sizing: border-box;
        background-color: #FEFEFE;
        border-radius: 20px;
        color: #0D131C;
        transition: opacity 1s;
        box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.75);
    }

    .containerAmountstypes:before{
        content: "";
        vertical-align: middle;
        margin: auto;
        position: absolute;
        right: 22px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 8px solid #FEFEFE;
    }

    .containerUsertypes{
        position: absolute;
        z-index: 100;
        width: 117px;
        margin-left: -134px;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        box-sizing: border-box;
        background-color: #202a39;
        border-radius: 7px;
        color: #0D131C;
        max-height: 119px;
        font-weight: bold;
        border: solid 2px #313c3b;
    }

    #containerUsertypes:before {
        content: "";
        vertical-align: middle;
        margin: auto;
        position: absolute;
        right: 5px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 8px solid #313c3b;
    }

    .containerUsertypes ul{
        padding: 0;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 5px;
    }

    .containerUsertypes ul li{
        margin-bottom: 11px;
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        padding-left: 10px;
        cursor: pointer;
    }

    .containerUsertypes ul li a{
        text-decoration: none;
        color: #B3B3B3;
        display: flex;
        flex-shrink: 0;
        align-items: center;
    }

    .containerUsertypes ul li a span{
        margin-right: 6px;
        font-size: 20px;
    }

    .hideEllementssite{
        display: none;
    }

    .container-controller-central-fluid{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .rotative-banner{
        height: auto;
        width: 100%;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .rotative-banner .slider .inner img{
        width: 100%;
    }

    .rotative-banner .slider{
        overflow: hidden;
    }

    .configure-banner{
        background-size: 100%;
        width: 100%;
        height: 411px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        display: flex;
    }

    .configure-banner a{
        width: 100%;
        height: 100%;
        color: #FFF;
        text-decoration: none;
        outline: none;
        cursor: pointer;
    }

    .rotative-banner .slider .inner {
        position: relative;
        white-space: nowrap;
        display: flex;
        transition: all 1s ease;
    }

    .container-search{
        width: 100%;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        background-color: #202a3a;
        border-radius: 6px;
        margin-bottom: 30px;
    }

    .mrgBt10{
        margin-bottom: 10px;
    }

    .btnsForPay{
        display: flex;
        flex-shrink: 0;
        justify-content: space-around;
    }

    .btnsForPay button{
        background-color: #202a3a;
        display: flex;
        flex-grow: 0;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: none;
        padding: 12px;
        outline: none;
        cursor: pointer;
    }

    .containerCHeckBonus{
        display: flex;
        flex-shrink: 0;
        margin-top: 10px;
        margin-bottom: 20px;
        color: gray;
        text-align: center;
    }

    .containerCHeckBonus input{
        margin-right: 10px;
    }

    .btnrechargego{
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        font-size: 15px;
        font-weight: bold;
        border-radius: 8px;
        background-color: #008181 ;
        color: #FFF;
    }

    .mrgBt10 span{
        color: #008181 ;
        font-size: 18px !important;
        margin-right: 5px !important;
    }

    .mrgBt10 input{
        font-size: 20px;
        padding-left: 5px !important;
    }

    .container-search span{

        font-size: 25px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .container-search input{
        width: 100%;
        height: 45.02px;
        border-radius: 6px;
        background-color: #202a3a;
        border: none;
        padding-left: 10px;
        color: #fff;
        box-sizing: border-box;
        outline: none;
    }

    .container-shortcuts{
        width: 100%;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .container-shortcuts ul{
        padding: 0;
        display: flex;
        justify-content: space-around;
    }

    .container-shortcuts ul li{
        list-style: none;
    }

    .container-shortcuts ul li a{
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        text-decoration: none;
        justify-content: center;
        align-items: center;
        color: #FFF;
    }

    .img-circle{
        width: 62px;
        height: 62px;
        border-radius: 100%;
        background: #008181 29;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-circle span{
        font-size: 35px;
        /* opacity: 0.4; */
        color: #008181 ;
    }

    .name-shortcut{
        width: 70px;
        font-weight: 700;
        font-size: 14.4px;
        text-align: center;
    }

    .container-info-footer{
        display: flex;
        justify-content: space-between;
    }

    .container-copy-footer{
        display: flex;
        justify-content: flex-end;
        padding-right: 10px;
        color: gray;
    }

    .footer-logo{
        width: 160px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        padding: 15px;
        box-sizing: border-box;
    }

    .footer-links{
        width: 256.41px;
        height: 80px;
        display: flex;
        justify-content: space-between;
        flex-shrink: 0;
        flex-direction: column;
        font-weight: 300;
    }

    .title-in-footer{
        color: #B3B3B3;
        text-align: left;
        font-size: 13px;
        font-weight: bold;
    }

    .links-in-footer{
        color: #B3B3B3;
    }

    .links-in-footer ul{
        padding: 0;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: space-around;
    }

    .links-in-footer ul li{
        list-style: none;
        flex-shrink: 0;
    }

    .links-in-footer ul li a{
        text-decoration: none;
        color: #B3B3B3;
    }

    .footer-pix{
        width: 200px;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .footer-contacts-social{
        width: 96.7px;
        height: 80px;
        display: flex;
        justify-content: space-between;
        flex-shrink: 0;
        flex-direction: column;
        font-weight: 300;
    }

    .social-icons-footer{
        display: flex;
        justify-content: space-around;
        flex-shrink: 0;
    }

    .social-icons-footer img{
        width: 30px;
    }

    .central-top-bar-itens{
        display: flex;
        align-items: center;
        flex-shrink: 0;
        justify-content: space-between;
    }

    .login-register-container-btns{
        display: flex;
        align-items: center;
    }

    .login-register-container-btns a{
        color: #FFF;
        text-decoration: none;
        margin-right: 10px;
        font-size: 17px;
    }

    .login-register-container-btns button{
        border: none;
        color: #FFF;
        background-color: #008181 ;
        width: 120px;
        height: 40px;
        border-radius: 5px;
        font-size: 17px;
        margin-left: 10px;
    }

    marquee{
        display: flex;
        align-items: center;
        filter: grayscale(100%);
    }

    marquee img{
        margin-right: 100px;
        max-width: 180px;
    }

    .modal-register-backdrop{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        z-index: 9;
        margin: 0;
        padding: 0;
        opacity: 1;
        transition: all .2s;
    }

    .container-login-register{
        width: 700px;
        height: auto;
        border-radius: 12px;
        background-color: #121922;
        display: flex;
        position:relative;
    }

    .container-itens-recharge{
        width: 92%;
        height: auto;
        margin-left: auto;
        border-top: solid 1px #b1b1b1;
        margin-right: auto;
        padding-top: 10px;
        display: flex;
        flex-shrink: 0;
        flex-direction: column;
    }

    .container-recharge{
        width: 360px;
        height: auto !important;
        border-radius: 8px;
        background-color: #121922;
        display: flex;
        position:relative;
        padding-bottom: 20px;
    }

    #btclosemodalrecharge{
        position: absolute;
        right: 10px;
        font-size: 25px;
        font-weight: bold;
        margin-top: 10px;
        cursor: pointer;
    }

    .area-login-register-modal-left{
        width: 350px;
        height: auto;
        flex-shrink: 0;
    }

    .area-login-register-modal-logo-left{
        width: 350px;
        height: 535px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
    }

    .hiddenModals{
        opacity: 0;
        pointer-events: none;
    }

    #btclosemodal{
        position: absolute;
        font-size: 35px;
        top: 10px;
        right: 10px;
        color: gray;
        cursor: pointer;
        z-index: 20;
    }

    #btcloseloginmodal{
        position: absolute;
        font-size: 35px;
        top: 10px;
        right: 10px;
        color: gray;
        cursor: pointer;
        z-index: 20;
    }

    .title-area-register-login{
        color: #b7b4b4;
        height: 50px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    .separator-area-rl{
        width: 100%;
        height: 26px;
        display: flex;
    }

    .s-rl-l{
        width: 116px;
        border-top: solid 1px #b1b1b1;
        margin-top: 10px;
        margin-right: 5px;
        flex-shrink: 0;
    }

    .s-rl-r{
        width: 116px;
        border-top: solid 1px #b1b1b1;
        margin-top: 10px;
        margin-left: 5px;
        flex-shrink: 0;
    }

    .s-rl-text{
        font-size: 10px;
        width: 116px;
        text-align: center;
        text-transform: uppercase;
    }

    .mini-container-register-login{
        padding: 14px;
    }

    .c-rl-input{
        background-color: #232f41;
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 5px;
        padding-bottom: 3px;
        box-sizing: border-box;
        display: flex;
    }

    .c-rl-input span{
        font-size: 25px;
        margin-right: 10px;
    }

    .c-rl-input input{
        background-color: transparent;
        border: none;
        height: 41.02px;
        width: 100%;
        outline: none;
        color: #FFF;
    }

    .c-area-confirm-register{
        display: flex;
        margin-bottom: 12px;
    }

    .input-check-confir{
        margin-right: 10px;
    }

    .text-conf-reg{
        font-size: 15px;
        color: #ababab;
    }

    .mini-container-register-login button{
        width: 100%;
        height: 53px;
        border: none;
        background-color: #008181;
        margin-bottom: 11px;
        color: #FFF;
        font-size: 17px;
        font-weight: bold;
        border-radius: 8px;
    }

    .mini-container-register-login a{
        color: #FFF;
        text-decoration: none;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 26px;
    }

    .reset-pass-text{
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .content-money-top{
        display: flex;
        flex-shrink: 0;
        align-items: center;
        background-color: #202a3a;
        padding: 10px;
        box-sizing: border-box;
        height: 40px;
        border-radius: 4px;
        border: solid 2px #313c3b;
    }

    .currency-info{
        margin-right: 6px;
        color: #008181 ;
    }

    .content-money-top span{
        font-size: 25px;
        cursor: pointer;
    }

    .user-logged-panel-info{
        display: flex;
        flex-shrink: 0;
        margin-right: 20px;
        align-items: center;
    }

    .user-logged-panel-info button{

        max-height: 40px !important;
    }

    .user-logged-panel-info .mdi-bell{

        font-size: 18px;
        color: gray;
        margin-left: 20px;
        cursor: pointer;

    }

    .user-logged-panel-info .mdi-account-circle{

        font-size: 35px;
        color: gray;
        margin-right: 20px;
        margin-left: 20px;
        cursor: pointer;

    }

    div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
        background-color: #008181  !important;
        color: #FFF !important;
    }
    

    div:where(.swal2-container) div:where(.swal2-popup){
        background: #000000b8 !important;
        color: #FEFEFE !important;
    }

    .swal2-success-circular-line-left{
        background-color: transparent !important;
    }

    .hot-games-container{
        width: 100%;
        background-color: #202a3a;
        margin-bottom: 30px;
        border-radius: 10px;
    }

    .hot-games-container div{
        display: flex;
        align-items: center;
        margin-bottom: 20px;
        width: 100%;
        border-bottom: solid 0.3px rgba(255,255,255,0.1);
    }

    .hot-games-container div span{

        color: orange;
        font-size: 30px;
        margin-left: 10px;

    }


    .hot-games-container ul{
        padding: 0;
        margin-top: 40px;
        display: flex;
        align-items: center;
        justify-content:space-around;
    }
    .hot-games-container ul li{
        width: 191px;
        height: 230px;
        background-size: 100%;
        border-radius: 15px;
        background-repeat: no-repeat;
        background-position: center;
        list-style: none;
        transition: all 0.2s;
    }

    .hot-games-container ul li:hover{
        background-size: 120%;
        
    }


    .slotgamelistsite{
        width: 100%;
        background-color: #202a3a;
        margin-bottom: 30px;
        border-radius: 10px;
        position: relative;
    }

    .slotgamelistsite div{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: solid 0.3px rgba(255,255,255,0.1);
    }

    .slotgamelistsite div span{

        color: greenyellow;
        font-size: 30px;
        margin-left: 10px;
        margin-right: 10px;

    }


    .slotgamelistsite ul{
        padding: 0;
        display: flex;
        align-items: center;
        justify-content:space-around;
        flex-wrap: wrap;
    }

    .slotgamelistsite ul li{
        width: 191px;
        height: 230px;
        margin-top: 20px;
        background-size: 100%;
        border-radius: 15px;
        background-repeat: no-repeat;
        background-position: center;
        list-style: none;
        transition: all 0.2s;
    }

    .slotgamelistsite ul li:hover{
        background-size: 120%;
    }

    .slotgamelistsite ul li a{
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
    }

    .hot-games-container ul li a{
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
    }

    #containerGameShow{
        margin-top: 30px;
        border-radius: 20px;
        overflow: hidden;
    }
    iframe{
        width: 100%;
        height: auto;
        min-height: 716px;
    }

    .unllogedtemplate{
        width: 100%;
        height: auto;
        min-height: 716px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 100px;
        filter: blur(8px);
        -webkit-filter: blur(8px);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .unlloguedinfo{
        display: flex;
        flex-direction: column;
        width: 360px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
        color: #e15a5a;
    }

    .container-minimal-pay-information{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #242f407a;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }

    /* ////////////// ADMIN AREA //////////// */

    .topbar-admin{
        height: 72px;
        display: flex;
        background-color: #2e3038;
        align-items: center;
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 30px;
        box-shadow: 0 0.05rem 0.01rem rgba(255, 255, 255, 0.075);
        flex-shrink: 0;
    }

    .topbar-admin span{
        font-size: 25px;
        cursor: pointer;
    }

    .title-admin-page{
        font-size: 25px;
    }
    .container-central-admin{
        display: flex;
        height: 100%;
        flex-grow: 0;
    }
    .side-menu-admin{
        width: 250px;
        background: #2e3038;
        bottom: 0;
        padding: 0 0 30px 0;
        overflow-y: scroll !important;
        top: 72px;
        transition-duration: 0.2s;
        box-shadow: 1px 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        z-index: 99;
        border-top: solid 1px rgba(75, 75, 90, 0.7);
        flex-shrink: 0;
        padding: 18px;
    }


    .side-menu-admin li{
        list-style: none;
    }

    .base-statistic-admin{
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }

    .title-base-statistic-admin{
        font-size: 20px;
        display: flex;
        justify-content: space-between;
    }

    .title-base-statistic-admin button{
        font-size: 12px;
        border-radius: 5px;
        border: none;
        background-color: green;
        width: 105px;
        font-weight: 700;
        padding-left: 10px;
        padding-right: 10px;
    }

    .profit-container, .deposits-container, .pix-info-container, .register-info-container{

        display: flex;
        flex-shrink: 0;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        align-items: center;
        margin-bottom: 20px;
        margin-top: 11px;
        justify-content: flex-start;
        border-radius: 2px;
        height: 96.59px;
        background-color: #2e3038;
        border: solid 1px rgba(255, 255, 255, 0.075);
        box-shadow: 0 0.05re
    }

    .area-admin-inf-statistics{
        width: 308px;
    }

    .container-value-amount-profit{
        font-size: 32px;
    }

    .title-profits{
        font-size: 12px;
        color: #008181 ;
        margin-bottom: 6px;
    }

    ::-webkit-scrollbar {

        -webkit-appearance: none;
        width: 15px;
        background-color: #2e3038;
    
    }

    .charts-container{
        display: flex;
        margin-bottom: 30px;
        flex-shrink: 0;
        align-items: center;
        width: 100%;
        height: auto;
        justify-content: space-between;
    }

    .charts-container span{
        margin-bottom: 20px;
        display: block;
    }

    .chart-registers,.chart-profits{
        width: 49%;
        flex-shrink: 0;
    }

    canvas{
        width: 100% !important;
        height: 210px !important;
    }

    .chart-profits, .chart-registers{
        background: #c3824a0d;
        padding: 20px;
        border-radius: 20px;
        box-sizing: border-box;
        border: solid 0.1px #c36e4a;
    }

    .vgeral,.vsite,.voutros{
        padding: 15px;
        margin-bottom: 10px;
    }

    .vgeral li,.vsite li,.voutros li{
        height: 40px;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        padding-left: 10px;

    }

    .vgeral li a,.vsite li a,.voutros li a{
        color: #FFF !important;
        cursor: pointer !important;
        text-decoration: none !important;
    }

    .vgeral li span,.vsite li span,.voutros li span{
        font-size: 17px;
        margin-right: 10px;
    }

    .ul-config-base-side-menu{
        padding: 0;
    }

    .vtitles{
        font-size: 18px;
    }

    .activePageMenu{
        background-color: #23252be8 !important;
        padding-left: 10px;
        border-radius: 7px;
    }

    .ggr-area-pay-infogames{
        display: flex;
        flex-shrink: 0;
        justify-content: space-between;
    }

    .pay-info-ggr, .info-game-ggr{
        width: 49%;
        background-color: #2e3038;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 3px;
    }

    .title-pay-ggr{
        font-size: 25px;
        margin-bottom: 20px;
        border-bottom: solid 0.3px rgba(255,255,255,0.1);
        padding-bottom: 20px;
    }

    .container-pay-ggr-inputs{
        display: flex;
        margin-bottom: 30px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .input-inf-data-ggr-for-pay{
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .controller-input-container{
        background-color: #24262c;
        width: 100%;
        padding-left: 17px;
    }

    .container-pay-ggr-inputs button{
        width: 150px;
        height: 80px;
        background-color: green;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 18px;
    }

    .controller-input-container input{
        height: 40px;
        width: 100%;
        background-color: lightgrey;
        border: none;
        padding-left: 20px;
        font-size: 20px;
        color: #333;
    }

    .texts-inf-for-use{
        font-size: 14px;
        font-weight: 100;
        letter-spacing: 2px;
    }

    .titles-cupons-list{
        display: flex;
        width: 100%;
        justify-content: space-around;
        margin-top: 30px;
        margin-bottom: 30px;
        list-style: none;
        border-bottom: solid 1px rgba(255,255,255,0.1);
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .ul-list-cupons{
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    .ul-list-cupons li{
        display: flex;
        justify-content: space-around;
        background: #2e3038;
        height: 40px;
        border-radius: 4px;
        align-items: center;
        margin-bottom: 5px;
    }

    .ul-list-cupons li span{
        font-size: 25px;
        color: #ee9f9f;
        cursor: pointer;
    }

    .content-list-user-admin{
        display: flex;
        justify-content: center;
        margin-top: 30px;
        max-height: 700px;
        overflow: auto;
    }

    .title-usr-list-top{
        display: flex;
        list-style: none;
        margin-top: 30px;
        justify-content: space-around;
    }

    .ul-list-usr-go{
        list-style: none;
        list-style: none;
        overflow: hidden;
        overflow-y: auto;
        height: 500px;
    }

    .ul-list-usr-go li{
        display: flex;
        justify-content: space-around;
        font-size: 20px;
        flex-shrink: 0;
        background: #24262c;
        align-items: center;
    }

    .list-final-users{
        width: 100%;
        background-color: #2e3038;
        border-radius: 4px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .content-edit-user-admin{
        background: #24262c;
        border-radius: 10px;
        display: flex;
        flex-shrink: 0;
        flex-direction: column;
        width: 40%;
    }

    /* USER LIST TABLE */
    .user-list tbody td > img {
        position: relative;
        max-width: 50px;
        float: left;
        margin-right: 15px;
    }
    .user-list tbody td .user-link {
        display: block;
        font-size: 1.25em;
        padding-top: 3px;
        margin-left: 60px;
    }
    .user-list tbody td .user-subhead {
        font-size: 0.875em;
        font-style: italic;
    }

    /* TABLES */
    .table {
        border-collapse: separate;
    }
    .table-hover > tbody > tr:hover > td,
    .table-hover > tbody > tr:hover > th {
        /* background-color: #eee; */
    }
    .table thead > tr > th {
        border-bottom: 1px solid transparent !important;
        padding-bottom: 0;
    }
    .table tbody > tr > td {
        font-size: 0.875em;
        /* background: #f5f5f5;*/
        border-bottom: 1px solid #fff; 
        vertical-align: middle;
        padding: 12px 8px;
    }
    .table tbody > tr > td:first-child,
    .table thead > tr > th:first-child {
        padding-left: 20px;
    }
    .table thead > tr > th span {
        border-bottom: 2px solid #494b52;
        display: inline-block;
        padding: 0 5px;
        padding-bottom: 5px;
        font-weight: normal;
    }
    .table thead > tr > th > a span {
        color: #344644;
    }
    .table thead > tr > th > a span:after {
        content: "\f0dc";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        margin-left: 5px;
        font-size: 0.75em;
    }
    .table thead > tr > th > a.asc span:after {
        content: "\f0dd";
    }
    .table thead > tr > th > a.desc span:after {
        content: "\f0de";
    }
    .table thead > tr > th > a:hover span {
        text-decoration: none;
        color: #2bb6a3;
        border-color: #2bb6a3;
    }
    .table.table-hover tbody > tr > td {
        -webkit-transition: background-color 0.15s ease-in-out 0s;
        transition: background-color 0.15s ease-in-out 0s;
    }
    .table tbody tr td .call-type {
        display: block;
        font-size: 0.75em;
        text-align: center;
    }
    .table tbody tr td .first-line {
        line-height: 1.5;
        font-weight: 400;
        font-size: 1.125em;
    }
    .table tbody tr td .first-line span {
        font-size: 0.875em;
        color: #969696;
        font-weight: 300;
    }
    .table tbody tr td .second-line {
        font-size: 0.875em;
        line-height: 1.2;
    }
    .table a.table-link {
        margin: 0 5px;
        font-size: 1.125em;
    }
    .table a.table-link:hover {
        text-decoration: none;
        color: #2aa493;
    }
    .table a.table-link.danger {
        color: #fe635f;
    }
    .table a.table-link.danger:hover {
        color: #dd504c;
    }

    .table-products tbody > tr > td {
        background: none;
        border: none;
        border-bottom: 1px solid #ebebeb;
        -webkit-transition: background-color 0.15s ease-in-out 0s;
        transition: background-color 0.15s ease-in-out 0s;
        position: relative;
    }
    .table-products tbody > tr:hover > td {
        text-decoration: none;
        background-color: #f6f6f6;
    }
    .table-products .name {
        display: block;
        font-weight: 600;
        padding-bottom: 7px;
    }
    .table-products .price {
        display: block;
        text-decoration: none;
        width: 50%;
        float: left;
        font-size: 0.875em;
    }
    .table-products .price > i {
        color: #8dc859;
    }
    .table-products .warranty {
        display: block;
        text-decoration: none;
        width: 50%;
        float: left;
        font-size: 0.875em;
    }
    .table-products .warranty > i {
        color: #f1c40f;
    }
    .table tbody > tr.table-line-fb > td {
        background-color: #9daccb;
        color: #262525;
    }
    .table tbody > tr.table-line-twitter > td {
        background-color: #9fccff;
        color: #262525;
    }
    .table tbody > tr.table-line-plus > td {
        background-color: #eea59c;
        color: #262525;
    }
    .table-stats .status-social-icon {
        font-size: 1.9em;
        vertical-align: bottom;
    }
    .table-stats .table-line-fb .status-social-icon {
        color: #556484;
    }
    .table-stats .table-line-twitter .status-social-icon {
        color: #5885b8;
    }
    .table-stats .table-line-plus .status-social-icon {
        color: #a75d54;
    }

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
        border-top: none !important;
    }

    thead{
        color: rgba(255,255,255,0.2);
    }

    .container-box-imgs-site-base{
        display: flex;
        justify-content: center;
        flex-shrink: 0;
        margin-bottom: 30px;
        margin-top: 40px;
        flex-wrap: wrap;
    }

    .box-load-fav, .box-load-logo,.box-load-login-register-rigth{
        height: auto;
        background: #2e3038;
        padding: 10px;
        border-radius: 4px;
        /* flex-grow: 1; */
        width: 360px;
        margin-right: 20px;
    }

    .box-load-fav input, .box-load-logo input,.box-load-login-register-rigth input{

        margin-top: 30px;
    }


    .box-load-logo .box-img-load-sample-size-info{
        width: 200px;
        height: 80px;
    }

    .box-load-login-register-rigth .box-img-load-sample-size-info{
        width: 150px;
        height: 200px;
    }

    .titles-box-load-images{
        font-size: 25px;
        margin-bottom: 20px;
    }

    .box-recommended-size-info{
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .box-img-load-sample-size-info{
        width: 100px;
        background-size: cover;
        height: 100px;
        margin-bottom: 10px;
        border: solid 1px rgba(13,19,28,0.5);
        background-repeat: no-repeat;
        background-position: center;
    }

    .overflowAutoSite{
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .container-ilustrative-banne{
        background: #2e3038;
        padding: 20px;
        box-sizing: border-box;
        margin-bottom: 30px;
        border-radius: 4px;
        position: relative;
    }

    .container-ilustrative-banne input{
        margin-top: 10px;
        /* margin-bottom: 20px; */
        width: 90%;
        margin-right: 10px;
        border: none;
        /* height: 40px; */
        background-color: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 0.3rem;
        padding: 0.5rem 0.75rem;
    }

    #banner1,#banner2,#banner3,#banner4{
        background-color: transparent !important;
        border: none !important;
    }

    .box-img-load-sample-size-banner-info{
        width: 100%;
        height: 460px;
        margin-bottom: 20px;
        border: solid 1px rgba(13,19,28,0.5);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .btnloadbanner{
        width: 100px;
        height: 33px;
        border-radius: 6px;
        border: navajowhite;
        background-color: #24262c;
    }

    .container-themes-show{
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        padding: 20px;
        justify-content: space-evenly;
    }

    .theme-select{
        width: 550px;
        height: auto;
        /* margin-right: 30px; */
        margin-bottom: 30px;
        background-color: #2e3038;
        padding: 20px;
        border-radius: 3px;
    }

    .title-thame-name-color{
        display: flex;
        flex-shrink: 0;
        justify-content: space-between;
        padding: 20px;
    }

    .name-theme{
        font-size: 25px;
    }

    .color-sample-show{
        width: 100px;
        height: 30px;
    }

    .green-theme-color{
        width: 100px;
        height: 30px;
        background: #a3d711;
    }

    .red-theme-color{
        width: 100px;
        height: 30px;
        background: #f12c4c;
    }

    .blue-theme-color{
        width: 100px;
        height: 30px;
        background: #01ace6;
    }

    .golden-theme-color{
        width: 100px;
        height: 30px;
        background: #FFC107;
    }

    .purple-theme-color{
        width: 100px;
        height: 30px;
        background: #9246a0;
    }

    .orange-theme-color{
        width: 100px;
        height: 30px;
        background: #008181 ;
    }

    .show-sample-theme-img{
        width: 100%;
        height: 280px;
        display: flex;
        overflow: hidden;
        max-height: 360px;
        background-size: contain;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
    }


    .set-theme-btc{
        background-color: #0d131c;
        width: 150px;
        height: 40px;
        border: none;
        border-radius: 6px;
    }

    .activetheme{
        border: solid 1px greenyellow;
        background: #008181 21 !important;
    }

    .title-block-site-setting{
        font-size: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container-settigs-blocks{
        display: flex;
        flex-shrink: 0;
        /* justify-content: space-evenly; */
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .block-config-sesttings{
        border-radius: 3px;
        background-color: #2e3038;
        display: flex;
        flex-direction: column;
        width: 360px;
        padding: 20px;
        box-sizing: border-box;
        /* margin-left: auto; */
        margin-right: 30px;
    }

    .title-in-block-config{
        font-size: 18px;
    }

    .description-config{
        color: #5c5c5c;
        font-size: 13px;
    }

    .input-congis-settings{
        border: none;
        flex-shrink: 0;
        width: 100%;
        min-height: 40px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
        background-color: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 0.3rem;
        margin-top: 10px;
    }

    .btn-save-settings-go{
        border: none;
        background-color: #008181  !important;
        border-radius: 0.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        padding: 10px;
        box-sizing: border-box;
        float: right;
        margin-right: 30px;
        color: #333;
        width: 170.8px !important;
    }

    .container-add-cupom{
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 20px;
        box-sizing: border-box;
    }

    .container-add-cupom button{
        height: 50px;
        margin-top: 15px;
        width: 100%;
        background-color: green;
        border: none;
        border-radius: 8px;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;
    }

    .title-add-cupom{
        font-size: 25px;
        margin-bottom: 30px;
    }

    .div-countainer-input-add-cupom{
        background: #202a3a;
        height: 40px;
        display: flex;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 5px;
        align-items: center;
    }

    .div-countainer-input-add-cupom span{
        font-size: 25px;
        margin-right: 20px;
    }

    .div-countainer-input-add-cupom input{
        border: none;
        background-color: transparent;
        width: 100%;
        outline: none;
    }

    .closebtcupom{
        font-size: 28px;
        position: absolute;
        right: 10px;
        top: 0;
        cursor: pointer;
    }

    .closebtedit{
        font-size: 28px;
        position: absolute;
        right: 10px;
        top: 0;
        cursor: pointer;
    }

    .span-magin-form-label{
        margin-bottom: 10px;
        display: block;
    }

    .extra-size-modals{
        width: 360px !important;
        height: 418px !important;
    }

    .super-size-modals {
        width: 360px !important;
        height: auto !important;
    }

    .search-container-users{
        height: auto;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        box-sizing: border-box;
        flex-shrink: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container-titles-user-page{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        height: 41px;
        margin-bottom: 13px;
        box-sizing: border-box;
        background-color: #24262c;
        border-bottom: solid 3px #FFF;
        border-top: solid 1px #FFF;
    }

    .container-list-user-page{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        list-style: none;
    }

    .container-list-user-page a{
        color: #FFF;
        text-decoration: none;
        margin-bottom: 11px;
        display: block;
        
        display: block;
        height: 62px;
        padding: 5px;
    }

    .container-list-user-page a li{
        display: flex;
        align-items: center;
        height: 50px;
    }

    .search-container-users input{
        border: none;
        background-color: #24262c;
        height: 41px;
        margin-right: 10px;
        border-radius: 10px;
        width: 200px;
        color: #FFF;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .search-container-users button{
        border: none;
        width: 82.91px;
        height: 41px;
        border-radius: 10px;
        background-color: #5369F8;
        font-size: 14px;
        cursor: pointer;
    }

    .ul-list-usr-container{
        display: flex;
        clear: left;
        list-style: none;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .ul-list-usr-container li{
        display: inline-block;
        width: 250px;
    }

    .principal-list-li-show{
        display: inline-block;
        width: 100% !important;
    }

    .date-title-top-list{
        width: 350px !important;
    }

    .list-user-inf{
        display: inline-block;
        width: 250px;
    }

    .user-icon{
        color: gray;
        font-size: 44px;
        margin-right: 3px;
        margin-left: -50px;
        padding-left: 10px;
        height: 62px !important;
    }

    .user-email-list{
        font-size: 13px;
        color: gray;
    }

    .setColorOdd{
        background-color: #282a31 !important;
    }

    .container-float-checkbox{
        position: absolute;
        top: 61px;
        right: 10px;
        display: flex;
    }

}

@media (max-width: 768px) {

    html,body{
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        color: white;
        background: #0D131C;
        font-family: "Open Sans", sans-serif;
    }

    .mobile-bottom-menu{
        width: 100%;
        position: fixed;
        bottom: 0;
        padding: 10px;
        z-index: 100;
        height: 55px;
        background: #030303bf !important;
        box-sizing: border-box;
    }

    .botton-name-game-fullscreen{
        display: flex;
        /* flex-direction: column; */
        width: 100%;
        height: 62px;
        background-color: #202a3a;
        position: fixed;
        bottom: 55px;
        justify-content: space-around;
        align-items: center;
    }

    .botton-name-game-fullscreen span{
        font-size: 30px;
        background-color: #141c27;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 6px;
        height: 40px;
        display: flex;
        align-items: center;
    }

    .namegame-area{
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px;
        font-weight: 700;
    }

    .mobile-bottom-menu ul{
        display: flex;
        padding: 0;
        justify-content: space-between;
        margin-top: -7px;
    }

    .mobile-bottom-menu ul li{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        list-style: none;
    }

    .mobile-bottom-menu ul li a{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        color: #FFF;
        text-decoration: none;
    }

    .mobile-bottom-menu ul li a span{
        font-size: 20px;
    }

    .mobile-bottom-menu ul li a div{
        font-size: 12px;
    }

    /* //////////// SIDE MENU ///////// */

        /* Style the tab */
        .tab {
        overflow: hidden;
        height: 80px;
        display: flex;
        margin-bottom: 20px;
        /* border: 1px solid #ccc;
        background-color: #f1f1f1; */
        }

        /* Style the buttons inside the tab */
        .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 17px;
        width: 50%;
        color: #FFF;
        }

        /* Change background color of buttons on hover */
        .tab button:hover {
        /* background-color: #ddd; */
        }

        /* Create an active/current tablink class */
        .tab button.active {
            border-bottom: solid 3px #008181 ;
        /* background-color: #ccc; */
        }

        /* Style the tab content */
        .tabcontent {
            display: none;
            /* padding: 6px 12px; */
            /* border: 1px solid #ccc; */
            border-top: none;
            text-align: center;
            height: 700px;
        }


        .containner-sidebar-bts{
            background-color: #202a39;
            padding: 10px 0;
            margin: 0 15px 10px 15px;
            border-radius: 6px;
            transition: all 0.2s;
        }

        .btn-partness{
            border: none;
            background-color: #008181 ;
            border-radius: 5px;
            font-family: "Open Sans", sans-serif;
            font-size: 20px;
            font-weight: bold;
            width: 90%;
            height: 57px;
            color: #FFF;
        }

        .containner-sidebar-bts div ul{
            padding: 0;
        }

        .containner-sidebar-bts div ul li{
            list-style: none;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .containner-sidebar-bts div ul li a{
            text-decoration: none;
            color: #FFF;
            text-align: left;
            font-size: 20.4px;
            font-family: "Open Sans", sans-serif;
            display: flex;
            justify-content: flex-start;
            width: 300px;
            text-align: center;
            background: #12192233;
        }

        .containner-sidebar-bts div ul li span{

            color: gray;
            font-size: 25px;
            margin-right: 10px;
        }

        .title-itens-sidebar{
            border-bottom: solid 1px rgba(255,255,255,0.1);
            height: 50px;
            text-align: left;
            padding-left: 30px;
        }

        .title-itens-sidebar span{
            font-size: 27px;
            color: orange;
        }

    /* /////// */

    .main{
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .side-menu{
        position: absolute;
        width: 0%;
        z-index: 99;
        overflow: hidden;
        display: block;
        flex-shrink: 0;
        border-right: 2px solid rgba(71, 74, 75, 0.1);
        background: #111923;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        transition: background 0.15s ease, width 0.2s ease;
    }

    .activeSideMenu{
        width: 100% !important;
        height: 100% !important;
    }

    .hiddenOptions{
        display: none !important;
    }

    .center-container-home{
        flex-shrink: 0;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        left: 0;
        overflow-x: hidden;
        overflow-y: scroll;
        height: 100%;
        position: relative;
        width: 100%;
    }

    .top-bar{
        display: flex;
        align-items: center;
        flex-shrink: 0;
        height: 80px;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        background: rgba(22, 31, 44, 0.8);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
    }

    .footer-container{
        border-top: 2px solid rgba(71, 74, 75, 0.1);
        display: flex;
        flex-direction: column;
        margin-bottom: 120px;
        background: #161f2c;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        padding: 0px;
        margin: 0px;
        padding: 0 60px;
        
    }

    .columns-footer{
        display: flex;
        width: 100%;
        justify-content: space-between;
        padding: 15px 16px 15px 8px;
        border-bottom: 1px solid #111923;
        flex-shrink: 0;
    }

    .central-container{
        /* display: flex;
        flex-direction: column;
        flex-shrink: 0;
        flex-grow: 1; */
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        flex-grow: 1;
        width: 100%;
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

    .central-top-bar-itens a img{
        width: 125px;
        margin-right: 11px;
    }

    .containerAmountstypes{
        position: absolute;
        z-index: 100;
        width: 360px;
        margin-left: -180px;
        margin-right: auto;
        height: 210px;
        padding: 10px;
        box-sizing: border-box;
        background-color: #FEFEFE;
        border-radius: 20px;
        color: #0D131C;
        left: 50% !important;
        transition: opacity 1s;
        box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.75);
        -webkit-box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 1px -1px 5px 0px rgba(0,0,0,0.75);
    }

    .containerAmountstypes:before{
        content: "";
        vertical-align: middle;
        margin: auto;
        position: absolute;
        right: 180px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 8px solid #FEFEFE;
    }

    .containerUsertypes{
        position: absolute;
        z-index: 100;
        width: 117px;
        margin-left: -134px;
        height: auto;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        box-sizing: border-box;
        background-color: #202a39;
        border-radius: 7px;
        color: #0D131C;
        max-height: 119px;
        font-weight: bold;
        border: solid 2px #313c3b;
    }

    #containerUsertypes:before {
        content: "";
        vertical-align: middle;
        margin: auto;
        position: absolute;
        right: 5px;
        bottom: 100%;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 8px solid #313c3b;
    }

    .containerUsertypes ul{
        padding: 0;
        flex-direction: column;
        flex-shrink: 0;
        margin-top: 5px;
    }

    .containerUsertypes ul li{
        margin-bottom: 11px;
        width: 100%;
        display: flex;
        justify-content: left;
        align-items: center;
        padding-left: 10px;
        cursor: pointer;
    }

    .containerUsertypes ul li a{
        text-decoration: none;
        color: #B3B3B3;
        display: flex;
        flex-shrink: 0;
        align-items: center;
    }

    .containerUsertypes ul li a span{
        margin-right: 6px;
        font-size: 20px;
    }

    .hideEllementssite{
        display: none;
    }

    .container-controller-central-fluid{
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .rotative-banner{
        height: auto;
        width: 100%;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
    }

    .rotative-banner .slider .inner img{
        width: 100%;
    }

    .rotative-banner .slider{
        overflow: hidden;
    }

    .configure-banner{
        background-size: 100%;
        width: 100%;
        height: 153px;
        flex-shrink: 0;
        background-repeat: no-repeat;
        display: flex;
    }

    .configure-banner a{
        width: 100%;
        height: 100%;
        color: #FFF;
        text-decoration: none;
        outline: none;
        cursor: pointer;
    }

    .rotative-banner .slider .inner {
        position: relative;
        white-space: nowrap;
        display: flex;
        transition: all 1s ease;
    }

    .container-search{
        width: 95%;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        background-color: #202a3a;
        border-radius: 6px;
        margin-bottom: 30px;
    }

    .mrgBt10{
        margin-bottom: 10px;
    }

    .btnsForPay{
        display: flex;
        flex-shrink: 0;
        justify-content: space-around;
    }

    .btnsForPay button{
        background-color: #202a3a;
        display: flex;
        flex-grow: 0;
        justify-content: center;
        align-items: center;
        color: #FFF;
        border: none;
        padding: 12px;
        border-radius: 5px;
        outline: none;
        cursor: pointer;
    }

    .containerCHeckBonus{
        display: flex;
        flex-shrink: 0;
        margin-top: 10px;
        margin-bottom: 20px;
        color: gray;
        text-align: center;
    }

    .containerCHeckBonus input{
        margin-right: 10px;
    }

    .btnrechargego{
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none;
        font-size: 15px;
        font-weight: bold;
        border-radius: 8px;
        background-color: #008181 ;
        color: #FFF;
    }

    .mrgBt10 span{
        color: #008181 ;
        font-size: 18px !important;
        margin-right: 5px !important;
    }

    .mrgBt10 input{
        font-size: 20px;
        padding-left: 5px !important;
    }

    .container-search span{

        font-size: 25px;
        margin-right: 15px;
        margin-left: 15px;
    }

    .container-search input{
        width: 100%;
        height: 45.02px;
        border-radius: 6px;
        background-color: #202a3a;
        border: none;
        padding-left: 10px;
        color: #fff;
        box-sizing: border-box;
        outline: none;
    }

    .container-shortcuts{
        width: 100%;
        flex-shrink: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5px;
        overflow-x: auto;
        padding-left: 0;
        overflow: hidden;
        overflow-x: auto;
        mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
        -webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
    }

    

    .container-shortcuts, .center-container-home {
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
    }
    .container-shortcuts::-webkit-scrollbar, .center-container-home::-webkit-scrollbar { 
        display: none;  /* Safari and Chrome */
    }

    .container-shortcuts ul{
        padding: 0;
        display: block;
        justify-content: space-around;
        width: 1044px;
        height: auto;
        clear: left;
        overflow-x: auto;
    }

    .container-shortcuts ul li{
        list-style: none;
        margin-left: 22px;
        display: inline-block;
        width: 50px;
        margin-right: 11px;
    }

    .container-shortcuts ul li a{
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        text-decoration: none;
        justify-content: center;
        align-items: center;
        color: #FFF;
    }

    .img-circle{
        width: 62px;
        height: 62px;
        border-radius: 100%;
        background: #008181 29;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .img-circle span{
        font-size: 35px;
        /* opacity: 0.4; */
        color: #008181 ;
    }

    .name-shortcut{
        width: 70px;
        font-weight: 700;
        font-size: 14.4px;
        text-align: center;
    }

    .container-info-footer{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .container-copy-footer{
        display: flex;
        justify-content: flex-end;
        padding-right: 10px;
        color: gray;
    }

    .footer-logo{
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        padding: 15px;
        box-sizing: border-box;
    }

    .footer-links{
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: space-between;
        flex-shrink: 0;
        flex-direction: column;
        font-weight: 300;
    }

    .title-in-footer{
        color: #B3B3B3;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
    }

    .links-in-footer{
        color: #B3B3B3;
    }

    .links-in-footer ul{
        padding: 0;
        display: flex;
        flex-shrink: 0;
        justify-content: space-around;
    }

    .links-in-footer ul li{
        list-style: none;
        flex-shrink: 0;
    }

    .links-in-footer ul li a{
        text-decoration: none;
        color: #B3B3B3;
    }

    .footer-pix{
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
    }

    .footer-contacts-social{
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: space-between;
        flex-shrink: 0;
        flex-direction: column;
        font-weight: 300;
        margin-top: 30px;
    }

    .social-icons-footer{
        display: flex;
        justify-content: space-evenly;
        flex-shrink: 0;
    }

    .social-icons-footer img{
        width: 43px;
    }

    .central-top-bar-itens{
        display: flex;
        align-items: center;
        flex-shrink: 0;
        justify-content: space-between;
    }

    .login-register-container-btns{
        display: flex;
        align-items: center;
        margin-right: 33px;
        min-width: 200px;
    }

    .login-register-container-btns a{
        color: #FFF;
        text-decoration: none;
        margin-right: 10px;
        font-size: 17px;
    }

    .login-register-container-btns button{
        border: none;
        color: #fff;
        background-color: #008181 ;
        width: 100%;
        height: 40px;
        border-radius: 5px;
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
        min-width: 83px;
        font-weight: 700;
    }

    marquee{
        display: flex;
        align-items: center;
        filter: grayscale(100%);
    }

    marquee img{
        margin-right: 100px;
        max-width: 180px;
    }

    .modal-register-backdrop{
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        z-index: 9;
        margin: 0;
        padding: 0;
        opacity: 1;
        transition: all .2s;
    }

    .container-login-register{
        width: 350px;
        max-height: 430px;
        border-radius: 12px;
        background-color: #121922;
        display: flex;
        position: relative;
        overflow: hidden;
        margin-left: auto;
        margin-right: auto;
    }

    #btcloseloginmodalmblogin, #btcloseloginmodalmbregister{
        font-size: 25px;
        right: 8px;
        position: absolute;
        top: 6px;
    }

    .container-itens-recharge{
        width: 92%;
        height: auto;
        margin-left: auto;
        border-top: solid 1px #b1b1b1;
        margin-right: auto;
        padding-top: 10px;
        display: flex;
        flex-shrink: 0;
        flex-direction: column;
    }

    .container-recharge{
        width: 360px;
        height: auto !important;
        border-radius: 8px;
        background-color: #121922;
        display: flex;
        position:relative;
        padding-bottom: 20px;
    }

    #btclosemodalrecharge{
        position: absolute;
        right: 10px;
        font-size: 25px;
        font-weight: bold;
        margin-top: 10px;
        cursor: pointer;
    }

    .area-login-register-modal-left{
        width: 350px;
        height: auto;
        flex-shrink: 0;
        padding-left: 10px;
        padding-right: 10px;
    }

    .area-login-register-modal-logo-left{
        width: 350px;
        height: 535px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        position: relative;
    }

    .hiddenModals{
        opacity: 0;
        pointer-events: none;
        display: none;
    }

    #btclosemodal{
        position: absolute;
        font-size: 35px;
        top: 10px;
        right: 10px;
        color: gray;
        cursor: pointer;
        z-index: 20;
    }

    #btcloseloginmodal{
        position: absolute;
        font-size: 35px;
        top: 10px;
        right: 10px;
        color: gray;
        cursor: pointer;
        z-index: 20;
    }

    .title-area-register-login{
        color: #b7b4b4;
        height: 50px;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    .separator-area-rl{
        width: 100%;
        height: 26px;
        display: flex;
    }

    .s-rl-l{
        width: 100px;
        border-top: solid 1px #b1b1b1;
        margin-top: 10px;
        margin-right: 5px;
        flex-shrink: 0;
    }

    .s-rl-r{
        width: 100px;
        border-top: solid 1px #b1b1b1;
        margin-top: 10px;
        margin-left: 5px;
        flex-shrink: 0;
    }

    .s-rl-text{
        font-size: 12px;
        width: 116px;
        text-align: center;
        text-transform: uppercase;
    }

    .mini-container-register-login{
        padding: 14px;
    }

    .c-rl-input{
        background-color: #232f41;
        border-radius: 5px;
        margin-bottom: 10px;
        padding: 5px;
        padding-bottom: 3px;
        box-sizing: border-box;
        display: flex;
    }

    .c-rl-input span{
        font-size: 25px;
        margin-right: 10px;
    }

    .c-rl-input input{
        background-color: transparent;
        border: none;
        height: 41.02px;
        width: 100%;
        outline: none;
        color: #FFF;
        font-size: 17px !important;
    }

    .c-area-confirm-register{
        display: flex;
        margin-bottom: 12px;
    }

    .input-check-confir{
        margin-right: 10px;
    }

    .text-conf-reg{
        font-size: 15px;
        color: #ababab;
    }

    .mini-container-register-login button{
        width: 100%;
        height: 53px;
        border: none;
        background-color: #008181;
        margin-bottom: 11px;
        color: #FFF;
        font-size: 17px;
        font-weight: bold;
        border-radius: 8px;
    }

    .mini-container-register-login a{
        color: #FFF;
        text-decoration: none;
        width: 100%;
        display: block;
        text-align: center;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        margin-top: 26px;
    }

    .reset-pass-text{
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .content-money-top{
        display: flex;
        flex-shrink: 0;
        align-items: center;
        background-color: #202a3a;
        padding: 10px;
        box-sizing: border-box;
        height: 40px;
        border-radius: 4px;
        border: solid 2px #313c3b;
    }

    .currency-info{
        margin-right: 6px;
        color: #008181 ;
    }

    .content-money-top span{
        font-size: 25px;
        cursor: pointer;
    }

    .user-logged-panel-info{
        display: flex;
        flex-shrink: 0;
        margin-right: 20px;
        align-items: center;
    }

    .user-logged-panel-info button{

        max-height: 40px !important;
    }

    .user-logged-panel-info .mdi-bell{
        font-size: 18px;
        color: gray;
        margin-left: 20px;
        cursor: pointer;
        margin-left: 13px;
        margin-right: -13px;
        display: none;
    }

    .user-logged-panel-info .mdi-account-circle{

        font-size: 35px;
        color: gray;
        margin-right: 20px;
        margin-left: 20px;
        cursor: pointer;
        display: none;

    }

    div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm{
        background-color: #008181  !important;
        color: #FFF !important;
    }

    div:where(.swal2-container) div:where(.swal2-popup){
        background: #000000b8 !important;
        color: #FEFEFE !important;
    }

    .swal2-success-circular-line-left{
        background-color: transparent !important;
    }

    .hot-games-container{
        width: 90%;
        background-color: #202a3a;
        margin-bottom: 30px;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        overflow-x: auto;
        position: relative;
    }

    .hot-games-container div{
        display: flex;
        align-items: center;
        width: 100%;
        border-bottom: none;
        position: absolute;
        height: 40px;
        overflow: hidden;
    }

    .hot-games-container div span{

        color: orange;
        font-size: 30px;
        margin-left: 10px;

    }


    .hot-games-container ul{
        padding: 0;
        display: block;
        clear: left;
        width: 776px;
        height: 194px;
        align-items: center;
        justify-content: space-around;
        overflow: hidden;
        overflow-x: scroll;
        margin-top: 44px;
        border-top: solid 0.3px rgba(255,255,255,0.1);
        padding-top: 20px;
    }

    .hot-games-container ul li{
        width: 129px;
        height: 172px;
        background-size: 100%;
        border-radius: 15px;
        background-repeat: no-repeat;
        background-position: center;
        list-style: none;
        transition: all 0.2s;
        display: inline-block;
        margin-left: 20px;
    }

    .hot-games-container ul li:hover{
        background-size: 120%;
        
    }


    .slotgamelistsite{
        width: 90%;
        background-color: #202a3a;
        margin-bottom: 30px;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        overflow: hidden;
        overflow-x: auto;
        position: relative;
    }

    .slotgamelistsite div{
        display: flex;
        align-items: center;
        width: 100%;
        /* border-bottom: solid 0.3px rgba(255,255,255,0.1); */
    }

    .slotgamelistsite div span{

        color: greenyellow;
        font-size: 30px;
        margin-left: 10px;
        margin-right: 10px;

    }


    .slotgamelistsite ul{
        padding: 0;
        display: block;
        clear: left;
        width: 776px;
        height: 194px;
        overflow: hidden;
        overflow-x: scroll;
        padding-top: 20px;
        border-top: solid 0.3px rgba(255,255,255,0.1);
    }

    .slotgamelistsite ul li{
        width: 129px;
        height: 172px;
        float: left;
        margin-left: 23px;
        margin-top: 0;
        margin-bottom: 20px;
        background-size: 100%;
        border-radius: 15px;
        background-repeat: no-repeat;
        background-position: center;
        list-style: none;
        transition: all 0.2s;
    }

    .slotgamelistsite ul li:hover{
        background-size: 120%;
    }

    .slotgamelistsite ul li a{
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
    }

    .hot-games-container ul li a{
        text-decoration: none;
        width: 100%;
        height: 100%;
        display: block;
        cursor: pointer;
    }

    #containerGameShow{
        margin-top: 30px;
        border-radius: 20px;
        overflow: hidden;
    }
    iframe{
        width: 100%;
        height:100%;
        /* min-height: 716px; */
    }

    .unllogedtemplate{
        width: 100%;
        height: auto;
        min-height: 716px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-bottom: 100px;
        filter: blur(8px);
        -webkit-filter: blur(8px);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .unlloguedinfo{
        display: flex;
        flex-direction: column;
        width: 360px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
        color: #e15a5a;
    }

    .container-minimal-pay-information{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #242f407a;
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
    }

    /* ////////////// ADMIN AREA //////////// */

    .topbar-admin{
        height: 72px;
        display: flex;
        background-color: #2e3038;
        align-items: center;
        justify-content: space-between;
        padding-left: 30px;
        padding-right: 30px;
        box-shadow: 0 0.05rem 0.01rem rgba(255, 255, 255, 0.075);
        flex-shrink: 0;
    }

    .topbar-admin span{
        font-size: 25px;
        cursor: pointer;
    }

    .title-admin-page{
        font-size: 25px;
    }
    .container-central-admin{
        display: flex;
        height: 100%;
        flex-grow: 0;
    }
    .side-menu-admin{
        width: 250px;
        background: #2e3038;
        bottom: 0;
        padding: 0 0 30px 0;
        overflow-y: scroll !important;
        top: 72px;
        transition-duration: 0.2s;
        box-shadow: 1px 0.05rem 0.01rem rgba(75, 75, 90, 0.075);
        z-index: 99;
        border-top: solid 1px rgba(75, 75, 90, 0.7);
        flex-shrink: 0;
        padding: 18px;
    }


    .side-menu-admin li{
        list-style: none;
    }

    .base-statistic-admin{
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
    }

    .title-base-statistic-admin{
        font-size: 20px;
        display: flex;
        justify-content: space-between;
    }

    .title-base-statistic-admin button{
        font-size: 12px;
        border-radius: 5px;
        border: none;
        background-color: green;
        width: 105px;
        font-weight: 700;
        padding-left: 10px;
        padding-right: 10px;
    }

    .profit-container, .deposits-container, .pix-info-container, .register-info-container{

        display: flex;
        flex-shrink: 0;
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        align-items: center;
        margin-bottom: 20px;
        margin-top: 11px;
        justify-content: flex-start;
        border-radius: 2px;
        height: 96.59px;
        background-color: #2e3038;
        border: solid 1px rgba(255, 255, 255, 0.075);
        box-shadow: 0 0.05re
    }

    .area-admin-inf-statistics{
        width: 308px;
    }

    .container-value-amount-profit{
        font-size: 32px;
    }

    .title-profits{
        font-size: 12px;
        color: #008181 ;
        margin-bottom: 6px;
    }

    ::-webkit-scrollbar {

        -webkit-appearance: none;
        width: 15px;
        background-color: #2e3038;
    
    }

    .charts-container{
        display: flex;
        margin-bottom: 30px;
        flex-shrink: 0;
        align-items: center;
        width: 100%;
        height: auto;
        justify-content: space-between;
    }

    .charts-container span{
        margin-bottom: 20px;
        display: block;
    }

    .chart-registers,.chart-profits{
        width: 49%;
        flex-shrink: 0;
    }

    canvas{
        width: 100% !important;
        height: 210px !important;
    }

    .chart-profits, .chart-registers{
        background: #c3824a0d;
        padding: 20px;
        border-radius: 20px;
        box-sizing: border-box;
        border: solid 0.1px #c36e4a;
    }

    .vgeral,.vsite,.voutros{
        padding: 15px;
        margin-bottom: 10px;
    }

    .vgeral li,.vsite li,.voutros li{
        height: 40px;
        font-weight: bold;
        display: flex;
        align-items: center;
        margin-bottom: 10px;
        padding-left: 10px;

    }

    .vgeral li a,.vsite li a,.voutros li a{
        color: #FFF !important;
        cursor: pointer !important;
        text-decoration: none !important;
    }

    .vgeral li span,.vsite li span,.voutros li span{
        font-size: 17px;
        margin-right: 10px;
    }

    .ul-config-base-side-menu{
        padding: 0;
    }

    .vtitles{
        font-size: 18px;
    }

    .activePageMenu{
        background-color: #23252be8 !important;
        padding-left: 10px;
        border-radius: 7px;
    }

    .ggr-area-pay-infogames{
        display: flex;
        flex-shrink: 0;
        justify-content: space-between;
    }

    .pay-info-ggr, .info-game-ggr{
        width: 49%;
        background-color: #2e3038;
        padding: 10px;
        box-sizing: border-box;
        border-radius: 3px;
    }

    .title-pay-ggr{
        font-size: 25px;
        margin-bottom: 20px;
        border-bottom: solid 0.3px rgba(255,255,255,0.1);
        padding-bottom: 20px;
    }

    .container-pay-ggr-inputs{
        display: flex;
        margin-bottom: 30px;
        width: 100%;
        height: auto;
        flex-shrink: 0;
    }

    .input-inf-data-ggr-for-pay{
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }

    .controller-input-container{
        background-color: #24262c;
        width: 100%;
        padding-left: 17px;
    }

    .container-pay-ggr-inputs button{
        width: 150px;
        height: 80px;
        background-color: green;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 18px;
    }

    .controller-input-container input{
        height: 40px;
        width: 100%;
        background-color: lightgrey;
        border: none;
        padding-left: 20px;
        font-size: 20px;
        color: #333;
    }

    .texts-inf-for-use{
        font-size: 14px;
        font-weight: 100;
        letter-spacing: 2px;
    }

    .titles-cupons-list{
        display: flex;
        width: 100%;
        justify-content: space-around;
        margin-top: 30px;
        margin-bottom: 30px;
        list-style: none;
        border-bottom: solid 1px rgba(255,255,255,0.1);
        padding-bottom: 30px;
        box-sizing: border-box;
    }

    .ul-list-cupons{
        list-style: none;
        display: flex;
        flex-direction: column;
    }

    .ul-list-cupons li{
        display: flex;
        justify-content: space-around;
        background: #2e3038;
        height: 40px;
        border-radius: 4px;
        align-items: center;
        margin-bottom: 5px;
    }

    .ul-list-cupons li span{
        font-size: 25px;
        color: #ee9f9f;
        cursor: pointer;
    }

    .content-list-user-admin{
        display: flex;
        justify-content: center;
        margin-top: 30px;
        max-height: 700px;
        overflow: auto;
    }

    .title-usr-list-top{
        display: flex;
        list-style: none;
        margin-top: 30px;
        justify-content: space-around;
    }

    .ul-list-usr-go{
        list-style: none;
        list-style: none;
        overflow: hidden;
        overflow-y: auto;
        height: 500px;
    }

    .ul-list-usr-go li{
        display: flex;
        justify-content: space-around;
        font-size: 20px;
        flex-shrink: 0;
        background: #24262c;
        align-items: center;
    }

    .list-final-users{
        width: 100%;
        background-color: #2e3038;
        border-radius: 4px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .content-edit-user-admin{
        background: #24262c;
        border-radius: 10px;
        display: flex;
        flex-shrink: 0;
        flex-direction: column;
        width: 40%;
    }

    /* USER LIST TABLE */
    .user-list tbody td > img {
        position: relative;
        max-width: 50px;
        float: left;
        margin-right: 15px;
    }
    .user-list tbody td .user-link {
        display: block;
        font-size: 1.25em;
        padding-top: 3px;
        margin-left: 60px;
    }
    .user-list tbody td .user-subhead {
        font-size: 0.875em;
        font-style: italic;
    }

    /* TABLES */
    .table {
        border-collapse: separate;
    }
    .table-hover > tbody > tr:hover > td,
    .table-hover > tbody > tr:hover > th {
        /* background-color: #eee; */
    }
    .table thead > tr > th {
        border-bottom: 1px solid transparent !important;
        padding-bottom: 0;
    }
    .table tbody > tr > td {
        font-size: 0.875em;
        /* background: #f5f5f5;*/
        border-bottom: 1px solid #fff; 
        vertical-align: middle;
        padding: 12px 8px;
    }
    .table tbody > tr > td:first-child,
    .table thead > tr > th:first-child {
        padding-left: 20px;
    }
    .table thead > tr > th span {
        border-bottom: 2px solid #494b52;
        display: inline-block;
        padding: 0 5px;
        padding-bottom: 5px;
        font-weight: normal;
    }
    .table thead > tr > th > a span {
        color: #344644;
    }
    .table thead > tr > th > a span:after {
        content: "\f0dc";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        margin-left: 5px;
        font-size: 0.75em;
    }
    .table thead > tr > th > a.asc span:after {
        content: "\f0dd";
    }
    .table thead > tr > th > a.desc span:after {
        content: "\f0de";
    }
    .table thead > tr > th > a:hover span {
        text-decoration: none;
        color: #2bb6a3;
        border-color: #2bb6a3;
    }
    .table.table-hover tbody > tr > td {
        -webkit-transition: background-color 0.15s ease-in-out 0s;
        transition: background-color 0.15s ease-in-out 0s;
    }
    .table tbody tr td .call-type {
        display: block;
        font-size: 0.75em;
        text-align: center;
    }
    .table tbody tr td .first-line {
        line-height: 1.5;
        font-weight: 400;
        font-size: 1.125em;
    }
    .table tbody tr td .first-line span {
        font-size: 0.875em;
        color: #969696;
        font-weight: 300;
    }
    .table tbody tr td .second-line {
        font-size: 0.875em;
        line-height: 1.2;
    }
    .table a.table-link {
        margin: 0 5px;
        font-size: 1.125em;
    }
    .table a.table-link:hover {
        text-decoration: none;
        color: #2aa493;
    }
    .table a.table-link.danger {
        color: #fe635f;
    }
    .table a.table-link.danger:hover {
        color: #dd504c;
    }

    .table-products tbody > tr > td {
        background: none;
        border: none;
        border-bottom: 1px solid #ebebeb;
        -webkit-transition: background-color 0.15s ease-in-out 0s;
        transition: background-color 0.15s ease-in-out 0s;
        position: relative;
    }
    .table-products tbody > tr:hover > td {
        text-decoration: none;
        background-color: #f6f6f6;
    }
    .table-products .name {
        display: block;
        font-weight: 600;
        padding-bottom: 7px;
    }
    .table-products .price {
        display: block;
        text-decoration: none;
        width: 50%;
        float: left;
        font-size: 0.875em;
    }
    .table-products .price > i {
        color: #8dc859;
    }
    .table-products .warranty {
        display: block;
        text-decoration: none;
        width: 50%;
        float: left;
        font-size: 0.875em;
    }
    .table-products .warranty > i {
        color: #f1c40f;
    }
    .table tbody > tr.table-line-fb > td {
        background-color: #9daccb;
        color: #262525;
    }
    .table tbody > tr.table-line-twitter > td {
        background-color: #9fccff;
        color: #262525;
    }
    .table tbody > tr.table-line-plus > td {
        background-color: #eea59c;
        color: #262525;
    }
    .table-stats .status-social-icon {
        font-size: 1.9em;
        vertical-align: bottom;
    }
    .table-stats .table-line-fb .status-social-icon {
        color: #556484;
    }
    .table-stats .table-line-twitter .status-social-icon {
        color: #5885b8;
    }
    .table-stats .table-line-plus .status-social-icon {
        color: #a75d54;
    }

    .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
        border-top: none !important;
    }

    thead{
        color: rgba(255,255,255,0.2);
    }

    .container-box-imgs-site-base{
        display: flex;
        justify-content: center;
        flex-shrink: 0;
        margin-bottom: 30px;
        margin-top: 40px;
        flex-wrap: wrap;
    }

    .box-load-fav, .box-load-logo,.box-load-login-register-rigth{
        height: auto;
        background: #2e3038;
        padding: 10px;
        border-radius: 4px;
        /* flex-grow: 1; */
        width: 360px;
        margin-right: 20px;
    }

    .box-load-fav input, .box-load-logo input,.box-load-login-register-rigth input{

        margin-top: 30px;
    }


    .box-load-logo .box-img-load-sample-size-info{
        width: 200px;
        height: 80px;
    }

    .box-load-login-register-rigth .box-img-load-sample-size-info{
        width: 150px;
        height: 200px;
    }

    .titles-box-load-images{
        font-size: 25px;
        margin-bottom: 20px;
    }

    .box-recommended-size-info{
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .box-img-load-sample-size-info{
        width: 100px;
        background-size: cover;
        height: 100px;
        margin-bottom: 10px;
        border: solid 1px rgba(13,19,28,0.5);
        background-repeat: no-repeat;
        background-position: center;
    }

    .overflowAutoSite{
        overflow: auto;
        overflow-x: hidden;
        padding-bottom: 20px !important;
        margin-bottom: 50px;
    }

    .container-ilustrative-banne{
        background: #2e3038;
        padding: 20px;
        box-sizing: border-box;
        margin-bottom: 30px;
        border-radius: 4px;
        position: relative;
    }

    .container-ilustrative-banne input{
        margin-top: 10px;
        /* margin-bottom: 20px; */
        width: 90%;
        margin-right: 10px;
        border: none;
        /* height: 40px; */
        background-color: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 0.3rem;
        padding: 0.5rem 0.75rem;
    }

    #banner1,#banner2,#banner3,#banner4{
        background-color: transparent !important;
        border: none !important;
    }

    .box-img-load-sample-size-banner-info{
        width: 100%;
        height: 460px;
        margin-bottom: 20px;
        border: solid 1px rgba(13,19,28,0.5);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .btnloadbanner{
        width: 100px;
        height: 33px;
        border-radius: 6px;
        border: navajowhite;
        background-color: #24262c;
    }

    .container-themes-show{
        display: flex;
        flex-wrap: wrap;
        flex-shrink: 0;
        padding: 20px;
        justify-content: space-evenly;
    }

    .theme-select{
        width: 550px;
        height: auto;
        /* margin-right: 30px; */
        margin-bottom: 30px;
        background-color: #2e3038;
        padding: 20px;
        border-radius: 3px;
    }

    .title-thame-name-color{
        display: flex;
        flex-shrink: 0;
        justify-content: space-between;
        padding: 20px;
    }

    .name-theme{
        font-size: 25px;
    }

    .color-sample-show{
        width: 100px;
        height: 30px;
    }

    .green-theme-color{
        width: 100px;
        height: 30px;
        background: #a3d711;
    }

    .red-theme-color{
        width: 100px;
        height: 30px;
        background: #f12c4c;
    }

    .blue-theme-color{
        width: 100px;
        height: 30px;
        background: #01ace6;
    }

    .golden-theme-color{
        width: 100px;
        height: 30px;
        background: #FFC107;
    }

    .purple-theme-color{
        width: 100px;
        height: 30px;
        background: #9246a0;
    }

    .orange-theme-color{
        width: 100px;
        height: 30px;
        background: #008181 ;
    }

    .show-sample-theme-img{
        width: 100%;
        height: 280px;
        display: flex;
        overflow: hidden;
        max-height: 360px;
        background-size: contain;
        flex-shrink: 0;
        background-repeat: no-repeat;
        background-position: center;
    }


    .set-theme-btc{
        background-color: #0d131c;
        width: 150px;
        height: 40px;
        border: none;
        border-radius: 6px;
    }

    .activetheme{
        border: solid 1px greenyellow;
        background: #008181 21 !important;
    }

    .title-block-site-setting{
        font-size: 15px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .container-settigs-blocks{
        display: flex;
        flex-shrink: 0;
        /* justify-content: space-evenly; */
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }

    .block-config-sesttings{
        border-radius: 3px;
        background-color: #2e3038;
        display: flex;
        flex-direction: column;
        width: 360px;
        padding: 20px;
        box-sizing: border-box;
        /* margin-left: auto; */
        margin-right: 30px;
    }

    .title-in-block-config{
        font-size: 18px;
    }

    .description-config{
        color: #5c5c5c;
        font-size: 13px;
    }

    .input-congis-settings{
        border: none;
        flex-shrink: 0;
        width: 100%;
        min-height: 40px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
        background-color: rgba(255, 255, 255, 0.2) !important;
        border: 1px solid rgba(255, 255, 255, 0.3) !important;
        border-radius: 0.3rem;
        margin-top: 10px;
    }

    .btn-save-settings-go{
        border: none;
        background-color: #008181  !important;
        border-radius: 0.3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        padding: 10px;
        box-sizing: border-box;
        float: right;
        margin-right: 30px;
        color: #333;
        width: 170.8px !important;
    }

    .container-add-cupom{
        width: 100%;
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 20px;
        box-sizing: border-box;
    }

    .container-add-cupom button{
        height: 50px;
        margin-top: 15px;
        width: 100%;
        background-color: green;
        border: none;
        border-radius: 8px;
        font-size: 20px;
        font-weight: 700;
        cursor: pointer;
    }

    .title-add-cupom{
        font-size: 25px;
        margin-bottom: 30px;
    }

    .div-countainer-input-add-cupom{
        background: #202a3a;
        height: 40px;
        display: flex;
        padding: 5px;
        margin-bottom: 10px;
        border-radius: 5px;
        align-items: center;
    }

    .div-countainer-input-add-cupom span{
        font-size: 25px;
        margin-right: 20px;
    }

    .div-countainer-input-add-cupom input{
        border: none;
        background-color: transparent;
        width: 100%;
        outline: none;
    }

    .closebtcupom{
        font-size: 28px;
        position: absolute;
        right: 10px;
        top: 0;
        cursor: pointer;
    }

    .closebtedit{
        font-size: 28px;
        position: absolute;
        right: 10px;
        top: 0;
        cursor: pointer;
    }

    .span-magin-form-label{
        margin-bottom: 10px;
        display: block;
    }

    .extra-size-modals{
        width: 360px !important;
        height: 418px !important;
    }

    .super-size-modals {
        width: 360px !important;
        height: auto !important;
    }

    .search-container-users{
        height: auto;
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        box-sizing: border-box;
        flex-shrink: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .container-titles-user-page{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        height: 41px;
        margin-bottom: 13px;
        box-sizing: border-box;
        background-color: #24262c;
        border-bottom: solid 3px #FFF;
        border-top: solid 1px #FFF;
    }

    .container-list-user-page{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        box-sizing: border-box;
        list-style: none;
    }

    .container-list-user-page a{
        color: #FFF;
        text-decoration: none;
        margin-bottom: 11px;
        display: block;
        
        display: block;
        height: 62px;
        padding: 5px;
    }

    .container-list-user-page a li{
        display: flex;
        align-items: center;
        height: 50px;
    }

    .search-container-users input{
        border: none;
        background-color: #24262c;
        height: 41px;
        margin-right: 10px;
        border-radius: 10px;
        width: 200px;
        color: #FFF;
        padding-left: 10px;
        box-sizing: border-box;
    }

    .search-container-users button{
        border: none;
        width: 82.91px;
        height: 41px;
        border-radius: 10px;
        background-color: #5369F8;
        font-size: 14px;
        cursor: pointer;
    }

    .ul-list-usr-container{
        display: flex;
        clear: left;
        list-style: none;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .ul-list-usr-container li{
        display: inline-block;
        width: 250px;
    }

    .principal-list-li-show{
        display: inline-block;
        width: 100% !important;
    }

    .date-title-top-list{
        width: 350px !important;
    }

    .list-user-inf{
        display: inline-block;
        width: 250px;
    }

    .user-icon{
        color: gray;
        font-size: 44px;
        margin-right: 3px;
        margin-left: -50px;
        padding-left: 10px;
        height: 62px !important;
    }

    .user-email-list{
        font-size: 13px;
        color: gray;
    }

    .setColorOdd{
        background-color: #282a31 !important;
    }

    .container-float-checkbox{
        position: absolute;
        top: 61px;
        right: 10px;
        display: flex;
    }
    
}

@media (max-width: 480px){

    .side-menu-admin{
        width: 0px;
        padding: 0px;
    }

    .profit-container, .deposits-container, .pix-info-container, .register-info-container, .charts-container{
        flex-direction: column;
        height: auto;
        
    }

    .chart-registers, .chart-profits{
        width: 100% !important;
    }

    .ggr-area-pay-infogames{
        flex-direction: column;
    }

    .pay-info-ggr, .info-game-ggr{
        width: 100%;
        margin-bottom: 20px;
    }

    .box-load-fav, .box-load-logo, .box-load-login-register-rigth{
        margin-right: 0;
        margin-bottom: 20px;
    }

    .box-img-load-sample-size-banner-info{
        height: 150px;
    }

    .btnloadbanner{
        margin-top: 11px;
    }

    .show-sample-theme-img{
        width: 100%;
        height: 360px;
        margin-bottom: 10px;
        background-size: cover;
        background-position: left;
    }

    .container-themes-show{
        padding: 0;
        margin-top: 10px;
    }

    .container-settigs-blocks{
        flex-direction: column;
    }

    .block-config-sesttings{
        width: 100%;
    }

    .extradata-inf{
        display: none !important;
    }

    .content-list-user-admin{
        background-color: #2e3038;
    }

    .active-side-menu-admin{
        width: 100%;
        padding: 0px;
        padding-left: 20px;
        padding-top: 20px;
    }

    #hambmenu{
        margin-right: 10px;
        display: block;
    }

}

.container-wallet{
    padding: 20px;
    box-sizing: border-box;
}

.container-ballance-user{
    background-color: #17212e;
    border-radius: 3px;
    padding: 15px;
    box-sizing: border-box;
}

.container-inf-user-ballance{
    max-width: 370px;
}

.title-user-inf{
    font-size: 14px;
    color: gray;
    margin-bottom: 10px;
}

.real-ballance-show{
    font-size: 39px;
    margin-bottom: 10px;
    margin-top: -5px;
}

.bts-action-ballance{
    display: flex;
}

.bt-add-ballance{
    border: none;
    background-color: #008181 ;
    width: 150px;
    height: 42px;
    border-radius: 6px;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
    color: #FFF;
}

.bt-get-ballance{
    border: none;
    background-color: #121922;
    width: 150px;
    height: 42px;
    border-radius: 6px;
    font-size: 16px;
    margin-right: 20px;
    cursor: pointer;
    color: #FFF;
}

.container-info-status-pay-get{
    margin-top: 20px;
}

.color-tabs-wallet{
    background-color: #17212e;
}

.tabcontentwallet {
    display: none;
    /* padding: 6px 12px; */
    /* border: 1px solid #ccc; */
    border-top: none;
    text-align: center;
}

.active-side-menu-admin{
    width: 100%;
    padding: 0px;
    padding-left: 20px;
    padding-top: 20px;
}

#depositos{
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}

#saques{
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll;
}

#depositos ul, #saques ul{
    padding: 0;
}

#depositos ul li, #saques ul li{
    display: flex;
    justify-content: space-around;
    list-style: none;
}

.list-wd-user{
    margin-bottom: 10px;
    align-items: center;
    height: 40px;
    border-bottom: solid 1px rgba(255,255,255,0.1);
    padding-bottom: 5px;
    box-sizing: border-box;
}

.title-table-wallet{
    background-color:#23252b91 !important;
    border-top: 3px solid #23252b;
    border-bottom: 3px solid #23252b;
    height: 50px;
    margin-bottom: 15px;
    align-items: center;
}

.status-closed{
    background-color: gray;
    color: #fff;
    font-size: 12px;
    width: 87px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.status-reject{
    background-color: red;
    color: #fff;
    font-size: 12px;
    width: 87px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.status-in-progress{
    background-color: lightgray;
    color: #333;
    font-size: 12px;
    width: 87px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.status-finished{
    background-color: #c5ef06;
    color: #333;
    font-size: 12px;
    width: 87px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
}
.container-partner{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: space-evenly; */
    padding: 20px;
    box-sizing: border-box;
    background: #111923;
    border-radius: 8px;
    margin-top: 30px;
}

.container-link-partner{
    width: 370px;
    background: #17202c;
    margin-right: 30px;
    padding: 20px;
    border-radius: 6px;
    margin-bottom: 30px;
    box-sizing: border-box;
    height: 262px;
    flex-shrink: 0;
}

.title-inv-pg{
    font-size: 27px;
    margin-bottom: 27px;
}

.sub-tex-inv{
    color: gray;
    margin-bottom: 5px;
    font-size: 14px;
}

.container-inpt-link-inv{
    height: 40px;
    margin-bottom: 30px;
    background: #202a3a;
    border-radius: 6px;
    display: flex;
}

.container-inpt-link-inv input{
    border: none;
    background-color: transparent;
    color: lightgrey;
    font-size: 16px;
    height: 100%;
    width: 100%;
    padding-left: 11px;
    box-sizing: border-box;
}

.container-inpt-link-inv button{
    border: none;
    background: transparent;
    color: #FFF;
    font-size: 25px;
}

.social-icons-list-invite{
    display: flex;
}

.social-icons-list-invite img{
    width: 36px;
    margin-right: 18px;
    cursor: pointer;
    display: block;
    margin-top: 7px;
}

.container-info-invites{
    display: flex;
    align-items: center;
    background: #17202c;
    padding-left: 20px;
    width: 370px;
    border-radius: 6px;
    box-sizing: border-box;
    justify-content: space-evenly;
    height: 262px;
    flex-shrink: 0;
}

.invt-numb-count{
    height: 150px;
    background-color: #0d131c;
    border-radius: 100%;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

.title-inv-count{
    color: gray;
    text-align: center;
    margin-bottom: 10px;
}

a{
    cursor: pointer;
}

#btclosemodalcoupon{
    font-size: 25px;
    right: 7px;
    position: absolute;
}

#withdraw_btclosemodal{
    font-size: 25px;
    right: 7px;
    position: absolute;
}

#pixKeyType{

}

.pixaditionalinfo{
    display: none;
}

select {

    height: 40px;
    margin-bottom: 30px;
    border-radius: 6px;
    background: #202a3a;
    color: #FFF;
    outline: none;
    padding: 10px;
    padding-right: 30px;
  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
      background-repeat: no-repeat, repeat;
      background-position: right .7em top 50%, 0 0;
      background-size: .65em auto, 100%;
  }
  
  /* For IE (thanks to @SaiManoj) */
  select::-ms-expand {
    display: none;
  }

.__jivoMobileButton{
    bottom:45px !important;
}

#trashsweepstakes{
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.container-sweepstakes{
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-sweep{
    height: auto;
    display: flex;
    width: 100%;
    border-radius: 8px;
    background-color: #202a3a;
    flex-direction: column;
    padding: 8px;
}

.info-no-sweep{
    font-size: 21px;
    text-align: center;
    padding: 30px;
}

.banner-sweep{
    width: 100%;
    border-radius: 8px;
}

.title-sweep{
    font-size: 25px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.active-btn{
    background-color: #008181  !important;
    color: #fff !important;
}
.containerload{
    display: flex;
    justify-content: center;
    align-items: center;
}

.containerload img{
    width: 300px;
}

.hiddeels{
    display: none;
}

.container-copy-paste-pix{
    word-break: normal;
    margin-top: 20px;
    margin-bottom: 9px;
    border: solid 1px rgba(255,255,255,0.1);
    border-radius: 3px;
    padding: 10px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
    font-size: 12px;
    height: 89px;
    overflow: hidden;
    overflow-x: scroll;
}

.title-pix-pay{
    font-size: 13px;
    margin-left: auto;
    margin-right: auto;
}

.title-pix-pay span{
    color: #008181 ;
}

.btn-copy-qr{
    border: none;
    height: 40px;
    margin-bottom: 20px;
    border-radius: 4px;
    background-color: #008181 ;
    color: #FFF;
    font-weight: 700;
}

.imgQR{
    width: 100%;
    height: auto;
    text-align: center;
}

.imgQR img{
    width: 250px !important;
    height: 250px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.info-tax{
    margin-top: 12px;
    color: gray;
    text-align: center;
}

.info-tax span{
    color:#008181 ;
}

.licence-container-footer{
    text-align: center;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 20px;
    color: #b0b0b0;
    line-height: 26px;
}

/* #HACK BUG ZOOM IOS  */

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 20px;
}

select:focus,
textarea:focus,
input:focus {
  font-size: 20px;
  background: transparent;
}

::-webkit-input-placeholder {
    font-size: 14px;
}

.mdi:before, .mdi-set {
    display: inline-block;
    font: normal normal normal 24px / 1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    color: #008181 ;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    display: block !important;
    position: absolute !important;
    top: 2.3125em  !important;
    width: 2.9375em  !important;
    height: .3125em  !important;
    border-radius: .125em  !important;
    background-color: #ff5109  !important;
}

div:where(.swal2-icon).swal2-error {
    border-color: #ff5109  !important;
    color: #ff5109  !important;
}

div:where(.swal2-icon).swal2-error {
    border-color: #ff5109  !important;
    color: #ff5109  !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0  !important;
    border-radius: .25em  !important;
    background: initial  !important;
    background-color: #111314  !important;
    color: #fff  !important;
    font-size: 1em  !important;
}
/* /////// */

.box-shadow-grow-card{
    box-shadow: 0 0px 1px 0 #008181, 0 1px 4px 1px #008181, 0 2px 17px 0 #008181;
}

.hot-games-container ul li a, .slotgamelistsite ul li{
    border-radius: 15px;
    box-shadow: 0 0px 1px 0 #008181, 0 1px 4px 1px #008181, 0 2px 17px 0 #008181;
}