@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

.material-icons {
	text-align: center;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.icon-size-18 {
	font-size: 18px;
}

.icon-size-20 {
	font-size: 20px;
}

.icon-size-24 {
	font-size: 24px;
}

.icon-size-30 {
	font-size: 30px;
}


.icon-size-36 {
	font-size: 36px;
}

.icon-size-48 {
	font-size: 48px;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.icon-color-dark {
	color: #757575;
}

.icon-color-light {
	color: #FFFFFF;
}

.icon-color-primary {
	color: #EF5350;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.button-fab {
	width: 56px;
	height: 56px;
	padding: 16px;
}

.button-fab-mini {
	width: 40px;
	height: 40px;
	padding: 8px;
}

.button-fab, 
.button-fab-mini {
	border: 0;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	cursor: pointer;
}

	.button-fab i, 
	.button-fab-mini i {
		width: 24px;
		height: 24px;
		font-size: 24px;
	}