.form-title {
  text-align: center !important;
  font-weight: 800 !important;
  padding-top: 12px !important;
  font-size: 55px !important;
  text-transform: uppercase !important;
}

.form-subtitle {
  text-align: center !important;
  font-weight: 600 !important;
  margin-bottom: 14px !important;
  font-size: 14px !important;
}

.auth-watermark {
  background-image: url("/images/svgs/hubtools-watermark.svg");
  background-size: 800px;
  background-repeat: no-repeat;
  background-position: top 50px center;
  padding-top: 150px !important;
}
@media screen and (max-width: 800px) {
  .auth-watermark {
    background-image: none;
  }
}

/*
  Form and Input
*/
.auth-input {
  background: #3d4543 !important;
  color: white !important;
  padding: 10px !important;
  border: 1px solid #3d4543 !important;
}
.auth-input:focus {
  outline: none;
  border-width: 1px;
  border-color: #3d4543 !important;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-radius: 0.5rem;
}
.auth-input:disabled {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
}

label {
  --tw-text-opacity: 1;
  color: rgba(254, 80, 1, var(--tw-text-opacity));
  cursor: pointer;
  margin-bottom: 2rem;
  font-size: 12px !important;
  font-family: "Roboto", sans-serif;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* Placeholder styles */
::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-weight: 700;
  color: white !important;
}