/***
 *	Generic Helpers
 */

.cf { position: relative; }
	.cf:before, .cf:after { content: ""; display: table; clear: both; }

.clear { clear: both; }
	.clear-r { clear: right; }
	.clear-l { clear: left; }
	.no-clear { clear: none; }

.disabled,
[disabled],
[disabled="disabled"] { pointer-events: none; opacity: .5; }

.hand { cursor: pointer; }

.ir { text-indent: -999em; overflow: hidden; }

.no-select { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; }

.pos-abs { position: absolute; }
.pos-rel { position: relative; }

.rounded { border-radius: 4px; }
.circle { border-radius: 50%; }

.striked { text-decoration: line-through; }
.text-shadow { text-shadow: 2px 2px 2px rgba( 0,0,0,.3 ) }

.visible { visibility: visible; }
	.no-visible { visibility: hidden; }

.wait { cursor: wait; }

.icon { display: inline-block; width: 40px; height: 40px; border-radius: 50%; background: #333; color: #fff; margin: 20px auto; text-align: center; }
	.icon:hover { background: #666; }
	
	.icon.fa { display: block !important; color: #fff !important; text-align: center; font-size: 32px; line-height: 40px; }