/* CSS Document */
h1,h2,h3,h4,h5,h6 {
	// font-family: -apple-system,'Lucida Grande','Microsoft Yahei';
}

* {
	font-size: 13px;
}

html, body {
	position: relative;
	height: 100%;
}

body {
	font-family: -apple-system,'Lucida Grande','Microsoft Yahei';
	color: #333;
	-webkit-font-smoothing: antialiased;
}

form {
	margin: 0;
}

label {
	font-weight:normal;
}

input {
	&[type="checkbox"], &[type="radio"] {
		visibility: hidden;
		cursor: pointer;
		&:before {
			visibility: visible;
			content: "\f096";
			float: left;
			font-family: FontAwesome;
			width: 13px;
			height: 13px;
			line-height: 13px;
			font-size: 16px;
			border-radius: 5px;
			margin-right: 8px;
			text-align: left;
			font-weight: normal;
			color: #888;
		}
		&:checked {
			&:before {
				content: "\f046";
				color: #666;
			}
		}
	}
	&[type="radio"] {
		&:before {
			content: "\f10c";
		}
		&:checked {
			&:before {
				content: "\f192";
				color: @vi-primary-color;
			}
		}
	}
}

@-moz-document url-prefix() {
	input {
		&[type="checkbox"], &[type="radio"] {
			visibility: visible;
		}
	}
}

a {
	cursor:pointer;
	color: #555;
}

a:hover,
a:focus {
	text-decoration: none;
	color: @vi-primary-color;
}