.scratchit {position:relative; display:inline-block;cursor: not-allowed;pointer-events: none;width:100px; height:100px;}
.scratchit img{width:100px; height:100px;}
.scratchit > canvas{cursor: url('../img/cursor-01.png'), auto;position: absolute;top: 0;left: 0; bottom:0; right:0; overflow:hidden;}
.scratchit > img + img {position: absolute;top: 0;left: 0; bottom:0; right:0; object-fit: cover;}
.scratchit,.scratchit * {-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none; overflow:hidden;}
#shuffle.scratchCursor:hover {cursor: url('../img/cursor-01.png'), auto;}
.disabledCanvas {cursor: not-allowed;pointer-events: none;}
#showTxtPrize{ color:#ffc200; text-align:center;}
#showTxtPrize p{margin:0; padding:0;}
#showTxtPrize h4{margin:0; padding:0;}

canvas{outline:0 !important; border:none !important; overflow:hidden;}
*:focus {outline: 0;}
.scratch-card-canvas-render{overflow:hidden;}
.scratchit:focus img, .scratchit:focus canvas {
  border:none !important;
  outline:none;
}

/*button*/
.btn-info {background-color: #8faadc;border-color: #8faadc;color:#000;}
.btn-info:hover,.btn-info:active,.btn-info.hover {background-color: #8faadc;border-color: #8faadc;}

.btn-success {background-color: #ed7d31;border-color: #ed7d31;color:#000;}
.btn-success:hover,.btn-success:active,.btn-success.hover {background-color: #ed7d31;border-color: #ed7d31;}

/*
@media only screen and (max-width: 480px) {
	.scratchit{width:75px; height:75px;}
	.scratchit img{width:75px; height:75px;}
}
*/