@charset "UTF-8";

@font-face {
	font-family: 'ywmmq';
	src: url('../fonts/ywmmq.eot?86219733');
	src: url('../fonts/ywmmq.eot?86219733#iefix') format('embedded-opentype'),
	url('../fonts/ywmmq.woff2?86219733') format('woff2'),
	url('../fonts/ywmmq.woff?86219733') format('woff'),
	url('../fonts/ywmmq.ttf?86219733') format('truetype'),
	url('../fonts/ywmmq.svg?86219733#ywmmq') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ywmmq-icon"]:before, [class*=" ywmmq-icon"]:before {
	font-family: "ywmmq";
	font-style: normal;
	font-weight: normal;
	speak: never;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	/* opacity: .8; */

	/* For safety - reset parent styles, that can break glyph codes*/
	font-variant: normal;
	text-transform: none;

	/* fix buttons height, for twitter bootstrap */
	line-height: 1em;

	/* Animation center compensation - margins should be symmetric */
	/* remove if not needed */
	margin-left: .2em;

	/* you can be more comfortable with increased icons size */
	/* font-size: 120%; */

	/* Font smoothing. That was taken from TWBS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	/* Uncomment for 3D effect */
	/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ok:before { content: '\2714'; } /* '✔' */
.icon-attention:before { content: '\2757'; } /* '❗' */
.icon-excluded:before { content: '🚫'; } /* '\1f6ab' */

.ywmmq-excluded:before {
	color: #7d7d7d;
	content: '🚫';
}

.ywmmq-error:before {
	color: #b81c23;
	content: '\2757';
}

.ywmmq-correct:before {
	color: #1fa67a;
	content: '\2714';
}

.ywmmq-rules-wrapper {
	margin: 15px 0;
	clear: both;
}

.ywmmq-rules-wrapper > ul {
	margin: 0 0 0 20px
}

.ywmmq-rules-wrapper > ul > li {
	padding: 5px 0;
	margin: 0 0 0 40px;
}