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

.modal-dialog {
	background: #000;
	border: 3px solid #ab0102;
	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 #ab0102 !important
}

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

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

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

/* logo */
@keyframes zoomInOut {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.logoimg {
	animation: zoomInOut 2s infinite;
}


/* button */
#buttonRegister{
  background: linear-gradient(180deg, #db0002 ,#820001)!important;
    border-color: #db0002!important;
    box-shadow: inset 0 -2px 0 #e51214!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;
}

#buttonRegister:hover{
   background: linear-gradient(180deg, #820001,#db0002 )!important;
    border-color: #db0002!important;
    box-shadow: inset 0 -2px 0 #e51214!important;
    color: white!important;
    text-shadow: 2px 1px #000000!important;
}

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

.btn-lain:hover {
background: linear-gradient(0deg, #25c7cc, #003f3f)!important;
border-color: #003f3f!important;
box-shadow: inset 0 -2px 0 #003f3f!important;
font-size: 1.3rem!important;
color: white!important;
text-shadow: 2px 1px #000000!important;
}

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

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



.table-web {
    border: 1px solid white;
    margin-top: 2px;
      margin-left: auto;
  margin-right: auto;
    color: white;
    font-weight: bold;
    border-collapse: collapse;
}


.table-web tbody, td, tfoot, th, thead, tr {
    border: 1px solid white!important;
    padding: 2px;
}

#judul-artikel{
color:yellow;
}


.footer h1{
  font-family: 'Abel';
  font-size: 35px;
  color: yellow;
  text-align:center;
}

.footer h2{
  font-family: 'Abel';
  font-size: 30px;
  color: yellow;
  text-align:center;
}

.footer h3{
  font-family: 'Abel';
  font-size: 20px;
  color: yellow;
  text-align:center;
}

.footer p{
  font-family: 'Abel';
  font-size: 15px;
  color: #fff;
  justify-content:center;

}

.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;
}

marquee#broadcast{
color: #f8d27a!important;
}

.carousel-indicators [data-bs-target]{
background-color: #f8d27a!important;
}

i.bi.bi-person-lines-fill{
color: #f8d27a!important;
}

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

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

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

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


@media only screen and (max-width: 1000px){
.menu-item>img {
filter: invert(0%) sepia(20%) saturate(700%) hue-rotate(342deg) brightness(100%) contrast(95%)!important;
}
.menu-item>label {
    color: #e2ae66!important;
}
}

.my-navbar{
background: linear-gradient(0deg, rgb(42 0 0) 0%, rgb(159 0 1) 100%), #350000!important;
}

.mobile-only .my-navbar > div {
height: 85%!important;
width: 8px!important;
background: #f4c165!important;
}

.navbar-item-content>label {
color: #f4c165!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/ws-assets/red-thunder.webp?updatedAt=1697362757167)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}
.appbar{
background-image: url(https://ik.imagekit.io/slotters/ws-assets/red-thunder.webp?updatedAt=1697362757167)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}

}

@media only screen and (min-width: 1001px){
.header {
background-image: url(https://ik.imagekit.io/slotters/ws-assets/red-thunder.webp?updatedAt=1697362757167)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: top!important;
}
.togel-desktop {
background-image: url(https://ik.imagekit.io/slotters/ws-assets/red-thunder.webp?updatedAt=1697362757167)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: bottom!important;
}
}

.messagebleft-container {
    transition:all 500ms ease;
    transition-property:top,right,bottom,left,opacity;
    font-family:Roboto,sans-serif;
    font-size:14px;
    min-height:14px;
    background-color:#070b0e;
    position:fixed;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#fff;
    line-height:22px;
    padding:18px 24px;
    bottom:-100px;
    top:-100px;
    opacity:0;
    z-index:9999;
    }
    .messagebleft:before {
    display:block;
    width:50px;
    height:50px;
    position:absolute;
    background-image:url(https://ik.imagekit.io/slotters/ws-assets/wkwkslot-icons.webp?updatedAt=1705596965929);
    background-size:cover;
    border-radius:10px;
    background-repeat:no-repeat;
    background-position:left;
    margin:15px 0 15px -20px;
    content:"";
    }
    .messagebleft p{
    display:block;
    padding:0 0 0 35px !important;
    height:35px;
    font-weight:300;
    float:left;
    }
    .messagebleft p:before{
    content:"BERHASIL WD DI WKWKSLOT!";
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    margin-top:0px;
    height:20px;
    line-height:0px;
    width:100%;
    float:left;
    padding:10px 0 0 0;
    }
    .messagebleft-container .action {
    background:inherit;
    display:inline-block;
    font-size:inherit;
    text-transform:uppercase;
    color:#4caf50;
    margin:0 0 0 24px;
    padding:0;
    min-width:min-content;
    cursor:pointer;
    }
    @media(min-width:640px) {
    .messagebleft-container {
    min-width:288px;
    max-width:320px;
    display:inline-flex;
    border-radius:2px;
    margin:24px;
    }
    }
    @media(max-width:640px) {
    .messagebleft-container {
    left:0;
    right:0;
    width:100%;
    }
    }
    .messagebleft-pos.bottom-center {
    bottom:auto!important;
    top:0;
    left:50%;
    transform:translate(-50%,0);
    }
    .messagebleft-pos.bottom-left {
    bottom:auto!important;
    top:0;
    left:0;
    }
    .messagebleft-pos.bottom-right {
    top:auto!important;
    bottom:0;
    right:0;
    }
    .messagebleft-pos.top-left {
    top:auto!important;
    top:0;
    left:0;
    }
    .messagebleft-pos.top-center {
    top:auto!important;
    top:0;
    left:50%;
    transform:translate(-50%,0);
    }
    .messagebleft-pos.top-right {
    top:auto!important;
    top:0;
    right:0;
    }
    @media(max-width:640px) {
    .messagebleft-pos.bottom-center,.messagebleft-pos.top-center {
    left:0;
    transform:none;
    }
    }