#Styled_Affiliate {
  background-color: transparent !important;
  padding: 24px;
  margin: auto;
}
@media (min-width: 1024px) {
  #Styled_Affiliate {
    width: 500px !important;
    padding: 32px 48px !important;
    border: 1px solid #d4d4d4cc;
}
  }
@media (max-width: 1024px) {
  #Styled_Affiliate {
    border: none !important;
    padding: 16px !important;
}
  }
@media (max-width: 442px) {
  #Styled_Affiliate {
    padding: 24px 10px !important;
}
  }
#Styled_Affiliate .login-title {
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
  }
@media (max-width: 1024px) {
  :is(#Styled_Affiliate .login-title) .headingText {
        font-size: 20px !important;
        margin: 0 !important;
    }
      }
#Styled_Affiliate .login-desc {
    word-wrap: break-word;
    position: relative;
  }
:is(#Styled_Affiliate .login-desc) p,:is(#Styled_Affiliate .login-desc) th,:is(#Styled_Affiliate .login-desc) td,:is(#Styled_Affiliate .login-desc) ol,:is(#Styled_Affiliate .login-desc) ul,:is(#Styled_Affiliate .login-desc) span {
      font-size: 14px;
      overflow-wrap: anywhere;
    }
:is(#Styled_Affiliate .login-desc) pre {
      white-space: pre-wrap !important;
    }
@media (max-width: 442px) {
  :is(#Styled_Affiliate .login-desc) img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }
      }
#Styled_Affiliate .forgot-password {
    color: #007ce0 !important;
    width: fit-content;
    margin-left: auto;
    margin-right: 0;
    cursor: pointer !important;
  }
:is(#Styled_Affiliate .email) .MuiFormControl-root {
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
    }
:is(:is(#Styled_Affiliate .email) .MuiFormControl-root) .MuiFormLabel-root {
        margin-bottom: 0 !important;
      }
:is(:is(#Styled_Affiliate .email) .MuiFormControl-root) .MuiTypography-root {
        font-size: 12px !important;
      }
:is(#Styled_Affiliate .email) .MuiTextField-root {
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
    }
:is(:is(#Styled_Affiliate .email) .MuiTextField-root) .MuiFormLabel-root {
        font-size: 16px !important;
        transform: translate(14px, 12px);
      }
.MuiInputLabel-shrink:is(:is(:is(#Styled_Affiliate .email) .MuiTextField-root) .MuiFormLabel-root) {
          transform: translate(14px, -9px) !important;
          font-size: 12px !important;
        }
.Mui-focused:is(:is(:is(#Styled_Affiliate .email) .MuiTextField-root) .MuiFormLabel-root) {
          color: #007ce0 !important;
        }
.Mui-error:is(:is(:is(#Styled_Affiliate .email) .MuiTextField-root) .MuiFormLabel-root) {
          color: red !important;
        }
:is(:is(:is(#Styled_Affiliate .email) .MuiTextField-root) .MuiInputBase-root) .MuiInputBase-input {
          font-size: 16px !important;
          padding: 12px 16px !important;
          line-height: 22px !important;
        }
:is(:is(:is(#Styled_Affiliate .email) .MuiTextField-root) .MuiInputBase-root) legend {
          width: auto !important;
          font-size: 12px !important;
        }
:is(:is(#Styled_Affiliate .email) .MuiTextField-root) .MuiInputAdornment-root {
        font-size: 16px !important;
      }
:is(#Styled_Affiliate .email) .MuiFormHelperText-root {
      margin: 8px 0 0 !important;
    }
:is(:is(#Styled_Affiliate .email) .MuiFormHelperText-root) label {
        font-size: 12px !important;
      }
:is(#Styled_Affiliate .password) .MuiFormControl-root {
      width: 100% !important;
      width: -moz-available !important;
      width: -webkit-fill-available !important;
      margin-bottom: 0;
    }
:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiFormLabel-root {
        font-size: 16px !important;
        transform: translate(14px, 12px);
      }
.MuiInputLabel-shrink:is(:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiFormLabel-root) {
          transform: translate(14px, -9px) !important;
          font-size: 12px !important;
        }
.Mui-focused:is(:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiFormLabel-root) {
          color: #007ce0 !important;
        }
.Mui-error:is(:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiFormLabel-root) {
          color: red !important;
        }
:is(:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiInputBase-root) .MuiInputBase-input {
          font-size: 16px !important;
          padding: 12px 16px !important;
        }
:is(:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiInputBase-root) legend {
          width: auto !important;
          font-size: 12px !important;
        }
:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiInputAdornment-root {
        font-size: 16px !important;
      }
:is(:is(:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiInputAdornment-root) .MuiButtonBase-root):focus,:is(:is(:is(:is(#Styled_Affiliate .password) .MuiFormControl-root) .MuiInputAdornment-root) .MuiButtonBase-root):hover {
            background-color: transparent !important;
            outline: 0 !important;
          }
:is(#Styled_Affiliate .password) .MuiFormHelperText-root {
      margin: 8px 0 0 !important;
    }
:is(:is(#Styled_Affiliate .password) .MuiFormHelperText-root) label {
        font-size: 12px !important;
      }
#Styled_Affiliate .new-affiliate-register {
    text-align: center;
    font-size: 14px !important;
    width: 100%;
  }
:is(#Styled_Affiliate .new-affiliate-register) a {
      display: contents !important;
    }
@media (max-width: 442px) {
  :is(#Styled_Affiliate .new-affiliate-register) a {
        display: block !important;
    }
      }
#Styled_Affiliate a {
    font-size: 14px !important;
    color: #007ce0 !important;
  }
#Styled_Affiliate .ant-input-password {
    height: 35px !important;
    border-radius: 4px;
  }
:is(#Styled_Affiliate .ant-input-password) .ant-input {
      height: 26px !important;
    }
#Styled_Affiliate .primary-btn {
    width: 100% !important;
    height: 46px !important;
    padding: 0 !important;
    text-align: center;
    border-radius: 4px !important;
    font-size: 18px !important;
    outline: 0 !important;
    border-style: solid !important;
  }
#Styled_Affiliate .primary-btn:hover,#Styled_Affiliate .primary-btn:focus {
    width: 100% !important;
    height: 46px !important;
    padding: 0 !important;
    text-align: center;
    border-radius: 4px !important;
    font-size: 18px !important;
    outline: 0 !important;
    border-style: solid !important;
  }
#Styled_Affiliate .account-link {
    width: fit-content;
    margin-left: 4px;
    margin-right: auto;
    cursor: pointer !important;
  }