:root {
  /* Global colour variables */
  --chpa-blue: #3e4095;
  --chpa-red: #ed3339;
}

html {
  background-color: var(--bg-color);
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.34' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.page-container, .page-head, .no-breadcrumbs, #page-user-registration, body {
  background-color: var(--bg-color);
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.34' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
}

.navbar-brand img {
  min-width: 45px !important;
  min-height: 45px !important;
}

.app-logo {
  min-width: 80px !important;
  min-height: 80px !important;
}

.btn-primary {
    background-color: var(--chpa-blue) !important;
  }
  

.navbar {
  background-color: var(--chpa-red) !important;
}

.link-opacity-100-hover{
  border: none;
  background: none;
  color: var(--chpa-blue);
  text-decoration: underline;
}
#reg-button{
  background-color: #4DA24C  !important;
}