/* Common styles */
html, body, #root {
  height: 100%;
  margin: 0;
}

html {
  background: #fafafa;
}

@media (max-width: 599.95px) {
  html {
    background: none;
  }
}

/* Header color and padding */
div.auth-header {
  background-color: white;
  padding-bottom: 10px;
}

div.auth-header p {
  color: black;
  text-align: center;
}

/* Hide cognito group name */
div.auth-header h5 {
  display: none;
}

/* Add header logo */
div.auth-header::before {
  content: '';
  display: block;
  height: 60px;
  width: 100%;
  background: no-repeat center url('assets/auth-logo.svg');
  margin-bottom: 1rem;
}

/* Reduce form top padding */
.auth-container form {
  padding-top: 10px;
}

/* Override link colors */
form a {
  color: #3d7f7f !important;
}

form a:hover {
  opacity: 0.8;
}

/* Override focused input colors */
.MuiFormLabel-root.Mui-focused {
  color: #E8560E !important;
}

.MuiInput-underline:after{
  border-bottom-color: #E8560E !important;
}

/* Override button background color */
.MuiButton-contained {
  background-color: #3d7f7f !important;
}

.MuiButton-contained.Mui-disabled {
  background-color: rgba(0, 0, 0, 0.12) !important;
}