#login-form {

	ion-content {
		background: $v-background;
	}

	.container {
	  position: absolute;
	  top: 50%;
	  left:50%;
	  z-index: 10;
	  width: 90%;
	  max-width: 350px;
	  transform: translate(-50%, -50%);

    .dialog {
      background: $v-white-color;
      border-radius: $v-visible-radius;
      text-align: center;
      padding: 5px;

      .item:not(.item-input) {
        border: none;
        border-bottom: 1px solid $v-black-transparent-subtle;
        font-size: 16px;
        margin: 1px;

        &.title {
          font-weight: 600;
          min-height: 0;
        }

        >div {
          border: none;
          font-size: 12px;
          margin-top: 5px;      
        }
      }

      .item.item-input {
        border: none;
        border-bottom: 1px solid $v-black-transparent-subtle;
        min-height: 53px;

        input {
          text-align: center;
        }
      }

      .row {
        padding: 0;
        min-height: 53px;

        .col {
          padding: 0;

          &.col-50 {
            border-right: 1px solid $v-black-transparent-subtle;
          }
        }

        button {
          font-size: 14px;
          padding: 8px;
          font-weight: 600;

          &.cancel {
            color: $v-light-gray !important;
          }

          &.submit {
            color: $v-text-color !important;
          }
        }
      }

    }

    .help {
      text-align: center;
      color: $v-white-color;
      font-size: 15px;
      margin-top: 20px;
    }
	}
}
