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

.btn.btn-primary {
    color: #fff;
    background: #6C2E6C;
}

.card-header.plaincolor {
    background: linear-gradient(45deg, #582679, #E86219) !important;
    color: #fff !important;
}
.badge.badge-primary,
.alert.alert-primary {
    background: #6C2E6C;
}
.card.jumbotron {

    background: linear-gradient(45deg, #582679 0%, #E86219 100%);

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

:root {
    --primary: #582679;
    --secondary: #E86219;
  }