.login-container {
  position: relative;
  width: 100%;
  padding: 36px 24px 24px;
  background: #ffffff;
  background-size: 100% 100%;
  border-radius: 6px;
  box-shadow: 0 2px 8px 0 rgba(7, 17, 27, 0.06);
  //min-height: 348px;

  .toggle {
    position: absolute;
    top: 6px;
    right: 6px;
    width: 48px;
    height: 48px;
    cursor: pointer;

    img {
      width: 100%;
      height: 100%;
    }
  }

  .header {
    position: relative;
    //border: 1px red dashed;
    display: flex;
    justify-content: center;
    margin-bottom: 24px;

    .title {
      font-size: 24px;
      //font-weight: bolder;
      letter-spacing: 2px;
    }
  }

  .content {
    &.ant-tabs {
      .ant-tabs-bottom-bar {
        .ant-tabs-nav {
          .ant-tabs-tab {
            padding: 16px 6px 0;
            //border: 1px red dashed;
            .anticon {
              margin: 0;
              font-size: 24px;
              &:hover {
                //font-size: 1.6em;
              }
            }
          }
        }
      }
    }

    .form-content {
      .ant-form-item {
        &:nth-last-child(2),
        &:nth-last-child(3) {
          margin-bottom: 6px;
        }
      }

      .field-icon {
        margin-right: 3px;
        color: rgba(0, 0, 0, 0.3);
      }

      .eye {
        .field-icon {
          margin: 0;
          color: rgba(0, 0, 0, 0.5);
          cursor: pointer;

          :hover {
            color: rgba(0, 0, 0, 0.6);
            transition: color 0s;
          }
        }
      }

      .forgot-password {
        float: right;
      }

      .btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
      }
    }

    iframe {
      overflow: hidden;
      border: none;
    }
  }

}