/* button*/
.btn-masuk {
background-c: linear-gradient(0deg, #97021a, #e20025 )!important;
border-color: #e20025!important;
box-shadow: inset 0 -2px 0 #e20025!important;
color: white!important;
text-shadow: 2px 1px #000000!important;
}

.btn-daftar{
background: linear-gradient(0deg, #fb8800, #ffec00)!important;
border-color: #ffec00!important;
box-shadow: inset 0 -2px 0 #ffec00!important;
color: white!important;
text-shadow: 2px 1px #000000!important;
}

.btn-rtp {
background: linear-gradient(0deg, #023359, #0060aa)!important;
border-color: #0060aa!important;
box-shadow: inset 0 -2px 0 #0060aa!important;
font-size: 1.3rem!important;
color: white!important;
text-shadow: 2px 1px #000000!important;
}

.btn-lain {
background: linear-gradient(0deg, #353a3e, #89959f)!important;
border-color: #89959f!important;
box-shadow: inset 0 -2px 0 #89959f!important;
font-size: 1.3rem!important;
color: white!important;
text-shadow: 2px 1px #000000!important;
}


@media only screen and (max-width: 1000px){
.marquee {
border-top: 5px solid #ffec00!important;
}
}

.marquee {
border-top: 4px solid #ffec00!important;
}
.sc-1au8ryl-0{
visibility: hidden;
}

@media only screen and (max-width: 1000px){
#chat-widget-container{
display:none!important;
}
}

.modal-content {
background-color: #fff0!important;
cursor: pointer!important;
border: 0!important;
}

.imgpop {
border: 0!important;
aspect-ratio: 0!important;
object-fit: cover!important;
}

/*mobile*/
.marquee{
background: linear-gradient(90deg, #013a67 10%, #0060aa 50%, #013a67 90%)!important;
}

.running>.marquee-shadow {
background: linear-gradient(90deg, #013a67 1%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, #013a67 100%)!important;
}

i.bi.bi-volume-down{
color:#ffec00!important;
}

.bi-caret-left-fill{
color:#ffec00!important;	
}

.bi-caret-right-fill{
color:#ffec00!important;	
}

article h1,h2,h3{
	color:yellow;
	text-align:center;
}

article p{
	text-align:justify;
}

#menu-mobile{
background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), #0060aa!important;
}

div.menu-mobile.mobile-only{
border-top: 3px solid #ffec00!important;
}

.menu-mobile.mobile-only > div:nth-of-type(1),
.menu-mobile.mobile-only > div:nth-of-type(2) {
  background:#0060aa!important;
}

@media only screen and (max-width: 1000px) {
.menu-item {
background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), #0060aa!important;
}
}

.my-navbar{
background: linear-gradient(0deg, rgb(0 67 119) 0%, rgb(0 96 170) 100%), #0060aa!important;
}

.mobile-only .my-navbar > div {
height: 90%!important;
width: 15px!important;
background: #00467c!important;
}

.mobile-only{
background:rgba(0,0,0,0);
}

/*global*/
@media only screen and (max-width: 1000px){
.header {
background-image: url(https://ik.imagekit.io/slotters/st-assets/thunder-blue.gif?updatedAt=1697449422862)!important;
box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: bottom!important;
}
.appbar{
background-image: url(https://ik.imagekit.io/slotters/st-assets/thunder-blue.gif?updatedAt=1697449422862)!important;
box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: top!important;
}

}

@media only screen and (min-width: 1001px){
.header {
background-image: url(https://ik.imagekit.io/slotters/st-assets/thunder-blue.gif?updatedAt=1697449422862)!important;
box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: top!important;
}

.togel-desktop {
background-image: url(https://ik.imagekit.io/slotters/st-assets/thunder-blue.gif?updatedAt=1697449422862)!important;
box-shadow: 0px 4px 4px 0px #00000040, inset 0 0 0 1000px rgb(0 0 0 / 50%)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: bottom!important;
}
}

/* button daftar & regis */

button.btn-masuk{
    background: linear-gradient(0deg, #97021a, #e20025)!important;
    border-color: #e20025!important;
    box-shadow: inset 0 -2px 0 #e20025!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;
}

button.btn-daftar{
    background: linear-gradient(0deg, #fb8800, #ffec00)!important;
    border-color: #ffec00!important;
    box-shadow: inset 0 -2px 0 #ffec00!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;

/* modal */
.imgpop {
	margin: 5px 0 5px 0 !important
}

.modal-dialog {
	background: #000;
	border: 3px solid #0060aa;
	border-radius: 10px;
	margin-top: 15px !important
}

@media only screen and (max-width:768px) {
	.modal-dialog {
		margin-top: 78px !important
	}
}

.modal-content {
	text-align: center !important;
	padding: 8px !important
}

.modal-header {
	display: block !important;
	text-align: center;
	padding: 0 !important;
	border-bottom: 3px solid #0060aa !important
}

.modal-footer {
	display: block !important;
	border-top: 3px solid #0060aa !important
}

.modal-btn {
	padding: 0 10px;
	background: #0060aa;
	border: 1px solid #0060aa;
	color: #fff;
	font-weight: bold;
	height: 30px;
	border-radius: 3px
}

.modal-btn:hover {
	padding: 0 10px;
	background: #000;
	border: 1px solid #0060aa;
	color: #0060aa;
	font-weight: bold;
	height: 30px;
	border-radius: 3px
}