/* ============================================================
   Grid — row / cell system (Bootstrap-compatible class names)
   ============================================================ */
:root {
  --bs-primary: #052566;
  --bs-primary-rgb: 5, 37, 102;

  --bs-secondary: #B1C1CE;
  --bs-secondary-rgb: 177, 193, 206;

  --bs-success: #3FAE5A;
  --bs-danger: #D64545;
  --bs-warning: #F4A261;
  --bs-info: #2A9D8F;
  --bs-light: #F4F7FA;
  --bs-dark: #1F2A38;
  --bs-accent: #E3B23C;
}

h1 {
    font-size:2.0em !important;
}
.probatesearchpage a {
    text-decoration: underline;
}

.probatesearchpage a:hover {
    text-decoration: none;
}

.probatesearchpage a.btn {
    text-decoration: none;
}

.probate-card {
    max-width: 760px;
    margin: 0 auto;
    border: 2px solid #041f55;
    padding: 0.85rem 1rem 1rem;
    background: #ffffff;
    box-sizing: border-box;
}

.probate-maintenance-card {
    padding: 1rem 1.25rem;
    color: #1a1a1a;
}

.probate-alert-warning {
    max-width: 760px;
    margin: 0 auto 0.8rem;
    border: 1px solid #c63d3d;
    background: #fff2f2;
    color: #7e1010;
    padding: 0.65rem 0.85rem;
    font-weight: 700;
    box-sizing: border-box;
}

.probate-search-no-results {
    margin-top: 1rem;
    padding: 1rem 1.25rem;
}

.probate-no-results-title {
    margin: 0 0 0.4rem;
    color: #7e1010;
    font-weight: 700;
    font-size: 1.05rem;
}

.probate-no-results-copy {
    margin: 0;
    color: #5a1010;
    font-weight: 400;
}

.probate-form-row {
    margin-bottom: 0.35rem;
}

.probate-form-row-wide {
    margin-bottom: 0.8rem;
}

.probate-form-row-mid {
    margin-bottom: 0.45rem;
}

.probate-form-row-none {
    margin-bottom: 0;
}

.probate-field-label {
    font-size: 1.05rem;
}

.probate-case-select,
.probate-case-type-code-select {
    max-width: 350px;
    background-color: var(--e-global-color-cfa1f76);
}

.probate-case-sub-label {
    color: #1F55AD;
    font-size: 0.85rem;
}

.btn {
    display: inline-block;
    font-family: var (--e-global-typography-accent-font-family), Sans-serif;
    font-size: var(--e-global-typography-accent-font-size);
    font-weight: var(--e-global-typography-accent-font-weight);
    text-transform: var(--e-global-typography-accent-text-transform);
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.btn:focus,
.btn:active:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.btn:hover,
.btn:focus {
    color: #333 !important;
    text-decoration: none;
}
.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

/* default
---------------------------- */
.btn-default {
    color: #333 !important;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus {
    color: #333 !important;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333 !important;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active {
    color: #333 !important;
    background-color: #e6e6e6;
    border-color: #adadad;
}

/* secondary button */
.btn-secondary {
  background-color: #B1C1CE;
  border-color: #B1C1CE;
  color: #1F2A38 !important;
}
.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #8FA3B5;
  border-color: #8FA3B5;
  color: #1F2A38 !important;
}
.btn-secondary:active {
  background-color: #6F8598;
  border-color: #6F8598;
  color: #1F2A38 !important;
}

/* primary button */
.btn-primary {
  background-color: var(--e-global-color-d49ac81);;
  border-color: var(--e-global-color-d49ac81);
  color: var(--e-global-color-text) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--e-global-color-332724a);
  border-color: var(--e-global-color-332724a);
  color: var(--e-global-color-c94d9ab) !important;
}
.btn-primary:active {
  background-color: var(--e-global-color-332724a);
  border-color: var(--e-global-color-332724a);
  color: var(--e-global-color-c94d9ab) !important;
}

/* danger button */
.btn-danger {
  background-color: #D64545;
  border-color: #D64545;
  color: #fff !important;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #B93737;
  border-color: #B93737;
  color: #fff !important;
}

/* warning button */
.btn-warning {
  background-color: #F4A261;
  border-color: #F4A261;
  color: #1F2A38 !important;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #D88C4F;
  border-color: #D88C4F;
  color: #1F2A38 !important;
}

/* info button */
.btn-info {
  background-color: #2A9D8F;
  border-color: #2A9D8F;
  color: #fff !important;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #23867A;
  border-color: #23867A;
  color: #fff !important;
}

/* light button */
.btn-light {
  background-color: #F4F7FA;
  border-color: #F4F7FA;
  color: #1F2A38 !important;
}
.btn-light:hover,
.btn-light:focus {
  background-color: #E2E8EE;
  border-color: #E2E8EE;
  color: #1F2A38 !important;
}

/* dark button */
.btn-dark {
  background-color: #1F2A38;
  border-color: #1F2A38;
  color: #fff !important;
}
.btn-dark:hover,
.btn-dark:focus {
  background-color: #16202C;
  border-color: #16202C;
  color: #fff !important;
}

/* outline primary button */
.btn-outline-primary {
  background-color: transparent;
  border-color: #052566;
  color: #052566 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #052566;
  border-color: #052566;
  color: #fff !important;
}
.btn-outline-primary:active {
  background-color: #031A4A;
  border-color: #031A4A;
  color: #fff !important;
}

/* outline secondary button */
.btn-outline-secondary {
  background-color: transparent;
  border-color: #B1C1CE;
  color: #B1C1CE !important;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  background-color: #B1C1CE;
  border-color: #B1C1CE;
  color: #fff !important;
}
.btn-outline-secondary:active {
  background-color: #031A4A;
  border-color: #031A4A;
  color: #fff !important;
}

/* accent button */
.btn-accent {
  background-color: #E3B23C;
  border-color: #E3B23C;
  color: #1F2A38 !important;
}
.btn-accent:hover,
.btn-accent:focus {
  background-color: #C99A2E;
  border-color: #C99A2E;
  color: #1F2A38 !important;
}

/* Container */
.container {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

/* Row */
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.row.no-gutters > [class*="col"] {
    padding-right: 0;
    padding-left: 0;
}

/* Base cell */
[class*="col"] {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

/* Auto-width / equal-width */
.col     { flex: 1 0 0%; }
.col-auto { flex: 0 0 auto; width: auto; }

/* Fixed 12-column widths — xs (default, no breakpoint prefix) */
.col-1  { flex: 0 0 auto; width:  8.3333%; }
.col-2  { flex: 0 0 auto; width: 16.6667%; }
.col-3  { flex: 0 0 auto; width: 25%; }
.col-4  { flex: 0 0 auto; width: 33.3333%; }
.col-5  { flex: 0 0 auto; width: 41.6667%; }
.col-6  { flex: 0 0 auto; width: 50%; }
.col-7  { flex: 0 0 auto; width: 58.3333%; }
.col-8  { flex: 0 0 auto; width: 66.6667%; }
.col-9  { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.3333%; }
.col-11 { flex: 0 0 auto; width: 91.6667%; }
.col-12 { flex: 0 0 auto; width: 100%; }

/* sm — 576px+ */
@media (min-width: 576px) {
    .col-sm     { flex: 1 0 0%; }
    .col-sm-auto { flex: 0 0 auto; width: auto; }
    .col-sm-1  { flex: 0 0 auto; width:  8.3333%; }
    .col-sm-2  { flex: 0 0 auto; width: 16.6667%; }
    .col-sm-3  { flex: 0 0 auto; width: 25%; }
    .col-sm-4  { flex: 0 0 auto; width: 33.3333%; }
    .col-sm-5  { flex: 0 0 auto; width: 41.6667%; }
    .col-sm-6  { flex: 0 0 auto; width: 50%; }
    .col-sm-7  { flex: 0 0 auto; width: 58.3333%; }
    .col-sm-8  { flex: 0 0 auto; width: 66.6667%; }
    .col-sm-9  { flex: 0 0 auto; width: 75%; }
    .col-sm-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-sm-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-sm-12 { flex: 0 0 auto; width: 100%; }
}

/* md — 768px+ */
@media (min-width: 768px) {
    .col-md     { flex: 1 0 0%; }
    .col-md-auto { flex: 0 0 auto; width: auto; }
    .col-md-1  { flex: 0 0 auto; width:  8.3333%; }
    .col-md-2  { flex: 0 0 auto; width: 16.6667%; }
    .col-md-3  { flex: 0 0 auto; width: 25%; }
    .col-md-4  { flex: 0 0 auto; width: 33.3333%; }
    .col-md-5  { flex: 0 0 auto; width: 41.6667%; }
    .col-md-6  { flex: 0 0 auto; width: 50%; }
    .col-md-7  { flex: 0 0 auto; width: 58.3333%; }
    .col-md-8  { flex: 0 0 auto; width: 66.6667%; }
    .col-md-9  { flex: 0 0 auto; width: 75%; }
    .col-md-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-md-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-md-12 { flex: 0 0 auto; width: 100%; }
}

/* lg — 992px+ */
@media (min-width: 992px) {
    .col-lg     { flex: 1 0 0%; }
    .col-lg-auto { flex: 0 0 auto; width: auto; }
    .col-lg-1  { flex: 0 0 auto; width:  8.3333%; }
    .col-lg-2  { flex: 0 0 auto; width: 16.6667%; }
    .col-lg-3  { flex: 0 0 auto; width: 25%; }
    .col-lg-4  { flex: 0 0 auto; width: 33.3333%; }
    .col-lg-5  { flex: 0 0 auto; width: 41.6667%; }
    .col-lg-6  { flex: 0 0 auto; width: 50%; }
    .col-lg-7  { flex: 0 0 auto; width: 58.3333%; }
    .col-lg-8  { flex: 0 0 auto; width: 66.6667%; }
    .col-lg-9  { flex: 0 0 auto; width: 75%; }
    .col-lg-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-lg-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-lg-12 { flex: 0 0 auto; width: 100%; }
}

/* xl — 1200px+ */
@media (min-width: 1200px) {
    .col-xl     { flex: 1 0 0%; }
    .col-xl-auto { flex: 0 0 auto; width: auto; }
    .col-xl-1  { flex: 0 0 auto; width:  8.3333%; }
    .col-xl-2  { flex: 0 0 auto; width: 16.6667%; }
    .col-xl-3  { flex: 0 0 auto; width: 25%; }
    .col-xl-4  { flex: 0 0 auto; width: 33.3333%; }
    .col-xl-5  { flex: 0 0 auto; width: 41.6667%; }
    .col-xl-6  { flex: 0 0 auto; width: 50%; }
    .col-xl-7  { flex: 0 0 auto; width: 58.3333%; }
    .col-xl-8  { flex: 0 0 auto; width: 66.6667%; }
    .col-xl-9  { flex: 0 0 auto; width: 75%; }
    .col-xl-10 { flex: 0 0 auto; width: 83.3333%; }
    .col-xl-11 { flex: 0 0 auto; width: 91.6667%; }
    .col-xl-12 { flex: 0 0 auto; width: 100%; }
}

/* Alignment helpers */
.justify-content-start   { justify-content: flex-start; }
.justify-content-center  { justify-content: center; }
.justify-content-end     { justify-content: flex-end; }
.justify-content-between { justify-content: space-between; }
.justify-content-around  { justify-content: space-around; }

.align-items-start    { align-items: flex-start; }
.align-items-center   { align-items: center; }
.align-items-end      { align-items: flex-end; }
.align-items-stretch  { align-items: stretch; }

.align-self-start   { align-self: flex-start; }
.align-self-center  { align-self: center; }
.align-self-end     { align-self: flex-end; }
.align-self-stretch { align-self: stretch; }

/* Pagination (Bootstrap-compatible) */
.pagination {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0;
    list-style: none;
    gap: 0.25rem;
}

.page-item {
    margin: 0;
}

.page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.9rem;
    color: var(--bs-primary);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    line-height: 1.25;
}

.page-link:hover {
    color: #031A4A;
    background-color: #f1f3f5;
    border-color: #cfd4da;
}

.page-link:focus {
    z-index: 3;
    color: #031A4A;
    background-color: #eef2ff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

.page-item.active .page-link {
    z-index: 2;
    color: #fff;
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
    background-color: #fff;
    border-color: #dee2e6;
    opacity: 0.65;
}

/* Order */
.order-0     { order: 0; }
.order-1     { order: 1; }
.order-2     { order: 2; }
.order-3     { order: 3; }
.order-4     { order: 4; }
.order-5     { order: 5; }
.order-first { order: -1; }
.order-last  { order: 9999; }

@media (min-width: 576px) {
    .order-sm-0     { order: 0; }
    .order-sm-1     { order: 1; }
    .order-sm-2     { order: 2; }
    .order-sm-3     { order: 3; }
    .order-sm-4     { order: 4; }
    .order-sm-5     { order: 5; }
    .order-sm-first { order: -1; }
    .order-sm-last  { order: 9999; }
}

@media (min-width: 768px) {
    .order-md-0     { order: 0; }
    .order-md-1     { order: 1; }
    .order-md-2     { order: 2; }
    .order-md-3     { order: 3; }
    .order-md-4     { order: 4; }
    .order-md-5     { order: 5; }
    .order-md-first { order: -1; }
    .order-md-last  { order: 9999; }
}

@media (min-width: 992px) {
    .order-lg-0     { order: 0; }
    .order-lg-1     { order: 1; }
    .order-lg-2     { order: 2; }
    .order-lg-3     { order: 3; }
    .order-lg-4     { order: 4; }
    .order-lg-5     { order: 5; }
    .order-lg-first { order: -1; }
    .order-lg-last  { order: 9999; }
}

@media (min-width: 1200px) {
    .order-xl-0     { order: 0; }
    .order-xl-1     { order: 1; }
    .order-xl-2     { order: 2; }
    .order-xl-3     { order: 3; }
    .order-xl-4     { order: 4; }
    .order-xl-5     { order: 5; }
    .order-xl-first { order: -1; }
    .order-xl-last  { order: 9999; }
}

@media (min-width: 1400px) {
    .order-xxl-0     { order: 0; }
    .order-xxl-1     { order: 1; }
    .order-xxl-2     { order: 2; }
    .order-xxl-3     { order: 3; }
    .order-xxl-4     { order: 4; }
    .order-xxl-5     { order: 5; }
    .order-xxl-first { order: -1; }
    .order-xxl-last  { order: 9999; }
}

/* ============================================================
   Forms — Bootstrap-like form controls and layout
   ============================================================ */

label {
    display: inline-block;
    margin-bottom: 0.5rem;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

.form-group {
    margin-bottom: 1rem;
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.form-row > .col,
.form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    line-height: 1.5;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    box-sizing: border-box;
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-control::-ms-expand {
    background-color: transparent;
    border: 0;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

textarea.form-control {
    height: auto;
    min-height: calc(1.5em + 0.75rem + 2px);
}

select.form-control:focus::-ms-value {
    color: #495057;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
    width: 100%;
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0;
}

.form-control-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

.form-control-lg {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
    color: #6c757d;
}

.form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}

.form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem;
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
    color: #6c757d;
}

.form-check-label {
    margin-bottom: 0;
}

.form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem;
}

.form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0;
}

.valid-feedback,
.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875rem;
}

.valid-feedback {
    color: #28a745;
}

.invalid-feedback {
    color: #dc3545;
}

.is-valid {
    border-color: #28a745;
}

.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.is-invalid {
    border-color: #dc3545;
}

.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.is-valid ~ .valid-feedback,
.is-invalid ~ .invalid-feedback {
    display: block;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.input-group-prepend,
.input-group-append {
    display: flex;
}

.input-group > .form-control:not(:last-child),
.input-group-prepend:not(:last-child) > .input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group-append:not(:first-child) > .input-group-text,
.input-group > .form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-width: 575.98px) {
    .form-inline {
        display: block;
    }

    .form-inline .form-group {
        display: block;
        margin-right: 0;
    }
}

@media (min-width: 576px) {
    .form-inline {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        gap: 0.5rem;
    }

    .form-inline .form-group {
        display: inline-flex;
        align-items: center;
        margin-bottom: 0;
        margin-right: 0.75rem;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
}

/* updates to template to fit search */

.elementor.elementor-1883 {
    min-height: calc(100vh - 671px);
}

/* ============================================================
   Typography Utilities — Bootstrap-style text alignment + weight
   ============================================================ */

.text-start {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-end {
    text-align: right;
}

@media (min-width: 576px) {
    .text-sm-start {
        text-align: left;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-end {
        text-align: right;
    }
}

@media (min-width: 768px) {
    .text-md-start {
        text-align: left;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-end {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .text-lg-start {
        text-align: left;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-end {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .text-xl-start {
        text-align: left;
    }

    .text-xl-center {
        text-align: center;
    }

    .text-xl-end {
        text-align: right;
    }
}

@media (min-width: 1400px) {
    .text-xxl-start {
        text-align: left;
    }

    .text-xxl-center {
        text-align: center;
    }

    .text-xxl-end {
        text-align: right;
    }
}

.fw-light {
    font-weight: 300;
}

.fw-lighter {
    font-weight: lighter;
}

.fw-normal {
    font-weight: 400;
}

.fw-semibold {
    font-weight: 600;
}

.fw-bold {
    font-weight: 700;
}

.fw-bolder {
    font-weight: bolder;
}

.case-information-container {
    border: solid 1px var(--bs-primary);
}
.docket-header-row,
.sticky-name-header {
    position: sticky;
    top: 0;
    padding-top:5px;
    z-index: 50;
    background-color: #ffffff;
    border-bottom: 1px solid #d9e2f1;
}

.docket-rows .docket-row:nth-child(odd), .details-rows .details-row:nth-child(odd) {
    background-color: #f1f5fe;
}

.docket-rows .docket-row:nth-child(even), .details-rows .details-row:nth-child(even) {
    background-color: #ffffff;
}

.docket-link-row {
    cursor: pointer;
}
.docket-link-row:hover {
    background-color: var(--e-global-color-332724a) !important;
    color: var(--e-global-color-c94d9ab) !important;
}
.docket-link-row:hover a {
    color: var(--e-global-color-c94d9ab) !important;
}
/* ============================================================
   Spacing Utilities — Bootstrap-style m-* and p-*
   Scale: 0=0, 1=.25rem, 2=.5rem, 3=1rem, 4=1.5rem, 5=3rem
   auto available on margin axes
   ============================================================ */

/* --- base (xs, no breakpoint prefix) --- */

.m-0  { margin: 0 !important; }
.m-1  { margin: .25rem !important; }
.m-2  { margin: .5rem !important; }
.m-3  { margin: 1rem !important; }
.m-4  { margin: 1.5rem !important; }
.m-5  { margin: 3rem !important; }
.m-auto { margin: auto !important; }

.mt-0  { margin-top: 0 !important; }
.mt-1  { margin-top: .25rem !important; }
.mt-2  { margin-top: .5rem !important; }
.mt-3  { margin-top: 1rem !important; }
.mt-4  { margin-top: 1.5rem !important; }
.mt-5  { margin-top: 3rem !important; }
.mt-auto { margin-top: auto !important; }

.mb-0  { margin-bottom: 0 !important; }
.mb-1  { margin-bottom: .25rem !important; }
.mb-2  { margin-bottom: .5rem !important; }
.mb-3  { margin-bottom: 1rem !important; }
.mb-4  { margin-bottom: 1.5rem !important; }
.mb-5  { margin-bottom: 3rem !important; }
.mb-auto { margin-bottom: auto !important; }

.ms-0  { margin-left: 0 !important; }
.ms-1  { margin-left: .25rem !important; }
.ms-2  { margin-left: .5rem !important; }
.ms-3  { margin-left: 1rem !important; }
.ms-4  { margin-left: 1.5rem !important; }
.ms-5  { margin-left: 3rem !important; }
.ms-auto { margin-left: auto !important; }

.me-0  { margin-right: 0 !important; }
.me-1  { margin-right: .25rem !important; }
.me-2  { margin-right: .5rem !important; }
.me-3  { margin-right: 1rem !important; }
.me-4  { margin-right: 1.5rem !important; }
.me-5  { margin-right: 3rem !important; }
.me-auto { margin-right: auto !important; }

.mx-0  { margin-right: 0 !important; margin-left: 0 !important; }
.mx-1  { margin-right: .25rem !important; margin-left: .25rem !important; }
.mx-2  { margin-right: .5rem !important; margin-left: .5rem !important; }
.mx-3  { margin-right: 1rem !important; margin-left: 1rem !important; }
.mx-4  { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
.mx-5  { margin-right: 3rem !important; margin-left: 3rem !important; }
.mx-auto { margin-right: auto !important; margin-left: auto !important; }

.my-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1  { margin-top: .25rem !important; margin-bottom: .25rem !important; }
.my-2  { margin-top: .5rem !important; margin-bottom: .5rem !important; }
.my-3  { margin-top: 1rem !important; margin-bottom: 1rem !important; }
.my-4  { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.my-5  { margin-top: 3rem !important; margin-bottom: 3rem !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

.p-0  { padding: 0 !important; }
.p-1  { padding: .25rem !important; }
.p-2  { padding: .5rem !important; }
.p-3  { padding: 1rem !important; }
.p-4  { padding: 1.5rem !important; }
.p-5  { padding: 3rem !important; }

.pt-0  { padding-top: 0 !important; }
.pt-1  { padding-top: .25rem !important; }
.pt-2  { padding-top: .5rem !important; }
.pt-3  { padding-top: 1rem !important; }
.pt-4  { padding-top: 1.5rem !important; }
.pt-5  { padding-top: 3rem !important; }

.pb-0  { padding-bottom: 0 !important; }
.pb-1  { padding-bottom: .25rem !important; }
.pb-2  { padding-bottom: .5rem !important; }
.pb-3  { padding-bottom: 1rem !important; }
.pb-4  { padding-bottom: 1.5rem !important; }
.pb-5  { padding-bottom: 3rem !important; }

.ps-0  { padding-left: 0 !important; }
.ps-1  { padding-left: .25rem !important; }
.ps-2  { padding-left: .5rem !important; }
.ps-3  { padding-left: 1rem !important; }
.ps-4  { padding-left: 1.5rem !important; }
.ps-5  { padding-left: 3rem !important; }

.pe-0  { padding-right: 0 !important; }
.pe-1  { padding-right: .25rem !important; }
.pe-2  { padding-right: .5rem !important; }
.pe-3  { padding-right: 1rem !important; }
.pe-4  { padding-right: 1.5rem !important; }
.pe-5  { padding-right: 3rem !important; }

.px-0  { padding-right: 0 !important; padding-left: 0 !important; }
.px-1  { padding-right: .25rem !important; padding-left: .25rem !important; }
.px-2  { padding-right: .5rem !important; padding-left: .5rem !important; }
.px-3  { padding-right: 1rem !important; padding-left: 1rem !important; }
.px-4  { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
.px-5  { padding-right: 3rem !important; padding-left: 3rem !important; }

.py-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1  { padding-top: .25rem !important; padding-bottom: .25rem !important; }
.py-2  { padding-top: .5rem !important; padding-bottom: .5rem !important; }
.py-3  { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.py-4  { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.py-5  { padding-top: 3rem !important; padding-bottom: 3rem !important; }

/* --- sm — 576px+ --- */

@media (min-width: 576px) {
    .m-sm-0  { margin: 0 !important; }
    .m-sm-1  { margin: .25rem !important; }
    .m-sm-2  { margin: .5rem !important; }
    .m-sm-3  { margin: 1rem !important; }
    .m-sm-4  { margin: 1.5rem !important; }
    .m-sm-5  { margin: 3rem !important; }
    .m-sm-auto { margin: auto !important; }

    .mt-sm-0  { margin-top: 0 !important; }
    .mt-sm-1  { margin-top: .25rem !important; }
    .mt-sm-2  { margin-top: .5rem !important; }
    .mt-sm-3  { margin-top: 1rem !important; }
    .mt-sm-4  { margin-top: 1.5rem !important; }
    .mt-sm-5  { margin-top: 3rem !important; }
    .mt-sm-auto { margin-top: auto !important; }

    .mb-sm-0  { margin-bottom: 0 !important; }
    .mb-sm-1  { margin-bottom: .25rem !important; }
    .mb-sm-2  { margin-bottom: .5rem !important; }
    .mb-sm-3  { margin-bottom: 1rem !important; }
    .mb-sm-4  { margin-bottom: 1.5rem !important; }
    .mb-sm-5  { margin-bottom: 3rem !important; }
    .mb-sm-auto { margin-bottom: auto !important; }

    .ms-sm-0  { margin-left: 0 !important; }
    .ms-sm-1  { margin-left: .25rem !important; }
    .ms-sm-2  { margin-left: .5rem !important; }
    .ms-sm-3  { margin-left: 1rem !important; }
    .ms-sm-4  { margin-left: 1.5rem !important; }
    .ms-sm-5  { margin-left: 3rem !important; }
    .ms-sm-auto { margin-left: auto !important; }

    .me-sm-0  { margin-right: 0 !important; }
    .me-sm-1  { margin-right: .25rem !important; }
    .me-sm-2  { margin-right: .5rem !important; }
    .me-sm-3  { margin-right: 1rem !important; }
    .me-sm-4  { margin-right: 1.5rem !important; }
    .me-sm-5  { margin-right: 3rem !important; }
    .me-sm-auto { margin-right: auto !important; }

    .mx-sm-0  { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-sm-1  { margin-right: .25rem !important; margin-left: .25rem !important; }
    .mx-sm-2  { margin-right: .5rem !important; margin-left: .5rem !important; }
    .mx-sm-3  { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-sm-4  { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-sm-5  { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-sm-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-sm-1  { margin-top: .25rem !important; margin-bottom: .25rem !important; }
    .my-sm-2  { margin-top: .5rem !important; margin-bottom: .5rem !important; }
    .my-sm-3  { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-sm-4  { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-sm-5  { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .p-sm-0  { padding: 0 !important; }
    .p-sm-1  { padding: .25rem !important; }
    .p-sm-2  { padding: .5rem !important; }
    .p-sm-3  { padding: 1rem !important; }
    .p-sm-4  { padding: 1.5rem !important; }
    .p-sm-5  { padding: 3rem !important; }

    .pt-sm-0  { padding-top: 0 !important; }
    .pt-sm-1  { padding-top: .25rem !important; }
    .pt-sm-2  { padding-top: .5rem !important; }
    .pt-sm-3  { padding-top: 1rem !important; }
    .pt-sm-4  { padding-top: 1.5rem !important; }
    .pt-sm-5  { padding-top: 3rem !important; }

    .pb-sm-0  { padding-bottom: 0 !important; }
    .pb-sm-1  { padding-bottom: .25rem !important; }
    .pb-sm-2  { padding-bottom: .5rem !important; }
    .pb-sm-3  { padding-bottom: 1rem !important; }
    .pb-sm-4  { padding-bottom: 1.5rem !important; }
    .pb-sm-5  { padding-bottom: 3rem !important; }

    .ps-sm-0  { padding-left: 0 !important; }
    .ps-sm-1  { padding-left: .25rem !important; }
    .ps-sm-2  { padding-left: .5rem !important; }
    .ps-sm-3  { padding-left: 1rem !important; }
    .ps-sm-4  { padding-left: 1.5rem !important; }
    .ps-sm-5  { padding-left: 3rem !important; }

    .pe-sm-0  { padding-right: 0 !important; }
    .pe-sm-1  { padding-right: .25rem !important; }
    .pe-sm-2  { padding-right: .5rem !important; }
    .pe-sm-3  { padding-right: 1rem !important; }
    .pe-sm-4  { padding-right: 1.5rem !important; }
    .pe-sm-5  { padding-right: 3rem !important; }

    .px-sm-0  { padding-right: 0 !important; padding-left: 0 !important; }
    .px-sm-1  { padding-right: .25rem !important; padding-left: .25rem !important; }
    .px-sm-2  { padding-right: .5rem !important; padding-left: .5rem !important; }
    .px-sm-3  { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-sm-4  { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-sm-5  { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-sm-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-sm-1  { padding-top: .25rem !important; padding-bottom: .25rem !important; }
    .py-sm-2  { padding-top: .5rem !important; padding-bottom: .5rem !important; }
    .py-sm-3  { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-sm-4  { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-sm-5  { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}

/* --- md — 768px+ --- */

@media (min-width: 768px) {
    .m-md-0  { margin: 0 !important; }
    .m-md-1  { margin: .25rem !important; }
    .m-md-2  { margin: .5rem !important; }
    .m-md-3  { margin: 1rem !important; }
    .m-md-4  { margin: 1.5rem !important; }
    .m-md-5  { margin: 3rem !important; }
    .m-md-auto { margin: auto !important; }

    .mt-md-0  { margin-top: 0 !important; }
    .mt-md-1  { margin-top: .25rem !important; }
    .mt-md-2  { margin-top: .5rem !important; }
    .mt-md-3  { margin-top: 1rem !important; }
    .mt-md-4  { margin-top: 1.5rem !important; }
    .mt-md-5  { margin-top: 3rem !important; }
    .mt-md-auto { margin-top: auto !important; }

    .mb-md-0  { margin-bottom: 0 !important; }
    .mb-md-1  { margin-bottom: .25rem !important; }
    .mb-md-2  { margin-bottom: .5rem !important; }
    .mb-md-3  { margin-bottom: 1rem !important; }
    .mb-md-4  { margin-bottom: 1.5rem !important; }
    .mb-md-5  { margin-bottom: 3rem !important; }
    .mb-md-auto { margin-bottom: auto !important; }

    .ms-md-0  { margin-left: 0 !important; }
    .ms-md-1  { margin-left: .25rem !important; }
    .ms-md-2  { margin-left: .5rem !important; }
    .ms-md-3  { margin-left: 1rem !important; }
    .ms-md-4  { margin-left: 1.5rem !important; }
    .ms-md-5  { margin-left: 3rem !important; }
    .ms-md-auto { margin-left: auto !important; }

    .me-md-0  { margin-right: 0 !important; }
    .me-md-1  { margin-right: .25rem !important; }
    .me-md-2  { margin-right: .5rem !important; }
    .me-md-3  { margin-right: 1rem !important; }
    .me-md-4  { margin-right: 1.5rem !important; }
    .me-md-5  { margin-right: 3rem !important; }
    .me-md-auto { margin-right: auto !important; }

    .mx-md-0  { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-md-1  { margin-right: .25rem !important; margin-left: .25rem !important; }
    .mx-md-2  { margin-right: .5rem !important; margin-left: .5rem !important; }
    .mx-md-3  { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-md-4  { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-md-5  { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-md-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-md-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-md-1  { margin-top: .25rem !important; margin-bottom: .25rem !important; }
    .my-md-2  { margin-top: .5rem !important; margin-bottom: .5rem !important; }
    .my-md-3  { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-md-4  { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-md-5  { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .p-md-0  { padding: 0 !important; }
    .p-md-1  { padding: .25rem !important; }
    .p-md-2  { padding: .5rem !important; }
    .p-md-3  { padding: 1rem !important; }
    .p-md-4  { padding: 1.5rem !important; }
    .p-md-5  { padding: 3rem !important; }

    .pt-md-0  { padding-top: 0 !important; }
    .pt-md-1  { padding-top: .25rem !important; }
    .pt-md-2  { padding-top: .5rem !important; }
    .pt-md-3  { padding-top: 1rem !important; }
    .pt-md-4  { padding-top: 1.5rem !important; }
    .pt-md-5  { padding-top: 3rem !important; }

    .pb-md-0  { padding-bottom: 0 !important; }
    .pb-md-1  { padding-bottom: .25rem !important; }
    .pb-md-2  { padding-bottom: .5rem !important; }
    .pb-md-3  { padding-bottom: 1rem !important; }
    .pb-md-4  { padding-bottom: 1.5rem !important; }
    .pb-md-5  { padding-bottom: 3rem !important; }

    .ps-md-0  { padding-left: 0 !important; }
    .ps-md-1  { padding-left: .25rem !important; }
    .ps-md-2  { padding-left: .5rem !important; }
    .ps-md-3  { padding-left: 1rem !important; }
    .ps-md-4  { padding-left: 1.5rem !important; }
    .ps-md-5  { padding-left: 3rem !important; }

    .pe-md-0  { padding-right: 0 !important; }
    .pe-md-1  { padding-right: .25rem !important; }
    .pe-md-2  { padding-right: .5rem !important; }
    .pe-md-3  { padding-right: 1rem !important; }
    .pe-md-4  { padding-right: 1.5rem !important; }
    .pe-md-5  { padding-right: 3rem !important; }

    .px-md-0  { padding-right: 0 !important; padding-left: 0 !important; }
    .px-md-1  { padding-right: .25rem !important; padding-left: .25rem !important; }
    .px-md-2  { padding-right: .5rem !important; padding-left: .5rem !important; }
    .px-md-3  { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-md-4  { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-md-5  { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-md-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-md-1  { padding-top: .25rem !important; padding-bottom: .25rem !important; }
    .py-md-2  { padding-top: .5rem !important; padding-bottom: .5rem !important; }
    .py-md-3  { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-md-4  { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-md-5  { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}

/* --- lg — 992px+ --- */

@media (min-width: 992px) {
    .m-lg-0  { margin: 0 !important; }
    .m-lg-1  { margin: .25rem !important; }
    .m-lg-2  { margin: .5rem !important; }
    .m-lg-3  { margin: 1rem !important; }
    .m-lg-4  { margin: 1.5rem !important; }
    .m-lg-5  { margin: 3rem !important; }
    .m-lg-auto { margin: auto !important; }

    .mt-lg-0  { margin-top: 0 !important; }
    .mt-lg-1  { margin-top: .25rem !important; }
    .mt-lg-2  { margin-top: .5rem !important; }
    .mt-lg-3  { margin-top: 1rem !important; }
    .mt-lg-4  { margin-top: 1.5rem !important; }
    .mt-lg-5  { margin-top: 3rem !important; }
    .mt-lg-auto { margin-top: auto !important; }

    .mb-lg-0  { margin-bottom: 0 !important; }
    .mb-lg-1  { margin-bottom: .25rem !important; }
    .mb-lg-2  { margin-bottom: .5rem !important; }
    .mb-lg-3  { margin-bottom: 1rem !important; }
    .mb-lg-4  { margin-bottom: 1.5rem !important; }
    .mb-lg-5  { margin-bottom: 3rem !important; }
    .mb-lg-auto { margin-bottom: auto !important; }

    .ms-lg-0  { margin-left: 0 !important; }
    .ms-lg-1  { margin-left: .25rem !important; }
    .ms-lg-2  { margin-left: .5rem !important; }
    .ms-lg-3  { margin-left: 1rem !important; }
    .ms-lg-4  { margin-left: 1.5rem !important; }
    .ms-lg-5  { margin-left: 3rem !important; }
    .ms-lg-auto { margin-left: auto !important; }

    .me-lg-0  { margin-right: 0 !important; }
    .me-lg-1  { margin-right: .25rem !important; }
    .me-lg-2  { margin-right: .5rem !important; }
    .me-lg-3  { margin-right: 1rem !important; }
    .me-lg-4  { margin-right: 1.5rem !important; }
    .me-lg-5  { margin-right: 3rem !important; }
    .me-lg-auto { margin-right: auto !important; }

    .mx-lg-0  { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-lg-1  { margin-right: .25rem !important; margin-left: .25rem !important; }
    .mx-lg-2  { margin-right: .5rem !important; margin-left: .5rem !important; }
    .mx-lg-3  { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-lg-4  { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-lg-5  { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-lg-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-lg-1  { margin-top: .25rem !important; margin-bottom: .25rem !important; }
    .my-lg-2  { margin-top: .5rem !important; margin-bottom: .5rem !important; }
    .my-lg-3  { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-lg-4  { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-lg-5  { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .p-lg-0  { padding: 0 !important; }
    .p-lg-1  { padding: .25rem !important; }
    .p-lg-2  { padding: .5rem !important; }
    .p-lg-3  { padding: 1rem !important; }
    .p-lg-4  { padding: 1.5rem !important; }
    .p-lg-5  { padding: 3rem !important; }

    .pt-lg-0  { padding-top: 0 !important; }
    .pt-lg-1  { padding-top: .25rem !important; }
    .pt-lg-2  { padding-top: .5rem !important; }
    .pt-lg-3  { padding-top: 1rem !important; }
    .pt-lg-4  { padding-top: 1.5rem !important; }
    .pt-lg-5  { padding-top: 3rem !important; }

    .pb-lg-0  { padding-bottom: 0 !important; }
    .pb-lg-1  { padding-bottom: .25rem !important; }
    .pb-lg-2  { padding-bottom: .5rem !important; }
    .pb-lg-3  { padding-bottom: 1rem !important; }
    .pb-lg-4  { padding-bottom: 1.5rem !important; }
    .pb-lg-5  { padding-bottom: 3rem !important; }

    .ps-lg-0  { padding-left: 0 !important; }
    .ps-lg-1  { padding-left: .25rem !important; }
    .ps-lg-2  { padding-left: .5rem !important; }
    .ps-lg-3  { padding-left: 1rem !important; }
    .ps-lg-4  { padding-left: 1.5rem !important; }
    .ps-lg-5  { padding-left: 3rem !important; }

    .pe-lg-0  { padding-right: 0 !important; }
    .pe-lg-1  { padding-right: .25rem !important; }
    .pe-lg-2  { padding-right: .5rem !important; }
    .pe-lg-3  { padding-right: 1rem !important; }
    .pe-lg-4  { padding-right: 1.5rem !important; }
    .pe-lg-5  { padding-right: 3rem !important; }

    .px-lg-0  { padding-right: 0 !important; padding-left: 0 !important; }
    .px-lg-1  { padding-right: .25rem !important; padding-left: .25rem !important; }
    .px-lg-2  { padding-right: .5rem !important; padding-left: .5rem !important; }
    .px-lg-3  { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-lg-4  { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-lg-5  { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-lg-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-lg-1  { padding-top: .25rem !important; padding-bottom: .25rem !important; }
    .py-lg-2  { padding-top: .5rem !important; padding-bottom: .5rem !important; }
    .py-lg-3  { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-lg-4  { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-lg-5  { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}

/* --- xl — 1200px+ --- */

@media (min-width: 1200px) {
    .m-xl-0  { margin: 0 !important; }
    .m-xl-1  { margin: .25rem !important; }
    .m-xl-2  { margin: .5rem !important; }
    .m-xl-3  { margin: 1rem !important; }
    .m-xl-4  { margin: 1.5rem !important; }
    .m-xl-5  { margin: 3rem !important; }
    .m-xl-auto { margin: auto !important; }

    .mt-xl-0  { margin-top: 0 !important; }
    .mt-xl-1  { margin-top: .25rem !important; }
    .mt-xl-2  { margin-top: .5rem !important; }
    .mt-xl-3  { margin-top: 1rem !important; }
    .mt-xl-4  { margin-top: 1.5rem !important; }
    .mt-xl-5  { margin-top: 3rem !important; }
    .mt-xl-auto { margin-top: auto !important; }

    .mb-xl-0  { margin-bottom: 0 !important; }
    .mb-xl-1  { margin-bottom: .25rem !important; }
    .mb-xl-2  { margin-bottom: .5rem !important; }
    .mb-xl-3  { margin-bottom: 1rem !important; }
    .mb-xl-4  { margin-bottom: 1.5rem !important; }
    .mb-xl-5  { margin-bottom: 3rem !important; }
    .mb-xl-auto { margin-bottom: auto !important; }

    .ms-xl-0  { margin-left: 0 !important; }
    .ms-xl-1  { margin-left: .25rem !important; }
    .ms-xl-2  { margin-left: .5rem !important; }
    .ms-xl-3  { margin-left: 1rem !important; }
    .ms-xl-4  { margin-left: 1.5rem !important; }
    .ms-xl-5  { margin-left: 3rem !important; }
    .ms-xl-auto { margin-left: auto !important; }

    .me-xl-0  { margin-right: 0 !important; }
    .me-xl-1  { margin-right: .25rem !important; }
    .me-xl-2  { margin-right: .5rem !important; }
    .me-xl-3  { margin-right: 1rem !important; }
    .me-xl-4  { margin-right: 1.5rem !important; }
    .me-xl-5  { margin-right: 3rem !important; }
    .me-xl-auto { margin-right: auto !important; }

    .mx-xl-0  { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-xl-1  { margin-right: .25rem !important; margin-left: .25rem !important; }
    .mx-xl-2  { margin-right: .5rem !important; margin-left: .5rem !important; }
    .mx-xl-3  { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-xl-4  { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-xl-5  { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-xl-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-xl-1  { margin-top: .25rem !important; margin-bottom: .25rem !important; }
    .my-xl-2  { margin-top: .5rem !important; margin-bottom: .5rem !important; }
    .my-xl-3  { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-xl-4  { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-xl-5  { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .p-xl-0  { padding: 0 !important; }
    .p-xl-1  { padding: .25rem !important; }
    .p-xl-2  { padding: .5rem !important; }
    .p-xl-3  { padding: 1rem !important; }
    .p-xl-4  { padding: 1.5rem !important; }
    .p-xl-5  { padding: 3rem !important; }

    .pt-xl-0  { padding-top: 0 !important; }
    .pt-xl-1  { padding-top: .25rem !important; }
    .pt-xl-2  { padding-top: .5rem !important; }
    .pt-xl-3  { padding-top: 1rem !important; }
    .pt-xl-4  { padding-top: 1.5rem !important; }
    .pt-xl-5  { padding-top: 3rem !important; }

    .pb-xl-0  { padding-bottom: 0 !important; }
    .pb-xl-1  { padding-bottom: .25rem !important; }
    .pb-xl-2  { padding-bottom: .5rem !important; }
    .pb-xl-3  { padding-bottom: 1rem !important; }
    .pb-xl-4  { padding-bottom: 1.5rem !important; }
    .pb-xl-5  { padding-bottom: 3rem !important; }

    .ps-xl-0  { padding-left: 0 !important; }
    .ps-xl-1  { padding-left: .25rem !important; }
    .ps-xl-2  { padding-left: .5rem !important; }
    .ps-xl-3  { padding-left: 1rem !important; }
    .ps-xl-4  { padding-left: 1.5rem !important; }
    .ps-xl-5  { padding-left: 3rem !important; }

    .pe-xl-0  { padding-right: 0 !important; }
    .pe-xl-1  { padding-right: .25rem !important; }
    .pe-xl-2  { padding-right: .5rem !important; }
    .pe-xl-3  { padding-right: 1rem !important; }
    .pe-xl-4  { padding-right: 1.5rem !important; }
    .pe-xl-5  { padding-right: 3rem !important; }

    .px-xl-0  { padding-right: 0 !important; padding-left: 0 !important; }
    .px-xl-1  { padding-right: .25rem !important; padding-left: .25rem !important; }
    .px-xl-2  { padding-right: .5rem !important; padding-left: .5rem !important; }
    .px-xl-3  { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-xl-4  { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-xl-5  { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-xl-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-xl-1  { padding-top: .25rem !important; padding-bottom: .25rem !important; }
    .py-xl-2  { padding-top: .5rem !important; padding-bottom: .5rem !important; }
    .py-xl-3  { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-xl-4  { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-xl-5  { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}

/* --- xxl — 1400px+ --- */

@media (min-width: 1400px) {
    .m-xxl-0  { margin: 0 !important; }
    .m-xxl-1  { margin: .25rem !important; }
    .m-xxl-2  { margin: .5rem !important; }
    .m-xxl-3  { margin: 1rem !important; }
    .m-xxl-4  { margin: 1.5rem !important; }
    .m-xxl-5  { margin: 3rem !important; }
    .m-xxl-auto { margin: auto !important; }

    .mt-xxl-0  { margin-top: 0 !important; }
    .mt-xxl-1  { margin-top: .25rem !important; }
    .mt-xxl-2  { margin-top: .5rem !important; }
    .mt-xxl-3  { margin-top: 1rem !important; }
    .mt-xxl-4  { margin-top: 1.5rem !important; }
    .mt-xxl-5  { margin-top: 3rem !important; }
    .mt-xxl-auto { margin-top: auto !important; }

    .mb-xxl-0  { margin-bottom: 0 !important; }
    .mb-xxl-1  { margin-bottom: .25rem !important; }
    .mb-xxl-2  { margin-bottom: .5rem !important; }
    .mb-xxl-3  { margin-bottom: 1rem !important; }
    .mb-xxl-4  { margin-bottom: 1.5rem !important; }
    .mb-xxl-5  { margin-bottom: 3rem !important; }
    .mb-xxl-auto { margin-bottom: auto !important; }

    .ms-xxl-0  { margin-left: 0 !important; }
    .ms-xxl-1  { margin-left: .25rem !important; }
    .ms-xxl-2  { margin-left: .5rem !important; }
    .ms-xxl-3  { margin-left: 1rem !important; }
    .ms-xxl-4  { margin-left: 1.5rem !important; }
    .ms-xxl-5  { margin-left: 3rem !important; }
    .ms-xxl-auto { margin-left: auto !important; }

    .me-xxl-0  { margin-right: 0 !important; }
    .me-xxl-1  { margin-right: .25rem !important; }
    .me-xxl-2  { margin-right: .5rem !important; }
    .me-xxl-3  { margin-right: 1rem !important; }
    .me-xxl-4  { margin-right: 1.5rem !important; }
    .me-xxl-5  { margin-right: 3rem !important; }
    .me-xxl-auto { margin-right: auto !important; }

    .mx-xxl-0  { margin-right: 0 !important; margin-left: 0 !important; }
    .mx-xxl-1  { margin-right: .25rem !important; margin-left: .25rem !important; }
    .mx-xxl-2  { margin-right: .5rem !important; margin-left: .5rem !important; }
    .mx-xxl-3  { margin-right: 1rem !important; margin-left: 1rem !important; }
    .mx-xxl-4  { margin-right: 1.5rem !important; margin-left: 1.5rem !important; }
    .mx-xxl-5  { margin-right: 3rem !important; margin-left: 3rem !important; }
    .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; }

    .my-xxl-0  { margin-top: 0 !important; margin-bottom: 0 !important; }
    .my-xxl-1  { margin-top: .25rem !important; margin-bottom: .25rem !important; }
    .my-xxl-2  { margin-top: .5rem !important; margin-bottom: .5rem !important; }
    .my-xxl-3  { margin-top: 1rem !important; margin-bottom: 1rem !important; }
    .my-xxl-4  { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
    .my-xxl-5  { margin-top: 3rem !important; margin-bottom: 3rem !important; }
    .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; }

    .p-xxl-0  { padding: 0 !important; }
    .p-xxl-1  { padding: .25rem !important; }
    .p-xxl-2  { padding: .5rem !important; }
    .p-xxl-3  { padding: 1rem !important; }
    .p-xxl-4  { padding: 1.5rem !important; }
    .p-xxl-5  { padding: 3rem !important; }

    .pt-xxl-0  { padding-top: 0 !important; }
    .pt-xxl-1  { padding-top: .25rem !important; }
    .pt-xxl-2  { padding-top: .5rem !important; }
    .pt-xxl-3  { padding-top: 1rem !important; }
    .pt-xxl-4  { padding-top: 1.5rem !important; }
    .pt-xxl-5  { padding-top: 3rem !important; }

    .pb-xxl-0  { padding-bottom: 0 !important; }
    .pb-xxl-1  { padding-bottom: .25rem !important; }
    .pb-xxl-2  { padding-bottom: .5rem !important; }
    .pb-xxl-3  { padding-bottom: 1rem !important; }
    .pb-xxl-4  { padding-bottom: 1.5rem !important; }
    .pb-xxl-5  { padding-bottom: 3rem !important; }

    .ps-xxl-0  { padding-left: 0 !important; }
    .ps-xxl-1  { padding-left: .25rem !important; }
    .ps-xxl-2  { padding-left: .5rem !important; }
    .ps-xxl-3  { padding-left: 1rem !important; }
    .ps-xxl-4  { padding-left: 1.5rem !important; }
    .ps-xxl-5  { padding-left: 3rem !important; }

    .pe-xxl-0  { padding-right: 0 !important; }
    .pe-xxl-1  { padding-right: .25rem !important; }
    .pe-xxl-2  { padding-right: .5rem !important; }
    .pe-xxl-3  { padding-right: 1rem !important; }
    .pe-xxl-4  { padding-right: 1.5rem !important; }
    .pe-xxl-5  { padding-right: 3rem !important; }

    .px-xxl-0  { padding-right: 0 !important; padding-left: 0 !important; }
    .px-xxl-1  { padding-right: .25rem !important; padding-left: .25rem !important; }
    .px-xxl-2  { padding-right: .5rem !important; padding-left: .5rem !important; }
    .px-xxl-3  { padding-right: 1rem !important; padding-left: 1rem !important; }
    .px-xxl-4  { padding-right: 1.5rem !important; padding-left: 1.5rem !important; }
    .px-xxl-5  { padding-right: 3rem !important; padding-left: 3rem !important; }

    .py-xxl-0  { padding-top: 0 !important; padding-bottom: 0 !important; }
    .py-xxl-1  { padding-top: .25rem !important; padding-bottom: .25rem !important; }
    .py-xxl-2  { padding-top: .5rem !important; padding-bottom: .5rem !important; }
    .py-xxl-3  { padding-top: 1rem !important; padding-bottom: 1rem !important; }
    .py-xxl-4  { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
    .py-xxl-5  { padding-top: 3rem !important; padding-bottom: 3rem !important; }
}

/* ============================================================
   Display Utilities — Bootstrap-style d-*
   Values: none, inline, inline-block, block, grid,
           inline-grid, table, table-row, table-cell,
           flex, inline-flex
   Breakpoints: xs (no prefix), sm 576px, md 768px,
                lg 992px, xl 1200px, xxl 1400px
   ============================================================ */

/* --- base (xs, no breakpoint prefix) --- */

.d-none         { display: none !important; }
.d-inline       { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block        { display: block !important; }
.d-grid         { display: grid !important; }
.d-inline-grid  { display: inline-grid !important; }
.d-table        { display: table !important; }
.d-table-row    { display: table-row !important; }
.d-table-cell   { display: table-cell !important; }
.d-flex         { display: flex !important; }
.d-inline-flex  { display: inline-flex !important; }

/* --- sm — 576px+ --- */

@media (min-width: 576px) {
    .d-sm-none         { display: none !important; }
    .d-sm-inline       { display: inline !important; }
    .d-sm-inline-block { display: inline-block !important; }
    .d-sm-block        { display: block !important; }
    .d-sm-grid         { display: grid !important; }
    .d-sm-inline-grid  { display: inline-grid !important; }
    .d-sm-table        { display: table !important; }
    .d-sm-table-row    { display: table-row !important; }
    .d-sm-table-cell   { display: table-cell !important; }
    .d-sm-flex         { display: flex !important; }
    .d-sm-inline-flex  { display: inline-flex !important; }
}

/* --- md — 768px+ --- */

@media (min-width: 768px) {
    .d-md-none         { display: none !important; }
    .d-md-inline       { display: inline !important; }
    .d-md-inline-block { display: inline-block !important; }
    .d-md-block        { display: block !important; }
    .d-md-grid         { display: grid !important; }
    .d-md-inline-grid  { display: inline-grid !important; }
    .d-md-table        { display: table !important; }
    .d-md-table-row    { display: table-row !important; }
    .d-md-table-cell   { display: table-cell !important; }
    .d-md-flex         { display: flex !important; }
    .d-md-inline-flex  { display: inline-flex !important; }
}

/* --- lg — 992px+ --- */

@media (min-width: 992px) {
    .d-lg-none         { display: none !important; }
    .d-lg-inline       { display: inline !important; }
    .d-lg-inline-block { display: inline-block !important; }
    .d-lg-block        { display: block !important; }
    .d-lg-grid         { display: grid !important; }
    .d-lg-inline-grid  { display: inline-grid !important; }
    .d-lg-table        { display: table !important; }
    .d-lg-table-row    { display: table-row !important; }
    .d-lg-table-cell   { display: table-cell !important; }
    .d-lg-flex         { display: flex !important; }
    .d-lg-inline-flex  { display: inline-flex !important; }
}

/* --- xl — 1200px+ --- */

@media (min-width: 1200px) {
    .d-xl-none         { display: none !important; }
    .d-xl-inline       { display: inline !important; }
    .d-xl-inline-block { display: inline-block !important; }
    .d-xl-block        { display: block !important; }
    .d-xl-grid         { display: grid !important; }
    .d-xl-inline-grid  { display: inline-grid !important; }
    .d-xl-table        { display: table !important; }
    .d-xl-table-row    { display: table-row !important; }
    .d-xl-table-cell   { display: table-cell !important; }
    .d-xl-flex         { display: flex !important; }
    .d-xl-inline-flex  { display: inline-flex !important; }
}

/* --- xxl — 1400px+ --- */

@media (min-width: 1400px) {
    .d-xxl-none         { display: none !important; }
    .d-xxl-inline       { display: inline !important; }
    .d-xxl-inline-block { display: inline-block !important; }
    .d-xxl-block        { display: block !important; }
    .d-xxl-grid         { display: grid !important; }
    .d-xxl-inline-grid  { display: inline-grid !important; }
    .d-xxl-table        { display: table !important; }
    .d-xxl-table-row    { display: table-row !important; }
    .d-xxl-table-cell   { display: table-cell !important; }
    .d-xxl-flex         { display: flex !important; }
    .d-xxl-inline-flex  { display: inline-flex !important; }
}

/* --- print --- */

@media print {
    .d-print-none         { display: none !important; }
    .d-print-inline       { display: inline !important; }
    .d-print-inline-block { display: inline-block !important; }
    .d-print-block        { display: block !important; }
    .d-print-grid         { display: grid !important; }
    .d-print-table        { display: table !important; }
    .d-print-table-row    { display: table-row !important; }
    .d-print-table-cell   { display: table-cell !important; }
    .d-print-flex         { display: flex !important; }
    .d-print-inline-flex  { display: inline-flex !important; }
}