/* MATERIAL DESIGN RIPPLE */
.ripple-wrapper {
    display: block;
    position: absolute;
    background: rgba(255,255,255,0.4);
    border-radius: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}
.ripple-wrapper.animated {
    animation: ripple 0.65s linear;
    -webkit-animation: ripple 0.65s linear;
    -moz-animation: ripple 0.65s linear;
    -o-animation: ripple 0.65s linear;
}
.has-ripple {
    overflow: hidden;
    position: relative;
    user-select: none;
    outline: none;
    display: inline-block;
}
@keyframes ripple {
    100% {
        -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5);
    }
}
@-webkit-keyframes ripple {
    100% {
        -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
    }
}
@-o-keyframes ripple {
    100% {
        -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
    }
}
@-moz-keyframes ripple {
    100% {
        -webkit-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
    }
}