.social{
    left:0;
    width:0;
    position:fixed;
    bottom:80px;
    z-index:9999999999
}
.social ul{
    padding:0px;
    -webkit-transform:translate(-130px, 0);
    -moz-transform:translate(-130px, 0);
    -ms-transform:translate(-130px, 0);
    -o-transform:translate(-130px, 0);
    transform:translate(-130px, 0)
}
.social ul li{
    display:block;
    margin:2px;
    margin-left:0px;
    background:rgba(0, 0, 0, 0.86);
    width:180px;
    text-align:right;
    padding:3px;
    -webkit-border-radius:0 20px 20px 0;
    -moz-border-radius:0 20px 20px 0;
    border-radius:0 20px 20px 0;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;-ms-transition:all 1s;
    -o-transition:all 1s;
    transition:all 1s;
    height:50px;
    border:groove 2px #565656
}
.social ul li:hover{
    -webkit-transform:translate(110px, 0);
    -moz-transform:translate(110px, 0);
    -ms-transform:translate(110px, 0);
    -o-transform:translate(110px, 0);
    transform:translate(110px, 0);
    background:rgba(95, 95, 95, 0.7)
}
.social ul li:hover a{color:#fff}
.social ul li:hover i{
    color:#fff;
    background:rgba(0, 0, 0, 0.86);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    transform:rotate(360deg);
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
    -ms-transition:all 1s;
    -o-transition:all 1s;transition:all 1s
}
.social ul li i{
    margin-left:10px;
    color:#000;
    background:#fff;
    padding:10px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    width:20px;
    height:20px;
    font-size:20px;
    background:#fff;
    -webkit-transform:rotate(0deg);
    -moz-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg)
}

.alert-kb88 {
    padding: 15px !important;
    font-size: 30px;
    }
    
.penting{
    border: 1px solid #FFD700 !important;
    box-shadow: #FFD700 0px 0px 10px 1px;
    border-radius: 5px !important;
    margin-right: 42px !important;
    margin-left: 25px !important;
    margin-top: 10px !important;
    margin-bottom: -12px !important;}

.blinking{
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    }

.eventblink{
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    }

@keyframes blink-animation {
    to {
    visibility: hidden;
    }
    }

@-webkit-keyframes blink-animation {
    to {
    visibility: hidden;
    }
    }

.wrappers {
      width: 100%;
    }

.contentdata {
    margin-top: 20px;
    background: #2f0c35 !important;
    padding: 12px 0;
}

.provider {
    background: #2f0c35 !important;
    grid-area: provider;
}

.transaksi {
    background: #2f0c35 !important;
    grid-area: transaksi;
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
}


.togel-mobile {
    height: 10vh;
}