// Shadows
@mixin md-shadow-default {
	-webkit-box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	-moz-box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
	box-shadow: 0 2px 2px 0 rgba(169,169,169,.14), 0 3px 1px -2px rgba(169,169,169,.2), 0 1px 5px 0 rgba(169,169,169,.12);
}

@mixin md-shadow-z-1 {
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .10), 0 1px 2px rgba(0,0,0, .18);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .10), 0 1px 2px rgba(0,0,0, .18);
    box-shadow: 0 1px 3px rgba(0,0,0, .10), 0 1px 2px rgba(0,0,0, .18);
}

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

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

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

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

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

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

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

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

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

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

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

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

@mixin md-shadow-none {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
    box-shadow: none !important;
}

// Click effects
@mixin 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);
	}
}