.page-background {
  background-image: url("../images/ufma/Group.png");
  background-repeat: no-repeat;
  background-color: #F5F7FA;
  background-position: top right;
}

@media (min-width: 768px) {
  #page-topbar {
    left: 0;
  }
}

@media (min-width: 768px) {
  .main-content {
    margin-left: 0;
  }
}

.uv-form-card-body {
  border-radius: 32px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.1);
}

.uv-form-title {
  font-size: 20px;
  font-weight: 600;
  color: #043463;
}

.uv-form-label {
  font-size: 16px;
  font-weight: 600;
  color: #616161;
}

.uv-form-input {
  height: 48px;
  border-radius: 8px;
  border: 0.5px solid #C2C2C2
}

.uv-form-check-input:checked {
  background-color: #043463;
  border-color: #043463;
}

.uv-form-button {
  background-color: #0D7CCE;
  border-radius: 60px;
  height: 48px;
  border: none;
}

.uv-form-button-finish {
  background-color: #0D7CCE;
  border-radius: 60px;
  height: auto;
  border: none;
}

.uv-form-login {
  font-size: 16px;
  font-weight: 600;
  text-align: center;

  a {
    color: #0D7CCE;
  }

  a:hover {
    color: #043463;
  }
}

.form-check-label, .text-primary .fw-bold {

  a {
    color: #0D7CCE;
  }
  a:hover {
    color: #043463;
  }
}


.dark-mode {

  .uv-form-title,
  .uv-form-card-body h5,
  .uv-form-card-body p,
  .uv-form-card-body input,
  .uv-form-card-body label,
  .uv-form-login a {
    color: #000;
  }

  .uv-form-login a:hover {
    color: #000;
  }

  .uv-form-check-input:checked {
    background-color: #000;
    border-color: #000;
  }

  .uv-form-button,
  .uv-form-button-finish {
    background-color: #000;
  }

}