
.loading {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100vh;
    width: 100%;
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgba(0,0,0, 0.5); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
  }
  .custom-control-input:checked~.custom-control-label::before { 
    color: #fff; 
    border-color: #d9534f; 
    background-color :#d9534f; 
  } 
  .custom-switch .custom-control-input:checked~.custom-control-label::after {
     background-color: white; 
    }

    
  
.breadcrumb-custom{
  padding-right: 8px !important;
  border: solid 1px #d1d1d1;
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
  border-radius: 3px;
}
.breadcrumb-custom .breadcrumb-item {
  position: relative;
  flex-grow: 1;
  padding: .75rem 3rem;
  font-weight: bold !important;
}

.breadcrumb-item:first-child:before {
  /* display: none !important; */
  font-family: 'Font Awesome 5 Free';
  content: "\f015";
  padding-right: 8px;
}

div .breadcrumb-item:not(:first-child):before {
  display: none;
}

.breadcrumb-custom .breadcrumb-item::after {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  display: inline-block;
  width: 54px;
  height: 54px;
  margin-top: -27px;
  content: "";
  border-top-right-radius: .5rem;
  box-shadow: 1px -1px rgba(209,209,209,1);
  transform: scale(.707) rotate(45deg);

/* box-shadow: inset 5px 5px 5px 0px rgba(0,0,0,0.32); */
}
.breadcrumb-custom .breadcrumb-item:first-child {
  padding-left: 1.5rem;
}
.breadcrumb-custom .breadcrumb-item:last-child {
  padding-right: 1.5rem;
}
.breadcrumb-custom .breadcrumb-item:last-child::after {
  display: none;
}
.breadcrumb ol li a{
  color: inherit;
}