/* Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#content-wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -470px;
  padding: 0 0 470px;
}
/* Set the fixed height of the footer here */
footer {
  height: 470px;
  background-color: #666666;
}

footer .footer-bottom-left {
	/* min-height: 450px; */
	margin-bottom: 2em;
}

@media(min-width:768px) {
	#content-wrapper {
	  margin: 0 auto -350px;
	  padding: 0 0 350px;
	}
	footer {
	  height: 350px;
	}
	footer .footer-bottom-left {
	  min-height: auto;
	}

}

@media(min-width:992px) {
	#content-wrapper {
	  margin: 0 auto -225px;
	  padding: 0 0 225px;
	}
	footer {
	  height: 225px;
	}
}

/* Expand all
-------------------------------------------------- */
.expand-all {
	color: #60606D;
	display: block;
	font-size: 80%;
	text-align: right;
	cursor: pointer;
	
}
.expand-all:hover {
	color: #dd5900;
	text-decoration: none;
}

/* Home Layout
-------------------------------------------------- */
.home-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}

.home-container:before,
.home-container:after {
    content: " ";
    display: table
}

.home-container:after {
    clear: both
}

@media(min-width:768px) {
    .home-container {
        width: 750px
    }
}

@media(min-width:992px) {
    .home-container {
        width: 970px
    }
}

@media(min-width:1200px) {
    .home-container {
        width: 1170px
    }
}

@media(min-width:1920px) {
    .home-container {
        width: 1890px
    }
}

/* Pillar menus
-------------------------------------------------- */
.menu_pillars hr {
	border-top: 1px solid #eee;
}

.menu_pillars .panel {
	margin-bottom: 15px;
}

.collapsible-pillar-menu {
	margin-bottom: 0;
}

.collapsible-pillar-menu.row {
	margin-bottom: 15px;
}

.collapsible-pillar-menu .panel {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 15px 0 rgba(0, 0, 0, 0.05);
}

.collapsible-pillar-menu .panel-heading {
	font-size: 1.5em;
	padding-top: 197px;
	padding-bottom: 10px;
}

.collapsible-pillar-menu .panel-body {
	font-size: 1.1em;
}

.collapsible-pillar-menu .panel-body span.fa {
	margin-right: .5em;
}

.pillar-menu .panel {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 15px 0 rgba(0, 0, 0, 0.05);	
}

.pillar-menu .panel-body {
	/* background-color: transparent; */
}

.pillar-menu .panel-body span.fa {
	margin-right: .5em;
}

/* Collapsible panel with up/down icons
-------------------------------------------------- */
.entry-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.entry-heading a.collapsed:before {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
} 

.panel-heading
{
	font-weight: bold;
	font-size:16px;
}

.panel-title>a, .panel-title>a:active{
	display:block; 
}
.panel-heading  a:before {
   font-family: 'Glyphicons Halflings';
   content: "\e114";
   float: right;
   transition: all 0.5s;
}
.panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

/* Entry link
-------------------------------------------------- */
.entry .link {
  position: relative;
  display: block;
  border-left: 5px solid transparent;
  padding: 5px 5px 5px 5px;
  color: #60606d;
  text-decoration: none;
  user-select: none;
  cursor: pointer;
}

.entry .link.active {
	border-left: 5px solid #dd5900;
}

.entry .link:hover {
    color: #323442;
    background-color: #c8c8c8;
    text-decoration: none; }

.entry .link i,
  .entry .link svg {
    margin-right: 5px;
    text-align: center;
    width: 1.25rem;
    display: inline-block; }

.entry .link .toggle {
    position: absolute;
    margin-right: 0;
    top: 18px;
    right: 10px;
    font-size: 1.125rem; }

.entry .sub-links .link {
  font-weight: normal;
  padding: 5px 20px 5px 45px; }
  
.entry .active-link:hover {
    color: #323442; }

.entry .entry-info {
	font-size: 55%; 
	font-weight: bold;
}

/* Knowledge articles
-------------------------------------------------- */
#knowledgearticles {
	border: none;
	margin-top: 15px;
}

#knowledgearticles .panel-body {
	padding: 0;
}

#knowledgearticles .entry .entry-heading a.collapsed {
	background-color: transparent;
	transition: all 0.5s;
}

#knowledgearticles .entry .entry-heading a {
	background-color: #c8c8c8;
	transition: all 0.5s;
}

#knowledgearticles .entry {
	border-top: none;
	border-left: 1px solid #ebebeb;
	border-right: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}

#knowledgearticles .entry .link {
	padding: 10px;	
}
	
#knowledgearticles .entry:first-child {
	border-top: 1px solid #ebebeb;
}

#knowledgearticles .panel-collapse {
	padding: 15px;
    border-top: 1px solid #ebebeb;
}

.knowledgearticle {
	border-left: 5px solid #6ec9da;
    padding-left: 10px;	
}

/* Card
-------------------------------------------------- */
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(33, 37, 41, 0.2);
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.card-body {
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  font-weight: bold;
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  color: white;
  font-weight: bold;
  padding: 0.75rem 1.25rem;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(33, 37, 41, 0.2); }
  .card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  border-top: 1px solid rgba(33, 37, 41, 0.2); }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 1px); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px); }

.card-deck {
  display: flex;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: flex;
        flex: 1 0 0%;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: flex;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      flex-flow: row wrap; }
      .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:first-child {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:first-child .card-img-top,
          .card-group > .card:first-child .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:first-child .card-img-bottom,
          .card-group > .card:first-child .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:last-child {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:last-child .card-img-top,
          .card-group > .card:last-child .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:last-child .card-img-bottom,
          .card-group > .card:last-child .card-footer {
            border-bottom-left-radius: 0; }
        .card-group > .card:only-child {
          border-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-top,
          .card-group > .card:only-child .card-header {
            border-top-left-radius: 0.25rem;
            border-top-right-radius: 0.25rem; }
          .card-group > .card:only-child .card-img-bottom,
          .card-group > .card:only-child .card-footer {
            border-bottom-right-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem; }
        .card-group > .card:not(:first-child):not(:last-child):not(:only-child) {
          border-radius: 0; }
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
          .card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer {
            border-radius: 0; } }

.card-columns .card {
  margin-bottom: 0.75rem; }

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }


/* BHP colours etc
-------------------------------------------------- */
:root {
  --blue: #0a6cb4;
  --indigo: #663366;
  --purple: #993399;
  --pink: #cc6699;
  --red: #dc3545;
  --orange: #dd5900;
  --yellow: #f77f00;
  --green: #28a745;
  --teal: #06ad96;
  --cyan: #0099cc;
  --white: #fff;
  --gray: #767684;
  --gray-dark: #EBEBEB;
  --primary: #dd5900;
  --secondary: #767684;
  --success: #28a745;
  --info: #0099cc;
  --warning: #f77f00;
  --danger: #dc3545;
  --light: #666666;
  --dark: #EBEBEB;
  --selected-item: #F9F9D9;
  --selected-item-hover: #F1F1BF;
  --theme-bg-color: #323442;
  --theme-darker-color: #282a38;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
  
.text-bhp-orange-1 {
  color: #dd5900 !important; }

.bg-bhp-orange-1 {
  background-color: #dd5900 !important; }

.text-bhp-orange-2 {
  color: #f77f00 !important; }

.bg-bhp-orange-2 {
  background-color: #f77f00 !important; }

.text-bhp-orange-3 {
  color: #fcba5e !important; }

.bg-bhp-orange-3 {
  background-color: #fcba5e !important; }

.text-bhp-orange-4 {
  color: #ffd691 !important; }

.bg-bhp-orange-4 {
  background-color: #ffd691 !important; }

.text-bhp-purple-1 {
  color: #663366 !important; }

.bg-bhp-purple-1 {
  background-color: #663366 !important; }

.text-bhp-purple-2 {
  color: #993399 !important; }

.bg-bhp-purple-2 {
  background-color: #993399 !important; }

.text-bhp-purple-3 {
  color: #cc6699 !important; }

.bg-bhp-purple-3 {
  background-color: #cc6699 !important; }

.text-bhp-purple-4 {
  color: #e8e0e8 !important; }

.bg-bhp-purple-4 {
  background-color: #e8e0e8 !important; }

.text-bhp-blue-1 {
  color: #1d4f91 !important; }

.bg-bhp-blue-1 {
  background-color: #1d4f91 !important; }

.text-bhp-blue-2 {
  color: #0a6cb4 !important; }

.bg-bhp-blue-2 {
  background-color: #0a6cb4 !important; }

.text-bhp-blue-3 {
  color: #0099cc !important; }

.bg-bhp-blue-3 {
  background-color: #0099cc !important; }

.text-bhp-blue-4 {
  color: #d7ebff !important; }

.bg-bhp-blue-4 {
  background-color: #d7ebff !important; }

.text-bhp-turquoise-1 {
  color: #01515f !important; }

.bg-bhp-turquoise-1 {
  background-color: #01515f !important; }

.text-bhp-turquoise-2 {
  color: #007E98 !important; }

.bg-bhp-turquoise-2 {
  background-color: #007E98 !important; }

.text-bhp-turquoise-3 {
  color: #6ec9da !important; }

.bg-bhp-turquoise-3 {
  background-color: #6ec9da !important; }

.text-bhp-turquoise-4 {
  color: #cee9ef !important; }

.bg-bhp-turquoise-4 {
  background-color: #cee9ef !important; }

.text-bhp-green-1 {
  color: #035d55 !important; }

.bg-bhp-green-1 {
  background-color: #035d55 !important; }

.text-bhp-green-2 {
  color: #06ad96 !important; }

.bg-bhp-green-2 {
  background-color: #06ad96 !important; }

.text-bhp-green-3 {
  color: #abcc66 !important; }

.bg-bhp-green-3 {
  background-color: #abcc66 !important; }

.text-bhp-green-4 {
  color: #e0e9af !important; }

.bg-bhp-green-4 {
  background-color: #e0e9af !important; }

.text-bhp-blue-grey-1 {
  color: #2b5368 !important; }

.bg-bhp-blue-grey-1 {
  background-color: #2b5368 !important; }

.text-bhp-blue-grey-2 {
  color: #45768b !important; }

.bg-bhp-blue-grey-2 {
  background-color: #45768b !important; }

.text-bhp-blue-grey-3 {
  color: #6ba4b8 !important; }

.bg-bhp-blue-grey-3 {
  background-color: #6ba4b8 !important; }

.text-bhp-blue-grey-4 {
  color: #bfced6 !important; }

.bg-bhp-blue-grey-4 {
  background-color: #bfced6 !important; }

.text-bhp-grey-1 {
  color: #252525 !important; }

.bg-bhp-grey-1 {
  background-color: #252525 !important; }

.text-bhp-grey-2 {
  color: #666666 !important; }

.bg-bhp-grey-2 {
  background-color: #666666 !important; }

.text-bhp-grey-3 {
  color: #b7b9bb !important; }

.bg-bhp-grey-3 {
  background-color: #b7b9bb !important; }

.text-bhp-grey-4 {
  color: #e7e2d5 !important; }

.bg-bhp-grey-4 {
  background-color: #e7e2d5 !important; }

.bhp-orange-1 {
  background-color: #dd5900 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-orange-2 {
  background-color: #f77f00 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-orange-3 {
  background-color: #fcba5e !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-orange-4 {
  background-color: #ffd691 !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-purple-1 {
  background-color: #663366 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-purple-2 {
  background-color: #993399 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-purple-3 {
  background-color: #cc6699 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-purple-4 {
  background-color: #e8e0e8 !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-blue-1 {
  background-color: #1d4f91 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-blue-2 {
  background-color: #0a6cb4 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-blue-3 {
  background-color: #0099cc !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-blue-4 {
  background-color: #d7ebff !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-turquoise-1 {
  background-color: #01515f !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-turquoise-2 {
  background-color: #007E98 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-turquoise-3 {
  background-color: #6ec9da !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-turquoise-4 {
  background-color: #cee9ef !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-green-1 {
  background-color: #035d55 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-green-2 {
  background-color: #06ad96 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-green-3 {
  background-color: #abcc66 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-green-4 {
  background-color: #e0e9af !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-blue-grey-1 {
  background-color: #2b5368 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-blue-grey-2 {
  background-color: #45768b !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-blue-grey-3 {
  background-color: #6ba4b8 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-blue-grey-4 {
  background-color: #bfced6 !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-grey-1 {
  background-color: #252525 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-grey-2 {
  background-color: #666666 !important;
  color: #fff !important;
  border: 1px solid #60606D !important; }

.bhp-grey-3 {
  background-color: #b7b9bb !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

.bhp-grey-4 {
  background-color: #e7e2d5 !important;
  color: #000 !important;
  border: 1px solid #525361 !important; }

/* Info Panel */
.panel-info>.panel-body {
	background-color: transparent; 
}

.panel-info>.entry {
	
}
.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-0 {
  border-radius: 0 !important; }