/*
* SlotMachine
*/
.col-4{
width:33.333333%;
position:relative;
min-height:1px;
padding-right: 5px;
padding-left: 5px;
float:right;
}
.randomizeMachine {
height: 100px;
}
.slotpics {
display: block;
margin-left: auto;
margin-right: auto;
}
div#machine1 div, div#machine2 div, div#machine3 div {
border: solid 1px #ccc;
background: #fff;
width: 100%;
/* max-width: 100px;*/
max-height: 100px;
}
/* START BUTTON */
div#startSlot {
height: 20px;
text-transform: uppercase;
background: #1E824C;
max-width: 50%!important;
max-height: 10%
padding: 10px 10px;
color: white;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
border-radius: 5px;
text-align:center;
}
div#slot-machine {
/* width: 400px; */
height: 160px;
background: #E4F1FE;
padding: 5px 0px;
border-radius: 5px;
}
/*
animation effect
*/
.slotMachineNoTransition {
-webkit-transition: none !important;
transition: none !important;
}
.slotMachineBlurFast {
-webkit-filter: blur(5px);
filter: blur(5px);
}
.slotMachineBlurMedium {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.slotMachineBlurSlow {
-webkit-filter: blur(2px);
filter: blur(2px);
}
.slotMachineBlurTurtle {
-webkit-filter: blur(1px);
filter: blur(1px);
}
.slotMachineGradient {
-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(25%, rgba(0,0,0,1)), color-stop(75%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)) );
-webkit-mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
mask: url("data:image/svg+xml;utf8,#slotMachineFadeMask");
}