@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
  --font: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

html, *, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
}

body {
  font-family: var(--font);
  box-sizing: border-box;
}

.badge {
  font-weight: 400;
  border-radius: 2px;
  font-size: .75rem;
  letter-spacing: 0.5px;
  padding: 6px 8px 4px;
}

#aged_title {
  color: white!important;
}

input.is-invalid {
  border: 1px solid red;
  background-color: #fdd;
}

.form_submit_btn {
  box-shadow: 3px 3px 3px #888888 !important;
}

.form_submit_btn:active {
  transform: scale(0.98);
  /* Scaling button to 0.98 to its original size */
  box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
  /* Lowering the shadow */
}

.change_custody_container {
  position: relative;
}

.change_custody {
  position: absolute;
  /* width: 200px; */
  top: 10px;
  right: 10px;
}

@media screen and (max-width: 1290px) {

  /* Apply text-muted color when viewport width is less than or equal to 1290px */
  #aged_title {
    color: var(--bs-gray-600)!important;
  }
}

/* Default text color is white */