.card-header{
  padding: 0px;
}

.cd-breadcrumb, .cd-multi-steps {      
      border-radius: .25em;      
      margin: 0 0 0 0;
      padding: 0 0 0 0;
    }
    .cd-breadcrumb:after, .cd-multi-steps:after {
      content: "";
      display: table;
      clear: both;
    }
    .cd-breadcrumb li, .cd-multi-steps li {
      display: inline-block;
      float: left;
      margin: 0.5em 0;
    }

    .cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
      /* hide separator after the last item */
      display: none;
    }
    .cd-breadcrumb li > *, .cd-multi-steps li > * {
      /* single step */
      display: inline-block;
      line-height: 34px;      
      color: #2c3f4c;
    }
    .cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
      /* selected step */
      color: #96c03d;
    }
    .no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
      /* steps already visited */
      color: #96c03d;
    }

    .cd-breadcrumb li, .cd-multi-steps li {
        margin: 1.2em 0;
    }
    .cd-breadcrumb li::after, .cd-multi-steps li::after {
        margin: 0 1em;
    }



  .cd-breadcrumb.triangle {    
    background-color: transparent;    
    font-size: small;
  }

  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 0px 4px 0px 0;
  }

  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }

  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 8px 15px 4px 30px;
    color: #2c3f4c;
    background-color: tan;    
    border-color: tan;
  }
  
  .cd-breadcrumb.triangle li.current > * {    
    color: #ffffff;
    background-color: brown;
    border-color: brown;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {    
    border-radius: .25em 0 0 0;
  }
  /*.cd-breadcrumb.triangle li:last-of-type > * {    
    border-radius: 0 .25em .25em 0;
  }*/
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
        li > *::after is the colored triangle after each item
        li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 23px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }