@import url("https://fonts.googleapis.com/css?family=Montserrat:100,400,500,600,700");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons+Round");

.ui__page__inner {
  background-image: url(../img/xneelo_background.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100%;
  background-color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .ui__page__inner {
    background: #ffffff;
  }
}

.ui__page__children {
  background-color: rgba(0, 0, 0, 0);
}
.ui__page__children__wrapper {
  justify-content: space-between;
}

.grecaptcha-badge {
  display: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}

[data-toast-position="left"] .ui__toast__wrapper {
  justify-content: flex-start;
  padding-left: 45px;
}

@media only screen and (max-width: 1280px) {
  [data-toast-position="left"] .ui__toast__wrapper {
    padding-left: 0;
  }
}

@media only screen and (max-width: 1024px) {
  [data-toast-position="left"] .ui__toast__wrapper {
    justify-content: center;
  }
}

/* Override disabled input color */
/* Remove it after ui-kit bump to version > 1.0.0-canary.93 */
.ui__input__field::placeholder,
.ui__input__field:disabled,
.ui__input__field:disabled .ui__input__field::placeholder {
  color: #687184;
  opacity: 1 !important;
}

.ui__labelWrapper__label__optional {
  font-size: 12px;
}