.page { background-image: url('/images/bg.png'); background-repeat: no-repeat; background-position: right bottom; }

.sidebar-grad { background: linear-gradient(#4409B5, #07F49E); }
.card-header-grad { background: linear-gradient(90deg, #4409B5, #07F49E); }
.p-sidebar { background-color: #031026 !important; }
.p-sidebar a.nav-link.active { background: linear-gradient(90deg, #4409B5, #07F49E) !important; color: #fff !important; font-weight: 700 !important; border-left: 4px #fff !important; border-bottom: 0px !important; }
.p-card-title { background-color: #031026 !important; }
.p-card-title.card-title { color: #fff; }
.p-btn { background: linear-gradient(90deg, #4409B5, #07F49E) !important; color: #fff !important; border: 0px !important; }
.p-btn-new { background-color: #0ED6A1 !important; color: #fff !important; }
.p-btn-view { background-color: #D7DDE6 !important; color: #000 !important; }
.p-btn-continue { background-color: #3932B1 !important; color: #fff !important; }
.p-btn-upload { background-color: #3932B1 !important; color: #fff !important; }
.p-btn-start { background-color: #0ED6A1 !important; color: #fff !important; }
.p-card-img-title { color: #3932B1 !important; font-weight: 800 !important; }
.list-group-item.active.p-colour-blue > div.circle { background-color: #3932B1 !important; color: #fff !important; }
.list-group-item.active.p-colour-blue { color: #3932B1 !important; }
.p-dashboard-callout { color: #fff !important; border: 2px solid #4409B5 !important; }
.p-dashboard-callout-inner { background: radial-gradient(circle at top left, #4409B5, #22015e) !important; opacity: 0.7 !important;  }