.baseFormContainer {
  :global {
    .ant-btn {
      width: 100%;
      height: 40px;
      border-radius: 5px;
      font-size: 16px;
      color: rgb(75, 75, 75);
    }
    .ant-form-item-explain,
    .ant-form-item-extra {
      position: absolute;
      bottom: -24px;
    }

    .ant-form-item-explain,
    .ant-form-item-explain-error {
      position: absolute;
      left: 0;
      bottom: -24px;
    }

    .ant-form-item {
      //margin-bottom: 16px;
      margin-bottom: 23px;
    }
    .ant-input-affix-wrapper {
      overflow: hidden;
      padding: 0;
      border: none;
    }

    #phone,
    #password,
    #email,
    .ant-select,
    .ant-select-selector,
    .ant-select-selection-item,
    .ant-input {
      -webkit-box-shadow: 0 0 0 1000px white inset;
      font-size: 14px;
      font-family: Roboto-Regular, Roboto;
      height: 40px !important;
      line-height: 40px !important;
      border-radius: 4px;
      background: #ffffff;
      // border: 1px solid #dddddd;
      box-shadow: 0 0 3px 3px #f3f3f4;
      padding-left: 14px;
      position: relative;
    }

    #phone {
      -webkit-box-shadow: 0 0 0 1000px white inset;
      border-left: none !important;
      background: #ffffff !important;
    }
    #password,
    #email {
      -webkit-box-shadow: 0 0 0 1000px white inset;
      border: 1px solid #dddddd !important;
      background: #ffffff !important;
      box-shadow: 0 0 3px 3px #f3f3f4;
      background: #ffffff !important;
    }

    input:-internal-autofill-previewed,
    input:-internal-autofill-selected {
      //-webkit-box-shadow: 0 0 0 1000px white inset !important;
      transition: background-color 5000s ease-out 0.5s;
      -webkit-text-fill-color: #222222;
      background: #ffffff !important;
    }

    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
      //  -webkit-box-shadow: 0 0 0 1000px white inset;
      transition: background-color 5000s ease-out 0.5s;
      -webkit-text-fill-color: #222222;
      background: #ffffff !important;
    }

    .ant-input-password {
      border: 1px solid #dddddd;
      box-shadow: 0 0 3px 3px #f3f3f4;
      border-radius: 4px;
      height: 40px !important;
      line-height: 40px !important;
      .ant-input {
        -webkit-box-shadow: 0 0 0 1000px white inset;
        font-size: 14px;
        font-family: Roboto-Regular, Roboto;
        height: 40px !important;
        line-height: 40px !important;
        border-radius: 4px;
        border: 1px solid #dddddd;
        box-shadow: 0 0 3px 3px #f3f3f4 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;

        &:focus {
          border: none;
        }
      }
    }
    .ant-select-selector,
    .ant-input-affix-wrapper-focused,
    .ant-input-affix-wrapper:focus,
    .ant-input-password:focus {
      //box-shadow: none !important;
      //border: none;
    }
    .ant-checkbox-wrapper {
      .ant-checkbox-input {
        height: auto !important;
        margin-right: 12px;
        border-radius: 0px !important;
      }
    }
    .ant-btn-primary {
      background-color: #1679ff;
      color: white;
      height: 46px;
      font-weight: bold;
      font-size: 18px;
      // margin-top: 12px;
    }
    .ant-btn-primary[disabled],
    .ant-btn-primary[disabled]:hover,
    .ant-btn-primary[disabled]:focus,
    .ant-btn-primary[disabled]:active {
      color:#BBBBBB;
      background: #F3F3F4 !important;
      border: none;
    }
    .phone-form{
      border: 1px solid rgb(221, 221, 221);
      &:hover{
        border-color:#40a9ff;
      }
      .ant-input-group-addon{
        border: none;
      }
      .ant-input{
        border: none;
      }
    }
    .phone-form.ant-form-item-has-error{
      border-color: #ff4d4f;
      
    }
  }
}