.page-nav .btn {
  background-color: var(--slgrey);
}

.page-nav .btn p {
  color: var(--dgrey);
}

.page-nav .btn.active {
  background-color: var(--blue);
}

.page-nav .btn.active p {
  color: white;
}

.input-text input {
  border: none;
  background-color: var(--slgrey);
  padding-left: 32px;
}

.input-text input::placeholder {
  color: var(--mgrey);
}

.input-text {
  margin-bottom: 16px;
}

.has-border-bottom {
  border-bottom: 2px solid var(--mgrey);
}

.form-check-input {
  background-color: var(--bs-gray-500) !important;
  border-color: var(--slgrey) !important; 
  width: 50px !important;
  height: 25px !important;
  cursor: pointer;
  background-size: auto;
  background-image: url('/Content/Images/switch-circle-blue.svg') !important;
}

.form-check-input:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none;
}

 .fade
{
    opacity: 1!important;
}