html, body { margin:0; padding: 0; background: rgb(63,140,46);
background: radial-gradient(circle, rgba(63,140,46,1) 11%, rgba(73,140,46,1) 51%, rgba(109,140,46,1) 94%); min-height: 580px; font-family: Helvetica, Verdana, sans-serif!important;}
		/*  SECTIONS  */
		.section {
			clear: both;
			padding: 0px;
			margin: 0px;
		}

		/*  COLUMN SETUP  */
		.col {
			display: block;
			float:left;
		}

		/*  GROUPING  */
		.group:before,
		.group:after { content:""; display:table; }
		.group:after { clear:both;}
		.group { zoom:1; /* For IE 6/7 */ }

		/*  GRID OF THREE  */
		.span_10_of_10 { width: 100%; }
		.span_33pc { width: 33.33%; }
		.span_3_of_10 { width: 30.00%; }
		.span_4_of_10 { width: 40.00%; }
		.span_1_of_9 { width: 11.11%; }


.cells-chart {
	    text-align: center;
        font-size: 13px;
        line-height: 2;
        color: #fff;
         border-radius: 25px;
         border: 2px solid #73AD21;
		}
.cells-select
{
    	    box-sizing: border-box; 
			/*border-left: 2px solid #7FDBFF; 
			border-top: 2px solid #7FDBFF;
			border-bottom: 2px solid #7FDBFF;*/
		    text-align: center; 
			font-size: 16px;
			line-height: 1.5;
			color: #fff;
}
		.cells {
			box-sizing: border-box; 
			/*border-left: 2px solid #7FDBFF; 
			border-top: 2px solid #7FDBFF;
			border-bottom: 2px solid #7FDBFF;*/
			border:1px solid #005a81;
			text-align: center; 
			font-size: 16px;
			line-height: 1.5;
			color: #fff;
		}
		#name
            {
            float: left;
            padding-left: 5px;
            }
            #ticketno
            {
            float: right;
            padding-right: 20px;
            }
	/*	.cells:last-child { border-right: 2px solid #7FDBFF; }*/
		.cell-odd { color: #000;font-weight: bold; }
		.cell-even { color: #000;font-weight: bold; }
		/*.middle > .cells { border-top: 0; border-bottom: 0; }*/
		.cell-drawn { background-color: #053c54; color: #fff; }
		.cell-undrawn { background-color: #fff;color: #000; }
        .span_1_of_10, .span_margin {
    width: 10%;
}
.loadmore{
        margin: 0 40%;
    background: #fff;
    width: 20%;
    margin-bottom: 20px;
}
#claims{
        text-align:center;
        width: 100%;
        height: 100%;            
        position: absolute;
        top: 0;
        left: 0;
        opacity: 1;
        
}
#claims img{width: 16%;}
#drawnnohome{
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /* opacity: 0.8; */
    margin-top: 11%;
    font-size: 90px;
    color: red;
    font-weight: bold;
}
.vuTkt {
   cursor: pointer;
    /* background-color: #FFDC00; */
    color: #001f3f;
    /* float: left; */
    /* top: 0px; */
    /* vertical-align: top; */
    width: 20%;
    /* display: inline; */
    float: left;
    margin-top:-2%;
}
.vuTkt img{width:90%;}
.prize-win{
    background: yellow;
    color: #000;
    font-size: 12px;
    padding-top: 10px;
    margin-top: 2%;
    border-radius: 12px;
    border:5px solid #fff;
    
}
.ticketdrawn:after
{content:'\2713';
  display:inline-block;
  color:red;
  padding:0 0px 0 0;
  }
.ticketdrawn{
    /*border: 2px solid red;
    border-radius: 50%;
     width: 80%; */
    color:red;
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
}
.nmprz{
        width: 70%;
    float: right;
    display: inline;
    text-align: left;
}
#disno{
    display: initial;
    color: #fff;
    font-weight: 700;
}
		.tno {
			text-align: center;
			background-color: #005a81;
			padding: 10px 0;
			border-left: 2px solid #005a81;
			border-top: 2px solid #005a81;
			/*border-right: 2px solid #7FDBFF;*/
			border-right: 2px solid #005a81;
			box-sizing: border-box;
			font-size: 11px;
			border-top-left-radius: 8px;
			border-top-right-radius: 8px;
		}
		.digt {
    text-align: center;
    background:yellow;
/* background: rgb(140,57,46);*/

/*background: linear-gradient(90deg, rgba(140,57,46,0.6222864145658263) 0%, rgba(233,196,4,1) 77%);*/
    font-size: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #000;
    cursor: pointer;
    border-radius: 50%;
    }
    .click{
        height: 200px;
                padding: 5%;
                font-size: 36px;font-family: 'Grenze Gotisch', cursive;
    }
    .nm{background:#fff;}

		.header * { margin: 4px auto; padding: 0; font-family: Helvetica, sans-serif;}

		/*  GO FULL WIDTH BELOW 480 PIXELS */
		@media only screen and (max-width: 720px) {
			.span_3_of_10 { width: 1%; }
			.span_4_of_10 { width: 98%; }
		   #nmcoupon{width: 90%;text-align: center;}
			.click{
                    height: 200px;
                    padding: 15%;
                    font-size: 36px;font-family: 'Grenze Gotisch', cursive;
                     }
            .vuTkt {margin-top:0px;} 
            #drawnnohome{margin-top:35%;}
            #claims img{width: 46%;}
		}

		.lds-ellipsis {
		  display: inline-block;
		  position: relative;
		  width: 64px;
		  height: 64px;
		}
		.lds-ellipsis div {
		  position: absolute;
		  top: 27px;
		  width: 11px;
		  height: 11px;
		  border-radius: 50%;
		  background: #fff;
		  animation-timing-function: cubic-bezier(0, 1, 1, 0);
		}
		.lds-ellipsis div:nth-child(1) {
		  left: 6px;
		  animation: lds-ellipsis1 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(2) {
		  left: 6px;
		  animation: lds-ellipsis2 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(3) {
		  left: 26px;
		  animation: lds-ellipsis2 0.6s infinite;
		}
		.lds-ellipsis div:nth-child(4) {
		  left: 45px;
		  animation: lds-ellipsis3 0.6s infinite;
		}
		@keyframes lds-ellipsis1 {
		  0% {
		    transform: scale(0);
		  }
		  100% {
		    transform: scale(1);
		  }
		}
		@keyframes lds-ellipsis3 {
		  0% {
		    transform: scale(1);
		  }
		  100% {
		    transform: scale(0);
		  }
		}
		@keyframes lds-ellipsis2 {
		  0% {
		    transform: translate(0, 0);
		  }
		  100% {
		    transform: translate(19px, 0);
		  }
		}

		#calls > div { margin: 12px auto;  color: #ccc; font-size: 12px;}

		#calls > div a { color: #ccc; }