/*GIF WA*/
  .mobile-only {
    display: none;
  }
  
  @media screen and (max-width: 768px) {
    .mobile-only {
      display: block;
  position: fixed;
  bottom: 145px; 
  left: 13px; 
  z-index: 10; 
  opacity: 0.98;
    }
  }

	html, body {
	height: 100%;
	margin: 0; 
	padding: 0; 
	}

	body {
	background-image: url('https://ajaibcloud.sgp1.cdn.digitaloceanspaces.com/qris108/banner/background.webp'); 
	background-size: cover;
	background-position: center center;
	}

  /*Pengaturan NavBar*/
	.menubar.navbar.navbar-dark.bg-dark.py-2.px-2{
		background: linear-gradient( rgb(200, 0, 0), rgb(150, 0, 0) , rgb(100, 0, 0));
	}

	.menubar.navbar.fixed-bottom.navbar-dark.bg-dark.p-0{
		background: linear-gradient( rgb(200, 0, 0), rgb(150, 0, 0) , rgb(100, 0, 0));
	}

	.navbar.navbar-dark.bg-dark.py-1{
		background: linear-gradient( rgb(50, 50, 50), rgb(25, 25, 25) , rgb(0, 0, 0));
	}

  /*Pengaturan Tombol*/
		button.btn.btn-secondary.w-100{
			background: linear-gradient(#ffffff , #cfcfcf);
		}

		button.btn.btn-secondary{
			background: linear-gradient(#ffffff , #cfcfcf);
		}

		button#cancel-deposit-qris.btn.btn-danger{
			background: linear-gradient(  #ffee00, #ffbb00);
		}

		button.btn.btn-outline-primary{
			background: linear-gradient(  #ffee00, #ffbb00);
		}

		#sidebar.bg-dark.active{
			background: rgba(128, 0, 0, 0.5);
		}

		.position-relative, button#sidebarCollapse.btn.btn-dark.no-glass{
			background: linear-gradient( #c80000 , #640000);
			border: 1px solid #f3c537;
			border-radius: 10px;
		}

  		.btn.btn-outline-primary a{
			font-weight: 300; 
			letter-spacing: 1px;
			border-radius: 10px;
			font-size: 15px;
				
		}

		.btn.btn-outline-primary.rounded-3{
			font-weight: 300; 
			color: #000000;
				border-radius: 10px;
				font-size: 15px;
				border: #ffffff 2px solid;
				background: linear-gradient(135deg, #ffffff 0%, #ffffff 40%,#ffffff 40%,  #e7e7e7 60%,  #ffffff 80%,  #e7e7e7 100%);
				background-size: 400% 400%;
				animation: gradient 2s ease infinite;
		}

		.btn.btn-outline-primary.btn-sm{
			background: linear-gradient( #ffee00, #ffbb00);
			border: 2px solid #f3c537;
			border-radius: 50px;
		}

		.btn.btn-outline-primary.btn-sm:hover{
			background: linear-gradient( #ffee00, #ffee00);
			border: 2px solid #f3c537;
			border-radius: 50px;
			color: #000000;
		}

		button.btn.btn-outline-danger{
			background: linear-gradient( #fff , #a5a59f);
			color: #1b1b1b;
			border: #ffae00 2px solid;
			font-weight: 600; 
            font-size: 20px;
            letter-spacing: 2px;
            padding-top: 3px;
            padding-bottom: px;
		}

		button.btn.btn-outline-danger:hover{
			background: linear-gradient( #fff , #fff);
			color: #8b8b8b;
			border: #ffae00 2px solid;
			font-weight: 600; 
            font-size: 20px;
            letter-spacing: 2px;
            padding-top: 3px;
            padding-bottom: px;
		}

    /*Pengaturan Menubar*/
		.menubar {
				border-top: 1px solid #ffee00;
			}

	/*Pengaturan Jackpot*/

	.jackpot-table th, .jackpot-table td {
	    color: #fff;
	    font-size: 0.9rem;
	  }

  .btn-info {
    background: linear-gradient(
        270deg,
    rgb(255, 200, 0) 0%,
    rgb(204, 153, 0) 21%,
    rgb(153, 102, 0) 33%,
    rgb(255, 200, 0) 44%,
    rgb(204, 153, 0) 60%,
    rgb(153, 102, 0) 73%,
    rgb(255, 200, 0) 85%,
    rgb(204, 153, 0) 100%);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    box-shadow: inset 0 0 5px 3px #f1de00, inset 0 2px 0 0 #fff, inset 0 0 0 2px #640067, 3px 3px 3px 1px rgba(0, 0, 0, .2);
    border: none;
    color: #000;
    font-weight: bold;
  }

	.tab-content {
    background-color: #111;
    border: 1px solid #f3c537;
    transition: all 0.3s ease-in-out;
  }

  .tab-content.bg-dark.p-3.rounded{
	background-color: #48ff00;
	background: #00ffff;
  }

  .nav-tabs .nav-link {
    color: #ccc;
    border: none;
    border-bottom: 3px solid transparent;
    transition: all 0.3s;
  }

  .nav-tabs .nav-link.active {
    color: rgb(237 190 45);
    background-color: #000;
    border-color: #f3c537;
  }

    .owl-carouselevent .item {
		border-radius: 10px;
		border: 1px #f3c537 solid;
		overflow: hidden;
		transition: transform 0.3s ease;
		width: 100px;
		height: 100px;
	}

  .owl-carousel .item {
    border-radius: 10px;
    overflow: hidden;
    transition: transform 0.3s ease;
  }

  .owl-nav{
	display: none;
  }

  .owl-dots{
	padding-top: 5px;
	padding-bottom: 0px;
  }

.jackpot-card {
    background-color: linear-gradient( #c80000 , #640000);
	background: linear-gradient( #c80000 , #640000);
    border: 1px solid #f3c537;
    border-radius: 10px;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
    transition: all 0.3s ease;
  }

  .col-md-4{
	padding: 0px;
  }

  .col-md-8{
	padding: 0px;
  }

  .col-md-8.mb-3{
	padding: 10px;
border: 1px;
  }

  .tab-content.bg-dark.p-3{
	padding: 10px;
  }

  .col-4.col-md-4.col-lg-3.col-xl-2{
	border: 1px solid #f3c537;
	border-radius: 10px;
    box-shadow: 0 0 3px #f3c537;
  }

  .brand-blink.py-3.rounded-3.glassmorphism::before{
	background: transparent;
	background-color: transparent;
  }

  .brand-glow.py-3.rounded-3.glassmorphism::before{
	background: transparent;
	background-color: transparent;
  }

  .brand-glow.py-3.rounded-3.glassmorphism{
	background: linear-gradient( #1a1a1a , #000000 );
	text-align: center;
	padding: 15px;
	/*backdrop-filter: blur(11.7px);
	background-size: 400% 400%;
	animation: 5s infinite gradient;*/
	border: 1px #f3c537 solid;
  }

  .brand-blink.py-3.rounded-3.glassmorphism{
	background: linear-gradient(#1a1a1a , #000000 );
	text-align: center;
	padding: 15px;
	/*backdrop-filter: blur(11.7px);
	background-size: 400% 400%;
	animation: 5s infinite gradient;*/
	border: 1px #f3c537 solid;
  }

  .glassmorphism.py-3.my-3.text-center{
	background: linear-gradient(#3b0000, #000000 );
	/*backdrop-filter: blur(11.7px);
	background-size: 400% 400%;
	animation: 5s infinite gradient;*/
	border: 1px #f3c537 solid;
  }