button {
	padding: 4px 12px;
	align-items: flex-start;
	text-align: center;
	font: inherit; 
	color: #444;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	cursor: default;
	border-radius: 1px;
	box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7f7f7), color-stop(1, #dddddd));
	background: -ms-linear-gradient(#f7f7f7, #dddddd, #dddddd);
	border: 1px solid transparent;
	border-color: #ababab;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
	outline: 0;
}

button:not(:disabled):not(.wisButtonGroupItem):HOVER {
	border-color: #808080;
}

button.d:not(:disabled):ACTIVE {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dddddd), color-stop(1, #f7f7f7));
}

button:disabled {
	color: #999;
	text-shadow: 1px 1px 1px white
}

button.chrome {
	text-align: center;
	cursor: default;
	*font: inherit;
	color: #333;
	box-sizing: border-box;
	padding: 4px 22px;
	background: #f9f9f9;
	border-radius: 1px;
	border: 1px solid #FEFEFE;
	box-shadow: 0 0 2px 0 rgba(6, 6, 6, .8);
	outline: none;
}
button.chrome:disabled {
	color: #999;
}

button.chrome:focus {
	background: #efefef;
	box-shadow: 0 0px 1px 0px rgba(0, 0, 254, .8)
}

button.chrome:not(:disabled):hover {
	*background: #efefef
}

button.chrome:active {
	background: #535353;
	color: white;
}

button>i.fa {
	font-weight: normal;
	display: inline-block;
}

button>i.fa.rp {
	margin-right: .3em;
}

button>i.vertical {
	margin-right: 0;
}

button>span {
	display: inline-block;
}

button.default, 
button.awesome, 
button.dange, 
button.primary, 
button.orange, 
button.green {
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	text-shadow: 0 1px 0 #fff;
	padding: 4px 12px;
	border-radius: 2px;
	box-sizing: border-box;
	color: #333;
	background-color: #ffffff;
	border: 1px solid transparent;
	border-color: #cccccc;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

button.awesome, button.dange, button.primary, button.orange, button.green {
	margin-bottom: 2px;
}

button.default:not(:disabled):hover, button.default:focus, button.default:active {
	background-color: #e6e6e6;
	border-color: #adadad;
}

button.awesome {
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background-color: #5EAF95;
	border-color: #46a285;
}

button.awesome:not(:disabled):FOCUS, 
button.awesome:HOVER, 
button.awesome:ACTIVE {
	background-color: #46a285;
	border-color: #3b8970;
}

button.dange {
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background-color: #d9534f;
	border-color: #d43f3a;
}

button.dange:not(:disabled):HOVER, button.dange:FOCUS, button.dange:ACTIVE {
	background-color: #c9302c;
	border-color: #ac2925;
}

button.primary {
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background-color: #428bca;
	border-color: #357ebd;
}

button.primary:not(:disabled):HOVER, button.primary:FOCUS, button.primary:ACTIVE {
	background-color: #3071a9;
	border-color: #285e8e;
}

button.orange {
	color: white;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background: #CC6D3E;
	border-color: #a5532c;
}

button.orange:not(:disabled):HOVER, button.orange:FOCUS, button.orange:ACTIVE {
	background-color: #bb5e31;
	border-color: #864424;
}

button.green {
	color: white!important;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	background: #2c8f31;
	border-color: #28822d;
}

button.green:not(:disabled):HOVER, button.green:FOCUS, button.green:ACTIVE {
	background-color: #237427;
	border-color: #1c5b1f;
}

button.ngs {
	background: #02aec7;
	color: white;
	display: inline-block;
	font-size: 13px;
	box-shadow: none;
	border: 0;
	padding: 4px 16px;
	cursor: pointer;
}
button.ngs:hover {
	background: #01788a;
}
button.ngs:disabled {
	color: #999;
	text-shadow: 1px 1px 1px white;
	background: lightgray;
}


button.default:disabled, button.primary:disabled, button.awesome:disabled, button.dange:disabled, 
button.orange:disabled, button.green:disabled {
	opacity: .7;
	cursor: not-allowed;
	color: #ddd;
}

button.default:ACTIVE, button.primary:ACTIVE, button.awesome:ACTIVE, button.dange:ACTIVE, 
button.orange:ACTIVE, button.green:ACTIVE {
	outline: none;
	background-image: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

button.default:FOCUS, button.primary:FOCUS, button.awesome:FOCUS, button.dange:FOCUS,
button.orange:FOCUS, button.green:FOCUS {
	outline: thin dotted #999;
	*outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

button>img.pull-left {
	margin-right: 3px;
	float: left;
}

button>img.pull-right {
	margin-left: 3px;
	float: right;
}