/* Classes to help visualize the boxes */

body {
	background: #fff;
}

* {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold
}

@media only screen and (min-width:767px) {
	.containers {
		padding-left: 15%;
		padding-right: 15%;
		width: 100%
	}
}

.navbar-default ul li {
	background: transparent;
}

a .active {
	background: transparent;
}

.mb-2{
	margin-bottom: 20px
}

.prize{
	padding-left: 10px
}

div.row {
	margin-left: 0%;
	margin-right: 0%
}

div[class^=col],
div.w-50 {
	text-align: center;
}


         .bg-black{
          background: #000
         }
         .text-yellow{
          color: #FECC1A;
         }
         .row-image{
          height: 20vh
         }
         .top-table tr td{
            background: transparent;
         }
         .pl-10{
          padding-left: 10%
         }
         .pr-10{
          padding-right: 10%
         }
         .mt-2{
            margin-top: 20px
         }
         .mt-1{
            margin-top: 10px
         }
         .mb-1{
          margin-bottom: 10px
         }
         .mb-5{
          margin-bottom: 50px
         }
         
         .text-white{
          color: #fff
         }
         .p10{
          padding: 6px
         }
         .p-10{
          padding: 10px
         }
         .p-15{
          padding: 15px
         }
         .mt-4{
          margin-top: 40px
         }
         .mt-3{
          margin-top: 30px
         }
         .navs{
          color: #fff
         }
         a:hover{
          text-decoration: none;
         }
         .day{
          border-left: solid 1px gray;
          border-right: solid 1px gray;
          width: 100%
         }
         .w100{
          width: 100%
         }
         .change{
          display: none;
         }
         .glow-yellow{
          box-shadow: 0px 0px 4px 4px #C9B969;
         }
         .card{
          background: #000;
          border-radius: 8px;
          margin-bottom: 10px
         }
         .jackpot h1,.jackpot h2,.jackpot h3,.jackpot h4,.jackpot h5{
          padding-top: 5px;
          color: #C9B969;
          font-weight: bold;
          line-height: normal;
  margin: 0px 0 0; 
         }

         .jackpots h1{
          color: #fff;
          width: 100%;
          font-size: 10vh;
          font-weight: bold;
          line-height: normal;
          margin: 0px 0 0; 
         }

         .jackpots h2{
          color: #fff;
          width: 100%;
          font-size: 8vh;
          font-weight: bold;
          line-height: normal;
          margin: 0px 0 0; 
         }
         .bg-jackpot{
          margin-top: 10px;
          background: #B7B7B7;
          border-bottom-right-radius: 8px;
          border-bottom-left-radius: 8px;
          padding:6px;
         }

         table .table-paiment tr td{
          background: #959595
         }

         .paiment{
          color: red;
          font-weight: bold;
          font-size: 3vh
         }

         .text-kindly{
          font-weight: bold;
          color:#fff;
          text-align: left;
         }
         .table-top tr td{
          background: transparent;
         }
         .next-draw{
      color: #fff;
      font-size: 1.5em
    }
    .countdown{
      font-size: 3em;
      font-weight: bold;
      line-height: 1;
      color: #6DCFF6
    }
    .congratulation{
  color: #363432;
  line-height: 13px;
}









@media only screen and (min-width:769px) {
  .table-mobile{
    display: none;
  }
}
@media only screen and (min-width:768px) {

.navbar-default{
  -moz-box-shadow:    inset 0 0 7px 7px #C9B969;
   -webkit-box-shadow: inset 0 0 7px 7px #C9B969;
   box-shadow:         inset 0 0 7px 7px #C9B969;
   border-radius: 40px
}
.navbar-nav,.mr-auto {
  width: 100%;
flex: 1;
margin: auto !important;
display: flex;
justify-content: space-between;
}
.navbar-nav li a{
  margin: 5px;
  padding: 5px
}
.mt-5{
            margin-top: 10vh
         }
.winning-number{
  color: #fff;
  font-size: 8vh;
  line-height: 5vh
}
.date{
    color: #fff;
    font-size: 3vh
  }

  .no-draw{
    font-weight: bold;
    font-size: 5vh;
    width: 100%;float: left;left: 0px;text-align: left
  }
}

@media only screen and (min-width:1466px){
  .next-draw{
      color: #fff;
      font-size: 1.6em
    }
    .countdown{
      font-size: 4em;
      font-weight: bold;
      line-height: 1;
      color: #6DCFF6
    }
    .congratulation{
  color: #363432;
  line-height: 0px;
  font-size: 2vh
}
}

.br-10{
  border-radius: 10px
}

@media only screen and (max-width:768px) {
  .mobile{
    display: none;
  }
.change{
  margin-top:10px;background: transparent;border: solid 2px #fff;color: #fff;border-radius: 5px;
  border: solid #fff;text-align:center;display: block;margin: 0 auto;
}
.change option{
  background: #000;
  width: 100%
}
.navbar-default{
  display: none;
}

.navbar-nav li a{
  margin: 1px;
  padding: 1px;
}
.mt-5{
            margin-top: 20px
  }
  .winning-number{
    color: #fff;
    font-size: 4vh
  }
  .date{
    color: #fff;
    font-size: 2vh
  }
  .jackpot h1,.jackpot h2,.jackpot h3,.jackpot h4,.jackpot h5{
          padding-top: 5px;
          color: #C9B969;
          font-weight: bold;
          line-height: normal;
  margin: 0px 0 0; 
         }

         .jackpots h1{
          color: #fff;
          width: 100%;
          font-size: 7.5vh;
          font-weight: bold;
          line-height: normal;
          margin: 0px 0 0; 
         }

         .jackpots h2{
          color: #fff;
          width: 100%;
          font-size: 6vh;
          font-weight: bold;
          line-height: normal;
          margin: 0px 0 0; 
         }
        .no-draw{
      font-weight: bold;
      font-size: 2.5vh;
    }
    .next-draw{
      color: #fff;
      font-size: 1em
    }
    .countdown{
      font-size: 2.2em;
      font-weight: bold;
      line-height: 1;
      color: #6DCFF6
    }
}
/*ipad*/
@media only screen and (min-width:768px) and (max-width:1024px) {
  .mt-5{
      margin-top: 20px
  }
  .winning-number{
    color: #fff;
    font-size: 4vh
  }
  .date{
    color: #fff;
    font-size: 2vh
  }
  .jackpot h1,.jackpot h2,.jackpot h3,.jackpot h4,.jackpot h5{
          padding-top: 5px;
          color: #C9B969;
          font-weight: bold;
          line-height: normal;
  margin: 0px 0 0; 
         }

         .jackpots h1{
          color: #fff;
          width: 100%;
          font-size: 8vh;
          font-weight: bold;
          line-height: normal;
          margin: 0px 0 0; 
         }

         .jackpots h2{
          color: #fff;
          width: 100%;
          font-size: 6vh;
          font-weight: bold;
          line-height: normal;
          margin: 0px 0 0; 
         }

      .no-draw{
      font-weight: bold;
      font-size: 3vh;
    }

    .next-draw{
      color: #fff;
      font-size: 1.7em
    }
    .countdown{
      font-size: 3em;
      font-weight: bold;
      line-height: 1;
      color: #6DCFF6
    }
}

.live-draw{
  background: #6DCFF6
}

.bg-blue{
  background: #6DCFF6
}

.bg-teal{
  background: #4D8DA6;
}

table  tr th{
  background: #000;
  color: #fff
}

.table-live tr td{
  background: transparent;
  color: #fff;
}
.result{
  background: #4D8DA6;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  height: 100%
}
.digit{
  font-size: 25px;
}
.digit-result{
  font-size: 3.3vh;
}
.row-inner{
  padding: 10px
}
.priz{
  color: yellow;
  font-weight: bold;
  font-size: 3vh;
  margin-left: 5px;
  line-height: 14px
}
.priz span{
  font-size: 2vh;
}
.circle{
  border: solid #000 0.7vh;border-radius: 100%;padding-left: 1.2vh;padding-right: 1.2vh
}
  .center {
      display: table;
      height: 100%;
      margin: 0 auto;
    }
    .center-cell {
      display: table-cell;
      vertical-align: middle;      
    }
    .centered{
      position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    }
    .bg-footer{
      background: #ACACAC;padding: 30px
    }
    .ft{
      text-align: left;
      float: left;
      left: 0px;
      color: #54343F;
      font-weight: bold;
      font-size: 3.4vh;
      margin-top: 10px
    }
    .fd{
      text-align: left;
      float: left;
      left: 0px;
      color: #54343F;
      font-weight: bold;
      font-size: 2.6vh
    }
    footer{
      background: #000;
      color: #6DCFF6;
      padding-top: 5px
    }
    .table-mobile tr td{
      padding: 10px
    }
    #datatable thead tr th{
      background: #fff;
      color: #000;
      font-weight: bold;
      padding: 10px;
      font-size: 17px;
      border-bottom: solid #B4B4B4;
    }
    #datatable tbody tr td{
      color: #000;
      font-weight: bold;
      padding: 8px;
      font-size: 16px;
    }
    #datatable tbody tr:nth-child(odd) {
       background-color: #ccc;
    }

    #datatable tbody tr:nth-child(even) {
       background-color: #fff;
    }

* {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
}