:root {
  --body-background-color: white;
  --body-font-size: 1rem;
  --bs-body-color: black;
  --qdv-modal-color: black;
  --qdv-modal-bg: white;
  --bs-tooltip-bg: black;
  --qdv-menu-bg: #a0a0a0ff;
  --qdv-control-bg: white;
  --qdv-control-disabled-bg: lightgrey;
}
body {
  padding-top: 5px;
  padding-bottom: 20px;
}
/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
  max-width: 280px;
}
/* contextual menus */
.ctxMenuOption {
  text-decoration: none !important;
  background-color: black;
  color: floralwhite;
  font-size: large;
  margin-left: 10px;
}
li.ctxMenuOption a {
  text-decoration: none;
  color: unset;
}
ul.dropdown-menu {
  background-color: black;
}
.middle-content {
  position: absolute;
  margin: 0;
  top: 50%;
  left: 50%;
}
.blink {
  animation: blinker 1s step-start infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.modal-content {
  background-color: var(--qdv-modal-bg, white);
  color: var(--qdv-modal-color, black);
}
.form-control,
.form-check,
.form-select {
  background-color: var(--qdv-control-bg, white);
}
.form-control :disabled,
.form-check :disabled,
.form-select :disabled {
  background-color: var(--qdv-control-disabled-bg, lightgrey) !important;
}
.card-body {
  background-color: var(--qdv-modal-bg);
  color: var(--qdv-modal-color);
}
.btn-close {
  color: var(--qdv-modal-color, black);
  stroke: var(--qdv-modal-color, black); 
}






.breadcrumbs {
    border: 1px solid #cbd2d9;
    border-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 1200px) {
    .breadcrumbs {
        max-width: 1140px;
    }
}
    .breadcrumbs__item {
        background: #fff;
        color: #333;
        outline: none;
        padding: 0.25em 0.25em 0.25em 1em;
        position: relative;
        text-decoration: none;
        transition: background 0.2s linear;
    }

        .breadcrumbs__item:hover:after,
        .breadcrumbs__item:hover {
            background: #edf1f5;
        }

        .breadcrumbs__item:focus:after,
        .breadcrumbs__item:focus,
        .breadcrumbs__item.is-active:focus {
            background: #323f4a;
            color: #fff;
        }

        .breadcrumbs__item:after,
        .breadcrumbs__item:before {
            background: white;
            bottom: 0;
            clip-path: polygon(50% 50%, -50% -50%, 0 100%);
            content: "";
            left: 100%;
            position: absolute;
            top: 0;
            transition: background 0.2s linear;
            width: 1em;
            z-index: 1;
        }

        .breadcrumbs__item:before {
            background: #cbd2d9;
            margin-left: 1px;
        }

        .breadcrumbs__item:last-child {
            border-right: none;
        }

        .breadcrumbs__item.is-active {
            background: #edf1f5;
        }