@charset "UTF-8";
:root {
  --bravo-transition-duration: 0.15;
  --bravo-transition-timing-function: ease-in-out;
}

:root {
  --bravo-color-primary: #315796;
  --bravo-color-dark: #35404b;
  --bravo-color-accent: #db7031;
  --bravo-color-warning: #db3131;
  --bravo-color-iam-smart: #2b7367;
  --bravo-color-type-plan: #9479c2;
  --bravo-color-type-doc: #4d7fbe;
  --bravo-color-type-mw: #0e762b;
  --bravo-color-type-op: #db7031;
  --bravo-color-decoration: #bbd9ff;
  --bravo-color-status-paid: #34a353;
  --bravo-color-bg-status-paid: #d6eddd;
  --bravo-color-border: #d1d1d1;
  --bravo-color-dark-alt: #808080;
  --bravo-color-light-alt: #f1f1f1;
  --bravo-color-light: #ffffff;
  --bravo-color-primary-alt: #3f74cc;
}

:root {
  --bravo-page-max-width: 1740;
  --bravo-page-padding: 20;
  --bravo-border-radius: 2.5;
}
@media (min-width: 992px) {
  :root {
    --bravo-page-padding: 10;
  }
}

@media (min-width: 992px) {
  .login-page {
    --bravo-page-padding: 30;
  }
}
@media (min-width: 1200px) {
  .login-page {
    --bravo-page-padding: 70; /*80*/
  }
}

.map-page {
  --bravo-page-max-width: 99999;
}

.table-page {
  --bravo-page-max-width: 99999;
}
@media (min-width: 992px) {
  .table-page {
    --bravo-page-padding: 10; /*30*/
  }
}

:root {
  --bravo-font-family-en: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
  --bravo-font-family-hk: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
  --bravo-font-family-sc: 'PT Sans', "微軟正黑體", 'Microsoft JhengHei', sans-serif;
  --bravo-font-size-xxs: 10;
  --bravo-line-height-xxs: 14;
  --bravo-font-size-xs: 12;
  --bravo-line-height-xs: 16;
  --bravo-font-size-sm: 14;
  --bravo-line-height-sm: 18;
  --bravo-font-size-md: 16;
  --bravo-line-height-md: 20;
  --bravo-font-size-body: var(--bravo-font-size-xs);
  --bravo-line-height-body: var(--bravo-line-height-xs);
  --bravo-font-weight-normal: 400;
  --bravo-font-weight-bold: 700;
}
@media (min-width: 768px) {
  :root {
    --bravo-font-size-body: var(--bravo-font-size-md);
    --bravo-line-height-body: var(--bravo-line-height-md);
  }
}

*:not(g text),
*::before,
*::after {
  outline-color: var(--bravo-color-accent);
  outline-offset: 2px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}

:lang(en) {
  font-family: var(--bravo-font-family-en);
}

:lang(zh-cn),
:lang(zh-hans) {
  font-family: var(--bravo-font-family-sc);
}

:lang(zh-hk),
:lang(zh-tw),
:lang(zh-hant) {
  font-family: var(--bravo-font-family-hk);
}

p {
  margin-bottom: calc(1px * var(--bravo-line-height));
}

button,
input,
optgroup,
select,
textarea {
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

legend {
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--bravo-font-weight-bold);
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}

b,
strong {
  font-weight: var(--bravo-font-weight-bold);
}

a {
  color: inherit;
}
a:focus {
  color: var(--bravo-color-accent);
}
a:not(:focus-visible) {
  color: inherit;
}
a:active, a:hover {
  color: var(--bravo-color-accent);
}

ol,
ul {
  padding-left: calc(1px * var(--bravo-list-indent, 20));
}
ol,
ol ol,
ol ul,
ul,
ul ol,
ul ul {
  margin-bottom: calc(1px * var(--bravo-line-height));
}

ul {
  list-style: disc;
}

.lower-alpha-parens-counter {
  list-style: none;
}
.lower-alpha-parens-counter > li {
  position: relative;
}
.lower-alpha-parens-counter > li::before {
  content: counter(list-item, lower-alpha) ")";
  left: calc(-1px * var(--bravo-list-indent, 20));
  position: absolute;
  top: 0;
  width: calc(1px * var(--bravo-list-indent, 20));
}

.lower-roman-parens-counter {
  list-style: none;
}
.lower-roman-parens-counter > li {
  position: relative;
}
.lower-roman-parens-counter > li::before {
  content: counter(list-item, lower-roman) ")";
  left: calc(-1px * var(--bravo-list-indent, 20));
  position: absolute;
  top: 0;
  width: calc(1px * var(--bravo-list-indent, 20));
}

:root {
  --bravo-btn-height: 40;
}

.btn {
  --bravo-btn-spacing-x: 15;
  --bravo-btn-border-width: 1;
  --bravo-btn-icon-width: 24;
  border-width: calc(1px * var(--bravo-btn-border-width));
  border-radius: calc(1px * var(--bravo-border-radius));
  font-weight: var(--bravo-font-weight-bold);
  padding-bottom: calc(1px * ((var(--bravo-btn-height) - var(--bravo-line-height)) / 2 - var(--bravo-btn-border-width)));
  padding-left: calc(1px * (var(--bravo-btn-spacing-x) - var(--bravo-btn-border-width)));
  padding-right: calc(1px * (var(--bravo-btn-spacing-x) - var(--bravo-btn-border-width)));
  padding-top: calc(1px * ((var(--bravo-btn-height) - var(--bravo-line-height)) / 2 - var(--bravo-btn-border-width)));
  white-space: nowrap;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}
.btn:focus, .btn-check:focus + .btn {
  box-shadow: none;
}
.btn-check:active:focus + .btn, .btn-check:checked:focus + .btn, .btn.active:focus, .btn:active:focus, .show > .btn.dropdown-toggle:focus {
  box-shadow: none;
}
.btn:focus-visible, .btn-check:focus-visible + .btn {
  outline-color: var(--bravo-color-accent);
  outline-style: auto;
  outline-width: 1px;
}
.btn .svg-sprite {
  margin-bottom: calc(1px * (var(--bravo-line-height) - var(--bravo-btn-icon-width)) / 2);
  margin-left: calc(-1px * var(--bravo-btn-icon-width) * 6 / 24);
  margin-top: calc(1px * (var(--bravo-line-height) - var(--bravo-btn-icon-width)) / 2);
  vertical-align: bottom;
  width: calc(1px * var(--bravo-btn-icon-width));
}

.btn-link {
  --bravo-btn-spacing-x: 0;
  --bravo-btn-border-width: 0;
  --bravo-btn-icon-width: 32;
  color: var(--bravo-color-dark);
  margin-left: 4px;
}
.btn-link:focus {
  color: var(--bravo-color-accent);
}
.btn-link:not(:focus-visible) {
  color: var(--bravo-color-dark);
}
.btn-link.active, .btn-link:active, .btn-link:hover {
  color: var(--bravo-color-accent);
}
.btn-link .svg-sprite {
  color: var(--bravo-color-accent);
  margin-right: 4px;
}

.btn-link-light {
  color: var(--bravo-color-light);
}
.btn-link-light:focus {
  color: var(--bravo-color-accent);
}
.btn-link-light:not(:focus-visible) {
  color: var(--bravo-color-light);
}
.btn-link-light.active, .btn-link-light:active, .btn-link-light:hover {
  color: var(--bravo-color-accent);
}

.btn-link-icon-light .svg-sprite {
  color: var(--bravo-color-light);
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: color;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.btn-link-icon-light:focus .svg-sprite {
  color: var(--bravo-color-accent);
}
.btn-link-icon-light:not(:focus-visible) .svg-sprite {
  color: var(--bravo-color-light);
}
.btn-link-icon-light.active .svg-sprite, .btn-link-icon-light:active .svg-sprite, .btn-link-icon-light:hover .svg-sprite {
  color: var(--bravo-color-accent);
}

.btn-icon-only {
  --bravo-btn-icon-width: 32;
  align-items: center;
  display: inline-flex;
  height: calc(1px * var(--bravo-btn-height));
  justify-content: center;
  padding: 0;
  width: calc(1px * var(--bravo-btn-height));
}
.btn-icon-only .svg-sprite {
  margin: 0;
}

[type=checkbox].btn-check + .btn,
[type=radio].btn-check + .btn {
  background-color: var(--bravo-color-light-alt);
  border-color: var(--bravo-color-light-alt);
  color: var(--bravo-color-dark);
}
[type=checkbox].btn-check:focus + .btn,
[type=radio].btn-check:focus + .btn {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}
[type=checkbox].btn-check:not(:focus-visible) + .btn,
[type=radio].btn-check:not(:focus-visible) + .btn {
  background-color: var(--bravo-color-light-alt);
  border-color: var(--bravo-color-light-alt);
  color: var(--bravo-color-dark);
}
[type=checkbox].btn-check.active + .btn, [type=checkbox].btn-check:active + .btn, [type=checkbox].btn-check:hover + .btn,
[type=radio].btn-check.active + .btn,
[type=radio].btn-check:active + .btn,
[type=radio].btn-check:hover + .btn {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}

.btn-dark, .show > .btn-dark.dropdown-toggle {
  background-color: var(--bravo-color-dark);
  border-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
}
.btn-dark:focus {
  background-color: #516272;
  border-color: #516272;
  color: var(--bravo-color-light);
}
.btn-dark:not(:focus-visible) {
  background-color: var(--bravo-color-dark);
  border-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
}
.btn-dark.active, .btn-dark:active, .btn-dark:hover {
  background-color: #516272;
  border-color: #516272;
  color: var(--bravo-color-light);
}

.btn-check + .btn-dark {
  background-color: var(--bravo-color-dark);
  border-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-dark {
  background-color: #516272;
  border-color: #516272;
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-dark {
  background-color: var(--bravo-color-dark);
  border-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-dark, .btn-check:active + .btn-dark, .btn-check:hover + .btn-dark {
  background-color: #516272;
  border-color: #516272;
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-dark,
[type=radio].btn-check:checked + .btn-dark {
  background-color: var(--bravo-color-dark);
  border-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-dark,
[type=radio].btn-check:checked:focus + .btn-dark {
  background-color: #516272;
  border-color: #516272;
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-dark,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-dark {
  background-color: var(--bravo-color-dark);
  border-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-dark, [type=checkbox].btn-check:checked:active + .btn-dark, [type=checkbox].btn-check:checked:hover + .btn-dark,
[type=radio].btn-check:checked.active + .btn-dark,
[type=radio].btn-check:checked:active + .btn-dark,
[type=radio].btn-check:checked:hover + .btn-dark {
  background-color: #516272;
  border-color: #516272;
  color: var(--bravo-color-light);
}

.btn-accent, .show > .btn-accent.dropdown-toggle {
  background-color: var(--bravo-color-accent);
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-light);
}
.btn-accent:focus {
  background-color: #ff8b46;
  border-color: #ff8b46;
  color: var(--bravo-color-light);
}
.btn-accent:not(:focus-visible) {
  background-color: var(--bravo-color-accent);
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-light);
}
.btn-accent.active, .btn-accent:active, .btn-accent:hover {
  background-color: #ff8b46;
  border-color: #ff8b46;
  color: var(--bravo-color-light);
}

.btn-check + .btn-accent {
  background-color: var(--bravo-color-accent);
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-accent {
  background-color: #ff8b46;
  border-color: #ff8b46;
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-accent {
  background-color: var(--bravo-color-accent);
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-accent, .btn-check:active + .btn-accent, .btn-check:hover + .btn-accent {
  background-color: #ff8b46;
  border-color: #ff8b46;
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-accent,
[type=radio].btn-check:checked + .btn-accent {
  background-color: var(--bravo-color-accent);
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-accent,
[type=radio].btn-check:checked:focus + .btn-accent {
  background-color: #ff8b46;
  border-color: #ff8b46;
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-accent,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-accent {
  background-color: var(--bravo-color-accent);
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-accent, [type=checkbox].btn-check:checked:active + .btn-accent, [type=checkbox].btn-check:checked:hover + .btn-accent,
[type=radio].btn-check:checked.active + .btn-accent,
[type=radio].btn-check:checked:active + .btn-accent,
[type=radio].btn-check:checked:hover + .btn-accent {
  background-color: #ff8b46;
  border-color: #ff8b46;
  color: var(--bravo-color-light);
}

.btn-warning, .show > .btn-warning.dropdown-toggle {
  background-color: var(--bravo-color-warning);
  border-color: var(--bravo-color-warning);
  color: var(--bravo-color-light);
}
.btn-warning:focus {
  background-color: #f43939;
  border-color: #f43939;
  color: var(--bravo-color-light);
}
.btn-warning:not(:focus-visible) {
  background-color: var(--bravo-color-warning);
  border-color: var(--bravo-color-warning);
  color: var(--bravo-color-light);
}
.btn-warning.active, .btn-warning:active, .btn-warning:hover {
  background-color: #f43939;
  border-color: #f43939;
  color: var(--bravo-color-light);
}

.btn-check + .btn-warning {
  background-color: var(--bravo-color-warning);
  border-color: var(--bravo-color-warning);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-warning {
  background-color: #f43939;
  border-color: #f43939;
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-warning {
  background-color: var(--bravo-color-warning);
  border-color: var(--bravo-color-warning);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-warning, .btn-check:active + .btn-warning, .btn-check:hover + .btn-warning {
  background-color: #f43939;
  border-color: #f43939;
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-warning,
[type=radio].btn-check:checked + .btn-warning {
  background-color: var(--bravo-color-warning);
  border-color: var(--bravo-color-warning);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-warning,
[type=radio].btn-check:checked:focus + .btn-warning {
  background-color: #f43939;
  border-color: #f43939;
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-warning,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-warning {
  background-color: var(--bravo-color-warning);
  border-color: var(--bravo-color-warning);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-warning, [type=checkbox].btn-check:checked:active + .btn-warning, [type=checkbox].btn-check:checked:hover + .btn-warning,
[type=radio].btn-check:checked.active + .btn-warning,
[type=radio].btn-check:checked:active + .btn-warning,
[type=radio].btn-check:checked:hover + .btn-warning {
  background-color: #f43939;
  border-color: #f43939;
  color: var(--bravo-color-light);
}

.btn-iam-smart, .show > .btn-iam-smart.dropdown-toggle {
  background-color: var(--bravo-color-iam-smart);
  border-color: var(--bravo-color-iam-smart);
  color: var(--bravo-color-light);
}
.btn-iam-smart:focus {
  background-color: #3ca492;
  border-color: #3ca492;
  color: var(--bravo-color-light);
}
.btn-iam-smart:not(:focus-visible) {
  background-color: var(--bravo-color-iam-smart);
  border-color: var(--bravo-color-iam-smart);
  color: var(--bravo-color-light);
}
.btn-iam-smart.active, .btn-iam-smart:active, .btn-iam-smart:hover {
  background-color: #3ca492;
  border-color: #3ca492;
  color: var(--bravo-color-light);
}

.btn-check + .btn-iam-smart {
  background-color: var(--bravo-color-iam-smart);
  border-color: var(--bravo-color-iam-smart);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-iam-smart {
  background-color: #3ca492;
  border-color: #3ca492;
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-iam-smart {
  background-color: var(--bravo-color-iam-smart);
  border-color: var(--bravo-color-iam-smart);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-iam-smart, .btn-check:active + .btn-iam-smart, .btn-check:hover + .btn-iam-smart {
  background-color: #3ca492;
  border-color: #3ca492;
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-iam-smart,
[type=radio].btn-check:checked + .btn-iam-smart {
  background-color: var(--bravo-color-iam-smart);
  border-color: var(--bravo-color-iam-smart);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-iam-smart,
[type=radio].btn-check:checked:focus + .btn-iam-smart {
  background-color: #3ca492;
  border-color: #3ca492;
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-iam-smart,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-iam-smart {
  background-color: var(--bravo-color-iam-smart);
  border-color: var(--bravo-color-iam-smart);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-iam-smart, [type=checkbox].btn-check:checked:active + .btn-iam-smart, [type=checkbox].btn-check:checked:hover + .btn-iam-smart,
[type=radio].btn-check:checked.active + .btn-iam-smart,
[type=radio].btn-check:checked:active + .btn-iam-smart,
[type=radio].btn-check:checked:hover + .btn-iam-smart {
  background-color: #3ca492;
  border-color: #3ca492;
  color: var(--bravo-color-light);
}

.btn-type-plan, .show > .btn-type-plan.dropdown-toggle {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
.btn-type-plan:focus {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
.btn-type-plan:not(:focus-visible) {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
.btn-type-plan.active, .btn-type-plan:active, .btn-type-plan:hover {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}

.btn-check + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-type-plan, .btn-check:active + .btn-type-plan, .btn-check:hover + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-type-plan,
[type=radio].btn-check:checked + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-type-plan,
[type=radio].btn-check:checked:focus + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-type-plan,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-type-plan, [type=checkbox].btn-check:checked:active + .btn-type-plan, [type=checkbox].btn-check:checked:hover + .btn-type-plan,
[type=radio].btn-check:checked.active + .btn-type-plan,
[type=radio].btn-check:checked:active + .btn-type-plan,
[type=radio].btn-check:checked:hover + .btn-type-plan {
  background-color: var(--bravo-color-type-plan);
  border-color: var(--bravo-color-type-plan);
  color: var(--bravo-color-light);
}

.btn-type-doc, .show > .btn-type-doc.dropdown-toggle {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
.btn-type-doc:focus {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
.btn-type-doc:not(:focus-visible) {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
.btn-type-doc.active, .btn-type-doc:active, .btn-type-doc:hover {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}

.btn-check + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-type-doc, .btn-check:active + .btn-type-doc, .btn-check:hover + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-type-doc,
[type=radio].btn-check:checked + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-type-doc,
[type=radio].btn-check:checked:focus + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-type-doc,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-type-doc, [type=checkbox].btn-check:checked:active + .btn-type-doc, [type=checkbox].btn-check:checked:hover + .btn-type-doc,
[type=radio].btn-check:checked.active + .btn-type-doc,
[type=radio].btn-check:checked:active + .btn-type-doc,
[type=radio].btn-check:checked:hover + .btn-type-doc {
  background-color: var(--bravo-color-type-doc);
  border-color: var(--bravo-color-type-doc);
  color: var(--bravo-color-light);
}

.btn-type-mw, .show > .btn-type-mw.dropdown-toggle {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
.btn-type-mw:focus {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
.btn-type-mw:not(:focus-visible) {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
.btn-type-mw.active, .btn-type-mw:active, .btn-type-mw:hover {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}

.btn-check + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-type-mw, .btn-check:active + .btn-type-mw, .btn-check:hover + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-type-mw,
[type=radio].btn-check:checked + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-type-mw,
[type=radio].btn-check:checked:focus + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-type-mw,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-type-mw, [type=checkbox].btn-check:checked:active + .btn-type-mw, [type=checkbox].btn-check:checked:hover + .btn-type-mw,
[type=radio].btn-check:checked.active + .btn-type-mw,
[type=radio].btn-check:checked:active + .btn-type-mw,
[type=radio].btn-check:checked:hover + .btn-type-mw {
  background-color: var(--bravo-color-type-mw);
  border-color: var(--bravo-color-type-mw);
  color: var(--bravo-color-light);
}

.btn-type-op, .show > .btn-type-op.dropdown-toggle {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
.btn-type-op:focus {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
.btn-type-op:not(:focus-visible) {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
.btn-type-op.active, .btn-type-op:active, .btn-type-op:hover {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}

.btn-check + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-type-op, .btn-check:active + .btn-type-op, .btn-check:hover + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-type-op,
[type=radio].btn-check:checked + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-type-op,
[type=radio].btn-check:checked:focus + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-type-op,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-type-op, [type=checkbox].btn-check:checked:active + .btn-type-op, [type=checkbox].btn-check:checked:hover + .btn-type-op,
[type=radio].btn-check:checked.active + .btn-type-op,
[type=radio].btn-check:checked:active + .btn-type-op,
[type=radio].btn-check:checked:hover + .btn-type-op {
  background-color: var(--bravo-color-type-op);
  border-color: var(--bravo-color-type-op);
  color: var(--bravo-color-light);
}

.btn-dark-alt, .show > .btn-dark-alt.dropdown-toggle {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-light);
}
.btn-dark-alt:focus {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
  color: var(--bravo-color-light);
}
.btn-dark-alt:not(:focus-visible) {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-light);
}
.btn-dark-alt.active, .btn-dark-alt:active, .btn-dark-alt:hover {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
  color: var(--bravo-color-light);
}

.btn-check + .btn-dark-alt {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-dark-alt {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
  color: var(--bravo-color-light);
}
.btn-check:not(:focus-visible) + .btn-dark-alt {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-dark-alt, .btn-check:active + .btn-dark-alt, .btn-check:hover + .btn-dark-alt {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
  color: var(--bravo-color-light);
}

[type=checkbox].btn-check:checked + .btn-dark-alt,
[type=radio].btn-check:checked + .btn-dark-alt {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-dark-alt,
[type=radio].btn-check:checked:focus + .btn-dark-alt {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-dark-alt,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-dark-alt {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-dark-alt, [type=checkbox].btn-check:checked:active + .btn-dark-alt, [type=checkbox].btn-check:checked:hover + .btn-dark-alt,
[type=radio].btn-check:checked.active + .btn-dark-alt,
[type=radio].btn-check:checked:active + .btn-dark-alt,
[type=radio].btn-check:checked:hover + .btn-dark-alt {
  background-color: #a0a0a0;
  border-color: #a0a0a0;
  color: var(--bravo-color-light);
}

.btn-light, .show > .btn-light.dropdown-toggle {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
}
.btn-light:focus {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}
.btn-light:not(:focus-visible) {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
}
.btn-light.active, .btn-light:active, .btn-light:hover {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}

.btn-check + .btn-light {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
}
.btn-check:focus + .btn-light {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}
.btn-check:not(:focus-visible) + .btn-light {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
}
.btn-check.active + .btn-light, .btn-check:active + .btn-light, .btn-check:hover + .btn-light {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}

[type=checkbox].btn-check:checked + .btn-light,
[type=radio].btn-check:checked + .btn-light {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
}
[type=checkbox].btn-check:checked:focus + .btn-light,
[type=radio].btn-check:checked:focus + .btn-light {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-light,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-light {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
}
[type=checkbox].btn-check:checked.active + .btn-light, [type=checkbox].btn-check:checked:active + .btn-light, [type=checkbox].btn-check:checked:hover + .btn-light,
[type=radio].btn-check:checked.active + .btn-light,
[type=radio].btn-check:checked:active + .btn-light,
[type=radio].btn-check:checked:hover + .btn-light {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
  color: var(--bravo-color-dark);
}

.btn-outline-light, .show > .btn-outline-light.dropdown-toggle {
  background-color: transparent;
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-light);
}
.btn-outline-light:focus {
  background-color: transparent;
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-accent);
}
.btn-outline-light:not(:focus-visible) {
  background-color: transparent;
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-light);
}
.btn-outline-light.active, .btn-outline-light:active, .btn-outline-light:hover {
  background-color: transparent;
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-accent);
}

.btn-check + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-light);
}
.btn-check:focus + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-accent);
}
.btn-check:not(:focus-visible) + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-light);
}
.btn-check.active + .btn-outline-light, .btn-check:active + .btn-outline-light, .btn-check:hover + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-accent);
}

[type=checkbox].btn-check:checked + .btn-outline-light,
[type=radio].btn-check:checked + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked:focus + .btn-outline-light,
[type=radio].btn-check:checked:focus + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-accent);
}
[type=checkbox].btn-check:checked:not(:focus-visible) + .btn-outline-light,
[type=radio].btn-check:checked:not(:focus-visible) + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-light);
}
[type=checkbox].btn-check:checked.active + .btn-outline-light, [type=checkbox].btn-check:checked:active + .btn-outline-light, [type=checkbox].btn-check:checked:hover + .btn-outline-light,
[type=radio].btn-check:checked.active + .btn-outline-light,
[type=radio].btn-check:checked:active + .btn-outline-light,
[type=radio].btn-check:checked:hover + .btn-outline-light {
  background-color: transparent;
  border-color: var(--bravo-color-accent);
  color: var(--bravo-color-accent);
}

[type=checkbox].btn-check + .btn-light.btn-icon-only,
[type=radio].btn-check + .btn-light.btn-icon-only {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
}
[type=checkbox].btn-check:focus + .btn-light.btn-icon-only,
[type=radio].btn-check:focus + .btn-light.btn-icon-only {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
[type=checkbox].btn-check:not(:focus-visible) + .btn-light.btn-icon-only,
[type=radio].btn-check:not(:focus-visible) + .btn-light.btn-icon-only {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
}
[type=checkbox].btn-check.active + .btn-light.btn-icon-only, [type=checkbox].btn-check:active + .btn-light.btn-icon-only, [type=checkbox].btn-check:hover + .btn-light.btn-icon-only,
[type=radio].btn-check.active + .btn-light.btn-icon-only,
[type=radio].btn-check:active + .btn-light.btn-icon-only,
[type=radio].btn-check:hover + .btn-light.btn-icon-only {
  background-color: #f8f8f8;
  border-color: #f8f8f8;
}
[type=checkbox].btn-check:not(:checked) + .btn-light.btn-icon-only,
[type=radio].btn-check:not(:checked) + .btn-light.btn-icon-only {
  color: var(--bravo-color-border);
}
[type=checkbox].btn-check:checked + .btn-light.btn-icon-only,
[type=radio].btn-check:checked + .btn-light.btn-icon-only {
  color: var(--bravo-color-dark);
}

.btn.disabled, .btn.disabled.active, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-border);
  opacity: 1;
}

.btn-check[disabled] + .btn, .btn-check[disabled][type=checkbox] + .btn, .btn-check[disabled][type=radio] + .btn, .btn-check[disabled][type=checkbox]:checked + .btn, .btn-check[disabled][type=radio]:checked + .btn {
  background-color: var(--bravo-color-dark-alt);
  border-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-border);
  opacity: 1;
}
.btn-check[disabled] + .btn-light.btn-icon-only, .btn-check[disabled][type=checkbox] + .btn-light.btn-icon-only, .btn-check[disabled][type=radio] + .btn-light.btn-icon-only, .btn-check[disabled][type=checkbox]:checked + .btn-light.btn-icon-only, .btn-check[disabled][type=radio]:checked + .btn-light.btn-icon-only {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-light);
  color: var(--bravo-color-light-alt);
}

.btn-group-sm > .btn,
.btn-sm {
  --bravo-btn-height: 22;
  --bravo-btn-spacing-x: 10;
  --bravo-btn-icon-width: 16;
  min-width: 50px;
  --bravo-font-size: var(--bravo-font-size-xxs);
  --bravo-line-height: var(--bravo-line-height-xxs);
}

[aria-expanded=true] .collapse-toggle-expand-content,
[aria-expanded=false] .collapse-toggle-collapse-content {
  display: none;
}

.card {
  --bravo-card-padding-x: 15;
  --bravo-card-padding-y: 15;
  background: none;
  border: 0;
  border-radius: 0;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .card {
    --bravo-card-padding-x: 25;
    --bravo-card-padding-y: 25;
  }
}

.card-header {
  align-items: center;
  background-color: var(--bravo-color-dark);
  border-bottom: 0;
  color: var(--bravo-color-light);
  display: flex;
  position: relative;
  padding-bottom: 0;
  padding-left: calc(1px * var(--bravo-card-padding-x) * 5 / 3);
  padding-right: calc(1px * var(--bravo-card-padding-x));
  padding-top: 0;
}
.card-header::before {
  background-color: var(--bravo-color-decoration);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: calc(1px * var(--bravo-card-padding-x));
}
.card-header:first-child {
  border-top-left-radius: calc(1px * var(--bravo-border-radius) * 2);
  border-top-right-radius: calc(1px * var(--bravo-border-radius));
}
.card-header:first-child::before {
  border-top-left-radius: calc(1px * var(--bravo-border-radius));
}
@media (min-width: 768px) {
  .card-header {
    padding-left: calc(1px * var(--bravo-card-padding-x) * 2);
  }
  .card-header::before {
    width: 25px;
  }
}
.card-header .card-title {
  font-weight: var(--bravo-font-weight-bold);
  margin-bottom: 0;
  padding: 10px 0;
  --bravo-font-size: var(--bravo-font-size-body);
  --bravo-line-height: var(--bravo-line-height-body);
}

.card-body {
  --bravo-card-body-border-width: 0;
  --bravo-list-indent: var(--bravo-card-padding-x);
  background-color: var(--bravo-color-light-alt);
  border-bottom-left-radius: calc(1px * var(--bravo-border-radius));
  border-bottom-right-radius: calc(1px * var(--bravo-border-radius));
  border-color: var(--bravo-color-border);
  border-style: solid;
  border-width: calc(1px * var(--bravo-card-body-border-width));
  padding-bottom: calc(1px * (var(--bravo-card-padding-y) - var(--bravo-card-body-border-width)));
  padding-left: calc(1px * (var(--bravo-card-padding-x) - var(--bravo-card-body-border-width)));
  padding-right: calc(1px * (var(--bravo-card-padding-x) - var(--bravo-card-body-border-width)));
  padding-top: calc(1px * (var(--bravo-card-padding-y) - var(--bravo-card-body-border-width)));
}
@media (min-width: 768px) {
  .card-body {
    --bravo-card-body-border-width: 1;
    background-color: var(--bravo-color-light);
  }
}
.card-body > :first-child {
  margin-top: 0;
}
.card-body > :last-child {
  margin-bottom: 0;
}
.card-body > .card-bottom:last-child {
  margin-bottom: calc(-1px * (var(--bravo-card-padding-y) - var(--bravo-card-body-border-width)));
}

.card-full-width {
  margin-left: calc(-1px * (var(--bravo-card-padding-x) - var(--bravo-card-body-border-width)));
  margin-right: calc(-1px * (var(--bravo-card-padding-x) - var(--bravo-card-body-border-width)));
  padding-left: calc(1px * (var(--bravo-card-padding-x) - var(--bravo-card-body-border-width)));
  padding-right: calc(1px * (var(--bravo-card-padding-x) - var(--bravo-card-body-border-width)));
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-left: calc(var(--bs-gutter-x) / 2);
  padding-right: calc(var(--bs-gutter-x) / 2);
}

:root {
  --bravo-form-check-height: 20;
}

.form-check {
  margin-bottom: 0;
  min-height: calc(1px * var(--bravo-form-check-height));
  padding-left: 20px;
  position: relative;
}
.form-check .form-check-input {
  left: 0;
  margin-left: 0;
  position: absolute;
  top: 0;
}
.form-check .form-check-input-center {
  top: 50%;
  margin-top: calc(-1px * var(--bravo-form-check-height) / 2);
}

.form-check-inline {
  margin-right: 25px;
}
.form-check-inline:last-child {
  margin-right: 0;
}

.form-check-input {
  height: calc(1px * var(--bravo-form-check-height));
  margin-top: 0;
  position: relative;
  width: calc(1px * var(--bravo-form-check-height));
}
.form-check-input, .form-check-input:checked {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-dark-alt);
}
.form-check-input:checked:before {
  background-color: var(--bravo-color-dark);
  content: "";
  height: calc(1px * var(--bravo-form-check-height) / 2);
  left: 50%;
  margin-left: calc(-1px * var(--bravo-form-check-height) / 4);
  margin-top: calc(-1px * var(--bravo-form-check-height) / 4);
  position: absolute;
  top: 50%;
  width: calc(1px * var(--bravo-form-check-height) / 2);
}
.form-check-input[type=checkbox] {
  border-radius: calc(1px * var(--bravo-border-radius));
}
.form-check-input[type=checkbox]:checked {
  background-image: none;
}
.form-check-input[type=checkbox]:checked:before {
  border-radius: 1px;
}
.form-check-input[type=radio]:checked {
  background-image: none;
}
.form-check-input[type=radio]:checked:before {
  border-radius: 50%;
}
.form-check-input:focus {
  border-color: var(--bravo-color-primary);
  border-width: 2px;
  box-shadow: none;
}
.form-check-input:not(:focus-visible) {
  border-color: var(--bravo-color-dark-alt);
  border-width: 1px;
}
.form-check-input:active, .form-check-input:hover {
  border-color: var(--bravo-color-primary);
  border-width: 2px;
}
.form-check-input:disabled {
  opacity: 1;
}
.form-check-input:disabled:checked:before {
  background-color: var(--bravo-color-border);
}
.form-check-input:disabled, .form-check-input:disabled:active, .form-check-input:disabled:focus, .form-check-input:disabled:hover {
  background-color: var(--bravo-color-light-alt);
  border-color: var(--bravo-color-border);
  border-width: 1px;
}

.form-check-label {
  font-weight: var(--bravo-font-weight-bold);
  padding-bottom: calc(1px * (var(--bravo-form-check-height) - var(--bravo-line-height)) / 2);
  padding-left: 5px;
  padding-top: calc(1px * (var(--bravo-form-check-height) - var(--bravo-line-height)) / 2);
}

:root {
  --bravo-form-control-height: 40;
}

.form-control {
  --bravo-form-control-spacing-x: 15;
  --bravo-form-control-border-width: 1;
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-border);
  border-radius: calc(1px * var(--bravo-border-radius));
  border-width: calc(1px * var(--bravo-form-control-border-width));
  color: var(--bravo-color-dark);
  font-weight: var(--bravo-font-weight-bold);
  padding-bottom: calc(1px * ((var(--bravo-form-control-height) - var(--bravo-line-height)) / 2 - var(--bravo-form-control-border-width)));
  padding-left: calc(1px * (var(--bravo-form-control-spacing-x) - var(--bravo-form-control-border-width)));
  padding-right: calc(1px * (var(--bravo-form-control-spacing-x) - var(--bravo-form-control-border-width)));
  padding-top: calc(1px * ((var(--bravo-form-control-height) - var(--bravo-line-height)) / 2 - var(--bravo-form-control-border-width)));
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}
.form-control:focus {
  --bravo-form-control-border-width: 2;
  border-color: var(--bravo-color-primary);
  box-shadow: none;
}
.form-control:not(:focus-visible) {
  --bravo-form-control-border-width: 1;
  border-color: var(--bravo-color-border);
}
.form-control:active, .form-control:hover {
  --bravo-form-control-border-width: 2;
  border-color: var(--bravo-color-primary);
}
.form-control:disabled, .form-control:disabled:active, .form-control:disabled:focus, .form-control:disabled:hover, .form-control[readonly], .form-control[readonly]:active, .form-control[readonly]:focus, .form-control[readonly]:hover {
  --bravo-form-control-border-width: 1;
  background-color: var(--bravo-color-light-alt);
  border-color: var(--bravo-color-border);
}
.form-control:disabled, .form-control:disabled:active, .form-control:disabled:focus, .form-control:disabled:hover {
  color: var(--bravo-color-border);
}
.form-control::placeholder {
  color: var(--bravo-color-border);
  font-weight: var(--bravo-font-weight-normal);
}
.ios .form-control {
  height: calc(1px * var(--bravo-form-control-height));
}

.input-group > .form-control:active, .input-group > .form-control:hover,
.input-group > .form-select:active,
.input-group > .form-select:hover {
  z-index: 3;
}
.input-group .btn-light {
  border-color: var(--bravo-color-border);
}

.form-label,
.col-form-label {
  font-weight: var(--bravo-font-weight-bold);
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}

.form-label {
  margin-bottom: 8px;
}

.col-form-label {
  padding-bottom: calc(1px * (var(--bravo-form-control-height) - var(--bravo-line-height)) / 2);
  padding-top: calc(1px * (var(--bravo-form-control-height) - var(--bravo-line-height)) / 2);
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}

.g-0 {
  --bs-gutter-x: 0px;
  --bs-gutter-y: 0px;
}

.gx-0 {
  --bs-gutter-x: 0px;
}

.gy-0 {
  --bs-gutter-y: 0px;
}

.g-05 {
  --bs-gutter-x: 5px;
  --bs-gutter-y: 5px;
}

.gx-05 {
  --bs-gutter-x: 5px;
}

.gy-05 {
  --bs-gutter-y: 5px;
}

.g-10 {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gy-10 {
  --bs-gutter-y: 10px;
}

.g-15 {
  --bs-gutter-x: 15px;
  --bs-gutter-y: 15px;
}

.gx-15 {
  --bs-gutter-x: 15px;
}

.gy-15 {
  --bs-gutter-y: 15px;
}

.g-20 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gy-20 {
  --bs-gutter-y: 20px;
}

.g-25 {
  --bs-gutter-x: 25px;
  --bs-gutter-y: 25px;
}

.gx-25 {
  --bs-gutter-x: 25px;
}

.gy-25 {
  --bs-gutter-y: 25px;
}

.g-30 {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

.gx-30 {
  --bs-gutter-x: 30px;
}

.gy-30 {
  --bs-gutter-y: 30px;
}

.g-35 {
  --bs-gutter-x: 35px;
  --bs-gutter-y: 35px;
}

.gx-35 {
  --bs-gutter-x: 35px;
}

.gy-35 {
  --bs-gutter-y: 35px;
}

.g-40 {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 40px;
}

.gx-40 {
  --bs-gutter-x: 40px;
}

.gy-40 {
  --bs-gutter-y: 40px;
}

.g-45 {
  --bs-gutter-x: 45px;
  --bs-gutter-y: 45px;
}

.gx-45 {
  --bs-gutter-x: 45px;
}

.gy-45 {
  --bs-gutter-y: 45px;
}

.g-50 {
  --bs-gutter-x: 50px;
  --bs-gutter-y: 50px;
}

.gx-50 {
  --bs-gutter-x: 50px;
}

.gy-50 {
  --bs-gutter-y: 50px;
}

.g-xs-0 {
  --bs-gutter-x: 0px;
  --bs-gutter-y: 0px;
}

.gx-xs-0 {
  --bs-gutter-x: 0px;
}

.gy-xs-0 {
  --bs-gutter-y: 0px;
}

.g-xs-05 {
  --bs-gutter-x: 5px;
  --bs-gutter-y: 5px;
}

.gx-xs-05 {
  --bs-gutter-x: 5px;
}

.gy-xs-05 {
  --bs-gutter-y: 5px;
}

.g-xs-10 {
  --bs-gutter-x: 10px;
  --bs-gutter-y: 10px;
}

.gx-xs-10 {
  --bs-gutter-x: 10px;
}

.gy-xs-10 {
  --bs-gutter-y: 10px;
}

.g-xs-15 {
  --bs-gutter-x: 15px;
  --bs-gutter-y: 15px;
}

.gx-xs-15 {
  --bs-gutter-x: 15px;
}

.gy-xs-15 {
  --bs-gutter-y: 15px;
}

.g-xs-20 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

.gx-xs-20 {
  --bs-gutter-x: 20px;
}

.gy-xs-20 {
  --bs-gutter-y: 20px;
}

.g-xs-25 {
  --bs-gutter-x: 25px;
  --bs-gutter-y: 25px;
}

.gx-xs-25 {
  --bs-gutter-x: 25px;
}

.gy-xs-25 {
  --bs-gutter-y: 25px;
}

.g-xs-30 {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 30px;
}

.gx-xs-30 {
  --bs-gutter-x: 30px;
}

.gy-xs-30 {
  --bs-gutter-y: 30px;
}

.g-xs-35 {
  --bs-gutter-x: 35px;
  --bs-gutter-y: 35px;
}

.gx-xs-35 {
  --bs-gutter-x: 35px;
}

.gy-xs-35 {
  --bs-gutter-y: 35px;
}

.g-xs-40 {
  --bs-gutter-x: 40px;
  --bs-gutter-y: 40px;
}

.gx-xs-40 {
  --bs-gutter-x: 40px;
}

.gy-xs-40 {
  --bs-gutter-y: 40px;
}

.g-xs-45 {
  --bs-gutter-x: 45px;
  --bs-gutter-y: 45px;
}

.gx-xs-45 {
  --bs-gutter-x: 45px;
}

.gy-xs-45 {
  --bs-gutter-y: 45px;
}

.g-xs-50 {
  --bs-gutter-x: 50px;
  --bs-gutter-y: 50px;
}

.gx-xs-50 {
  --bs-gutter-x: 50px;
}

.gy-xs-50 {
  --bs-gutter-y: 50px;
}

@media (min-width: 576px) {
  .g-sm-0 {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0px;
  }
  .gx-sm-0 {
    --bs-gutter-x: 0px;
  }
  .gy-sm-0 {
    --bs-gutter-y: 0px;
  }
  .g-sm-05 {
    --bs-gutter-x: 5px;
    --bs-gutter-y: 5px;
  }
  .gx-sm-05 {
    --bs-gutter-x: 5px;
  }
  .gy-sm-05 {
    --bs-gutter-y: 5px;
  }
  .g-sm-10 {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }
  .gx-sm-10 {
    --bs-gutter-x: 10px;
  }
  .gy-sm-10 {
    --bs-gutter-y: 10px;
  }
  .g-sm-15 {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
  .gx-sm-15 {
    --bs-gutter-x: 15px;
  }
  .gy-sm-15 {
    --bs-gutter-y: 15px;
  }
  .g-sm-20 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .gx-sm-20 {
    --bs-gutter-x: 20px;
  }
  .gy-sm-20 {
    --bs-gutter-y: 20px;
  }
  .g-sm-25 {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
  }
  .gx-sm-25 {
    --bs-gutter-x: 25px;
  }
  .gy-sm-25 {
    --bs-gutter-y: 25px;
  }
  .g-sm-30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
  .gx-sm-30 {
    --bs-gutter-x: 30px;
  }
  .gy-sm-30 {
    --bs-gutter-y: 30px;
  }
  .g-sm-35 {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 35px;
  }
  .gx-sm-35 {
    --bs-gutter-x: 35px;
  }
  .gy-sm-35 {
    --bs-gutter-y: 35px;
  }
  .g-sm-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
  }
  .gx-sm-40 {
    --bs-gutter-x: 40px;
  }
  .gy-sm-40 {
    --bs-gutter-y: 40px;
  }
  .g-sm-45 {
    --bs-gutter-x: 45px;
    --bs-gutter-y: 45px;
  }
  .gx-sm-45 {
    --bs-gutter-x: 45px;
  }
  .gy-sm-45 {
    --bs-gutter-y: 45px;
  }
  .g-sm-50 {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
  }
  .gx-sm-50 {
    --bs-gutter-x: 50px;
  }
  .gy-sm-50 {
    --bs-gutter-y: 50px;
  }
}
@media (min-width: 768px) {
  .g-md-0 {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0px;
  }
  .gx-md-0 {
    --bs-gutter-x: 0px;
  }
  .gy-md-0 {
    --bs-gutter-y: 0px;
  }
  .g-md-05 {
    --bs-gutter-x: 5px;
    --bs-gutter-y: 5px;
  }
  .gx-md-05 {
    --bs-gutter-x: 5px;
  }
  .gy-md-05 {
    --bs-gutter-y: 5px;
  }
  .g-md-10 {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }
  .gx-md-10 {
    --bs-gutter-x: 10px;
  }
  .gy-md-10 {
    --bs-gutter-y: 10px;
  }
  .g-md-15 {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
  .gx-md-15 {
    --bs-gutter-x: 15px;
  }
  .gy-md-15 {
    --bs-gutter-y: 15px;
  }
  .g-md-20 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .gx-md-20 {
    --bs-gutter-x: 20px;
  }
  .gy-md-20 {
    --bs-gutter-y: 20px;
  }
  .g-md-25 {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
  }
  .gx-md-25 {
    --bs-gutter-x: 25px;
  }
  .gy-md-25 {
    --bs-gutter-y: 25px;
  }
  .g-md-30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
  .gx-md-30 {
    --bs-gutter-x: 30px;
  }
  .gy-md-30 {
    --bs-gutter-y: 30px;
  }
  .g-md-35 {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 35px;
  }
  .gx-md-35 {
    --bs-gutter-x: 35px;
  }
  .gy-md-35 {
    --bs-gutter-y: 35px;
  }
  .g-md-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
  }
  .gx-md-40 {
    --bs-gutter-x: 40px;
  }
  .gy-md-40 {
    --bs-gutter-y: 40px;
  }
  .g-md-45 {
    --bs-gutter-x: 45px;
    --bs-gutter-y: 45px;
  }
  .gx-md-45 {
    --bs-gutter-x: 45px;
  }
  .gy-md-45 {
    --bs-gutter-y: 45px;
  }
  .g-md-50 {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
  }
  .gx-md-50 {
    --bs-gutter-x: 50px;
  }
  .gy-md-50 {
    --bs-gutter-y: 50px;
  }
}
@media (min-width: 992px) {
  .g-lg-0 {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0px;
  }
  .gx-lg-0 {
    --bs-gutter-x: 0px;
  }
  .gy-lg-0 {
    --bs-gutter-y: 0px;
  }
  .g-lg-05 {
    --bs-gutter-x: 5px;
    --bs-gutter-y: 5px;
  }
  .gx-lg-05 {
    --bs-gutter-x: 5px;
  }
  .gy-lg-05 {
    --bs-gutter-y: 5px;
  }
  .g-lg-10 {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }
  .gx-lg-10 {
    --bs-gutter-x: 10px;
  }
  .gy-lg-10 {
    --bs-gutter-y: 10px;
  }
  .g-lg-15 {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
  .gx-lg-15 {
    --bs-gutter-x: 15px;
  }
  .gy-lg-15 {
    --bs-gutter-y: 15px;
  }
  .g-lg-20 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .gx-lg-20 {
    --bs-gutter-x: 20px;
  }
  .gy-lg-20 {
    --bs-gutter-y: 20px;
  }
  .g-lg-25 {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
  }
  .gx-lg-25 {
    --bs-gutter-x: 25px;
  }
  .gy-lg-25 {
    --bs-gutter-y: 25px;
  }
  .g-lg-30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
  .gx-lg-30 {
    --bs-gutter-x: 30px;
  }
  .gy-lg-30 {
    --bs-gutter-y: 30px;
  }
  .g-lg-35 {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 35px;
  }
  .gx-lg-35 {
    --bs-gutter-x: 35px;
  }
  .gy-lg-35 {
    --bs-gutter-y: 35px;
  }
  .g-lg-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
  }
  .gx-lg-40 {
    --bs-gutter-x: 40px;
  }
  .gy-lg-40 {
    --bs-gutter-y: 40px;
  }
  .g-lg-45 {
    --bs-gutter-x: 45px;
    --bs-gutter-y: 45px;
  }
  .gx-lg-45 {
    --bs-gutter-x: 45px;
  }
  .gy-lg-45 {
    --bs-gutter-y: 45px;
  }
  .g-lg-50 {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
  }
  .gx-lg-50 {
    --bs-gutter-x: 50px;
  }
  .gy-lg-50 {
    --bs-gutter-y: 50px;
  }
}
@media (min-width: 1200px) {
  .g-xl-0 {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0px;
  }
  .gx-xl-0 {
    --bs-gutter-x: 0px;
  }
  .gy-xl-0 {
    --bs-gutter-y: 0px;
  }
  .g-xl-05 {
    --bs-gutter-x: 5px;
    --bs-gutter-y: 5px;
  }
  .gx-xl-05 {
    --bs-gutter-x: 5px;
  }
  .gy-xl-05 {
    --bs-gutter-y: 5px;
  }
  .g-xl-10 {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }
  .gx-xl-10 {
    --bs-gutter-x: 10px;
  }
  .gy-xl-10 {
    --bs-gutter-y: 10px;
  }
  .g-xl-15 {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
  .gx-xl-15 {
    --bs-gutter-x: 15px;
  }
  .gy-xl-15 {
    --bs-gutter-y: 15px;
  }
  .g-xl-20 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .gx-xl-20 {
    --bs-gutter-x: 20px;
  }
  .gy-xl-20 {
    --bs-gutter-y: 20px;
  }
  .g-xl-25 {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
  }
  .gx-xl-25 {
    --bs-gutter-x: 25px;
  }
  .gy-xl-25 {
    --bs-gutter-y: 25px;
  }
  .g-xl-30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
  .gx-xl-30 {
    --bs-gutter-x: 30px;
  }
  .gy-xl-30 {
    --bs-gutter-y: 30px;
  }
  .g-xl-35 {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 35px;
  }
  .gx-xl-35 {
    --bs-gutter-x: 35px;
  }
  .gy-xl-35 {
    --bs-gutter-y: 35px;
  }
  .g-xl-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
  }
  .gx-xl-40 {
    --bs-gutter-x: 40px;
  }
  .gy-xl-40 {
    --bs-gutter-y: 40px;
  }
  .g-xl-45 {
    --bs-gutter-x: 45px;
    --bs-gutter-y: 45px;
  }
  .gx-xl-45 {
    --bs-gutter-x: 45px;
  }
  .gy-xl-45 {
    --bs-gutter-y: 45px;
  }
  .g-xl-50 {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
  }
  .gx-xl-50 {
    --bs-gutter-x: 50px;
  }
  .gy-xl-50 {
    --bs-gutter-y: 50px;
  }
}
@media (min-width: 1400px) {
  .g-xxl-0 {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0px;
  }
  .gx-xxl-0 {
    --bs-gutter-x: 0px;
  }
  .gy-xxl-0 {
    --bs-gutter-y: 0px;
  }
  .g-xxl-05 {
    --bs-gutter-x: 5px;
    --bs-gutter-y: 5px;
  }
  .gx-xxl-05 {
    --bs-gutter-x: 5px;
  }
  .gy-xxl-05 {
    --bs-gutter-y: 5px;
  }
  .g-xxl-10 {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }
  .gx-xxl-10 {
    --bs-gutter-x: 10px;
  }
  .gy-xxl-10 {
    --bs-gutter-y: 10px;
  }
  .g-xxl-15 {
    --bs-gutter-x: 15px;
    --bs-gutter-y: 15px;
  }
  .gx-xxl-15 {
    --bs-gutter-x: 15px;
  }
  .gy-xxl-15 {
    --bs-gutter-y: 15px;
  }
  .g-xxl-20 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 20px;
  }
  .gx-xxl-20 {
    --bs-gutter-x: 20px;
  }
  .gy-xxl-20 {
    --bs-gutter-y: 20px;
  }
  .g-xxl-25 {
    --bs-gutter-x: 25px;
    --bs-gutter-y: 25px;
  }
  .gx-xxl-25 {
    --bs-gutter-x: 25px;
  }
  .gy-xxl-25 {
    --bs-gutter-y: 25px;
  }
  .g-xxl-30 {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 30px;
  }
  .gx-xxl-30 {
    --bs-gutter-x: 30px;
  }
  .gy-xxl-30 {
    --bs-gutter-y: 30px;
  }
  .g-xxl-35 {
    --bs-gutter-x: 35px;
    --bs-gutter-y: 35px;
  }
  .gx-xxl-35 {
    --bs-gutter-x: 35px;
  }
  .gy-xxl-35 {
    --bs-gutter-y: 35px;
  }
  .g-xxl-40 {
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
  }
  .gx-xxl-40 {
    --bs-gutter-x: 40px;
  }
  .gy-xxl-40 {
    --bs-gutter-y: 40px;
  }
  .g-xxl-45 {
    --bs-gutter-x: 45px;
    --bs-gutter-y: 45px;
  }
  .gx-xxl-45 {
    --bs-gutter-x: 45px;
  }
  .gy-xxl-45 {
    --bs-gutter-y: 45px;
  }
  .g-xxl-50 {
    --bs-gutter-x: 50px;
    --bs-gutter-y: 50px;
  }
  .gx-xxl-50 {
    --bs-gutter-x: 50px;
  }
  .gy-xxl-50 {
    --bs-gutter-y: 50px;
  }
}
:root {
  --bravo-modal-header-min-height: 40;
  --bravo-modal-content-padding-x: 20;
  --bravo-modal-content-padding-y: 15;
}
@media (min-width: 768px) {
  :root {
    --bravo-modal-header-min-height: 50;
    --bravo-modal-content-padding-x: 40;
    --bravo-modal-content-padding-y: 20;
  }
}

.modal-dialog {
  --bravo-modal-dialog-spacing-y: 20;
  margin-bottom: calc(1px * var(--bravo-modal-dialog-spacing-y));
  margin-left: 20px;
  margin-right: 20px;
  margin-top: calc(1px * var(--bravo-modal-dialog-spacing-y));
}
@media (min-width: 576px) {
  .modal-dialog {
    --bravo-modal-dialog-spacing-y: 40;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 630px;
  }
}

.modal-dialog-centered {
  min-height: calc(100% - 1px * var(--bravo-modal-dialog-spacing-y) * 2);
}

.modal-content {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}

.modal-header {
  background-color: var(--bravo-color-dark);
  border-bottom: 0;
  border-top-left-radius: calc(1px * var(--bravo-border-radius) * 2);
  border-top-right-radius: calc(1px * var(--bravo-border-radius));
  color: var(--bravo-color-light);
  min-height: calc(1px * var(--bravo-modal-header-min-height));
  padding: 0 0 0 35px;
  position: relative;
}
.modal-header::before {
  background-color: var(--bravo-color-decoration);
  border-top-left-radius: calc(1px * var(--bravo-border-radius));
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.modal-header .btn-close {
  background: none;
  border-radius: calc(1px * var(--bravo-border-radius));
  color: inherit;
  display: flex;
  height: 100%;
  margin: 0;
  margin-bottom: -4px;
  margin-left: auto;
  margin-top: -4px;
  opacity: 1;
  padding: 4px 5px;
  width: auto;
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: color;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.modal-header .btn-close:focus {
  box-shadow: none;
  color: var(--bravo-color-accent);
}
.modal-header .btn-close:focus-visible {
  outline-color: var(--bravo-color-accent);
  outline-style: auto;
  outline-width: 1px;
}
.modal-header .btn-close:not(:focus-visible) {
  color: inherit;
}
.modal-header .btn-close:active, .modal-header .btn-close:hover {
  color: var(--bravo-color-accent);
}
@media (max-width: 360px) {
  .modal-header {
    padding-left: 30px;
  }
  .modal-header .btn-close {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .modal-header {
    padding-left: 45px;
  }
  .modal-header::before {
    width: 25px;
  }
  .modal-header .btn-close {
    margin-bottom: -9px;
    margin-top: -9px;
    padding: 9px 10px;
  }
}

.modal-title {
  font-weight: var(--bravo-font-weight-bold);
  padding: 10px 0;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}

.modal-header-icon {
  flex: none;
  margin-right: 10px;
  order: -1;
}
@media (max-width: 360px) {
  .modal-header-icon {
    margin-right: 5px;
  }
}
.modal-header-icon .svg-sprite {
  display: block;
}

.modal-body {
  background-color: var(--bravo-color-light);
  padding-bottom: calc(1px * var(--bravo-modal-content-padding-y));
  padding-left: calc(1px * var(--bravo-modal-content-padding-x));
  padding-right: calc(1px * var(--bravo-modal-content-padding-x));
  padding-top: calc(1px * var(--bravo-modal-content-padding-y));
}
.modal-body:last-child {
  border-bottom-left-radius: calc(1px * var(--bravo-border-radius));
  border-bottom-right-radius: calc(1px * var(--bravo-border-radius));
}

.modal-content-full-width {
  margin-left: calc(-1px * var(--bravo-modal-content-padding-x));
  margin-right: calc(-1px * var(--bravo-modal-content-padding-x));
  padding-left: calc(1px * var(--bravo-modal-content-padding-x));
  padding-right: calc(1px * var(--bravo-modal-content-padding-x));
}

.modal-footer {
  background-color: var(--bravo-color-light);
  border-bottom-left-radius: calc(1px * var(--bravo-border-radius));
  border-bottom-right-radius: calc(1px * var(--bravo-border-radius));
  border-top-color: var(--bravo-color-border);
  padding-bottom: calc(1px * var(--bravo-modal-content-padding-y));
  padding-left: calc(1px * var(--bravo-modal-content-padding-x));
  padding-right: calc(1px * var(--bravo-modal-content-padding-x));
  padding-top: calc(1px * var(--bravo-modal-content-padding-y));
}
.modal-footer .row {
  --bs-gutter-x: 10px;
  margin: 0 calc(-0.5 * var(--bs-gutter-x));
  width: calc(100% + var(--bs-gutter-x));
}
.modal-footer .col:not(:last-child) {
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .modal-footer {
    background-color: var(--bravo-color-light-alt);
    border-top-color: var(--bravo-color-light-alt);
  }
  .modal-footer .col:not(:last-child) {
    margin-bottom: 0;
  }
}

.nav-tabs {
  border-bottom-color: var(--bravo-color-dark);
}
.nav-tabs.disabled {
  border-bottom-color: var(--bravo-color-dark-alt);
}
.nav-tabs .nav-item:not(:last-child) {
  margin-right: 10px;
}
@media (max-width: 330px) {
  .nav-tabs .nav-item:not(:last-child) {
    margin-right: 5px;
  }
}
.nav-tabs .nav-link {
  align-items: center;
  border-top-left-radius: calc(1px * var(--bravo-border-radius) * 2);
  border-top-right-radius: calc(1px * var(--bravo-border-radius) * 2);
  display: flex;
  font-weight: var(--bravo-font-weight-bold);
  height: 50px;
  padding: 0 20px;
  position: relative;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
@media (max-width: 400px) {
  .nav-tabs .nav-link {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 360px) {
  .nav-tabs .nav-link {
    --bravo-font-size: var(--bravo-font-size-sm);
    --bravo-line-height: var(--bravo-line-height-sm);
  }
}
@media (max-width: 330px) {
  .nav-tabs .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.nav-tabs .nav-link, .nav-tabs .nav-link.disabled {
  color: var(--bravo-color-dark-alt);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: auto;
}
.nav-tabs .nav-link:focus {
  border-color: var(--bravo-color-dark-alt);
}
.nav-tabs .nav-link:not(:focus-visible) {
  border-color: transparent;
}
.nav-tabs .nav-link:active, .nav-tabs .nav-link:hover {
  border-color: var(--bravo-color-dark-alt);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-dark);
  border-bottom-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
}
.nav-tabs .nav-item.show .nav-link.disabled,
.nav-tabs .nav-link.active.disabled {
  border-color: var(--bravo-color-dark-alt);
  border-bottom-color: var(--bravo-color-light);
  color: var(--bravo-color-dark-alt);
}
.nav-tabs .nav-link-num {
  align-items: center;
  background-color: var(--bravo-color-dark-alt);
  border-radius: 50%;
  color: var(--bravo-color-light);
  display: flex;
  font-weight: var(--bravo-font-weight-bold);
  height: 22px;
  justify-content: center;
  margin-top: -8px;
  margin-right: -8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 22px;
  z-index: 1;
  --bravo-font-size: var(--bravo-font-size-xs);
  --bravo-line-height: var(--bravo-line-height-xs);
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: background-color;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.nav-tabs .nav-item.show .nav-link .nav-link-num,
.nav-tabs .nav-link.active .nav-link-num {
  background-color: var(--bravo-color-dark);
}

.tab-pane {
  padding-top: 15px;
}
.tab-pane > :first-child {
  margin-top: 0;
}
.tab-pane > :last-child {
  margin-bottom: 0;
}

@media (max-width: 767.98px) {
  .content-page-body .nav-tabs .nav-link-num-desktop-only {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    width: 1px;
  }
  .bold-red-border {
    width: 12rem !important;
  }
}
@media (min-width: 768px) {
  .content-page-body .nav-tabs {
    background-color: var(--bravo-color-dark-alt);
    border-bottom: 0;
  }
  .content-page-body .nav-tabs::before {
    content: none;
  }
  .content-page-body .nav-tabs .nav-item:not(:last-child) {
    margin-right: 0;
  }
  .content-page-body .nav-tabs .nav-item:first-child {
    margin-left: -30px;
  }
  .content-page-body .nav-tabs .nav-item:last-child {
    margin-right: -30px;
  }
  .content-page-body .nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    color: var(--bravo-color-light);
    height: 60px;
    margin-bottom: 0;
    padding: 0 30px;
  }
  .content-page-body .nav-tabs .nav-link:focus {
    text-decoration: underline;
  }
  .content-page-body .nav-tabs .nav-link:not(:focus-visible) {
    text-decoration: none;
  }
  .content-page-body .nav-tabs .nav-link:active, .content-page-body .nav-tabs .nav-link:hover {
    text-decoration: underline;
  }
  .content-page-body .nav-tabs .nav-item.show .nav-link,
.content-page-body .nav-tabs .nav-link.active {
    background-color: transparent;
    color: var(--bravo-color-light);
    text-decoration: underline;
  }
  .content-page-body .nav-tabs .nav-link-num {
    background-color: var(--bravo-color-light);
    color: var(--bravo-color-dark);
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    position: static;
  }
  .content-page-body .nav-tabs .nav-item.show .nav-link .nav-link-num,
.content-page-body .nav-tabs .nav-link.active .nav-link-num {
    background-color: var(--bravo-color-light);
  }
  .content-page-body > .nav-tabs:first-child {
    margin-top: calc(-1px * var(--bravo-content-page-padding-y));
  }
  .content-page-body > .nav-tabs:first-child .nav-link {
    height: 55px;
  }
}

.table-page-body .nav-tabs {
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
}
@media (max-width: 991.98px) {
  .table-page-body .nav-tabs .nav-link-num-desktop-only {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    width: 1px;
  }
  .table-page-body .nav-tabs {
    background-color: var(--bravo-color-light);
    padding-top: 15px;
    position: relative;
  }
  .table-page-body .nav-tabs::before {
    background-color: var(--bravo-color-light);
    border-bottom-color: var(--bravo-color-border);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    bottom: -16px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    right: 0;
  }
}
@media (min-width: 992px) {
  .table-page-body .nav-tabs {
    background-color: var(--bravo-color-dark-alt);
    border-bottom: 0;
  }
  .table-page-body .nav-tabs::before {
    content: none;
  }
  .table-page-body .nav-tabs .nav-item:not(:last-child) {
    margin-right: 0;
  }
  .table-page-body .nav-tabs .nav-item:first-child {
    margin-left: -30px;
  }
  .table-page-body .nav-tabs .nav-item:last-child {
    margin-right: -30px;
  }
  .table-page-body .nav-tabs .nav-link {
    border: 0;
    border-radius: 0;
    color: var(--bravo-color-light);
    height: 60px;
    margin-bottom: 0;
    padding: 0 30px;
  }
  .table-page-body .nav-tabs .nav-link:focus {
    text-decoration: underline;
  }
  .table-page-body .nav-tabs .nav-link:not(:focus-visible) {
    text-decoration: none;
  }
  .table-page-body .nav-tabs .nav-link:active, .table-page-body .nav-tabs .nav-link:hover {
    text-decoration: underline;
  }
  .table-page-body .nav-tabs .nav-item.show .nav-link,
.table-page-body .nav-tabs .nav-link.active {
    background-color: transparent;
    color: var(--bravo-color-light);
    text-decoration: underline;
  }
  .table-page-body .nav-tabs .nav-link-num {
    background-color: var(--bravo-color-light);
    color: var(--bravo-color-dark);
    margin-left: 5px;
    margin-right: 0;
    margin-top: 0;
    position: static;
  }
  .table-page-body .nav-tabs .nav-item.show .nav-link .nav-link-num,
.table-page-body .nav-tabs .nav-link.active .nav-link-num {
    background-color: var(--bravo-color-light);
  }
  .table-page-body .nav-tabs .nav-link {
    height: 60px;
  }
  .table-page-body .tab-pane {
    padding-top: 0;
  }
}

.rounded-1 {
  border-radius: calc(1px * var(--bravo-border-radius)) !important;
}

.rounded-2 {
  border-radius: calc(1px * var(--bravo-border-radius) * 2) !important;
}

.rounded-3 {
  border-radius: calc(1px * var(--bravo-border-radius) * 4) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-end-0 {
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.bg-primary {
  background-color: var(--bravo-color-primary) !important;
}

.border-primary {
  border-color: var(--bravo-color-primary) !important;
}

.text-primary {
  color: var(--bravo-color-primary) !important;
}

.bg-dark {
  background-color: var(--bravo-color-dark) !important;
}

.border-dark {
  border-color: var(--bravo-color-dark) !important;
}

.text-dark {
  color: var(--bravo-color-dark) !important;
}

.bg-accent {
  background-color: var(--bravo-color-accent) !important;
}

.border-accent {
  border-color: var(--bravo-color-accent) !important;
}

.text-accent {
  color: var(--bravo-color-accent) !important;
}

.bg-warning {
  background-color: var(--bravo-color-warning) !important;
}

.border-warning {
  border-color: var(--bravo-color-warning) !important;
}

.text-warning {
  color: var(--bravo-color-warning) !important;
}

.bg-iam-smart {
  background-color: var(--bravo-color-iam-smart) !important;
}

.border-iam-smart {
  border-color: var(--bravo-color-iam-smart) !important;
}

.text-iam-smart {
  color: var(--bravo-color-iam-smart) !important;
}

.bg-type-plan {
  background-color: var(--bravo-color-type-plan) !important;
}

.border-type-plan {
  border-color: var(--bravo-color-type-plan) !important;
}

.text-type-plan {
  color: var(--bravo-color-type-plan) !important;
}

.bg-type-doc {
  background-color: var(--bravo-color-type-doc) !important;
}

.border-type-doc {
  border-color: var(--bravo-color-type-doc) !important;
}

.text-type-doc {
  color: var(--bravo-color-type-doc) !important;
}

.bg-type-mw {
  background-color: var(--bravo-color-type-mw) !important;
}

.border-type-mw {
  border-color: var(--bravo-color-type-mw) !important;
}

.text-type-mw {
  color: var(--bravo-color-type-mw) !important;
}

.bg-type-op {
  background-color: var(--bravo-color-type-op) !important;
}

.border-type-op {
  border-color: var(--bravo-color-type-op) !important;
}

.text-type-op {
  color: var(--bravo-color-type-op) !important;
}

.bg-decoration {
  background-color: var(--bravo-color-decoration) !important;
}

.border-decoration {
  border-color: var(--bravo-color-decoration) !important;
}

.text-decoration {
  color: var(--bravo-color-decoration) !important;
}

.bg-status-paid {
  background-color: var(--bravo-color-status-paid) !important;
}

.border-status-paid {
  border-color: var(--bravo-color-status-paid) !important;
}

.text-status-paid {
  color: var(--bravo-color-status-paid) !important;
}

.bg-border {
  background-color: var(--bravo-color-border) !important;
}

.border-border {
  border-color: var(--bravo-color-border) !important;
}

.text-border {
  color: var(--bravo-color-border) !important;
}

.bg-dark-alt {
  background-color: var(--bravo-color-dark-alt) !important;
}

.border-dark-alt {
  border-color: var(--bravo-color-dark-alt) !important;
}

.text-dark-alt {
  color: var(--bravo-color-dark-alt) !important;
}

.bg-light-alt {
  background-color: var(--bravo-color-light-alt) !important;
}

.border-light-alt {
  border-color: var(--bravo-color-light-alt) !important;
}

.text-light-alt {
  color: var(--bravo-color-light-alt) !important;
}

.bg-light {
  background-color: var(--bravo-color-light) !important;
}

.border-light {
  border-color: var(--bravo-color-light) !important;
}

.text-light {
  color: var(--bravo-color-light) !important;
}

.bg-primary-alt {
  background-color: var(--bravo-color-primary-alt) !important;
}

.border-primary-alt {
  border-color: var(--bravo-color-primary-alt) !important;
}

.text-primary-alt {
  color: var(--bravo-color-primary-alt) !important;
}

@media (min-width: 1600px) {
  .d-xxxl-none {
    display: none;
  }
}
.fs-body {
  --bravo-font-size: var(--bravo-font-size-body) !important;
  --bravo-line-height: var(--bravo-line-height-body) !important;
  font-size: calc(1px * var(--bravo-font-size-body)) !important;
  line-height: calc(var(--bravo-line-height-body) / var(--bravo-font-size-body)) !important;
}

.fs-xxs {
  --bravo-font-size: var(--bravo-font-size-xxs) !important;
  --bravo-line-height: var(--bravo-line-height-xxs) !important;
  font-size: calc(1px * var(--bravo-font-size-xxs)) !important;
  line-height: calc(var(--bravo-line-height-xxs) / var(--bravo-font-size-xxs)) !important;
}

.fs-xs {
  --bravo-font-size: var(--bravo-font-size-xs) !important;
  --bravo-line-height: var(--bravo-line-height-xs) !important;
  font-size: calc(1px * var(--bravo-font-size-xs)) !important;
  line-height: calc(var(--bravo-line-height-xs) / var(--bravo-font-size-xs)) !important;
}

.fs-sm {
  --bravo-font-size: var(--bravo-font-size-sm) !important;
  --bravo-line-height: var(--bravo-line-height-sm) !important;
  font-size: calc(1px * var(--bravo-font-size-sm)) !important;
  line-height: calc(var(--bravo-line-height-sm) / var(--bravo-font-size-sm)) !important;
}

.fs-md {
  --bravo-font-size: var(--bravo-font-size-md) !important;
  --bravo-line-height: var(--bravo-line-height-md) !important;
  font-size: calc(1px * var(--bravo-font-size-md)) !important;
  line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md)) !important;
}

.fs-xs-body {
  --bravo-font-size: var(--bravo-font-size-body) !important;
  --bravo-line-height: var(--bravo-line-height-body) !important;
  font-size: calc(1px * var(--bravo-font-size-body)) !important;
  line-height: calc(var(--bravo-line-height-body) / var(--bravo-font-size-body)) !important;
}

.fs-xs-xxs {
  --bravo-font-size: var(--bravo-font-size-xxs) !important;
  --bravo-line-height: var(--bravo-line-height-xxs) !important;
  font-size: calc(1px * var(--bravo-font-size-xxs)) !important;
  line-height: calc(var(--bravo-line-height-xxs) / var(--bravo-font-size-xxs)) !important;
}

.fs-xs-xs {
  --bravo-font-size: var(--bravo-font-size-xs) !important;
  --bravo-line-height: var(--bravo-line-height-xs) !important;
  font-size: calc(1px * var(--bravo-font-size-xs)) !important;
  line-height: calc(var(--bravo-line-height-xs) / var(--bravo-font-size-xs)) !important;
}

.fs-xs-sm {
  --bravo-font-size: var(--bravo-font-size-sm) !important;
  --bravo-line-height: var(--bravo-line-height-sm) !important;
  font-size: calc(1px * var(--bravo-font-size-sm)) !important;
  line-height: calc(var(--bravo-line-height-sm) / var(--bravo-font-size-sm)) !important;
}

.fs-xs-md {
  --bravo-font-size: var(--bravo-font-size-md) !important;
  --bravo-line-height: var(--bravo-line-height-md) !important;
  font-size: calc(1px * var(--bravo-font-size-md)) !important;
  line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md)) !important;
}

@media (min-width: 576px) {
  .fs-sm-body {
    --bravo-font-size: var(--bravo-font-size-body) !important;
    --bravo-line-height: var(--bravo-line-height-body) !important;
    font-size: calc(1px * var(--bravo-font-size-body)) !important;
    line-height: calc(var(--bravo-line-height-body) / var(--bravo-font-size-body)) !important;
  }
  .fs-sm-xxs {
    --bravo-font-size: var(--bravo-font-size-xxs) !important;
    --bravo-line-height: var(--bravo-line-height-xxs) !important;
    font-size: calc(1px * var(--bravo-font-size-xxs)) !important;
    line-height: calc(var(--bravo-line-height-xxs) / var(--bravo-font-size-xxs)) !important;
  }
  .fs-sm-xs {
    --bravo-font-size: var(--bravo-font-size-xs) !important;
    --bravo-line-height: var(--bravo-line-height-xs) !important;
    font-size: calc(1px * var(--bravo-font-size-xs)) !important;
    line-height: calc(var(--bravo-line-height-xs) / var(--bravo-font-size-xs)) !important;
  }
  .fs-sm-sm {
    --bravo-font-size: var(--bravo-font-size-sm) !important;
    --bravo-line-height: var(--bravo-line-height-sm) !important;
    font-size: calc(1px * var(--bravo-font-size-sm)) !important;
    line-height: calc(var(--bravo-line-height-sm) / var(--bravo-font-size-sm)) !important;
  }
  .fs-sm-md {
    --bravo-font-size: var(--bravo-font-size-md) !important;
    --bravo-line-height: var(--bravo-line-height-md) !important;
    font-size: calc(1px * var(--bravo-font-size-md)) !important;
    line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md)) !important;
  }
}
@media (min-width: 768px) {
  .fs-md-body {
    --bravo-font-size: var(--bravo-font-size-body) !important;
    --bravo-line-height: var(--bravo-line-height-body) !important;
    font-size: calc(1px * var(--bravo-font-size-body)) !important;
    line-height: calc(var(--bravo-line-height-body) / var(--bravo-font-size-body)) !important;
  }
  .fs-md-xxs {
    --bravo-font-size: var(--bravo-font-size-xxs) !important;
    --bravo-line-height: var(--bravo-line-height-xxs) !important;
    font-size: calc(1px * var(--bravo-font-size-xxs)) !important;
    line-height: calc(var(--bravo-line-height-xxs) / var(--bravo-font-size-xxs)) !important;
  }
  .fs-md-xs {
    --bravo-font-size: var(--bravo-font-size-xs) !important;
    --bravo-line-height: var(--bravo-line-height-xs) !important;
    font-size: calc(1px * var(--bravo-font-size-xs)) !important;
    line-height: calc(var(--bravo-line-height-xs) / var(--bravo-font-size-xs)) !important;
  }
  .fs-md-sm {
    --bravo-font-size: var(--bravo-font-size-sm) !important;
    --bravo-line-height: var(--bravo-line-height-sm) !important;
    font-size: calc(1px * var(--bravo-font-size-sm)) !important;
    line-height: calc(var(--bravo-line-height-sm) / var(--bravo-font-size-sm)) !important;
  }
  .fs-md-md {
    --bravo-font-size: var(--bravo-font-size-md) !important;
    --bravo-line-height: var(--bravo-line-height-md) !important;
    font-size: calc(1px * var(--bravo-font-size-md)) !important;
    line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md)) !important;
  }
}
@media (min-width: 992px) {
  .fs-lg-body {
    --bravo-font-size: var(--bravo-font-size-body) !important;
    --bravo-line-height: var(--bravo-line-height-body) !important;
    font-size: calc(1px * var(--bravo-font-size-body)) !important;
    line-height: calc(var(--bravo-line-height-body) / var(--bravo-font-size-body)) !important;
  }
  .fs-lg-xxs {
    --bravo-font-size: var(--bravo-font-size-xxs) !important;
    --bravo-line-height: var(--bravo-line-height-xxs) !important;
    font-size: calc(1px * var(--bravo-font-size-xxs)) !important;
    line-height: calc(var(--bravo-line-height-xxs) / var(--bravo-font-size-xxs)) !important;
  }
  .fs-lg-xs {
    --bravo-font-size: var(--bravo-font-size-xs) !important;
    --bravo-line-height: var(--bravo-line-height-xs) !important;
    font-size: calc(1px * var(--bravo-font-size-xs)) !important;
    line-height: calc(var(--bravo-line-height-xs) / var(--bravo-font-size-xs)) !important;
  }
  .fs-lg-sm {
    --bravo-font-size: var(--bravo-font-size-sm) !important;
    --bravo-line-height: var(--bravo-line-height-sm) !important;
    font-size: calc(1px * var(--bravo-font-size-sm)) !important;
    line-height: calc(var(--bravo-line-height-sm) / var(--bravo-font-size-sm)) !important;
  }
  .fs-lg-md {
    --bravo-font-size: var(--bravo-font-size-md) !important;
    --bravo-line-height: var(--bravo-line-height-md) !important;
    font-size: calc(1px * var(--bravo-font-size-md)) !important;
    line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md)) !important;
  }
}
@media (min-width: 1200px) {
  .fs-xl-body {
    --bravo-font-size: var(--bravo-font-size-body) !important;
    --bravo-line-height: var(--bravo-line-height-body) !important;
    font-size: calc(1px * var(--bravo-font-size-body)) !important;
    line-height: calc(var(--bravo-line-height-body) / var(--bravo-font-size-body)) !important;
  }
  .fs-xl-xxs {
    --bravo-font-size: var(--bravo-font-size-xxs) !important;
    --bravo-line-height: var(--bravo-line-height-xxs) !important;
    font-size: calc(1px * var(--bravo-font-size-xxs)) !important;
    line-height: calc(var(--bravo-line-height-xxs) / var(--bravo-font-size-xxs)) !important;
  }
  .fs-xl-xs {
    --bravo-font-size: var(--bravo-font-size-xs) !important;
    --bravo-line-height: var(--bravo-line-height-xs) !important;
    font-size: calc(1px * var(--bravo-font-size-xs)) !important;
    line-height: calc(var(--bravo-line-height-xs) / var(--bravo-font-size-xs)) !important;
  }
  .fs-xl-sm {
    --bravo-font-size: var(--bravo-font-size-sm) !important;
    --bravo-line-height: var(--bravo-line-height-sm) !important;
    font-size: calc(1px * var(--bravo-font-size-sm)) !important;
    line-height: calc(var(--bravo-line-height-sm) / var(--bravo-font-size-sm)) !important;
  }
  .fs-xl-md {
    --bravo-font-size: var(--bravo-font-size-md) !important;
    --bravo-line-height: var(--bravo-line-height-md) !important;
    font-size: calc(1px * var(--bravo-font-size-md)) !important;
    line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md)) !important;
  }
}
@media (min-width: 1400px) {
  .fs-xxl-body {
    --bravo-font-size: var(--bravo-font-size-body) !important;
    --bravo-line-height: var(--bravo-line-height-body) !important;
    font-size: calc(1px * var(--bravo-font-size-body)) !important;
    line-height: calc(var(--bravo-line-height-body) / var(--bravo-font-size-body)) !important;
  }
  .fs-xxl-xxs {
    --bravo-font-size: var(--bravo-font-size-xxs) !important;
    --bravo-line-height: var(--bravo-line-height-xxs) !important;
    font-size: calc(1px * var(--bravo-font-size-xxs)) !important;
    line-height: calc(var(--bravo-line-height-xxs) / var(--bravo-font-size-xxs)) !important;
  }
  .fs-xxl-xs {
    --bravo-font-size: var(--bravo-font-size-xs) !important;
    --bravo-line-height: var(--bravo-line-height-xs) !important;
    font-size: calc(1px * var(--bravo-font-size-xs)) !important;
    line-height: calc(var(--bravo-line-height-xs) / var(--bravo-font-size-xs)) !important;
  }
  .fs-xxl-sm {
    --bravo-font-size: var(--bravo-font-size-sm) !important;
    --bravo-line-height: var(--bravo-line-height-sm) !important;
    font-size: calc(1px * var(--bravo-font-size-sm)) !important;
    line-height: calc(var(--bravo-line-height-sm) / var(--bravo-font-size-sm)) !important;
  }
  .fs-xxl-md {
    --bravo-font-size: var(--bravo-font-size-md) !important;
    --bravo-line-height: var(--bravo-line-height-md) !important;
    font-size: calc(1px * var(--bravo-font-size-md)) !important;
    line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md)) !important;
  }
}
.fw-normal {
  font-weight: var(--bravo-font-weight-normal) !important;
}

.fw-bold {
  font-weight: var(--bravo-font-weight-bold) !important;
}

.bold-red-border {
  border: 2px solid red;
  width: 18.6rem;
  margin-left: -1.5rem;
  padding-left: 1.5rem;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-xs-visible {
  overflow: visible !important;
}

.overflow-xs-auto {
  overflow: auto !important;
}

.overflow-xs-hidden {
  overflow: hidden !important;
}

.overflow-xs-scroll {
  overflow: scroll !important;
}

@media (min-width: 576px) {
  .overflow-sm-visible {
    overflow: visible !important;
  }
  .overflow-sm-auto {
    overflow: auto !important;
  }
  .overflow-sm-hidden {
    overflow: hidden !important;
  }
  .overflow-sm-scroll {
    overflow: scroll !important;
  }
}
@media (min-width: 768px) {
  .overflow-md-visible {
    overflow: visible !important;
  }
  .overflow-md-auto {
    overflow: auto !important;
  }
  .overflow-md-hidden {
    overflow: hidden !important;
  }
  .overflow-md-scroll {
    overflow: scroll !important;
  }
}
@media (min-width: 992px) {
  .overflow-lg-visible {
    overflow: visible !important;
  }
  .overflow-lg-auto {
    overflow: auto !important;
  }
  .overflow-lg-hidden {
    overflow: hidden !important;
  }
  .overflow-lg-scroll {
    overflow: scroll !important;
  }
}
@media (min-width: 1200px) {
  .overflow-xl-visible {
    overflow: visible !important;
  }
  .overflow-xl-auto {
    overflow: auto !important;
  }
  .overflow-xl-hidden {
    overflow: hidden !important;
  }
  .overflow-xl-scroll {
    overflow: scroll !important;
  }
}
@media (min-width: 1400px) {
  .overflow-xxl-visible {
    overflow: visible !important;
  }
  .overflow-xxl-auto {
    overflow: auto !important;
  }
  .overflow-xxl-hidden {
    overflow: hidden !important;
  }
  .overflow-xxl-scroll {
    overflow: scroll !important;
  }
}
.h-05 {
  height: 5% !important;
}

.w-05 {
  width: 5% !important;
}

@media (max-width: 991px) {
	.w-05 {
	    width: 100% !important;
	}
}

.h-10 {
  height: 10% !important;
}

.w-10 {
  width: 10% !important;
}

.h-15 {
  height: 15% !important;
}

.w-15 {
  width: 15% !important;
}

.h-20 {
  height: 20% !important;
}

.w-20 {
  width: 20% !important;
}

.h-25 {
  height: 25% !important;
}

.w-25 {
  width: 25% !important;
}

.h-30 {
  height: 30% !important;
}

.w-30 {
  width: 30% !important;
}

.h-35 {
  height: 35% !important;
}

.w-35 {
  width: 35% !important;
}

.h-40 {
  height: 40% !important;
}

.w-40 {
  width: 40% !important;
}

.h-45 {
  height: 45% !important;
}

.w-45 {
  width: 45% !important;
}

.h-50 {
  height: 50% !important;
}

.w-50 {
  width: 50% !important;
}

.h-55 {
  height: 55% !important;
}

.w-55 {
  width: 55% !important;
}

.h-60 {
  height: 60% !important;
}

.w-60 {
  width: 60% !important;
}

.h-65 {
  height: 65% !important;
}

.w-65 {
  width: 65% !important;
}

.h-70 {
  height: 70% !important;
}

.w-70 {
  width: 70% !important;
}

.h-75 {
  height: 75% !important;
}

.w-75 {
  width: 75% !important;
}

.h-80 {
  height: 80% !important;
}

.w-80 {
  width: 80% !important;
}

.h-85 {
  height: 85% !important;
}

.w-85 {
  width: 85% !important;
}

.h-90 {
  height: 90% !important;
}

.w-90 {
  width: 90% !important;
}

.h-95 {
  height: 95% !important;
}

.w-95 {
  width: 95% !important;
}

.h-100 {
  height: 100% !important;
}

.w-100 {
  width: 100% !important;
}

.h-auto {
  height: auto !important;
}

.w-auto {
  width: auto !important;
}

.h-xs-05 {
  height: 5% !important;
}

.w-xs-05 {
  width: 5% !important;
}

.h-xs-10 {
  height: 10% !important;
}

.w-xs-10 {
  width: 10% !important;
}

.h-xs-15 {
  height: 15% !important;
}

.w-xs-15 {
  width: 15% !important;
}

.h-xs-20 {
  height: 20% !important;
}

.w-xs-20 {
  width: 20% !important;
}

.h-xs-25 {
  height: 25% !important;
}

.w-xs-25 {
  width: 25% !important;
}

.h-xs-30 {
  height: 30% !important;
}

.w-xs-30 {
  width: 30% !important;
}

.h-xs-35 {
  height: 35% !important;
}

.w-xs-35 {
  width: 35% !important;
}

.h-xs-40 {
  height: 40% !important;
}

.w-xs-40 {
  width: 40% !important;
}

.h-xs-45 {
  height: 45% !important;
}

.w-xs-45 {
  width: 45% !important;
}

.h-xs-50 {
  height: 50% !important;
}

.w-xs-50 {
  width: 50% !important;
}

.h-xs-55 {
  height: 55% !important;
}

.w-xs-55 {
  width: 55% !important;
}

.h-xs-60 {
  height: 60% !important;
}

.w-xs-60 {
  width: 60% !important;
}

.h-xs-65 {
  height: 65% !important;
}

.w-xs-65 {
  width: 65% !important;
}

.h-xs-70 {
  height: 70% !important;
}

.w-xs-70 {
  width: 70% !important;
}

.h-xs-75 {
  height: 75% !important;
}

.w-xs-75 {
  width: 75% !important;
}

.h-xs-80 {
  height: 80% !important;
}

.w-xs-80 {
  width: 80% !important;
}

.h-xs-85 {
  height: 85% !important;
}

.w-xs-85 {
  width: 85% !important;
}

.h-xs-90 {
  height: 90% !important;
}

.w-xs-90 {
  width: 90% !important;
}

.h-xs-95 {
  height: 95% !important;
}

.w-xs-95 {
  width: 95% !important;
}

.h-xs-100 {
  height: 100% !important;
}

.w-xs-100 {
  width: 100% !important;
}

.h-xs-auto {
  height: auto !important;
}

.w-xs-auto {
  width: auto !important;
}

@media (min-width: 576px) {
  .h-sm-05 {
    height: 5% !important;
  }
  .w-sm-05 {
    width: 5% !important;
  }
  .h-sm-10 {
    height: 10% !important;
  }
  .w-sm-10 {
    width: 10% !important;
  }
  .h-sm-15 {
    height: 15% !important;
  }
  .w-sm-15 {
    width: 15% !important;
  }
  .h-sm-20 {
    height: 20% !important;
  }
  .w-sm-20 {
    width: 20% !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .h-sm-30 {
    height: 30% !important;
  }
  .w-sm-30 {
    width: 30% !important;
  }
  .h-sm-35 {
    height: 35% !important;
  }
  .w-sm-35 {
    width: 35% !important;
  }
  .h-sm-40 {
    height: 40% !important;
  }
  .w-sm-40 {
    width: 40% !important;
  }
  .h-sm-45 {
    height: 45% !important;
  }
  .w-sm-45 {
    width: 45% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .h-sm-55 {
    height: 55% !important;
  }
  .w-sm-55 {
    width: 55% !important;
  }
  .h-sm-60 {
    height: 60% !important;
  }
  .w-sm-60 {
    width: 60% !important;
  }
  .h-sm-65 {
    height: 65% !important;
  }
  .w-sm-65 {
    width: 65% !important;
  }
  .h-sm-70 {
    height: 70% !important;
  }
  .w-sm-70 {
    width: 70% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .h-sm-80 {
    height: 80% !important;
  }
  .w-sm-80 {
    width: 80% !important;
  }
  .h-sm-85 {
    height: 85% !important;
  }
  .w-sm-85 {
    width: 85% !important;
  }
  .h-sm-90 {
    height: 90% !important;
  }
  .w-sm-90 {
    width: 90% !important;
  }
  .h-sm-95 {
    height: 95% !important;
  }
  .w-sm-95 {
    width: 95% !important;
  }
  .h-sm-100 {
    height: 100% !important;
  }
  .w-sm-100 {
    width: 100% !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
}
@media (min-width: 768px) {
  .h-md-05 {
    height: 5% !important;
  }
  .w-md-05 {
    width: 5% !important;
  }
  .h-md-10 {
    height: 10% !important;
  }
  .w-md-10 {
    width: 10% !important;
  }
  .h-md-15 {
    height: 15% !important;
  }
  .w-md-15 {
    width: 15% !important;
  }
  .h-md-20 {
    height: 20% !important;
  }
  .w-md-20 {
    width: 20% !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .h-md-30 {
    height: 30% !important;
  }
  .w-md-30 {
    width: 30% !important;
  }
  .h-md-35 {
    height: 35% !important;
  }
  .w-md-35 {
    width: 35% !important;
  }
  .h-md-40 {
    height: 40% !important;
  }
  .w-md-40 {
    width: 40% !important;
  }
  .h-md-45 {
    height: 45% !important;
  }
  .w-md-45 {
    width: 45% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .h-md-55 {
    height: 55% !important;
  }
  .w-md-55 {
    width: 55% !important;
  }
  .h-md-60 {
    height: 60% !important;
  }
  .w-md-60 {
    width: 60% !important;
  }
  .h-md-65 {
    height: 65% !important;
  }
  .w-md-65 {
    width: 65% !important;
  }
  .h-md-70 {
    height: 70% !important;
  }
  .w-md-70 {
    width: 70% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .h-md-80 {
    height: 80% !important;
  }
  .w-md-80 {
    width: 80% !important;
  }
  .h-md-85 {
    height: 85% !important;
  }
  .w-md-85 {
    width: 85% !important;
  }
  .h-md-90 {
    height: 90% !important;
  }
  .w-md-90 {
    width: 90% !important;
  }
  .h-md-95 {
    height: 95% !important;
  }
  .w-md-95 {
    width: 95% !important;
  }
  .h-md-100 {
    height: 100% !important;
  }
  .w-md-100 {
    width: 100% !important;
  }
  .h-md-auto {
    height: auto !important;
  }
  .w-md-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .h-lg-05 {
    height: 5% !important;
  }
  .w-lg-05 {
    width: 5% !important;
  }
  .h-lg-10 {
    height: 10% !important;
  }
  .w-lg-10 {
    width: 10% !important;
  }
  .h-lg-15 {
    height: 15% !important;
  }
  .w-lg-15 {
    width: 15% !important;
  }
  .h-lg-20 {
    height: 20% !important;
  }
  .w-lg-20 {
    width: 20% !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .h-lg-30 {
    height: 30% !important;
  }
  .w-lg-30 {
    width: 30% !important;
  }
  .h-lg-35 {
    height: 35% !important;
  }
  .w-lg-35 {
    width: 35% !important;
  }
  .h-lg-40 {
    height: 40% !important;
  }
  .w-lg-40 {
    width: 40% !important;
  }
  .h-lg-45 {
    height: 45% !important;
  }
  .w-lg-45 {
    width: 45% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .h-lg-55 {
    height: 55% !important;
  }
  .w-lg-55 {
    width: 55% !important;
  }
  .h-lg-60 {
    height: 60% !important;
  }
  .w-lg-60 {
    width: 60% !important;
  }
  .h-lg-65 {
    height: 65% !important;
  }
  .w-lg-65 {
    width: 65% !important;
  }
  .h-lg-70 {
    height: 70% !important;
  }
  .w-lg-70 {
    width: 70% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .h-lg-80 {
    height: 80% !important;
  }
  .w-lg-80 {
    width: 80% !important;
  }
  .h-lg-85 {
    height: 85% !important;
  }
  .w-lg-85 {
    width: 85% !important;
  }
  .h-lg-90 {
    height: 90% !important;
  }
  .w-lg-90 {
    width: 90% !important;
  }
  .h-lg-95 {
    height: 95% !important;
  }
  .w-lg-95 {
    width: 95% !important;
  }
  .h-lg-100 {
    height: 100% !important;
  }
  .w-lg-100 {
    width: 100% !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
}
@media (min-width: 1200px) {
  .h-xl-05 {
    height: 5% !important;
  }
  .w-xl-05 {
    width: 5% !important;
  }
  .h-xl-10 {
    height: 10% !important;
  }
  .w-xl-10 {
    width: 10% !important;
  }
  .h-xl-15 {
    height: 15% !important;
  }
  .w-xl-15 {
    width: 15% !important;
  }
  .h-xl-20 {
    height: 20% !important;
  }
  .w-xl-20 {
    width: 20% !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .h-xl-30 {
    height: 30% !important;
  }
  .w-xl-30 {
    width: 30% !important;
  }
  .h-xl-35 {
    height: 35% !important;
  }
  .w-xl-35 {
    width: 35% !important;
  }
  .h-xl-40 {
    height: 40% !important;
  }
  .w-xl-40 {
    width: 40% !important;
  }
  .h-xl-45 {
    height: 45% !important;
  }
  .w-xl-45 {
    width: 45% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .h-xl-55 {
    height: 55% !important;
  }
  .w-xl-55 {
    width: 55% !important;
  }
  .h-xl-60 {
    height: 60% !important;
  }
  .w-xl-60 {
    width: 60% !important;
  }
  .h-xl-65 {
    height: 65% !important;
  }
  .w-xl-65 {
    width: 65% !important;
  }
  .h-xl-70 {
    height: 70% !important;
  }
  .w-xl-70 {
    width: 70% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .h-xl-80 {
    height: 80% !important;
  }
  .w-xl-80 {
    width: 80% !important;
  }
  .h-xl-85 {
    height: 85% !important;
  }
  .w-xl-85 {
    width: 85% !important;
  }
  .h-xl-90 {
    height: 90% !important;
  }
  .w-xl-90 {
    width: 90% !important;
  }
  .h-xl-95 {
    height: 95% !important;
  }
  .w-xl-95 {
    width: 95% !important;
  }
  .h-xl-100 {
    height: 100% !important;
  }
  .w-xl-100 {
    width: 100% !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
}
@media (min-width: 1400px) {
  .h-xxl-05 {
    height: 5% !important;
  }
  .w-xxl-05 {
    width: 5% !important;
  }
  .h-xxl-10 {
    height: 10% !important;
  }
  .w-xxl-10 {
    width: 10% !important;
  }
  .h-xxl-15 {
    height: 15% !important;
  }
  .w-xxl-15 {
    width: 15% !important;
  }
  .h-xxl-20 {
    height: 20% !important;
  }
  .w-xxl-20 {
    width: 20% !important;
  }
  .h-xxl-25 {
    height: 25% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .h-xxl-30 {
    height: 30% !important;
  }
  .w-xxl-30 {
    width: 30% !important;
  }
  .h-xxl-35 {
    height: 35% !important;
  }
  .w-xxl-35 {
    width: 35% !important;
  }
  .h-xxl-40 {
    height: 40% !important;
  }
  .w-xxl-40 {
    width: 40% !important;
  }
  .h-xxl-45 {
    height: 45% !important;
  }
  .w-xxl-45 {
    width: 45% !important;
  }
  .h-xxl-50 {
    height: 50% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .h-xxl-55 {
    height: 55% !important;
  }
  .w-xxl-55 {
    width: 55% !important;
  }
  .h-xxl-60 {
    height: 60% !important;
  }
  .w-xxl-60 {
    width: 60% !important;
  }
  .h-xxl-65 {
    height: 65% !important;
  }
  .w-xxl-65 {
    width: 65% !important;
  }
  .h-xxl-70 {
    height: 70% !important;
  }
  .w-xxl-70 {
    width: 70% !important;
  }
  .h-xxl-75 {
    height: 75% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .h-xxl-80 {
    height: 80% !important;
  }
  .w-xxl-80 {
    width: 80% !important;
  }
  .h-xxl-85 {
    height: 85% !important;
  }
  .w-xxl-85 {
    width: 85% !important;
  }
  .h-xxl-90 {
    height: 90% !important;
  }
  .w-xxl-90 {
    width: 90% !important;
  }
  .h-xxl-95 {
    height: 95% !important;
  }
  .w-xxl-95 {
    width: 95% !important;
  }
  .h-xxl-100 {
    height: 100% !important;
  }
  .w-xxl-100 {
    width: 100% !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
  .w-xxl-auto {
    width: auto !important;
  }
}
.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ms-0 {
  margin-left: 0px !important;
}

.me-0 {
  margin-right: 0px !important;
}

.mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-0 {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.ps-0 {
  padding-left: 0px !important;
}

.pe-0 {
  padding-right: 0px !important;
}

.px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-0 {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.m-05 {
  margin: 5px !important;
}

.mt-05 {
  margin-top: 5px !important;
}

.mb-05 {
  margin-bottom: 5px !important;
}

.ms-05 {
  margin-left: 5px !important;
}

.me-05 {
  margin-right: 5px !important;
}

.mx-05 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-05 {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

.p-05 {
  padding: 5px !important;
}

.pt-05 {
  padding-top: 5px !important;
}

.pb-05 {
  padding-bottom: 5px !important;
}

.ps-05 {
  padding-left: 5px !important;
}

.pe-05 {
  padding-right: 5px !important;
}

.px-05 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-05 {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ms-10 {
  margin-left: 10px !important;
}

.me-10 {
  margin-right: 10px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-10 {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.ps-10 {
  padding-left: 10px !important;
}

.pe-10 {
  padding-right: 10px !important;
}

.px-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-10 {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.m-15 {
  margin: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ms-15 {
  margin-left: 15px !important;
}

.me-15 {
  margin-right: 15px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-15 {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.ps-15 {
  padding-left: 15px !important;
}

.pe-15 {
  padding-right: 15px !important;
}

.px-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-15 {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ms-20 {
  margin-left: 20px !important;
}

.me-20 {
  margin-right: 20px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-20 {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.ps-20 {
  padding-left: 20px !important;
}

.pe-20 {
  padding-right: 20px !important;
}

.px-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-20 {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ms-25 {
  margin-left: 25px !important;
}

.me-25 {
  margin-right: 25px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-25 {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
}

.p-25 {
  padding: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.ps-25 {
  padding-left: 25px !important;
}

.pe-25 {
  padding-right: 25px !important;
}

.px-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-25 {
  padding-bottom: 25px !important;
  padding-top: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ms-30 {
  margin-left: 30px !important;
}

.me-30 {
  margin-right: 30px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-30 {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.ps-30 {
  padding-left: 30px !important;
}

.pe-30 {
  padding-right: 30px !important;
}

.px-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-30 {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ms-35 {
  margin-left: 35px !important;
}

.me-35 {
  margin-right: 35px !important;
}

.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.my-35 {
  margin-bottom: 35px !important;
  margin-top: 35px !important;
}

.p-35 {
  padding: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.ps-35 {
  padding-left: 35px !important;
}

.pe-35 {
  padding-right: 35px !important;
}

.px-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.py-35 {
  padding-bottom: 35px !important;
  padding-top: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ms-40 {
  margin-left: 40px !important;
}

.me-40 {
  margin-right: 40px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-40 {
  margin-bottom: 40px !important;
  margin-top: 40px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.ps-40 {
  padding-left: 40px !important;
}

.pe-40 {
  padding-right: 40px !important;
}

.px-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-40 {
  padding-bottom: 40px !important;
  padding-top: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ms-45 {
  margin-left: 45px !important;
}

.me-45 {
  margin-right: 45px !important;
}

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.my-45 {
  margin-bottom: 45px !important;
  margin-top: 45px !important;
}

.p-45 {
  padding: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.ps-45 {
  padding-left: 45px !important;
}

.pe-45 {
  padding-right: 45px !important;
}

.px-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-45 {
  padding-bottom: 45px !important;
  padding-top: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.ms-50 {
  margin-left: 50px !important;
}

.me-50 {
  margin-right: 50px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-50 {
  margin-bottom: 50px !important;
  margin-top: 50px !important;
}

.p-50 {
  padding: 50px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.ps-50 {
  padding-left: 50px !important;
}

.pe-50 {
  padding-right: 50px !important;
}

.px-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-50 {
  padding-bottom: 50px !important;
  padding-top: 50px !important;
}

.m-xs-0 {
  margin: 0px !important;
}

.mt-xs-0 {
  margin-top: 0px !important;
}

.mb-xs-0 {
  margin-bottom: 0px !important;
}

.ms-xs-0 {
  margin-left: 0px !important;
}

.me-xs-0 {
  margin-right: 0px !important;
}

.mx-xs-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.my-xs-0 {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.p-xs-0 {
  padding: 0px !important;
}

.pt-xs-0 {
  padding-top: 0px !important;
}

.pb-xs-0 {
  padding-bottom: 0px !important;
}

.ps-xs-0 {
  padding-left: 0px !important;
}

.pe-xs-0 {
  padding-right: 0px !important;
}

.px-xs-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.py-xs-0 {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.m-xs-05 {
  margin: 5px !important;
}

.mt-xs-05 {
  margin-top: 5px !important;
}

.mb-xs-05 {
  margin-bottom: 5px !important;
}

.ms-xs-05 {
  margin-left: 5px !important;
}

.me-xs-05 {
  margin-right: 5px !important;
}

.mx-xs-05 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.my-xs-05 {
  margin-bottom: 5px !important;
  margin-top: 5px !important;
}

.p-xs-05 {
  padding: 5px !important;
}

.pt-xs-05 {
  padding-top: 5px !important;
}

.pb-xs-05 {
  padding-bottom: 5px !important;
}

.ps-xs-05 {
  padding-left: 5px !important;
}

.pe-xs-05 {
  padding-right: 5px !important;
}

.px-xs-05 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.py-xs-05 {
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.m-xs-10 {
  margin: 10px !important;
}

.mt-xs-10 {
  margin-top: 10px !important;
}

.mb-xs-10 {
  margin-bottom: 10px !important;
}

.ms-xs-10 {
  margin-left: 10px !important;
}

.me-xs-10 {
  margin-right: 10px !important;
}

.mx-xs-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.my-xs-10 {
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}

.p-xs-10 {
  padding: 10px !important;
}

.pt-xs-10 {
  padding-top: 10px !important;
}

.pb-xs-10 {
  padding-bottom: 10px !important;
}

.ps-xs-10 {
  padding-left: 10px !important;
}

.pe-xs-10 {
  padding-right: 10px !important;
}

.px-xs-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.py-xs-10 {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

.m-xs-15 {
  margin: 15px !important;
}

.mt-xs-15 {
  margin-top: 15px !important;
}

.mb-xs-15 {
  margin-bottom: 15px !important;
}

.ms-xs-15 {
  margin-left: 15px !important;
}

.me-xs-15 {
  margin-right: 15px !important;
}

.mx-xs-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.my-xs-15 {
  margin-bottom: 15px !important;
  margin-top: 15px !important;
}

.p-xs-15 {
  padding: 15px !important;
}

.pt-xs-15 {
  padding-top: 15px !important;
}

.pb-xs-15 {
  padding-bottom: 15px !important;
}

.ps-xs-15 {
  padding-left: 15px !important;
}

.pe-xs-15 {
  padding-right: 15px !important;
}

.px-xs-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.py-xs-15 {
  padding-bottom: 15px !important;
  padding-top: 15px !important;
}

.m-xs-20 {
  margin: 20px !important;
}

.mt-xs-20 {
  margin-top: 20px !important;
}

.mb-xs-20 {
  margin-bottom: 20px !important;
}

.ms-xs-20 {
  margin-left: 20px !important;
}

.me-xs-20 {
  margin-right: 20px !important;
}

.mx-xs-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.my-xs-20 {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
}

.p-xs-20 {
  padding: 20px !important;
}

.pt-xs-20 {
  padding-top: 20px !important;
}

.pb-xs-20 {
  padding-bottom: 20px !important;
}

.ps-xs-20 {
  padding-left: 20px !important;
}

.pe-xs-20 {
  padding-right: 20px !important;
}

.px-xs-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.py-xs-20 {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
}

.m-xs-25 {
  margin: 25px !important;
}

.mt-xs-25 {
  margin-top: 25px !important;
}

.mb-xs-25 {
  margin-bottom: 25px !important;
}

.ms-xs-25 {
  margin-left: 25px !important;
}

.me-xs-25 {
  margin-right: 25px !important;
}

.mx-xs-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.my-xs-25 {
  margin-bottom: 25px !important;
  margin-top: 25px !important;
}

.p-xs-25 {
  padding: 25px !important;
}

.pt-xs-25 {
  padding-top: 25px !important;
}

.pb-xs-25 {
  padding-bottom: 25px !important;
}

.ps-xs-25 {
  padding-left: 25px !important;
}

.pe-xs-25 {
  padding-right: 25px !important;
}

.px-xs-25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

.py-xs-25 {
  padding-bottom: 25px !important;
  padding-top: 25px !important;
}

.m-xs-30 {
  margin: 30px !important;
}

.mt-xs-30 {
  margin-top: 30px !important;
}

.mb-xs-30 {
  margin-bottom: 30px !important;
}

.ms-xs-30 {
  margin-left: 30px !important;
}

.me-xs-30 {
  margin-right: 30px !important;
}

.mx-xs-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.my-xs-30 {
  margin-bottom: 30px !important;
  margin-top: 30px !important;
}

.p-xs-30 {
  padding: 30px !important;
}

.pt-xs-30 {
  padding-top: 30px !important;
}

.pb-xs-30 {
  padding-bottom: 30px !important;
}

.ps-xs-30 {
  padding-left: 30px !important;
}

.pe-xs-30 {
  padding-right: 30px !important;
}

.px-xs-30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.py-xs-30 {
  padding-bottom: 30px !important;
  padding-top: 30px !important;
}

.m-xs-35 {
  margin: 35px !important;
}

.mt-xs-35 {
  margin-top: 35px !important;
}

.mb-xs-35 {
  margin-bottom: 35px !important;
}

.ms-xs-35 {
  margin-left: 35px !important;
}

.me-xs-35 {
  margin-right: 35px !important;
}

.mx-xs-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.my-xs-35 {
  margin-bottom: 35px !important;
  margin-top: 35px !important;
}

.p-xs-35 {
  padding: 35px !important;
}

.pt-xs-35 {
  padding-top: 35px !important;
}

.pb-xs-35 {
  padding-bottom: 35px !important;
}

.ps-xs-35 {
  padding-left: 35px !important;
}

.pe-xs-35 {
  padding-right: 35px !important;
}

.px-xs-35 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.py-xs-35 {
  padding-bottom: 35px !important;
  padding-top: 35px !important;
}

.m-xs-40 {
  margin: 40px !important;
}

.mt-xs-40 {
  margin-top: 40px !important;
}

.mb-xs-40 {
  margin-bottom: 40px !important;
}

.ms-xs-40 {
  margin-left: 40px !important;
}

.me-xs-40 {
  margin-right: 40px !important;
}

.mx-xs-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.my-xs-40 {
  margin-bottom: 40px !important;
  margin-top: 40px !important;
}

.p-xs-40 {
  padding: 40px !important;
}

.pt-xs-40 {
  padding-top: 40px !important;
}

.pb-xs-40 {
  padding-bottom: 40px !important;
}

.ps-xs-40 {
  padding-left: 40px !important;
}

.pe-xs-40 {
  padding-right: 40px !important;
}

.px-xs-40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.py-xs-40 {
  padding-bottom: 40px !important;
  padding-top: 40px !important;
}

.m-xs-45 {
  margin: 45px !important;
}

.mt-xs-45 {
  margin-top: 45px !important;
}

.mb-xs-45 {
  margin-bottom: 45px !important;
}

.ms-xs-45 {
  margin-left: 45px !important;
}

.me-xs-45 {
  margin-right: 45px !important;
}

.mx-xs-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.my-xs-45 {
  margin-bottom: 45px !important;
  margin-top: 45px !important;
}

.p-xs-45 {
  padding: 45px !important;
}

.pt-xs-45 {
  padding-top: 45px !important;
}

.pb-xs-45 {
  padding-bottom: 45px !important;
}

.ps-xs-45 {
  padding-left: 45px !important;
}

.pe-xs-45 {
  padding-right: 45px !important;
}

.px-xs-45 {
  padding-left: 45px !important;
  padding-right: 45px !important;
}

.py-xs-45 {
  padding-bottom: 45px !important;
  padding-top: 45px !important;
}

.m-xs-50 {
  margin: 50px !important;
}

.mt-xs-50 {
  margin-top: 50px !important;
}

.mb-xs-50 {
  margin-bottom: 50px !important;
}

.ms-xs-50 {
  margin-left: 50px !important;
}

.me-xs-50 {
  margin-right: 50px !important;
}

.mx-xs-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.my-xs-50 {
  margin-bottom: 50px !important;
  margin-top: 50px !important;
}

.p-xs-50 {
  padding: 50px !important;
}

.pt-xs-50 {
  padding-top: 50px !important;
}

.pb-xs-50 {
  padding-bottom: 50px !important;
}

.ps-xs-50 {
  padding-left: 50px !important;
}

.pe-xs-50 {
  padding-right: 50px !important;
}

.px-xs-50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.py-xs-50 {
  padding-bottom: 50px !important;
  padding-top: 50px !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0px !important;
  }
  .mt-sm-0 {
    margin-top: 0px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
  .ms-sm-0 {
    margin-left: 0px !important;
  }
  .me-sm-0 {
    margin-right: 0px !important;
  }
  .mx-sm-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-sm-0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .p-sm-0 {
    padding: 0px !important;
  }
  .pt-sm-0 {
    padding-top: 0px !important;
  }
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
  .ps-sm-0 {
    padding-left: 0px !important;
  }
  .pe-sm-0 {
    padding-right: 0px !important;
  }
  .px-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-sm-0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .m-sm-05 {
    margin: 5px !important;
  }
  .mt-sm-05 {
    margin-top: 5px !important;
  }
  .mb-sm-05 {
    margin-bottom: 5px !important;
  }
  .ms-sm-05 {
    margin-left: 5px !important;
  }
  .me-sm-05 {
    margin-right: 5px !important;
  }
  .mx-sm-05 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .my-sm-05 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .p-sm-05 {
    padding: 5px !important;
  }
  .pt-sm-05 {
    padding-top: 5px !important;
  }
  .pb-sm-05 {
    padding-bottom: 5px !important;
  }
  .ps-sm-05 {
    padding-left: 5px !important;
  }
  .pe-sm-05 {
    padding-right: 5px !important;
  }
  .px-sm-05 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .py-sm-05 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .m-sm-10 {
    margin: 10px !important;
  }
  .mt-sm-10 {
    margin-top: 10px !important;
  }
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
  .ms-sm-10 {
    margin-left: 10px !important;
  }
  .me-sm-10 {
    margin-right: 10px !important;
  }
  .mx-sm-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-sm-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .p-sm-10 {
    padding: 10px !important;
  }
  .pt-sm-10 {
    padding-top: 10px !important;
  }
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
  .ps-sm-10 {
    padding-left: 10px !important;
  }
  .pe-sm-10 {
    padding-right: 10px !important;
  }
  .px-sm-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-sm-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .m-sm-15 {
    margin: 15px !important;
  }
  .mt-sm-15 {
    margin-top: 15px !important;
  }
  .mb-sm-15 {
    margin-bottom: 15px !important;
  }
  .ms-sm-15 {
    margin-left: 15px !important;
  }
  .me-sm-15 {
    margin-right: 15px !important;
  }
  .mx-sm-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .my-sm-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .p-sm-15 {
    padding: 15px !important;
  }
  .pt-sm-15 {
    padding-top: 15px !important;
  }
  .pb-sm-15 {
    padding-bottom: 15px !important;
  }
  .ps-sm-15 {
    padding-left: 15px !important;
  }
  .pe-sm-15 {
    padding-right: 15px !important;
  }
  .px-sm-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-sm-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .m-sm-20 {
    margin: 20px !important;
  }
  .mt-sm-20 {
    margin-top: 20px !important;
  }
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
  .ms-sm-20 {
    margin-left: 20px !important;
  }
  .me-sm-20 {
    margin-right: 20px !important;
  }
  .mx-sm-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-sm-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .p-sm-20 {
    padding: 20px !important;
  }
  .pt-sm-20 {
    padding-top: 20px !important;
  }
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
  .ps-sm-20 {
    padding-left: 20px !important;
  }
  .pe-sm-20 {
    padding-right: 20px !important;
  }
  .px-sm-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-sm-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .m-sm-25 {
    margin: 25px !important;
  }
  .mt-sm-25 {
    margin-top: 25px !important;
  }
  .mb-sm-25 {
    margin-bottom: 25px !important;
  }
  .ms-sm-25 {
    margin-left: 25px !important;
  }
  .me-sm-25 {
    margin-right: 25px !important;
  }
  .mx-sm-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .my-sm-25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .p-sm-25 {
    padding: 25px !important;
  }
  .pt-sm-25 {
    padding-top: 25px !important;
  }
  .pb-sm-25 {
    padding-bottom: 25px !important;
  }
  .ps-sm-25 {
    padding-left: 25px !important;
  }
  .pe-sm-25 {
    padding-right: 25px !important;
  }
  .px-sm-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .py-sm-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .m-sm-30 {
    margin: 30px !important;
  }
  .mt-sm-30 {
    margin-top: 30px !important;
  }
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
  .ms-sm-30 {
    margin-left: 30px !important;
  }
  .me-sm-30 {
    margin-right: 30px !important;
  }
  .mx-sm-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .my-sm-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .p-sm-30 {
    padding: 30px !important;
  }
  .pt-sm-30 {
    padding-top: 30px !important;
  }
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
  .ps-sm-30 {
    padding-left: 30px !important;
  }
  .pe-sm-30 {
    padding-right: 30px !important;
  }
  .px-sm-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .py-sm-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .m-sm-35 {
    margin: 35px !important;
  }
  .mt-sm-35 {
    margin-top: 35px !important;
  }
  .mb-sm-35 {
    margin-bottom: 35px !important;
  }
  .ms-sm-35 {
    margin-left: 35px !important;
  }
  .me-sm-35 {
    margin-right: 35px !important;
  }
  .mx-sm-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .my-sm-35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important;
  }
  .p-sm-35 {
    padding: 35px !important;
  }
  .pt-sm-35 {
    padding-top: 35px !important;
  }
  .pb-sm-35 {
    padding-bottom: 35px !important;
  }
  .ps-sm-35 {
    padding-left: 35px !important;
  }
  .pe-sm-35 {
    padding-right: 35px !important;
  }
  .px-sm-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .py-sm-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
  }
  .m-sm-40 {
    margin: 40px !important;
  }
  .mt-sm-40 {
    margin-top: 40px !important;
  }
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
  .ms-sm-40 {
    margin-left: 40px !important;
  }
  .me-sm-40 {
    margin-right: 40px !important;
  }
  .mx-sm-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-sm-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
  }
  .p-sm-40 {
    padding: 40px !important;
  }
  .pt-sm-40 {
    padding-top: 40px !important;
  }
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
  .ps-sm-40 {
    padding-left: 40px !important;
  }
  .pe-sm-40 {
    padding-right: 40px !important;
  }
  .px-sm-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-sm-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
  .m-sm-45 {
    margin: 45px !important;
  }
  .mt-sm-45 {
    margin-top: 45px !important;
  }
  .mb-sm-45 {
    margin-bottom: 45px !important;
  }
  .ms-sm-45 {
    margin-left: 45px !important;
  }
  .me-sm-45 {
    margin-right: 45px !important;
  }
  .mx-sm-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .my-sm-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important;
  }
  .p-sm-45 {
    padding: 45px !important;
  }
  .pt-sm-45 {
    padding-top: 45px !important;
  }
  .pb-sm-45 {
    padding-bottom: 45px !important;
  }
  .ps-sm-45 {
    padding-left: 45px !important;
  }
  .pe-sm-45 {
    padding-right: 45px !important;
  }
  .px-sm-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .py-sm-45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important;
  }
  .m-sm-50 {
    margin: 50px !important;
  }
  .mt-sm-50 {
    margin-top: 50px !important;
  }
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
  .ms-sm-50 {
    margin-left: 50px !important;
  }
  .me-sm-50 {
    margin-right: 50px !important;
  }
  .mx-sm-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-sm-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
  }
  .p-sm-50 {
    padding: 50px !important;
  }
  .pt-sm-50 {
    padding-top: 50px !important;
  }
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
  .ps-sm-50 {
    padding-left: 50px !important;
  }
  .pe-sm-50 {
    padding-right: 50px !important;
  }
  .px-sm-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-sm-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0px !important;
  }
  .mt-md-0 {
    margin-top: 0px !important;
  }
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
  .ms-md-0 {
    margin-left: 0px !important;
  }
  .me-md-0 {
    margin-right: 0px !important;
  }
  .mx-md-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-md-0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .p-md-0 {
    padding: 0px !important;
  }
  .pt-md-0 {
    padding-top: 0px !important;
  }
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
  .ps-md-0 {
    padding-left: 0px !important;
  }
  .pe-md-0 {
    padding-right: 0px !important;
  }
  .px-md-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-md-0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .m-md-05 {
    margin: 5px !important;
  }
  .mt-md-05 {
    margin-top: 5px !important;
  }
  .mb-md-05 {
    margin-bottom: 5px !important;
  }
  .ms-md-05 {
    margin-left: 5px !important;
  }
  .me-md-05 {
    margin-right: 5px !important;
  }
  .mx-md-05 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .my-md-05 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .p-md-05 {
    padding: 5px !important;
  }
  .pt-md-05 {
    padding-top: 5px !important;
  }
  .pb-md-05 {
    padding-bottom: 5px !important;
  }
  .ps-md-05 {
    padding-left: 5px !important;
  }
  .pe-md-05 {
    padding-right: 5px !important;
  }
  .px-md-05 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .py-md-05 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .m-md-10 {
    margin: 10px !important;
  }
  .mt-md-10 {
    margin-top: 10px !important;
  }
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
  .ms-md-10 {
    margin-left: 10px !important;
  }
  .me-md-10 {
    margin-right: 10px !important;
  }
  .mx-md-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-md-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .p-md-10 {
    padding: 10px !important;
  }
  .pt-md-10 {
    padding-top: 10px !important;
  }
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
  .ps-md-10 {
    padding-left: 10px !important;
  }
  .pe-md-10 {
    padding-right: 10px !important;
  }
  .px-md-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-md-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .m-md-15 {
    margin: 15px !important;
  }
  .mt-md-15 {
    margin-top: 15px !important;
  }
  .mb-md-15 {
    margin-bottom: 15px !important;
  }
  .ms-md-15 {
    margin-left: 15px !important;
  }
  .me-md-15 {
    margin-right: 15px !important;
  }
  .mx-md-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .my-md-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .p-md-15 {
    padding: 15px !important;
  }
  .pt-md-15 {
    padding-top: 15px !important;
  }
  .pb-md-15 {
    padding-bottom: 15px !important;
  }
  .ps-md-15 {
    padding-left: 15px !important;
  }
  .pe-md-15 {
    padding-right: 15px !important;
  }
  .px-md-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-md-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .m-md-20 {
    margin: 20px !important;
  }
  .mt-md-20 {
    margin-top: 20px !important;
  }
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
  .ms-md-20 {
    margin-left: 20px !important;
  }
  .me-md-20 {
    margin-right: 20px !important;
  }
  .mx-md-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-md-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .p-md-20 {
    padding: 20px !important;
  }
  .pt-md-20 {
    padding-top: 20px !important;
  }
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
  .ps-md-20 {
    padding-left: 20px !important;
  }
  .pe-md-20 {
    padding-right: 20px !important;
  }
  .px-md-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-md-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .m-md-25 {
    margin: 25px !important;
  }
  .mt-md-25 {
    margin-top: 25px !important;
  }
  .mb-md-25 {
    margin-bottom: 25px !important;
  }
  .ms-md-25 {
    margin-left: 25px !important;
  }
  .me-md-25 {
    margin-right: 25px !important;
  }
  .mx-md-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .my-md-25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .p-md-25 {
    padding: 25px !important;
  }
  .pt-md-25 {
    padding-top: 25px !important;
  }
  .pb-md-25 {
    padding-bottom: 25px !important;
  }
  .ps-md-25 {
    padding-left: 25px !important;
  }
  .pe-md-25 {
    padding-right: 25px !important;
  }
  .px-md-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .py-md-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .m-md-30 {
    margin: 30px !important;
  }
  .mt-md-30 {
    margin-top: 30px !important;
  }
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
  .ms-md-30 {
    margin-left: 30px !important;
  }
  .me-md-30 {
    margin-right: 30px !important;
  }
  .mx-md-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .my-md-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .p-md-30 {
    padding: 30px !important;
  }
  .pt-md-30 {
    padding-top: 30px !important;
  }
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
  .ps-md-30 {
    padding-left: 30px !important;
  }
  .pe-md-30 {
    padding-right: 30px !important;
  }
  .px-md-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .py-md-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .m-md-35 {
    margin: 35px !important;
  }
  .mt-md-35 {
    margin-top: 35px !important;
  }
  .mb-md-35 {
    margin-bottom: 35px !important;
  }
  .ms-md-35 {
    margin-left: 35px !important;
  }
  .me-md-35 {
    margin-right: 35px !important;
  }
  .mx-md-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .my-md-35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important;
  }
  .p-md-35 {
    padding: 35px !important;
  }
  .pt-md-35 {
    padding-top: 35px !important;
  }
  .pb-md-35 {
    padding-bottom: 35px !important;
  }
  .ps-md-35 {
    padding-left: 35px !important;
  }
  .pe-md-35 {
    padding-right: 35px !important;
  }
  .px-md-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .py-md-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
  }
  .m-md-40 {
    margin: 40px !important;
  }
  .mt-md-40 {
    margin-top: 40px !important;
  }
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
  .ms-md-40 {
    margin-left: 40px !important;
  }
  .me-md-40 {
    margin-right: 40px !important;
  }
  .mx-md-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-md-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
  }
  .p-md-40 {
    padding: 40px !important;
  }
  .pt-md-40 {
    padding-top: 40px !important;
  }
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
  .ps-md-40 {
    padding-left: 40px !important;
  }
  .pe-md-40 {
    padding-right: 40px !important;
  }
  .px-md-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-md-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
  .m-md-45 {
    margin: 45px !important;
  }
  .mt-md-45 {
    margin-top: 45px !important;
  }
  .mb-md-45 {
    margin-bottom: 45px !important;
  }
  .ms-md-45 {
    margin-left: 45px !important;
  }
  .me-md-45 {
    margin-right: 45px !important;
  }
  .mx-md-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .my-md-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important;
  }
  .p-md-45 {
    padding: 45px !important;
  }
  .pt-md-45 {
    padding-top: 45px !important;
  }
  .pb-md-45 {
    padding-bottom: 45px !important;
  }
  .ps-md-45 {
    padding-left: 45px !important;
  }
  .pe-md-45 {
    padding-right: 45px !important;
  }
  .px-md-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .py-md-45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important;
  }
  .m-md-50 {
    margin: 50px !important;
  }
  .mt-md-50 {
    margin-top: 50px !important;
  }
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
  .ms-md-50 {
    margin-left: 50px !important;
  }
  .me-md-50 {
    margin-right: 50px !important;
  }
  .mx-md-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-md-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
  }
  .p-md-50 {
    padding: 50px !important;
  }
  .pt-md-50 {
    padding-top: 50px !important;
  }
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
  .ps-md-50 {
    padding-left: 50px !important;
  }
  .pe-md-50 {
    padding-right: 50px !important;
  }
  .px-md-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-md-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0px !important;
  }
  .mt-lg-0 {
    margin-top: 0px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0px !important;
  }
  .ms-lg-0 {
    margin-left: 0px !important;
  }
  .me-lg-0 {
    margin-right: 0px !important;
  }
  .mx-lg-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-lg-0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .p-lg-0 {
    padding: 0px !important;
  }
  .pt-lg-0 {
    padding-top: 0px !important;
  }
  .pb-lg-0 {
    padding-bottom: 0px !important;
  }
  .ps-lg-0 {
    padding-left: 0px !important;
  }
  .pe-lg-0 {
    padding-right: 0px !important;
  }
  .px-lg-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-lg-0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .m-lg-05 {
    margin: 5px !important;
  }
  .mt-lg-05 {
    margin-top: 5px !important;
  }
  .mb-lg-05 {
    margin-bottom: 5px !important;
  }
  .ms-lg-05 {
    margin-left: 5px !important;
  }
  .me-lg-05 {
    margin-right: 5px !important;
  }
  .mx-lg-05 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .my-lg-05 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .p-lg-05 {
    padding: 5px !important;
  }
  .pt-lg-05 {
    padding-top: 5px !important;
  }
  .pb-lg-05 {
    padding-bottom: 5px !important;
  }
  .ps-lg-05 {
    padding-left: 5px !important;
  }
  .pe-lg-05 {
    padding-right: 5px !important;
  }
  .px-lg-05 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .py-lg-05 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .m-lg-10 {
    margin: 10px !important;
  }
  .mt-lg-10 {
    margin-top: 10px !important;
  }
  .mb-lg-10 {
    margin-bottom: 10px !important;
  }
  .ms-lg-10 {
    margin-left: 10px !important;
  }
  .me-lg-10 {
    margin-right: 10px !important;
  }
  .mx-lg-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-lg-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .p-lg-10 {
    padding: 10px !important;
  }
  .pt-lg-10 {
    padding-top: 10px !important;
  }
  .pb-lg-10 {
    padding-bottom: 10px !important;
  }
  .ps-lg-10 {
    padding-left: 10px !important;
  }
  .pe-lg-10 {
    padding-right: 10px !important;
  }
  .px-lg-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-lg-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .m-lg-15 {
    margin: 15px !important;
  }
  .mt-lg-15 {
    margin-top: 15px !important;
  }
  .mb-lg-15 {
    margin-bottom: 15px !important;
  }
  .ms-lg-15 {
    margin-left: 15px !important;
  }
  .me-lg-15 {
    margin-right: 15px !important;
  }
  .mx-lg-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .my-lg-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .p-lg-15 {
    padding: 15px !important;
  }
  .pt-lg-15 {
    padding-top: 15px !important;
  }
  .pb-lg-15 {
    padding-bottom: 15px !important;
  }
  .ps-lg-15 {
    padding-left: 15px !important;
  }
  .pe-lg-15 {
    padding-right: 15px !important;
  }
  .px-lg-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-lg-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .m-lg-20 {
    margin: 20px !important;
  }
  .mt-lg-20 {
    margin-top: 20px !important;
  }
  .mb-lg-20 {
    margin-bottom: 20px !important;
  }
  .ms-lg-20 {
    margin-left: 20px !important;
  }
  .me-lg-20 {
    margin-right: 20px !important;
  }
  .mx-lg-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-lg-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .p-lg-20 {
    padding: 20px !important;
  }
  .pt-lg-20 {
    padding-top: 20px !important;
  }
  .pb-lg-20 {
    padding-bottom: 20px !important;
  }
  .ps-lg-20 {
    padding-left: 20px !important;
  }
  .pe-lg-20 {
    padding-right: 20px !important;
  }
  .px-lg-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-lg-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .m-lg-25 {
    margin: 25px !important;
  }
  .mt-lg-25 {
    margin-top: 25px !important;
  }
  .mb-lg-25 {
    margin-bottom: 25px !important;
  }
  .ms-lg-25 {
    margin-left: 25px !important;
  }
  .me-lg-25 {
    margin-right: 25px !important;
  }
  .mx-lg-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .my-lg-25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .p-lg-25 {
    padding: 25px !important;
  }
  .pt-lg-25 {
    padding-top: 25px !important;
  }
  .pb-lg-25 {
    padding-bottom: 25px !important;
  }
  .ps-lg-25 {
    padding-left: 25px !important;
  }
  .pe-lg-25 {
    padding-right: 25px !important;
  }
  .px-lg-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .py-lg-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .m-lg-30 {
    margin: 30px !important;
  }
  .mt-lg-30 {
    margin-top: 30px !important;
  }
  .mb-lg-30 {
    margin-bottom: 30px !important;
  }
  .ms-lg-30 {
    margin-left: 30px !important;
  }
  .me-lg-30 {
    margin-right: 30px !important;
  }
  .mx-lg-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .my-lg-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .p-lg-30 {
    padding: 30px !important;
  }
  .pt-lg-30 {
    padding-top: 30px !important;
  }
  .pb-lg-30 {
    padding-bottom: 30px !important;
  }
  .ps-lg-30 {
    padding-left: 30px !important;
  }
  .pe-lg-30 {
    padding-right: 30px !important;
  }
  .px-lg-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .py-lg-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .m-lg-35 {
    margin: 35px !important;
  }
  .mt-lg-35 {
    margin-top: 35px !important;
  }
  .mb-lg-35 {
    margin-bottom: 35px !important;
  }
  .ms-lg-35 {
    margin-left: 35px !important;
  }
  .me-lg-35 {
    margin-right: 35px !important;
  }
  .mx-lg-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .my-lg-35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important;
  }
  .p-lg-35 {
    padding: 35px !important;
  }
  .pt-lg-35 {
    padding-top: 35px !important;
  }
  .pb-lg-35 {
    padding-bottom: 35px !important;
  }
  .ps-lg-35 {
    padding-left: 35px !important;
  }
  .pe-lg-35 {
    padding-right: 35px !important;
  }
  .px-lg-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .py-lg-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
  }
  .m-lg-40 {
    margin: 40px !important;
  }
  .mt-lg-40 {
    margin-top: 40px !important;
  }
  .mb-lg-40 {
    margin-bottom: 40px !important;
  }
  .ms-lg-40 {
    margin-left: 40px !important;
  }
  .me-lg-40 {
    margin-right: 40px !important;
  }
  .mx-lg-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-lg-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
  }
  .p-lg-40 {
    padding: 40px !important;
  }
  .pt-lg-40 {
    padding-top: 40px !important;
  }
  .pb-lg-40 {
    padding-bottom: 40px !important;
  }
  .ps-lg-40 {
    padding-left: 40px !important;
  }
  .pe-lg-40 {
    padding-right: 40px !important;
  }
  .px-lg-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-lg-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
  .m-lg-45 {
    margin: 45px !important;
  }
  .mt-lg-45 {
    margin-top: 45px !important;
  }
  .mb-lg-45 {
    margin-bottom: 45px !important;
  }
  .ms-lg-45 {
    margin-left: 45px !important;
  }
  .me-lg-45 {
    margin-right: 45px !important;
  }
  .mx-lg-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .my-lg-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important;
  }
  .p-lg-45 {
    padding: 45px !important;
  }
  .pt-lg-45 {
    padding-top: 45px !important;
  }
  .pb-lg-45 {
    padding-bottom: 45px !important;
  }
  .ps-lg-45 {
    padding-left: 45px !important;
  }
  .pe-lg-45 {
    padding-right: 45px !important;
  }
  .px-lg-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .py-lg-45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important;
  }
  .m-lg-50 {
    margin: 50px !important;
  }
  .mt-lg-50 {
    margin-top: 50px !important;
  }
  .mb-lg-50 {
    margin-bottom: 50px !important;
  }
  .ms-lg-50 {
    margin-left: 50px !important;
  }
  .me-lg-50 {
    margin-right: 50px !important;
  }
  .mx-lg-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-lg-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
  }
  .p-lg-50 {
    padding: 50px !important;
  }
  .pt-lg-50 {
    padding-top: 50px !important;
  }
  .pb-lg-50 {
    padding-bottom: 50px !important;
  }
  .ps-lg-50 {
    padding-left: 50px !important;
  }
  .pe-lg-50 {
    padding-right: 50px !important;
  }
  .px-lg-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-lg-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0px !important;
  }
  .mt-xl-0 {
    margin-top: 0px !important;
  }
  .mb-xl-0 {
    margin-bottom: 0px !important;
  }
  .ms-xl-0 {
    margin-left: 0px !important;
  }
  .me-xl-0 {
    margin-right: 0px !important;
  }
  .mx-xl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-xl-0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .p-xl-0 {
    padding: 0px !important;
  }
  .pt-xl-0 {
    padding-top: 0px !important;
  }
  .pb-xl-0 {
    padding-bottom: 0px !important;
  }
  .ps-xl-0 {
    padding-left: 0px !important;
  }
  .pe-xl-0 {
    padding-right: 0px !important;
  }
  .px-xl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-xl-0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .m-xl-05 {
    margin: 5px !important;
  }
  .mt-xl-05 {
    margin-top: 5px !important;
  }
  .mb-xl-05 {
    margin-bottom: 5px !important;
  }
  .ms-xl-05 {
    margin-left: 5px !important;
  }
  .me-xl-05 {
    margin-right: 5px !important;
  }
  .mx-xl-05 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .my-xl-05 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .p-xl-05 {
    padding: 5px !important;
  }
  .pt-xl-05 {
    padding-top: 5px !important;
  }
  .pb-xl-05 {
    padding-bottom: 5px !important;
  }
  .ps-xl-05 {
    padding-left: 5px !important;
  }
  .pe-xl-05 {
    padding-right: 5px !important;
  }
  .px-xl-05 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .py-xl-05 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .m-xl-10 {
    margin: 10px !important;
  }
  .mt-xl-10 {
    margin-top: 10px !important;
  }
  .mb-xl-10 {
    margin-bottom: 10px !important;
  }
  .ms-xl-10 {
    margin-left: 10px !important;
  }
  .me-xl-10 {
    margin-right: 10px !important;
  }
  .mx-xl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-xl-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .p-xl-10 {
    padding: 10px !important;
  }
  .pt-xl-10 {
    padding-top: 10px !important;
  }
  .pb-xl-10 {
    padding-bottom: 10px !important;
  }
  .ps-xl-10 {
    padding-left: 10px !important;
  }
  .pe-xl-10 {
    padding-right: 10px !important;
  }
  .px-xl-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-xl-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .m-xl-15 {
    margin: 15px !important;
  }
  .mt-xl-15 {
    margin-top: 15px !important;
  }
  .mb-xl-15 {
    margin-bottom: 15px !important;
  }
  .ms-xl-15 {
    margin-left: 15px !important;
  }
  .me-xl-15 {
    margin-right: 15px !important;
  }
  .mx-xl-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .my-xl-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .p-xl-15 {
    padding: 15px !important;
  }
  .pt-xl-15 {
    padding-top: 15px !important;
  }
  .pb-xl-15 {
    padding-bottom: 15px !important;
  }
  .ps-xl-15 {
    padding-left: 15px !important;
  }
  .pe-xl-15 {
    padding-right: 15px !important;
  }
  .px-xl-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-xl-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .m-xl-20 {
    margin: 20px !important;
  }
  .mt-xl-20 {
    margin-top: 20px !important;
  }
  .mb-xl-20 {
    margin-bottom: 20px !important;
  }
  .ms-xl-20 {
    margin-left: 20px !important;
  }
  .me-xl-20 {
    margin-right: 20px !important;
  }
  .mx-xl-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-xl-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .p-xl-20 {
    padding: 20px !important;
  }
  .pt-xl-20 {
    padding-top: 20px !important;
  }
  .pb-xl-20 {
    padding-bottom: 20px !important;
  }
  .ps-xl-20 {
    padding-left: 20px !important;
  }
  .pe-xl-20 {
    padding-right: 20px !important;
  }
  .px-xl-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-xl-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .m-xl-25 {
    margin: 25px !important;
  }
  .mt-xl-25 {
    margin-top: 25px !important;
  }
  .mb-xl-25 {
    margin-bottom: 25px !important;
  }
  .ms-xl-25 {
    margin-left: 25px !important;
  }
  .me-xl-25 {
    margin-right: 25px !important;
  }
  .mx-xl-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .my-xl-25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .p-xl-25 {
    padding: 25px !important;
  }
  .pt-xl-25 {
    padding-top: 25px !important;
  }
  .pb-xl-25 {
    padding-bottom: 25px !important;
  }
  .ps-xl-25 {
    padding-left: 25px !important;
  }
  .pe-xl-25 {
    padding-right: 25px !important;
  }
  .px-xl-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .py-xl-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .m-xl-30 {
    margin: 30px !important;
  }
  .mt-xl-30 {
    margin-top: 30px !important;
  }
  .mb-xl-30 {
    margin-bottom: 30px !important;
  }
  .ms-xl-30 {
    margin-left: 30px !important;
  }
  .me-xl-30 {
    margin-right: 30px !important;
  }
  .mx-xl-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .my-xl-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .p-xl-30 {
    padding: 30px !important;
  }
  .pt-xl-30 {
    padding-top: 30px !important;
  }
  .pb-xl-30 {
    padding-bottom: 30px !important;
  }
  .ps-xl-30 {
    padding-left: 30px !important;
  }
  .pe-xl-30 {
    padding-right: 30px !important;
  }
  .px-xl-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .py-xl-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .m-xl-35 {
    margin: 35px !important;
  }
  .mt-xl-35 {
    margin-top: 35px !important;
  }
  .mb-xl-35 {
    margin-bottom: 35px !important;
  }
  .ms-xl-35 {
    margin-left: 35px !important;
  }
  .me-xl-35 {
    margin-right: 35px !important;
  }
  .mx-xl-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .my-xl-35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important;
  }
  .p-xl-35 {
    padding: 35px !important;
  }
  .pt-xl-35 {
    padding-top: 35px !important;
  }
  .pb-xl-35 {
    padding-bottom: 35px !important;
  }
  .ps-xl-35 {
    padding-left: 35px !important;
  }
  .pe-xl-35 {
    padding-right: 35px !important;
  }
  .px-xl-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .py-xl-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
  }
  .m-xl-40 {
    margin: 40px !important;
  }
  .mt-xl-40 {
    margin-top: 40px !important;
  }
  .mb-xl-40 {
    margin-bottom: 40px !important;
  }
  .ms-xl-40 {
    margin-left: 40px !important;
  }
  .me-xl-40 {
    margin-right: 40px !important;
  }
  .mx-xl-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-xl-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
  }
  .p-xl-40 {
    padding: 40px !important;
  }
  .pt-xl-40 {
    padding-top: 40px !important;
  }
  .pb-xl-40 {
    padding-bottom: 40px !important;
  }
  .ps-xl-40 {
    padding-left: 40px !important;
  }
  .pe-xl-40 {
    padding-right: 40px !important;
  }
  .px-xl-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-xl-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
  .m-xl-45 {
    margin: 45px !important;
  }
  .mt-xl-45 {
    margin-top: 45px !important;
  }
  .mb-xl-45 {
    margin-bottom: 45px !important;
  }
  .ms-xl-45 {
    margin-left: 45px !important;
  }
  .me-xl-45 {
    margin-right: 45px !important;
  }
  .mx-xl-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .my-xl-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important;
  }
  .p-xl-45 {
    padding: 45px !important;
  }
  .pt-xl-45 {
    padding-top: 45px !important;
  }
  .pb-xl-45 {
    padding-bottom: 45px !important;
  }
  .ps-xl-45 {
    padding-left: 45px !important;
  }
  .pe-xl-45 {
    padding-right: 45px !important;
  }
  .px-xl-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .py-xl-45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important;
  }
  .m-xl-50 {
    margin: 50px !important;
  }
  .mt-xl-50 {
    margin-top: 50px !important;
  }
  .mb-xl-50 {
    margin-bottom: 50px !important;
  }
  .ms-xl-50 {
    margin-left: 50px !important;
  }
  .me-xl-50 {
    margin-right: 50px !important;
  }
  .mx-xl-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-xl-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
  }
  .p-xl-50 {
    padding: 50px !important;
  }
  .pt-xl-50 {
    padding-top: 50px !important;
  }
  .pb-xl-50 {
    padding-bottom: 50px !important;
  }
  .ps-xl-50 {
    padding-left: 50px !important;
  }
  .pe-xl-50 {
    padding-right: 50px !important;
  }
  .px-xl-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-xl-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0px !important;
  }
  .mt-xxl-0 {
    margin-top: 0px !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0px !important;
  }
  .ms-xxl-0 {
    margin-left: 0px !important;
  }
  .me-xxl-0 {
    margin-right: 0px !important;
  }
  .mx-xxl-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .my-xxl-0 {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .p-xxl-0 {
    padding: 0px !important;
  }
  .pt-xxl-0 {
    padding-top: 0px !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0px !important;
  }
  .ps-xxl-0 {
    padding-left: 0px !important;
  }
  .pe-xxl-0 {
    padding-right: 0px !important;
  }
  .px-xxl-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .py-xxl-0 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
  .m-xxl-05 {
    margin: 5px !important;
  }
  .mt-xxl-05 {
    margin-top: 5px !important;
  }
  .mb-xxl-05 {
    margin-bottom: 5px !important;
  }
  .ms-xxl-05 {
    margin-left: 5px !important;
  }
  .me-xxl-05 {
    margin-right: 5px !important;
  }
  .mx-xxl-05 {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .my-xxl-05 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
  }
  .p-xxl-05 {
    padding: 5px !important;
  }
  .pt-xxl-05 {
    padding-top: 5px !important;
  }
  .pb-xxl-05 {
    padding-bottom: 5px !important;
  }
  .ps-xxl-05 {
    padding-left: 5px !important;
  }
  .pe-xxl-05 {
    padding-right: 5px !important;
  }
  .px-xxl-05 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .py-xxl-05 {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
  .m-xxl-10 {
    margin: 10px !important;
  }
  .mt-xxl-10 {
    margin-top: 10px !important;
  }
  .mb-xxl-10 {
    margin-bottom: 10px !important;
  }
  .ms-xxl-10 {
    margin-left: 10px !important;
  }
  .me-xxl-10 {
    margin-right: 10px !important;
  }
  .mx-xxl-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .my-xxl-10 {
    margin-bottom: 10px !important;
    margin-top: 10px !important;
  }
  .p-xxl-10 {
    padding: 10px !important;
  }
  .pt-xxl-10 {
    padding-top: 10px !important;
  }
  .pb-xxl-10 {
    padding-bottom: 10px !important;
  }
  .ps-xxl-10 {
    padding-left: 10px !important;
  }
  .pe-xxl-10 {
    padding-right: 10px !important;
  }
  .px-xxl-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .py-xxl-10 {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .m-xxl-15 {
    margin: 15px !important;
  }
  .mt-xxl-15 {
    margin-top: 15px !important;
  }
  .mb-xxl-15 {
    margin-bottom: 15px !important;
  }
  .ms-xxl-15 {
    margin-left: 15px !important;
  }
  .me-xxl-15 {
    margin-right: 15px !important;
  }
  .mx-xxl-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .my-xxl-15 {
    margin-bottom: 15px !important;
    margin-top: 15px !important;
  }
  .p-xxl-15 {
    padding: 15px !important;
  }
  .pt-xxl-15 {
    padding-top: 15px !important;
  }
  .pb-xxl-15 {
    padding-bottom: 15px !important;
  }
  .ps-xxl-15 {
    padding-left: 15px !important;
  }
  .pe-xxl-15 {
    padding-right: 15px !important;
  }
  .px-xxl-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .py-xxl-15 {
    padding-bottom: 15px !important;
    padding-top: 15px !important;
  }
  .m-xxl-20 {
    margin: 20px !important;
  }
  .mt-xxl-20 {
    margin-top: 20px !important;
  }
  .mb-xxl-20 {
    margin-bottom: 20px !important;
  }
  .ms-xxl-20 {
    margin-left: 20px !important;
  }
  .me-xxl-20 {
    margin-right: 20px !important;
  }
  .mx-xxl-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .my-xxl-20 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
  }
  .p-xxl-20 {
    padding: 20px !important;
  }
  .pt-xxl-20 {
    padding-top: 20px !important;
  }
  .pb-xxl-20 {
    padding-bottom: 20px !important;
  }
  .ps-xxl-20 {
    padding-left: 20px !important;
  }
  .pe-xxl-20 {
    padding-right: 20px !important;
  }
  .px-xxl-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .py-xxl-20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important;
  }
  .m-xxl-25 {
    margin: 25px !important;
  }
  .mt-xxl-25 {
    margin-top: 25px !important;
  }
  .mb-xxl-25 {
    margin-bottom: 25px !important;
  }
  .ms-xxl-25 {
    margin-left: 25px !important;
  }
  .me-xxl-25 {
    margin-right: 25px !important;
  }
  .mx-xxl-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .my-xxl-25 {
    margin-bottom: 25px !important;
    margin-top: 25px !important;
  }
  .p-xxl-25 {
    padding: 25px !important;
  }
  .pt-xxl-25 {
    padding-top: 25px !important;
  }
  .pb-xxl-25 {
    padding-bottom: 25px !important;
  }
  .ps-xxl-25 {
    padding-left: 25px !important;
  }
  .pe-xxl-25 {
    padding-right: 25px !important;
  }
  .px-xxl-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
  .py-xxl-25 {
    padding-bottom: 25px !important;
    padding-top: 25px !important;
  }
  .m-xxl-30 {
    margin: 30px !important;
  }
  .mt-xxl-30 {
    margin-top: 30px !important;
  }
  .mb-xxl-30 {
    margin-bottom: 30px !important;
  }
  .ms-xxl-30 {
    margin-left: 30px !important;
  }
  .me-xxl-30 {
    margin-right: 30px !important;
  }
  .mx-xxl-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
  }
  .my-xxl-30 {
    margin-bottom: 30px !important;
    margin-top: 30px !important;
  }
  .p-xxl-30 {
    padding: 30px !important;
  }
  .pt-xxl-30 {
    padding-top: 30px !important;
  }
  .pb-xxl-30 {
    padding-bottom: 30px !important;
  }
  .ps-xxl-30 {
    padding-left: 30px !important;
  }
  .pe-xxl-30 {
    padding-right: 30px !important;
  }
  .px-xxl-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .py-xxl-30 {
    padding-bottom: 30px !important;
    padding-top: 30px !important;
  }
  .m-xxl-35 {
    margin: 35px !important;
  }
  .mt-xxl-35 {
    margin-top: 35px !important;
  }
  .mb-xxl-35 {
    margin-bottom: 35px !important;
  }
  .ms-xxl-35 {
    margin-left: 35px !important;
  }
  .me-xxl-35 {
    margin-right: 35px !important;
  }
  .mx-xxl-35 {
    margin-left: 35px !important;
    margin-right: 35px !important;
  }
  .my-xxl-35 {
    margin-bottom: 35px !important;
    margin-top: 35px !important;
  }
  .p-xxl-35 {
    padding: 35px !important;
  }
  .pt-xxl-35 {
    padding-top: 35px !important;
  }
  .pb-xxl-35 {
    padding-bottom: 35px !important;
  }
  .ps-xxl-35 {
    padding-left: 35px !important;
  }
  .pe-xxl-35 {
    padding-right: 35px !important;
  }
  .px-xxl-35 {
    padding-left: 35px !important;
    padding-right: 35px !important;
  }
  .py-xxl-35 {
    padding-bottom: 35px !important;
    padding-top: 35px !important;
  }
  .m-xxl-40 {
    margin: 40px !important;
  }
  .mt-xxl-40 {
    margin-top: 40px !important;
  }
  .mb-xxl-40 {
    margin-bottom: 40px !important;
  }
  .ms-xxl-40 {
    margin-left: 40px !important;
  }
  .me-xxl-40 {
    margin-right: 40px !important;
  }
  .mx-xxl-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .my-xxl-40 {
    margin-bottom: 40px !important;
    margin-top: 40px !important;
  }
  .p-xxl-40 {
    padding: 40px !important;
  }
  .pt-xxl-40 {
    padding-top: 40px !important;
  }
  .pb-xxl-40 {
    padding-bottom: 40px !important;
  }
  .ps-xxl-40 {
    padding-left: 40px !important;
  }
  .pe-xxl-40 {
    padding-right: 40px !important;
  }
  .px-xxl-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .py-xxl-40 {
    padding-bottom: 40px !important;
    padding-top: 40px !important;
  }
  .m-xxl-45 {
    margin: 45px !important;
  }
  .mt-xxl-45 {
    margin-top: 45px !important;
  }
  .mb-xxl-45 {
    margin-bottom: 45px !important;
  }
  .ms-xxl-45 {
    margin-left: 45px !important;
  }
  .me-xxl-45 {
    margin-right: 45px !important;
  }
  .mx-xxl-45 {
    margin-left: 45px !important;
    margin-right: 45px !important;
  }
  .my-xxl-45 {
    margin-bottom: 45px !important;
    margin-top: 45px !important;
  }
  .p-xxl-45 {
    padding: 45px !important;
  }
  .pt-xxl-45 {
    padding-top: 45px !important;
  }
  .pb-xxl-45 {
    padding-bottom: 45px !important;
  }
  .ps-xxl-45 {
    padding-left: 45px !important;
  }
  .pe-xxl-45 {
    padding-right: 45px !important;
  }
  .px-xxl-45 {
    padding-left: 45px !important;
    padding-right: 45px !important;
  }
  .py-xxl-45 {
    padding-bottom: 45px !important;
    padding-top: 45px !important;
  }
  .m-xxl-50 {
    margin: 50px !important;
  }
  .mt-xxl-50 {
    margin-top: 50px !important;
  }
  .mb-xxl-50 {
    margin-bottom: 50px !important;
  }
  .ms-xxl-50 {
    margin-left: 50px !important;
  }
  .me-xxl-50 {
    margin-right: 50px !important;
  }
  .mx-xxl-50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
  }
  .my-xxl-50 {
    margin-bottom: 50px !important;
    margin-top: 50px !important;
  }
  .p-xxl-50 {
    padding: 50px !important;
  }
  .pt-xxl-50 {
    padding-top: 50px !important;
  }
  .pb-xxl-50 {
    padding-bottom: 50px !important;
  }
  .ps-xxl-50 {
    padding-left: 50px !important;
  }
  .pe-xxl-50 {
    padding-right: 50px !important;
  }
  .px-xxl-50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
  }
  .py-xxl-50 {
    padding-bottom: 50px !important;
    padding-top: 50px !important;
  }
}
.rotate-0 {
  transform: rotate(0deg) !important;
}

.rotate-90 {
  transform: rotate(90deg) !important;
}

.rotate-180 {
  transform: rotate(180deg) !important;
}

.rotate-270 {
  transform: rotate(270deg) !important;
}

.rotate-xs-0 {
  transform: rotate(0deg) !important;
}

.rotate-xs-90 {
  transform: rotate(90deg) !important;
}

.rotate-xs-180 {
  transform: rotate(180deg) !important;
}

.rotate-xs-270 {
  transform: rotate(270deg) !important;
}

@media (min-width: 576px) {
  .rotate-sm-0 {
    transform: rotate(0deg) !important;
  }
  .rotate-sm-90 {
    transform: rotate(90deg) !important;
  }
  .rotate-sm-180 {
    transform: rotate(180deg) !important;
  }
  .rotate-sm-270 {
    transform: rotate(270deg) !important;
  }
}
@media (min-width: 768px) {
  .rotate-md-0 {
    transform: rotate(0deg) !important;
  }
  .rotate-md-90 {
    transform: rotate(90deg) !important;
  }
  .rotate-md-180 {
    transform: rotate(180deg) !important;
  }
  .rotate-md-270 {
    transform: rotate(270deg) !important;
  }
}
@media (min-width: 992px) {
  .rotate-lg-0 {
    transform: rotate(0deg) !important;
  }
  .rotate-lg-90 {
    transform: rotate(90deg) !important;
  }
  .rotate-lg-180 {
    transform: rotate(180deg) !important;
  }
  .rotate-lg-270 {
    transform: rotate(270deg) !important;
  }
}
@media (min-width: 1200px) {
  .rotate-xl-0 {
    transform: rotate(0deg) !important;
  }
  .rotate-xl-90 {
    transform: rotate(90deg) !important;
  }
  .rotate-xl-180 {
    transform: rotate(180deg) !important;
  }
  .rotate-xl-270 {
    transform: rotate(270deg) !important;
  }
}
@media (min-width: 1400px) {
  .rotate-xxl-0 {
    transform: rotate(0deg) !important;
  }
  .rotate-xxl-90 {
    transform: rotate(90deg) !important;
  }
  .rotate-xxl-180 {
    transform: rotate(180deg) !important;
  }
  .rotate-xxl-270 {
    transform: rotate(270deg) !important;
  }
}
.tooltip {
  font-family: inherit;
  font-weight: var(--bravo-font-weight-normal);
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
.tooltip.show {
  opacity: 1;
}

.tooltip-inner {
  background-color: var(--bravo-color-dark);
  border-radius: var(--bravo-border-radius);
  color: var(--bravo-color-light);
  padding: 15px;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: var(--bravo-color-dark);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: var(--bravo-color-dark);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: var(--bravo-color-dark);
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: var(--bravo-color-dark);
}

:root {
  --bravo-back-to-top-height: 68;
  --bravo-back-to-top-padding: 8;
}

#backToTop, .back-to-top  {
  align-items: center;
  border-radius: 50%;
  bottom: 0;
  color: var(--bravo-color-light-alt);
  display: flex;
  height: calc(1px * var(--bravo-back-to-top-height));
  justify-content: center;
  position: fixed;
  right: 0;
  width: calc(1px * var(--bravo-back-to-top-height));
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s, 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration)), calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity, color;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
}
#backToTop::before, .back-to-top::before {
  background-color: var(--bravo-color-dark);
  border: 1px solid #000;
  border-radius: 50%;
  content: "";
  height: calc(1px * (var(--bravo-back-to-top-height) - var(--bravo-back-to-top-padding) * 2));
  left: 50%;
  margin-left: calc(-1px * (var(--bravo-back-to-top-height) - var(--bravo-back-to-top-padding) * 2) / 2);
  margin-top: calc(-1px * (var(--bravo-back-to-top-height) - var(--bravo-back-to-top-padding) * 2) / 2);
  position: absolute;
  top: 50%;
  width: calc(1px * (var(--bravo-back-to-top-height) - var(--bravo-back-to-top-padding) * 2));
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: background-color, border-color;
  transition-timing-function: var(--bravo-animation-timing-function);
}
#backToTop:focus, .back-to-top:focus {
  color: var(--bravo-color-light-alt);
}
#backToTop:focus::before, .back-to-top:focus::before {
  background-color: #516272;
  border-color: var(--bravo-color-dark);
}
#backToTop:not(:focus-visible), .back-to-top:not(:focus-visible) {
  color: var(--bravo-color-light-alt);
}
#backToTop:not(:focus-visible)::before, .back-to-top:not(:focus-visible)::before {
  background-color: var(--bravo-color-dark);
  border-color: #000;
}
#backToTop:active, #backToTop:hover, .back-to-top:active, .back-to-top:hover {
  color: var(--bravo-color-light-alt);
}
#backToTop:active::before, #backToTop:hover::before, .back-to-top:active::before, .back-to-top:hover::before {
  background-color: #516272;
  border-color: var(--bravo-color-dark);
}

@media (max-width: 767.98px) {
  #backToTop.show-back-to-top, .show-back-to-top .back-to-top {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s, calc(1s * var(--bravo-animation-duration)), calc(1s * var(--bravo-animation-duration));
    transition-property: visibility, opacity, color;
    transition-timing-function: var(--bravo-animation-timing-function);
    visibility: visible;
  }
}

@media (max-width: 991.98px) {
  #backToTop.table-page.show-back-to-top, .table-page.show-back-to-top .back-to-top {
    opacity: 1;
    transition-delay: 0s;
    transition-duration: 0s, calc(1s * var(--bravo-animation-duration)), calc(1s * var(--bravo-animation-duration));
    transition-property: visibility, opacity, color;
    transition-timing-function: var(--bravo-animation-timing-function);
    visibility: visible;
  }
}

.has-mobile-sticky-footer-button .back-to-top, #backToTop {
  bottom: calc(1px * var(--bravo-btn-height));
}

.has-mobile-sticky-footer-button-2 .back-to-top, #backToTop {
  bottom: calc(1px * var(--bravo-btn-height) * 2);
}

.choices {
  color: var(--bravo-color-dark);
}
.choices.is-open {
  z-index: 10;
}
.choices.is-disabled {
  color: var(--bravo-color-dark-alt);
}
.choices[data-type*=select-one]::after {
  background-color: currentcolor;
  border: 0;
  height: 10px;
  margin-top: -5px;
  -webkit-mask-image: url(../../images/sprite/expandable-form.svg);
  mask-image: url(../../images/sprite/expandable-form.svg);
  right: 12px;
  width: 10px;
  z-index: 2;
}
.choices[data-type*=select-one].is-open::after {
  margin-top: -5px;
  transform: rotate(-0.5turn);
}

.choices__inner {
  background: none;
  border: 0;
  border-radius: calc(1px * var(--bravo-border-radius));
  min-height: calc(1px * var(--bravo-form-control-height));
  padding: 10px 12px 0;
  position: relative;
  z-index: 2;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}
.is-open .choices__inner {
  border-radius: calc(1px * var(--bravo-border-radius));
}
.choices.is-disabled .choices__inner {
  background: none;
}
.choices[data-type*=select-one] .choices__inner {
  padding-bottom: 10px;
}

.choices__list--single {
  display: block;
  padding: 0 22px 0 0;
}
.choices__list--single .choices__item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.choices__list--dropdown,
.choices__list[aria-expanded] {
  border-color: var(--bravo-color-border);
  border-radius: calc(1px * var(--bravo-border-radius));
  background: linear-gradient(to bottom, #eaeaea 0%, #fefefe 100%);
  margin-top: 0;
  padding-top: 38px;
  top: 0;
  visibility: visible;
  word-break: break-word;
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: border-color;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
  border-color: var(--bravo-color-border);
}
.is-flipped .choices__list--dropdown,
.is-flipped .choices__list[aria-expanded] {
  border-radius: calc(1px * var(--bravo-border-radius));
  bottom: 0;
  margin-bottom: 0;
  padding-bottom: 38px;
  padding-top: 0;
}
.choices__list--dropdown.is-active,
.choices__list[aria-expanded].is-active {
  padding-bottom: 1px;
  padding-top: 39px;
}
.is-flipped .choices__list--dropdown.is-active,
.is-flipped .choices__list[aria-expanded].is-active {
  padding-bottom: 39px;
  padding-top: 1px;
}
.is-focused .choices__list--dropdown, .choices:not(.is-disabled):hover .choices__list--dropdown,
.is-focused .choices__list[aria-expanded],
.choices:not(.is-disabled):hover .choices__list[aria-expanded] {
  border-color: var(--bravo-color-primary);
  border-width: 2px;
  padding-top: 36px;
}
.is-focused .choices__list--dropdown.is-active, .choices:not(.is-disabled):hover .choices__list--dropdown.is-active,
.is-focused .choices__list[aria-expanded].is-active,
.choices:not(.is-disabled):hover .choices__list[aria-expanded].is-active {
  padding-bottom: 0;
  padding-top: 38px;
}
.is-flipped.is-focused .choices__list--dropdown, .choices:not(.is-disabled).is-flipped:hover .choices__list--dropdown,
.is-flipped.is-focused .choices__list[aria-expanded],
.choices:not(.is-disabled).is-flipped:hover .choices__list[aria-expanded] {
  padding-bottom: 36px;
  padding-top: 0;
}
.is-flipped.is-focused .choices__list--dropdown.is-active, .choices:not(.is-disabled).is-flipped:hover .choices__list--dropdown.is-active,
.is-flipped.is-focused .choices__list[aria-expanded].is-active,
.choices:not(.is-disabled).is-flipped:hover .choices__list[aria-expanded].is-active {
  padding-bottom: 38px;
  padding-top: 0;
}
.choices__list--dropdown .choices__list,
.choices__list[aria-expanded] .choices__list {
  height: 0;
  overflow: hidden;
}
.choices__list--dropdown.is-active .choices__list,
.choices__list[aria-expanded].is-active .choices__list {
  height: auto;
  overflow: auto;
}
.choices.is-disabled .choices__list--dropdown,
.choices.is-disabled .choices__list[aria-expanded] {
  background: var(--bravo-color-light-alt);
}
.choices__list--dropdown .choices__item,
.choices__list[aria-expanded] .choices__item {
  padding: 10px 33px 10px 11px;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
  font-size: calc(1px * var(--bravo-font-size));
  line-height: calc(var(--bravo-line-height) / var(--bravo-font-size));
}
.is-focused .choices__list--dropdown .choices__item, .choices:hover .choices__list--dropdown .choices__item,
.is-focused .choices__list[aria-expanded] .choices__item,
.choices:hover .choices__list[aria-expanded] .choices__item {
  padding-left: 10px;
  padding-right: 32px;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: var(--bravo-color-dark-alt);
  color: var(--bravo-color-light);
}
.choices__list--dropdown .choices__item--selectable.is-highlighted::after,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted::after {
  opacity: 0;
}

:root {
  --bravo-data-table-padding-x: 15;
  --bravo-data-table-cell-padding-left: 10; /*15*/
  --bravo-data-table-cell-padding-right: 10; /*15*/
  --bravo-data-table-header-cell-min-height: 45;
  --bravo-data-table-header-cell-padding-y: 5;
  --bravo-data-table-data-cell-min-height: 40;
  --bravo-data-table-data-cell-padding-y: 8;
}

.data-table {
  border-collapse: separate;
  border-spacing: 0;
  font-weight: var(--bravo-font-weight-bold);
  width: 100%;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
.data-table thead tr {
  height: calc(1px * var(--bravo-data-table-header-cell-min-height));
}
.data-table tbody tr {
  height: calc(1px * var(--bravo-data-table-data-cell-min-height));
}
.data-table th,
.data-table td {
  height: 100%;
  padding-left: calc(1px * var(--bravo-data-table-cell-padding-left));
  padding-right: calc(1px * var(--bravo-data-table-cell-padding-right));
}
.data-table th:first-child,
.data-table td:first-child {
  --bravo-data-table-cell-padding-left: var(--bravo-data-table-padding-x);
}
.data-table th:last-child,
.data-table td:last-child {
  --bravo-data-table-cell-padding-right: var(--bravo-data-table-padding-x);
}
.data-table th:not(:last-child),
.data-table td:not(:last-child) {
  border-right-style: solid;
  border-right-width: 1px;
}
.data-table th {
  background-color: var(--bravo-color-primary);
  border-color: #4d7fbe;
  color: var(--bravo-color-light);
  padding-bottom: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  padding-top: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
.data-table th.bg-dark {
  border-color: #6b6b6b;
}
.data-table tr:not(:first-child) th {
  border-top-style: solid;
  border-top-width: 1px;
}
.data-table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--bravo-color-border);
  padding-bottom: calc(1px * var(--bravo-data-table-data-cell-padding-y));
  padding-top: calc(1px * var(--bravo-data-table-data-cell-padding-y));
}
.data-table tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
.data-table tr:nth-child(even) td {
  background-color: var(--bravo-color-light-alt);
}
.data-table .btn-sm {
  margin: 2px;
  margin-left: 0;
}

.data-table-sticky-header thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}

.data-table-full-page-width {
  --bravo-data-table-padding-x: var(--bravo-page-padding);
}

.data-table-header-sort {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: inherit;
  display: flex;
  font-weight: inherit;
  height: calc(100% + 1px * var(--bravo-data-table-header-cell-padding-y) * 2);
  margin-bottom: calc(-1px * var(--bravo-data-table-header-cell-padding-y));
  margin-left: calc(-1px * var(--bravo-data-table-cell-padding-left));
  margin-right: calc(-1px * var(--bravo-data-table-cell-padding-right));
  margin-top: calc(-1px * var(--bravo-data-table-header-cell-padding-y));
  min-height: calc(1px * var(--bravo-data-table-header-cell-min-height));
  padding-bottom: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  padding-left: calc(1px * var(--bravo-data-table-cell-padding-left));
  padding-right: calc(1px * (var(--bravo-data-table-cell-padding-right) - 7));
  padding-top: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  text-align: inherit;
  width: calc(100% + 1px * (var(--bravo-data-table-cell-padding-left) + var(--bravo-data-table-cell-padding-right)));
}
.data-table-header-sort .svg-sprite {
  flex: none;
  margin-left: 5px;
  opacity: 0.5;
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.data-table-header-sort:focus .svg-sprite {
  opacity: 1;
}
.data-table-header-sort:not(:focus-visible) .svg-sprite {
  opacity: 0.5;
}
.data-table-header-sort.active .svg-sprite, .data-table-header-sort:active .svg-sprite, .data-table-header-sort:hover .svg-sprite {
  opacity: 1;
}
.data-table-header-sort.disabled, .data-table-header-sort:disabled {
  pointer-events: none;
}
.data-table-header-sort.disabled .svg-sprite, .data-table-header-sort:disabled .svg-sprite {
  opacity: 0.2;
}

.document-preview {
  display: flex;
  flex-direction: column;
}
.modal-body .document-preview {
  height: calc(66.66667vh - 1px * var(--bravo-modal-header-min-height));
  margin-bottom: calc(-1px * var(--bravo-modal-content-padding-y));
  margin-left: calc(-1px * var(--bravo-modal-content-padding-x));
  margin-right: calc(-1px * var(--bravo-modal-content-padding-x));
  margin-top: calc(-1px * var(--bravo-modal-content-padding-y));
}

.document-preview-header {
  align-items: center;
  background-color: var(--bravo-color-warning);
  color: var(--bravo-color-light);
  display: flex;
  flex: none;
  justify-content: center;
  min-height: 30px;  /*40px*/
  /*padding-bottom: 10px;*/
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
  /*padding-top: 10px;*/
}
@media (min-width: 992px) {
  .records-table + .document-preview .document-preview-header {
    min-height: 30px;  /*45px*/
  }
}

.document-preview-title {
  --bravo-document-preview-title-icon-width: 24;
  font-weight: var(--bravo-font-weight-bold);
  margin-bottom: 0;
  text-align: center;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
@media (min-width: 992px) {
  .document-preview-title {
    --bravo-font-size: var(--bravo-font-size-md);
    --bravo-line-height: var(--bravo-line-height-md);
  }
}
.document-preview-title .svg-sprite {
  margin-bottom: calc(1px * (var(--bravo-line-height) - var(--bravo-document-preview-title-icon-width)) / 2);
  margin-left: calc(-1px * var(--bravo-document-preview-title-icon-width) * 6 / 24);
  margin-top: calc(1px * (var(--bravo-line-height) - var(--bravo-document-preview-title-icon-width)) / 2);
  vertical-align: bottom;
  width: calc(1px * var(--bravo-document-preview-title-icon-width));
}

.document-preview-body {
  background-image: linear-gradient(to bottom, #c8c8c8 0%, #b6b6b6 100%);
  flex: auto;
  height: 100%;
  position: relative;
}

.document-preview-content {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.form-field {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 768px) {
  .form-field {
    margin-bottom: 25px;
  }
  .modal-body .form-field {
    margin-bottom: 20px;
  }
  .tab-pane > .form-field:last-child {
    margin-bottom: 0;
  }
}
.form-field::before, .form-field::after {
  content: "";
  height: 0;
  width: 100%;
}
.form-field::after {
  order: 10;
}
.form-field .form-label {
  order: -1;
}
.form-field .indicator {
  margin-bottom: 8px;
  order: -1;
}
.form-field .choices {
  width: 100%;
}
.form-field .btn:not(.btn-icon-only) {
  display: block;
  width: 100%;
}
.form-field .btn-icon-only {
  display: flex;
}

.form-field-status {
  display: inline-block;
  margin-top: 6px;
  order: 11;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.form-field-captcha {
  display: flex;
  width: 100%;
}
.form-field-captcha img {
  border: 1px solid var(--bravo-color-border);
  height: calc(1px * var(--bravo-form-control-height));
}
.form-field-captcha .btn {
  --bravo-btn-height: var(--bravo-form-control-height);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  flex: none;
}
.form-field-captcha .form-control {
  margin-right: 10px;
  order: -1;
}

.form-field-check-list-small {
  --bravo-form-field-check-list-border-width: 1;
  --bravo-form-field-check-list-small-spacing-x: 15;
  --bravo-form-field-check-list-small-gap-y: 10;
  align-items: stretch;
  border-color: var(--bravo-color-border);
  border-radius: calc(1px * var(--bravo-border-radius) * 2);
  border-style: solid;
  border-width: calc(1px * var(--bravo-form-field-check-list-border-width));
  flex-direction: column;
  padding-bottom: calc(1px * (var(--bravo-form-field-check-list-small-spacing-x) - var(--bravo-form-field-check-list-small-gap-y) / 2 - var(--bravo-form-field-check-list-border-width)));
  padding-left: calc(1px * (var(--bravo-form-field-check-list-small-spacing-x) / 2 - var(--bravo-form-field-check-list-border-width)));
  padding-right: calc(1px * (var(--bravo-form-field-check-list-small-spacing-x) / 2 - var(--bravo-form-field-check-list-border-width)));
  padding-top: calc(1px * (var(--bravo-form-field-check-list-small-spacing-x) - var(--bravo-form-field-check-list-small-gap-y) / 2 - var(--bravo-form-field-check-list-border-width)));
  --bravo-font-size: var(--bravo-font-size-xs);
  --bravo-line-height: var(--bravo-line-height-xs);
}
.form-field-check-list-small::before, .form-field-check-list-small::after {
  content: none;
}
.form-field-check-list-small .form-check {
  margin-bottom: calc(1px * var(--bravo-form-field-check-list-small-gap-y) / 2);
  margin-left: calc(1px * var(--bravo-form-field-check-list-small-spacing-x) / 2);
  margin-right: calc(1px * var(--bravo-form-field-check-list-small-spacing-x) / 2);
  margin-top: calc(1px * var(--bravo-form-field-check-list-small-gap-y) / 2);
}
.form-field-check-list-small .form-check-label {
  padding-left: calc(1px * var(--bravo-form-field-check-list-small-spacing-x) / 2);
}
@media (min-width: 768px) {
  .form-field-check-list-small {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .form-field-check-list-small .form-check {
    grid-column: 1;
  }
  .form-field-check-list-small .form-field-check-list-small-second-column,
.form-field-check-list-small .form-field-check-list-small-second-column ~ .form-check {
    grid-column: 2;
  }
}

.form-field-btn-check-group {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .form-field-btn-check-group {
    margin-bottom: 25px;
  }
  .modal-body .form-field-btn-check-group {
    margin-bottom: 20px;
  }
}
.form-field-btn-check-group legend {
  margin-bottom: 0;
}

.form-field-btn-check-group-toggle {
  background-color: transparent;
  border: 0;
  display: block;
  font-weight: var(--bravo-font-weight-bold);
  margin: -10px 0;
  padding: 10px 0;
  position: relative;
  text-align: left;
  width: 100%;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
@media (min-width: 768px) {
  .form-field-btn-check-group-toggle {
    display: inline-block;
    padding-right: 20px;
    width: auto;
  }
}
.form-field-btn-check-group-toggle .svg-sprite {
  margin-top: -5px;
  position: absolute;
  right: 0;
  top: 50%;
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: transform;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.form-field-btn-check-group-toggle[aria-expanded=true] .svg-sprite {
  transform: rotate(-0.5turn);
}

.form-field-btn-check-group-items {
  --bravo-form-field-btn-check-group-items-gap-x: 8;
  --bravo-form-field-btn-check-group-items-gap-y: 8;
  padding-top: 15px;
}
@media (min-width: 768px) {
  .form-field-btn-check-group-items {
    --bravo-form-field-btn-check-group-items-gap-y: 6;
  }
}
.form-field-btn-check-group-items ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: calc(-1px * var(--bravo-form-field-btn-check-group-items-gap-y) / 2);
  margin-left: calc(-1px * var(--bravo-form-field-btn-check-group-items-gap-x) / 2);
  margin-right: calc(-1px * var(--bravo-form-field-btn-check-group-items-gap-x) / 2);
  margin-top: calc(-1px * var(--bravo-form-field-btn-check-group-items-gap-y) / 2);
}
.form-field-btn-check-group-items li {
  padding-bottom: calc(1px * var(--bravo-form-field-btn-check-group-items-gap-y) / 2);
  padding-left: calc(1px * var(--bravo-form-field-btn-check-group-items-gap-x) / 2);
  padding-right: calc(1px * var(--bravo-form-field-btn-check-group-items-gap-x) / 2);
  padding-top: calc(1px * var(--bravo-form-field-btn-check-group-items-gap-y) / 2);
}
.form-field-btn-check-group-items .btn {
  --bravo-btn-height: 30;
  --bravo-btn-spacing-x: 11;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
@media (min-width: 768px) {
  .form-field-btn-check-group-items .btn {
    --bravo-btn-height: 40;
    --bravo-btn-spacing-x: 12;
  }
}

.form-instructions {
  margin-bottom: 20px;
  padding-bottom: 15px;
}
@media (min-width: 768px) {
  .form-instructions {
    border-bottom-color: var(--bravo-color-border);
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
}
.form-instructions p {
  margin-bottom: 15px;
}
.form-instructions p:last-child {
  margin-bottom: 0;
}

.form-instructions-iam-smart {
  background-color: var(--bravo-color-light-alt);
  padding-top: 15px;
}
@media (min-width: 768px) {
  .form-instructions-iam-smart {
    background-color: transparent;
  }
}

.form-stepper {
  flex-wrap: nowrap;
  width: 120px;
}
.form-stepper .form-control {
  --bravo-form-control-spacing-x: 5;
  text-align: center;
}

@media (min-width: 992px) {
  .table-page .form-stepper {
    width: 110px;
  }
  .table-page .form-stepper .btn {
    --bravo-btn-icon-width: 24;
    width: 30px;
  }
}

.indicator {
  display: inline-block;
  line-height: 12px;
}
.form-label ~ .indicator {
  margin-left: 8px;
}
@media (min-width: 768px) {
  .form-label ~ .indicator {
    margin-left: 10px;
  }
}
.indicator a {
  display: block;
  margin: -10px;
  padding: 10px;
}
.indicator a:active, .indicator a:focus, .indicator a:hover {
  color: inherit;
}
.indicator a[href="#"] {
  cursor: default;
}
.indicator .svg-sprite {
  display: block;
}
.indicator .svg-sprite-iam-smart {
  margin: -7px;
  width: 26px;
}
.indicator .svg-sprite-info {
  margin: -3px -2px -2px -3px;
  width: 17px;
}

.skip-link {
  left: 10px;
  position: fixed;
  top: 10px;
  z-index: 200;
}

.svg-sprite {
  display: inline-block;
  fill: currentcolor;
  position: relative;
  width: calc(1px * var(--svg-sprite-width));
}
.svg-sprite::before {
  content: "";
  display: block;
  height: 0;
  padding-top: calc(100% * var(--svg-sprite-height) / var(--svg-sprite-width));
  width: 0;
}
.svg-sprite svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.svg-sprite-accept {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-account {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-account-activation {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-angle-left {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-angle-right {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-arrow-down {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-arrow-left {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-arrow-right {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-arrow-up {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-bookmark {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-box {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-building {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-calendar {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-cart {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-cart-add {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-circle-arrow-left {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-circle-arrow-right {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-close {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-collapse {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-copy-certified-hard {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-copy-non-certified-download {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-copy-non-certified-dvd-rom {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-copy-non-certified-hard {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-credit-card {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-delete {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-expand {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-expandable-content {
  --svg-sprite-height: 10;
  --svg-sprite-width: 10;
}

.svg-sprite-expandable-form {
  --svg-sprite-height: 10;
  --svg-sprite-width: 10;
}

.svg-sprite-expandable-menu {
  --svg-sprite-height: 6;
  --svg-sprite-width: 7;
}

.svg-sprite-faq {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-filter {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-folder {
  --svg-sprite-height: 10;
  --svg-sprite-width: 10;
}

.svg-sprite-form {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-globe {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-hand {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-iam-smart {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-identify {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-image {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-info {
  --svg-sprite-height: 12;
  --svg-sprite-width: 12;
}

.svg-sprite-legend {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-legend-building-minor-works-records {
  --svg-sprite-height: 27;
  --svg-sprite-width: 27;
}

.svg-sprite-legend-building-records {
  --svg-sprite-height: 27;
  --svg-sprite-width: 27;
}

.svg-sprite-legend-minor-works-records {
  --svg-sprite-height: 27;
  --svg-sprite-width: 27;
}

.svg-sprite-legend-no-electronic-records {
  --svg-sprite-height: 27;
  --svg-sprite-width: 27;
}

.svg-sprite-legend-search-result {
  --svg-sprite-height: 27;
  --svg-sprite-width: 27;
}

.svg-sprite-legend-slopes {
  --svg-sprite-height: 27;
  --svg-sprite-width: 27;
}

.svg-sprite-logout {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-mail {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-map {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-map-hide {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-menu {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-minus {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-money {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-pagination-first {
  --svg-sprite-height: 16;
  --svg-sprite-width: 11;
}

.svg-sprite-pagination-last {
  --svg-sprite-height: 16;
  --svg-sprite-width: 11;
}

.svg-sprite-pagination-next {
  --svg-sprite-height: 14;
  --svg-sprite-width: 8;
}

.svg-sprite-pagination-previous {
  --svg-sprite-height: 14;
  --svg-sprite-width: 8;
}

.svg-sprite-plus {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-polygon {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-preview {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-print {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-redo {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-registration {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-reload {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-resizer {
  --svg-sprite-height: 6;
  --svg-sprite-width: 10;
}

.svg-sprite-search {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-slope {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-sort {
  --svg-sprite-height: 15;
  --svg-sprite-width: 7;
}

.svg-sprite-sort-asc, .svg-sprite-sort-desc {
  --svg-sprite-height: 15; /*10*/
  --svg-sprite-width: 7;
}

.svg-sprite-submit {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-survey {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-text-size {
  --svg-sprite-height: 15;
  --svg-sprite-width: 21;
}

.svg-sprite-undo {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-upload {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

.svg-sprite-warning {
  --svg-sprite-height: 32;
  --svg-sprite-width: 32;
}

:root {
  --bravo-global-header-height: 55;
}

.global-header {
  --bravo-global-header-border-width: 1;
  --bravo-global-header-logo-padding-x: 14;
  --bravo-global-header-logo-line-height: 32;
  border-bottom-color: var(--bravo-color-border);
  border-bottom-style: solid;
  border-bottom-width: calc(1px * var(--bravo-global-header-border-width));
  background-color: var(--bravo-color-light);
  font-weight: var(--bravo-font-weight-bold);
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.global-header-content {
  display: flex;
  margin: 0 auto;
    width:100%;
 /* max-width: calc(1px * var(--bravo-page-max-width));*/
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
  justify-content: space-between;
}
.global-header-content > * {
  height: calc(1px * (var(--bravo-global-header-height) - var(--bravo-global-header-border-width)));
}

.buildings-department-logo,
.bravo-logo {
  align-items: center;
  display: flex;
  padding-left: calc(1px * var(--bravo-global-header-logo-padding-x));
  padding-right: calc(1px * var(--bravo-global-header-logo-padding-x));
}

.buildings-department-logo {
  margin-left: calc(-1px * var(--bravo-global-header-logo-padding-x));
  margin-right: 1px;
  position: relative;
}
.buildings-department-logo::after {
  border-left-color: var(--bravo-color-border);
  border-left-style: solid;
  border-left-width: 1px;
  content: "";
  height: calc(1px * var(--bravo-global-header-logo-line-height));
  left: 100%;
  margin-top: calc(-1px * var(--bravo-global-header-logo-line-height) / 2);
  position: absolute;
  top: 50%;
  display:none;
}
.buildings-department-logo img {
  width: 30px;
}

.bravo-logo {
  margin-right: auto;
}
.bravo-logo img {
  width: 72px;
}

.global-header-mobile-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--bravo-color-dark);
  display: flex;
  padding-bottom: 0;
  padding-left: 7.5px;
  padding-right: 7.5px;
  padding-top: 0;
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: color;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.global-header-mobile-toggle:focus {
  color: var(--bravo-color-accent);
}
.global-header-mobile-toggle:not(:focus-visible) {
  color: var(--bravo-color-dark);
}
.global-header-mobile-toggle:active, .global-header-mobile-toggle:hover {
  color: var(--bravo-color-accent);
}

.global-header-mobile-toggle-menu {
  margin-right: -7.5px;
  margin-left: auto;
  order: 1;
  position: relative;
}
.global-header-mobile-toggle-menu .global-header-mobile-toggle-menu-icon-close {
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  opacity: 0;
  position: absolute;
  top: 50%;
}
.global-header-mobile-toggle-menu[aria-expanded=true] .global-header-mobile-toggle-menu-icon-open {
  opacity: 0;
}
.global-header-mobile-toggle-menu[aria-expanded=true] .global-header-mobile-toggle-menu-icon-close {
  opacity: 1;
}

body:not(.show-mobile-toggle-cart) .global-header-mobile-toggle-cart {
  display: none;
}

.global-header-nav {
  align-items: center;
  display: none;
}
.global-header-nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-right: -10px;
}
.global-header-nav li:not(:first-child) {
  border-left-color: var(--bravo-color-border);
  border-left-style: solid;
  border-left-width: 1px;
}
.global-header-nav a {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
}
.global-header-nav .svg-sprite-text-size {
  position: relative;
  top: 1px;
  vertical-align: baseline;
}
.global-header-nav .global-header-nav-item-has-children {
  position: relative;
}
.global-header-nav .global-header-nav-item-has-children:focus-within ul, .global-header-nav .global-header-nav-item-has-children:hover ul {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
}
.global-header-nav .global-header-nav-item-has-children ul {
  background-color: var(--bravo-color-light);
  flex-direction: column;
  left: 50%;
  padding-bottom: 6px;
  padding-top: 6px;
  position: absolute;
  top: 100%;
  text-align: center;
  transform: translateX(-50%);
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
}
.global-header-nav .global-header-nav-item-has-children ul a {
  padding-bottom: 4px;
  padding-top: 4px;
}
.global-header-nav .global-header-nav-item-has-children li:not(:first-child) {
  border-left: 0;
}
.global-header-nav .global-header-nav-item-current {
  color: var(--bravo-color-accent);
}

@media (min-width: 992px) {
  :root {
    --bravo-global-header-height: 80;
  }
  .global-header {
    --bravo-global-header-logo-padding-x: 20;
    --bravo-global-header-logo-line-height: 47;
    --bravo-font-size: var(--bravo-font-size-md);
    --bravo-line-height: var(--bravo-line-height-md);
  }
  .buildings-department-logo img {
    width: 45px;
  }
  .buildings-department-logo::after {
    display:flex;
  }
  .bravo-logo img {
    width: 108px;
  }
  .global-header-mobile-toggle {
    display: none;
  }
  .global-header-nav {
    display: flex;
  }
  .hide-global-header .global-header {
    align-items: center;
    display: flex;
    width:100%;
  }
  .hide-global-header .bravo-logo {
    margin-left: calc(-1px * var(--bravo-page-padding));
    margin-right: calc(-1px * var(--bravo-page-padding));
    padding-left: calc(1px * var(--bravo-page-padding));
    padding-right: calc(1px * var(--bravo-page-padding));
  }
}
.menu-bar {
  --bravo-menu-bar-height: 40;
  --bravo-menu-bar-menu-item-padding-x: 3;
  --bravo-menu-bar-submenu-height: 30;
  --bravo-menu-bar-submenu-item-padding-x: 15;
  --bravo-menu-bar-arrow-gap: 5;
  --bravo-menu-bar-arrow-height: 6;
  --bravo-menu-bar-arrow-width: 7;
  background-color: var(--bravo-color-primary);
  color: var(--bravo-color-light);
  display: none;
  font-weight: var(--bravo-font-weight-bold);
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
@media (min-width: 992px) {
  .show-menu-bar .menu-bar {
    display: block;
  }
}
.menu-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.menu-bar a {
  color: inherit;
  display: block;
  text-decoration: none;
}

.menu-bar-content {
  display: flex;
  margin: 0 auto;
  /**max-width: calc(1px * var(--bravo-page-max-width));**/
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
}

.menu-bar-menu {
  display: flex;
}
.menu-bar-menu > .menu-bar-menu-item:not(:first-child) {
  margin-left: 50px;
}

.menu-bar-menu > .menu-bar-menu-item > a,
.menu-bar-logout {
  margin-left: calc(-1px * var(--bravo-menu-bar-menu-item-padding-x));
  margin-right: calc(-1px * var(--bravo-menu-bar-menu-item-padding-x));
  padding-bottom: calc(1px * (var(--bravo-menu-bar-height) - var(--bravo-line-height)) / 2);
  padding-left: calc(1px * var(--bravo-menu-bar-menu-item-padding-x));
  padding-right: calc(1px * var(--bravo-menu-bar-menu-item-padding-x));
  padding-top: calc(1px * (var(--bravo-menu-bar-height) - var(--bravo-line-height)) / 2);
  position: relative;
}
.menu-bar-menu > .menu-bar-menu-item > a::after,
.menu-bar-logout::after {
  border-top-color: var(--bravo-color-accent);
  border-top-style: solid;
  border-top-width: 5px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
}
.menu-bar-menu > .menu-bar-menu-item > a:focus::after,
.menu-bar-logout:focus::after {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
}
.menu-bar-menu > .menu-bar-menu-item > a:not(:focus-visible)::after,
.menu-bar-logout:not(:focus-visible)::after {
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
}
.menu-bar-menu > .menu-bar-menu-item > a:hover::after,
.menu-bar-logout:hover::after {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
}

.menu-bar-menu > .menu-bar-menu-item:focus-within > a::after, .menu-bar-menu > .menu-bar-menu-item:hover > a::after, .menu-bar-menu > .menu-bar-menu-item.menu-bar-menu-item-current > a::after {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
}

.menu-bar-menu > .menu-bar-menu-item-has-children > a {
  padding-right: calc(1px * (var(--bravo-menu-bar-menu-item-padding-x) + var(--bravo-menu-bar-arrow-width) + var(--bravo-menu-bar-arrow-gap)));
}

.menu-bar-logout {
  margin-left: auto;
}
.menu-bar-logout .svg-sprite {
  margin-bottom: -10px;
  margin-left: -5px;
  margin-right: -4px;
  margin-top: -6px;
}

.menu-bar-menu-item-has-children {
  position: relative;
}
.menu-bar-menu-item-has-children:focus-within > .menu-bar-submenu, .menu-bar-menu-item-has-children:hover > .menu-bar-submenu {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
}
.menu-bar-menu-item-has-children .svg-sprite {
  margin-top: calc(-1px * var(--bravo-menu-bar-arrow-height) / 2);
  position: absolute;
  right: calc(1px * var(--bravo-menu-bar-menu-item-padding-x));
  top: 50%;
}
.menu-bar-submenu .menu-bar-menu-item-has-children .svg-sprite {
  right: calc(1px * var(--bravo-menu-bar-submenu-item-padding-x));
}

.menu-bar-submenu {
  background-color: var(--bravo-color-light-alt);
  color: var(--bravo-color-dark);
  left: 0;
  min-width: 210px;
  position: absolute;
  top: 100%;
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
.menu-bar-submenu .menu-bar-submenu {
  left: 100%;
  top: -1px;
}
.menu-bar-submenu li {
  border-top-color: var(--bravo-color-border);
  border-top-style: solid;
  border-top-width: 1px;
}
.menu-bar-submenu a {
  padding-bottom: calc(1px * (var(--bravo-menu-bar-submenu-height) - var(--bravo-line-height)) / 2);
  padding-left: calc(1px * var(--bravo-menu-bar-submenu-item-padding-x));
  padding-right: calc(1px * var(--bravo-menu-bar-submenu-item-padding-x));
  padding-top: calc(1px * (var(--bravo-menu-bar-submenu-height) - var(--bravo-line-height)) / 2);
}
.menu-bar-submenu a:focus {
  color: var(--bravo-color-accent);
}
.menu-bar-submenu a:not(:focus-visible) {
  color: inherit;
}
.menu-bar-submenu a:active, .menu-bar-submenu a:hover {
  color: var(--bravo-color-accent);
}
.menu-bar-submenu .menu-bar-menu-item:focus-within > a, .menu-bar-submenu .menu-bar-menu-item:hover > a, .menu-bar-submenu .menu-bar-menu-item.menu-bar-menu-item-current > a {
  color: var(--bravo-color-accent);
}
.menu-bar-submenu .menu-bar-menu-item-has-children > a {
  padding-right: calc(1px * (var(--bravo-menu-bar-submenu-item-padding-x) + var(--bravo-menu-bar-arrow-width) + var(--bravo-menu-bar-arrow-gap)));
}

.mobile-menu {
  background-color: var(--bravo-color-dark);
  bottom: 0;
  color: var(--bravo-color-light);
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: calc(1px * var(--bravo-global-header-height));
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
}

.mobile-scmenu {
	background-color: var(--bravo-color-dark);
	color: var(--bravo-color-light);
	overflow: auto;
	position: fixed;
	right: 0;
	top: calc(1px * var(--bravo-global-header-height));
	opacity: 0;
	transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
	transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
	transition-property: visibility, opacity;
	transition-timing-function: var(--bravo-animation-timing-function);
	visibility: hidden;
	z-index: 9999;
}

@media (min-width: 992px) {
  .mobile-menu, .mobile-scmenu{
    display: none;
  }
}
.mobile-menu-open .mobile-menu, .mobile-scmenu-open .mobile-scmenu{
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
  z-index: 999;
}

.mobile-scmenu-open #mobile-scmenu-toggle{
	color: var(--bravo-color-accent);
}

@keyframes delay-overflow {
  from {
    overflow: hidden;
  }
  to {
    overflow: hidden;
  }
}
@keyframes maintain-scrollbar-padding {
  from {
    padding-right: calc(1px * var(--bravo-scrollbar-width, 0));
  }
  to {
    padding-right: calc(1px * var(--bravo-scrollbar-width, 0));
  }
}
@keyframes maintain-width-with-scrollbar {
  from {
    width: calc(100% + 1px * var(--bravo-scrollbar-width, 0));
  }
  to {
    width: calc(100% + 1px * var(--bravo-scrollbar-width, 0));
  }
}
@media (max-width: 991.98px) {
  body {
    animation-duration: calc(1s * var(--bravo-animation-duration));
    animation-name: delay-overflow, maintain-scrollbar-padding;
    animation-timing-function: var(--bravo-animation-timing-function);
  }
  .page-header {
    animation-duration: calc(1s * var(--bravo-animation-duration));
    animation-name: maintain-width-with-scrollbar;
    animation-timing-function: var(--bravo-animation-timing-function);
  }
  .global-header {
    animation-duration: calc(1s * var(--bravo-animation-duration));
    animation-name: maintain-scrollbar-padding;
    animation-timing-function: var(--bravo-animation-timing-function);
  }
  body.mobile-menu-open, body.mobile-scmenu-open {
    animation: none;
    overflow: hidden;
    padding-right: calc(1px * var(--bravo-scrollbar-width, 0));
  }
  body.mobile-menu-open .page-header, body.mobile-scmenu-open .page-header {
    animation: none;
    width: calc(100% + 1px * var(--bravo-scrollbar-width, 0));
  }
  body.mobile-menu-open .global-header, body.mobile-scmenu-open .global-header {
    animation: none;
    padding-right: calc(1px * var(--bravo-scrollbar-width, 0));
  }
  .ios body.mobile-menu-open, .ios body.mobile-scmenu-open {
    left: calc(-1px * var(--bravo-scroll-x, 0));
    position: fixed;
    top: calc(-1px * var(--bravo-scroll-y, 0));
    width: 100%;
  }
}
.mobile-menu-content {
  font-weight: var(--bravo-font-weight-bold);
  margin: 0 auto;
  max-width: calc(1px * var(--bravo-page-max-width));
  padding-bottom: 30px;
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
  padding-top: 30px;
  --bravo-font-size: 18; /*24*/
  --bravo-line-height: 28;
}
.mobile-menu-content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mobile-menu-content ul ul {
  --bravo-font-size: 16; /*20**/
  --bravo-line-height: 24;
}
.mobile-menu-content a {
  text-decoration: none;
}
.mobile-menu-content > a {
  display: inline-block;
}
.mobile-menu-content hr {
  color: var(--bravo-color-border);
  margin-left: calc(-1px * var(--bravo-page-padding));
  margin-right: calc(-1px * var(--bravo-page-padding));
  margin-top: 0;
  opacity: 1;
}
.mobile-menu-content ul,
.mobile-menu-content li,
.mobile-menu-content > a,
.mobile-menu-content hr {
  margin-bottom: 25px;
}
.mobile-menu-content ul:last-child,
.mobile-menu-content li:last-child,
.mobile-menu-content > a:last-child,
.mobile-menu-content hr:last-child {
  margin-bottom: 0;
}
.mobile-menu-content ul ul {
  margin-left: calc(1px * var(--bravo-page-padding));
  margin-top: 15px;
}
.mobile-menu-content ul ul li {
  margin-bottom: 15px;
}
.mobile-menu-content ul ul li:last-child {
  margin-bottom: 0;
}
.mobile-menu-content .mobile-menu-lang-links {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 0;
  margin-top: 30px;
}
.mobile-menu-content .mobile-menu-lang-links li {
  margin-bottom: 0;
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
}
.mobile-menu-content .mobile-menu-lang-links li:not(:first-child) {
  border-left-style: solid;
  border-left-width: 1px;
}

:root {
  --bravo-records-table-card-spacing-x: 15;
  --bravo-records-table-card-spacing-y: 15;
}

.records-table {
  --bravo-records-table-padding-x: var(--bravo-page-padding);
  --bravo-records-table-card-border-width: 1;
  --bravo-records-table-card-padding-x: calc(var(--bravo-records-table-card-spacing-x) - var(--bravo-records-table-card-border-width));
  --bravo-records-table-card-padding-y: calc(var(--bravo-records-table-card-spacing-y) - var(--bravo-records-table-card-border-width));
  --bravo-records-table-card-padding-left: var(--bravo-records-table-card-padding-x);
  --bravo-records-table-card-padding-right: var(--bravo-records-table-card-padding-x);
  --bravo-records-table-card-number-height: 18;
  --bravo-records-table-card-number-top: var(--bravo-records-table-card-padding-y);
  --bravo-records-table-card-number-width: calc(var(--bravo-records-table-card-spacing-x) * 2);
  --bravo-records-table-card-gap-x: calc(var(--bravo-records-table-card-spacing-x) * 2 / 3);
  --bravo-records-table-card-row-label-max-width: 95;
  --bravo-records-table-card-row-label-gap: var(--bravo-records-table-card-spacing-x);
  --bravo-records-table-card-row-gap-y: 6;
  --bravo-records-table-card-header-gap-y: calc(var(--bravo-records-table-card-spacing-y) * 4 / 3);
  --bravo-records-table-card-footer-gap-y: calc(var(--bravo-records-table-card-spacing-y) * 4 / 3);
  background-color: var(--bravo-color-light-alt);
  display: flex;
  flex: auto;
  flex-direction: column;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.records-table-header {
  padding: 8px 0;
  text-align: center;
}

.records-table-header-with-button {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
.records-table-header-with-button .btn {
  --bravo-btn-height: 26;
  --bravo-font-size: var(--bravo-font-size-xs);
  --bravo-line-height: var(--bravo-line-height-xs);
}

.records-table-body {
  flex: auto;
  word-wrap: break-word;
}

.records-table-record-details-list {
  margin-bottom: 0;
}
.records-table-record-details-list dt {
  font-weight: var(--bravo-font-weight-normal);
  display: inline;
}
.records-table-record-details-list dd {
  display: inline;
  margin-bottom: 0;
}
.records-table-record-details-list dd::after {
  content: "";
  display: block;
}
.records-table-record-details-list dd.records-table-record-details-list-gap::after {
  padding-bottom: 10px;
}

.records-table-record-select-pages {
  align-items: center;
  display: flex;
  margin-top: 10px;
}
.records-table-record-select-pages .form-check-inline {
  margin-right: 15px;
}

.records-table-footer {
  --bravo-records-table-footer-control-height: 26;
  border-top-color: var(--bravo-color-border);
  border-top-style: solid;
  border-top-width: 1px;
  background-color: var(--bravo-color-light);
  font-weight: var(--bravo-font-weight-bold);
  padding-bottom: calc(1px * (50 - var(--bravo-line-height)) / 2);
  padding-left: calc(1px * var(--bravo-records-table-padding-x));
  padding-right: calc(1px * var(--bravo-records-table-padding-x));
  padding-top: calc(1px * (50 - var(--bravo-line-height)) / 2);
}
.records-table-footer .row {
  --bs-gutter-x: 10px;
}
.records-table-footer ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: calc(-1px * (var(--bravo-records-table-footer-control-height) - var(--bravo-line-height)) / 2);
  margin-top: calc(-1px * (var(--bravo-records-table-footer-control-height) - var(--bravo-line-height)) / 2);
}
.records-table-footer button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: var(--bravo-color-dark);
  display: inline-flex;
  font-weight: inherit;
  height: calc(1px * var(--bravo-records-table-footer-control-height));
  padding: 0;
}
.records-table-footer button:focus {
  color: var(--bravo-color-accent);
}
.records-table-footer button:not(:focus-visible) {
  color: var(--bravo-color-dark);
}
.records-table-footer button:active, .records-table-footer button:hover {
  color: var(--bravo-color-accent);
}
.records-table-footer button.disabled, .records-table-footer button:disabled {
  color: var(--bravo-color-border);
}

.records-table-header-sort {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: inherit;
  display: flex;
  font-weight: inherit;
  height: calc(100% + 1px * var(--bravo-data-table-header-cell-padding-y) * 2);
  margin-bottom: calc(-1px * var(--bravo-data-table-header-cell-padding-y));
  margin-left: calc(-1px * var(--bravo-data-table-cell-padding-left));
  margin-right: calc(-1px * var(--bravo-data-table-cell-padding-right));
  margin-top: calc(-1px * var(--bravo-data-table-header-cell-padding-y));
  min-height: calc(1px * var(--bravo-data-table-header-cell-min-height));
  padding-bottom: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  padding-left: calc(1px * var(--bravo-data-table-cell-padding-left));
  padding-right: calc(1px * (var(--bravo-data-table-cell-padding-right) - 7));
  padding-top: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  text-align: inherit;
  width: calc(90% + 1px * (var(--bravo-data-table-cell-padding-left) + var(--bravo-data-table-cell-padding-right)));
}
.records-table-header-sort .svg-sprite {
  flex: none;
  margin-left: 5px;
  opacity: 0.5;
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.records-table-header-sort:focus .svg-sprite {
  opacity: 1;
}
.records-table-header-sort:not(:focus-visible) .svg-sprite {
  opacity: 0.5;
}
.records-table-header-sort.active .svg-sprite, .records-table-header-sort:active .svg-sprite, .records-table-header-sort:hover .svg-sprite {
  opacity: 1;
}
.records-table-header-sort.disabled, .records-table-header-sort:disabled {
  pointer-events: none;
}
.records-table-header-sort.disabled .svg-sprite, .records-table-header-sort:disabled .svg-sprite {
  opacity: 0.2;
}

.records-table-records-per-page {
  justify-content: center;
}
.records-table-records-per-page li:not(:last-child)::after {
  color: var(--bravo-color-border);
  content: "| ";
  font-weight: var(--bravo-font-weight-normal);
}
.records-table-records-per-page button {
  padding-left: 4px;
  padding-right: 4px;
}

.records-table-records-per-page-current {
  --bravo-line-height: var(--bravo-records-table-footer-control-height);
  color: var(--bravo-color-accent);
  padding-left: 4px;
  padding-right: 4px;
}

.records-table-pagination {
  --bravo-records-table-pagination-gap: 15;
}
.records-table-pagination ul {
  justify-content: flex-end;
  margin-left: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
  margin-right: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
}
.records-table-pagination button {
  padding-left: calc(1px * var(--bravo-records-table-pagination-gap) / 2);
  padding-right: calc(1px * var(--bravo-records-table-pagination-gap) / 2);
}

.records-table-pagination-page-number {
  padding-left: calc(1px * var(--bravo-records-table-pagination-gap) / 2);
  padding-right: calc(1px * var(--bravo-records-table-pagination-gap) / 2);
}
.records-table-pagination-page-number input {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-border);
  border-radius: calc(1px * var(--bravo-border-radius));
  border-style: solid;
  border-width: 1px;
  color: var(--bravo-color-dark);
  font-weight: var(--bravo-font-weight-bold);
  height: calc(1px * var(--bravo-records-table-footer-control-height));
  text-align: center;
  width: 30px;
}
.records-table-pagination-page-number input:focus {
  border-color: var(--bravo-color-primary);
  border-width: 2px;
  outline: 0;
}
.records-table-pagination-page-number input:not(:focus-visible) {
  border-color: var(--bravo-color-border);
  border-width: 1px;
}
.records-table-pagination-page-number input:active, .records-table-pagination-page-number input:hover {
  border-color: var(--bravo-color-primary);
  border-width: 2px;
}

.map-page:not(.maximize-panels):not(.wide-panels) .records-table {
  --bravo-records-table-mode: card;
  padding: calc(1px * var(--bravo-records-table-padding-x));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-header {
  margin-top: calc(-1px * var(--bravo-records-table-padding-x));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body {
  font-weight: var(--bravo-font-weight-bold);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body table,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body tbody {
  display: block;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body thead {
  display: none;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body tr {
  background-color: var(--bravo-color-light);
  border-color: var(--bravo-color-border);
  border-style: solid;
  border-width: calc(1px * var(--bravo-records-table-card-border-width));
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(1px * var(--bravo-records-table-card-spacing-y));
  padding-bottom: calc(1px * var(--bravo-records-table-card-padding-y));
  padding-left: calc(1px * var(--bravo-records-table-card-padding-left));
  padding-right: calc(1px * var(--bravo-records-table-card-padding-right));
  padding-top: calc(1px * var(--bravo-records-table-card-padding-y));
  position: relative;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body tr:last-child {
  margin-bottom: 0;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body tr::before {
  border-radius: calc(1px * var(--bravo-records-table-card-number-height) / 2);
  border-style: solid;
  border-width: 1px;
  content: attr(data-bravo-records-table-card-number);
  position: absolute;
  min-width: calc(1px * var(--bravo-records-table-card-number-width));
  padding-bottom: calc(1px * ((var(--bravo-records-table-card-number-height) - var(--bravo-line-height)) / 2 - 1));
  padding-left: calc(1px * var(--bravo-records-table-card-number-height) / 4);
  padding-right: calc(1px * var(--bravo-records-table-card-number-height) / 4);
  padding-top: calc(1px * ((var(--bravo-records-table-card-number-height) - var(--bravo-line-height)) / 2 - 1));
  right: calc(1px * var(--bravo-records-table-card-padding-x));
  text-align: center;
  top: calc(1px * var(--bravo-records-table-card-number-top));
  --bravo-font-size: var(--bravo-font-size-xs);
  --bravo-line-height: var(--bravo-line-height-xs);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-body td {
  padding: 0;
  width: auto;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-body {
  padding-left: calc(1px * (var(--bravo-records-table-card-row-label-max-width) + var(--bravo-records-table-card-row-label-gap)));
  padding-right: calc(1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
  width: 100%;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-body::before {
  --bravo-font-size: var(--bravo-font-size-xs);
  content: attr(data-bravo-records-table-card-label);
  float: left;
  font-weight: var(--bravo-font-weight-normal);
  margin-left: calc(-1px * (var(--bravo-records-table-card-row-label-max-width) + var(--bravo-records-table-card-row-label-gap)));
  max-width: calc(1px * var(--bravo-records-table-card-row-label-max-width));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-card-body ~ td.records-table-card-body {
  margin-top: calc(1px * var(--bravo-records-table-card-row-gap-y));
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-hidden {
  display: none;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(1px * (var(--bravo-records-table-card-header-gap-y) - var(--bravo-records-table-card-row-gap-y)));
  order: -14;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header > * {
  margin-bottom: calc(1px * var(--bravo-records-table-card-row-gap-y));
  margin-right: calc(1px * var(--bravo-records-table-card-gap-x));
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(1px * (var(--bravo-records-table-card-footer-gap-y) - var(--bravo-records-table-card-row-gap-y)));
  order: 14;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer > * {
  margin-right: calc(1px * var(--bravo-records-table-card-gap-x));
  margin-top: calc(1px * var(--bravo-records-table-card-row-gap-y));
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header-start {
  order: -16;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer-start {
  order: 12;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header-end,
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer-end {
  margin-left: auto;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header-end > *,
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer-end > * {
  margin-right: 0;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header-end {
  order: -12;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer-end {
  order: 16;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header-wide,
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer-wide {
  width: 100%;
}
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-header-wide > *,
.map-page:not(.maximize-panels):not(.wide-panels) td.records-table-card-footer-wide > * {
  margin-right: 0;
}
.map-page:not(.maximize-panels):not(.wide-panels) tr.records-table-record-status {
  --bravo-records-table-record-status-height: 20;
  margin-top: calc(1px * var(--bravo-records-table-record-status-height));
}
.map-page:not(.maximize-panels):not(.wide-panels) tr.records-table-record-status::after {
  bottom: calc(100% + 1px);
  content: attr(data-bravo-records-table-record-status);
  left: -1px;
  padding-bottom: calc(1px * (var(--bravo-records-table-record-status-height) - var(--bravo-line-height)) / 2);
  padding-top: calc(1px * (var(--bravo-records-table-record-status-height) - var(--bravo-line-height)) / 2);
  position: absolute;
  text-align: center;
  width: calc(100% + 2px);
  --bravo-font-size: var(--bravo-font-size-xxs);
  --bravo-line-height: var(--bravo-line-height-xxs);
}
.map-page:not(.maximize-panels):not(.wide-panels) tr.records-table-record-status-paid::after {
  background-color: var(--bravo-color-status-paid);
  color: var(--bravo-color-light);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-section tr::after,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-footer-section tr::after {
  border-top-color: var(--bravo-color-border);
  border-top-style: solid;
  border-top-width: calc(1px * var(--bravo-records-table-card-border-width));
  content: "";
  margin-left: calc(-1px * var(--bravo-records-table-card-padding-left));
  margin-right: calc(-1px * var(--bravo-records-table-card-padding-right));
  width: calc(100% + 1px * (var(--bravo-records-table-card-padding-left) + var(--bravo-records-table-card-padding-right)));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-section {
  --bravo-records-table-card-number-top: calc(var(--bravo-records-table-card-padding-y) + var(--bravo-btn-height) + var(--bravo-records-table-card-border-width));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-section tr::after {
  margin-bottom: calc(1px * var(--bravo-records-table-card-padding-y));
  order: -10;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-section td.records-table-card-header {
  margin-bottom: calc(1px * (var(--bravo-records-table-card-padding-y) - var(--bravo-records-table-card-row-gap-y)));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-checks-section {
  --bravo-records-table-card-number-top: calc(var(--bravo-records-table-card-padding-y) + 60 + var(--bravo-records-table-card-border-width));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-checks-section td.records-table-card-header {
  margin-bottom: 0;
  margin-top: calc(-1px * var(--bravo-records-table-card-padding-y));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-checks-section td.records-table-card-header .records-table-record-check + .btn {
  --bravo-btn-height: 60;
  margin-bottom: 0;
  width: 100%;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-1 td.records-table-card-header,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-2 td.records-table-card-header,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-3 td.records-table-card-header,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-4 td.records-table-card-header {
  margin-left: calc(-1px * var(--bravo-records-table-card-padding-left));
  margin-right: calc(-1px * var(--bravo-records-table-card-padding-right));
  width: calc((100% + 1px * (var(--bravo-records-table-card-padding-left) + var(--bravo-records-table-card-padding-right))) / var(--bravo-records-table-card-header-num-items));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-1 td.records-table-card-header > *,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-2 td.records-table-card-header > *,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-3 td.records-table-card-header > *,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-4 td.records-table-card-header > * {
  margin-right: 0;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-1 .records-table-card-header ~ td.records-table-card-header,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-2 .records-table-card-header ~ td.records-table-card-header,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-3 .records-table-card-header ~ td.records-table-card-header,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-4 .records-table-card-header ~ td.records-table-card-header {
  margin-left: calc(1px * var(--bravo-records-table-card-padding-right));
  padding-left: 1px;
  position: relative;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-1 .records-table-card-header ~ td.records-table-card-header::after,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-2 .records-table-card-header ~ td.records-table-card-header::after,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-3 .records-table-card-header ~ td.records-table-card-header::after,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-4 .records-table-card-header ~ td.records-table-card-header::after {
  border-left-color: var(--bravo-color-border);
  border-left-style: solid;
  border-left-width: 1px;
  content: "";
  height: 24px;
  left: 0;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-1 {
  --bravo-records-table-card-header-num-items: 1;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-2 {
  --bravo-records-table-card-header-num-items: 2;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-3 {
  --bravo-records-table-card-header-num-items: 3;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-header-items-4 {
  --bravo-records-table-card-header-num-items: 4;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-footer-section tr::after {
  margin-top: calc(1px * var(--bravo-records-table-card-padding-y));
  order: 10;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-footer-section td.records-table-card-footer {
  margin-top: calc(1px * (var(--bravo-records-table-card-padding-y) - var(--bravo-records-table-card-row-gap-y)));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-have-footer-section .records-table-card-footer-end .records-table-record-text {
  align-items: center;
  display: flex;
  font-weight: var(--bravo-font-weight-bold);
  min-height: calc(1px * var(--bravo-btn-height));
  --bravo-font-size: 28;
  --bravo-line-height: 34;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated {
  --bravo-records-table-cards-truncated-icon-color: currentcolor;
  --bravo-records-table-cards-truncated-icon-bottom: var(--bravo-records-table-card-padding-y);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated td.records-table-card-body::after {
  background-color: var(--bravo-records-table-cards-truncated-icon-color);
  bottom: calc(1px * var(--bravo-records-table-cards-truncated-icon-bottom));
  content: "";
  height: 32px;
  -webkit-mask-image: url(../../images/sprite/plus.svg);
  mask-image: url(../../images/sprite/plus.svg);
  position: absolute;
  right: calc(1px * var(--bravo-records-table-card-padding-x));
  transform-origin: right bottom;
  transform: scale(0.625);
  width: 32px;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated .records-table-card-body ~ td.records-table-card-body::after {
  content: none;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr {
  cursor: pointer;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr:focus {
  --bravo-records-table-cards-truncated-icon-color: var(--bravo-color-accent);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr:not(:focus-visible) {
  --bravo-records-table-cards-truncated-icon-color: currentcolor;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr:active, .map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr:hover {
  --bravo-records-table-cards-truncated-icon-color: var(--bravo-color-accent);
}
.ios .map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr:focus {
  outline: 0;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated.records-table-cards-have-footer-items {
  --bravo-records-table-cards-truncated-icon-bottom: calc(var(--bravo-records-table-card-padding-y) + var(--bravo-btn-height) + var(--bravo-records-table-card-footer-gap-y));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated.records-table-cards-have-footer-section {
  --bravo-records-table-cards-truncated-icon-bottom: calc(var(--bravo-records-table-card-padding-y) * 3 + var(--bravo-btn-height) + var(--bravo-records-table-card-border-width));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated .records-table-record-text {
  min-width: 0;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated .records-table-record-text span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr.records-table-card-truncated-show td.records-table-card-body::after {
  -webkit-mask-image: url(../../images/sprite/minus.svg);
  mask-image: url(../../images/sprite/minus.svg);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated tr.records-table-card-truncated-show .records-table-record-text span {
  display: initial;
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-number-card-top,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated-icon-card-bottom {
  --bravo-records-table-card-padding-right: calc(var(--bravo-records-table-card-padding-x) + var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-number-card-top td.records-table-card-body,
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated-icon-card-bottom td.records-table-card-body {
  margin-right: calc(-1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
  width: calc(100% + 1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-number-card-top, .map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-number-card-top.records-table-cards-have-header-section {
  --bravo-records-table-card-number-top: var(--bravo-records-table-card-padding-y);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated-icon-card-bottom, .map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated-icon-card-bottom.records-table-cards-have-footer-items, .map-page:not(.maximize-panels):not(.wide-panels) .records-table-cards-truncated-icon-card-bottom.records-table-cards-have-footer-section {
  --bravo-records-table-cards-truncated-icon-bottom: var(--bravo-records-table-card-padding-y);
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-record-check.form-check-input {
  position: absolute;
}
@media (max-width: 500px) {
  .map-page:not(.maximize-panels):not(.wide-panels) .records-table-record-select-pages {
    margin-right: calc(-1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
    width: calc(100% + 1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
  }
}
@media (max-width: 400px) {
  .map-page:not(.maximize-panels):not(.wide-panels) .records-table-record-select-pages {
    flex-wrap: wrap;
  }
  .map-page:not(.maximize-panels):not(.wide-panels) .records-table-record-select-pages .form-check-inline:nth-child(2) {
    margin-right: 0;
  }
  .map-page:not(.maximize-panels):not(.wide-panels) .records-table-record-select-pages .form-control {
    margin-top: 10px;
  }
}
.map-page:not(.maximize-panels):not(.wide-panels) .records-table-footer {
  display: none;
}
@media (min-width: 992px) {
  .map-page:not(.maximize-panels):not(.wide-panels) .records-table {
    --bravo-records-table-padding-x: var(--bravo-map-page-component-padding-x);
  }
}

.map-page.maximize-panels .records-table,
.map-page.wide-panels .records-table {
  --bravo-records-table-mode: table;
  height: 100%;
}
.map-page.maximize-panels .records-table-header,
.map-page.wide-panels .records-table-header {
  display: none;
}
.map-page.maximize-panels .records-table-body,
.map-page.wide-panels .records-table-body {
  overflow: auto;
}
.map-page.maximize-panels .records-table-body table,
.map-page.wide-panels .records-table-body table {
  --bravo-data-table-padding-x: var(--bravo-records-table-padding-x);
  border-collapse: separate;
  border-spacing: 0;
  font-weight: var(--bravo-font-weight-bold);
  width: 100%;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
.map-page.maximize-panels .records-table-body table thead tr,
.map-page.wide-panels .records-table-body table thead tr {
  height: calc(1px * var(--bravo-data-table-header-cell-min-height));
}
.map-page.maximize-panels .records-table-body table tbody tr,
.map-page.wide-panels .records-table-body table tbody tr {
  height: calc(1px * var(--bravo-data-table-data-cell-min-height));
}
.map-page.maximize-panels .records-table-body table th,
.map-page.maximize-panels .records-table-body table td,
.map-page.wide-panels .records-table-body table th,
.map-page.wide-panels .records-table-body table td {
  height: 100%;
  padding-left: calc(1px * var(--bravo-data-table-cell-padding-left));
  padding-right: calc(1px * var(--bravo-data-table-cell-padding-right));
}
.map-page.maximize-panels .records-table-body table th:first-child,
.map-page.maximize-panels .records-table-body table td:first-child,
.map-page.wide-panels .records-table-body table th:first-child,
.map-page.wide-panels .records-table-body table td:first-child {
  --bravo-data-table-cell-padding-left: var(--bravo-data-table-padding-x);
}
.map-page.maximize-panels .records-table-body table th:last-child,
.map-page.maximize-panels .records-table-body table td:last-child,
.map-page.wide-panels .records-table-body table th:last-child,
.map-page.wide-panels .records-table-body table td:last-child {
  --bravo-data-table-cell-padding-right: var(--bravo-data-table-padding-x);
}
.map-page.maximize-panels .records-table-body table th:not(:last-child),
.map-page.maximize-panels .records-table-body table td:not(:last-child),
.map-page.wide-panels .records-table-body table th:not(:last-child),
.map-page.wide-panels .records-table-body table td:not(:last-child) {
  border-right-style: solid;
  border-right-width: 1px;
}
.map-page.maximize-panels .records-table-body table th,
.map-page.wide-panels .records-table-body table th {
  background-color: var(--bravo-color-primary);
  border-color: #4d7fbe;
  color: var(--bravo-color-light);
  padding-bottom: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  padding-top: calc(1px * var(--bravo-data-table-header-cell-padding-y));
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
.map-page.maximize-panels .records-table-body table th.bg-dark,
.map-page.wide-panels .records-table-body table th.bg-dark {
  border-color: #6b6b6b;
}
.map-page.maximize-panels .records-table-body table tr:not(:first-child) th,
.map-page.wide-panels .records-table-body table tr:not(:first-child) th {
  border-top-style: solid;
  border-top-width: 1px;
}
.map-page.maximize-panels .records-table-body table td,
.map-page.wide-panels .records-table-body table td {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--bravo-color-border);
  padding-bottom: calc(1px * var(--bravo-data-table-data-cell-padding-y));
  padding-top: calc(1px * var(--bravo-data-table-data-cell-padding-y));
}
.map-page.maximize-panels .records-table-body table tr:nth-child(odd) td,
.map-page.wide-panels .records-table-body table tr:nth-child(odd) td {
  background-color: #f8f8f8;
}
.map-page.maximize-panels .records-table-body table tr:nth-child(even) td,
.map-page.wide-panels .records-table-body table tr:nth-child(even) td {
  background-color: var(--bravo-color-light-alt);
}
.map-page.maximize-panels .records-table-body table .btn-sm,
.map-page.wide-panels .records-table-body table .btn-sm {
  margin: 2px;
  margin-left: 0;
}
.map-page.maximize-panels .records-table-body table thead,
.map-page.wide-panels .records-table-body table thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 20;
}
.map-page.maximize-panels .records-table-body table tr.records-table-record-status-paid td,
.map-page.wide-panels .records-table-body table tr.records-table-record-status-paid td {
  background-color: var(--bravo-color-bg-status-paid);
}
.map-page.maximize-panels .records-table-record-check,
.map-page.wide-panels .records-table-record-check {
  clip: auto;
  pointer-events: auto;
  position: relative;
}
.map-page.maximize-panels .records-table-record-check + .btn,
.map-page.wide-panels .records-table-record-check + .btn {
  clip: rect(0, 0, 0, 0);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
}
@media (max-width: 1399.98px) {
  .map-page.maximize-panels .records-table-record-select-pages,
.map-page.wide-panels .records-table-record-select-pages {
    flex-wrap: wrap;
  }
  .map-page.maximize-panels .records-table-record-select-pages .form-check-inline:nth-child(2),
.map-page.wide-panels .records-table-record-select-pages .form-check-inline:nth-child(2) {
    margin-right: 0;
  }
  .map-page.maximize-panels .records-table-record-select-pages .form-control,
.map-page.wide-panels .records-table-record-select-pages .form-control {
    margin-top: 10px;
  }
}
.map-page.maximize-panels .records-table,
.map-page.wide-panels .records-table {
  --bravo-records-table-padding-x: var(--bravo-map-page-component-padding-x);
}

@media (max-width: 991.98px) {
  .table-page .records-table {
    --bravo-records-table-mode: card;
    padding: calc(1px * var(--bravo-records-table-padding-x));
  }
  .table-page .records-table-header {
    margin-top: calc(-1px * var(--bravo-records-table-padding-x));
  }
  .table-page .records-table-body {
    font-weight: var(--bravo-font-weight-bold);
  }
  .table-page .records-table-body table,
.table-page .records-table-body tbody {
    display: block;
  }
  .table-page .records-table-body thead {
    display: none;
  }
  .table-page .records-table-body tr {
    background-color: var(--bravo-color-light);
    border-color: var(--bravo-color-border);
    border-style: solid;
    border-width: calc(1px * var(--bravo-records-table-card-border-width));
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(1px * var(--bravo-records-table-card-spacing-y));
    padding-bottom: calc(1px * var(--bravo-records-table-card-padding-y));
    padding-left: calc(1px * var(--bravo-records-table-card-padding-left));
    padding-right: calc(1px * var(--bravo-records-table-card-padding-right));
    padding-top: calc(1px * var(--bravo-records-table-card-padding-y));
    position: relative;
  }
  .table-page .records-table-body tr:last-child {
    margin-bottom: 0;
  }
  .table-page .records-table-body tr::before {
    border-radius: calc(1px * var(--bravo-records-table-card-number-height) / 2);
    border-style: solid;
    border-width: 1px;
    content: attr(data-bravo-records-table-card-number);
    position: absolute;
    min-width: calc(1px * var(--bravo-records-table-card-number-width));
    padding-bottom: calc(1px * ((var(--bravo-records-table-card-number-height) - var(--bravo-line-height)) / 2 - 1));
    padding-left: calc(1px * var(--bravo-records-table-card-number-height) / 4);
    padding-right: calc(1px * var(--bravo-records-table-card-number-height) / 4);
    padding-top: calc(1px * ((var(--bravo-records-table-card-number-height) - var(--bravo-line-height)) / 2 - 1));
    right: calc(1px * var(--bravo-records-table-card-padding-x));
    text-align: center;
    top: calc(1px * var(--bravo-records-table-card-number-top));
    --bravo-font-size: var(--bravo-font-size-xs);
    --bravo-line-height: var(--bravo-line-height-xs);
  }
  .table-page .records-table-body td {
    padding: 0;
    width: auto;
  }
  .table-page td.records-table-card-body {
    padding-left: calc(1px * (var(--bravo-records-table-card-row-label-max-width) + var(--bravo-records-table-card-row-label-gap)));
    padding-right: calc(1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
    width: 100%;
  }
  .table-page td.records-table-card-body::before {
    --bravo-font-size: var(--bravo-font-size-xs);
    content: attr(data-bravo-records-table-card-label);
    float: left;
    font-weight: var(--bravo-font-weight-normal);
    margin-left: calc(-1px * (var(--bravo-records-table-card-row-label-max-width) + var(--bravo-records-table-card-row-label-gap)));
    max-width: calc(1px * var(--bravo-records-table-card-row-label-max-width));
  }
  .table-page .records-table-card-body ~ td.records-table-card-body {
    margin-top: calc(1px * var(--bravo-records-table-card-row-gap-y));
  }
  .table-page td.records-table-card-hidden {
    display: none;
  }
  .table-page td.records-table-card-header {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: calc(1px * (var(--bravo-records-table-card-header-gap-y) - var(--bravo-records-table-card-row-gap-y)));
    order: -14;
  }
  .table-page td.records-table-card-header > * {
    margin-bottom: calc(1px * var(--bravo-records-table-card-row-gap-y));
    margin-right: calc(1px * var(--bravo-records-table-card-gap-x));
  }
  .table-page td.records-table-card-footer {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(1px * (var(--bravo-records-table-card-footer-gap-y) - var(--bravo-records-table-card-row-gap-y)));
    order: 14;
  }
  .table-page td.records-table-card-footer > * {
    margin-right: calc(1px * var(--bravo-records-table-card-gap-x));
    margin-top: calc(1px * var(--bravo-records-table-card-row-gap-y));
  }
  .table-page td.records-table-card-header-start {
    order: -16;
  }
  .table-page td.records-table-card-footer-start {
    order: 12;
  }
  .table-page td.records-table-card-header-end,
.table-page td.records-table-card-footer-end {
    margin-left: auto;
  }
  .table-page td.records-table-card-header-end > *,
.table-page td.records-table-card-footer-end > * {
    margin-right: 0;
  }
  .table-page td.records-table-card-header-end {
    order: -12;
  }
  .table-page td.records-table-card-footer-end {
    order: 16;
  }
  .table-page td.records-table-card-header-wide,
.table-page td.records-table-card-footer-wide {
    width: 100%;
  }
  .table-page td.records-table-card-header-wide > *,
.table-page td.records-table-card-footer-wide > * {
    margin-right: 0;
  }
  .table-page tr.records-table-record-status {
    --bravo-records-table-record-status-height: 20;
    margin-top: calc(1px * var(--bravo-records-table-record-status-height));
  }
  .table-page tr.records-table-record-status::after {
    bottom: calc(100% + 1px);
    content: attr(data-bravo-records-table-record-status);
    left: -1px;
    padding-bottom: calc(1px * (var(--bravo-records-table-record-status-height) - var(--bravo-line-height)) / 2);
    padding-top: calc(1px * (var(--bravo-records-table-record-status-height) - var(--bravo-line-height)) / 2);
    position: absolute;
    text-align: center;
    width: calc(100% + 2px);
    --bravo-font-size: var(--bravo-font-size-xxs);
    --bravo-line-height: var(--bravo-line-height-xxs);
  }
  .table-page tr.records-table-record-status-paid::after {
    background-color: var(--bravo-color-status-paid);
    color: var(--bravo-color-light);
  }
  .table-page .records-table-cards-have-header-section tr::after,
.table-page .records-table-cards-have-footer-section tr::after {
    border-top-color: var(--bravo-color-border);
    border-top-style: solid;
    border-top-width: calc(1px * var(--bravo-records-table-card-border-width));
    content: "";
    margin-left: calc(-1px * var(--bravo-records-table-card-padding-left));
    margin-right: calc(-1px * var(--bravo-records-table-card-padding-right));
    width: calc(100% + 1px * (var(--bravo-records-table-card-padding-left) + var(--bravo-records-table-card-padding-right)));
  }
  .table-page .records-table-cards-have-header-section {
    --bravo-records-table-card-number-top: calc(var(--bravo-records-table-card-padding-y) + var(--bravo-btn-height) + var(--bravo-records-table-card-border-width));
  }
  .table-page .records-table-cards-have-header-section tr::after {
    margin-bottom: calc(1px * var(--bravo-records-table-card-padding-y));
    order: -10;
  }
  .table-page .records-table-cards-have-header-section td.records-table-card-header {
    margin-bottom: calc(1px * (var(--bravo-records-table-card-padding-y) - var(--bravo-records-table-card-row-gap-y)));
  }
  .table-page .records-table-cards-have-header-checks-section {
    --bravo-records-table-card-number-top: calc(var(--bravo-records-table-card-padding-y) + 60 + var(--bravo-records-table-card-border-width));
  }
  .table-page .records-table-cards-have-header-checks-section td.records-table-card-header {
    margin-bottom: 0;
    margin-top: calc(-1px * var(--bravo-records-table-card-padding-y));
  }
  .table-page .records-table-cards-have-header-checks-section td.records-table-card-header .records-table-record-check + .btn {
    --bravo-btn-height: 60;
    margin-bottom: 0;
    width: 100%;
  }
  .table-page .records-table-cards-have-header-items-1 td.records-table-card-header,
.table-page .records-table-cards-have-header-items-2 td.records-table-card-header,
.table-page .records-table-cards-have-header-items-3 td.records-table-card-header,
.table-page .records-table-cards-have-header-items-4 td.records-table-card-header {
    margin-left: calc(-1px * var(--bravo-records-table-card-padding-left));
    margin-right: calc(-1px * var(--bravo-records-table-card-padding-right));
    width: calc((100% + 1px * (var(--bravo-records-table-card-padding-left) + var(--bravo-records-table-card-padding-right))) / var(--bravo-records-table-card-header-num-items));
  }
  .table-page .records-table-cards-have-header-items-1 td.records-table-card-header > *,
.table-page .records-table-cards-have-header-items-2 td.records-table-card-header > *,
.table-page .records-table-cards-have-header-items-3 td.records-table-card-header > *,
.table-page .records-table-cards-have-header-items-4 td.records-table-card-header > * {
    margin-right: 0;
  }
  .table-page .records-table-cards-have-header-items-1 .records-table-card-header ~ td.records-table-card-header,
.table-page .records-table-cards-have-header-items-2 .records-table-card-header ~ td.records-table-card-header,
.table-page .records-table-cards-have-header-items-3 .records-table-card-header ~ td.records-table-card-header,
.table-page .records-table-cards-have-header-items-4 .records-table-card-header ~ td.records-table-card-header {
    margin-left: calc(1px * var(--bravo-records-table-card-padding-right));
    padding-left: 1px;
    position: relative;
  }
  .table-page .records-table-cards-have-header-items-1 .records-table-card-header ~ td.records-table-card-header::after,
.table-page .records-table-cards-have-header-items-2 .records-table-card-header ~ td.records-table-card-header::after,
.table-page .records-table-cards-have-header-items-3 .records-table-card-header ~ td.records-table-card-header::after,
.table-page .records-table-cards-have-header-items-4 .records-table-card-header ~ td.records-table-card-header::after {
    border-left-color: var(--bravo-color-border);
    border-left-style: solid;
    border-left-width: 1px;
    content: "";
    height: 24px;
    left: 0;
    margin-top: -12px;
    position: absolute;
    top: 50%;
  }
  .table-page .records-table-cards-have-header-items-1 {
    --bravo-records-table-card-header-num-items: 1;
  }
  .table-page .records-table-cards-have-header-items-2 {
    --bravo-records-table-card-header-num-items: 2;
  }
  .table-page .records-table-cards-have-header-items-3 {
    --bravo-records-table-card-header-num-items: 3;
  }
  .table-page .records-table-cards-have-header-items-4 {
    --bravo-records-table-card-header-num-items: 3;/*3*/
  }
  .table-page .records-table-cards-have-footer-section tr::after {
    margin-top: calc(1px * var(--bravo-records-table-card-padding-y));
    order: 10;
  }
  .table-page .records-table-cards-have-footer-section td.records-table-card-footer {
    margin-top: calc(1px * (var(--bravo-records-table-card-padding-y) - var(--bravo-records-table-card-row-gap-y)));
  }
  .table-page .records-table-cards-have-footer-section .records-table-card-footer-end .records-table-record-text {
    align-items: center;
    display: flex;
    font-weight: var(--bravo-font-weight-bold);
    min-height: calc(1px * var(--bravo-btn-height));
    --bravo-font-size: 28;
    --bravo-line-height: 34;
  }
  .table-page tr.records-table-cards-truncated {
    --bravo-records-table-cards-truncated-icon-color: currentcolor;
    --bravo-records-table-cards-truncated-icon-bottom: var(--bravo-records-table-card-padding-y);
  }
  .table-page tr.records-table-cards-truncated td.records-table-card-body::after {
    background-color: var(--bravo-records-table-cards-truncated-icon-color);
    bottom: calc(1px * var(--bravo-records-table-cards-truncated-icon-bottom));
    content: "";
    height: 32px;
    -webkit-mask-image: url(../../images/sprite/plus.svg);
    mask-image: url(../../images/sprite/plus.svg);
    position: absolute;
    right: calc(1px * var(--bravo-records-table-card-padding-x));
    transform-origin: right bottom;
    transform: scale(0.625);
    width: 32px;
  }
  .table-page tr.records-table-cards-truncated .records-table-card-body ~ td.records-table-card-body::after {
    content: none;
  }
  .table-page tr.records-table-cards-truncated {
    cursor: pointer;
  }
  .table-page tr.records-table-cards-truncated:focus {
    --bravo-records-table-cards-truncated-icon-color: var(--bravo-color-accent);
  }
  .table-page tr.records-table-cards-truncated:not(:focus-visible) {
    --bravo-records-table-cards-truncated-icon-color: currentcolor;
  }
  .table-page tr.records-table-cards-truncated:active, .table-page tr.records-table-cards-truncated:hover {
    --bravo-records-table-cards-truncated-icon-color: var(--bravo-color-accent);
  }
  .ios .table-page tr.records-table-cards-truncated:focus {
    outline: 0;
  }
  .table-page tr.records-table-cards-truncated .records-table-cards-have-footer-items {
    --bravo-records-table-cards-truncated-icon-bottom: calc(var(--bravo-records-table-card-padding-y) + var(--bravo-btn-height) + var(--bravo-records-table-card-footer-gap-y));
  }
  .table-page tr.records-table-cards-truncated.records-table-cards-have-footer-section {
    --bravo-records-table-cards-truncated-icon-bottom: calc(var(--bravo-records-table-card-padding-y) * 3 + var(--bravo-btn-height) + var(--bravo-records-table-card-border-width));
  }
  .table-page tr.records-table-cards-truncated .records-table-record-text {
    min-width: 0;
  }
  .table-page tr .records-table-record-text span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .table-page tr.records-table-card-truncated-show td.records-table-card-body::after {
    -webkit-mask-image: url(../../images/sprite/minus.svg);
    mask-image: url(../../images/sprite/minus.svg);
  }
  .table-page tr.records-table-cards-truncated.records-table-card-truncated-show .records-table-record-text span {
    display: initial;
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
  }
  .table-page .records-table-cards-number-card-top,
.table-page .records-table-cards-truncated-icon-card-bottom {
    --bravo-records-table-card-padding-right: calc(var(--bravo-records-table-card-padding-x) + var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x));
  }
  .table-page .records-table-cards-number-card-top td.records-table-card-body,
.table-page .records-table-cards-truncated-icon-card-bottom td.records-table-card-body {
    margin-right: calc(-1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
    width: calc(100% + 1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
  }
  .table-page .records-table-cards-number-card-top, .table-page .records-table-cards-number-card-top.records-table-cards-have-header-section {
    --bravo-records-table-card-number-top: var(--bravo-records-table-card-padding-y);
  }
  .table-page .records-table-cards-truncated-icon-card-bottom, .table-page .records-table-cards-truncated-icon-card-bottom.records-table-cards-have-footer-items, .table-page .records-table-cards-truncated-icon-card-bottom.records-table-cards-have-footer-section {
    --bravo-records-table-cards-truncated-icon-bottom: var(--bravo-records-table-card-padding-y);
  }
  .table-page .records-table-record-check.form-check-input {
    position: absolute;
  }
}
@media (max-width: 991.98px) and (max-width: 500px) {
  .table-page .records-table-record-select-pages {
    margin-right: calc(-1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
    width: calc(100% + 1px * (var(--bravo-records-table-card-number-width) + var(--bravo-records-table-card-gap-x)));
  }
}
@media (max-width: 991.98px) and (max-width: 400px) {
  .table-page .records-table-record-select-pages {
    flex-wrap: wrap;
  }
  .table-page .records-table-record-select-pages .form-check-inline:nth-child(2) {
    margin-right: 0;
  }
  .table-page .records-table-record-select-pages .form-control {
    margin-top: 10px;
  }
}
@media (max-width: 991.98px) {
  .table-page .records-table-footer {
    display: none;
  }
}
@media (min-width: 992px) {
  .table-page .records-table {
    --bravo-records-table-mode: table;
    height: 100%;
  }
  .table-page .records-table-header {
    display: none;
  }
  .table-page .records-table-body {
    overflow: auto;
  }
  .table-page .records-table-body table {
    --bravo-data-table-padding-x: var(--bravo-records-table-padding-x);
    border-collapse: separate;
    border-spacing: 0;
    font-weight: var(--bravo-font-weight-bold);
    width: 100%;
    --bravo-font-size: var(--bravo-font-size-sm);
    --bravo-line-height: var(--bravo-line-height-sm);
  }
  .table-page .records-table-body table thead tr {
    height: calc(1px * var(--bravo-data-table-header-cell-min-height));
  }
  .table-page .records-table-body table tbody tr {
    height: calc(1px * var(--bravo-data-table-data-cell-min-height));
  }
  .table-page .records-table-body table th,
.table-page .records-table-body table td {
    height: 100%;
    padding-left: calc(1px * var(--bravo-data-table-cell-padding-left));
    padding-right: calc(1px * var(--bravo-data-table-cell-padding-right));
  }
  .table-page .records-table-body table th:first-child,
.table-page .records-table-body table td:first-child {
    --bravo-data-table-cell-padding-left: var(--bravo-data-table-padding-x);
  }
  .table-page .records-table-body table th:last-child,
.table-page .records-table-body table td:last-child {
    --bravo-data-table-cell-padding-right: var(--bravo-data-table-padding-x);
  }
  .table-page .records-table-body table th:not(:last-child),
.table-page .records-table-body table td:not(:last-child) {
    border-right-style: solid;
    border-right-width: 1px;
  }
  .table-page .records-table-body table th {
    background-color: var(--bravo-color-primary);
    border-color: #4d7fbe;
    color: var(--bravo-color-light);
    padding-bottom: calc(1px * var(--bravo-data-table-header-cell-padding-y));
    padding-top: calc(1px * var(--bravo-data-table-header-cell-padding-y));
    --bravo-font-size: var(--bravo-font-size-md);
    --bravo-line-height: var(--bravo-line-height-md);
  }
  .table-page .records-table-body table th.bg-dark {
    border-color: #6b6b6b;
  }
  .table-page .records-table-body table tr:not(:first-child) th {
    border-top-style: solid;
    border-top-width: 1px;
  }
  .table-page .records-table-body table td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: var(--bravo-color-border);
    padding-bottom: calc(1px * var(--bravo-data-table-data-cell-padding-y));
    padding-top: calc(1px * var(--bravo-data-table-data-cell-padding-y));
  }
  .table-page .records-table-body table tr:nth-child(odd) td {
    background-color: #f8f8f8;
  }
  .table-page .records-table-body table tr:nth-child(even) td {
    background-color: var(--bravo-color-light-alt);
  }
  .table-page .records-table-body table .btn-sm {
    margin: 2px;
    margin-left: 0;
  }
  .table-page .records-table-body table thead {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 20;
  }
  .table-page .records-table-body table tr.records-table-record-status-paid td {
    background-color: var(--bravo-color-bg-status-paid);
  }
  .table-page .records-table-record-check {
    clip: auto;
    pointer-events: auto;
    position: relative;
  }
  .table-page .records-table-record-check + .btn {
    clip: rect(0, 0, 0, 0);
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 992px) and (max-width: 1399.98px) {
  .table-page .records-table-record-select-pages {
    flex-wrap: wrap;
  }
  .table-page .records-table-record-select-pages .form-check-inline:nth-child(2) {
    margin-right: 0;
  }
  .table-page .records-table-record-select-pages .form-control {
    margin-top: 10px;
  }
}

.building-records {
  display: flex;
  flex-direction: column;
}

.building-records-header {
  border-bottom-style: solid;
  border-color: var(--bravo-color-border);
  border-top-style: solid;
  border-width: 1px;
  display: none;
  padding-bottom: 10px;
  padding-left: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-right: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-top: 10px;
}

.building-records-legend {
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
}
.building-records-legend li {
  align-items: center;
  display: flex;
  padding: 9px 10px;
  font-weight: var(--bravo-font-weight-bold);
  --bravo-font-size: var(--bravo-font-size-xs);
  --bravo-line-height: var(--bravo-line-height-xs);
}
.building-records-legend li::before {
  content: "";
  height: 22px;
  margin-right: 5px;
  width: 22px;
}

.building-records-legend-status-paid::before {
  background-color: var(--bravo-color-bg-status-paid);
}

.building-records-body {
  display: flex;
  flex: auto;
  flex-direction: column;
  padding-bottom: calc(1px * (var(--bravo-back-to-top-height) - var(--bravo-page-padding)));
}

@media (min-width: 992px) {
  .building-records-header {
    display: block;
  }
  .building-records-body {
    padding-bottom: 0;
  }
}
.map-page.maximize-panels .building-records-legend,
.map-page.wide-panels .building-records-legend {
  display: flex;
}

.map-search {
  background-color: var(--bravo-color-border);
  position: relative;
}

.map-search-content {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
}
.map-search-hide-map .map-search-content {
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
}

.map-search-toolbar-controls {
  list-style: none;
  margin: 0;
  padding: 0;
}

.map-search-toolbar-control {
  position: relative;
}
.map-search-toolbar-control:not(:first-child)::before {
  border-width: 1px;
  content: "";
  opacity: 0.25;
  position: absolute;
}

.map-search-toolbar-button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: inherit;
  display: flex;
  height: calc(1px * var(--bravo-map-search-toolbar-button-height));
  justify-content: center;
  padding: 0;
  width: calc(1px * var(--bravo-map-search-toolbar-button-width));
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: color;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.map-search-toolbar-button:focus {
  color: var(--bravo-color-accent);
}
.map-search-toolbar-button:not(:focus-visible) {
  color: inherit;
}
.map-search-toolbar-button:active, .map-search-toolbar-button:hover, .map-search-toolbar-button.map-search-toolbar-button-active {
  color: var(--bravo-color-accent);
}

.map-search-toolbar-pan,
.map-search-toolbar-other-controls {
  background-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
}

.map-search-toolbar-other-controls {
  display: flex;
}

.map-search-legend {
  align-items: center;
  background-color: var(--bravo-color-light);
  color: var(--bravo-color-dark);
  display: grid;
  font-weight: var(--bravo-font-weight-bold);
  grid-auto-flow: dense;
  margin-bottom: 0;
  padding-bottom: calc(1px * (var(--bravo-map-search-legend-padding-y) - var(--bravo-map-search-legend-gap-y) / 2));
  padding-top: calc(1px * (var(--bravo-map-search-legend-padding-y) - var(--bravo-map-search-legend-gap-y) / 2));
  position: absolute;
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
  --bravo-font-size: var(--bravo-font-size-xs);
  --bravo-line-height: var(--bravo-line-height-xs);
}
.map-search-show-legend .map-search-legend {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: visible;
}
.map-search-hide-map .map-search-legend {
  opacity: 0;
  transition-delay: calc(1s * var(--bravo-animation-duration)), 0s;
  transition-duration: 0s, calc(1s * var(--bravo-animation-duration));
  transition-property: visibility, opacity;
  transition-timing-function: var(--bravo-animation-timing-function);
  visibility: hidden;
}
.map-search-legend::before {
  bottom: 0;
  border-left-color: var(--bravo-color-border);
  border-left-style: solid;
  border-left-width: 1px;
  content: "";
  position: absolute;
  top: 0;
}
.map-search-legend dt,
.map-search-legend dd {
  margin: 0;
  padding-bottom: calc(1px * var(--bravo-map-search-legend-gap-y) / 2);
  padding-top: calc(1px * var(--bravo-map-search-legend-gap-y) / 2);
}
.map-search-legend dt {
  padding-left: calc(1px * var(--bravo-map-search-legend-symbol-spacing-x));
  padding-right: calc(1px * var(--bravo-map-search-legend-symbol-spacing-x));
}
.map-search-legend dd {
  padding-left: calc(1px * var(--bravo-map-search-legend-text-spacing-x));
  padding-right: calc(1px * var(--bravo-map-search-legend-text-spacing-x));
}
.map-search-legend .svg-sprite {
  display: block;
}

@media (max-width: 991.98px) {
  .map-search {
    --bravo-map-search-padding-x: var(--bravo-map-page-component-padding-x);
    --bravo-map-search-padding-y: var(--bravo-map-search-padding-x);
    --bravo-map-search-spacing-y: 15;
    --bravo-map-search-toolbar-button-height: 40;
    --bravo-map-search-toolbar-button-width: 40;
    min-height: calc(1px * var(--bravo-map-search-min-height));
  }
  .map-search.map-search-hide-map {
    height: calc(1px * (var(--bravo-map-search-padding-y) * 2 + var(--bravo-map-search-toolbar-button-height)));
    min-height: 0;
  }
  .map-search-toolbar-zoom-controls {
    background-color: var(--bravo-color-light);
    border-color: var(--bravo-color-border);
    border-radius: var(--bravo-border-radius);
    border-style: solid;
    border-width: 1px;
    color: var(--bravo-color-dark);
    position: absolute;
    right: calc(1px * var(--bravo-map-search-padding-x));
    top: calc(1px * var(--bravo-map-search-padding-y));
  }
  .map-search-hide-map .map-search-toolbar-zoom-controls {
    display: none;
  }
  .map-search-toolbar-zoom-controls .map-search-toolbar-control {
    margin-left: -1px;
    margin-right: -1px;
  }
  .map-search-toolbar-zoom-controls .map-search-toolbar-control:first-child {
    margin-top: -1px;
  }
  .map-search-toolbar-zoom-controls .map-search-toolbar-control:last-child {
    margin-bottom: -1px;
  }
  .map-search-toolbar-zoom-controls .map-search-toolbar-control:not(:first-child) {
    padding-top: 1px;
  }
  .map-search-toolbar-zoom-controls .map-search-toolbar-control:not(:first-child)::before {
    border-top-style: solid;
    left: 6px;
    right: 6px;
    top: 0;
  }
  .map-search-toolbar-pan,
.map-search-toolbar-other-controls {
    border-radius: calc(1px * var(--bravo-map-search-toolbar-button-height) / 2);
    box-shadow: 0 4px 4px rgba(53, 64, 75, 0.25);
    position: absolute;
  }
  .map-search-toolbar-pan {
    padding-top: 0;
    right: calc(1px * var(--bravo-map-search-padding-x));
    top: calc(1px * (var(--bravo-map-search-padding-y) + var(--bravo-map-search-toolbar-button-height) * 2 + 1 + var(--bravo-map-search-spacing-y)));
  }
  .map-search-hide-map .map-search-toolbar-pan {
    display: none;
  }
  .map-search-toolbar-pan::before {
    content: none;
  }
  .map-search-toolbar-pan .map-search-toolbar-button {
    border-radius: 50%;
  }
  .map-search-toolbar-other-controls {
    bottom: calc(1px * var(--bravo-map-search-padding-y));
    left: 50%;
    padding-left: 10px;
    padding-right: 10px;
    transform: translateX(-50%);
  }
}
@media (max-width: 991.98px) and (min-width: 375px) {
  .map-search-toolbar-other-controls {
    --bravo-map-search-toolbar-button-width: 50;
  }
}
@media (max-width: 991.98px) {
  .map-search-toolbar-other-controls .map-search-toolbar-control:not(:first-child) {
    padding-left: 1px;
  }
  .map-search-toolbar-other-controls .map-search-toolbar-control:not(:first-child)::before {
    border-left-style: solid;
    bottom: 7px;
    left: 0;
    top: 7px;
  }
}
@media (max-width: 991.98px) {
  .map-search-toolbar-undo,
.map-search-toolbar-redo {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .map-search-legend {
    --bravo-map-search-legend-symbol-spacing-x: 5;
    --bravo-map-search-legend-text-spacing-x: 5;
    --bravo-map-search-legend-padding-y: 12;
    --bravo-map-search-legend-gap-y: 8;
    bottom: calc(1px * (var(--bravo-map-search-padding-y) + var(--bravo-map-search-toolbar-button-height) + var(--bravo-map-search-spacing-y)));
    left: 50%;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
    transform: translateX(-50%);
    width: 300px;
  }
}
@media (max-width: 991.98px) and (min-width: 375px) {
  .map-search-legend {
    --bravo-map-search-legend-symbol-spacing-x: 8;
    --bravo-map-search-legend-text-spacing-x: 8;
    width: 325px;
  }
}
@media (max-width: 991.98px) {
  .map-search-legend::before {
    left: 50%;
  }
}
@media (max-width: 991.98px) {
  .map-search-legend dt {
    grid-column: 1;
  }
}
@media (max-width: 991.98px) {
  .map-search-legend dd {
    grid-column: 2;
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  .map-search-legend dt.map-search-legend-second-column,
.map-search-legend .map-search-legend-second-column ~ dt {
    grid-column: 3;
  }
}
@media (max-width: 991.98px) {
  .map-search-legend .map-search-legend-second-column ~ dd {
    grid-column: 4;
  }
}
@media (min-width: 992px) {
  .map-search {
    --bravo-map-search-toolbar-button-height: 52;
    --bravo-map-search-toolbar-button-width: var(--bravo-page-padding);
    display: flex;
  }
  .map-search-content {
    left: calc(1px * var(--bravo-map-search-toolbar-button-width));
  }
  .map-search-toolbar {
    display: flex;
    flex-direction: column;
    width: calc(1px * var(--bravo-map-search-toolbar-button-width));
  }
  .map-search-toolbar-controls {
    padding-bottom: 8px;
    padding-top: 8px;
  }
  .map-search-toolbar-control:not(:first-child) {
    padding-top: 1px;
  }
  .map-search-toolbar-control:not(:first-child)::before {
    border-top-style: solid;
    left: 18px;
    right: 18px;
    top: 0;
  }
  .map-search-toolbar-zoom-controls {
    background-color: var(--bravo-color-dark-alt);
    color: var(--bravo-color-light);
  }
  .map-search-toolbar-pan {
    margin-bottom: calc(-1px * (var(--bravo-map-search-toolbar-button-height) + 1));
    top: calc(1px * (var(--bravo-map-search-toolbar-button-height) + 8));
  }
  .map-search-toolbar-other-controls {
    flex: auto;
    flex-direction: column;
  }
  .map-search-toolbar-overview-map {
    margin-bottom: calc(1px * (var(--bravo-map-search-toolbar-button-height) + 1));
  }
  .map-search-toolbar-hide-map {
    margin-top: auto;
    order: 1;
  }
  .map-search-toolbar-hide-map:not(:first-child) {
    padding-top: 16px;
  }
  .map-search-toolbar-hide-map:not(:first-child)::before {
    content: none;
  }
  .map-search-legend {
    --bravo-map-search-legend-symbol-spacing-x: 12;
    --bravo-map-search-legend-text-spacing-x: 14;
    --bravo-map-search-legend-padding-y: 12;
    --bravo-map-search-legend-gap-y: 4;
    left: calc(1px * (var(--bravo-page-padding) + var(--bravo-map-search-legend-symbol-spacing-x)));
    grid-template-columns: auto minmax(0, 1fr);
    top: calc(1px * (var(--bravo-map-search-toolbar-button-height) * 10 + 24 + 8));
    transform: translateY(-100%);
    max-width: 300px;
  }
  .map-search-legend::before {
    left: calc(1px * (var(--bravo-map-search-legend-symbol-spacing-x) * 2 + 27));
  }
  .map-search-legend dt {
    grid-column: 1;
  }
  .map-search-legend dd {
    grid-column: 2;
  }
}
.panels-resizer {
  --bravo-panels-resizer-direction: y;
  align-items: center;
  background-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
  display: flex;
  justify-content: center;
}

.panels-resizer-handle {
  background-color: transparent;
  border: 0;
  color: inherit;
  padding: 0;
  position: relative;
}
.panels-resizer-handle:not(:disabled) {
  cursor: grab;
}
.panels-resizer-handle .svg-sprite {
  margin-right: -5px;
  margin-top: -3px;
  position: absolute;
  right: 50%;
  top: 50%;
}

@media (max-width: 991.98px) {
  .panels-resizer {
    height: 20px;
  }
  .panels-resizer-handle {
    height: 40px;
    margin-bottom: -10px;
    margin-top: -10px;
    width: 100px;
  }
}
@media (min-width: 992px) {
  .panels-resizer {
    --bravo-panels-resizer-direction: x;
    width: 15px;
  }
  .panels-resizer-handle {
    height: 100px;
    margin-left: -15px;
    overflow: hidden;
    width: 30px;
  }
  .panels-resizer-handle::before {
    background-color: var(--bravo-color-dark);
    border-bottom-left-radius: calc(1px * var(--bravo-border-radius) * 2);
    border-top-left-radius: calc(1px * var(--bravo-border-radius) * 2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(50%);
    width: 100%;
    transition-duration: calc(1s * var(--bravo-animation-duration));
    transition-property: transform;
    transition-timing-function: var(--bravo-animation-timing-function);
  }
  .panels-resizer-handle .svg-sprite {
    transform: rotate(-0.25turn) translateY(7px);
    transition-duration: calc(1s * var(--bravo-animation-duration));
    transition-property: transform;
    transition-timing-function: var(--bravo-animation-timing-function);
  }
  .panels-resizer-handle:active::before, .panels-resizer-handle:focus::before, .panels-resizer-handle:hover::before {
    transform: none;
  }
  .panels-resizer-handle:active .svg-sprite, .panels-resizer-handle:focus .svg-sprite, .panels-resizer-handle:hover .svg-sprite {
    transform: rotate(-0.25turn) translateY(0px);
  }
}
.search-results {
  --bravo-search-results-header-height: 40;
  display: flex;
  flex-direction: column;
}

.search-results-header {
  background-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
  padding-bottom: calc(1px * (var(--bravo-search-results-header-height) - var(--bravo-line-height)) / 2);
  padding-left: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-right: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-top: calc(1px * (var(--bravo-search-results-header-height) - var(--bravo-line-height)) / 2);
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.search-results-title {
  font-weight: var(--bravo-font-weight-bold);
  margin: 0;
}

.search-results-body {
  padding-bottom: calc(1px * var(--bravo-back-to-top-height));
}

.search-results-items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.search-results-item {
  background-color: var(--bravo-color-light-alt);
  border-bottom-color: var(--bravo-color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.search-results-item .btn {
  --bravo-btn-height: 50;
  --bravo-btn-spacing-x: var(--bravo-map-page-component-padding-x);
  align-items: center;
  display: flex;
  text-align: left;
  white-space: normal;
  width: 100%;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
.search-results-item .btn .svg-sprite {
  flex: none;
  margin-right: 10px;
}

@media (min-width: 992px) {
  .search-results-header {
    --bravo-font-size: var(--bravo-font-size-md);
    --bravo-line-height: var(--bravo-line-height-md);
  }
  .search-results-body {
    padding-bottom: 0;
  }
  .search-results-item .btn {
    --bravo-btn-height: 40;
  }
  .search-results-item .btn .svg-sprite {
    margin-right: 4px;
  }
}
.text-search {
  background-color: var(--bravo-color-light);
  padding-left: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-right: calc(1px * var(--bravo-map-page-component-padding-x));
}
.text-search .nav-tabs {
  margin-left: calc(-1px * var(--bravo-map-page-component-padding-x));
  margin-right: calc(-1px * var(--bravo-map-page-component-padding-x));
  padding-left: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-right: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-top: 15px;
}
@media (min-width: 992px) {
  .text-search .nav-tabs {
    padding-top: 10px;
  }
}
.text-search .row {
  --bs-gutter-x: 15px;
}
.text-search .form-field-btn-check-group {
  margin-bottom: 20px;
}
.text-search .form-field {
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .text-search:not(.show) {
    display: block;
  }
}
.map-page:not(.maximize-panels):not(.wide-panels) .text-search .col {
  width: 100%;
}

.map-page.maximize-panels .text-search .tab-pane,
.map-page.wide-panels .text-search .tab-pane {
  padding-top: 20px;
}
.map-page.maximize-panels .text-search .form-field,
.map-page.wide-panels .text-search .form-field {
  margin-bottom: 20px;
}

.text-search-toggle {
  --bravo-text-search-toggle-height: 30;
  background-color: var(--bravo-color-primary);
  border: 0;
  color: var(--bravo-color-light);
  font-weight: var(--bravo-font-weight-bold);
  padding-bottom: calc(1px * (var(--bravo-text-search-toggle-height) - var(--bravo-line-height)) / 2);
  padding-left: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-right: calc(1px * var(--bravo-map-page-component-padding-x));
  padding-top: calc(1px * (var(--bravo-text-search-toggle-height) - var(--bravo-line-height)) / 2);
  --bravo-font-size: var(--bravo-font-size-xs);
  --bravo-line-height: var(--bravo-line-height-xs);
}

.inside-controls {
  align-items: center;
  display: none;
  flex: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (min-width: 992px) {
  .inside-controls {
    display: flex;
  }
}
.inside-controls li {
  padding-left: calc(1px * var(--bravo-page-padding));
}
.inside-controls .btn {
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.inside-details {
  display: flex;
  flex: auto;
  flex-direction: column;
  margin-bottom: calc(-1px * var(--bravo-table-page-header-padding-y));
  margin-left: calc(-1px * var(--bravo-table-page-header-padding-x));
  margin-right: calc(-1px * var(--bravo-table-page-header-padding-x));
  margin-top: calc(-1px * var(--bravo-table-page-header-padding-y));
}

.inside-details-list {
  --bravo-inside-details-list-item-height: 36;
  align-content: center;
  display: grid;
  grid-template-columns: 160px minmax(0, 1fr);
  margin-bottom: 0;
}
.inside-details-list dt,
.inside-details-list dd {
  border-top-color: var(--bravo-color-border);
  border-top-style: solid;
  border-top-width: 1px;
  padding-bottom: calc(1px * (var(--bravo-inside-details-list-item-height) - var(--bravo-line-height)) / 2);
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
  padding-top: calc(1px * (var(--bravo-inside-details-list-item-height) - var(--bravo-line-height)) / 2);
}
.inside-details-list dt {
  font-weight: var(--bravo-font-weight-normal);
  grid-column: 1;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
.inside-details-list dd {
  font-weight: var(--bravo-font-weight-bold);
  grid-column: 2;
  margin-bottom: 0;
  padding-left: 0;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}

.inside-details-list-first dt:first-of-type,
.inside-details-list-first dd:first-of-type {
  border-top: 0;
}

.inside-details-toggle {
  --bravo-btn-height: 30;
  --bravo-btn-icon-width: 10;
  border-radius: 0;
  order: 1;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}
.inside-details-toggle .svg-sprite {
  margin-left: 0;
  margin-right: 6px;
}

.inside-details-more-expanded {
  border-bottom-color: var(--bravo-color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

@media (min-width: 992px) {
  .inside-details {
    flex-direction: row;
    min-height: calc(1px * var(--bravo-table-page-header-min-height));
  }
  .inside-details-list {
    --bravo-inside-details-list-item-height: 26;
    border-left-color: var(--bravo-color-border);
    border-left-style: solid;
    border-left-width: 1px;
    grid-template-columns: auto auto;
    max-width: 380px;
    padding-bottom: 14px;
    padding-top: 14px;
  }
  .inside-details-list dt,
.inside-details-list dd {
    border-top: 0;
    max-width: 250px;
  }
  .inside-details-list dt {
    padding-right: 20px;
    --bravo-font-size: var(--bravo-font-size-md);
    --bravo-line-height: var(--bravo-line-height-md);
  }
  .inside-details-list-first {
    border-left: 0;
  }
  .inside-details-toggle {
    display: none;
  }
  .inside-details-more, .inside-details-more.collapse {
    display: flex;
  }
  .inside-details-more-expanded {
    border-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .inside-details-list dt,
.inside-details-list dd {
    max-width: 300px;
  }
}
.inside-header {
  align-items: center;
  background-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);
  display: flex;
  min-height: 54px;
  padding-bottom: 8px;
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
  padding-top: 8px;
}

.inside-header-title {
  font-weight: var(--bravo-font-weight-bold);
  margin: 0;
  margin-right: auto;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.inside-header-back,
.inside-header-cart {
  flex: none;
  margin-left: calc(1px * var(--bravo-page-padding) / 2);
}

.inside-header-back {
  align-items: center;
  background-color: #4d7fbe;
  border: 0;
  border-radius: 50%;
  color: var(--bravo-color-light);
  display: flex;
  height: 38px;
  justify-content: center;
  padding: 0;
  width: 38px;
}

@media (max-width: 991.98px) {
  .inside-header-cart {
    display: none;
  }
}
@media (min-width: 992px) {
  .inside-header {
    flex: auto;
    min-height: 80px;
    padding-bottom: calc(1px * var(--bravo-page-padding) / 2);
    padding-top: calc(1px * var(--bravo-page-padding) / 2);
  }
  .inside-header-title {
    --bravo-font-size: 20;
    --bravo-line-height: 24;
  }
  .inside-header-back {
    display: none;
  }
}
.not-available-message {
  align-items: center;
  display: flex;
  justify-content: center;
}

.not-available-message-body {
  --bravo-not-available-message-body-padding: calc(var(--bravo-page-padding) * 2);
  font-weight: var(--bravo-font-weight-bold);
  max-width: calc(1px * (760 + var(--bravo-not-available-message-body-padding) * 2));
  padding: calc(1px * var(--bravo-not-available-message-body-padding));
  text-align: center;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
.not-available-message-body > :last-child {
  margin-bottom: 0;
}

.not-available-message-title {
  margin-bottom: calc(1px * var(--bravo-line-height-md));
  --bravo-font-size: 20;
  --bravo-line-height: 24;
}

@media (min-width: 992px) {
  .not-available-message {
    height: 100%;
    overflow: auto;
  }
  .not-available-message-body {
    --bravo-not-available-message-body-padding: var(--bravo-page-padding);
  }
}
.records-filter {
  --bravo-records-filter-padding-y: 15;
  --bravo-records-filter-gap-x: 0;
  --bravo-records-filter-gap-y: 0;
  border-bottom-color: var(--bravo-color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: calc(1px * (var(--bravo-records-filter-padding-y) - var(--bravo-records-filter-gap-y)));
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
  padding-top: calc(1px * var(--bravo-records-filter-padding-y));
}

.records-filter-filter-modal-toggle {
  display: block;
  width: 100%;
}

.records-filter-filter-controls {
  display: none;
  grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
}
.records-filter-filter-controls > * {
  margin-bottom: calc(1px * var(--bravo-records-filter-gap-y));
}
.records-filter-filter-controls > :nth-child(odd) {
  padding-right: calc(1px * var(--bravo-records-filter-gap-x));
}
.records-filter-filter-controls > :nth-child(4n+2) {
  padding-right: calc(1px * var(--bravo-page-padding));
}
.records-filter-filter-controls .records-filter-filter-controls-submit {
  grid-column: 4;
  padding-right: 0;
}
.records-filter-filter-controls .btn {
  width: 100%;
}

.records-filter-filter-controls-group {
  display: flex;
}
.records-filter-filter-controls-group > * {
  width: 50%;
}
.records-filter-filter-controls-group > :first-child {
  padding-right: calc(1px * var(--bravo-records-filter-gap-x) / 2);
}
.records-filter-filter-controls-group > :last-child {
  padding-left: calc(1px * var(--bravo-records-filter-gap-x) / 2);
}
.records-filter-filter-controls-group .form-field {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .records-filter {
    --bravo-records-filter-padding-y: 20;
    --bravo-records-filter-gap-x: 15;
    --bravo-records-filter-gap-y: 15;
    background-color: var(--bravo-color-light);
    border-bottom: 0;
    border-top-color: var(--bravo-color-border);
    border-top-style: solid;
    border-top-width: 1px;
  }
  .records-filter-filter-modal-toggle {
    display: none;
  }
  .records-filter-filter-controls {
    display: grid;
  }
}
@media (min-width: 1200px) {
  .records-filter-filter-controls {
    grid-auto-flow: dense;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) minmax(0, 1fr);
  }
  .records-filter-filter-controls > :nth-child(even) {
    padding-right: calc(1px * var(--bravo-page-padding));
  }
  .records-filter-filter-controls > :nth-child(4n+1) {
    grid-column: 1;
  }
  .records-filter-filter-controls > :nth-child(4n+2) {
    grid-column: 2;
  }
  .records-filter-filter-controls > :nth-child(4n+3) {
    grid-column: 3;
  }
  .records-filter-filter-controls > :nth-child(4n) {
    grid-column: 4;
  }
  .records-filter-filter-controls .records-filter-filter-controls-submit {
    grid-column: 5;
    padding-left: calc(1px * var(--bravo-page-padding));
    position: relative;
  }
  .records-filter-filter-controls .records-filter-filter-controls-submit::before {
    border-left-color: var(--bravo-color-border);
    border-left-style: solid;
    border-left-width: 1px;
    bottom: calc(-1px * (var(--bravo-records-filter-gap-y) + var(--bravo-form-control-height) + var(--bravo-records-filter-padding-y)));
    content: "";
    left: 0;
    position: absolute;
    top: calc(-1px * var(--bravo-records-filter-padding-y));
  }
}
@media (min-width: 1400px) {
  .records-filter {
    --bravo-records-filter-gap-x: 20;
  }
}
.related-records {
  border-bottom-color: var(--bravo-color-border);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 15px;
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
  padding-top: 15px;
}

.related-records-modal-toggle {
  display: block;
  width: 100%;
}

.related-records-details-toggle {
  --bravo-related-records-details-toggle-height: var(--bravo-data-table-header-cell-min-height);
  --bravo-related-records-details-toggle-icon-width: 10;
  background-color: var(--bravo-color-dark);
  border: 0;
  color: var(--bravo-color-light);
  display: none;
  font-weight: var(--bravo-font-weight-bold);
  padding-bottom: calc(1px * (var(--bravo-related-records-details-toggle-height) - var(--bravo-line-height)) / 2);
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * (var(--bravo-page-padding) * 2 + var(--bravo-related-records-details-toggle-icon-width)));
  padding-top: calc(1px * (var(--bravo-related-records-details-toggle-height) - var(--bravo-line-height)) / 2);
  position: relative;
  text-align: left;
  width: 100%;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
.related-records-details-toggle .svg-sprite {
  margin-top: calc(-1px * var(--bravo-related-records-details-toggle-icon-width) / 2);
  position: absolute;
  right: calc(1px * var(--bravo-page-padding));
  top: 50%;
  transition-duration: calc(1s * var(--bravo-animation-duration));
  transition-property: transform;
  transition-timing-function: var(--bravo-animation-timing-function);
}
.related-records-details-toggle[aria-expanded=true] .svg-sprite {
  transform: rotate(-0.5turn);
}

@media (max-width: 991.98px) {
  .related-records-details-table {
    display: none;
  }
}
@media (min-width: 992px) {
  .related-records {
    border-bottom: 0;
    padding: 0;
  }
  .related-records-modal-toggle {
    display: none;
  }
  .related-records-details-toggle {
    display: block;
  }
}
.page-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 100;
}

@media (min-width: 992px) {
  .hide-global-header .page-header {
    display: flex;
    flex-wrap: wrap;
  }
}
.page-main {
  flex: auto;
  width: 100%;
}

.page-main-content {
  margin: 0 auto;
  max-width: calc(1px * var(--bravo-page-max-width));
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
}

.map-page .page-main,
.table-page .page-main {
  padding-bottom: 0;
  padding-top: 0;
}
.map-page .page-main-content,
.table-page .page-main-content {
  margin: 0;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.page-footer {
  --bravo-page-footer-height: 40;
  --bravo-page-footer-border-width: 1;
  border-top-color: var(--bravo-color-border);
  border-top-style: solid;
  border-top-width: calc(1px * var(--bravo-page-footer-border-width));
  background-color: var(--bravo-color-light);
  display: none;
  padding-bottom: calc(1px * (var(--bravo-page-footer-height) - var(--bravo-line-height) - var(--bravo-page-footer-border-width)) / 2);
  padding-top: calc(1px * (var(--bravo-page-footer-height) - var(--bravo-line-height) - var(--bravo-page-footer-border-width)) / 2);
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 150;
}
@media (min-width: 992px) {
  .page-footer {
    display: block;
  }
}

.page-footer-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  /*max-width: calc(1px * var(--bravo-page-max-width));*/
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
}

.page-footer-nav {
  display: flex;
}
.page-footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-footer-nav li {
  display: inline;
}
.page-footer-nav li:not(:last-child)::after {
  color: var(--bravo-color-border);
  content: "|";
}
.page-footer-nav a {
  text-decoration: none;
}

.page-footer-wac {
  box-shadow: 1.38px 1.38px 0px rgba(0, 0, 0, 0.25);
  display: none;
}

.login-page .page-footer {
  --bravo-page-footer-height: 90;
  --bravo-page-footer-border-width: 0;
  background-color: transparent;
  color: var(--bravo-color-light);
  padding-top: 0;
}
.login-page .page-footer-nav li:not(:last-child)::after {
  color: inherit;
}
.login-page .page-footer-wac {
  display: block;
}
@media (max-width: 991.98px) {
  .login-page .page-footer {
    display: block;
    padding-bottom: 30px;
  }
  .login-page .page-footer-content {
    justify-content: space-around;
  }
  .login-page .page-footer-copyright,
.login-page .page-footer-nav ul {
    display: none;
  }
}
@media (min-width: 992px) {
  .login-page .page-footer-wac {
    margin-bottom: calc(-1px * (30 - var(--bravo-line-height)) / 2);
    margin-left: 15px;
    margin-top: calc(-1px * (30 - var(--bravo-line-height)) / 2);
  }
}

.table-page .page-footer {
  display: none;
}

.content-page {
  --bravo-content-page-padding-x: 20;
  --bravo-content-page-padding-y: 15;
}
@media (min-width: 768px) {
  .content-page {
    --bravo-content-page-padding-x: 50;
    --bravo-content-page-padding-y: 20;
  }
}
.content-page .row {
  --bs-gutter-x: 10px;
}

.content-page-header {
  align-items: center;
  background-color: var(--bravo-color-primary);
  border-top-left-radius: calc(1px * var(--bravo-border-radius));
  border-top-right-radius: calc(1px * var(--bravo-border-radius));
  color: var(--bravo-color-light);
  display: flex;
  padding-bottom: 10px;
  padding-left: calc(1px * (var(--bravo-content-page-padding-x) - 5));
  padding-right: calc(1px * var(--bravo-content-page-padding-x));
  padding-top: 10px;
}
@media (min-width: 768px) {
  .content-page-header {
    min-height: 55px;
    padding-left: calc(1px * var(--bravo-content-page-padding-x));
  }
}

.content-title {
  font-weight: var(--bravo-font-weight-bold);
  margin-bottom: 0;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}

.content-page-header-icon {
  margin-right: 10px;
  order: -1;
}
@media (min-width: 768px) {
  .content-page-header-icon {
    margin-right: 15px;
  }
}
.content-page-header-icon .svg-sprite {
  display: block;
}

.content-page-body {
  background-color: var(--bravo-color-light);
  padding-bottom: calc(1px * var(--bravo-content-page-padding-y));
  padding-left: calc(1px * var(--bravo-content-page-padding-x));
  padding-right: calc(1px * var(--bravo-content-page-padding-x));
  padding-top: calc(1px * var(--bravo-content-page-padding-y));
}
.content-page-body:last-child {
  border-bottom-left-radius: calc(1px * var(--bravo-border-radius));
  border-bottom-right-radius: calc(1px * var(--bravo-border-radius));
}
.content-page-body > :first-child {
  margin-top: 0;
}
.content-page-body > .content-page-top:first-child {
  margin-top: calc(-1px * var(--bravo-content-page-padding-y));
}
.content-page-body > :last-child {
  margin-bottom: 0;
}
.content-page-body > .content-page-bottom:last-child {
  margin-bottom: calc(-1px * var(--bravo-content-page-padding-y));
}

.content-page-full-width {
  margin-left: calc(-1px * var(--bravo-content-page-padding-x));
  margin-right: calc(-1px * var(--bravo-content-page-padding-x));
  padding-left: calc(1px * var(--bravo-content-page-padding-x));
  padding-right: calc(1px * var(--bravo-content-page-padding-x));
}

.content-page-footer {
  --bravo-content-page-padding-y: 20;
  background-color: var(--bravo-color-dark);
  border-bottom-left-radius: calc(1px * var(--bravo-border-radius));
  border-bottom-right-radius: calc(1px * var(--bravo-border-radius));
  color: var(--bravo-color-light);
  padding-bottom: calc(1px * var(--bravo-content-page-padding-y));
  padding-left: calc(1px * var(--bravo-content-page-padding-x));
  padding-right: calc(1px * var(--bravo-content-page-padding-x));
  padding-top: calc(1px * var(--bravo-content-page-padding-y));
}
.content-page-footer .row {
  --bs-gutter-x: 10px;
}
.content-page-footer .col:not(:last-child) {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .content-page-footer .col:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (min-width: 768px) {
  .terms {
    border-color: var(--bravo-color-border);
    border-radius: calc(1px * var(--bravo-border-radius) * 2);
    border-style: solid;
    border-width: 1px;
    padding: 10px;
  }
}

@media (min-width: 768px) {
  .terms-body {
    max-height: 200px;
    overflow: auto;
    padding: 0 15px;
  }
}

.login-page .page-main {
  align-items: center;
  display: flex;
}
.login-page .page-main-content {
  width: 100%;
}
.login-page .container-fluid,
.login-page .container-fluid > .row {
  --bs-gutter-x: 0px;
}

.login-page-content-col {
  max-width: 400px;
}

.login-page-content-row {
  padding: 35px 15px 15px;
  margin: 0;
}
.login-page-content-row,
.login-page-content-row .row {
  --bs-gutter-x: 10px;
}
.login-page-content-row h1 {
  font-weight: 300;
  margin-bottom: 25px;
  --bravo-font-size: 25;
  --bravo-line-height: 33;
}
.login-page-content-row h1 span {
  font-weight: var(--bravo-font-weight-bold);
  --bravo-font-size: 33;
  --bravo-line-height: 33;
}
.login-page-content-row p {
  margin-bottom: 15px;
}
.login-page-content-row .form-field-status {
  font-weight: var(--bravo-font-weight-bold);
}

.login-page-iam-smart-message {
  margin: 30px -20px 15px;
  padding: 15px 20px 15px 20px;
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}
.login-page-iam-smart-message .svg-sprite {
  flex: none;
  margin-right: 10px;
  width: 34px;
}

.login-page-footer-row {
  --bs-gutter-x: 20px;
  padding: 20px 10px 0;
  margin: 0;
}
.login-page-footer-row .btn {
  border-radius: calc(1px * var(--bravo-btn-height) / 2);
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .login-page-content-col {
    max-width: 630px;
  }
  .login-page-content-row {
    padding: 30px 35px 10px;
  }
  .login-page-content-row h1 {
    margin-bottom: 20px;
  }
  .login-page-content-row .form-field {
    margin-bottom: 20px;
  }
  .login-page-content-row .form-field + .form-field {
    margin-top: -5px;
  }
  .login-page-iam-smart-message {
    margin: 25px -40px 15px;
    padding: 5px 40px 5px 40px;
  }
  .login-page-iam-smart-message .svg-sprite {
    margin-right: 5px;
  }
  .login-page-footer-row {
    padding: 30px 20px;
  }
  .login-page-footer-row .btn {
    --bravo-btn-spacing-x: 10;
    --bravo-btn-border-width: 0;
    border-radius: calc(1px * var(--bravo-border-radius));
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: left;
  }
  .login-page-footer-row .btn .svg-sprite {
    margin-left: 0;
    width: 32px;
  }
  .login-page-footer-row > *:not(:last-child) {
    position: relative;
  }
  .login-page-footer-row > *:not(:last-child)::after {
    border-left-color: var(--bravo-color-light);
    border-left-style: solid;
    border-left-width: 1px;
    bottom: 0;
    content: "";
    opacity: 0.25;
    position: absolute;
    right: 0;
    top: 0;
  }
  .login-page-footer-row-button-label {
    display: block;
    margin-top: 8px;
  }
}
.map-page {
  --bravo-map-page-component-padding-x: 25;
  --bravo-map-search-min-height: 256;
  --bravo-panels-resizer-min-value-y: 256;
  --bravo-panels-resizer-value-y: 256;
  --bravo-panels-resizer-min-value-x: 360;
  --bravo-panels-resizer-value-x: 900;
  --bravo-panels-resizer-wide-value-x: 900;
}
.map-page .page-main-content {
  display: flex;
  flex-direction: column;
}
.map-page .text-search {
  flex: none;
  order: -1;
}
.map-page .panels-resizer,
.map-page .search-results,
.map-page .building-records {
  order: 1;
}
.map-page .map-search,
.map-page .search-results,
.map-page .building-records {
  flex: auto;
}
@media (min-width: 992px) {
  .map-page {
    --bravo-map-search-min-height: calc(52 * 11 + 8 * 6 + 8 * 1);
    height: 100%;
  }
  .map-page .page-main {
    min-height: calc(1px * var(--bravo-map-search-min-height));
    overflow: hidden;
    position: relative;
  }
  .map-page .page-main-content {
    height: 100%;
    margin-left: auto;
    width: calc(1px * var(--bravo-panels-resizer-value-x));
  }
  .map-page .text-search-toggle {
    display: none;
  }
  .map-page .panels-resizer {
    bottom: 0;
    position: absolute;
    right: calc(1px * var(--bravo-panels-resizer-value-x));
    top: 0;
    z-index: 50;
  }
  .map-page .text-search,
.map-page .search-results,
.map-page .building-records {
    background-color: var(--bravo-color-light);
    position: relative;
  }
  .map-page .text-search {
    z-index: 51;
  }
  .map-page .map-search {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  .map-page .search-results,
.map-page .building-records {
    overflow: hidden;
    z-index: 50;
  }
  .map-page .search-results-body,
.map-page .building-records-body {
    overflow-x: hidden;
    overflow-y: auto;
  }
}

.map-page.with-search-only {
  --bravo-panels-resizer-value-x: 700;
  --bravo-panels-resizer-wide-value-x: 700;
}
.map-page.with-search-only .panels-resizer,
.map-page.with-search-only .text-search .previous-page,
.map-page.with-search-only .search-results,
.map-page.with-search-only .building-records {
  display: none;
}
@media (max-width: 991.98px) {
  .map-page.with-search-only .page-main {
    display: flex;
    flex-direction: column;
  }
  .map-page.with-search-only .page-main-content {
    flex: auto;
  }
}
@media (min-width: 992px) {
  .map-page.with-search-only .page-main-content {
    height: auto;
    width: calc(1px * (var(--bravo-panels-resizer-value-x) + 5));
  }
  .map-page.with-search-only .text-search {
    border-left-style: solid;
    border-left-width: 5px;
  }
}

.map-page.with-search-results .text-search .previous-page,
.map-page.with-search-results .building-records {
  display: none;
}
@media (max-width: 991.98px) {
  .map-page.with-search-results .text-search-toggle,
.map-page.with-search-results .panels-resizer,
.map-page.with-search-results .map-search {
    display: none;
  }
}

.map-page.with-building-records .page-main {
  background-color: var(--bravo-color-light-alt);
}
.map-page.with-building-records .map-search {
  flex: initial;
}
.map-page.with-building-records .search-results {
  display: none;
}
@media (max-width: 991.98px) {
  .map-page.with-building-records .map-search:not(.map-search-hide-map) {
    height: calc(1px * var(--bravo-panels-resizer-value-y));
  }
}

@media (min-width: 992px) {
  .map-page.with-search-results.maximize-panels .page-main-content,
.map-page.with-building-records.maximize-panels .page-main-content {
    width: 100%;
  }
  .map-page.with-search-results.maximize-panels .panels-resizer,
.map-page.with-building-records.maximize-panels .panels-resizer {
    display: none;
  }
  .map-page.with-search-results.maximize-panels .text-search,
.map-page.with-search-results.maximize-panels .search-results,
.map-page.with-search-results.maximize-panels .building-records,
.map-page.with-building-records.maximize-panels .text-search,
.map-page.with-building-records.maximize-panels .search-results,
.map-page.with-building-records.maximize-panels .building-records {
    border-left-style: solid;
    border-left-width: 5px;
  }
}

.map-page:not(.maximize-panels):not(.wide-panels) .text-search .previous-page,
.map-page.maximize-panels .building-records-header .previous-page,
.map-page.wide-panels .building-records-header .previous-page {
  display: none;
}

.map-page:not(.maximize-panels) .maximize-panels-toggle-collapse,
.map-page.maximize-panels .maximize-panels-toggle-expand {
  display: none;
}

.map-page.resizing-panels * {
  cursor: grabbing !important;
}

.table-page .page-main {
  background-color: var(--bravo-color-light-alt);
}
.table-page .page-main-content {
  display: flex;
  flex-direction: column;
}

.table-page-header {
  --bravo-table-page-header-min-height: 54;
  --bravo-table-page-header-padding-x: var(--bravo-page-padding);
  --bravo-table-page-header-padding-y: 8;
  align-items: center;
  background-color: var(--bravo-color-light);
  display: flex;
  flex: none;
  min-height: calc(1px * var(--bravo-table-page-header-min-height));
  padding-bottom: calc(1px * var(--bravo-table-page-header-padding-y));
  padding-left: calc(1px * var(--bravo-table-page-header-padding-x));
  padding-right: calc(1px * var(--bravo-table-page-header-padding-x));
  padding-top: calc(1px * var(--bravo-table-page-header-padding-y));
}

.table-page-title {
  font-weight: var(--bravo-font-weight-bold);
  margin: 0;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.table-page-body:last-child {
  padding-bottom: calc(1px * (var(--bravo-back-to-top-height) - var(--bravo-page-padding)));
}

.table-page-footer {
  background-color: var(--bravo-color-light-alt);
  display: flex;
  flex: none;
  flex-direction: column;
  padding-left: calc(1px * var(--bravo-page-padding));
  padding-right: calc(1px * var(--bravo-page-padding));
}

.table-page-footer-reminder {
  display: none;
  max-width: 100%;
  --bravo-font-size: var(--bravo-font-size-sm);
  --bravo-line-height: var(--bravo-line-height-sm);
}

.table-page-footer-total {
  align-items: center;
  display: flex;
  font-weight: var(--bravo-font-weight-bold);
  justify-content: space-between;
  margin-top: calc(-1px * (var(--bravo-page-padding) - var(--bravo-records-table-card-spacing-y)));
}

.table-page-footer-total-label {
  --bravo-font-size: var(--bravo-font-size-md);
  --bravo-line-height: var(--bravo-line-height-md);
}

.table-page-footer-total-amount {
  margin-left: 15px;
  --bravo-font-size: 30;
  --bravo-line-height: 36;
}

.table-page-footer-buttons {
  display: flex;
  padding-bottom: calc(1px * var(--bravo-btn-height));
  padding-top: calc(1px * (var(--bravo-back-to-top-height) - var(--bravo-page-padding)));
}
.table-page-footer-total + .table-page-footer-buttons {
  padding-top: calc(1px * (var(--bravo-back-to-top-height) - var(--bravo-back-to-top-padding) + var(--bravo-records-table-card-spacing-y)));
}
.table-page-footer-buttons .btn {
  bottom: 0;
  border-radius: 0;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 50;
}
.table-page-footer-buttons .btn ~ .btn {
  bottom: calc(1px * var(--bravo-btn-height));
}
.table-page-footer-buttons .btn-link {
  display: none;
}

.table-page-footer-buttons-2 {
  padding-bottom: calc(1px * var(--bravo-btn-height) * 2);
}

@media (min-width: 992px) {
  .table-page {
    height: 100%;
    min-height: 600px;
  }
  .table-page .page-main {
    overflow: hidden;
  }
  .table-page .page-main-content {
    height: 100%;
  }
  .table-page-header {
    --bravo-table-page-header-min-height: 65;
    --bravo-table-page-header-padding-y: 15;
  }
  .table-page-title {
    --bravo-font-size: var(--bravo-font-size-md);
    --bravo-line-height: var(--bravo-line-height-md);
  }
  .table-page-body {
    flex: auto;
    overflow: hidden;
  }
  .table-page-body:last-child {
    padding-bottom: 0;
  }
  .table-page-footer {
    align-items: center;
    background-color: var(--bravo-color-dark);
    color: var(--bravo-color-light);
    flex-direction: row;
    min-height: 80px;
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .table-page-footer > * {
    flex: auto;
  }
  .table-page-footer-reminder {
    display: block;
  }
  .table-page-footer-total {
    justify-content: flex-end;
    margin-bottom: 15px;
    margin-top: 0;
  }
  .table-page-footer-buttons {
    flex-direction: row-reverse;
    padding-bottom: 0;
  }
  .table-page-footer-buttons, .table-page-footer-total + .table-page-footer-buttons {
    padding-top: 0;
  }
  .table-page-footer-buttons .btn {
    border-radius: calc(1px * var(--bravo-border-radius));
    margin-left: calc(1px * var(--bravo-page-padding));
    position: static;
    width: 356px;
  }
  .table-page-footer-buttons .btn-link {
    display: inline-block;
    width: auto;
  }
}

table.dataTable thead .sorting:not(.sorting_asc) > button.records-table-header-sort> span.svg-sprite-sort-asc,
table.dataTable thead .sorting:not(.sorting_desc) > button.records-table-header-sort> span.svg-sprite-sort-desc,
table.dataTable thead .sorting_asc > button.records-table-header-sort> span.svg-sprite-sort,
table.dataTable thead .sorting_asc > button.records-table-header-sort> span.svg-sprite-sort-desc,
table.dataTable thead .sorting_desc > button.records-table-header-sort> span.svg-sprite-sort,
table.dataTable thead .sorting_desc > button.records-table-header-sort> span.svg-sprite-sort-asc{
	  display:none;
}

table.dataTable thead.sorting:not(.sorting_asc):not(.sorting_desc) > button.records-table-header-sort> span.svg-sprite-sort,
table.dataTable thead.sorting_asc > button.records-table-header-sort> span.svg-sprite-sort-asc,
table.dataTable thead.sorting_desc > button.records-table-header-sort> span.svg-sprite-sort-desc{
	display:block;
}

button.records-table-header-sort > span.svg-sprite-sort-asc {
	/*transform: rotate(-0.5turn);*/
}



/*Customized DropDown List*/
.dropDownList {
	width: 100%;
	cursor: pointer;
	color: var(--bravo-color-dark);
	position: relative;
    overflow: hidden;
    font-size: 16px;
    --bravo-choices-expandable-image: url("data:image/svg+xml,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 10 .67 2.5h8.66z'/%3E%3C/svg%3E");
	padding-bottom: 10px;
	min-height: 40px;
    padding: 0px 5px 0;
    position: relative;
    z-index: 2;
    font-size: calc(1px * var(--bravo-font-size-md));
    line-height: calc(var(--bravo-line-height-md) / var(--bravo-font-size-md));
	border-color: var(--bravo-color-border);
	background: linear-gradient(to bottom, #eaeaea 0%, #fefefe 100%);
    visibility: visible;
    word-break: break-word;
    transition-duration: calc(1s * var(--bravo-transition-duration));
    transition-property: border-color;
    transition-timing-function: var(--bravo-transition-timing-function);
}

.dropDownList:hover {
	border: 2px solid var(--bravo-color-primary);
}

/* File Upload Style Fix */
.file-uploadBtn {
  background-color: var(--bravo-color-dark);
  border-color: var(--bravo-color-dark);
  color: var(--bravo-color-light);

  border-radius: calc(1px * var(--bravo-border-radius));
  font-size: 16px;
  font-weight: var(--bravo-font-weight-bold);
  line-height: 1.25;
  padding-bottom: 9px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 9px;
  cursor: pointer;
}

.file-uploadBtn .svg-sprite {
  margin: -2px 0 -2px -6px;
  vertical-align: bottom;
  width: 24px;
}

.file-uploadBtn input {
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=1);
    opacity: 0.01;
    -moz-opacity: 0.01;
    cursor: pointer;
}
.file-uploadBtn .button {
    color: #fff;
    /*padding: 4px 18px;*/
    /*margin-right: 5px; */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: inline-block;
    font-weight: bold;
    cursor: pointer;
    height: 21px;
}

.file-uploadBtn:active, .file-uploadBtn:focus, .file-uploadBtn:hover, [type=file]:focus + .file-uploadBtn[for] {
  background-color: #516272;
  border-color: #516272;
  color: var(--bravo-color-light);
}

.form-field .file-uploadBtn:not(.btn-icon-only) {
  display: block;
  width: 100%;
}
.form-field .btn-icon-only {
  display: flex;
}


.form-control.is-valid, .was-validated .form-control:valid{
	border-color: var(--bravo-color-border);
	padding-right: initial; 
	background-image: none;
    background-repeat: initial;
    background-position: initial; 
    background-size: initial;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus{
	border-color:var(--bravo-color-primary);
	box-shadow: none; 
}

.form-control.is-invalid, .was-validated .form-control:invalid{
	background-image: none;	
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{
	box-shadow: none; 
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
	border-color: var(--bravo-color-dark-alt);
	background: none;
}

.form-check-input.is-valid, .was-validated .form-check-input:valid{
	border-color: var(--bravo-color-dark-alt);	
	background: none;
}

.icon-important-msg-td {
	vertical-align: top;
	padding-top: 3px;
}

.icon-important-msg-txt-div-inline-flex {
	display: inline-flex; 
	margin-left: 20px; 
	color: #E7102F;
}

.icon-important-msg-txt-div-inline-block {
	display: inline-block; 
	margin-left: 20px; 
	color: #E7102F;
}

.inspectionFooter {
    --bravo-records-table-padding-x: var(--bravo-page-padding);
    --bravo-records-table-card-border-width: 1;
    --bravo-records-table-card-padding-x: calc(var(--bravo-records-table-card-spacing-x) - var(--bravo-records-table-card-border-width));
    --bravo-records-table-card-padding-y: calc(var(--bravo-records-table-card-spacing-y) - var(--bravo-records-table-card-border-width));
    --bravo-records-table-card-padding-left: var(--bravo-records-table-card-padding-x);
    --bravo-records-table-card-padding-right: var(--bravo-records-table-card-padding-x);
    --bravo-records-table-card-number-height: 18;
    --bravo-records-table-card-number-top: var(--bravo-records-table-card-padding-y);
    --bravo-records-table-card-number-width: calc(var(--bravo-records-table-card-spacing-x) * 2);
    --bravo-records-table-card-gap-x: calc(var(--bravo-records-table-card-spacing-x) * 2 / 3);
    --bravo-records-table-card-row-label-max-width: 95;
    --bravo-records-table-card-row-label-gap: var(--bravo-records-table-card-spacing-x);
    --bravo-records-table-card-row-gap-y: 6;
    --bravo-records-table-card-header-gap-y: calc(var(--bravo-records-table-card-spacing-y) * 4 / 3);
    --bravo-records-table-card-footer-gap-y: calc(var(--bravo-records-table-card-spacing-y) * 4 / 3);
    background-color: var(--bravo-color-light-alt);
    display: flex;
    flex: auto;
    flex-direction: column;
    --bravo-font-size: var(--bravo-font-size-sm);
    --bravo-line-height: var(--bravo-line-height-sm);
}

.inspectionFooter {
	--bravo-records-table-footer-control-height: 26;
	  border-top-color: var(--bravo-color-border);
	  border-top-style: solid;
	  border-top-width: 1px;
	  background-color: var(--bravo-color-light);
	  font-weight: var(--bravo-font-weight-bold);
	  padding-bottom: calc(1px * (50 - var(--bravo-line-height)) / 2);
	  padding-left: calc(1px * var(--bravo-records-table-padding-x));
	  padding-right: calc(1px * var(--bravo-records-table-padding-x));
	  padding-top: calc(1px * (50 - var(--bravo-line-height)) / 2);
	  background-color: var(--bravo-color-dark);
      color: var(--bravo-color-light);
      justify-content: center;
}

.inspectionFooter .inspectionFooterRow {
	--bravo-records-table-pagination-gap: 15;
	justify-content: flex-end;
    margin-left: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
    margin-right: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
    display: flex;
}

.inspectionFooterRow .col-4 {
	padding-right: 15px;
}

.inspectionFooter .records-table-pagination {
	justify-content: flex-end;
    margin-left: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
    margin-right: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
}

@media (max-width: 992px) {
	.inspectionFooter {
	      padding-bottom: calc(0.1px * 40) !important;
	      padding-top: calc(0.1px * 40) !important;
	}
	
	.inspectionFooter .inspectionFooterRow {
		--bravo-records-table-pagination-gap: 15;
		justify-content: center !important;
	    margin-left: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
	    margin-right: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
	    display: flex;
	}
	
	.inspectionFooter .records-table-pagination {
		justify-content: center !important;
	    margin-left: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
	    margin-right: calc(-1px * var(--bravo-records-table-pagination-gap) / 2);
	}
	
	.inspectionFooterRow .col-4 {
	    padding-right: 0px;
	    width: 100%;
	}
}
/* Layout & Navigation Styles */
body {
    overflow-y: auto !important;
}

a:active, a:hover {
    color: var(--bravo-color-accent);
}

.global-header-nav ul li a:hover {
    color: var(--bravo-color-accent);
    cursor: pointer;
}

.global-header-nav-item-has-children {
    cursor: pointer;
}

.global-header-nav-item {
    z-index: 1500;
}

.modal a {
    color: #0088cc;
}

.modal a:active,
.modal a:hover {
    color: var(--bravo-color-accent);
}

.buildings-department-logo img {
    width: 45px;
}

@media (min-width: 992px) {
    .buildings-department-logo img {
        width: 65px;
    }
}

/* Form Validation Styles */
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border-color: var(--bravo-color-warning) !important;
}

input.is-invalid:focus,
select.is-invalid:focus,
textarea.is-invalid:focus {
    border-color: var(--bravo-color-warning) !important;
    box-shadow: 0 0 0 0.25rem rgba(219, 49, 49, 0.25);
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: var(--bravo-color-warning);
}

.invalid-feedback.d-block {
    display: block !important;
}