/*----------------------- Template Desktop ---------------------------*/
a#prediksi {
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid gold;
    padding: 8px;
    border-radius: 10px;
    background: black;
    box-shadow: inset 0px 0px 5px 0px black;
}
a#prediksi:hover { 
background:linear-gradient(0deg, #fbff00 0%, gold 50%, #fbff00 100%);}
a#rtp:hover { 
background:linear-gradient(0deg, #fbff00 0%, gold 50%, #fbff00 100%);}

a#rtp {
    color: white;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    border: 1px solid gold;
    padding: 8px;
    border-radius: 10px;
    background: black;
    box-shadow: inset 0px 0px 5px 0px black;
}

@media (min-width:900px){
    .btn-menu {
      border: none;
      outline: none;
      color: #000 !important;
      font-weight:700 !important;
      background: #5c6300;
      cursor: pointer;
      position: relative;
      z-index: 5;
      font-size: 12px;
      margin: 15px 0px;
      padding: 8px 12px;
      border-radius: 20px 2px 20px 5px;
      letter-spacing: 2px;
      font-weight: bolder;
  }
  .btn-menu:before {
      content: '';
     position: absolute;
     background: linear-gradient(45deg, red, green, blue, red, green, blue, #ffeb00);
      top: -1.5px;
      left: -1.5px;
      background-size: 300%;
      z-index: -1;
      filter: blur(5px);
      width: calc(100% + 5px);
      height: calc(100% + 5px);
      animation: glowing 20s linear infinite;
      opacity: 0;
      transition: opacity .3s ease-in-out;
      border-radius: 20px 2px 20px 5px;
  }
  
 .btn-menu:after {
      z-index: -1;
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      background: linear-gradient(to bottom, #ffeb00 0%, #d29100 100%);
      color: #000;
      left: 0;
      top: 0;
      border-radius: 10px;
  }
.btn-menu:hover:after {
    z-index: -1;
    background: #fff !important;
}
.blog-sidebar .vertical-slider{
    min-height: 184px !important;
}
.owl-carousel.bankscroll {
    top: -300px !important;
    z-index: 1;
    }
.btn-group.with-heading.circle-navigation{
        display:none
    }
  
  .btn-menu:before {
      opacity: 1;
  }
  
  .btn-menu:hover {
      color: #fff;
  }  
  
  @keyframes glowing {
      0% {
          background-position: 0 0;
      }
  
      50% {
          background-position: 300% 0;
      }
  
      100% {
          background-position: 0 0;
      }
  }
  
  .btn-menu a,
  li a i {
      color: #000 !important;
  }
  
  a.btn-menu {
      color: #000;
  }
  
  }
  .blog-sidebar .nav.menu > li > a.btn-menu > i {
    padding-right: 10px;
    color: #000000;
    background: -webkit-linear-gradient(#000000, #000000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #00000000;
  }
  .gameicon .owl-wrapper-outer .owl-wrapper .owl-item .slide{
    height: 210px !important;
    position: relative;
  }




/*------------------Template Sidebar--------------------*/

.body-mobile .side-link-container.show li{
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
 }
 
.body-mobile .side-link-container.show li span{
    color:black !important;
    text-transform: uppercase;
    font-weight:500;
 } 
 
.side-link-desc .icon-menu{
    filter: brightness(0%);
}

.body-mobile .button-orange{
    width: 100%;
    color: #000;
    border: 2px solid #fad505;
    margin:0 auto !important;
    padding: auto 20px !important;
    background: linear-gradient(180deg, #CC8800 0%, #FFF600 30%, #ffee00 50%, #FFC900 70%, #bb8800 100%) !important; 
    text-transform:uppercase !important;
    border-radius: 20px;
}

.body-mobile .btn-refresh-balance {
    padding: 10px !important;
    border-radius: 10px !important;
    color: #fff;
    text-transform: uppercase;
    font-weight:bold;
    background: linear-gradient(to bottom, #00f62a 0%, #007318 100%) !important;
}

  /*--------------------- Main Lobbby -----------------------*/

  .body-mobile a.butt0 {
    font-size: 14px;
    padding: 10px 40px !important;
    color: #000 !important;
    text-transform: uppercase;
    background-color: #a3940a;
    border-radius: 20px !important;
    background: linear-gradient(180deg, #CC8800 0%, #FFF600 30%, #ffee00 50%, #FFC900 70%, #bb8800 100%) !important;
    border: 1px solid #ffe139 
  }

.body-mobile main,.body-mobile #bank.bg-grey,.body-mobile .main-content,.body-mobile .inner-wrap, .body-mobile .games-btn-container {
    background:#000 !important;
}
.body-mobile .button-lobby-wrapper{
    padding:1px !important;
    width:25% !important;
}
.body-mobile .btn-filter, .body-mobile .btn-filter {
    border: none;
    outline: none;
    padding: 15px 0 !important;
    background: #02172d !important;
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
    box-shadow: 0px 0px 0px 0;
    border: 1px solid #000000;
    border-radius: 10px !important;
    color: #000 !important;
    font-weight: bold !important;
    text-transform: uppercase;
    min-width: 75px;
    border-radius:5px !important;
}

.body-mobile #togel4d .game-lobby-content {
    border: solid 1px #F7EF04 !important;
    border-radius: 20px !important;
}

.body-mobile #togel4d .game-lobby-content{
    background: url(https://cdn.sekolahweek.com/skh/social/toto.webp), linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%) no-repeat center !important;
    background-size: 100% 100% !important;
    padding: 5px 0 0 0 !important; 
}
.body-mobile #game-live .game-lobby-content .effect7{
    background: url(https://cdn.sekolahweek.com/skh/social/casino.webp), linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%) no-repeat center !important;
    background-size: 100% 100% !important;
    padding: 15px 0 0 0 !important; 
}

.body-mobile .game-lobby-content .game-title {
    color: #fff !important;
    padding:5px !important;
}

.body-mobile #togel4d .game-lobby-content .game-angka span{
    color: #fff !important;
    font-weight: 500 !important;
    padding:5px !important;
    margin-top:-30px !important;
    font-size: 25pt !important;
}

.body-mobile #togel4d .game-lobby-content .timer-game{
    color: #000;
    font-size: 12pt;
}
.body-mobile #togel4d .game-lobby-content .game-lobby-bottom{
    top:15px;
    font-weight:500
}

.body-mobile #togel4d .game-lobby-live{
    top:15px;
    font-weight:500;
}

.idnlive a, .pp-container a{
    outline: none;
    color: #000 !important;
    font-weight: bold !important;
    background: linear-gradient(0deg, #d29100  0%, #ffeb00 50%, #ffeb00 0%) !important;
}

.body-mobile #game-live .game-lobby-content .effect7{
    border: solid 2px gold;
    border-radius: 20px !important;
}

.body-mobile #game-live .game-lobby-content .game-angka span{
    color: gold !important;
    font-weight: 400 !important;
    font-size: 10pt !important;
    margin-top:-15px !important;
    width: 90% !important;
}

/* ----------------- Template Deposit ------------------ */
    
.body-mobile .w-4\/12.p-2.capitalize.bank-status-item-parent {
    background: #fff;
    margin:0.5% !important;
    width:32.3% !important;
    padding: 1px !important;
    border-radius: 6px;
}

.body-mobile .nav-new-label{
    z-index:8
}
.body-mobile .btn-filter {
    width: 100%;
    color: #000 !important;
    border: 1px solid #AD8800;
    margin:auto !important;
    background: linear-gradient(135deg, rgba(201, 138, 0, 1) 10%, rgba(253, 243, 35, 1) 50%, rgba(253, 243, 35, 1) 30%, rgba(211, 158, 7, 1) 100%, rgba(215, 166, 9, 1) 60%, rgba(252, 241, 34, 1) 70%, rgba(255, 247, 36, 1) 85%, rgba(201, 138, 0, 1) 100%) !important;
    text-transform:uppercase !important;
    font-weight: 500 !important;
}

/* ----------------- Template Withdraw ------------------ */

.body-mobile .btn-wd{
    border: solid 1px gold !important;
}

.body-mobile .btn-wd.btn-kirim, .body-mobile .submit-depo{
    background: linear-gradient(to bottom, #00f62a 0%, #007318 100%) !important;
    text-transform: uppercase;
}

.body-mobile .btn-wd.btn-batal{
    background: linear-gradient(to bottom, #dd0000 0%, #5e0000 100%) !important;
    text-transform: uppercase;
}

/* -------------------- Template History ------------------*/

.body-mobile .btn-games-wrapper .btn-game-hs{
    border: none;
    color: #fff;
    background: #000 !important;
    cursor: pointer;
    position: relative;
    border: solid #000 1px;
    padding: 5px !important;
    font-size: 10px;
    padding:10px 0 !important;
    border-radius: 5px !important;
    text-transform:uppercase;
    border: 1px solid #fad505;
}

/*------------ Template Referral --------------*/

.body-mobile a.button-referral{
    border: solid 2px #fff !important;
    outline: none;
    color: #fff;
    font-weight: bold !important;
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
    z-index: 5;
    cursor: pointer;
    position: relative;
    font-size: 14px !important;
    text-transform:uppercase;
    padding: 8px 12px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-weight: bold;
}

.body-mobile .panel-blue{
    padding: 0;
}

.body-mobile .color-grey{
    color: #fff;
}

/*------------- Template Transaksi ------------------*/

.body-mobile a.button.button-reds{
    border: solid 2px #fff !important;
    outline: none;
    color: #fff;
    font-weight: bold !important;
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
    z-index: 5;
    cursor: pointer;
    position: relative;
    font-size: 14px !important;
    text-transform:uppercase;
    padding: 20px 30px;
    border-radius: 5px;
    letter-spacing: 1px;
    font-weight: bold;
 }

 /*--------------- Template Memo ---------------------*/

.body-mobile .card-memo-from{
    border: solid 2px #fff !important;
    outline: none;
    font-weight: bold !important;
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
     color:#000 !important;
     text-transform:uppercase;
     font-weight:bold
 }

 /*---------------- Template Ganti Password ---------------------*/

.m-password-submit {
    border: solid 2px #fff !important;
    outline: none;
    font-weight: bold !important;
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
     color:#000 !important;
     text-transform:uppercase;
     font-weight:bold
}

/*---------------- Aturan Bermain --------------------------*/

.body-mobile .main-content .tab-content{
    color: #fff;
}

.body-mobile .main-content .tab-content a{
    color: #fff315;
}

/*-------------- Contact Us ------------------------*/

.body-mobile .color-text-support{
    color:#fff;
}