.mask {
background-color: #FFF;
width: 100%;
height: 100%;
position: fixed;
top:0px;
left:0px;
z-index: 100000;
}
#spinner {
width: 50px;
height: 50px;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #cecece;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% { 
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% { 
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}.variable-items-wrapper .variable-item.selected {
border: 3px solid #3d7cc9 !important; box-shadow: 0 0 8px rgba(61, 124, 201, 0.5) !important;
}
.variable-items-wrapper .variable-item.selected .variable-item-contents:before {
content: "✔" !important;
display: block !important;
color: #3d7cc9 !important;
font-size: 30px !important;
font-weight: bold !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
z-index: 9999 !important;
background: rgba(255, 255, 255, 0.7) !important; border-radius: 50% !important;
padding: 5px !important;
}