.main {
    background: #000000 url(https://cdn.cloud04team.online/BANNERMITOSPLAYRDS/MITOSPLAYBG.webp) top center no-repeat;
}

/* Banner Arcade */
.slots-bg-container-popular {
    display: none !important;
}

@import url("https://fonts.googleapis.com/css?family=Raleway:900&display=swap");
    
:root {
    --accent-color: #ff93f2;
    --base-color: #ffd83e;
}

.panel-heading {
    padding: 0% !important;
}

.tab .tab-content img {
    margin: 0% !important;
}

/* Footer */
#page-content-wrapper > div:nth-child(17), #page-content-wrapper > div:nth-child(6), #page-content-wrapper > div:nth-child(6)	{
	background: linear-gradient(225deg, #BF8BE2, #A36BE5) !important;
	margin-bottom: 7px !important;
}

/* Footer License */
#page-content-wrapper > div:nth-child(17) > div.footer-mobile.mt-50, #page-content-wrapper > div:nth-child(6) > div.footer-mobile.mt-50, #page-content-wrapper > div:nth-child(6) > div.footer-mobile.mt-50 {
	display: none !important;
}

#promo-tab {
	background: linear-gradient(90deg, #ededed, #bdbdbd) !important;
	border-bottom: 1px solid #BF8BE2 !important;
	border-radius: 2px 2px 0 0;
}

#promo-tab > li > a, #promo-tab > li > a.active {
	color: #000000 !important;
}

#promo-tab > li > a.active {
	cursor: default;
	background: linear-gradient(225deg, #BF8BE2, #A36BE5) !important;
	border: 1px solid #ededed !important;
	border-bottom-color: transparent;
	border-radius: 2px 2px 0 0;
}

#pspesial-bonus-mitosplay🔥-accordion > h5, #phot-bonus-mitosplay-💥-accordion > h5 {
	margin-top: 1px !important;
}

#pspesial-bonus-mitosplay🔥-accordion > img, #phot-bonus-mitosplay-💥-accordion > img {
	margin-bottom: 0px !important;
}

#promo-tab > li > a {
	font-size: 11px !important;
}

.table {
	color : white !important;
}

.panel-body {
	background-color: #343a40 !important;
}

.forms {
	color: #fafafa !important;
}

#btn-submit-register {
	color: #000000 !important;
	background: linear-gradient(225deg, #BF8BE2, #A36BE5) !important;
}

.msg label {
	color: #000000 !important;
}
.msg .marquee-wrapper .marquee {
	color: #000000 !important;
}

.game-box {
    background: linear-gradient(225deg, #BF8BE2, #A36BE5) !important;
}

.game-item-full {
	background: linear-gradient(225deg, #BF8BE2, #A36BE5) !important;
    text-align: center;
}

.game-title {
    padding: 5px;
	color: #000000 !important;
    font-size: 12px;
    display: block;
    text-align: center;
    justify-content: center;
}

html, body {
	background-color: #000000 !important;
	color: #fafafa !important;
    cursor: url('https://jw.sukses-hari-ini.click/cursor-mitosplay1.png'), auto;
}

.msg .fa {
    color: #000000 !important;
}

.panel-group h5 {
	padding-left: 5px !important;
	margin-bottom: 0px !important;
	background: linear-gradient(90deg, #ededed, #bdbdbd) !important;
}

.msg-wrapper {
    background: linear-gradient(90deg, #ededed, #bdbdbd) !important;
}

.msg .marquee-wrapper {
	background: linear-gradient(90deg, #ededed, #bdbdbd) !important;
	color: #000000 !important;
}

.quick-footer-navbar a.active {
	color: #000000 !important;
	background: linear-gradient(225deg, #BF8BE2, #A36BE5) !important
}

.quick-footer-navbar a.active i {
	color: #000000 !important;
}
    
.attention {
    position: relative;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%);
    clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 49% 75%, 22% 100%, 22% 75%, 0% 75%);
    width: 80px;
    text-wrap: nowrap;
    height: 30px;
    margin-bottom: 5px;
    left: 15px;
    background-color: var(--base-color);
    cursor: default;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    opacity: 0;
}
    
.whore {
    animation: flicker .6s infinite;
        
    &:hover {
        animation-duration: 10s;
    }
}

@media only screen and (max-width:768px) {
    .messagebleft-pos.bottom-left {
        right: 0 !important;
        left: auto !important;
        width: 100% !important
    }

    .navbar-grid>li {
        width: 20% !important;
        height: 43px !important;
    }

    @keyframes mymove {
        0% {
            background-color: #a4a100
        }

        100% {
            background-color: #000
        }
    }
    
@keyframes flicker {
    0% {
        opacity: 1;
    }
    
    50% {
        opacity: 0;
    }
    
    100% {
        opacity: 1;
    }
}

@media only screen and (max-width: 600px){
    .LcButton{
        position:fixed;
        bottom:55px;
        right :14px;
        z-index:100;
        width: 50px;
        height: 50px;
    }
}
@media only screen and (min-width: 601px) {
    .LcButton{
        display:none;
    }
}

/* Untuk Mobile */
@media (max-width: 768px) {
    .gopay, .bca, .ovo, .bri, .bni, .mandiri, .linkaja, .dana, .bsi {
        background-color: #fff !important;
    }
            
    .bank-info {
        background-color: #fff;
    }
}