body {
            font-family: 'ubuntu', sans-serif;
        }
        /*************** NAVBAR ***************/
        .header > header > input {
            visibility: hidden;
            position: absolute;
        }
        .site-menu {
            position: fixed;
            top: 0;
            z-index: 99;
            right: 100%;
            left: 0;
            bottom: 50px;
            transition: right .2s;
        }
        .site-menu-trigger {
            margin: 0;
            position: absolute;
            left: 34px;
            top: 20px;
            cursor: pointer;
            z-index: 999;
        }
        .site-menu-trigger-text {
            margin: 0;
            position: absolute;
            left: 16px;
            top: 29px;
            cursor: pointer;
            z-index: 99;
            background:linear-gradient(to bottom, #e7be4e 5%, #ffef96 100%);
	        -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        label {
            display: inline-block;
            margin-bottom: 5px;
            font-weight: bold;
        }
        .site-menu-trigger [data-icon="menu"] {
            background:linear-gradient(to bottom, #e7be4e 5%, #ffef96 100%);
        }
        .site-menu [data-icon] {
            display: inline-block;
            height: 18px;
            width: 32px;
            background: center no-repeat;
            background-color: rgba(0, 0, 0, 0);
            margin-right: 10px;
        }
        .site-menu-trigger [data-icon="menu"] {
            display: inline-block;
            position: absolute;
            top: 58%;
            bottom: auto;
            right: auto;
            transform: translateX(-50%) translateY(-50%);
            width: 35px;
            height: 2px;
            background-color: #8e8e8e;
            transition: .5s ease-in-out;
        }
        .site-menu-trigger [data-icon="menu"]::after {
            top: 7px;
        }
        .site-menu-trigger [data-icon="menu"]::before {
            bottom: 7px;
        }
        [data-icon="menu"]::before, [data-icon="menu"]::after {
            background:linear-gradient(to bottom, #e7be4e 5%, #ffef96 100%);
        }
        .site-menu-trigger [data-icon="menu"]::before, .site-menu-trigger [data-icon="menu"]::after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
        }
        .site-menu-trigger [data-icon="menu"]::before, .site-menu-trigger [data-icon="menu"]::after {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
        }
        .site-menu-ul {
            position: absolute;
            top: 58px;
            padding-right: 0px;
            right: 108888880%;
            bottom: 0;
            background-color: #080b13;
            background-image: linear-gradient(315deg, #080b13 0%, #1b2132 94%);
            color: #e7bf4e;
            font-size: 16px;
            padding-top: 2px;
            height: 90%;
            color: #ffef96;
        }
        .site-menu-ul-submenu {
            top: 61px;
            padding-right: 0px;
            right: 108888880%;
            bottom: 0;
            font-size: 16px;
            padding-top: 2px;
            height: 89%;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .site-menu-ul-submenu-games {
            top: 61px;
            padding-right: 0px;
            right: 118888880%;
            bottom: 0;
            font-size: 16px;
            padding-top: 2px;
            height: 89%;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .site-menu-ul-active {
            left : -40px;
        }
        .site-menu-ul-active li a {
            text-decoration : none;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .site-menu-ul > li {
            padding-left: 10px;
            padding-top: 10px;
            border-bottom: 1px solid #888888;
            padding-bottom: 10px;
        }
        .close-site-menu {
            display:absolute; 
            margin-top: 10px; 
            margin-right: 20px; 
            float: right;
            border : 0px;
            color : white;
            border-radius : 2px;
            background : red;
        }
        ul, ol {
            list-style: none;
        }
        .fontawesome-icon {
            margin-left:10px;
            font-size: 20px;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .dropdown-menu-li {
            display : none;
        }
        
        .ul-sub-sub-menu {
            padding-left: 25px !important;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        
        .div-sub-sub-menu {
            padding-left: 0px !important;
        }
        
        .dropdown-menu-li-active {
            display : block;
            padding-left : 18px;
            padding-top: 5px;
            padding-bottom: 5px;
            color : #7390a0;
            transition: 5s;
        }
        /*************** END NAVBAR ***************/
        
        
        .bg-main {
            background-color: #17181d;
        }
        
        /*************** HEADER ***************/
        .header {
            position: fixed;
            z-index: 98;
            top: 0;
            right: 0;
            left: 0;
            height: 61px;
            background-color: #17181d;
            border-bottom: 1px solid #000000;
        }
        header {
            color:  #fff;
            /*padding: 0 0 10px 0;*/
            width: 100%;
        }
        .logo {
            width: 100px;
            height:  70px;
            margin-top: -15px !important;
        }
        /*************** END HEADER ***************/
        
        /*************** MARQUEE ***************/
        .marquee-text {
            width: 90%;
            overflow: hidden;
            margin-left: 45px;
            padding-left: 45px;
        }
        .marquee-text span {
            white-space: nowrap ;
            color: #C0C0C0;
            font-size: 13px;
            margin-left: 10px;
        }
        .news {
            background-color: #1a1b21;
            padding-right: 17px;
            display: inline-block;
            width:100%;
            margin-top: -12px !important;
            position: absolute;
        }
        .bullhorn {
            display: inline-block;
            float:left;
            position: absolute;
            background-color: #1a1b21;
            width: 43px;
            padding-left: 17px;
        }
        .bullhorn i {
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: bold;
        }
        /*************** END MARQUEE ***************/
        
        /*************** REGISTER/LOGIN ***************/
        .register-btn, .login-btn {
            width: 50%;
            height: 40px;
            border:  none;
            color:  #fff;
        }
        .register-btn {
            background-image: linear-gradient(to right, #780000 , #B00000, #B00000 , #780000 );
            font-weight: bold;
            letter-spacing: 1px;
        }
        .register-btn:hover {
            background-color: red;
            color: #fff;
            font-weight: bold;
            box-shadow : none;
            letter-spacing: 1px;
        }
        .login-btn {
            background-image: linear-gradient(to right, #29323c, #485563, #29323c, #485563);
            color: #fff;
            font-weight: bold;
            letter-spacing: 1px;
            float:right;
        }
        /*************** END REGISTER/LOGIN ***************/
        
        .content-app {
            height: auto;
            padding-bottom: 60px;
            /*margin-top: 80px;*/
        }
        
        /*************** ICONS GAME ***************/
        a:hover {
            text-decoration : none;
        }
        .iconss {
            background:linear-gradient(to bottom, #e7be4e 5%, #ffef96 100%);
	        background-color:#e7be4e;
            margin: 5px 5px 0 5px;
            border-radius: 2px;
        }
        .iconss-guest {
            background:linear-gradient(to bottom, #e7be4e 5%, #ffef96 100%);
	        background-color:#e7be4e;
            margin: 5px 5px 0 5px;
            border-radius: 2px;
            height: 100px;
            position: relative;
        }
        .icon-game-guest {
            display: inline-block;
            padding : 23px 1px 10px 1px;
        }
        .icon-game {
            display: inline-block;
            padding : 10px 1px 10px 1px;
        }
        .icon-game img, .icon-game-guest img {
            filter: grayscale(100%) sepia(100%) brightness(2%) hue-rotate(80deg) saturate(1000%) invert(28%);
            -webkit-filter: grayscale(100%) sepia(100%) brightness(2%) hue-rotate(80deg) saturate(1000%) invert(28%);
            -moz-filter: grayscale(100%) sepia(100%) brightness(2%) hue-rotate(80deg) saturate(1000%) invert(28%);
        }
        .icon-game-name {
            color: #453d48;
            font-weight: bold;
            font-size: 12px;
            padding-top: 4px;
        }
        .icon-game-active {
            background-color : #2e2c2f;
            border-radius : 5px;
            transition : 5s;
            border: 1px solid #000000;
            width: 85px;
        }
        .icon-game-active img {
            filter: invert(95%) sepia(41%) saturate(5614%) hue-rotate(39deg) brightness(180%) contrast(86%);
            -webkit-filter: invert(95%) sepia(41%) saturate(5614%) hue-rotate(39deg) brightness(180%) contrast(86%);
            -moz-filter: invert(95%) sepia(41%) saturate(5614%) hue-rotate(39deg) brightness(180%) contrast(86%);
        }
        .icon-game-active .icon-game-name span {
            color : #e7bf4e ;
            transition : top 5s;
        }
        .menu-icon {
            width: 40px;
            height: 40px;
            margin-right:  100px;
            margin-left:  100px;
            text-align: center;
        }
        .game-name span {
            color:  #fff;
            font-weight: bold;
            font-size: 12px;
        }
        .icons {
            padding: 15px 0 15px 0;
            display: flex;
            justify-content: center;
        }
        .menu-icon {
            width: 35px;
            height: 25px;
            margin-right:  23px;
            margin-left:  23px;
            text-align: center;
        }
        /*************** END ICONS GAME ***************/
        
        /*************** SOCIAL MEDIA ICON ***************/
        .medsos-icons {
            display: inline-block;
        }
        .medsos {
            margin-top: 20px;
            margin-bottom: 20px;
            color: #888888;
            border-bottom: 1px solid #292b33;
        }
        .medsos-icon {
            height: 20px;
            width: 20px;
            color:  #fff;
            font-weight: bold;
            margin-right: 30px !important;
            margin-left: 30px !important;
        }
        .medsos-id {
            font-size: 10px;
            margin-top: 5px;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: bold;
        }
        /*************** END SOCIAL MEDIA ICON ***************/
        
         /*************** BANNER SLIDE ***************/
        .slide {
            width:  100% !important;
            height:  70% !important;
        }
        /*************** END BANNER SLIDE ***************/
        
        /*************** MAIN CONTENT ***************/
        .main-content {
            margin-top: 10px;
            padding-right: 5px;
            padding-left: 5px;
        }
        .main-content h4 {
            font-size:  15px;
        }
        .main-content-wrapper {
            background-color: #080b13;
            background-image: linear-gradient(315deg, #080b13 0%, #1b2132 94%);
            border: 1px solid #696969;
            border-radius: 5px;
            padding: 10px 5px 10px 5px; 
            color: #ffffff !important;
        }
        .main-content-wrapper h4 {
            color: #ffffff;
        }
        /*************** END MAIN CONTENT ***************/
        
        /*************** WELCOME ***************/
        .welcome {
            background-color: #17181d;
            margin-top: -16px;
            padding-left: 5px;
            padding-right: 5px;
        }
        .welcome h6 {
            text-shadow: 1px 1px 0px rgba(217, 169, 39, 0.59);
            font-weight: 900;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            -webkit-background-clip: text;
            -webkit-text-fill-color : transparent;
        }
        .user-info {
            padding-top: 30px;
        }
        .user-info span {
            text-transform: uppercase;
        }

        .user-info .member-username {
            color: #e7be4e;
            font-weight: 900;
            text-shadow: 1px 1px 0px rgba(217, 169, 39, 0.59);
        }
        .member-saldo {
            border: 4px solid #e7bf4e;
            padding: 2px;
            border-radius: 2px;
            color: #C0C0C0;
            display:inline-block;
            width:100%;
            box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
        }
        .saldo, .fa-caret-down {
            color: #C0C0C0;
        }
        .member-saldo big {
            letter-spacing: 2px;
        }
        .member-saldo .btn-refresh {
            background: transparent;
            border: none;
            cursor: pointer;
        }
        .member-saldo .refresh-icon {
            filter: invert(80%) sepia(39%) saturate(677%) hue-rotate(350deg) brightness(410%) contrast(92%)
        }
        .button-fade {
            -webkit-transform:rotate(360deg);
            -webkit-transition-duration: 2s;
        }
        .button-set-active {
            background-color: #A00000 !important;
            background-image: linear-gradient(315deg, #A00000 0%, #FF0000 74%) !important;
            font-weight: bold !important;
        }
        .button-set-active span {
            color: #fff !important;
        }
        /*************** WELCOME ***************/
        
        .special-menu {
            width: 100%;
            margin-top: 5px;
            display: flex;
            justify-content: space-between;
            padding-right: 3px;
            padding-left: 3px;
        }
        .menu-item-special {
            width: 32%;
            height: 30px;
            background-color: #e7bf4e;
            background-image: linear-gradient(315deg, #e7bf4e 0%, #ffef96 74%);
            text-align: center;
            padding-top: 4px;
            font-size: 13px;
            font-weight: bold;
            border: 1px solid #e7bf4e;
            box-shadow: 0px 0px 0px 2px #e7bf4e;
        }
        .menu-item-special a {
            color: #404040;
        }
        
        .services-about {
            padding: 5px 0 5px 0;
            color: #e7bf4e;
            display: flex;
            justify-content: center;
            margin-top: 5px;
            background: #414F76;
            background: -webkit-radial-gradient(center, #414F76, #1B2030);
            background: -moz-radial-gradient(center, #414F76, #1B2030);
            background: radial-gradient(ellipse at center, #414F76, #1B2030);
            border: 1px solid #292b33;
            border-radius: 3px;
        }
        .service {
            margin-right: 3px;
            margin-left: 3px;
        }
        .service img {
            text-align: center;
            width : 20px;
            height : 20px;
        }
        .service-name {
            padding-top: 4px !important;
            text-align: center;
            font-weight: bold;
            line-height: 9px;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .service-name span {
            color: #888888;
            font-size: 10px;
        }
        
        /*************** FOOTER NOTE ***************/
        .footer-note {
            padding-right: 10px;
            padding-left: 10px;
            color: #c0c0c0;
            margin-top: 20px;
        }
        .footer-note h4 {
            font-size:  13px;
        }
        .footer-note p {
            font-size:  10px;
        }
        /*************** END FOOTER NOTE ***************/
        
        /*************** CASAGROUP ***************/
        .casagroup {
            padding-top: 8px;
            padding-bottom: 7px;
            margin-left: 5px;
        }
        .casagroup big {
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: bold;
        }
        .casa-logo {
            letter-spacing: 2px;
            margin-bottom: 10px;
            display: flex;
            justify-content: center;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .casa-logo img {
            height: 50px;
            width: 50px;
            margin-right: 5px;
        }
        /*************** END CASAGROUP ***************/

        /*************** NAVBAR BOTTOM ***************/
        .fixed-bottom-navbar {
            position: fixed;
            bottom: 0;
            width: 100%;
        }
        .bottom-navbar {
            padding:  5px 50px 5px 50px;
            display: flex;
            justify-content: space-between;
            background-color: #080b13;
            background-image: linear-gradient(315deg, #080b13 0%, #1b2132 94%);
        }
        .icons-navbar {
            text-align: center;
        }
        .bottom-icon {
            height: 25px;
            width: 25px;
        }
        .icon-bottom-name {
            font-size: 12px;
            margin-top:  3px;
            background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: bold;
        }
        /*************** END NAVBAR BOTTOM ***************/
        
        /*************** MODAL BALANCE ***************/
        .balances {
            display: inline-block;
            float:right;
            width: auto;
            line-height: 13px;
            margin-top: 2px;
            font-weight: bold;
        }
        .balances button {
            background: transparent;
            border: none;
            color : #888888;
            font-weight: bold;
        }
        #balances {
            margin-top: 35px;
        }
        #balances .modal-content {
            background: radial-gradient(800px 700px at top center,#1b2132,#262427,#262626);
            border: 4px solid #e7bf4e;
            border-radius: 10px;
            opacity: 0.8;
            z-index: 1000;
        }
        .header-balances {
            color: #e7bf4e;
            border-bottom: 2px solid #ffd000;
        }
        .games-balance {
            line-height: 15px;
            font-size: 12px;
        }
        .games-balance h6 {
            color: #e7bf4e;
            font-weight: bold;
        }
        .egames-balance, .live-games-balance, .sports-games-balance {
             margin-top: 13px;
        }
        .egames-name, .live-games-name, .sports-games-name {
            padding-left: 15px;
            padding: left;
            display: inline-block;
            color: #ffffff;
        }
        .egames-nominal, .live-games-nominal, .sports-games-nominal {
            float: right;
            left: 60%;
            color: #ffffff;
            text-align: right;
        }
        /*************** END MODAL BALANCE ***************/
        
        /*************** GAMES BETTINGAN ***************/
        .type-game-btn {
            flex-wrap: nowrap;
            text-align: center;
        }
        .type-game-btn .btn {
            width: 113px;
            font-size: 8px;
            text-transform: uppercase;
            padding-right: 2px !important;
            padding-left: 2px !important;
            font-weight: bold !important;
        }
        .pasaran-game-selected {
            margin-top: 10px;
            font-size: 14px;
            line-height: 17px;
        }
        .pasaran-game-selected p {
            color: #fff;
        }
        .game-general-btn .gameActive {
            margin-top: 5px !important;
        }
        .gameActive, .actived-bet {
            background-color: #A00000;
            background-image: linear-gradient(315deg, #A00000 0%, #FF0000  74%);
            color: #fff !important;
            font-weight: bold;
            border: none;
            border-radius: 0px !important;
            border: 1px solid #A00000;
            margin-bottom: 5px !important;
        }
        .btn {
            border-radius: 0px !important;
        }
        .type-game-btn {
            margin-top: 10px;
            border-bottom: 1px solid #292b33;
        }
        
        .type-game-btn .btn-warning {
            background-color: #e7bf4e;
            background-image: linear-gradient(315deg, #e7bf4e 0%, #ffef96 74%);
            margin-bottom:5px;
            color: #404040;
            border-radius: 0px !important;
            font-weight: bold;
        }
        
        .bbfs-pl {
            background-color: #e7bf4e;
            background-image: linear-gradient(315deg, #e7bf4e 0%, #ffef96 74%);
            color: #404040;
            border-color: none;
            border-color: 1px #e7bf4e;
            border-radius: 0px !important;
        }
        .btn-jenis-bet {
            margin-top: 15px;
            /*margin-bottom: 4px;*/
            flex-wrap: nowrap !important;
        }
        .btn-jenis-bet .btn {
            border: none;
            color: #404040;
            background-color: #ffef96;
            width: 32.5%;
            font-size: 10px;
            height: 30px;
            text-transform: uppercase;
            padding-top: 7px;
            font-weight: bold !important;
        }
        .btn-jenis-bet-others {
            text-align: center;
            margin-top: 15px;
            flex-wrap: nowrap
        }
        .btn-jenis-bet-others .btn-sm {
            border: none;
            color: #404040;
            background-color: #ffef96;
            font-size: 12px;
            padding-top: 6px;
            height: 30px;
            width: 49%;
            border-radius: 0px !important;
            text-transform: uppercase;
        }
        
        .game-general-btn {
            flex-wrap: nowrap;
            margin-top: 5px;
        }
        .game-general-btn .btn {
            width: 32.5%;
            font-size: 10px;
            height: 30px;
            padding-top: 7px;
            text-transform: uppercase;
        }
        .bet-selected {
            background: -webkit-linear-gradient(315deg, #A00000 0%, #FF0000  40%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: bold;
        }
        
        .category-label {
            color: #fff;
            font-size: 12px;
            padding-left: 1px;
        }
        .nd-category, .ds-category, .bb-category {
            background-color: #FF0000 !important;
            color: #ffffff !important;
        }
        .nd-category {
            background-color: #7c2323  !important;
            color: #ffffff !important;
        }
        .ds-category {
            background-color: #084608  !important;
            color: #ffffff !important;
        }
        .bb-category {
            background-color: #ad8a00 !important;
            color: #ffffff !important;
        }
        
        .nd-category-table {
            background-color: #7c2323 !important;
        }
        .ds-category-table {
            background-color: #084608  !important;
        }
        .bb-category-table {
            background-color: #ad8a00 !important;
            color: #ffffff !important;
        }
        .bb-category-table .bbfs-checklist .checkboxtext,
        .bb-category-table thead,
        .bb-category-table tbody tr td,
        .bb-category-table .bet_name,
        .bb-category-table #value_4d, 
        .bb-category-table #value_3dd, 
        .bb-category-table #value_3d,
        .bb-category-table #value_2dd, 
        .bb-category-table #value_2dt,
        .bb-category-table #value_2d,
        .bb-category-table .headerBet span, 
        .bb-category-table .input-group-addon {
            color: white !important;
        }
        .bet-table #submit {
            border-radius: 2px !important;
            letter-spacing: 3px;
            font-weight: bold;
            margin-right: 2px;
            box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
            text-transform: uppercase;
            margin-bottom: 20px;
        }
        .bet-table {
            padding: 2px;
            margin-bottom: 50px;
            border-radius: 2px;
            /*padding-bottom: 30px;*/
        }
        
        .game-list-table {
            padding: 5px;
            border-radius: 3px;
        }
        .game-list-table thead {
           background-color: black;
           font-size: 12px;
        }
        .game-list-table tbody {
           font-size: 10px;
        }
        .game-list-table tbody tr:nth-child(even) {
            background-color: #eaf8e6;
            color: #404040;
        }
        .game-list-table tbody tr:nth-child(odd) {
            background-color: #ffffff;
            color: #404040;
        }
        .game-list-table thead tr th {
            padding-top: 8px !important;
            padding-bottom: 8px !important;
            color: #ffffff;
            border-top: none !important;
        }
        .game-list-table tbody tr td {
            padding-top: 8px !important;
            padding-bottom: 8px !important;
            border-top: none !important;
        }
        /*************** END GAME BETTINGAN ***************/
        
        /*************** SELECT OPTION PASARAN ***************/
        .pasaran-select {
            height: 40px;
            border: 1px solid #202b49;
            border-radius: 2px;
            background-color: #080b13;
            background-image: linear-gradient(315deg, #080b13 0%, #1b2132 94%);
            box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
        }
        .pasaran-select .form-control {
            background: transparent;
            border: none;
            color: #c0c0c0 !important;
            font-size: 17px;
            letter-spacing: 3px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            text-align-last:center;
        }
        .pasaran-select select option {
            background-color: #202b49;
            -webkit-background-color: #202b49;
            -moz-background-color: #202b49;
            text-align: center !important;
            font-size: 14px;
        }
        /*************** END SELECT OPTION PASARAN ***************/
        
        /*************** GAME API [E-GAMES] ***************/
        .header-games {
		    border: 1px solid #202b49;
            padding-top: 5px;
            padding-bottom: 5px;
            padding-left: 3px;
            clear: both;
            border-radius: 2px;
            background-color: #080b13;
            background-image: linear-gradient(315deg, #080b13 0%, #1b2132 94%);
            box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
		}
		.game-type {
		    margin-top: 20px;
		    margin-bottom: 10px;
		    text-align: center;
		}
		.btn-game {
		    border: 0px !important;
		    background:linear-gradient(to bottom, #e7be4e 5%, #ffef96 100%);
            background-color:#e7be4e;
		    color: #404040;
		    border-radius: 0px !important;
		}
		.game-saldo {
		    background: -webkit-linear-gradient(#e7bf4e, #ffef96);
            background-clip: border-box;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: bold;
		}
		.header-info-saldo {
    	    line-height: 15px;
    	    margin-bottom: 12px;
    	}
    	.saldo-info {
		    font-size: 14px;
		}
		.wrapper1{
  			text-align: center;
  			display: flex;
  			justify-content: space-between;
  			flex-wrap: wrap;
  			margin-top: 40px;
  		}
  		.games {
  			display: inline-block;
  		}
  		.icon {
  			display: inline-block;
  			flex-wrap: wrap;
  		}
  		.head-text {
  			color: #fff;
  			font-size:  13px;
  			font-weight: bold;
  		}
  		.game-type .btn-game {
		    width: 80px;
		}
        /*************** END GAME API [E-GAMES] ***************/
        
        .notif-badge {
            margin-left: 53px;
            margin-top: -3px;
            position: absolute;
            background-color: #17181d;
            color: #C0C0C0;
            border-radius: 100px;
            padding-left: 6px;
            padding-right: 6px;
            font-size: 12px;
        }