// Shadows
.md-shadow-z-1 {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .10), 0 1px 2px rgba(0, 0, 0, .18);
}

.md-shadow-z-1-i {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .10), 0 1px 2px rgba(0, 0, 0, .18) !important;
}

.md-shadow-z-1-hover {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .14), 0 1px 2px rgba(0, 0, 0, .22);
}

.md-shadow-z-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22);
}

.md-shadow-z-2-i {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22) !important;
}

.md-shadow-z-2-hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .20), 0 3px 6px rgba(0, 0, 0, .26);
}

.md-shadow-z-3 {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18), 0 6px 6px rgba(0, 0, 0, .23);
}

.md-shadow-z-3-i {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18), 0 6px 6px rgba(0, 0, 0, .24) !important;
}

.md-shadow-z-3-hover {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .22), 0 6px 6px rgba(0, 0, 0, .26);
}

.md-shadow-z-4 {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .26), 0 10px 10px rgba(0, 0, 0, .22);
}

.md-shadow-z-4-i {
    box-shadow: 0 14px 28px rgba(0, 0, 0, .26), 0 10px 10px rgba(0, 0, 0, .22) !important;
}

.md-shadow-z-5 {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .28), 0 15px 12px rgba(0, 0, 0, .22);
}

.md-shadow-z-5-i {
    box-shadow: 0 19px 38px rgba(0, 0, 0, .28), 0 15px 12px rgba(0, 0, 0, .22) !important;
}

.md-shadow-none {
    box-shadow: none !important;
}

// Click effects

.md-click-circle {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);

    &.md-click-animate {
        -webkit-animation: mdClickEffect 0.65s linear;
        -moz-animation: mdClickEffect 0.65s linear;
        animation: mdClickEffect 0.65s linear;
    }
}

@-webkit-keyframes mdClickEffect {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
    }
    100% {
        opacity: 0 !important;
        -webkit-transform: scale(2.5);
    }
}

@-moz-keyframes mdClickEffect {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
    }

    100% {
        opacity: 0 !important;
        -moz-transform: scale(2.5);
    }
}

@keyframes mdClickEffect {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
    }

    100% {
        opacity: 0 !important;
        transform: scale(2.5);
    }
}