.fadeInDownBig {
	-webkit-animation-name:fadeInDownBig;
	animation-name:fadeInDownBig
}
.animated.flip {
	-webkit-backface-visibility:visible;
	-ms-backface-visibility:visible;
	backface-visibility:visible;
	-webkit-animation-name:flip;
	animation-name:flip
}
.animated {
	-webkit-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}
.animated.infinite {
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite
}
.animated.hinge {
	-webkit-animation-duration:2s;
	animation-duration:2s
}
.avatar-preview {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#000;
	overflow:hidden;
	z-index:1
}
.avatar-preview img {
	width:100%
}
.avatar-preview .select-window {
	position:absolute;
	width:100%;
	top:125px;
	bottom:125px;
	border:1px solid #eee
}
.avatar-preview .bar-action,.mui-preview-image .bar-action {
	width:100%;
	height:57.5px;
	background:rgba(0,0,0,.7);
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	padding:0 3%
}
.avatar-preview .bar-action a,.mui-preview-image .bar-action a {
	display:inline-block;
	width:30%;
	height:57.5px;
	line-height:57.5px;
	color:#fff;
	font-size:18px
}
.mui-clearfix:after,.mui-clearfix:before {
	display:table;
	content:" "
}
.mui-clearfix:after {
	clear:both
}
.mui-pull-right {
	float:right
}
.mui-text-right {
	text-align:center!important
}

.mui-toast-container {
	position:fixed;
	z-index:9999;
	width:120px;
	min-height:120px;
	top:180px;
	left:50%;
	margin-left:-3.8em;
	background:rgba(40,40,40,.75);
	text-align:center;
	border-radius:5px;
	color:#fff;
	opacity:0;
	-webkit-transition:opacity .8s;
	transition:opacity .8s
}
.mui-toast-container.mui-active {
	opacity:1
}
.mui-toast-container .mui-toast-icon {
	margin-top:20px;
	height:55px;
	line-height:55px;
	color:#fff;
	font-size:40px;
	text-align:center;
	margin-bottom:4px
}
.mui-toast-message {
	font-size:14px
}