/*----------------------- MOBILE BACKGROUND ---------------------------*/

@media screen and (max-width:628px) {

    .no-bottom, .body-mobile {
        background: url("https://cdn.sekolahweek.com/skh/asset/bg-m0bile.jpg") !important;
        background-size: 100% !important;
    }
    .scontent{
        margin-bottom: 0 !important
    }

    .login-wrapper{
        background: #2b2b2b3d !important;
    }

    .marquee {
    border: 2px solid #fcff07;
    background: #000000 !important;
    }
    
    .marquee.running-text .marquee-parent .marquee-child{
        color:#fff !important;
        margin-bottom: -5px;
        line-height: 35px;
        font-weight:bold
    }
}
/*------------------------ LOAD BANK -------------------------------*/

label .inline-block .bankCheckbox img[src^='/assets/img/danaqris']{
  content: url('https://assets.pandanwangi.space/skh/dana-qris.png') !important;
  padding:0 2px 0 0;
}

label .inline-block .bankCheckbox img[src^='/assets/img/dana1']{
  content: url('https://cdn.sekolahweek.com/skh/soc/dana.png') !important;
  padding:0 2px 0 0;
}

label .inline-block .bankCheckbox img[src^='/assets/img/viapulsa']{
  content: url('https://cdn.sekolahweek.com/skh/soc/telkomsel.png') !important;
  padding:0 2px 0 0;
}

li .dd-option img[src^='/assets/img/danaqris'], .dd-select .dd-selected img[src^='/assets/img/danaqris']{
    content: url('https://assets.pandanwangi.space/skh/dana-qris.png') !important;
    padding:0 2px 0 0;
}

li .dd-option img[src^='/assets/img/dana1'], .dd-select .dd-selected img[src^='/assets/img/dana1']{
    content: url('https://cdn.sekolahweek.com/skh/soc/dana.png') !important;
    padding:0 2px 0 0;
}

li .dd-option img[src^='/assets/img/viapulsa'], .dd-select .dd-selected img[src^='/assets/img/viapulsa']{
    content: url('https://cdn.sekolahweek.com/skh/soc/telkomsel.png') !important;
    padding:0 2px 0 0;
}

/*------------------------ COPYRIGHT ---------------------------*/

.copy {
    width: 20%;
    float: right;
    display: initial !important;
    border-radius: 4px;
    border-top: solid 1px #868686;
    text-align: center;
    background: #323232;
    color: #ffffff;
  }

/* MENU MOBILE */

.list-menu-mobile {
    width: 100%;
    background: #1b1b1b11;
}
    
.list-menu-mobile a {
    width: 20%;
    padding: 0px 5px;
    display: inline-block;
    margin-top: 5px;
}
    
.app-icon{
    max-width: 100%;
    margin: 0px 0px 0px 20px;
}
    .list-menu-mobile a img {
    width: 100%;
}


/* BACKGROUND PASARAN */
.panel-blue, .main-content {
    background: linear-gradient(to right, #27272711 0%, #0a0a0a11 50%, #00000011 100%) !important;
    padding: 10px;
    border: 1px solid #fbfe00;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 7px;
  }

/* inner wrap */
.wrapper2 {
    padding: 10px 20px;
    color: #ffffff;
    background: none !important;
  }
  
  .inner-wrap {
    background: none !important;
    padding: 10px;
    
  }
/* Username Password */

.showp {
    color: white;
    display: flex;
    float: right;
    position: absolute;
    align-items: center;
    top: 12px;
    right: 12px;
    z-index: 1;
}
.showp img {
    width: 15px;
    height: 15px;
    filter: brightness(0);
}
.showp #hideshow {
    display: none;
}
.iconuserlogin {
    position: absolute;
    top: 43.3px;
    left: 20px;
    background: #FFF600;
    border-radius: 10px 0 0 10px;
    padding: 10px 10px;
    box-shadow: 1px 0 5px #000000cf;
}
.iconuserlogin img {
    width: 19.3px;
    filter: brightness(0) contrast(0);
}
.iconkeylogin {
    position: absolute;
    top: 93.3px;
    left: 20px;
    background: #FFF600;
    border-radius: 10px 0 0 10px;
    padding: 10px 10px;
    box-shadow: 1px 0 5px #000000cf;
}
.iconkeylogin img {
    width: 19.3px;
    filter: brightness(0) contrast(0);
}

.login-wrapper input[type="text"], .login-wrapper input[type="password"], select, textarea {
      border: 1px solid #3b4148;
      box-shadow: -4px -4px 10px rgba(67, 67, 67, 0.5), inset 4px 4px 10px rgba(0, 0, 0, 0.5), inset -4px -4px 10px rgba(67, 67, 67, 0.3), 4px 4px 10px rgba(0, 0, 0, 0.3);
      transition: all 0.3s ease;
  }
  input[type="text"]:focus {
      border: 1px solid white;
  }
  input[type="password"]:focus {
      border: 1px solid white;
  }

/* Tombol-tombol */
.form-group .input-group-text{
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
    color: #000 !important;
    font-weight: bold;
}

.button-blue, .btn-login-header, .button-reds  {
    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;
}
.button-red {
    background: linear-gradient(to bottom, #03fb20 0%, #1d5e05 50%, #08f514 100%);
    box-shadow: 0px 1px 11px -2px #FFE139;
  }
.buttons {
    margin-bottom: 10px;
    font-family: Roboto;
    font-size: 20px;
    border: 1px solid #000000;
  }
  
.button-green {
    background: linear-gradient(90deg, #004ba5 0%, #00e1ff 30%, #00e1ff 50%, #00e1ff 70%, #004ba5 100%) !important;
    box-shadow: 0px 0px 0px 0;
    border: 1px solid #000000;
    border-radius: 10px !important;
    color: #000 !important;
    font-weight: bold;
  }
  
.buttong {
    margin-bottom: 10px;
    font-family: aller;
    font-size: 20px;
    box-shadow: none;
    border: 1px solid #000000;
  }
  
.button-red {
    background: linear-gradient(to bottom, #0394fb 0%, #05415e 50%, #08b3f5 100%);
    box-shadow: 0px 1px 11px -2px #00ffff;
    font-family: aller;
  }

/* Header */

.button-orange {
    background: linear-gradient(to bottom, #f00d0d 0%,#b42323 50%,#550202 50%,#a91414 50%,#cf0404 100%) !important;
    border: 1px solid #ffe139;
  }
  
.buttonlc2 {
    text-align: center;
    max-width: 100%;
    max-height: 35px!important;
    color: #FFFFFF;
    padding: 10px 0 10px 0;
    display: inline-block;
    margin-bottom: 10px;
    font-family: aller;
    font-size: 14px;
    line-height: 14px!important;
    box-shadow: none;
  }
  
.buttoncontact img{
  padding: 3px;
}
  
.page-header {
    background: #000000;
    height: 70px;
    width: 100%;
    position: fixed;
    z-index: 999999;
    border-bottom: 1px solid #000000;
    top: 0px;
  }
  
input[type="submit"], .button, .buttons, .buttond, .buttonss, .buttong, .buttonlc2, .buttonbl, .buttondapk {
    border-radius: 10px;
  }
  
.contactSubmitButton {
    line-height: 14px!important;
    display: block!important;
    height: 40px!important;
    margin-right: 0px;
    width: 100%;
    border-radius: 10px;
  }
  
.contactField {
    height: 40px;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 0px;
    border-radius: 10px;
  }
  .button-yellow {
    background: radial-gradient(circle 214px at 49.5% 54.2%,#e5c304 0,#F2E85A 96%);
    box-shadow: none;
    color: #000;
    border: 1px solid #ffe139e6;
  }

.header-logo2 {
    max-width: 229px !important;
    max-height: 69px !important;
    margin-top: -2px !important;
    margin-left: auto;
    margin-right: auto;
  }

/*----------------------- 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: #fff;
    border: 1px solid #ffe139;
    margin:0 auto !important;
    padding: auto 20px !important;
    background: linear-gradient(to bottom, #f00d0d 0%,#b42323 50%,#550202 50%,#a91414 50%,#cf0404 100%) !important;
}

.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: linear-gradient(to right, #27272711 0%, #0a0a0a11 50%, #00000011 100%) !important;
}
.body-mobile .button-lobby-wrapper{
    padding:1px !important;
}



.body-mobile .button-filter-lobby{
    border: solid 1px #F7EF04 !important;
    outline: none;
    color: #000 !important;
    font-weight: bold !important;
    background: linear-gradient(0deg, #ffeb00 0%, #ffeb00 0%, #d29100 100%) !important;
    z-index: 5;
    cursor: pointer;
    position: relative;
    text-transform:uppercase;
    padding: 10px 3px !important;
    border-radius: 5px;
    letter-spacing: 0.5px;
    font-weight: bold;
  }

.body-mobile .button-filter-lobby span{
    font-size: 12px !important;
}

.body-mobile .button-filter-lobby img {
    filter: invert(1)
}

.body-mobile .btn-filter, .body-mobile .btn-filter {
    border: none;
    outline: none;
    padding: 10px 5px !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;
    border-radius:5px !important;
    font-size:1rem !important; 
}

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

.body-mobile #togel4d .game-lobby-content.game-container{
    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-container .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.game-container .timer-game{
    color: #000;
    font-size: 12pt;
}
.body-mobile #togel4d .game-lobby-content.game-container .game-lobby-bottom{
    top:25px;
    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;
}

.btn-refresh-balance {
    background-color: linear-gradient(0deg, #d29100  0%, #ffeb00 50%, #ffeb00 0%) !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: #000;
    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;
    border: none !important;
}

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

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

.body-mobile a.button.button-reds{
    border: solid 2px #fff !important;
    outline: none;
    color: #000;
    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;
}