<div style="position:relative;" layout="column">
  
  <div layout="row" layout-align="center" style="padding-bottom:120px;">
    <div layout="column" flex="50">
      <h2>{{ "global.USER_ACCOUNT_TAG" | translate }}</h2>

      <md-card class="md-whiteframe-z2">
        <md-content class="md-padding">
          <form name="sign_in_form" ng-submit="sign_in_form_submit()">

            <md-input-container class="md-block">
              <label>Email</label>
              <input ng-model="user.user_email" type="email" required>
            </md-input-container>

            <md-input-container class="md-block md-icon-float md-icon-right" style="padding-left:0px !important;">
              <label>Password</label>
              <input type="{{ user.password_input_type }}" ng-model="user.user_password" required>
              <md-icon md-font-set="material-icons" ng-if="!user.user_password_is_visible" ng-click="show_user_password(true)"> visibility </md-icon>
              <md-icon md-font-set="material-icons" ng-if="user.user_password_is_visible" ng-click="show_user_password(false)"> visibility_off </md-icon>
            </md-input-container>
            
            <md-button class="md-raised" type="submit">{{ 'global.SIGNIN_TAG' | translate }}</md-button>
            
          </form>
        </md-content>  
      </md-card>
    </div>
  </div>
</div>


