:root {
    --brand-color: #1c1475;
    --brand-color-dark-blue:#1c1475;
    --brand-color-dark-green: #00824a;
    --brand-color-aqua-green: #06A38F;
    --brand-color-light-blue: #0047ba;
    --brand-color-lime-green: #9eab05;
    --brand-color-yellow: #f7b512;
    --brand-color-organge: #de5126;
    --brand-color-red: #cc292b;
    --brand-color-magenta: #a8034f;
    --brand-color-purple: #6e0a78;
}

.bg-brand {
  background-color: var(--brand-color);
}
.bg-dark-blue {
	background-color: var(--brand-color-dark-blue);
}
.bg-light-blue {
	background-color: var(--brand-color-light-blue);
}
.bg-lime-green {
	background-color: var(--brand-color-lime-green);
}
.bg-aqua-green {
	background-color: var(--brand-color-aqua-green);
}
.bg-dark-green {
	background-color: var(--brand-color-dark-green);
}
.bg-yellow{
	background-color: var(--brand-color-yellow);
}
.bg-organge{
	background-color: var(--brand-color-organge);
}
.bg-red{
	background-color: var(--brand-color-red);
}
.bg-magenta{
	background-color: var(--brand-color-magenta);
}
.bg-purple{
	background-color: var(--brand-color-purple);
}

.white-nav-link {color: #ffffff;}
.white-nav-link:hover {color: #d7dcf6;}



.error-mesage {
  color: var(--brand-color-red);
  border-color: var(--brand-color);
}


.btn-primary {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
}

.btn-success {
    background-color: var(--brand-color-aqua-green);
    border-color: var(--brand-color-aqua-green);
}

.btn-danger {
    background-color: var(--brand-color-red);
    border-color: var(--brand-color-red);
}

.btn-warning {
    background-color: var(--brand-color-yellow);
    border-color: var(--brand-color-yellow);
}

.btn-info {
    background-color: var(--brand-color-magenta);
    border-color: var(--brand-color-magenta);
}

.alert-primary {
    background-color: var(--brand-color);
}


.card-success {
  border-color: #d6e9c6;
}
.card-sub-header {
  background-color: var(--brand-color-lime-green);
}
.card-success > .card-header {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.card-success > .card-header + .card-collapse > .card-body {
  border-top-color: #d6e9c6;
}
.card-success > .card-header .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.card-success > .card-footer + .card-collapse > .card-body {
  border-bottom-color: #d6e9c6;
}


.card-warning > .card-header {
  color: #8a6d3b;
  background-color: #fcf8e3;
}


.card-danger > .card-header {
  color: #842029;
  background-color: #f8d7da;
}







.psw-background-colour {
	background-color: var(--brand-color);
}



.sector-background-colour {
	background-color: var(--brand-color-light-blue);
}








.bs-callout {
  padding: 1.25rem;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  border: 1px solid #e9ecef;
  border-left-width: .25rem;
  border-radius:.25rem
}

.bs-callout h4 {
  margin-bottom:.25rem
}

.bs-callout p:last-child {
  margin-bottom:0
}

.bs-callout code {
  border-radius:.25rem
}

.bs-callout + .bs-callout {
  margin-top:-.25rem
}

.bs-callout-info {
  border-left-color:#5bc0de
}

.bs-callout-warning {
  border-left-color:#f0ad4e
}

.bs-callout-danger {
  border-left-color:#d9534f
}












.main-active > .panel-heading {
    color: #3c763d;
    background-color: #1c1475;
    border-color: #d6e9c6;
  }
  .main-active > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
  }
  .main-active > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
  }
  .main-active > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
  }


  .card-shadow {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    margin: 0 auto;
    float: none;
    margin-bottom: 10px;
}

/* On mouse-over, add a deeper shadow */
.card-shadow:hover {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}


.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
  }
  .breadcrumb > li {
    display: inline-block;
  }
  .breadcrumb > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #cccccc;
  }
  .breadcrumb > .active {
    color: #777777;
  }