/* Styles for integration between Angular Material and FontAwesome */

md-icon:hover {
	filter: brightness(1.5);
	-webkit-filter: brightness(1.5);
	-moz-filter: brightness(1.5);
	-o-filter: brightness(1.5);
	-ms-filter: brightness(1.5);
}
md-icon.fa.s64 {
	font-size: 64px;
}
md-icon.fa.s48 {
	font-size: 48px;
}
md-icon.fa.s32 {
	font-size: 32px;
}
md-icon.fa.s24 {
	font-size: 24px;
}
md-icon.fa.s16 {
	font-size: 16px;
}

.md-button {
	min-width: 16px;
	min-height: 16px;
}
.md-button.float {
	float: left;
}
.md-button:hover {
	filter: brightness(1.5);
	-webkit-filter: brightness(1.5);
	-moz-filter: brightness(1.5);
	-o-filter: brightness(1.5);
	-ms-filter: brightness(1.5);
}
.md-button.s64 {
	width: 64px;
	height: 64px;
}
.md-button.s48 {
	width: 48px;
	height: 48px;
}
.md-button.s32 {
	width: 32px;
	height: 32px;
}
.md-button.s24 {
	width: 24px;
	height: 24px;
}
.md-button.s16 {
	width: 16px;
	height: 16px;
}
.md-button md-icon.fa {
	display: block;
	position: relative;
}
.md-button md-icon.fa.s64 {
	font-size: 60px;
	top: 3px;
	left: 0px;
}
.md-button md-icon.fa.s48 {
	font-size: 44px;
	top: 2px;
	left: -1px;
}
.md-button md-icon.fa.s32 {
	font-size: 28px;
	top: 2px;
	left: -2px;
}
.md-button md-icon.fa.s24 {
	font-size: 20px;
	top: 2px;
	left: -2px;
}
.md-button md-icon.fa.s16 {
	font-size: 12px;
	top: 2px;
	left: -3px;
}

.fa-rotate-45 {
	-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-ms-transform:rotate(45deg); 
	-o-transform:rotate(45deg); 
	transform:rotate(45deg);
}