@import '../../../../assets/sass/variable';

:host {
  background: url(../../../../assets/content/login-bg.jpg) 50% 50% no-repeat;
  background-size: cover;
  display: table-cell;
  height: 100%;
  padding: ($module-rem * 2) 0;
  vertical-align: middle;
  width: 100%;

  .ni-card {
    margin: 0 auto;
    max-width: 400px;

    /deep/ .card-wrap {
      border: 0;
    }
    form {
      md-input-container:nth-child(1) {
        margin-bottom: 30px;
      }
      button {
        width: 100%;
      }
      .additional-info {
        background: rgba(#000,.1);
        margin: $module-rem * 2 (-($module-rem * 2)) (-($module-rem * 2));
        padding: $module-rem $module-rem * 2;

        a {
          cursor: pointer;
        }

        .divider {
          border-left: 1px solid rgba(#000,.2);
          display: inline-block;
          height: 18px;
          margin: 0 10px;
          vertical-align: bottom;
        }
      }
    }
  }
}