/* 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
}

/* button*/
.btn-masuk {
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;
}

.btn-masuk: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-daftar{
background: linear-gradient(180deg, #f4c165, #bd7b01)!important;
border-color: #f4c165!important;
box-shadow: inset 0 -2px 0 #f4c165!important;
color: white!important;
text-shadow: 2px 1px #000000!important;
}

.btn-daftar:hover{
background: linear-gradient(180deg, #bd7b01, #f4c165)!important;
border-color: #bd7b01!important; 
box-shadow: inset 0 -2px 0 #bd7b01!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://ah-hosting.sgp1.cdn.digitaloceanspaces.com/listrikmerah.webp)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}
.appbar{
background-image: url(https://ah-hosting.sgp1.cdn.digitaloceanspaces.com/listrikmerah.webp)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
}

}

@media only screen and (min-width: 1001px){
.header {
background-image: url(https://ah-hosting.sgp1.cdn.digitaloceanspaces.com/listrikmerah.webp)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: top!important;
}
.togel-desktop {
background-image: url(https://ah-hosting.sgp1.cdn.digitaloceanspaces.com/listrikmerah.webp)!important;
background-repeat: no-repeat!important;
background-size: cover!important;
background-position: bottom!important;
}