:root {
  --blue: #1e08e6ee;
  --indigo: #6610f2;
  --purple: #712d91;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #1e08e6ee;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1700px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: #1e08e6ee;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: rgba(20, 5, 156, 0.933333);
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role="button"] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "\2014\00A0";
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}

kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-sm, .container-md {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-sm, .container-md, .container-lg {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1140px;
  }
}

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

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

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

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%;
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%;
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%;
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.33333%;
}

.offset-2 {
  margin-left: 16.66667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333%;
}

.offset-5 {
  margin-left: 41.66667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333%;
}

.offset-8 {
  margin-left: 66.66667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333%;
}

.offset-11 {
  margin-left: 91.66667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333%;
  }
  .offset-sm-2 {
    margin-left: 16.66667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333%;
  }
  .offset-sm-5 {
    margin-left: 41.66667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333%;
  }
  .offset-sm-8 {
    margin-left: 66.66667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333%;
  }
  .offset-sm-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333%;
  }
  .offset-md-2 {
    margin-left: 16.66667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333%;
  }
  .offset-md-5 {
    margin-left: 41.66667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333%;
  }
  .offset-md-8 {
    margin-left: 66.66667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333%;
  }
  .offset-md-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333%;
  }
  .offset-lg-2 {
    margin-left: 16.66667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333%;
  }
  .offset-lg-5 {
    margin-left: 41.66667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333%;
  }
  .offset-lg-8 {
    margin-left: 66.66667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333%;
  }
  .offset-lg-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333%;
  }
  .offset-xl-2 {
    margin-left: 16.66667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333%;
  }
  .offset-xl-5 {
    margin-left: 41.66667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333%;
  }
  .offset-xl-8 {
    margin-left: 66.66667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333%;
  }
  .offset-xl-11 {
    margin-left: 91.66667%;
  }
}

@media (min-width: 1700px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
  }
  .col-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
  }
  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
  }
  .col-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
  }
  .col-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
  }
  .col-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
  }
  .col-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
  }
  .col-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
  }
  .col-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 13;
  }
  .order-xxl-0 {
    order: 0;
  }
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66667%;
  }
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: rgba(198, 192, 249, 0.981333);
}

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgba(146, 135, 243, 0.965333);
}

.table-hover .table-primary:hover {
  background-color: rgba(177, 169, 247, 0.981333);
}

.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgba(177, 169, 247, 0.981333);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d6d8db;
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #b3b7bb;
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf;
}

.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #c8cbcf;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb;
}

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e;
}

.table-hover .table-success:hover {
  background-color: #b1dfbb;
}

.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b1dfbb;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}

.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba;
}

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e;
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1;
}

.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #ffe8a1;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb;
}

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e;
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7;
}

.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #f1b0b7;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}

.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}

.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075);
}

.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(0, 0, 0, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}

@media (max-width: 1699.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xxl > .table-bordered {
    border: 0;
  }
}

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > .table-bordered {
  border: 0;
}

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

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}

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

.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: rgba(129, 115, 250, 0.933333);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

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

.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
  appearance: none;
}

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

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

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

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

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

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

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

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

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

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

.form-text {
  display: block;
  margin-top: 0.25rem;
}

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

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

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

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

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

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

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

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

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #dc3545;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

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

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline .form-check {
  width: 100%;
}

@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
  .form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

.btn.disabled, .btn:disabled {
  opacity: 0.65;
}

.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #1e08e6ee;
  border-color: #1e08e6ee;
}

.btn-primary:hover {
  color: #fff;
  background-color: rgba(25, 7, 193, 0.933333);
  border-color: rgba(24, 6, 181, 0.933333);
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgba(25, 7, 193, 0.933333);
  border-color: rgba(24, 6, 181, 0.933333);
  box-shadow: 0 0 0 0.2rem rgba(68, 49, 234, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #1e08e6ee;
  border-color: #1e08e6ee;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgba(24, 6, 181, 0.933333);
  border-color: rgba(22, 6, 168, 0.933333);
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(68, 49, 234, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-secondary.disabled, .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}

.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}

.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}

.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #1e08e6ee;
  border-color: #1e08e6ee;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #1e08e6ee;
  border-color: #1e08e6ee;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #1e08e6ee;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #1e08e6ee;
  border-color: #1e08e6ee;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}

.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}

.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}

.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}

.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #1e08e6ee;
  text-decoration: none;
}

.btn-link:hover {
  color: rgba(20, 5, 156, 0.933333);
  text-decoration: underline;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}

.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}

@media (min-width: 1700px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropleft .dropdown-toggle::after {
  display: none;
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #1e08e6ee;
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}

.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}

.btn-group-toggle > .btn input[type="radio"],
.btn-group-toggle > .btn input[type="checkbox"],
.btn-group-toggle > .btn-group > .btn input[type="radio"],
.btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

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

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

.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}

.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}

.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}

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

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

.input-group > .custom-file {
  display: flex;
  align-items: center;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}

.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}

.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

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

.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

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

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #1e08e6ee;
  background-color: #1e08e6ee;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(129, 115, 250, 0.933333);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(173, 165, 252, 0.933333);
  border-color: rgba(173, 165, 252, 0.933333);
}

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

.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}

.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #1e08e6ee;
  background-color: #1e08e6ee;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(30, 8, 230, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(30, 8, 230, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(30, 8, 230, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}

.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}

.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(30, 8, 230, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}

.custom-select:focus {
  border-color: rgba(129, 115, 250, 0.933333);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

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

.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}

.custom-select::-ms-expand {
  display: none;
}

.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file-input:focus ~ .custom-file-label {
  border-color: rgba(129, 115, 250, 0.933333);
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}

.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
}

.custom-range:focus {
  outline: none;
}

.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(30, 8, 230, 0.25);
}

.custom-range::-moz-focus-outer {
  border: 0;
}

.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #1e08e6ee;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}

.custom-range::-webkit-slider-thumb:active {
  background-color: rgba(173, 165, 252, 0.933333);
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #1e08e6ee;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}

.custom-range::-moz-range-thumb:active {
  background-color: rgba(173, 165, 252, 0.933333);
}

.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background-color: #1e08e6ee;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}

.custom-range::-ms-thumb:active {
  background-color: rgba(173, 165, 252, 0.933333);
}

.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}

.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}

.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}

.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.custom-range:disabled::-moz-range-track {
  cursor: default;
}

.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}

.nav-tabs .nav-item {
  margin-bottom: -1px;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1e08e6ee;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.navbar .container,
.navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}

.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}

@media (max-width: 1699.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (min-width: 1700px) {
  .navbar-expand-xxl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid, .navbar-expand-xxl > .container-sm, .navbar-expand-xxl > .container-md, .navbar-expand-xxl > .container-lg, .navbar-expand-xxl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}

.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.navbar-expand > .container,
.navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl {
  flex-wrap: nowrap;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}

.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}

.navbar-dark .navbar-text a {
  color: #fff;
}

.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

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

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}

a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #1e08e6ee;
}

a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: rgba(24, 6, 181, 0.933333);
}

a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 8, 230, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
  color: #fff;
  background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}

.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #1e08e6ee;
  border-color: #1e08e6ee;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

@media (min-width: 1700px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: rgba(15, 4, 112, 0.965333);
  background-color: rgba(198, 192, 249, 0.981333);
}

.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgba(15, 4, 112, 0.965333);
  background-color: rgba(177, 169, 247, 0.981333);
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgba(15, 4, 112, 0.965333);
  border-color: rgba(15, 4, 112, 0.965333);
}

.list-group-item-secondary {
  color: #383d41;
  background-color: #d6d8db;
}

.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #383d41;
  background-color: #c8cbcf;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #383d41;
  border-color: #383d41;
}

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb;
}

.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #155724;
  background-color: #b1dfbb;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #155724;
  border-color: #155724;
}

.list-group-item-info {
  color: #0c5460;
  background-color: #bee5eb;
}

.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #0c5460;
  background-color: #abdde5;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #0c5460;
  border-color: #0c5460;
}

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba;
}

.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #856404;
  background-color: #ffe8a1;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856404;
  border-color: #856404;
}

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb;
}

.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #721c24;
  background-color: #f1b0b7;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #721c24;
  border-color: #721c24;
}

.list-group-item-light {
  color: #818182;
  background-color: #fdfdfe;
}

.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #818182;
  background-color: #ececf6;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #818182;
  border-color: #818182;
}

.list-group-item-dark {
  color: #1b1e21;
  background-color: #c6c8ca;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #1b1e21;
  background-color: #b9bbbe;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1b1e21;
  border-color: #1b1e21;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}

.close:hover {
  color: #000;
  text-decoration: none;
}

.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: .75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.modal-open {
  overflow: hidden;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}

.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}

.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}

.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.modal-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}

.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
  bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
  top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
}

.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}

.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}

.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}

.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}

.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}

.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}

.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}

.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}

.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #1e08e6ee !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgba(24, 6, 181, 0.933333) !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

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

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #1e08e6ee !important;
}

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

.border-success {
  border-color: #28a745 !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #ffc107 !important;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

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

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

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

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

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

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

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

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

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

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

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

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

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1700px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }
  .float-sm-right {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
}

@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }
  .float-md-right {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
}

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }
  .float-lg-right {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
}

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
}

@media (min-width: 1700px) {
  .float-xxl-left {
    float: left !important;
  }
  .float-xxl-right {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

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

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

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

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

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

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

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

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

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

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

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

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

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

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

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

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

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

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

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

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

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

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

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

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

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

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

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-n1 {
    margin: -0.25rem !important;
  }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important;
  }
  .m-sm-n2 {
    margin: -0.5rem !important;
  }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important;
  }
  .m-sm-n3 {
    margin: -1rem !important;
  }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important;
  }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important;
  }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important;
  }
  .m-sm-n4 {
    margin: -1.5rem !important;
  }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important;
  }
  .m-sm-n5 {
    margin: -3rem !important;
  }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important;
  }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important;
  }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-n1 {
    margin: -0.25rem !important;
  }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important;
  }
  .m-md-n2 {
    margin: -0.5rem !important;
  }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important;
  }
  .m-md-n3 {
    margin: -1rem !important;
  }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important;
  }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important;
  }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important;
  }
  .m-md-n4 {
    margin: -1.5rem !important;
  }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important;
  }
  .m-md-n5 {
    margin: -3rem !important;
  }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important;
  }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important;
  }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-n1 {
    margin: -0.25rem !important;
  }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important;
  }
  .m-lg-n2 {
    margin: -0.5rem !important;
  }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important;
  }
  .m-lg-n3 {
    margin: -1rem !important;
  }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important;
  }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important;
  }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important;
  }
  .m-lg-n4 {
    margin: -1.5rem !important;
  }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important;
  }
  .m-lg-n5 {
    margin: -3rem !important;
  }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important;
  }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important;
  }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xl-n3 {
    margin: -1rem !important;
  }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important;
  }
  .m-xl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xl-n5 {
    margin: -3rem !important;
  }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1700px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important;
  }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important;
  }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 3rem !important;
  }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 3rem !important;
  }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 3rem !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important;
  }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important;
  }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 3rem !important;
  }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 3rem !important;
  }
  .m-xxl-n1 {
    margin: -0.25rem !important;
  }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important;
  }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }
  .m-xxl-n2 {
    margin: -0.5rem !important;
  }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important;
  }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }
  .m-xxl-n3 {
    margin: -1rem !important;
  }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important;
  }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important;
  }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important;
  }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important;
  }
  .m-xxl-n4 {
    margin: -1.5rem !important;
  }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important;
  }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }
  .m-xxl-n5 {
    margin: -3rem !important;
  }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -3rem !important;
  }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -3rem !important;
  }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -3rem !important;
  }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important;
  }
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

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

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}

@media (min-width: 1700px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}

.text-primary {
  color: #1e08e6ee !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgba(20, 5, 156, 0.933333) !important;
}

.text-secondary {
  color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #494f54 !important;
}

.text-success {
  color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
  color: #19692c !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important;
}

.text-danger {
  color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

/* Global styles */
.data-icons {
  list-style: none;
  display: flex;
  margin: 0 0 0 1rem;
}

.data-icons li {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all .15s ease-in-out;
  position: relative;
}

.data-icons li span {
  position: absolute;
  opacity: 0;
  transition: all .15s ease-in-out;
  text-align: center;
  pointer-events: none;
}

.data-icons li a, .data-icons li div {
  height: 100%;
  width: 100%;
  border: none;
  border-radius: 50rem;
  color: #fff;
  position: relative;
  z-index: 1;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.data-icons a:hover {
  color: white;
}

.data-icons .show-data-type {
  opacity: 1;
  transition: all .15s ease-in-out;
}

#data .other-data-icons {
  list-style: none;
  display: flex;
  margin: 0 0 0 1rem;
}

#data .other-data-icons li {
  color: #fff;
  margin: 0.25rem 0.35rem;
}

#data .other-data-icons li:first-child {
  margin-left: 0;
}

#data .other-data-icons li:last-child {
  margin-right: 0;
}

#data .other-data-icons li a, #data .other-data-icons li div {
  height: 2.9rem;
  width: 2.9rem;
  font-size: 0.8rem;
  border: none;
  border-radius: 50rem;
  color: #fff;
  position: relative;
  z-index: 1;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  #data .other-data-icons li a, #data .other-data-icons li div {
    font-size: 0.9rem;
  }
}

#data .other-data-icons li a {
  z-index: 2;
}

#data .other-data-icons li span {
  background: #fcf6ff;
  color: #474c55;
  font-size: 0.75rem;
  line-height: 1.1rem;
  font-weight: 700;
  box-shadow: 0 0px 8px rgba(0, 0, 0, 0.3), 0 7px 7px -5px rgba(0, 0, 0, 0.5);
  top: 51px;
  white-space: nowrap;
  border-radius: 0.3rem;
  position: absolute;
  opacity: 0;
  transition: all .15s ease-in-out;
  text-align: center;
  pointer-events: none;
}

#data .other-data-icons li:hover {
  transform: scale(1.2);
  transition: all .15s ease-in-out;
  z-index: 1000;
}

#data .other-data-icons .show-data-type {
  padding: 0.75em 1.15em;
  border-radius: 0.5em;
}

.data-icons li:hover span {
  display: block;
  opacity: 1;
  padding: 0.5rem 1.25rem;
}

.give-border div {
  box-shadow: 0 0 0px 4px;
}

.description .data-icons {
  margin: 0;
  justify-content: flex-start;
  color: white;
}

.description .data-icons li {
  height: 30px;
  width: 30px;
  font-size: 0.7rem;
  margin-right: 0.4em;
  border-radius: 10rem;
}

.description .data-icons .show-data-type {
  padding: 1em;
  border-radius: 1em;
}

.description .data-icons span {
  background: #444;
  line-height: 1.5em;
  bottom: 35px;
  border-radius: 5px;
}

.description li:first-child {
  height: auto;
  width: auto;
  border-radius: 0;
  color: #222;
  display: flex;
  align-items: center;
  font-size: 1em;
  margin-right: 0.75em;
  font-weight: bold;
  position: relative;
}

.data-color-cyt {
  background: #e35b5b;
}

.data-color-gen {
  background: #e8a84f;
}

.data-color-hla {
  background: #4f9ee8;
}

.data-color-rna {
  background: #7d4fe8;
}

.data-color-vl {
  background: #e84fd4;
}

.data-color-dem {
  background: #e1762f;
}

.data-color-phe {
  background: #007f00;
}

.inactive-data-page div {
  opacity: 0.3;
  cursor: default;
}

#data .inactive-data-page span {
  color: #d11947 !important;
}

.inactive-data-page:hover {
  transform: none !important;
}

.data-color-sd {
  background: #e35b5b;
}

.data-color-ud {
  background: #e1762f;
}

.data-color-md {
  background: #e84fd4;
}

#data .sample-icons li {
  color: #fff;
  margin: 0.25rem 1.5rem;
}

#data .sample-icons li div {
  height: 3em;
  width: 3em;
  border-radius: 50px;
  color: #fff;
  font-size: 0.9rem;
  position: relative;
  z-index: 1;
}

#data .sample-icons li a {
  z-index: 2;
}

#data .sample-icons li span {
  background: white;
  color: #474c55;
  font-size: 0.8rem;
  line-height: 1.1rem;
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
  top: 51px;
}

#data .sample-icons li:hover {
  transform: scale(1.2);
  transition: all .15s ease-in-out;
  z-index: 1000;
}

#data .sample-icons .show-data-type {
  padding: 1em;
  border-radius: 1em;
}

#data #data-icon-container.samples-icons li div {
  width: auto;
  padding: 0 0.65rem;
  line-height: 1.4;
  text-align: center;
}

@media (min-width: 576px) {
  #data #data-icon-container.samples-icons li div {
    padding: 0 1.15rem;
  }
}

@media (min-width: 768px) {
  #data #data-icon-container.samples-icons li div {
    height: 2.45rem;
  }
}

#data #data-icon-container.samples-icons li:after {
  display: none;
}

#data #data-icon-container.samples-icons .give-border-green {
  border: 4px solid #79ff79;
  border-radius: 10rem;
}

#data #data-icon-container.samples-icons .data-icons {
  margin: 0;
}

/* data page styles */
#app {
  overflow: hidden;
}

#sticky-button {
  background: rgba(208, 208, 208, 0.93);
  padding: 1.2rem 0.65rem;
  backdrop-filter: blur(10px);
  position: sticky;
  top: 60px;
  z-index: 100;
  display: flex;
  align-items: center;
  height: 55px;
  overflow-x: scroll;
  overflow-y: hidden;
}

@media (min-width: 576px) {
  #sticky-button {
    padding: 1.2rem 1rem;
    justify-content: space-around;
  }
}

@media (min-width: 992px) {
  #sticky-button {
    height: 80px;
    overflow: initial;
  }
}

.data-h1-icon {
  color: white;
  width: 3.15em;
  height: 3.15em;
  display: none;
  justify-content: center;
  align-items: center;
  margin-right: 1.2rem;
  border-radius: 10rem;
  font-size: 1.3rem;
}

@media (min-width: 768px) {
  .data-h1-icon {
    display: inline-flex;
  }
}

@media (min-width: 992px) {
  .data-h1-icon {
    font-size: 2.1rem;
  }
}

#data h1 {
  margin: 0;
}

#data #sticky-button h1 {
  margin: 0 0.65rem 0 0;
  display: flex;
  align-items: center;
  width: auto;
  overflow: hidden;
  height: 80px;
  font-size: 1.35rem;
  flex-shrink: 0;
}

@media (min-width: 576px) {
  #data #sticky-button h1 {
    white-space: nowrap;
    margin-right: 1rem;
  }
}

@media (min-width: 768px) {
  #data #sticky-button h1 {
    font-size: 2.1rem;
  }
}

@media (min-width: 992px) {
  #data #sticky-button h1 {
    margin: 0;
  }
}

#data-body-container section {
  padding: 0 0 4rem;
  margin: 0 auto;
}

#data h4 {
  color: white;
  width: 100%;
  text-align: center;
  font-size: 0.65rem;
  margin: 0;
}

#data h4#filters-h4 {
  font-size: initial;
}

@media (min-width: 576px) {
  #data h4 {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  #data h4 {
    width: auto;
    font-size: initial;
  }
}

#hidden-elements-container {
  display: none;
}

#data-icon-container {
  background: #474c55;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 90px;
  flex-direction: column;
  overflow-x: scroll;
  overflow-y: hidden;
}

@media (min-width: 576px) {
  #data-icon-container {
    height: 80px;
    overflow: initial;
  }
}

@media (min-width: 992px) {
  #data-icon-container {
    flex-direction: row;
  }
}

#data-icon-container section {
  display: flex;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  width: fit-content;
  width: -moz-fit-content;
}

@media (min-width: 992px) {
  #data-icon-container section {
    margin: 0;
  }
}

#data-icon-container h4 {
  width: 100%;
  margin-bottom: 0.5em;
}

@media (max-width: 1199.98px) {
  #data-icon-container h4 {
    position: sticky;
    left: 0;
  }
}

@media (min-width: 576px) {
  #data-icon-container h4 {
    width: initial;
    margin: 0;
  }
}

#data-icon-container .data-icons {
  margin: 0;
}

@media (min-width: 576px) {
  #data-icon-container .data-icons {
    margin: 0 0 0 1rem;
  }
}

#data-icon-container span {
  display: none;
}

@media (min-width: 576px) {
  #data-icon-container span {
    display: block;
  }
}

#sticky-button #data-icon-container {
  width: fit-content;
  width: -moz-fit-content;
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 0;
}

@media (min-width: 992px) {
  #sticky-button #data-icon-container {
    padding: 0.5rem 1.75rem;
  }
}

#data-top-container {
  background: #eaeaea;
  padding: 1.5em 0;
}

@media (min-width: 992px) {
  #data-top-container {
    padding: 2.25em 0;
  }
}

#data-top-container p {
  text-align: left;
  font-size: 0.95rem;
  max-width: 100%;
}

@media (min-width: 992px) {
  #data-top-container p {
    max-width: 800px;
    margin-left: 2rem;
    padding-left: 2rem;
    border-left: 1px solid #ccc;
  }
}

#data-top-container section {
  text-align: center;
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

@media (min-width: 768px) {
  #data-top-container section {
    padding: 0 2rem;
  }
}

@media (min-width: 992px) {
  #data-top-container section {
    flex-direction: row;
    align-items: center;
  }
}

.data-right {
  max-width: 100%;
  position: relative;
}

.data-right h1 {
  margin: 0 0 0.75em;
  font-size: 2rem;
}

.data-right .label {
  color: #712d91;
  font-weight: 800;
  margin: 0 auto;
  padding: 0.25rem 0.8rem;
}

.data-right .container-fluid section, .data-right .container-sm section, .data-right .container-md section, .data-right .container-lg section, .data-right .container-xl section {
  margin: 0 auto;
}

#data-head {
  background: #eaeaea;
  padding: 3rem 0 3rem;
  margin-bottom: 5rem;
}

#data main footer a {
  color: white;
  text-decoration: none;
  border: 0;
}

#data main footer ul {
  max-width: auto;
}

@media (min-width: 992px) {
  #data main footer ul {
    max-width: 245px;
  }
}

@media (min-width: 1200px) {
  #data main footer ul {
    max-width: initial;
  }
}

#data main footer section {
  margin: 0 auto;
}

#cyto {
  max-width: 100vw;
  margin: 0 auto;
  padding: 1.25rem 0.5rem 2rem;
}

#cyto ul {
  list-style: none;
  padding: 0;
}

@media (min-width: 992px) {
  #cyto {
    width: 860px;
    padding: 1.25rem 1rem;
  }
}

@media (max-width: 991.98px) {
  .data-left.data-menu-show {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    z-index: 2001;
  }
}

.nobodyscroll {
  overflow: hidden;
}

.data-left *::-webkit-scrollbar,
.data-right *::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
}

.data-left *::-webkit-scrollbar-thumb,
.data-right *::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
}

.data-left *::-webkit-scrollbar-track,
.data-right *::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.5);
  padding: 0 1px;
}

.app-container {
  width: 100vw;
  margin: 0;
}

@media (min-width: 992px) {
  .app-container {
    width: 75%;
    max-width: 75%;
    margin: 0px 1rem;
    padding: 1rem 0;
  }
}

#help {
  display: block;
  margin-left: auto;
  margin-right: 0;
}

@media (min-width: 1420px) {
  #help {
    display: none;
  }
}

.download-data + #help {
  margin-left: 1rem;
}

div[style*="display: none;"] + #help {
  margin-left: auto;
}

.heatmap-desc {
  font-size: 1rem;
  margin: 1.25rem 0px 3rem;
  position: absolute;
  z-index: 100;
  right: 0;
  overflow: hidden;
  width: 0;
  transition: opacity .2s ease-in-out;
}

@media (min-width: 1420px) {
  .heatmap-desc {
    width: 25%;
    position: initial;
    z-index: initial;
    margin: 4rem 0px 3rem;
    z-index: initial;
    overflow: initial;
  }
}

@media (max-width: 1420px) {
  .heatmap-desc {
    opacity: 0;
  }
  .heatmap-desc.show-help {
    opacity: 1;
    overflow: initial;
    transition: opacity .2s ease-in-out;
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 2001;
    background: rgba(0, 0, 0, 0.6);
    padding: 0;
    margin: 0;
  }
  .heatmap-desc.show-help > div {
    box-shadow: 0 6px 40px rgba(0, 0, 0, 0.6), 0 7px 9px -10px black;
    width: 275px;
    padding: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
  }
}

@media (max-width: 1420px) and (min-width: 1420px) {
  .heatmap-desc.show-help > div {
    box-shadow: 0 6px 19px rgba(0, 0, 0, 0.1), 0 7px 9px -10px black;
    width: initial;
  }
}

.heatmap-desc > div {
  width: 275px;
  padding: 1rem 0;
  background: #f3f3f3;
  border-top: 0.5rem solid #712d91;
  box-shadow: 0 6px 19px rgba(0, 0, 0, 0.1), 0 7px 9px -10px black;
  overflow: hidden;
}

@media (min-width: 1420px) {
  .heatmap-desc > div {
    width: 90%;
    padding: 1.5rem;
    border-radius: 0px 0px 20px 20px;
  }
}

.heatmap-desc #close {
  height: 25px;
  width: 25px;
  margin-bottom: 1rem;
  cursor: pointer;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MS4zMSA4MS4zMSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNkMTE5NDc7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5VbnRpdGxlZC0xPC90aXRsZT48cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iODEuMzEgMTEuMzEgNzAgMCA0MC42NiAyOS4zNCAxMS4zMSAwIDAgMTEuMzEgMjkuMzQgNDAuNjYgMCA3MCAxMS4zMSA4MS4zMSA0MC42NiA1MS45NyA3MCA4MS4zMSA4MS4zMSA3MCA1MS45NyA0MC42NiA4MS4zMSAxMS4zMSIvPjwvc3ZnPg==");
  background-position: center;
  background-size: cover;
  display: block;
  float: right;
}

@media (min-width: 1420px) {
  .heatmap-desc #close {
    display: none;
  }
}

.heatmap-desc h5 {
  font-size: 1.2em;
  font-weight: 800;
  color: #712d91;
  margin-bottom: 1.25rem;
}

.heatmap-desc ul {
  font-size: 1em;
  line-height: 1.6em;
  list-style: none;
  margin: 0px;
}

@media (max-width: 1420px) {
  .heatmap-desc ul {
    width: calc(275px - 2rem);
  }
}

.heatmap-desc li {
  padding-bottom: 0.75em;
  margin-bottom: 0.75em;
  border-bottom: 1px solid #bbbbbb;
}

.heatmap-desc li:last-child {
  padding: 0px;
  margin: 0px;
  border: none;
}

.data-right {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
}

@media (min-width: 992px) {
  .data-right {
    overflow: initial;
  }
}

select,
select.form-control {
  color: #712d91;
  border: 2px solid;
  font-weight: bold;
  border-radius: 3px;
}

#cyto-graph {
  max-width: 1000px;
  margin: 0 auto;
}

#cyto-graph > div > div {
  position: relative;
}

#cyto-graph > .boxplot-container {
  position: relative;
}

#cyto-graph > .boxplot-container .switch-element {
  position: absolute;
  left: 175px;
  top: -75px;
  z-index: 3;
}

#cyto-graph .row {
  margin: 0;
}

#cyto-graph .list-group {
  flex-direction: row;
}

#cyto-graph .list-group-item:first-child {
  border-top-left-radius: 15px;
  border-top-right-radius: 0rem;
  border-bottom-left-radius: 15px;
}

#cyto-graph .list-group-item:last-child {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
}

#cyto-graph .col-2 {
  display: none;
}

#cyto-graph .col-10 {
  padding: 0;
  flex: auto;
  max-width: 95%;
}

#cyto-graph .col-10 > div {
  margin-top: 2rem;
}

.chartContainer {
  padding: 1rem 0;
  margin: 1rem;
  display: flex;
  flex-wrap: wrap;
}

.chartContainer > div {
  flex: unset;
  width: 100%;
  margin-bottom: 4rem;
}

@media (min-width: 768px) {
  .chartContainer > div {
    width: 50%;
  }
}

#data-menu {
  position: relative;
  width: 0;
}

#data-menu,
#cyto-left {
  height: 100%;
}

text.heatmap-label {
  font-size: 1.25rem;
  font-weight: bold;
  fill: #712d91;
}

.heatmap-y-axis text,
.heatmap-x-axis text {
  font-size: 0.8rem;
}

.container label {
  margin-bottom: 0.5em;
}

.chartjs-render-monitor {
  width: 100% !important;
  max-height: auto !important;
}

.heatmap-container {
  padding-bottom: 70%;
}

@media (max-width: 991.98px) {
  .heatmap-container {
    overflow: auto;
  }
}

.switch > button,
.switch a,
#cyto-left #filter-header button,
.heatmap-y-menu .card button,
.switch .download-data, .btn-primary {
  padding: 0.5em 1.2em;
  border-radius: 20rem;
  font-size: 0.9rem;
  font-weight: 600;
  transition: all .2s ease-in-out;
  cursor: pointer;
  height: 2.45rem;
  display: inline-flex;
  align-items: center;
  text-align: center;
  line-height: 1em;
  border: none;
}

.btn-primary {
  background-color: #008ccf;
}

.btn-primary:hover {
  background-color: #21abec;
}

.switch a:not([href]):not([class]) {
  color: white;
}

.error-links a {
  margin-right: 2rem;
}

.error-links a:last-child {
  margin: 0;
}

.heatmap-y-menu .card button {
  display: inline-block;
}

.switch > button,
.switch a {
  background: #008ccf;
  color: white;
  border: none;
  word-break: initial;
}

.switch > button:hover,
.switch a:hover {
  background: #21abec;
  transition: all .2s ease-in-out;
  color: white;
}

#cyto-left #filter-header button {
  background: none;
  color: white;
  border: 1px solid;
  margin-left: auto;
  white-space: nowrap;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.heatmap-tooltip .card,
.boxplot-tooltip {
  padding: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: inherit;
  font-size: 0.9rem;
  font-weight: bold;
  background: white;
  box-shadow: 0 15px 15px 7px rgba(0, 0, 0, 0.05), 0 8px 12px -6px rgba(0, 0, 0, 0.9);
}

.card-body {
  padding: 0.25rem 0.75rem;
}

.card-text {
  font-size: 0.9rem;
  line-height: 1.75em;
}

.boxplot-tooltip {
  width: 80px;
  height: 50px;
}

text.boxplot-label {
  font-weight: bold;
  fill: #712d91;
}

.vdr {
  border-radius: 0.5rem;
  overflow: hidden;
  border: 0;
  box-shadow: 0 15px 15px 7px rgba(0, 0, 0, 0.05), 0 8px 12px -6px rgba(0, 0, 0, 0.9);
}

.vdr .boxplot-container > div:first-child {
  border-bottom: 1px solid #aaa;
  background: white;
  position: relative;
}

.vdr .boxplot-container select {
  margin-bottom: 0.75rem;
}

@media (max-width: 767.98px) {
  .vdr {
    width: 100% !important;
    height: 70vh !important;
    overflow: scroll;
  }
  .vdr ul.vdrNav {
    position: sticky;
    left: 0;
    top: 0;
    z-index: 1;
  }
  .vdr .boxplot-container {
    height: 520px;
  }
}

.card {
  border: none;
  box-shadow: 0 15px 15px 7px rgba(0, 0, 0, 0.05), 0 8px 12px -6px rgba(0, 0, 0, 0.9);
}

.card .btn,
.card select {
  font-size: 0.9rem;
}

.card .btn-link {
  border: 1px solid;
  margin: 0.75rem 0.25rem;
  padding: 0.5em 1.25em;
}

.card .btn-link:hover {
  background: #007bff;
  color: white;
  text-decoration: none;
}

.card .btn-link,
.card button.btn.btn-primary {
  border-radius: 20rem;
}

.card .form-control {
  margin-right: 0.6rem;
}

@media (max-width: 991.98px) {
  #data #filters-h4 {
    margin: 0;
    text-align: left;
  }
}

button.btn.btn-primary {
  padding: 0.375rem 1.25rem;
}

.heatmap-y-menu u {
  font-size: 1.2rem;
  font-weight: bolder;
  width: 100%;
  display: block;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
  padding-bottom: 0.5rem;
  margin-bottom: -1.5rem;
}

.heatmap-tooltip u {
  font-size: 0.95rem;
  font-weight: bolder;
  border-bottom: 1px solid #aaa;
  text-decoration: none;
  padding-bottom: 0.15em;
  margin-bottom: -1.5em;
  display: block;
}

ul.vdrNav {
  background: #712d91;
  border: none;
  border-radius: 0.3rem 0.3rem 0 0;
  position: relative;
  margin: 0;
}

.vdr canvas {
  padding: 0.75rem 0.75rem 0.75rem 0.5rem;
}

.vdrNav .row > div {
  padding-left: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

button.vdr-close {
  background: white;
  border-radius: 24rem;
  height: 1.65rem !important;
  width: 1.65rem;
  padding: 0 !important;
  border: 0;
}

button.vdr-close:after {
  width: 1.65rem;
  height: 1.65rem;
  display: block;
  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 331.79 331.79'%3E%3Cpolygon fill='%23712d91' points='345.93 42.43 303.5 0 172.96 130.54 42.43 0 0 42.43 130.54 172.96 0 303.5 42.43 345.93 172.96 215.39 303.5 345.93 345.93 303.5 215.39 172.96 345.93 42.43'/%3E%3C/svg%3E") no-repeat center/14px;
}

.boxplot-container label {
  margin: 0.75rem 0.5rem 0 1rem;
  font-weight: bold;
}

.boxplot-svg2 {
  width: 660px;
  margin: 0 auto;
  display: block;
}

.data-vl .switch {
  max-width: 840px;
  width: 100%;
  overflow-x: auto;
}

.data-vl #cyto-graph {
  max-width: 840px;
}

@media (max-width: 1199.98px) {
  #cyto-graph.vl-graph-2 .boxplot-container .switch-element {
    position: initial;
  }
}

.data-hla #cyto-graph {
  max-width: 100%;
}

.data-hla .switch {
  max-width: 100%;
}

@media (min-width: 576px) {
  .data-hla .switch {
    margin-bottom: 1rem;
  }
}

@media (min-width: 1420px) {
  .data-hla .switch {
    display: none;
  }
}

.data-hla .chartContainer {
  margin: 0;
  padding: 0;
}

.data-hla .chartContainer > div {
  margin-bottom: 2.5rem;
  text-align: center;
}

@media (min-width: 576px) {
  .data-hla .chartContainer > div {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.data-hla .btn {
  font-size: 0.9375rem;
  background: #008ccf;
  border: 0;
  border-radius: 10rem;
  padding: 0.5em 1.5em;
}

@media (min-width: 576px) {
  .data-hla .btn {
    margin-top: auto;
  }
}

.data-hla .btn:hover {
  background: #21abec;
}

@media (min-width: 1420px) {
  .data-hla .heatmap-desc {
    width: 300px;
  }
}

.close-hla {
  display: none;
  margin: 0.5rem 0 0.5rem auto;
  font-weight: bold;
  background: #008ccf;
  color: white;
  line-height: 1.5rem;
  padding: 0.35em 1em;
  border-radius: 10rem;
  cursor: pointer;
}

.close-hla a {
  border: 0;
}

.close-hla:hover {
  background: #21abec;
}

.show-popup .close-hla {
  display: block;
}

.show-popup-subtype .close-hla {
  display: block;
}

.handsontable {
  z-index: 1;
}

.handsontable tr:first-child th {
  border-top: 0;
  background: #712d91;
  color: white;
  position: sticky;
  top: 0;
  white-space: nowrap;
}

.handsontable td:first-child,
.handsontable th:first-child {
  border-left: 0;
}

.handsontable td:last-child,
.handsontable th:last-child {
  border-right: 0;
}

.handsontable td,
.handsontable thead th {
  padding: 0.5rem 0.75rem;
}

.handsontable tr:nth-child(odd) td {
  background-color: #eaeaea;
}

.handsontable tr:last-child td {
  border-bottom: 0;
}

.handsontable .wtHider {
  width: auto !important;
}

.handsontable .htCore {
  width: 100%;
}

.data-hla .switch + div {
  margin-bottom: 0.5rem;
  padding-left: 0 !important;
}

.data-hla #cyto-graph > div > div > .handsontable {
  margin-top: 1rem;
}

@media (max-width: 991.98px) {
  .data-hla #cyto-graph > div > div > .handsontable {
    max-width: 100vw;
  }
}

/* TODO: Multiple table headers are shown.  Override until bug is fixed. */
.ht_clone_top {
  display: none;
}

.chartContainer ~ .handsontable {
  border: 1px solid #712d91;
  border-radius: 10px;
  margin: 1.5rem 1rem 1rem;
}

.strains-label {
  text-align: right;
  top: 277px;
  color: #712d91;
  font-weight: 800;
}

div#scatterPlot-tooltip > div {
  padding: 0.5rem 0.75rem !important;
  border-radius: 0.5rem;
  line-height: 1.6;
  background-color: rgba(0, 0, 0, 0.8) !important;
  backdrop-filter: blur(5px);
  font-size: 0.85rem;
  letter-spacing: 0.01rem;
  color: white;
}

.list-group-item.active {
  background-color: #008ccf;
  border-color: #008ccf;
}

.list-group-item.active:hover {
  transition: all .2s ease-in-out;
  background: #21abec;
}

div:not(.show-popup) > img.popup {
  cursor: zoom-in;
}

.switch {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 0.75rem 0.5rem;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background: white;
  position: relative;
  z-index: 2;
}

.switch > * {
  margin-right: 0.75rem;
}

.switch::-webkit-scrollbar {
  height: 8px;
}

.switch label {
  margin: 0 0.25rem 0 0;
  font-weight: bold;
}

.switch .download-data {
  margin-left: auto;
  margin-right: 0;
  background: #008ccf;
  color: white;
}

.switch .download-data:hover {
  transition: all .2s ease-in-out;
  background: #21abec;
}

@media (max-width: 991.98px) {
  .switch,
  .heatmap-container .switch {
    position: sticky;
    left: 0;
  }
}

@media (min-width: 992px) {
  .heatmap-container .switch,
  .data-cytos .graphtitle {
    max-width: 830px;
    margin: 0 0 1rem auto;
    left: auto;
  }
}

.heatmap-hover-hide {
  display: none;
}

.graphtitle {
  font-size: 1.9rem;
  font-weight: 800;
  line-height: 1.4;
  color: #474c55;
  padding-top: 0.5rem;
  text-align: center;
  margin-bottom: 1rem;
  background: white;
  z-index: 1;
  position: relative;
}

@media (max-width: 1199.98px) {
  .graphtitle {
    position: sticky;
    left: 0;
  }
}

@media (max-width: 1199.98px) {
  .data-cytos .data-right {
    height: 850px;
  }
  .data-cytos .data-right .heatmap-container {
    height: 1000px;
  }
  .data-cytos .data-right .heatmap-svg {
    width: 900px;
  }
}

@media (min-width: 992px) {
  #data-menu {
    position: sticky;
    width: 100%;
    top: 60px;
  }
  .data-right {
    max-width: calc(100% - 270px);
  }
  #data main footer a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    border: 0;
  }
  #data main footer a:hover {
    color: white;
  }
  #data-icon-container {
    margin: 0;
  }
}

@media (max-width: 991.98px) {
  #cyto-graph {
    margin: 0;
  }
}

.wtSpreader .htCore th {
  height: 40px !important;
}

.handsontable.htColumnHeaders {
  overflow: auto !important;
}

.HandsontableCopyPaste {
  display: none;
}

.htBorders {
  display: none !important;
}

.card-footer {
  background-color: white;
  border-top: 1px solid #dee2e6;
  font-size: .875rem;
  padding: .5rem .75rem;
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header {
  background-color: #b0d1f6;
  border-bottom: 0;
  font-weight: 600;
  padding: .5rem .75rem;
  margin-bottom: 0;
}

.badge-color-4 {
  background: #8332a7;
}

.sj-widget-2 .badge {
  width: 16px;
  height: 16px;
  margin: 0 auto;
  display: block;
  border-radius: 0;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  /* font-size: 75%; */
  /* font-weight: 700; */
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  /* transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out; */
}

.sj-legend-label {
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}

.sj-legend-label i {
  margin-right: 5px;
  display: inline-block;
  border: 1px solid #adb5bd;
  width: 16px;
  height: 16px;
}

.sj-legend {
  font-size: .875rem;
  color: #343a40;
  font-weight: 600;
}

.sj-legend-color-1 {
  background-color: #5ca132;
}

.sj-legend-color-2 {
  background-color: #ced4da;
}

.sj-legend-color-3 {
  background-color: #495057;
}

.sj-legend-color-4 {
  background-color: #8332a7;
}

.sj-legend-labels {
  display: flex;
}

.badge-color-2 {
  background: #ced4da;
}

.badge-color-3 {
  background: #495057;
}

.sj-widget .table thead th {
  border-top: 0;
  font-weight: 600;
}

.sj-widget-2 td,
.sj-widget-2 th {
  text-align: center;
  padding: .5rem;
}

.sj-widget-2 tbody th:first-child,
.sj-widget-2 thead th:first-child {
  text-align: left !important;
}

.maxWidth {
  max-width: auto !important;
}

.tooltipCss {
  background-color: black;
  border: none;
  border-radius: 5px;
  padding: 15px;
  width: 100px;
  text-align: left;
  color: white;
}

.boxplot-print > button {
  background: #008ccf;
  color: white;
  width: fit-content;
  width: -moz-fit-content;
  padding: 0.5rem 1.5rem;
  border-radius: 20rem;
  font-size: 1.0em;
  font-weight: 700;
  border: none;
  transition: all .2s ease-in-out;
  text-align: right;
  float: right;
}

.boxplot-print > button:hover {
  background: #21abec;
  transition: all .2s ease-in-out;
}

[data-toggle="collapse"][aria-expanded="true"] > .filter-rotate-if-collapsed {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.data-left {
  position: sticky;
  top: 60px;
  width: 0;
  z-index: 99;
}

@media (min-width: 992px) {
  .data-left {
    min-width: 270px;
    max-width: 270px;
    top: 60px;
  }
}

#filter-header {
  background: #36383c;
  margin: 0 -0.25rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 1;
}

.data-menu-close-button {
  display: flex;
  align-items: center;
  margin-left: 1.5rem;
}

@media (min-width: 992px) {
  .data-menu-close-button {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .data-menu-close-button:after {
    color: white;
    content: '\00d7';
    font-size: 50px;
    line-height: 0;
  }
}

#cyto-left {
  flex: initial;
  border-right: none;
  align-self: auto;
  background: #6b7079;
  overflow: hidden;
  height: 75vh;
  max-height: calc(100vh - 60px);
  position: sticky;
  top: 65px;
}

@media (max-width: 991.98px) {
  #cyto-left {
    border-radius: 7px;
  }
}

@media (min-width: 992px) {
  #cyto-left {
    top: 60px;
  }
}

@media only screen and (max-width: 400px) {
  #cyto-left {
    top: 65px;
  }
}

#cyto-left > div {
  overflow: hidden;
  height: inherit;
  overflow-y: auto;
}

@media (max-width: 991.98px) {
  #cyto-left > div {
    height: 100%;
  }
}

#cyto-left > div::-webkit-scrollbar-thumb {
  background-color: #ececec;
}

#cyto-left i {
  z-index: 0;
}

#cyto-left li {
  margin-bottom: 0.3rem;
  padding-bottom: 0.3rem;
  font-size: 1rem;
}

#cyto-left button {
  border: 0;
  background: none;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 0.6rem 1rem;
  border-radius: 20px;
  color: white;
  transition: all .2s ease-in-out;
  text-transform: capitalize;
}

#cyto-left #navigation-item {
  border: 0;
  background: none;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 0.6rem 1rem;
  border-radius: 20px;
  color: white;
  transition: all .2s ease-in-out;
  text-transform: capitalize;
}

#cyto-left #immvar-nav-list a:hover {
  background: white;
  color: #474c55;
  border-color: white;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

#cyto-left .highlighted {
  background: #52565c;
}

#cyto-left #filter-header button:hover {
  background: white;
  color: #474c55;
  border-color: white;
  transition: all .2s ease-in-out;
}

#cyto-left button[data-toggle=collapse] {
  border-radius: 0.3rem;
}

#cyto-left #data-menu-sticky {
  margin: -1rem -1rem 1rem;
  padding: 1rem;
  border: none;
  text-align: center;
  position: sticky;
  top: -1rem;
  background: #474c55;
  z-index: 2;
}

#cyto-left button[type="button"] {
  width: auto;
  font-size: 0.9rem;
}

#cyto-left div[id*="collapse-"] {
  background: #52565c;
  margin: 0 -1rem !important;
  padding: 0rem 1.75rem;
}

#cyto-left div[id*="collapse-"] > form:first-child {
  padding-top: 0.75rem;
}

#cyto-left div[id*="collapse-"] > form:last-child {
  padding-bottom: 0.75rem;
}

#cyto-left .collapsed {
  transition: all .2s ease-in-out;
}

#cyto-left label {
  color: white;
}

#cyto-left .fa,
#cyto-left .fas {
  transition: all .2s ease-in-out;
  margin-right: 0.3rem;
}

#cyto-left form {
  margin-bottom: 0.4rem;
  display: flex;
  flex-wrap: nowrap;
}

#cyto-left form:last-child {
  margin-bottom: 0;
}

#cyto-left input[type="radio"],
#cyto-left input[type="checkbox"] {
  width: 25px;
  margin-top: 3px;
  vertical-align: top;
}

#cyto-left .form-check-label, #cyto-left form div {
  width: calc(100% - 30px);
  font-size: 0.9rem;
  line-height: 1.3em;
  margin-top: 1px;
}

@media (min-width: 992px) {
  #cyto-left {
    height: 100%;
  }
}

.filteredby {
  text-align: left;
  color: white;
  background: #52565c;
  padding: 0.75rem 1.25rem;
  margin: 0 -0.25rem 0.5rem;
  border-bottom: 1px solid;
  font-size: 0.875rem;
}

.filteredby div {
  text-transform: capitalize;
  margin-top: 0.25rem;
}

.filteredby span {
  background: #666;
  font-size: 0.75em;
  text-transform: uppercase;
  margin-right: 0.5rem;
  padding: 0.35rem 0.9em;
  border-radius: 1rem;
  white-space: nowrap;
  display: inline-block;
  line-height: 0.75em;
}

.filteredby span:last-child {
  /* border: 1px solid; */
  /* background: none; */
  padding: 0;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #eEE;
  color: black;
}

.filteredby p {
  margin: 0;
  font-size: 0.9em;
  font-size: 0.875rem;
  margin-bottom: 0.1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 0.1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.filteredby p:last-child {
  border: none;
  padding: 0;
}

.immvarfilteredby {
  text-align: left;
  color: white;
  background: #474c55;
  padding: 0.75rem 1.25rem;
  margin: 0 -0.25rem 0.5rem;
  border-bottom: 1px solid;
  font-size: 0.875rem;
}

.immvarfilteredby div {
  text-transform: capitalize;
  margin-top: 0.25rem;
}

@media (max-width: 991.98px) {
  #cyto-left {
    left: 0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: 275px;
    height: 90%;
    max-height: 600px;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    transition: all .2s ease-in-out;
  }
  .data-menu-hide #cyto-left {
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.95);
  }
  .data-menu-show #cyto-left {
    opacity: 1;
  }
}

div#data-hamburger {
  background: #008ccf;
}

div#data-hamburger.hamburger {
  width: 2.45rem;
  height: 2.45rem;
  min-width: 2.45rem;
  border-radius: 50px;
  z-index: 3;
}

div#data-hamburger.hamburger ul {
  width: 20px;
}

div#data-hamburger.hamburger li {
  border-bottom: 3px solid #fff;
}

footer {
  width: 100%;
  background: #474c55;
  color: #ffffff;
  padding: 15px 40px 60px;
}

footer *,
footer p {
  font-size: 0.95rem;
  line-height: 1.6em;
}

footer ul {
  list-style: none;
  width: 100%;
  max-width: 100%;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding-top: 20px;
  margin-bottom: 0 !important;
}

footer ul:nth-child(2) {
  margin-top: 10px;
}

footer li {
  padding-bottom: 0.5rem;
}

footer li:last-child {
  padding-bottom: 0;
}

footer section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  flex-direction: column;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

footer a {
  color: white;
}

footer p {
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  padding: 20px 0 0;
  margin-top: 20px;
  text-align: center;
}

footer div {
  width: 100%;
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

footer .inactive-link, footer .inactive-link:hover {
  color: rgba(255, 255, 255, 0.4);
  cursor: not-allowed;
}

main footer p {
  font-size: 0.95rem;
  line-height: 1.6em;
}

#logo-w-text {
  height: 150px;
}

main footer section {
  max-width: 900px;
  padding: 0 !important;
}

@media (min-width: 992px) {
  footer {
    padding: 2.5rem 0;
  }
  footer section {
    justify-content: space-between;
    align-items: center;
  }
  footer ul {
    max-width: initial;
  }
  footer div {
    width: auto;
    padding-bottom: 0;
  }
  footer a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: all .2s ease-in-out;
  }
  footer a:hover {
    color: white;
  }
  #logo-w-text {
    height: 170px;
  }
}

@media (min-width: 576px) {
  footer p {
    padding: 0.75rem 0 0;
    margin-top: 0.75rem;
  }
  footer section {
    flex-direction: row;
    text-align: left;
    align-items: initial;
  }
  footer ul {
    width: auto;
    margin: 0;
    border: none;
    padding: 0;
  }
  footer ul:nth-child(2) {
    margin-top: 0;
  }
}

header {
  background: #712d91;
  color: #ffffff;
  padding: 0 0 0 1.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}

.hamburger,
#menumask {
  display: none;
}

#logo-image {
  width: 105px;
  height: 70px;
  border-right: 1px solid;
  margin-right: 15px;
  background: url(/images/sj-logo.png) -12px -12px/110px no-repeat;
  display: none;
}

nav {
  display: flex;
  align-items: center;
  height: 100%;
}

nav ul {
  list-style: none;
  display: flex;
  font-size: 1.1rem;
  height: 100%;
  font-weight: 700;
  padding: 0.5rem 0;
}

nav li {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

@media (min-width: 992px) {
  nav li {
    margin: -0.5rem 0;
    padding: 0.5rem 0.5rem;
  }
}

nav li:last-child {
  padding-right: 0;
}

nav a {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 0.4em 1.05em;
  transition: all .2s ease-in-out;
  text-decoration: none;
  color: #fff;
  border-radius: 30px;
  align-items: center;
}

nav a:hover {
  background: #531471;
}

nav #search-icon {
  padding-right: 0;
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22750%22%20height%3D%22750%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20stroke%3D%22%22%20stroke-width%3D%22%22%20d%3D%22M416.135%20186c-78.58%200-142.51%2063.93-142.51%20142.5a141.58%20141.58%200%200%200%2028.68%2085.38L199.195%20517c-10.933%2010.94-10.926%2028.673.015%2039.605%2010.94%2010.932%2028.672%2010.926%2039.605-.015l105.3-105.32a141.45%20141.45%200%200%200%2072%2019.74c78.58%200%20142.5-63.93%20142.5-142.5S494.715%20186%20416.135%20186m0%20230.69c-35.667%200-67.822-21.487-81.47-54.44-13.647-32.953-6.1-70.882%2019.124-96.1%2025.224-25.217%2063.155-32.757%2096.105-19.102%2032.95%2013.655%2054.43%2045.815%2054.421%2081.482-.055%2048.678-39.502%2088.125-88.18%2088.18%22%2F%3E%3C%2Fsvg%3E);
  background-size: 40px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  background-position: center;
}

nav .user-link {
  background: #531471;
}

nav .user-link a:hover {
  background-color: #712d91;
}

@media (min-width: 992px) {
  nav .user-link:last-child {
    padding: 0.5rem 1rem;
  }
  nav .user-link + .user-link:last-child {
    padding: 0.5rem 1rem 0.5rem 0;
  }
}

@media (min-width: 992px) {
  nav li:not(.user-link) + .user-link {
    margin-left: 0.5rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
  }
  nav li:not(.user-link) + .user-link:last-child {
    padding: 0.5rem 1rem;
  }
}

nav.dropdown-menu {
  background-color: #712d91;
}

#logo {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 800;
}

#logo a {
  text-decoration: none;
  color: #fff;
}

#logo > a {
  height: 45px;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MC4wNiAzMS45MiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5kb3dubG9hZCAoMik8L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMxLjQ4LDI1LjkxdjBhMTYuNjUsMTYuNjUsMCwwLDEsMi0yLjQ3bC4wNywwYTMuMzIsMy4zMiwwLDAsMCwxLjcyLS41MSwxMS4yNywxMS4yNywwLDAsMCwuODQtLjc4LDcuNTgsNy41OCwwLDAsMCwuNTEtMWwwLDAsLjA1LS4xMXYwbC4wOC0uMjRhLjI1LjI1LDAsMCwwLS4xMS0uMTcuMjkuMjksMCwwLDAtLjE2LDB2MGEuNjguNjgsMCwwLDAsLjA4LS4yNHYwYS4yMS4yMSwwLDAsMC0uMTItLjE3LjM1LjM1LDAsMCwwLS4yNSwwQS4zNi4zNiwwLDAsMCwzNiwyMHMtLjEzLS4wNS0uMzMuMDdhLjg4Ljg4LDAsMCwwLS4yMi4yMXYtLjEyYS4yMS4yMSwwLDAsMC0uMTQtLjE1QS4zOC4zOCwwLDAsMCwzNSwyMGExLjc4LDEuNzgsMCwwLDAtLjM2LjQ1LDEuMzQsMS4zNCwwLDAsMC0uMzEuMzYsMSwxLDAsMCwxLS42Mi4wNiwxLjcyLDEuNzIsMCwwLDAsLjQ0LS4zMiwxLjE2LDEuMTYsMCwwLDAsLjMxLS42OXMwLS4wNywwLS4xYS4zMi4zMiwwLDAsMC0uMTQtLjJjLS4yLS4xLS40NC4xLS40OC4xNGwtLjExLjEyYS43Ny43NywwLDAsMC0uMzMuMTUuNjQuNjQsMCwwLDEtLjI2LjEzLDEuMTUsMS4xNSwwLDAsMC0uNC4yaDBsLS4zMS4yMWEyLjQsMi40LDAsMCwwLS42NS41QTUuODcsNS44NywwLDAsMSwyOSwyMi40N2MwLS43Mi0uNDYtMi42NS0uNTUtMy4zOS0uMTgtMS4zMS0xLjctMy4xMS0yLjc5LTQuMjUsMSwuNiwxLjYuNjgsMi4xNy0uMDkuMTUtLjIzLjM4LDAsLjYsMHMuMjctLjI1LjI3LS40OC4zNC0uMTIuNTItLjE1Yy40NS0uMDcuMTgtLjU1LjM2LS43OSwyLS4xMi0uMjYtMiwxLjEtMi43NEEzLjg2LDMuODYsMCwwLDAsMzIuMyw5LjA3Yy4zMi0uNDQuMzktLjEuNjMtLjQ2YTYuMTgsNi4xOCwwLDAsMC0xLjI5LTQuODZjLTUtNi40My0xMC43MS0zLjQ3LTEyLjM3LjUxLS42OSwxLS40OCwyLjQ5LS41MiwzLjctLjEzLjQyLS4zOC40MS0uNzQuMTZhLjkxLjkxLDAsMCwwLC44NiwxLjA1YzAsLjExLjIyLjI3LjMuMzhhMS44LDEuOCwwLDAsMS0xLS4xNy43MS43MSwwLDAsMCwuMTcuNTIsMS4yMSwxLjIxLDAsMCwwLC44NSwxYy44MS4zMi40MywxLjQyLjM0LDEuODdsLS4wOS4zQTIuMTMsMi4xMywwLDAsMCwxOCwxNC42Yy0uMDksMS42OS0xLDMuMDktLjk1LDQuODQsMCwwLDAsLjI1LDAsLjM2LjQzLDEuODktLjEyLDQuMzYsMCw2LjMxQTQ4LjQ3LDQ4LjQ3LDAsMCwwLDAsMzEuOTJhNjcuNTksNjcuNTksMCwwLDEsMjUtNC42NCw2Ny41OSw2Ny41OSwwLDAsMSwyNSw0LjY0LDQ5LDQ5LDAsMCwwLTE4LjU4LTZNMjYsMjBhLjE4LjE4LDAsMCwxLS4xNC4xMSw2LjE3LDYuMTcsMCwwLDAtNC41MiwyLjEycy0uMTMuMTQtLjQ4LS4xM2EuMzguMzgsMCwwLDEtLjE3LS40M2MuNDctMS4xOCwxLjY5LTIsMy42LTIuMzJoLjA2Yy4zOS0uMDYsMS4zMS0uMTgsMS42Mi40M0EuMzUuMzUsMCwwLDEsMjYsMjAiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik00NC44NCwyNGExLjMyLDEuMzIsMCwwLDAtMS4zMywxLjN2MGExLjMxLDEuMzEsMCwwLDAsMS4zLDEuMzNoMGExLjMzLDEuMzMsMCwxLDAsMC0yLjY2bTAsMi40M2ExLjEsMS4xLDAsMSwxLDEuMDktMS4xLDEuMDYsMS4wNiwwLDAsMS0xLjA5LDEuMSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTQ1LjEsMjUuMzlhLjM2LjM2LDAsMCwwLC4yMi0uMzIuMzUuMzUsMCwwLDAtLjM5LS4zNmgtLjU2VjI2aC4yNXYtLjVoLjIzbC4zLjVoLjI3bC0uMzMtLjU1Wm0tLjIzLS4xMmgtLjI1di0uMzhoLjI2YS4xOS4xOSwwLDAsMSwuMi4xOUEuMTkuMTksMCwwLDEsNDQuODcsMjUuMjdaIi8+PC9zdmc+");
  background-size: 45px;
  width: calc(45px + 0.6rem);
  background-repeat: no-repeat;
  background-position: center left;
  border-right: 1px solid;
  margin-right: 0.6rem;
}

@media (min-width: 576px) {
  #logo > a {
    background-image: url("data:image/svg+xml, %3Csvg%20width%3D%22110%22%20height%3D%2232%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22nonzero%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M31.329%2026.038l-.011-.015c.679-.979%201.613-2.234%201.948-2.467l.067-.03c1.01-.059%201.576-.41%201.726-.518.191-.136.749-.678.842-.777.096-.102.385-.757.503-1.033l-.013.023.047-.109.008-.029.077-.238a.2.2%200%200%200-.105-.17.277.277%200%200%200-.162-.017l.005-.015a.676.676%200%200%200%20.075-.244v-.017a.23.23%200%200%200-.118-.174c-.067-.037-.156-.035-.248-.014a.385.385%200%200%200-.109-.102c-.019-.014-.13-.053-.334.071a.898.898%200%200%200-.224.213l.015-.126a.217.217%200%200%200-.137-.149c-.097-.036-.22-.013-.338.065-.129.087-.303.36-.352.441a1.488%201.488%200%200%200-.317.361c-.33.106-.535.1-.621.067.201-.116.359-.226.446-.327.195-.236.306-.483.306-.685a.555.555%200%200%200-.009-.1.283.283%200%200%200-.142-.201c-.198-.099-.435.101-.48.143-.003.005-.069.074-.105.113a.822.822%200%200%200-.335.156c-.073.064-.16.093-.261.127-.122.04-.259.089-.394.202l-.011.009.01-.007-.309.207c-.312.163-.478.328-.655.502-.35.348-.79.78-2.757%201.432-.017-.721-.461-2.656-.551-3.396-.182-1.308-1.699-3.108-2.789-4.247%201.029.598%201.604.682%202.17-.089.149-.234.385.018.599-.023.311-.162.271-.249.271-.475.091-.241.336-.122.517-.151.458-.076.186-.556.365-.798%202.015-.12-.257-1.971%201.099-2.738.883-.412%201.216-.96%201.609-1.491.325-.437.392-.095.635-.455.439-1.578-.319-3.524-1.295-4.864-4.999-6.425-10.707-3.463-12.371.517-.688%201.012-.475%202.482-.514%203.692-.13.42-.382.409-.745.161-.082.833.569.999.858%201.054.031.107.221.269.301.38-.261.075-.805-.075-.983-.171-.007.189.016.344.168.517.12.594.422.805.852.98.802.325.426%201.424.332%201.876-.029.099-.06.199-.087.294-.74.19-1.235.861-1.432%201.557-.09%201.687-.961%203.088-.945%204.834%200%200-.016.256%200%20.36.432%201.889-.121%204.365-.029%206.312-6.303.94-12.1%202.964-17.044%205.814%207.332-2.949%2015.887-4.647%2025.029-4.647%209.143%200%2017.697%201.698%2025.028%204.647-5.342-3.079-11.68-5.196-18.576-6.018m-5.482-5.867a.169.169%200%200%201-.139.109c-1.775.057-3.295.772-4.516%202.125%200%200-.137.133-.482-.138-.265-.206-.167-.423-.167-.423.47-1.184%201.683-1.965%203.6-2.319l.056-.008c.392-.054%201.306-.18%201.617.433%200%200%20.066.118.031.221%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M49.031%2022.46l-.008-.207c-.387-.048-.669-.199-1.049-.668-.451-.542-.847-1.281-1.153-1.863a1.641%201.641%200%200%200%201.21-1.568c0-.892-.717-1.608-1.936-1.608-.483%200-.902.049-1.66.049-.282.007-.613%200-.919-.008v.278l.459.047c.129.017.21.081.21.215v4.768c0%20.191-.081.238-.21.254l-.459.048v.279h2.346v-.279l-.427-.055c-.105-.016-.161-.064-.161-.175v-2.15c.176%200%20.363.009.483.017.379.676.766%201.449%201.234%202.061.395.525.854.636%201.387.636.202%200%20.451-.039.653-.071zm-3.298-3.04c-.169%200-.314-.016-.459-.024v-2.388c.201-.024.41-.024.588-.024.67%200%201.097.43%201.097%201.218%200%20.844-.477%201.226-1.226%201.218zm6.515%202.355l-.186-.223c-.33.192-.653.343-1.015.343-.831%200-1.307-.772-1.355-1.664h2.483v-.246c0-.963-.588-1.679-1.547-1.679-.872%200-1.815.843-1.815%202.156%200%201.433.984%202.102%201.879%202.102.573%200%201.226-.494%201.556-.789zm-1.75-3.055c.315%200%20.751.223.847%201.074l-1.645.056c.064-.724.403-1.13.798-1.13zm5.071%202.522c0-.549-.298-.93-1.032-1.17l-.507-.166c-.549-.184-.693-.406-.693-.685%200-.318.241-.534.668-.534.573%200%20.807.351%201%20.86h.298l-.008-.986c-.411-.176-.685-.255-1.096-.255-.895%200-1.556.556-1.556%201.297%200%20.589.338.94%201.104%201.186l.443.144c.501.158.613.405.613.699%200%20.335-.257.621-.765.621-.573%200-.815-.342-1.024-1.019h-.347l.056%201.099c.201.111.678.27%201.178.27.887%200%201.668-.485%201.668-1.361zm3.838.533l-.185-.223c-.331.192-.654.343-1.016.343-.831%200-1.306-.772-1.354-1.664h2.483v-.246c0-.963-.588-1.679-1.548-1.679-.871%200-1.815.843-1.815%202.156%200%201.433.984%202.102%201.88%202.102.571%200%201.225-.494%201.555-.789zm-1.749-3.055c.314%200%20.749.223.847%201.074l-1.645.056c.064-.724.403-1.13.798-1.13zm4.442%203.876l1.322-.215-.016-.232-.192-.023c-.259-.032-.363-.167-.363-.438l-.01-2.237c0-.636-.402-1.169-1.265-1.169-.759%200-1.709.604-1.709%201.218%200%20.151.04.31.129.421l.798-.318a.955.955%200%200%201-.145-.438c-.008-.239.161-.43.533-.43.394%200%20.693.327.693.701l.008.708-1.202.438c-.596.215-.944.557-.944%201.09%200%20.518.339.938%201.04.938.347%200%20.775-.324%201.146-.595.016.198.073.421.177.581zm-1.443-1.202c0-.279.08-.517.475-.645l.751-.239.008%201.21c-.283.16-.493.263-.669.263-.347%200-.565-.247-.565-.589zm5.072.819l-.371-.047c-.114-.017-.194-.048-.194-.207V19.77c.17-.334.436-.669.799-.708.249-.032.483.071.684.198l.234-.811a.988.988%200%200%200-.725-.192c-.444.049-.734.478-1.016%201.035%200-.318-.016-.748-.065-.97l-1.483.302.016.232.266.023c.218.015.306.167.306.438v2.642c0%20.159-.073.19-.193.207l-.339.047v.263h2.081v-.263zm2.064-2.093c0-.947.468-1.361%201-1.361.426%200%20.709.167%201.007.772h.283v-.915a2.08%202.08%200%200%200-1.153-.31c-.991%200-2.041.803-2.041%202.196%200%201.409%201.008%202.053%201.871%202.053.565%200%201.137-.516%201.451-.795l-.161-.199c-.282.191-.612.334-.951.334-.838%200-1.306-.843-1.306-1.775zm4.636%202.093l-.371-.047c-.121-.017-.194-.048-.194-.207v-2.65c.194-.168.484-.31.766-.31.476%200%20.717.278.717.676v2.284c0%20.159-.08.19-.193.207l-.33.047v.263h2v-.263l-.299-.047c-.121-.017-.194-.048-.194-.207v-2.476c0-.612-.403-1.161-1.201-1.161-.452%200-.919.247-1.266.628v-1.87c0-.295.016-.565.024-.789-.314.065-1.273.239-1.604.296l.016.222.306.024c.178.016.274.16.274.439v4.687c0%20.159-.072.19-.193.207l-.298.047v.263h2.04v-.263zm6.563-.016l-.459-.048c-.13-.016-.211-.063-.211-.254v-2.141h2.613v2.141c0%20.191-.08.238-.21.254l-.459.048v.279h2.427v-.279l-.46-.048c-.129-.016-.21-.063-.21-.254v-4.727c0-.192.081-.239.21-.256l.46-.047v-.278h-2.427v.278l.459.047c.13.017.21.064.21.256v2.133h-2.613v-2.133c0-.192.081-.239.211-.256l.459-.047v-.278h-2.427v.278l.459.047c.129.017.21.064.21.256v4.727c0%20.191-.081.238-.21.254l-.459.048v.279h2.427v-.279zm3.918-1.679c0%201.186.782%202.061%201.943%202.061%201.21%200%202.097-1.035%202.097-2.212%200-1.178-.799-2.061-1.959-2.061-1.211%200-2.081%201.043-2.081%202.212zm3.048-.016c0%201.05-.404%201.656-.983%201.656-.621%200-1.073-.685-1.073-1.775%200-1.043.388-1.655.983-1.655.605%200%201.073.692%201.073%201.774zm4.379.74c0-.549-.298-.93-1.033-1.17l-.507-.166c-.549-.184-.694-.406-.694-.685%200-.318.241-.534.669-.534.572%200%20.806.351.999.86h.299l-.009-.986c-.411-.176-.684-.255-1.096-.255-.894%200-1.555.556-1.555%201.297%200%20.589.338.94%201.104%201.186l.443.144c.501.158.613.405.613.699%200%20.335-.258.621-.766.621-.573%200-.815-.342-1.023-1.019h-.347l.056%201.099c.201.111.677.27%201.178.27.886%200%201.669-.485%201.669-1.361zm2.45%202.937l-.411-.048c-.122-.016-.194-.047-.194-.207v-1.488c.202.088.411.136.645.136%201.081%200%202.145-.931%202.145-2.268%200-1.226-.725-1.99-1.645-1.99-.443%200-.862.238-1.177.548a4.173%204.173%200%200%200-.057-.54l-1.483.302.016.232.226.023c.242.024.347.167.347.438v4.607c0%20.16-.072.191-.195.207l-.338.048v.263h2.121v-.263zm.105-5.22c.669%200%201.112.596%201.112%201.527%200%201.122-.563%201.632-1.128%201.632-.266%200-.492-.088-.694-.247v-2.642c.186-.151.444-.27.71-.27zm4.007-1.926a.605.605%200%200%200-1.21%200%20.605.605%200%200%200%201.21%200zm.436%205.443v-.263l-.339-.047c-.121-.017-.194-.048-.194-.207v-2.873c0-.287.007-.558.024-.78-.314.071-1.273.255-1.596.318l.016.232.299.023c.201.015.274.175.274.43v2.65c0%20.159-.073.19-.193.207l-.34.047v.263h2.049zm2.733-.358l-.089-.238c-.194.07-.37.111-.549.111-.258%200-.459-.104-.45-.637v-2.419h1.008v-.454H98.98v-1.067l-.992.446v.621h-.573v.454h.573v2.546c0%20.534.25%201.059%201.008%201.059.25%200%20.531-.112%201.072-.422zm2.637.478l1.322-.215-.016-.232-.194-.023c-.258-.032-.362-.167-.362-.438l-.009-2.237c0-.636-.402-1.169-1.266-1.169-.758%200-1.709.604-1.709%201.218%200%20.151.04.31.128.421l.799-.318a.944.944%200%200%201-.145-.438c-.008-.239.161-.43.532-.43.395%200%20.694.327.694.701l.008.708-1.201.438c-.597.215-.945.557-.945%201.09%200%20.518.339.938%201.04.938.348%200%20.775-.324%201.146-.595.016.198.072.421.178.581zm-1.445-1.202c0-.279.081-.517.477-.645l.75-.239.008%201.21c-.283.16-.492.263-.67.263-.346%200-.565-.247-.565-.589zm4.508.565V17.08c0-.295.016-.565.025-.789-.315.065-1.275.239-1.605.296l.016.222.306.024c.177.016.275.16.275.439v4.687c0%20.159-.073.19-.195.207l-.338.047v.263h2.04v-.263l-.33-.047c-.122-.017-.194-.048-.194-.207zM47.741%2012.307c0-.763-.298-1.289-1.451-1.663l-.742-.238c-.686-.223-.911-.55-.911-1.011%200-.557.411-.892%201.048-.892s1.064.271%201.322%201.138h.323V8.408c-.485-.223-.944-.359-1.516-.359-1.113%200-1.968.708-1.968%201.776%200%20.772.355%201.304%201.46%201.654l.653.208c.717.231.943.565.943%201.067%200%20.517-.419.946-1.193.946-.822%200-1.201-.303-1.459-1.24h-.371l.008%201.321c.677.262%201.137.357%201.725.357%201.177%200%202.129-.732%202.129-1.831zm2.878%201.369l-.089-.237c-.192.071-.371.11-.547.11-.258%200-.461-.104-.452-.637v-2.418h1.008v-.455h-1.008V8.973l-.992.445v.621h-.572v.455h.572v2.546c0%20.533.25%201.059%201.008%201.059.25%200%20.532-.112%201.072-.423zm1.605-.15a.575.575%200%200%200-.581-.574.574.574%200%201%200%200%201.147.575.575%200%200%200%20.581-.573zm3.265-4.8c0-.191.08-.238.217-.255l.453-.047v-.278h-2.46v.278l.508.04c.105.007.153.063.153.183v5.3c0%20.963-.403%201.417-1.193%201.719l.113.247c1.371-.199%202.209-.891%202.209-2.3V8.726zm3.854%205.428l1.387-.215-.016-.23-.202-.025c-.257-.031-.363-.166-.363-.437v-2.603c0-.287.008-.556.024-.78l-1.595.319.015.231.299.024c.201.016.273.174.273.429v2.38c-.201.159-.459.279-.701.279-.476%200-.718-.295-.718-.717v-2.165c0-.287.008-.556.024-.78l-1.595.319.016.231.297.024c.202.016.274.174.274.429v2.229c0%20.549.412%201.082%201.17%201.082.419%200%20.919-.27%201.273-.613a1.9%201.9%200%200%200%20.138.589zm6.015-.215l-.016-.23-.234-.025c-.258-.024-.363-.166-.363-.437V8.638c0-.294.016-.565.024-.787l-1.644.295.016.223.346.023c.178.016.274.159.274.438v1.177a1.595%201.595%200%200%200-.645-.134c-1.08%200-2.144.931-2.144%202.268%200%201.225.725%201.99%201.645%201.99.443%200%20.87-.247%201.184-.558.016.199.065.43.138.581l1.419-.215zm-3.419-1.982c0-1.122.565-1.631%201.129-1.631.266%200%20.491.088.693.247v2.642a1.164%201.164%200%200%201-.709.271c-.669%200-1.113-.597-1.113-1.529zm7.104%201.377l-.186-.222c-.331.191-.653.341-1.016.341-.831%200-1.306-.771-1.355-1.663h2.484v-.246c0-.963-.589-1.68-1.548-1.68-.871%200-1.815.844-1.815%202.157%200%201.432.984%202.102%201.879%202.102.573%200%201.227-.495%201.557-.789zm-1.75-3.056c.314%200%20.75.223.847%201.074l-1.645.057c.064-.725.402-1.131.798-1.131zm8.804%203.39l.016-1.281h-.371c-.234.955-.532%201.297-1.572%201.297-1.209%200-2.072-1.011-2.105-2.602-.031-1.576.815-2.603%202.057-2.603.886%200%201.306.367%201.564%201.226h.371l-.024-1.265c-.509-.207-1.025-.398-1.79-.398-2.015%200-3.395%201.353-3.395%203.12%200%201.727%201.274%202.985%203.274%202.985.765%200%201.241-.144%201.975-.479zm2.596.104l-.37-.047c-.122-.016-.194-.049-.194-.207v-2.651c.194-.167.483-.31.766-.31.476%200%20.717.278.717.676v2.285c0%20.158-.08.191-.193.207l-.33.047v.262h1.999v-.262l-.298-.047c-.12-.016-.194-.049-.194-.207v-2.476c0-.612-.403-1.162-1.201-1.162-.452%200-.919.247-1.266.629V8.638c0-.294.016-.565.024-.787a81.13%2081.13%200%200%201-1.605.295l.016.223.307.023c.177.016.274.159.274.438v4.688c0%20.158-.073.191-.193.207l-.298.047v.262h2.039v-.262zm4.313-5.181a.604.604%200%200%200-1.208%200%20.605.605%200%200%200%201.208%200zm.437%205.443v-.262l-.338-.047c-.123-.016-.195-.049-.195-.207v-2.874c0-.287.009-.556.024-.78-.314.072-1.274.255-1.596.319l.017.231.297.024c.202.016.274.174.274.429v2.651c0%20.158-.072.191-.193.207l-.339.047v.262h2.049zm1.772-.516v-4.88c0-.294.017-.565.026-.787-.315.064-1.275.239-1.606.295l.016.223.308.023c.176.016.273.159.273.438v4.688c0%20.158-.072.191-.192.207l-.34.047v.262h2.04v-.262l-.33-.047c-.121-.016-.195-.049-.195-.207zm5.242.421l-.016-.23-.234-.025c-.257-.024-.363-.166-.363-.437V8.638c0-.294.017-.565.025-.787l-1.645.295.016.223.347.023c.176.016.274.159.274.438v1.177a1.6%201.6%200%200%200-.646-.134c-1.081%200-2.145.931-2.145%202.268%200%201.225.727%201.99%201.645%201.99.444%200%20.872-.247%201.186-.558.017.199.064.43.137.581l1.419-.215zm-3.419-1.982c0-1.122.564-1.631%201.13-1.631.265%200%20.491.088.693.247v2.642a1.17%201.17%200%200%201-.711.271c-.669%200-1.112-.597-1.112-1.529zm5.676%201.815l-.37-.047c-.114-.016-.194-.049-.194-.207v-2.189c.169-.335.436-.669.799-.708.249-.033.483.071.684.197l.235-.811a.984.984%200%200%200-.727-.19c-.443.047-.733.477-1.015%201.034%200-.318-.016-.748-.065-.971l-1.483.303.016.231.266.024c.218.016.306.167.306.437v2.643c0%20.158-.073.191-.193.207l-.339.047v.262h2.08v-.262zm4.596-.438l-.185-.222c-.33.191-.653.341-1.016.341-.83%200-1.307-.771-1.355-1.663h2.483v-.246c0-.963-.588-1.68-1.547-1.68-.872%200-1.814.844-1.814%202.157%200%201.432.983%202.102%201.877%202.102.574%200%201.226-.495%201.557-.789zm-1.75-3.056c.316%200%20.751.223.847%201.074l-1.645.057c.065-.725.404-1.131.798-1.131zm4.088%203.494l-.331-.047c-.112-.016-.192-.049-.192-.207v-2.651c.192-.167.483-.31.765-.31.476%200%20.718.278.718.676v2.285c0%20.158-.08.191-.192.207l-.331.047v.262h2.04v-.262l-.34-.047c-.121-.016-.194-.049-.194-.207v-2.476c0-.612-.403-1.162-1.234-1.162-.435%200-.909.263-1.257.661a4.79%204.79%200%200%200-.063-.661l-1.485.303.016.231.266.024c.218.016.307.167.307.437v2.643c0%20.158-.072.191-.194.207l-.339.047v.262h2.04v-.262zm2.968-4.297c0%20.247-.186.469-.476.716l.16.143c.557-.406.993-.892.993-1.52%200-.422-.29-.653-.597-.653-.548%200-.661.596-.589.812.306.103.509.231.509.502zm3.499%203.326c0-.549-.299-.931-1.032-1.17l-.508-.167c-.548-.183-.694-.405-.694-.684%200-.319.242-.534.67-.534.572%200%20.805.351%201%20.859h.298l-.01-.986c-.411-.175-.684-.255-1.095-.255-.895%200-1.556.557-1.556%201.298%200%20.589.339.939%201.105%201.185l.443.144c.5.158.612.406.612.7%200%20.335-.258.621-.764.621-.574%200-.816-.342-1.025-1.019h-.347l.056%201.099c.202.111.677.27%201.178.27.887%200%201.669-.486%201.669-1.361zM107.172%204.095a1.84%201.84%200%200%200-1.863%201.858%201.84%201.84%200%200%200%201.863%201.858c1.05%200%201.873-.815%201.873-1.858%200-1.043-.823-1.858-1.873-1.858m0%203.392c-.854%200-1.497-.659-1.497-1.534%200-.876.643-1.535%201.497-1.535.865%200%201.516.659%201.516%201.535%200%20.875-.651%201.534-1.516%201.534%22%20fill%3D%22%23FFFFFF%22%2F%3E%3Cpath%20d%3D%22M107.535%206.027c.192-.104.303-.27.303-.452%200-.303-.212-.497-.543-.497h-.781V6.81h.349V6.1h.321l.412.71h.377l-.459-.772.021-.011zm-.324-.174h-.348v-.528h.366c.165%200%20.272.106.272.268%200%20.129-.09.26-.29.26z%22%20fill%3D%22%23FFFFFF%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 150px;
    width: calc(150px + 0.75rem);
    margin-right: 0.75rem;
  }
}

#logo p {
  font-size: 0.8rem;
}

@media (min-width: 350px) {
  #logo p {
    font-size: 0.95rem;
  }
}

@media (min-width: 576px) {
  #logo p {
    font-size: 1.1rem;
  }
}

@media (min-width: 992px) {
  #logo p {
    font-size: 1.2rem;
  }
}

@media (max-width: 991.98px) {
  #logo,
  header .hamburger {
    z-index: 4;
  }
  #logo img {
    height: 60px;
    padding-right: 10px;
    margin-right: 10px;
    padding-left: 1.5rem;
  }
  #logo p:first-child {
    padding-right: 10px;
  }
  #logo-image {
    width: 98px;
    height: 67px;
    background-size: 99px;
    background-position: -9px -9px;
    background-repeat: no-repeat;
  }
  header {
    z-index: 1000;
    padding: 0 0.5rem;
  }
}

@media (max-width: 991.98px) and (min-width: 576px) {
  header {
    padding: 0 1rem;
  }
}

@media (max-width: 991.98px) {
  header nav {
    position: absolute;
    width: 100%;
    background: #70278f;
    height: auto;
    display: block;
  }
  header nav ul {
    flex-wrap: wrap;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.6);
  }
  header nav li {
    width: 100%;
    padding: 0.75rem 2.5rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
  }
  header nav li:last-child {
    border-bottom: 0;
  }
  header .hamburger {
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-radius: 10px;
    background: none;
  }
  .hamburger,
  #menumask {
    display: block;
  }
  #menumask {
    height: 100%;
    width: 100%;
    background: #712d91;
    position: absolute;
    z-index: 3;
    left: 0;
  }
  .active-hamburger {
    display: block;
    top: 60px;
    left: 0;
    transition: all .2s ease-in-out;
  }
  .hidden-hamburger {
    display: block;
    top: -400px;
    transition: all .2s ease-in-out;
    left: 0;
  }
  .hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.25rem;
    height: 3.25rem;
    border-radius: 40px;
  }
  .hamburger ul {
    display: flex;
    justify-content: center;
    margin: 0;
    width: 50%;
    flex-direction: column;
    list-style: none;
    position: relative;
  }
  .hamburger li {
    border-bottom: 4px solid #fff;
    width: 100%;
  }
  .hamburger-closed .bar1 {
    top: -5px;
    transition: all .2s ease-in-out;
    position: relative;
    transform: rotate(180deg);
  }
  .hamburger-closed .bar2 {
    transition: all .2s ease-in-out;
    opacity: 1;
  }
  .hamburger-closed .bar3 {
    top: 5px;
    transition: all .2s ease-in-out;
    position: relative;
    transform: rotate(-180deg);
  }
  .hamburger-open .bar1 {
    transform: rotate(45deg);
    position: absolute;
    transition: all .2s ease-in-out;
  }
  .hamburger-open .bar2 {
    transition: all .2s ease-in-out;
    opacity: 0;
  }
  .hamburger-open .bar3 {
    transform: rotate(-45deg);
    position: absolute;
    transition: all .2s ease-in-out;
  }
}

@media only screen and (max-width: 600px) {
  header nav li {
    padding: 0.75rem 0.5rem;
  }
}

@media only screen and (max-width: 400px) {
  #logo {
    font-size: 1rem;
  }
  #logo-image {
    width: 80px;
    height: 59px;
    background-size: 93px;
    background-position: -10px -10px;
    background-repeat: no-repeat;
    margin-right: 9px;
  }
}

/* Hero styles */
#hero {
  max-width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 auto;
  height: 24vw;
  min-height: 200px;
  max-height: 500px;
  display: flex;
  align-items: flex-end;
}

#hero h1 {
  color: white;
  z-index: 2;
  margin: 0 1.5rem 3rem;
  width: 100%;
  font-size: 2.25rem;
}

@media (min-width: 768px) {
  #hero h1 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  #hero h1 {
    font-size: 3.25rem;
    max-width: 860px;
    margin: 0 auto 3rem;
  }
}

#hero #fade {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 30%, rgba(0, 0, 0, 0.8) 90%);
}

.studies-hero {
  background-image: url(/images/staff2.jpg);
  background-position: 0% 31%;
}

.about-hero {
  background-image: url(/images/about-hero.jpg);
  background-position: 0% 40%;
}

.publications-hero {
  background-image: url(/images/publications.jpg);
  background-position: 0% 40%;
}

#home main {
  overflow: hidden;
}

.home-page-hero {
  position: relative;
  overflow: hidden;
  background: white;
  margin: 0;
}

.home-page-hero a {
  border: 0;
}

.home-page-hero.full-width {
  padding: 0;
}

@media (min-width: 576px) {
  .home-page-hero.full-width {
    padding: 3rem 2rem;
  }
  .home-page-hero.full-width div {
    max-width: 680px;
  }
}

@media (min-width: 768px) {
  .home-page-hero.full-width {
    padding: 3.5rem 2rem;
  }
}

.home-page-hero div {
  margin: 0;
  z-index: 2;
  position: relative;
  background: rgba(255, 255, 255, 0.35);
  padding: 3rem 1rem;
}

@media (min-width: 350px) {
  .home-page-hero div {
    padding: 3rem 2rem;
  }
}

@media (min-width: 576px) {
  .home-page-hero div {
    border-radius: 15px;
    padding: 1.5rem;
    background: rgba(255, 255, 255, 0.15);
  }
}

@media (min-width: 768px) {
  .home-page-hero div {
    max-width: 725px;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .home-page-hero p:not(:last-child) {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
}

.home-page-hero .first-line:first-line {
  color: #712d91;
  font-weight: 900;
}

.home-page-hero h1 {
  margin-bottom: 1.5rem;
}

.home-page-hero .btn {
  background: #712d91;
  color: white;
  letter-spacing: .05rem;
  padding: .5em 1.25em;
  border-radius: 50rem;
  font-size: 1.125rem;
}

.home-page-hero .btn:hover {
  background: #8e4eac;
}

.home-page-hero svg {
  position: absolute;
  transform-origin: 50% 0;
}

.home-page-hero div#home-page-hero-bg {
  background-image: url(/images/home-page-hero.jpg);
  position: absolute;
  height: 130%;
  width: 100%;
  top: 64%;
  transform: translateY(-50%);
  left: 0;
  max-width: 100%;
  background-size: cover;
  z-index: 0;
  opacity: 0.8;
  border-radius: 0;
}

#welcome {
  background: #454661;
  margin: 0;
  display: flex;
  justify-content: center;
  text-align: center;
  padding: 2rem 0 1rem;
}

@media (min-width: 768px) {
  #welcome {
    padding: 3.25rem 0 5.5rem;
  }
}

#welcome h1 {
  margin: 0 0 1.5rem;
  color: white;
  line-height: 1.3;
  position: relative;
  z-index: 5;
}

@media (min-width: 768px) {
  #welcome h1 {
    line-height: 1;
  }
}

#welcome p {
  margin: 0 0 4rem;
  color: white;
  position: relative;
  z-index: 5;
}

@media (min-width: 768px) {
  #welcome p {
    margin: 0;
  }
}

#welcome div {
  margin: 0 2rem;
}

.horizon {
  position: absolute;
  background: #d4deee;
  background: radial-gradient(farthest-corner at 50% 45%, #fff 0%, #ecfcff 40%, #b5c8fc 90%);
  height: calc(100% + 40px);
  width: 110%;
  left: 50%;
  top: -40px;
  border-radius: 100% 100% 0 0;
  transform: translatex(-50%);
  display: none;
}

#home .horizon {
  display: block;
  box-shadow: 0 -10px 170px #b594c5;
}

#home #map-container {
  background: #454661;
  position: relative;
  padding: 0 2rem 2.5rem;
}

@media (min-width: 576px) {
  #home #map-container {
    padding: 0 3rem 3rem;
  }
}

@media (min-width: 992px) {
  #home #subscribe {
    padding: 3.5rem 1rem;
  }
}

.noscroll {
  overflow: hidden;
}

.overlay {
  z-index: 1001;
  background: rgba(0, 0, 0, 0.6);
  height: 100vh;
  width: 100vw;
  position: fixed;
  opacity: 0;
  pointer-events: none;
  transition: all .2s ease-in-out;
  overflow-y: scroll;
  top: 0;
  padding: 2rem;
}

.sample-form {
  position: absolute;
  z-index: 1002;
  background: white;
  width: 90vw;
  max-width: 700px;
  left: 50%;
  padding: 2.25rem 3rem;
  border-radius: 10px;
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: all .2s ease-in-out;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 2rem;
  transform: translateX(-50%) scale(0.97);
}

.sample-form form {
  width: 100%;
  margin-top: 0.75rem;
  border-top: 2px solid;
  padding-top: 1.75rem;
}

.showform {
  pointer-events: initial;
  opacity: 1;
  transition: all .2s ease-in-out;
}

.sample-form.showform {
  transform: translateX(-50%) scale(1);
}

.sample-form h2 {
  display: inline-block;
  margin-bottom: 0;
}

.sample-form label {
  font-weight: 800;
  font-size: 0.8rem;
  text-transform: uppercase;
  margin-right: 1rem;
  margin-bottom: 0;
  line-height: 1.4rem;
  display: block;
}

label.required::after {
  content: '*';
  font-size: 1.8em;
  font-weight: 400;
  color: red;
  line-height: 0;
  align-items: flex-end;
  position: relative;
  top: 7px;
  left: 3px;
}

.sample-form input {
  padding: 0.5rem;
  width: 100%;
  border: 1px solid #888;
}

.sample-form select {
  color: initial;
  border: 2px solid #888;
  font-weight: normal;
  padding: 0.3rem;
  font-size: 1rem;
  border-radius: 0.3rem;
}

.sample-form p {
  margin-bottom: 1.25rem;
}

.sample-form p:first-child {
  color: #555;
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.sample-form p:first-child span {
  font-size: 1.9rem;
  font-weight: 400;
  color: red;
  line-height: 0;
  align-items: flex-end;
  position: relative;
  top: 11px;
}

p + .form-description {
  margin-top: -1.15rem;
}

.closeform a {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 81.31 81.31'%3E%3Cpolygon fill='%23d11947' points='81.31 11.31 70 0 40.66 29.34 11.31 0 0 11.31 29.34 40.66 0 70 11.31 81.31 40.66 51.97 70 81.31 81.31 70 51.97 40.66 81.31 11.31'/%3E%3C/svg%3E") center/contain no-repeat;
  width: 25px;
  height: 25px;
  display: block;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

.closeform a:hover {
  transform: scale(1.3);
  transition: all .2s ease-in-out;
}

.form-description {
  font-size: 0.8rem;
  margin-top: -0.5rem;
}

.sample-form input[type="submit"] {
  background: #008ccf;
  color: white !important;
  border: none;
  padding: 0.5rem 1.5rem;
  border-radius: 20rem;
  font-size: 1rem;
  font-weight: bold;
  transition: all .2s ease-in-out;
  margin-top: 0.5rem;
}

.formthanks {
  display: none;
  margin-top: 1rem;
  border-top: 2px solid black;
  padding: 2.5rem 0 2rem;
  font-size: 1.2rem;
  color: #17993e;
  font-weight: 800;
}

.sample-form.submitted {
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
}

@media (max-width: 575px) {
  .sample-form h2 {
    font-size: 1.3rem;
  }
  .closeform a {
    width: 20px;
    height: 20px;
  }
  .sample-form {
    padding: 1.5rem 1rem;
  }
  .sample-form select {
    width: 100%;
  }
  .formthanks {
    padding: 1.5rem 0;
  }
}

@media (max-width: 400px) {
  .sample-form h2 {
    font-size: 1.15rem;
  }
}

#map-container {
  background: radial-gradient(#fff 0%, #ecfcff 40%, #b5c8fc 90%);
  padding: 0 3rem 4rem;
  max-width: 100%;
}

#world-map {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  animation: 0.5s ease-in-out 0s 1 home3;
}

#world-map button {
  border: 0;
  background: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

#Layer_1 {
  fill: #9596a1;
}

#Layer_1 path {
  stroke: #9596a1;
  stroke-width: 2px;
}

#marker-memphis {
  top: 50%;
  left: 19.5%;
}

#marker-losangeles {
  top: 52%;
  left: 12%;
}

#marker-baltimore {
  top: 52%;
  left: 25%;
}

#marker-managua {
  top: 61.5%;
  left: 20.5%;
}

#marker-belgium {
  top: 45%;
  left: 47%;
}

#marker-taiwan {
  top: 59%;
  left: 80%;
}

#marker-columbia {
  top: 65.5%;
  left: 26%;
}

#marker-wellington {
  top: 86%;
  left: 92%;
}

@media (min-width: 400px) {
  #marker-memphis {
    top: 51%;
    left: 20.5%;
  }
  #marker-losangeles {
    top: 53%;
    left: 13%;
  }
  #marker-baltimore {
    top: 52%;
    left: 25%;
  }
  #marker-managua {
    top: 63%;
    left: 21.5%;
  }
  #marker-belgium {
    top: 45%;
    left: 47%;
  }
  #marker-taiwan {
    top: 59%;
    left: 80%;
  }
  #marker-columbia {
    top: 65.5%;
    left: 26%;
  }
  #marker-wellington {
    top: 87%;
    left: 93.5%;
  }
}

@media (min-width: 576px) {
  #marker-memphis {
    top: 52.25%;
    left: 21%;
  }
  #marker-losangeles {
    top: 53%;
    left: 13%;
  }
  #marker-baltimore {
    top: 52%;
    left: 25%;
  }
  #marker-managua {
    top: 63%;
    left: 21.5%;
  }
  #marker-belgium {
    top: 45%;
    left: 47%;
  }
  #marker-taiwan {
    top: 59%;
    left: 80%;
  }
  #marker-columbia {
    top: 65.5%;
    left: 26%;
  }
  #marker-wellington {
    top: 88.5%;
    left: 93.75%;
  }
}

@media (min-width: 992px) {
  #marker-memphis {
    top: 53.5%;
    left: 21.5%;
  }
  #marker-losangeles {
    top: 53.75%;
    left: 13.75%;
  }
  #marker-baltimore {
    top: 52%;
    left: 25%;
  }
  #marker-managua {
    top: 64.5%;
    left: 22.75%;
  }
  #marker-belgium {
    top: 45%;
    left: 47%;
  }
  #marker-taiwan {
    top: 59%;
    left: 80%;
  }
  #marker-columbia {
    top: 65.5%;
    left: 26%;
  }
  #marker-wellington {
    top: 89%;
    left: 94.75%;
  }
}

.svg1 {
  pointer-events: none;
  fill: red;
  animation: grow-circle 1.25s ease-out infinite;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

@keyframes grow-circle {
  from {
    transform: scale(1);
    opacity: 0.4;
  }
  to {
    transform: scale(4);
    opacity: 0;
  }
}

@keyframes grow-circle-studies {
  from {
    transform: scale(1);
    opacity: 0.25;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}

.mapcity {
  position: absolute;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.mapcity p {
  margin: 0 0 0.3em;
  line-height: 1.2em;
  font-size: 0.9rem;
}

.mapcity p:last-child {
  margin: 0;
}

.mapcity svg:hover {
  transform: scale(1.75);
  fill: #00ffb3;
  opacity: 1;
  transition: all .2s ease-in-out;
  top: 0;
  left: 0;
}

.mapcity svg {
  transition: all .15s ease-in-out;
  z-index: 0;
  position: absolute;
  transform: translate(-50%, -50%);
}

.mapcity .svg2 {
  transition: all .15s ease-in-out;
  z-index: 0;
  fill: red;
  top: 50%;
  left: 50%;
}

.city-tooltip {
  padding: 0.5em 0.7em;
  background: #fff;
  display: inline-block;
  border-radius: 10px;
  display: none;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, -130%);
  top: 0%;
  z-index: 1;
}

.svg-grow {
  transform: scale(2.2);
  stroke-width: 1px;
  opacity: 1 !important;
  transition: all .15s ease-in-out;
}

.description {
  position: absolute;
  background: #fff;
  border-radius: 15px;
  min-width: 60%;
  top: 50%;
  left: 50%;
  opacity: 0.99;
  transform: translate(-50%, -50%);
  padding: 1.5rem;
  display: none;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.6);
  font-size: 1rem;
  cursor: pointer;
  z-index: 1;
  width: 95%;
}

@media (min-width: 576px) {
  .description {
    width: auto;
  }
}

.description p:last-child {
  margin-bottom: 0;
}

.description h3 {
  margin: -1.5rem -1.5rem 1rem;
  padding: 1rem 1.5rem;
  border: 0;
  background: #8332a7;
  color: white;
  border-radius: 15px 15px 0 0;
}

.description p {
  margin-bottom: 0.4em;
  font-size: 1rem;
}

.map-zoom {
  width: 250px;
  height: 250px;
  border-radius: 20em;
  overflow: hidden;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
  margin: 0 auto 2rem;
  position: relative;
  background: radial-gradient(#fff 0%, #ecfcff 40%, #b5c8fc 90%);
}

@media (min-width: 576px) {
  .map-zoom {
    width: 300px;
    height: 300px;
    float: right;
    margin: 0 0 3em 3em;
  }
}

.map-zoom #map-container {
  height: 100%;
  max-width: initial;
  width: 2000px;
  background: transparent;
}

.map-zoom #world-map .mapcity {
  display: none;
}

.map-zoom #world-map .svg1 {
  animation: grow-circle-studies 1.25s ease-out infinite;
}

#map-memphis #world-map {
  top: -244px;
  left: -116px;
  margin: 0;
}

@media (min-width: 576px) {
  #map-memphis #world-map {
    top: -219px;
    left: -90px;
  }
}

@media (min-width: 992px) {
  #map-memphis #world-map {
    top: -205px;
    left: -123px;
  }
}

#map-memphis #marker-memphis {
  display: block;
  top: 53.5%;
  left: 21.5%;
}

#map-los-angeles #world-map {
  top: -247px;
  left: -41px;
  margin: 0;
}

@media (min-width: 576px) {
  #map-los-angeles #world-map {
    top: -222px;
    left: -16px;
  }
}

@media (min-width: 992px) {
  #map-los-angeles #world-map {
    top: -206px;
    left: -48px;
  }
}

#map-los-angeles #marker-losangeles {
  display: block;
  top: 54%;
  left: 14%;
}

#map-managua #world-map {
  top: -312px;
  left: -121px;
  margin: 0;
}

@media (min-width: 576px) {
  #map-managua #world-map {
    top: -288px;
    left: -96px;
  }
}

@media (min-width: 992px) {
  #map-managua #world-map {
    top: -271px;
    left: -128px;
  }
}

#map-managua #marker-managua {
  display: block;
  top: 64%;
  left: 22%;
}

#map-wellington #world-map {
  top: -473px;
  left: -851px;
  margin: 0;
}

@media (min-width: 576px) {
  #map-wellington #world-map {
    top: -447px;
    left: -826px;
  }
}

@media (min-width: 992px) {
  #map-wellington #world-map {
    top: -432px;
    left: -856px;
  }
}

#map-wellington #marker-wellington {
  display: block;
  top: 89%;
  left: 95%;
}

#gridX,
#gridY {
  position: absolute;
  margin: 0;
  border: 1px solid yellow;
  z-index: 10;
  display: none;
}

#gridX {
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}

#gridY {
  height: 100%;
  width: 1px;
  left: 50%;
  transform: translateX(-50%);
}

#studies .city-anchor + h1 {
  margin-top: 5rem;
}

#studiesmap .svg1,
#studiesmap .description {
  display: none;
  visibility: hidden;
}

#studiesmap {
  width: 400px;
  float: right;
  position: relative;
  margin-left: 2rem;
}

#studiesmap .mapcity {
  height: 10px;
  width: 10px;
  transform: translateY(-2px);
}

#studiesmap #Layer_1 path {
  stroke-width: 7px;
}

#studiesmap #map-container {
  padding: 2rem 3rem;
  border-radius: 15rem;
  margin: 0;
}

@media (min-width: 768px) {
  #studiesmap #marker-memphis {
    top: 52.75%;
    left: 20.5%;
  }
  #studiesmap #marker-losangeles {
    top: 55.5%;
    left: 13.5%;
  }
  #studiesmap #marker-baltimore {
    top: 52%;
    left: 25%;
  }
  #studiesmap #marker-managua {
    top: 64.5%;
    left: 21.5%;
  }
  #studiesmap #marker-wellington {
    top: 89%;
    left: 93.75%;
  }
  #studiesmap #marker-belgium {
    top: 45%;
    left: 47%;
  }
  #studiesmap #marker-taiwan {
    top: 59%;
    left: 80%;
  }
  #studiesmap #marker-columbia {
    top: 65.5%;
    left: 26%;
  }
}

#publicationsmap {
  width: 400px;
  float: left;
  position: relative;
  margin-right: 2rem;
  margin-top: 2rem;
  margin-left: 2rem;
}

#publicationsmap .mapcity {
  height: 10px;
  width: 10px;
  transform: translateY(-2px);
}

#publicationsmap #Layer_1 path {
  stroke-width: 7px;
}

#publicationsmap #map-container {
  padding: 2rem 3rem;
  border-radius: 15rem;
  margin: 0;
}

@media (min-width: 768px) {
  #publicationsmap #marker-memphis {
    top: 52.75%;
    left: 20.5%;
  }
  #publicationsmap #marker-losangeles {
    top: 55.5%;
    left: 13.5%;
  }
  #publicationsmap #marker-baltimore {
    top: 52%;
    left: 25%;
  }
  #publicationsmap #marker-managua {
    top: 64.5%;
    left: 21.5%;
  }
  #publicationsmap #marker-wellington {
    top: 89%;
    left: 93.75%;
  }
  #publicationsmap #marker-belgium {
    top: 45%;
    left: 47%;
  }
  #publicationsmap #marker-taiwan {
    top: 59%;
    left: 80%;
  }
  #publicationsmap #marker-columbia {
    top: 65.5%;
    left: 26%;
  }
}

#disablemap {
  width: 100%;
  height: 100%;
  background: transparent;
  position: absolute;
  z-index: 1;
}

#disablemap:after {
  content: '';
  display: none;
  position: absolute;
  height: 25px;
  width: 25px;
  border: 2px solid;
  border-radius: 20rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.city-anchor {
  position: relative;
}

.city-anchor div {
  position: absolute;
  top: -160px;
  left: 0;
}

@media only screen and (max-width: 1000px) {
  main section#map-container {
    margin: 0;
    padding: 1rem 1rem 2rem;
  }
  #map ~ section {
    margin-bottom: 3rem;
  }
}

@media only screen and (max-width: 600px) {
  #map {
    margin-bottom: 1rem;
  }
  #studiesmap {
    float: none;
    width: 85%;
    margin-right: 0;
    margin: 0 auto 2rem;
  }
}

.resize-animation-stopper * {
  animation: none !important;
  transition: none !important;
}

html,
body {
  height: 100%;
  font-size: 16px;
  font-family: "SJ Sans", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0 auto;
  padding: 60px 0 0;
}

h1 {
  color: #712d91;
  font-size: 2.1rem;
  margin-bottom: 1.2em;
}

h1,
h2 {
  font-weight: 800;
}

h3 {
  font-size: 1.17rem;
  font-weight: bold;
}

h4 {
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  color: #712d91;
}

.purple {
  color: #712d91;
}

p,
ul {
  margin: 0;
  padding: 0;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

hr {
  border: 0;
  border-top: 4px solid #712d91;
  max-width: 920px;
  margin: 0 auto;
}

main {
  max-width: 100%;
  margin: 0 auto;
  background: white;
}

main p,
main ul {
  margin-bottom: 1.7rem;
  line-height: 1.6;
  font-size: 1.125rem;
}

main .description ul {
  margin-bottom: 0.4em;
  font-size: 1rem;
}

.description strong {
  display: inline-block;
  margin-right: 0.4em;
}

main a,
.description a {
  color: #008ccf;
  text-decoration: none;
  border-bottom: 1px solid;
  word-break: break-word;
}

main a:hover,
.description a:hover {
  color: #712d91;
}

p:last-child {
  margin-bottom: 0;
}

article {
  margin: 0 auto;
  padding: 3rem 0 4rem;
  max-width: 860px;
}

.about figure {
  width: 100%;
  margin: 2rem 0;
}

@media (min-width: 576px) {
  .about figure {
    margin: 0 2rem 1rem;
    width: 50%;
  }
}

.about figure div {
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 0.8rem;
  width: 100%;
}

@media (min-width: 992px) {
  .about figure div {
    width: 120%;
  }
}

.about figure img {
  width: 100%;
  display: block;
}

.about figure.right {
  margin-right: 0;
}

@media (min-width: 576px) {
  .about figure.right {
    float: right;
  }
}

.about figure.left {
  margin-left: 0;
}

@media (min-width: 576px) {
  .about figure.left {
    float: left;
  }
}

@media (min-width: 992px) {
  .about figure.left {
    transform: translateX(-20%);
  }
}

.about figure figcaption p {
  color: #777;
  font-size: 0.9rem;
  line-height: 1.6em;
}

@media (min-width: 992px) {
  .about figure figcaption p {
    width: 120%;
  }
}

@media (min-width: 992px) {
  section#immvar {
    max-width: 1050px;
  }
}

main section {
  margin: 0 auto;
  padding: 3rem 0;
}

@media (min-width: 768px) {
  main section {
    padding: 4rem 0;
  }
}

@media (min-width: 992px) {
  main section {
    max-width: 860px;
  }
}

main section:first-of-type {
  padding: 3rem 0;
}

img {
  border: 0;
}

.list,
.list-none {
  padding-left: 40px;
  margin-bottom: 1.5rem;
  line-height: 1.6;
}

.list-none {
  list-style: none;
}

p + .list, p + .list-2-col {
  margin-top: -1rem;
}

/* Main styles */
.full-width {
  max-width: 100%;
}

.full-width h2 {
  margin: 0 auto 0.5rem;
}

.full-width div {
  max-width: 1100px;
}

#subscribe {
  background: white;
  position: relative;
  max-width: 100%;
}

@media (max-width: 767.98px) {
  #subscribe {
    text-align: center;
    margin: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 992px) {
  #subscribe {
    padding: 4rem 1rem;
  }
}

#subscribe .subscribe-inner {
  max-width: 1100px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 auto;
}

#subscribe .subscribe-inner div {
  width: 100%;
}

@media (min-width: 768px) {
  #subscribe .subscribe-inner div {
    width: 50%;
  }
}

#subscribe .subscribe-inner div:first-child {
  background: url(/images/staff3.jpg);
  height: 250px;
  background-size: cover;
  background-position: center;
  border-radius: 15px;
}

#subscribe .subscribe-inner div:first-child a {
  display: block;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  #subscribe .subscribe-inner div:first-child {
    height: 400px;
  }
}

#subscribe .subscribe-inner div:last-child {
  padding: 1.5rem 0.5rem 0;
}

@media (min-width: 400px) {
  #subscribe .subscribe-inner div:last-child {
    padding: 1.5rem 1rem 0;
  }
}

@media (min-width: 768px) {
  #subscribe .subscribe-inner div:last-child {
    padding: 4rem;
  }
}

#subscribe h2 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  text-transform: none;
}

#subscribe p:first-of-type {
  margin-bottom: 1.5rem;
}

#subscribe a {
  border: none;
}

#studies #subscribe {
  padding: 0 1.5rem 3rem;
}

@media (min-width: 768px) {
  #studies #subscribe {
    padding: 0 0 4rem;
  }
}

#studies #subscribe h2 {
  margin-top: 0;
}

.btn-subscribe {
  white-space: nowrap;
}

.btn-subscribe:after {
  content: '\025B8';
  display: inline-block;
  margin-left: 0.4rem;
  transition: all .2s ease-in-out;
}

.btn-subscribe:hover {
  color: black;
}

.btn-subscribe:hover:after {
  transform: translateX(0.4rem);
}

.moveup {
  transform: translateY(-20px);
  transition: all .15s ease-in-out;
}

/* studies page styles */
#studies h1 {
  margin-top: 0;
}

#studies h2 + h1 {
  margin-top: 0.4em;
}

#studies p + h1 {
  margin-top: 5rem;
}

#studies h2 {
  margin: 2.5rem 0 1.2rem;
}

#studies .locale {
  color: #aaa;
  position: relative;
  font-size: 1.3em;
  margin: 0;
  text-transform: uppercase;
}

h2 span {
  display: block;
  position: absolute;
  background: red;
  width: 10px;
  height: 10px;
  border-radius: 6px;
  left: -25px;
  top: 50%;
  transform: translateY(-50%);
}

#studies ul ul {
  margin-top: 0;
}

#studies ul li {
  line-height: 1.6;
  padding-bottom: .1rem;
}

.list-2-col {
  padding-left: 1.4rem;
}

@media (min-width: 576px) {
  .list-2-col {
    columns: 2;
  }
}

.list-2-col li {
  break-inside: avoid-column;
}

#divinci-team {
  background: #eee;
  padding: 2rem 1.5rem;
  margin: 3rem 0;
  border-radius: 1rem;
}

@media (min-width: 576px) {
  #divinci-team {
    padding: 3rem 2rem;
  }
}

@media (min-width: 992px) {
  #divinci-team {
    padding: 3rem 4rem;
    margin: 3rem -4rem;
  }
}

#divinci-team > div {
  max-width: 860px;
  margin: 0 auto;
}

#divinci-team h2 {
  margin: 0;
}

#divinci-team figure {
  margin: 0;
}

#divinci-team h3 {
  text-transform: uppercase;
  margin: 1.25rem 0 0.75rem;
  padding: 0.5rem 0rem;
  font-weight: 800;
  letter-spacing: .01em;
  color: #712d91;
  display: flex;
  align-items: center;
}

@media (max-width: 767.98px) {
  #divinci-team h3 {
    flex-wrap: wrap;
  }
}

#divinci-team h3 span {
  background: #eee;
  padding-right: .75rem;
  display: block;
}

@media (min-width: 576px) {
  #divinci-team h3 span {
    flex-shrink: 0;
  }
}

#divinci-team h3:after {
  display: block;
  content: '';
  height: 3px;
  background: #555555;
  width: 100%;
}

@media (max-width: 767.98px) {
  #divinci-team h3:after {
    margin-top: 0.5rem;
  }
}

#divinci-team h3:first-of-type {
  margin-top: 2rem;
}

.divinci-authors {
  padding: 0 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  margin-bottom: 0.15rem;
}

@media (min-width: 576px) {
  .divinci-authors {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 2rem;
  }
}

@media (min-width: 768px) {
  .divinci-authors {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 2.25rem;
  }
}

.divinci-authors li {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767.98px) {
  .divinci-authors li {
    word-break: break-word;
  }
}

.divinci-authors h4 {
  display: block;
  font-size: 1rem;
  line-height: 1.3em;
  margin: 1.1em 0 .25em;
  font-weight: 700;
  color: black;
  text-transform: none;
}

.divinci-authors p {
  font-size: 0.9rem;
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.2;
  padding-top: 0.2rem;
}

.divinci-authors p:first-of-type {
  padding-top: 0;
  border: 0;
}

.divinci-authors img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.2), 0 5px 10px -2px rgba(0, 0, 0, 0.25);
}

main section#study-nav-container {
  height: 80px;
  display: flex;
  align-items: center;
  padding: 0;
  margin-bottom: 4rem;
}

#study-page-nav {
  width: 100%;
  z-index: 10;
  background: white;
  display: flex;
  justify-content: center;
}

#study-page-nav-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0.5em 0;
}

@media (min-width: 768px) {
  #study-page-nav-inner {
    width: 860px;
  }
}

#study-page-nav-inner a {
  flex: 1 1 auto;
  border-bottom: 0;
  border-right: 2px solid rgba(131, 50, 167, 0.2);
  width: 100%;
  height: 100%;
  position: relative;
}

@media (max-width: 991.98px) {
  #study-page-nav-inner a {
    min-width: 125px;
  }
}

#study-page-nav-inner a:last-child {
  border: none;
}

#study-page-nav-inner a:after {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% + 4px);
  height: 10px;
  background: #712d91;
  bottom: -10px;
  left: -2px;
  transform: scaleX(0);
  transition: transform .2s;
}

#study-page-nav-inner a.current:after {
  transform: scaleX(1);
}

#study-page-nav p {
  margin: 0;
  line-height: 1.4em;
  font-size: 0.8rem;
  color: #aaa;
}

#study-page-nav h3 {
  margin: 0 0 0.2em;
  color: #712d91;
  font-weight: 800;
  font-size: 1.3em;
  line-height: 1.2em;
}

.study-page-link {
  text-align: center;
  padding: 0.3em 0;
  transition: all .2s ease-in-out;
}

.study-page-link:hover {
  background: #f0f0f0;
  transition: all .2s ease-in-out;
}

.fixed-nav {
  position: fixed;
  top: 60px;
  left: 0;
  border-bottom: 1px solid #712d91;
  transition: top .2s ease-in-out;
  overflow-y: hidden;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

@media (min-width: 768px) {
  .fixed-nav {
    overflow-x: initial;
    left: 50%;
    transform: translateX(calc(-50% - .5px));
  }
}

.unfixed-nav {
  position: static;
  top: 0;
  left: 0;
  transform: none;
}

@media (max-width: 991.98px) {
  .unfixed-nav #study-page-nav-inner {
    width: initial;
    flex-wrap: wrap;
  }
  .unfixed-nav #study-page-nav-inner a {
    width: initial;
    height: initial;
    margin-bottom: 1rem;
  }
}

/* login screen styles */
#login-container {
  border-top: 1px solid #474c55;
  padding-top: 2rem;
  margin-top: 2rem;
}

#login-container .btn {
  font-size: 1.15rem;
  padding: 1.5rem 3rem;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  margin-bottom: 1.7rem;
}

#login {
  margin: 4rem auto;
  text-align: center;
  padding: 0 2rem;
}

@media (min-width: 576px) {
  #login {
    margin: 7rem auto;
  }
}

#login section {
  max-width: 500px;
  margin: 0 auto;
}

#login-nav {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NS44MyA4NS44MyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5sb2dpbjwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNODEuODMsMEg0QTQsNCwwLDAsMCwwLDRWODEuODNhNCw0LDAsMCwwLDQsNEg4MS44M2E0LDQsMCwwLDAsNC00VjRBNCw0LDAsMCwwLDgxLjgzLDBabS00LDhWNjkuMjNDNzUuMTMsNjAuODIsNjguMiw1My44NCw1OS4wNSw1MEEyMC4yMiwyMC4yMiwwLDAsMCw2Miw0NC43Yy4wOC0uMi4xNS0uMzkuMjItLjU5cy4yLS42NS4zLTEsLjE1LS41OC4yMi0uODcuMTMtLjU3LjE4LS44Ni4xMy0uNzYuMTgtMS4xNGMwLS4yMy4wNy0uNDYuMDktLjY5LjA2LS42My4wOS0xLjI3LjA5LTEuOTFhMjAuMzUsMjAuMzUsMCwxLDAtNDAuNjksMGMwLC42NCwwLDEuMjguMDksMS45MSwwLC4yMy4wNi40Ni4wOS42OS4wNS4zOC4xLjc2LjE4LDEuMTRzLjExLjU3LjE4Ljg2LjE0LjU4LjIyLjg3LjE5LjY2LjMsMSwuMTQuMzkuMjIuNTlBMjAuMjIsMjAuMjIsMCwwLDAsMjYuNzgsNTBDMTcuNjMsNTMuODQsMTAuNyw2MC44Miw4LDY5LjIzVjhaTTE0Ljc2LDc3YzAtOS44MSw4LjEtMTguMTQsMTkuMzEtMjEuMDdhMjAuMTEsMjAuMTEsMCwwLDAsMTcuNjksMGgwQzYzLDU4Ljg5LDcxLjA3LDY3LjIyLDcxLjA3LDc3YzAsLjI3LDAsLjUzLDAsLjhIMTQuNzhDMTQuNzcsNzcuNTYsMTQuNzYsNzcuMjksMTQuNzYsNzdaTTMwLjU3LDM3LjY2QTEyLjM1LDEyLjM1LDAsMSwxLDU1LjE4LDM5YzAsLjE0LDAsLjI3LS4wNi40MSwwLC4zMi0uMS42NC0uMTcuOTUsMCwuMTQtLjA3LjI4LS4xMS40Mi0uMDguMzEtLjE4LjYyLS4yOC45MWwtLjEzLjM2Yy0uMTMuMzQtLjI3LjY2LS40MywxbC0uMTEuMjJhMTIuNTcsMTIuNTcsMCwwLDEtMy41MSw0LjE5LDEyLjI4LDEyLjI4LDAsMCwxLTE0LjkzLDAsMTIuNTcsMTIuNTcsMCwwLDEtMy41MS00LjE5YzAtLjA3LS4wNy0uMTUtLjExLS4yMi0uMTYtLjMyLS4zLS42NC0uNDMtMWwtLjEzLS4zNmMtLjEtLjI5LS4yLS42LS4yOC0uOTEsMC0uMTQtLjA3LS4yOC0uMTEtLjQyLS4wNy0uMzEtLjEyLS42My0uMTctLjk1LDAtLjE0LS4wNS0uMjctLjA2LS40MUExMi40OCwxMi40OCwwLDAsMSwzMC41NywzNy42NloiLz48L3N2Zz4=");
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 244 244'%3E%3Ccircle fill='%23fff' cx='122' cy='122' r='122'/%3E%3Ccircle fill='%237f4aa5' cx='123.03' cy='83.4' r='52.4'/%3E%3Cpath fill='%23b896c8' d='M170.46 125.26a63.17 63.17 0 01-95.2-.38 107.84 107.84 0 00-55.28 64 122 122 0 00204.68-1 107.82 107.82 0 00-54.2-62.62z'/%3E%3C/svg%3E");
  width: 25px;
  height: 25px;
  margin-left: 0.5rem;
  background-size: cover;
}

.request-form {
  max-width: 800px;
}

.request-form form {
  border-top: 1px solid #474c55;
  padding-top: 2rem;
  margin-top: 2rem;
}

.request-form label {
  margin: 0;
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 1.4rem;
}

.request-form input, .request-form select {
  width: 100%;
  padding: 0.5rem;
  font-size: 16px;
}

.request-form select {
  border: 1px solid #767676;
  border-radius: 3px;
  font-weight: normal;
  color: black;
}

.request-form p, .request-form div {
  margin-bottom: 1.25rem;
  line-height: 0;
}

.request-form p:last-child {
  text-align: center;
}

.request-form button {
  font-size: 1.15rem;
  padding: 1.5rem 3rem;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  margin-top: .5rem;
}

.samples-pages #cyto {
  width: 100%;
  max-width: 100%;
  padding: 1.25rem 1rem 1rem;
}

.samples-pages #cyto-graph {
  max-width: initial;
}

.samples-pages .switch {
  margin-bottom: 0.5rem;
  max-width: 100%;
  padding-right: 1rem;
}

.samples-pages .switch .download-data {
  margin: 0;
}

main > .container:first-child {
  margin: 3rem auto;
}

@media (min-width: 576px) {
  main > .container:first-child {
    margin: 5rem auto;
  }
}

.terms h2 {
  font-size: 1.3rem;
  margin-bottom: 1.3em;
  color: #712d91;
}

.terms section {
  padding: 3rem 0;
}

.terms h1 span {
  font-weight: normal;
}

.closebtn {
  position: sticky;
  top: 10px;
  left: 10px;
}

.toolarge {
  width: 2000px;
  height: 1500px;
}

.terms-banner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #eee;
  z-index: 0;
}

.terms-banner p {
  z-index: 1;
}

.terms-banner > p > a {
  color: #0073A8;
}

@media (min-width: 768px) {
  .terms-banner .modal {
    padding: 0 3rem !important;
  }
}

@media (min-width: 768px) {
  .terms-banner .modal-body {
    padding: 1rem 2rem;
  }
}

@media (min-width: 768px) {
  .terms-banner .modal-dialog {
    max-width: 900px;
  }
}

.terms-banner .modal-dialog h1 {
  font-size: 1.9rem;
}

.terms-banner .modal-dialog p, .terms-banner .modal-dialog ul {
  font-size: 1rem;
  margin-bottom: 1em;
}

.terms-banner .modal-dialog .terms section {
  padding: 1rem 0;
}

@media (max-width: 991.98px) {
  .terms-banner .modal-dialog .terms section {
    margin: 0 0.5rem;
  }
}

.terms-banner .modal-dialog .terms h2 {
  font-size: 1.2rem;
  margin-bottom: 1em;
}

/* breakpoint styles */
@media (max-width: 991.98px) {
  main hr,
  main section,
  article {
    margin: 0 1.5rem;
  }
  body {
    padding: 60px 0 0;
  }
  h2 span {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .full-width {
    padding: 1.75rem 2rem;
  }
}

@font-face {
  font-family: "SJ Sans";
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-light.eot);
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-light.eot?#iefix) format("embedded-opentype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-light.woff) format("woff"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-light.ttf) format("truetype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-light.svg#open_sansregular) format("svg");
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "SJ Sans";
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-regular.eot);
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-regular.eot?#iefix) format("embedded-opentype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-regular.woff) format("woff"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-regular.ttf) format("truetype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-regular.svg#open_sansregular) format("svg");
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "SJ Sans";
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.eot);
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.eot?#iefix) format("embedded-opentype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.woff) format("woff"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.ttf) format("truetype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-medium.svg#open_sansregular) format("svg");
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "SJ Sans";
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-book.eot);
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-book.eot?#iefix) format("embedded-opentype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-book.woff) format("woff"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-book.ttf) format("truetype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-book.svg#open_sansregular) format("svg");
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "SJ Sans";
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.eot);
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.eot?#iefix) format("embedded-opentype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.woff) format("woff"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.ttf) format("truetype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/sj-sans/sjs-bold.svg#open_sansregular) format("svg");
  font-style: normal;
  font-weight: 800;
}

@font-face {
  font-family: "Nixie One";
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/nixie-one/nixie-one.eot);
  src: url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/nixie-one/nixie-one.eot?#iefix) format("embedded-opentype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/nixie-one/nixie-one.woff) format("woff"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/nixie-one/nixie-one.ttf) format("truetype"), url(https://www.stjude.org/etc/clientlibs/stjude/shared/fonts/nixie-one/nixie-one.svg#open_sansregular) format("svg");
  font-style: normal;
  font-weight: 300;
}

/*# sourceMappingURL=custom-styles.css.map */