/*
 * Bootstrap 3 compatibility extensions for modern grid and flex utilities.
 *
 * Keeps the Bootstrap 3 float-based grid API, adds the Bootstrap 5
 * xl (>= 1200px) and xxl (>= 1400px) breakpoint names, and supplies
 * the most commonly used Bootstrap flex helpers.
 */
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
.col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12,
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6,
.col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 1200px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6,
  .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }

  .col-xl-12 { width: 100%; }
  .col-xl-11 { width: 91.66666667%; }
  .col-xl-10 { width: 83.33333333%; }
  .col-xl-9 { width: 75%; }
  .col-xl-8 { width: 66.66666667%; }
  .col-xl-7 { width: 58.33333333%; }
  .col-xl-6 { width: 50%; }
  .col-xl-5 { width: 41.66666667%; }
  .col-xl-4 { width: 33.33333333%; }
  .col-xl-3 { width: 25%; }
  .col-xl-2 { width: 16.66666667%; }
  .col-xl-1 { width: 8.33333333%; }

  .col-xl-pull-12 { right: 100%; }
  .col-xl-pull-11 { right: 91.66666667%; }
  .col-xl-pull-10 { right: 83.33333333%; }
  .col-xl-pull-9 { right: 75%; }
  .col-xl-pull-8 { right: 66.66666667%; }
  .col-xl-pull-7 { right: 58.33333333%; }
  .col-xl-pull-6 { right: 50%; }
  .col-xl-pull-5 { right: 41.66666667%; }
  .col-xl-pull-4 { right: 33.33333333%; }
  .col-xl-pull-3 { right: 25%; }
  .col-xl-pull-2 { right: 16.66666667%; }
  .col-xl-pull-1 { right: 8.33333333%; }
  .col-xl-pull-0 { right: auto; }

  .col-xl-push-12 { left: 100%; }
  .col-xl-push-11 { left: 91.66666667%; }
  .col-xl-push-10 { left: 83.33333333%; }
  .col-xl-push-9 { left: 75%; }
  .col-xl-push-8 { left: 66.66666667%; }
  .col-xl-push-7 { left: 58.33333333%; }
  .col-xl-push-6 { left: 50%; }
  .col-xl-push-5 { left: 41.66666667%; }
  .col-xl-push-4 { left: 33.33333333%; }
  .col-xl-push-3 { left: 25%; }
  .col-xl-push-2 { left: 16.66666667%; }
  .col-xl-push-1 { left: 8.33333333%; }
  .col-xl-push-0 { left: auto; }

  .col-xl-offset-12 { margin-left: 100%; }
  .col-xl-offset-11 { margin-left: 91.66666667%; }
  .col-xl-offset-10 { margin-left: 83.33333333%; }
  .col-xl-offset-9 { margin-left: 75%; }
  .col-xl-offset-8 { margin-left: 66.66666667%; }
  .col-xl-offset-7 { margin-left: 58.33333333%; }
  .col-xl-offset-6 { margin-left: 50%; }
  .col-xl-offset-5 { margin-left: 41.66666667%; }
  .col-xl-offset-4 { margin-left: 33.33333333%; }
  .col-xl-offset-3 { margin-left: 25%; }
  .col-xl-offset-2 { margin-left: 16.66666667%; }
  .col-xl-offset-1 { margin-left: 8.33333333%; }
  .col-xl-offset-0 { margin-left: 0; }
}

@media (min-width: 1400px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6,
  .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left;
  }

  .col-xxl-12 { width: 100%; }
  .col-xxl-11 { width: 91.66666667%; }
  .col-xxl-10 { width: 83.33333333%; }
  .col-xxl-9 { width: 75%; }
  .col-xxl-8 { width: 66.66666667%; }
  .col-xxl-7 { width: 58.33333333%; }
  .col-xxl-6 { width: 50%; }
  .col-xxl-5 { width: 41.66666667%; }
  .col-xxl-4 { width: 33.33333333%; }
  .col-xxl-3 { width: 25%; }
  .col-xxl-2 { width: 16.66666667%; }
  .col-xxl-1 { width: 8.33333333%; }

  .col-xxl-pull-12 { right: 100%; }
  .col-xxl-pull-11 { right: 91.66666667%; }
  .col-xxl-pull-10 { right: 83.33333333%; }
  .col-xxl-pull-9 { right: 75%; }
  .col-xxl-pull-8 { right: 66.66666667%; }
  .col-xxl-pull-7 { right: 58.33333333%; }
  .col-xxl-pull-6 { right: 50%; }
  .col-xxl-pull-5 { right: 41.66666667%; }
  .col-xxl-pull-4 { right: 33.33333333%; }
  .col-xxl-pull-3 { right: 25%; }
  .col-xxl-pull-2 { right: 16.66666667%; }
  .col-xxl-pull-1 { right: 8.33333333%; }
  .col-xxl-pull-0 { right: auto; }

  .col-xxl-push-12 { left: 100%; }
  .col-xxl-push-11 { left: 91.66666667%; }
  .col-xxl-push-10 { left: 83.33333333%; }
  .col-xxl-push-9 { left: 75%; }
  .col-xxl-push-8 { left: 66.66666667%; }
  .col-xxl-push-7 { left: 58.33333333%; }
  .col-xxl-push-6 { left: 50%; }
  .col-xxl-push-5 { left: 41.66666667%; }
  .col-xxl-push-4 { left: 33.33333333%; }
  .col-xxl-push-3 { left: 25%; }
  .col-xxl-push-2 { left: 16.66666667%; }
  .col-xxl-push-1 { left: 8.33333333%; }
  .col-xxl-push-0 { left: auto; }

  .col-xxl-offset-12 { margin-left: 100%; }
  .col-xxl-offset-11 { margin-left: 91.66666667%; }
  .col-xxl-offset-10 { margin-left: 83.33333333%; }
  .col-xxl-offset-9 { margin-left: 75%; }
  .col-xxl-offset-8 { margin-left: 66.66666667%; }
  .col-xxl-offset-7 { margin-left: 58.33333333%; }
  .col-xxl-offset-6 { margin-left: 50%; }
  .col-xxl-offset-5 { margin-left: 41.66666667%; }
  .col-xxl-offset-4 { margin-left: 33.33333333%; }
  .col-xxl-offset-3 { margin-left: 25%; }
  .col-xxl-offset-2 { margin-left: 16.66666667%; }
  .col-xxl-offset-1 { margin-left: 8.33333333%; }
  .col-xxl-offset-0 { margin-left: 0; }
}

/* Bootstrap display utilities commonly used with flex layouts. */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

/* Bootstrap flex utilities. */
.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }
.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }
.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
.flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
.flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
.justify-content-evenly { justify-content: space-evenly !important; }

.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }
.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }
.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }
.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

.order-first { -ms-flex-order: -1 !important; order: -1 !important; }
.order-0 { -ms-flex-order: 0 !important; order: 0 !important; }
.order-1 { -ms-flex-order: 1 !important; order: 1 !important; }
.order-2 { -ms-flex-order: 2 !important; order: 2 !important; }
.order-3 { -ms-flex-order: 3 !important; order: 3 !important; }
.order-4 { -ms-flex-order: 4 !important; order: 4 !important; }
.order-5 { -ms-flex-order: 5 !important; order: 5 !important; }
.order-last { -ms-flex-order: 6 !important; order: 6 !important; }

@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-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-xl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

  .flex-xl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-xl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-xl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-xl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .flex-xl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

  .justify-content-xl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .justify-content-xl-evenly { justify-content: space-evenly !important; }

  .align-items-xl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xl-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

  .align-content-xl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

  .align-self-xl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

  .order-xl-first { -ms-flex-order: -1 !important; order: -1 !important; }
  .order-xl-0 { -ms-flex-order: 0 !important; order: 0 !important; }
  .order-xl-1 { -ms-flex-order: 1 !important; order: 1 !important; }
  .order-xl-2 { -ms-flex-order: 2 !important; order: 2 !important; }
  .order-xl-3 { -ms-flex-order: 3 !important; order: 3 !important; }
  .order-xl-4 { -ms-flex-order: 4 !important; order: 4 !important; }
  .order-xl-5 { -ms-flex-order: 5 !important; order: 5 !important; }
  .order-xl-last { -ms-flex-order: 6 !important; order: 6 !important; }
}

@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-table { display: table !important; }
  .d-xxl-table-row { display: table-row !important; }
  .d-xxl-table-cell { display: table-cell !important; }
  .d-xxl-flex { display: -ms-flexbox !important; display: flex !important; }
  .d-xxl-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

  .flex-xxl-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }
  .flex-xxl-row { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-xxl-column { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-xxl-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-xxl-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }
  .flex-xxl-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }
  .flex-xxl-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }
  .flex-xxl-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-xxl-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

  .justify-content-xxl-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .justify-content-xxl-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .justify-content-xxl-center { -ms-flex-pack: center !important; justify-content: center !important; }
  .justify-content-xxl-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .justify-content-xxl-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .justify-content-xxl-evenly { justify-content: space-evenly !important; }

  .align-items-xxl-start { -ms-flex-align: start !important; align-items: flex-start !important; }
  .align-items-xxl-end { -ms-flex-align: end !important; align-items: flex-end !important; }
  .align-items-xxl-center { -ms-flex-align: center !important; align-items: center !important; }
  .align-items-xxl-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .align-items-xxl-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

  .align-content-xxl-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }
  .align-content-xxl-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }
  .align-content-xxl-center { -ms-flex-line-pack: center !important; align-content: center !important; }
  .align-content-xxl-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }
  .align-content-xxl-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }
  .align-content-xxl-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

  .align-self-xxl-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }
  .align-self-xxl-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .align-self-xxl-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .align-self-xxl-center { -ms-flex-item-align: center !important; align-self: center !important; }
  .align-self-xxl-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }
  .align-self-xxl-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

  .order-xxl-first { -ms-flex-order: -1 !important; order: -1 !important; }
  .order-xxl-0 { -ms-flex-order: 0 !important; order: 0 !important; }
  .order-xxl-1 { -ms-flex-order: 1 !important; order: 1 !important; }
  .order-xxl-2 { -ms-flex-order: 2 !important; order: 2 !important; }
  .order-xxl-3 { -ms-flex-order: 3 !important; order: 3 !important; }
  .order-xxl-4 { -ms-flex-order: 4 !important; order: 4 !important; }
  .order-xxl-5 { -ms-flex-order: 5 !important; order: 5 !important; }
  .order-xxl-last { -ms-flex-order: 6 !important; order: 6 !important; }
}