body{
    background: #000;
}

html, body{
    height: 100%;
}

.nav-background{
    background: rgb(0 0 0 / 65%);
}

.backpanel {
    min-height: 100%;
    
    background-position: center  !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;

}

.header-img {
    height: 500px;
    background-size: cover !important;
    background-position: center !important;
}

.last-result {
    background-color: #74dab9;
    color: white;
}

.pools.header {
    font-size: 24px;
    background: blueviolet;
    margin: 0 5px 0 5px;
    width: 50px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: white;
}

.pools.section {
    font-size: 20px;
    text-align: center;
    color: white;
    font-weight: bold;
}

.result-won {
    background: blueviolet;
    padding: 5px 14px;
    margin: 0 12px;
    border-radius: 50px;
}

.back-result {
    background: #00313c59;
}

.date-panel {
    background:#a1ff90;
}

.result-won-last {
    background: blueviolet;
    padding: 10px 18px;
    margin: 0 8px;
    border-radius: 50px;
    color: white;
    font-weight: bold;
}


.pools.prize{
    font-size: 22px;
}

.time {
    background: #cd3232;
}

.kotak-time {
    background: #000;
    color: #fff;
    font-size: 46px;
    border-radius: 10px;
}



.draw-no-back {
    background: #689eff;
}

.kotak-time.time{
    font-size: 65px;
    font-weight: bold;
}

.con-panel {
    background: #cde6d9;
}

.star-panel {
    background: #cddce6;
}

.full-result {
    background: #feffad;
}

.mainbannerbot {
    background: #dee2e6;
}

.banner-item{
    /* border: 4px #fff solid; */
}

.hijau{
    background: #02736f;
}

.merah{
    background: #f74d4d;
}

.biru{
    background: #1780dc;
}

.result-list {
    background: blueviolet;
    color: white;
    border: solid #e28919;
}

.tanggal-result-list {
    background: #74dab9;
    color: black;
    padding: 5px;
}

.nomor-result-list {
    font-size: calc(1.525rem + 3.3vw);
    text-align: center;
    font-weight: bold;
    padding: 10px;
}

.randomize.result-won.table-draw {
    background: none !important;
    padding: 0;
    margin: 0;
}

  .logo-lotre {
      width: 25%;
  }

  .font-t2{
    font-size: 1.25rem
  }

  .font-t3{
    font-size: calc(1.275rem + .3vw) ;
  }

  a.navbar-brand.center {
    width: 150px;
    margin: 0 40px !important;
  }

  .panel-page{
      background: rgb(255 255 255 / 70%);
  }

.footer-panel {
    position: relative;
    
}

.footer-wraper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

  @media (min-width: 1200px) {
    .nomor-result-list {
      font-size: 3rem;
    }
  }

/* 9 */

.btn-duo {
    font-size: 12px !important;
}

.bg-abu-1 {
    background: #dee2e6;
}

.bg-abu-2 {
    background: #dedede;
}

.icon-nav{
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.lotre-menu .nav-link{
    color: #000;
    padding: 1rem;
}

.number-result-9.full-result {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    line-height: 55px;
}


.number-result-9-small.full-result {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
}

.bg-panel-white {
    background: #e9ecef;
}

.nav-footer li .nav-link{
    color: #cd3232;
}

.footer-backpanel {
    background-size: 100% !important;
    background-position: bottom center !important;
    background-repeat: no-repeat !important;
}