.page-sidebar{
background: #28468e;  /* fallback for old browsers */
background: -webkit-linear-gradient(45deg, #28468e, #ba1226);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(45deg, #28468e, #ba1226); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btn.btn-primary {
    color: #fff;
    background: #28468e;
}

.card-header.plaincolor {
    background: linear-gradient(45deg, #28468e, #ba1226) !important;
    color: #fff !important;
}
.badge.badge-primary,
.alert.alert-primary {
    background: #28468e;
}
.card.jumbotron {

    background: linear-gradient(45deg, #28468e 0%, #ba1226 100%);

}

.bg-gradient {
    background: #28468e !important;  /* fallback for old browsers */
background: -webkit-linear-gradient(45deg, #28468e, #ba1226) !important;  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(45deg, #28468e, #ba1226) !important; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

:root {
    --primary: #28468e;
    --secondary: #ba1226;
  }