<div ng-show="modalOpen" class="scormLogin">
  <div class="scormloginModal">
    <div class="scormlogin-body">
      <h3 bo-text="title"></h3>
      <input type="text" ng-model="scorm_userName" class="userName" placeholder="{{'username' | translate : 'labels'}}" />
      <input type="password" ng-model="scorm_passWord" class="password" placeholder="{{'password' | translate : 'labels'}}">
      <button class="submit" ng-click="close()"></button>
    </div>
  </div>
</div>
<!-- this is backdrop for scormlogin modal -->
<div class="scormBackdrop" ng-show="modalOpen" ng-click="close()"></div>