.iconBtn {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
  }
    
  .iconBtn svg {
    margin-left: 0.5em;
  }
  
  .expandCollapseBtn {
    cursor: pointer;
  }
  
  a.primaryButton:hover {
    color: #dce4e8;
  }

  .divWithIcon {
  
    display: flex;
    flex-flow: row nowrap;
    column-gap: 1rem;
    justify-content: flex-start;
    align-items: center;
  }
  
   .divWithIcon.stretch {
  
    align-items: stretch;
  }
  
  .iconWithBackground {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em;
    border-radius: 0.5em;
    background-color: #ffc851;
  }
  .iconWithBackground svg {
    
    width: 2.5rem;
    max-width: initial;
    height: 2.5rem;
    
    
    fill: #dce4e8;
  }
  .iconWithBackground img {

    width: 2.5rem;
    max-width: initial;
    height: 2.5rem;



    filter: invert(1);
    -webkit-filter: invert(1);
  }

  .checkboxContent {
    display: flex;
    flex-flow: column nowrap;
  }
  
  .checkboxContent label{
    margin: 0.2em 0em;
  }
  
  .radioboxContent {
    display: flex;
    flex-flow: row wrap;
    align-content: flex-start;
    justify-content: flex-start;
  }
  
  .radioboxContent > label {
    flex: 0 0 auto;
  }
  
  .radioLabel,
  .checkboxLabel {
    flex-flow: row nowrap;
    align-items: baseline;

    margin: 0.3em 0em 0em 0em;
  }
  
  label.required > span:first-of-type::after,
  div.required > span:first-of-type::after {
    content: "*";
    padding-left: 0.2em;
    
    color: #f00;
  }

  .lightBackground{
    background-color: #f5f8f9;
  }
  
  .border-gray{
    background-color: #748087;
  }
  
  .forms-gray{
    background-color: #f5f8f9;
  }
  
  .currentLink {
    color: #ffc851;
  }

  ul.breadcrumbs {
    display: none;
  }
  
  @media screen and (min-width: 768px) {
    ul.breadcrumbs {
      display: block;
      padding: 1em;
    }
    
    ul.breadcrumbs a {
      text-decoration: underline;
    }
    
    ul.breadcrumbs li {
      display: inline-block;
    }
    
    ul.breadcrumbs li p {
      margin: 0;
    }
    
    ul.breadcrumbs li:after {
      content: "\003E";
      margin-left: 0.5em;
    }
    
    ul.breadcrumbs li:last-of-type:after {
      content: "";
      margin: 0em;
    }
  }
  
  .dented {
    position: relative;
  }

  .dented::after {
    content: "";

    width: 100vw;
    height: 0.75rem;

    position: absolute;
    bottom: 0;
    left: calc((-100vw + 100%) / 2);

    border: solid transparent;
    border-width: 0.75rem 0;

    background-image:
      linear-gradient(var(--colour-bg-dark), var(--colour-bg-dark)),
      linear-gradient(-45deg, transparent 75%, var(--colour-bg-dark) 75%),
      linear-gradient(45deg, transparent 75%, var(--colour-bg-dark) 75%);
    
    background-repeat: repeat, repeat-x, repeat-x;
    background-position: 0 0;
    background-size: auto auto, 1rem 1rem, 1rem 1rem;
    background-clip: padding-box, border-box, border-box;
    background-origin: padding-box, border-box, border-box;

    transform: rotate(180deg);
  }
    
  .gap0     { gap: 0.00rem !important; }
  .gap025   { gap: 0.25rem !important; }
  .gap05    { gap: 0.50rem !important; }
  .gap075   { gap: 0.75rem !important; }
  .gap1     { gap: 1.00rem !important; }
  .gap2     { gap: 2.00rem !important; }
  .gap3     { gap: 3.00rem !important; }
  .gap4     { gap: 4.00rem !important; }
  
  .dashboardTitle {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
  
  .dashboardTitle > h2 {
    margin-bottom: 0em;
  }
  
  .noWrapSpan {
    white-space: nowrap;
  }
  
  .imageCont {
    
    display:none;
  }
  
  .flipX {
    transform: scalex(-1);
  }
  
  @media screen and (min-width: 700px) {
    
    .alternateOrder {
      order: 2;
    }
    
    .iconBtn {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
    }
    
    .iconBtn svg {
      margin-left: 0.5em;
    }
    
    a.primaryButton:hover {
      color: " . COLOURS['text_light'] . ";
     }
    
    .imageCont {
      display:block;
      margin: auto;
    }
  }