Helper classes

                <div class="pull-right">.pull-right</div>
<div class="pull-left">.pull-left</div>
<div class="line-right">.line-right</div>
<div class="line-center">.line-center</div>
<div class="inline-flex">.inline-flex</div>
<div class="align-row-center">
.vertical center
</div>
<div class="align-row-baseline">
.vertical baseline
</div>
<div class="margin-center">.margin-center</div>
<div class="align-bottom-flex">.align-bottom-flex</div>
<div>
	<div class="inline-block">.inline-block 1 </div>
	<div class="inline-block">.inline-block 2 </div>
	<div class="inline-block">.inline-block 3 </div>
</div>
<div class="relative">.relative
	<div class="absolute">.absolute</div>
</div>
              

                <div class="cursor-pointer">hover me</div>
<div class="locked">no interaction what so ever</div>
<div class="non-pointer">I cant be <a>clicked</a>, hovered or tabbed to</div>
              

                <div class="show">displayed</div>
<div class="hidden">hidden</div>
<div class="invisible">invisible</div>
<div class="block">display block</div>
<div class="relative">relative</div>
              

                <p class="text-muted">Fusce dapibus, tellus ac cursus commodo</p>
<p class="text-success">Fusce dapibus, tellus ac cursus commodo</p>
<p class="text-warning">Fusce dapibus, tellus ac cursus commodo</p>
<p class="text-danger">Fusce dapibus, tellus ac cursus commodo</p>
<p class="text-white">Fusce dapibus, tellus ac cursus commodo</p>
              

                <p class="caps">First letter is capitalized</p>
<p class="sm-font-size">small text</p>
<p class="full-padding">Padded</p>
<p class="padding-reset">remove padding</p>
<p class="unselectable">This text could not be selected</p>
              

                <!-- Add material depth on hover -->
<div class="spacer material-depth-1 raise"> Hover to raise</div>
<br/>
<!-- Load element with a growing effect -->
<div class="spacer material-depth-1 grow-out"> Grows out from center</div>
<br/>
<!-- Hide element with a zooming effect -->
<div class="spacer material-depth-1" ng-click="dissapear=true" ng-class="{'reveal-material':dissapear}"> Click to dissapear</div>
<br/>
<!-- Load element with a fade effect when using ng-show -->
<p ng-click="showMaterial = !showMaterial">trigger animation 1</p>
<div class="spacer material-depth-1 animate-show" ng-show="showMaterial"> Fade in</div>