body{
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.scratchpad{
    /*width: 400px;
    height: 305px;*/
    margin:0 auto;
}

.scratch-container {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%;
}

.promo-container {
  background:#FFF;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  width:400px;
  /*padding:20px;*/
  margin:0 auto;
  text-align:center;
  color:#333;
  font-size:16px;
  margin-top:20px;
}

#confetti-canvas{
  display:block;z-index:999999;pointer-events:none;
  position:fixed;
}

strong{
  font-family:"MontBold";
}

#ganastetext{
    display: none;
}

#response{
    display: none !important;
}

.inputgeneral.invalid{
    box-shadow: 0px 0px 0px 3px rgba(255,0,0,1) inset;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(255,0,0,1) inset;
    -moz-box-shadow: 0px 0px 0px 3px rgba(255,0,0,1) inset;
}

.inputgeneral.valid{
    box-shadow: 0px 0px 0px 3px rgb(0,19,255) inset;
    -webkit-box-shadow: 0px 0px 0px 3px rgb(0,19,255) inset;
    -moz-box-shadow: 0px 0px 0px 3px rgb(0,19,255) inset;
}

.inputlabel{
    color:#243f7b; 
    font-weight:800 !important; 
    width:100%; 
    font-family: "MontSemiBold";
}

.inputgeneral{
    width:100%; 
    border:none !important; 
    border-radius:5px !important; 
    outline:none
}
   
#inputcode{
    width:100%; 
    height:100%; 
    outline:none; 
    border:none; 
    background-color:transparent; 
    font-weight:400 !important;
    font-family:"MontRegular";
    font-size: 22px;
}

#modal-wrap{
    display:none;
    position: fixed;
    background: rgba(255,255,255,0.8);
    width: 100%;
    height: 100%;
    z-index: 9999999;
    backdrop-filter: blur(10px);
}

#modal-wrap #modal-flex{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
}

#modal-box{
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-width: 500px;
    background: white;
    padding: 20px;
    border-radius: 25px;
    border: solid 1px #CCC;
    width: 100%;
}

#modal-wrap #modal-flex,
#modal-box{
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}


#modal-box p.message{
    color: #004080;
    font-family: 'MontSemiBold';
    text-align: center;
}

#modal-box button.closemodal{
    background: #004080;
    color: #FFFFFF;
    border: none;
    font-family: 'MontBold';
    padding: 10px 20px;
    border-radius: 20px;
    cursor:pointer;
}

#modal-box button.closemodal:hover{
    transform: scale(1deg);
}

#sendform.loading,
#sendcode.loading{
    background-color:transparent !important;
    color:transparent !important;
    background-image: url("../files/loading.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position:center center;
}