.input-group-append {
  cursor: pointer;
}
#div_birthday {
  display: flex;
  gap: 10px;
}
select.combo-birthday {
  max-width: 170px !important;
  /* padding: 0px 0px !important; */
}
#birth_month, #birth_day {
  width: 60%;
  padding: 0px 5px 0px 5px !important;
  text-align: center !important;
}
#a_open_terms {
  color: #FF6;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
  font-size: 15px;
}
#disclaimerWindow {
  color: #000;
}
#closeDisclaimerWindow {
  color: #FFF;
  background-color: #565e64 !important;
}
#closedisclaimerWindow:hover, #closedisclaimerWindow:active {
  background-color: #5c636a !important;
}
.text-contents {
  max-height: 70vh;
  overflow-y: auto;
  font-size: 16px;
}
.button-disabled {
  background: #CCC !important;
  border: none;
}
.button-disabled:hover {
  background: #CCC !important;
  color:#FFF;
  cursor: default !important;
}

#div_wrapper_signup {
  background: url(../../img/signin/hero-bg.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center;
  background-size: cover;
}

#div_wrapper_signup .form-inner {
  background: rgb(65 141 183 / 50%) !important;
  height: 100%;
  /* From https://css.glass */
  /* background: rgba(255, 255, 255, 0.3); */
  
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  border: 1px solid rgb(198 212 255 / 30%);
}

p.p-ad-2weeks {
  color: #FF6; 
  font-size: 18px;
  margin-top: 50px;

  span {
    font-size: 20px;
    color: #e12b9f;
    /* color: #ef8dcc; */
    margin: 0px 5px;
  }
}

@media (max-width: 576px) {
  .form-inner {
    padding: 3rem 1rem !important;
  }
}
@media (max-width: 767px) {
  #h3_signup_title_long {
    display: none;
  }
  #h3_signup_title_short {
    display: block;
  }
}
@media (min-width: 768px) {
  #div_wrapper_signup > .form-inner {
    width: 700px;
    margin: 50px auto;
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }
  #h3_signup_title_long {
    display: block;
  }
  #h3_signup_title_short {
    display: none;
  }
}
@media (min-width: 1200px) {
  #div_wrapper_signup > .form-inner {
    width: 1200px;
    
  }
  div.div-signup-left {
    padding-left: 30px;
  }
  div.div-signup-right {
    padding-right: 30px;
  }
  p.p-ad-2weeks span {
    color: #e12b9f;
  }

  #referred_by::placeholder {
    color: #61999c !important;
    opacity: 1; /* Firefox */
  }
  
  #referred_by::-ms-input-placeholder { /* Edge 12-18 */
    color: #61999c !important;
  }
}
#referred_by::placeholder {
  color: #498083 !important;
  opacity: 1; /* Firefox */
}

#referred_by::-ms-input-placeholder { /* Edge 12-18 */
  color: #498083 !important;
}

span.form-error {
  color: red !important;
}