.path-directive .region-header {
  margin-bottom: 0px;
  border-bottom: 0px;
}

.path-directive h1#wb-cont {
  padding: .25em .25em .25em .1em !important;
  font-size: 24pt;
}

.path-directive .new-list-styles>h2:first-child,
.path-directive .new-list-styles .section-body>h2:first-child {
  margin-top: 0px;
}

.path-directive .bg-light {
  background: linear-gradient(to top, rgba(187, 185, 179, 0.3) 0%, rgba(219, 217, 210, 0.05) 100%);
}

.path-directive .card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: auto;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  padding: 0px;
  margin-top: 0px;
}

.path-directive .card-header {
  text-align: left;
  padding: .5rem 1rem;
  margin-top: 0px;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125);
  font-size: 1.25rem;
}

.path-directive .card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.path-directive .card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
  text-align: left;
}

.path-directive .card-body .list-group-item {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125);
}

.path-directive .btn-primary:hover,
.path-directive .btn-primary:focus,
.path-directive .btn-primary:active,
.path-directive .btn-primary.active,
.path-directive .open>.dropdown-toggle.btn-primary,
.path-directive .open>.btn-primary.dropdown-toggle:focus {
  background: #BD0055;
  border-color: #6B0030;
}

.p-2 {
  padding: .5rem !important;
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-30 {
  margin-top: 30px;
}

.path-directive .pagination li.disabled {
  display: inline;
}


.path-directive .select-wrapper select {
  line-height: 1.5;
}

.path-directive .form-inline.form-type-date label {
  display: block;
}

.njc-directives-search input.form-control,
.njc-directives-search .select-wrapper {
  min-width: 350px;
  width: 350px;
  height: 38px;
}


/* Print Styles align with legacy implementation */
@media print {

  /* Hide standard UI elements */
  .region-header,
  .region-footer,
  .region-sidebar-first,
  .region-sidebar-second,
  .region-breadcrumb,
  .region-pre-content,
  .region-highlighted,
  .hidden-print,
  .btn-primary,
  .pagination,
  .search-form,
  .archive-form {
    display: none !important;
  }

  /* Reset background and basic font sizing */
  body.path-directive,
  body.path-appendix-d {
    background: white !important;
    color: black !important;
  }

  .njc-directive,
  .njc-appendix-d {
    font-size: 14pt !important;
  }

  /* Force display of highlight colors */
  *[style*="background-color: #ffff00"],
  *[style*="background-color:#ffff00"],
  .highlight-yellow {
    background-color: #ffff00 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  /* Don't show link URLs after text */
  a[href]:after {
    content: none !important;
  }

  /* Page title styling for print */
  .page-header h1 {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-align: center;
    padding-bottom: .5rem;
    border-bottom: 2px solid #666;
    margin-bottom: .5rem;
    font-size: 24pt;
  }

  /* Table centering for print */
  table.table {
    margin: auto !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* Page break optimization */
  section.directive-section-print {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

.path-directive .region-content ol:not(.plain) {
  counter-reset: li;
  /* Initiate a counter */
  margin-left: 0;
  /* Remove the default left margin */
  padding-left: 0;
  /* Remove the default left padding */
}

.path-directive .region-content ol:not(.plain)>li {
  position: relative;
  /* Create a positioning context */
  margin: 0 0 6px 2.5em;
  /* Give each list item a left margin to make room for the numbers */
  list-style: none;
  /* Disable the normal item numbering */
}

.path-directive .region-content ol:not(.plain)>li:before {
  counter-increment: li;
  /* Increment the counter by 1 */
  /* Position and style the number */
  position: absolute;
  box-sizing: border-box;
  top: -0px;
  left: -2.5em;
  width: 2.5em;
  /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
  padding-right: 4px;
  font-weight: normal;
  text-align: right;
}

.path-directive .region-content ol:not(.plain)>li:before {
  content: "(" counter(li, decimal) ")";
  /* Use the counter as content */
}

[lang^="fr"] .path-directive .region-content ol:not(.plain)>li:before {
  content: counter(li, decimal) ")";
  /* Use the counter as content */
}

.path-directive .region-content .new-list-styles.inferred-list ol:not(.plain)>li:before {
  content: "(" counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

[lang^="fr"] .path-directive .region-content .new-list-styles.inferred-list ol:not(.plain)>li:before {
  content: counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

.path-directive .region-content .new-list-styles.inferred-list ol:not(.plain)>li>ol>li:before {
  content: "(" counter(li, lower-roman) ")";
  /* Use the counter as content */
}

.path-directive .region-content ol.lower-alpha>li:before,
.path-directive .region-content ol[style*="lower-alpha"]:not(.plain)>li:before,
.path-directive .region-content ol.lower>li:before {
  content: "(" counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

[lang^="fr"] .path-directive .region-content ol.lower-alpha>li:before,
[lang^="fr"] .path-directive .region-content ol[style*="lower-alpha"]:not(.plain)>li:before,
[lang^="fr"] .path-directive .region-content ol.lower>li:before {
  content: counter(li, lower-alpha) ")";
  /* Use the counter as content */
}

.path-directive .region-content ol.lower-roman>li:before,
.path-directive .region-content ol[style*="lower-roman"]:not(.plain)>li:before,
.path-directive .region-content ol.roman>li:before {
  content: "(" counter(li, lower-roman) ")";
  /* Use the counter as content */
}

.path-directive .region-content ol[style*="lower-roman"]:not(.plain)>li:before {
  content: "(" counter(li, lower-roman) ")";
}

.path-directive .region-content ol[style*="upper-roman"]:not(.plain)>li:before {
  content: "(" counter(li, upper-roman) ")";
}

.path-directive .region-content ol[style*="lower-alpha"]:not(.plain)>li:before {
  content: "(" counter(li, lower-alpha) ")";
}

.path-directive .region-content ol[style*="upper-alpha"]>li:before {
  content: "(" counter(li, upper-alpha) ")";
}

[lang^="fr"] .path-directive .region-content ol[style*="upper-alpha"]:not(.plain)>li:before {
  content: counter(li, upper-alpha) ")";
}

[lang^="fr"] .path-directive .region-content ol[style*="lower-alpha"]:not(.plain)>li:before {
  content: counter(li, lower-alpha) ")";
}

/* li ol, li ul {margin-top:6px;} */

.path-directive .region-content ol>li {
  margin-bottom: 1.5em;
}

.path-directive .region-content ul>li li,
ol>li li {
  margin-top: .25em;
  margin-bottom: 0em;
}

.path-directive .region-content ul>li ul,
ul>li ol,
ol>li ul,
ol>li ol {
  margin-top: .5em;
}

.path-directive #drv_id_select {
  width: 100%;
}

.path-directive .search-form a {
  font-size: 14px;
}

.path-directive .search-form .row {
  margin-left: -15px;
  margin-right: -15px;
}

.path-directive table.center-table {
  margin: auto;
  width: auto;
}

.path-directive .border-secondary {
  border-color: #6c757d !important;
}

.path-directive .border-secondary td,
.path-directive .border-secondary th {
  border-color: #6c757d !important;
}

.path-directive .alert {
  margin-left: 0px;
  background-clip: unset;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem;
}

.path-directive .alert>*,
.path-directive .alert>strong:first-child,
.path-directive .alert>em:first-child,
.path-directive .alert>span:first-child {
  margin-left: 0px;
}

.path-directive .alert> :first-child:not(details) {
  padding-top: 0px;
  padding-bottom: 0px;
}

.path-directive .alert::before {
  content: '';
  display: none;
}

.path-directive .alert-danger {
  color: #842029;
  background-color: #f8d7da;
  background-image: linear-gradient(to bottom, #f2dede 0, #e7c3c3 100%);
  border-color: #dca7a7;
  background-repeat: repeat-x;
}

.path-directive .alert-info {
  color: #055160;
  background-color: #cff4fc;
  background-image: linear-gradient(to bottom, #d9edf7 0, #b9def0 100%);
  border-color: #9acfea;
  background-repeat: repeat-x;
}

.path-directive td>*:last-child,
.path-directive th>*:last-child {
  padding: 0 !important;
  margin: 0 !important;
}
.path-directive td>ul:last-child,
.path-directive th>ul:last-child,
.path-directive td>ol:last-child,
.path-directive th>ol:last-child {
  padding-left: 1.5em!important;
}

.path-directive table.center-table {
  margin: auto;
  width: auto;
}

.path-directive .table-condensed>tbody>tr>td {
  padding: 2px 5px;
}

.path-directive .table-responsive>table.table {
  max-width: 800px;
  width: 800px;
}

.path-directive .table-responsive>.table>tbody>tr>td,
.path-directive .table-responsive>.table>tbody>tr>th,
.path-directive .table-responsive>.table>tfoot>tr>td,
.path-directive .table-responsive>.table>tfoot>tr>th,
.path-directive .table-responsive>.table>thead>tr>td,
.path-directive .table-responsive>.table>thead>tr>th {
  white-space: normal;
}