// Copyright (c) 2015 Documize Inc.
// Material Design icons from https://design.google.com/icons/

.material-icons {
	font-family: "Material Icons";
	font-weight: normal;
	font-style: normal;
	font-size: 1.2rem;
	display: inline-block;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "liga";
}

.transition-shadow {
	transition: box-shadow 0.25s;
}

.transition-all {
	transition: all 0.25s;
}

.z-depth-0 {
	box-shadow: none !important;
}

.z-depth-tiny {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}

.z-depth-half {
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1 {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.z-depth-1-half {
	/* used on hover states */
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.z-depth-2 {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-3 {
	box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
}

.z-depth-4 {
	box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.z-depth-5 {
	box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
}

.drag-handle {
	font-size: 1.5rem;
	color: $color-gray-light;
	cursor: pointer;
}

.drag-indicator-dropzone {
	opacity: 1 !important;
	border: 2px dotted $color-border;
}

.drag-indicator-chosen {
	opacity: 1 !important;
	background: $color-off-white;
}

.drag-indicator-dragged {
	opacity: 1 !important;
	@include card();
}

@import "widget-avatar";
@import "widget-button";
@import "widget-checkbox";
@import "widget-list-picker";
@import "widget-notification";
@import "widget-radio";
@import "widget-symbol";
@import "widget-table";
@import "widget-tabnav";
