@charset "UTF-8";
/*
## Responsive Breakpoints

<strong>Extra small</strong> - devices smaller than 768 px wide ("xs")

<strong>Small</strong> - devices between 768px and 991px wide ("s")

<strong>Medium</strong> - devices between 992px and 1199px wide ("md")

<strong>Large</strong> - devices larger than 1200px wide ("lg")

The Bootstrap framework has defined breakpoints for different kinds of devices, specified using CSS media queries. 
These are used as standard by Computershare responsive applications. 

More details about the Bootstrap breakpoints can be found on the <a href="http://getbootstrap.com">Bootstrap website</a>.

*/
/*
## Colour palette (not mandatory when using client themes)

All external facing Computershare branded applications must use colours that are consistent with the primary colour palette 
for the main elements of their site, to ensure they are immediately recognisable and portray key brand values. 

<h3>Primary colours</h3>
<div style="width: 150px; height: 150px; background-color:#93186c; display: inline-block;color: #fff;">Primary color</div>
<div style="width: 150px; height: 150px; background-color:#5e7b00; display: inline-block;color: #fff;">Brand secondary</div>
<div style="width: 150px; height: 150px; background-color:#91c60f; display: inline-block;color: #fff;">Brand contrast</div>

<h3>Secondary colours</h3>
Where an attribute of an application (e.g. graph) needs more colours than available in the primary colour palette, the brand accent colours should be used. 
Each brand accent colour has 3 colours available. The darker and lighter shades should be used for highlights and definition. 
Avoid large areas of dark colour where possible. The brand accent colours can be used for Computershare branded sites, sub-brand or client branded sites. 
Colours outside the primary colour palette, or brand accent colours should not be used. Tints of specified colours should not be used. 

<div style="display: block;">
<div style="width: 150px; height: 150px; background-color:#d7a26; display: inline-block;">#d7a26</div>
<div style="width: 150px; height: 150px; background-color:#93186c; display: inline-block;color: #fff;">#93186c</div>
<div style="width: 150px; height: 150px; background-color:#53284f; display: inline-block;color: #fff;">#53284f</div>
</div>

<div style="display: block;margin-top: 5px;">
<div style="width: 150px; height: 150px; background-color:#dbc2ac; display: inline-block;">#dbc2ac</div>
<div style="width: 150px; height: 150px; background-color:#9a656c; display: inline-block;">#9a656c</div>
<div style="width: 150px; height: 150px; background-color:#6d2244; display: inline-block;color: #fff;">#6d2244</div>
</div>

<div style="display: block;margin-top: 5px;">
<div style="width: 150px; height: 150px; background-color:#eed0ad; display: inline-block;">#eed0ad</div>
<div style="width: 150px; height: 150px; background-color:#e4834e; display: inline-block;">#e4834e</div>
<div style="width: 150px; height: 150px; background-color:#d7572b; display: inline-block;">#d7572b</div>
</div>

<div style="display: block;margin-top: 5px;">
<div style="width: 150px; height: 150px; background-color:#f9e49d; display: inline-block;">#f9e49d</div>
<div style="width: 150px; height: 150px; background-color:#f0ab00; display: inline-block;">#f0ab00</div>
<div style="width: 150px; height: 150px; background-color:#c84e00; display: inline-block;">#c84e00</div>
</div>

<div style="display: block;margin-top: 5px;">
<div style="width: 150px; height: 150px; background-color:#ededed; display: inline-block;">#ededed</div>
<div style="width: 150px; height: 150px; background-color:#afafaf; display: inline-block;">#afafaf</div>
<div style="width: 150px; height: 150px; background-color:#696969; display: inline-block;color: #fff;">#696969</div>
</div>

<div style="display: block;margin-top: 5px;">
<div style="width: 150px; height: 150px; background-color:#cddead; display: inline-block;">#cddead</div>
<div style="width: 150px; height: 150px; background-color:#5e7b00; display: inline-block;">#5e7b00</div>
<div style="width: 150px; height: 150px; background-color:#1e7040; display: inline-block;color: #fff;">#1e7040</div>
</div>

<div style="display: block;margin-top: 5px;">
<div style="width: 150px; height: 150px; background-color:#cae2d6; display: inline-block;">#cae2d6</div>
<div style="width: 150px; height: 150px; background-color:#79a78d; display: inline-block;">#79a78d</div>
<div style="width: 150px; height: 150px; background-color:#16666f; display: inline-block;color: #fff;">#16666f</div>
</div>

<div style="display: block;margin-top: 5px;">
<div style="width: 150px; height: 150px; background-color:#c3d3df; display: inline-block;">#c3d3df</div>
<div style="width: 150px; height: 150px; background-color:#005bbb; display: inline-block;color: #fff;">#005bbb</div>
<div style="width: 150px; height: 150px; background-color:#003150; display: inline-block;color: #fff;">#003150</div>
</div>
*/
/*!
 * Bootstrap v4.5.3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #93186c;
  --secondary: #91c60f;
  --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;
  --font-family-sans-serif: "Manrope", Arial, Helvetica, SimSun, "宋体", STXihei, "华文细黑", sans-serif;
  --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: "Manrope", Arial, Helvetica, SimSun, "宋体", STXihei, "华文细黑", sans-serif;
  font-size: 0.875rem;
  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: 0.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: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #93186c;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: rgb(212.7631578947, 34.7368421053, 156.3157894737);
  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;
  text-align: -webkit-match-parent;
}

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: 0.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-family: "Manrope", Arial, helvetica, SimSun, "宋体", STXihei, "华文细黑", sans-serif;
  font-weight: normal;
  line-height: 1.2;
}

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

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

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

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

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

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

.lead {
  font-size: 1.09375rem;
  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.09375rem;
}

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

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

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-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    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-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  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.3333333333%;
  max-width: 33.3333333333%;
}

.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.6666666667%;
  max-width: 16.6666666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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.3333333333%;
}

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

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

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

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

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

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

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

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

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

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

@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.3333333333%;
    max-width: 33.3333333333%;
  }
  .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.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}
@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.3333333333%;
    max-width: 33.3333333333%;
  }
  .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.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}
@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.3333333333%;
    max-width: 33.3333333333%;
  }
  .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.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}
@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.3333333333%;
    max-width: 33.3333333333%;
  }
  .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.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}
.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: rgb(224.76, 190.32, 213.84);
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: rgb(198.84, 134.88, 178.56);
}

.table-hover .table-primary:hover {
  background-color: rgb(216.6361061947, 172.9438938053, 202.7824778761);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: rgb(216.6361061947, 172.9438938053, 202.7824778761);
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: rgb(224.2, 239.04, 187.8);
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: rgb(197.8, 225.36, 130.2);
}

.table-hover .table-secondary:hover {
  background-color: rgb(214.7555555556, 234.1460606061, 167.1939393939);
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: rgb(214.7555555556, 234.1460606061, 167.1939393939);
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: rgb(194.8, 230.36, 202.92);
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: rgb(143.2, 209.24, 158.28);
}

.table-hover .table-success:hover {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: rgb(190.04, 228.96, 235.12);
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: rgb(134.36, 206.64, 218.08);
}

.table-hover .table-info:hover {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: rgb(255, 237.64, 185.56);
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: rgb(255, 222.76, 126.04);
}

.table-hover .table-warning:hover {
  background-color: rgb(255, 231.265, 160.06);
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: rgb(255, 231.265, 160.06);
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: rgb(245.2, 198.44, 202.92);
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: rgb(236.8, 149.96, 158.28);
}

.table-hover .table-danger:hover {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: rgb(253.04, 253.32, 253.6);
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: rgb(251.36, 251.88, 252.4);
}

.table-hover .table-light:hover {
  background-color: rgb(238.165, 240.57, 242.975);
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: rgb(238.165, 240.57, 242.975);
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: rgb(198.16, 199.84, 201.52);
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: rgb(149.44, 152.56, 155.68);
}

.table-hover .table-dark:hover {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}

.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: rgb(69.1465517241, 77.125, 85.1034482759);
}
.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: rgb(69.1465517241, 77.125, 85.1034482759);
}
.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;
  }
}
.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: 0.875rem;
  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: #66afe9;
  outline: 0;
  box-shadow: 0 0 0 0 -webkit-focus-ring-color;
}
.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.09375rem;
  line-height: 1.5;
}

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

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  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.765625rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  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: 0.1rem;
  font-size: 0.765625rem;
  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 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 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: rgb(51.6956521739, 206.3043478261, 87);
  background-color: rgb(51.6956521739, 206.3043478261, 87);
}
.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 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 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: 0.1rem;
  font-size: 0.765625rem;
  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 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 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: rgb(227.5316455696, 96.4683544304, 109.0253164557);
  background-color: rgb(227.5316455696, 96.4683544304, 109.0253164557);
}
.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 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 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-family: "Manrope", Arial, helvetica, SimSun, "宋体", STXihei, "华文细黑", sans-serif;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 9px 26px;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 7px;
  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 -webkit-focus-ring-color;
}
.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: #93186c;
  border-color: #93186c;
}
.btn-primary:hover {
  color: #fff;
  background-color: rgb(114.1184210526, 18.6315789474, 83.8421052632);
  border-color: rgb(103.1578947368, 16.8421052632, 75.7894736842);
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: rgb(114.1184210526, 18.6315789474, 83.8421052632);
  border-color: rgb(103.1578947368, 16.8421052632, 75.7894736842);
  box-shadow: 0 0 0 0 rgba(163.2, 58.65, 130.05, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #93186c;
  border-color: #93186c;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: rgb(103.1578947368, 16.8421052632, 75.7894736842);
  border-color: rgb(92.1973684211, 15.0526315789, 67.7368421053);
}
.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 rgba(163.2, 58.65, 130.05, 0.5);
}

.btn-secondary {
  color: #212529;
  background-color: #91c60f;
  border-color: #91c60f;
}
.btn-secondary:hover {
  color: #fff;
  background-color: rgb(118.9612676056, 162.4436619718, 12.3063380282);
  border-color: rgb(110.2816901408, 150.5915492958, 11.4084507042);
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #fff;
  background-color: rgb(118.9612676056, 162.4436619718, 12.3063380282);
  border-color: rgb(110.2816901408, 150.5915492958, 11.4084507042);
  box-shadow: 0 0 0 0 rgba(128.2, 173.85, 18.9, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #212529;
  background-color: #91c60f;
  border-color: #91c60f;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: rgb(110.2816901408, 150.5915492958, 11.4084507042);
  border-color: rgb(101.6021126761, 138.7394366197, 10.5105633803);
}
.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 rgba(128.2, 173.85, 18.9, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: rgb(32.6086956522, 136.1413043478, 56.25);
  border-color: rgb(30.1449275362, 125.8550724638, 52);
  box-shadow: 0 0 0 0 rgba(72.25, 180.2, 96.9, 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: rgb(30.1449275362, 125.8550724638, 52);
  border-color: rgb(27.6811594203, 115.5688405797, 47.75);
}
.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 rgba(72.25, 180.2, 96.9, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: rgb(18.75, 132.0652173913, 150);
  border-color: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  box-shadow: 0 0 0 0 rgba(57.8, 175.95, 194.65, 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: rgb(17.3333333333, 122.0869565217, 138.6666666667);
  border-color: rgb(15.9166666667, 112.1086956522, 127.3333333333);
}
.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 rgba(57.8, 175.95, 194.65, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: rgb(223.75, 167.8125, 0);
  border-color: rgb(211, 158.25, 0);
  box-shadow: 0 0 0 0 rgba(221.7, 169.6, 12.1, 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: rgb(211, 158.25, 0);
  border-color: rgb(198.25, 148.6875, 0);
}
.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 rgba(221.7, 169.6, 12.1, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: rgb(200.082278481, 34.667721519, 50.5158227848);
  border-color: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  box-shadow: 0 0 0 0 rgba(225.25, 83.3, 96.9, 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: rgb(189.2151898734, 32.7848101266, 47.7721518987);
  border-color: rgb(178.3481012658, 30.9018987342, 45.0284810127);
}
.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 rgba(225.25, 83.3, 96.9, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: rgb(225.6875, 229.875, 234.0625);
  border-color: rgb(218.25, 223.5, 228.75);
  box-shadow: 0 0 0 0 rgba(215.75, 217.2, 218.65, 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: rgb(218.25, 223.5, 228.75);
  border-color: rgb(210.8125, 217.125, 223.4375);
}
.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 rgba(215.75, 217.2, 218.65, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: rgb(34.8534482759, 38.875, 42.8965517241);
  border-color: rgb(29.1379310345, 32.5, 35.8620689655);
  box-shadow: 0 0 0 0 rgba(82.45, 87.55, 92.65, 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: rgb(29.1379310345, 32.5, 35.8620689655);
  border-color: rgb(23.4224137931, 26.125, 28.8275862069);
}
.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 rgba(82.45, 87.55, 92.65, 0.5);
}

.btn-outline-primary {
  color: #93186c;
  border-color: #93186c;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #93186c;
  border-color: #93186c;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(147, 24, 108, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #93186c;
  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: #93186c;
  border-color: #93186c;
}
.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 rgba(147, 24, 108, 0.5);
}

.btn-outline-secondary {
  color: #91c60f;
  border-color: #91c60f;
}
.btn-outline-secondary:hover {
  color: #212529;
  background-color: #91c60f;
  border-color: #91c60f;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0 rgba(145, 198, 15, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #91c60f;
  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: #212529;
  background-color: #91c60f;
  border-color: #91c60f;
}
.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 rgba(145, 198, 15, 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 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 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 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 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 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 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 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 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 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 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 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 rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #93186c;
  text-decoration: none;
}
.btn-link:hover {
  color: rgb(212.7631578947, 34.7368421053, 156.3157894737);
  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.09375rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  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: 0.875rem;
  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;
  }
}
.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: rgb(21.6283783784, 24.25, 26.8716216216);
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #93186c;
}
.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.765625rem;
  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: 19.5px;
  padding-left: 19.5px;
}
.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: 0.875rem;
  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.09375rem;
  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.765625rem;
  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.3125rem;
  padding-left: 1.5rem;
  color-adjust: exact;
}

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

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.15625rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #93186c;
  background-color: #93186c;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0 -webkit-focus-ring-color;
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #66afe9;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgb(232.4736842105, 117.0263157895, 195.8684210526);
  border-color: rgb(232.4736842105, 117.0263157895, 195.8684210526);
}
.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.15625rem;
  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.15625rem;
  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: #93186c;
  background-color: #93186c;
}
.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(147, 24, 108, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(147, 24, 108, 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(147, 24, 108, 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.15625rem + 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(147, 24, 108, 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: 0.875rem;
  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: #66afe9;
  outline: 0;
  box-shadow: 0 0 0 0 -webkit-focus-ring-color;
}
.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.765625rem;
}

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

.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: #66afe9;
  box-shadow: 0 0 0 0 -webkit-focus-ring-color;
}
.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: 1rem;
  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 -webkit-focus-ring-color;
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0 -webkit-focus-ring-color;
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0 -webkit-focus-ring-color;
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #93186c;
  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: rgb(232.4736842105, 117.0263157895, 195.8684210526);
}
.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: #93186c;
  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: rgb(232.4736842105, 117.0263157895, 195.8684210526);
}
.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;
  margin-left: 0;
  background-color: #93186c;
  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: rgb(232.4736842105, 117.0263157895, 195.8684210526);
}
.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: #93186c;
}

.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.3359375rem;
  padding-bottom: 0.3359375rem;
  margin-right: 1rem;
  font-size: 1.09375rem;
  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.09375rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 7px;
}
.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;
  }
}
.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 #e2e4e5;
  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: 20px;
}

.card-title {
  margin-bottom: 5px;
}

.card-subtitle {
  margin-top: -2.5px;
  margin-bottom: 0;
}

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

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 20px;
}

.card-header {
  padding: 5px 20px;
  margin-bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #e2e4e5;
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 5px 20px;
  background-color: #fff;
  border-top: 1px solid #e2e4e5;
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -10px;
  margin-bottom: -5px;
  margin-left: -10px;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -10px;
  margin-left: -10px;
}

.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: 5px;
}
@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;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item {
  display: flex;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #93186c;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: rgb(212.7631578947, 34.7368421053, 156.3157894737);
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0 -webkit-focus-ring-color;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #93186c;
  border-color: #93186c;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.09375rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.765625rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.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: #93186c;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: rgb(103.1578947368, 16.8421052632, 75.7894736842);
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(147, 24, 108, 0.5);
}

.badge-secondary {
  color: #212529;
  background-color: #91c60f;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #212529;
  background-color: rgb(110.2816901408, 150.5915492958, 11.4084507042);
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(145, 198, 15, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: rgb(30.1449275362, 125.8550724638, 52);
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0 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: rgb(17.3333333333, 122.0869565217, 138.6666666667);
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0 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: rgb(211, 158.25, 0);
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0 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: rgb(189.2151898734, 32.7848101266, 47.7721518987);
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0 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: rgb(218.25, 223.5, 228.75);
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0 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: rgb(29.1379310345, 32.5, 35.8620689655);
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3.8125rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: rgb(76.44, 12.48, 56.16);
  background-color: rgb(233.4, 208.8, 225.6);
  border-color: rgb(224.76, 190.32, 213.84);
}
.alert-primary hr {
  border-top-color: rgb(216.6361061947, 172.9438938053, 202.7824778761);
}
.alert-primary .alert-link {
  color: rgb(32.5978947368, 5.3221052632, 23.9494736842);
}

.alert-secondary {
  color: rgb(75.4, 102.96, 7.8);
  background-color: rgb(233, 243.6, 207);
  border-color: rgb(224.2, 239.04, 187.8);
}
.alert-secondary hr {
  border-top-color: rgb(214.7555555556, 234.1460606061, 167.1939393939);
}
.alert-secondary .alert-link {
  color: rgb(40.6816901408, 55.5515492958, 4.2084507042);
}

.alert-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(212, 237.4, 217.8);
  border-color: rgb(194.8, 230.36, 202.92);
}
.alert-success hr {
  border-top-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.alert-success .alert-link {
  color: rgb(10.9449275362, 45.6950724638, 18.88);
}

.alert-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(208.6, 236.4, 240.8);
  border-color: rgb(190.04, 228.96, 235.12);
}
.alert-info hr {
  border-top-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.alert-info .alert-link {
  color: rgb(6.2933333333, 44.3269565217, 50.3466666667);
}

.alert-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 242.6, 205.4);
  border-color: rgb(255, 237.64, 185.56);
}
.alert-warning hr {
  border-top-color: rgb(255, 231.265, 160.06);
}
.alert-warning .alert-link {
  color: rgb(82.9625954198, 62.7912977099, 2.2774045802);
}

.alert-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(248, 214.6, 217.8);
  border-color: rgb(245.2, 198.44, 202.92);
}
.alert-danger hr {
  border-top-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.alert-danger .alert-link {
  color: rgb(73.3010989011, 17.6589010989, 22.9898901099);
}

.alert-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.6, 253.8, 254);
  border-color: rgb(253.04, 253.32, 253.6);
}
.alert-light hr {
  border-top-color: rgb(238.165, 240.57, 242.975);
}
.alert-light .alert-link {
  color: rgb(103.5492351816, 103.98, 104.4107648184);
}

.alert-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(214.4, 215.6, 216.8);
  border-color: rgb(198.16, 199.84, 201.52);
}
.alert-dark hr {
  border-top-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.alert-dark .alert-link {
  color: rgb(4.1779310345, 4.66, 5.1420689655);
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.65625rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #93186c;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.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: #93186c;
  border-color: #93186c;
}
.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;
  }
}
.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: rgb(76.44, 12.48, 56.16);
  background-color: rgb(224.76, 190.32, 213.84);
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: rgb(76.44, 12.48, 56.16);
  background-color: rgb(216.6361061947, 172.9438938053, 202.7824778761);
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(76.44, 12.48, 56.16);
  border-color: rgb(76.44, 12.48, 56.16);
}

.list-group-item-secondary {
  color: rgb(75.4, 102.96, 7.8);
  background-color: rgb(224.2, 239.04, 187.8);
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: rgb(75.4, 102.96, 7.8);
  background-color: rgb(214.7555555556, 234.1460606061, 167.1939393939);
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: rgb(75.4, 102.96, 7.8);
  border-color: rgb(75.4, 102.96, 7.8);
}

.list-group-item-success {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(194.8, 230.36, 202.92);
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: rgb(20.8, 86.84, 35.88);
  background-color: rgb(176.7059405941, 222.9540594059, 187.2665346535);
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: rgb(20.8, 86.84, 35.88);
  border-color: rgb(20.8, 86.84, 35.88);
}

.list-group-item-info {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(190.04, 228.96, 235.12);
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: rgb(11.96, 84.24, 95.68);
  background-color: rgb(170.5152475248, 221.1332673267, 229.1447524752);
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: rgb(11.96, 84.24, 95.68);
  border-color: rgb(11.96, 84.24, 95.68);
}

.list-group-item-warning {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 237.64, 185.56);
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: rgb(132.6, 100.36, 3.64);
  background-color: rgb(255, 231.265, 160.06);
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: rgb(132.6, 100.36, 3.64);
  border-color: rgb(132.6, 100.36, 3.64);
}

.list-group-item-danger {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(245.2, 198.44, 202.92);
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: rgb(114.4, 27.56, 35.88);
  background-color: rgb(241.4341772152, 176.7058227848, 182.9073417722);
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: rgb(114.4, 27.56, 35.88);
  border-color: rgb(114.4, 27.56, 35.88);
}

.list-group-item-light {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(253.04, 253.32, 253.6);
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: rgb(128.96, 129.48, 130);
  background-color: rgb(238.165, 240.57, 242.975);
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: rgb(128.96, 129.48, 130);
  border-color: rgb(128.96, 129.48, 130);
}

.list-group-item-dark {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(198.16, 199.84, 201.52);
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: rgb(27.04, 30.16, 33.28);
  background-color: rgb(185.0216751269, 187.09, 189.1583248731);
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: rgb(27.04, 30.16, 33.28);
  border-color: rgb(27.04, 30.16, 33.28);
}

.close {
  float: right;
  font-size: 1.3125rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #000;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

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

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

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.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: #fff;
}
.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: "Manrope", Arial, Helvetica, SimSun, "宋体", STXihei, "华文细黑", sans-serif;
  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.765625rem;
  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: "Manrope", Arial, Helvetica, SimSun, "宋体", STXihei, "华文细黑", sans-serif;
  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.765625rem;
  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 rgb(247.35, 247.35, 247.35);
}

.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: 0.875rem;
  background-color: rgb(247.35, 247.35, 247.35);
  border-bottom: 1px solid rgb(234.6, 234.6, 234.6);
  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;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50%/100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.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: #93186c !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: rgb(103.1578947368, 16.8421052632, 75.7894736842) !important;
}

.bg-secondary {
  background-color: #91c60f !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: rgb(110.2816901408, 150.5915492958, 11.4084507042) !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: rgb(30.1449275362, 125.8550724638, 52) !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: rgb(17.3333333333, 122.0869565217, 138.6666666667) !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: rgb(211, 158.25, 0) !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: rgb(189.2151898734, 32.7848101266, 47.7721518987) !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: rgb(218.25, 223.5, 228.75) !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: rgb(29.1379310345, 32.5, 35.8620689655) !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: #93186c !important;
}

.border-secondary {
  border-color: #91c60f !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 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.8571428571%;
}

.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;
  }
}
.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;
  }
}
.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;
  }
}
.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;
  }
}
.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: #93186c !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: rgb(81.2368421053, 13.2631578947, 59.6842105263) !important;
}

.text-secondary {
  color: #91c60f !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: rgb(92.9225352113, 126.8873239437, 9.6126760563) !important;
}

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

a.text-success:hover, a.text-success:focus {
  color: rgb(25.2173913043, 105.2826086957, 43.5) !important;
}

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

a.text-info:hover, a.text-info:focus {
  color: rgb(14.5, 102.1304347826, 116) !important;
}

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

a.text-warning:hover, a.text-warning:focus {
  color: rgb(185.5, 139.125, 0) !important;
}

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

a.text-danger:hover, a.text-danger:focus {
  color: rgb(167.4810126582, 29.0189873418, 42.2848101266) !important;
}

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

a.text-light:hover, a.text-light:focus {
  color: rgb(203.375, 210.75, 218.125) !important;
}

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

a.text-dark:hover, a.text-dark:focus {
  color: rgb(17.7068965517, 19.75, 21.7931034483) !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;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a:not(.btn) {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }
  .container {
    min-width: 992px !important;
  }
  .navbar {
    display: none;
  }
  .badge {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #dee2e6 !important;
  }
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #dee2e6;
  }
  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
.flags {
  max-width: 100%;
  background-size: 100%;
  background-image: url("../images/flags.png");
}

.flags-AD {
  background-position: 0 0%;
  background-size: 100%;
}

.flags-AE {
  background-position: 0 0.45045%;
  background-size: 100%;
}

.flags-AF {
  background-position: 0 0.900901%;
  background-size: 100%;
}

.flags-AG {
  background-position: 0 1.351351%;
  background-size: 100%;
}

.flags-AI {
  background-position: 0 1.801802%;
  background-size: 100%;
}

.flags-AL {
  background-position: 0 2.252252%;
  background-size: 100%;
}

.flags-AM {
  background-position: 0 2.702703%;
  background-size: 100%;
}

.flags-AN {
  background-position: 0 3.153153%;
  background-size: 100%;
}

.flags-AO {
  background-position: 0 3.603604%;
  background-size: 100%;
}

.flags-AQ {
  background-position: 0 4.054054%;
  background-size: 100%;
}

.flags-AR {
  background-position: 0 4.504505%;
  background-size: 100%;
}

.flags-AS {
  background-position: 0 4.954955%;
  background-size: 100%;
}

.flags-AT {
  background-position: 0 5.405405%;
  background-size: 100%;
}

.flags-AU {
  background-position: 0 5.855856%;
  background-size: 100%;
}

.flags-AW {
  background-position: 0 6.306306%;
  background-size: 100%;
}

.flags-AZ {
  background-position: 0 6.756757%;
  background-size: 100%;
}

.flags-BA {
  background-position: 0 7.207207%;
  background-size: 100%;
}

.flags-BB {
  background-position: 0 7.657658%;
  background-size: 100%;
}

.flags-BD {
  background-position: 0 8.108108%;
  background-size: 100%;
}

.flags-BE {
  background-position: 0 8.558559%;
  background-size: 100%;
}

.flags-BF {
  background-position: 0 9.009009%;
  background-size: 100%;
}

.flags-BG {
  background-position: 0 9.459459%;
  background-size: 100%;
}

.flags-BH {
  background-position: 0 9.90991%;
  background-size: 100%;
}

.flags-BI {
  background-position: 0 10.36036%;
  background-size: 100%;
}

.flags-BJ {
  background-position: 0 10.810811%;
  background-size: 100%;
}

.flags-BM {
  background-position: 0 11.261261%;
  background-size: 100%;
}

.flags-BN {
  background-position: 0 11.711712%;
  background-size: 100%;
}

.flags-BO {
  background-position: 0 12.162162%;
  background-size: 100%;
}

.flags-BR {
  background-position: 0 12.612613%;
  background-size: 100%;
}

.flags-BS {
  background-position: 0 13.063063%;
  background-size: 100%;
}

.flags-BT {
  background-position: 0 13.513514%;
  background-size: 100%;
}

.flags-BW {
  background-position: 0 13.963964%;
  background-size: 100%;
}

.flags-BY {
  background-position: 0 14.414414%;
  background-size: 100%;
}

.flags-BZ {
  background-position: 0 14.864865%;
  background-size: 100%;
}

.flags-CA {
  background-position: 0 15.315315%;
  background-size: 100%;
}

.flags-CD {
  background-position: 0 15.765766%;
  background-size: 100%;
}

.flags-CF {
  background-position: 0 16.216216%;
  background-size: 100%;
}

.flags-CG {
  background-position: 0 16.666667%;
  background-size: 100%;
}

.flags-CH {
  background-position: 0 17.117117%;
  background-size: 100%;
}

.flags-CI {
  background-position: 0 17.567568%;
  background-size: 100%;
}

.flags-CK {
  background-position: 0 18.018018%;
  background-size: 100%;
}

.flags-CL {
  background-position: 0 18.468468%;
  background-size: 100%;
}

.flags-CM {
  background-position: 0 18.918919%;
  background-size: 100%;
}

.flags-CN {
  background-position: 0 19.369369%;
  background-size: 100%;
}

.flags-CO {
  background-position: 0 19.81982%;
  background-size: 100%;
}

.flags-CR {
  background-position: 0 20.27027%;
  background-size: 100%;
}

.flags-CU {
  background-position: 0 20.720721%;
  background-size: 100%;
}

.flags-CV {
  background-position: 0 21.171171%;
  background-size: 100%;
}

.flags-CY {
  background-position: 0 21.621622%;
  background-size: 100%;
}

.flags-CZ {
  background-position: 0 22.072072%;
  background-size: 100%;
}

.flags-DE {
  background-position: 0 22.522523%;
  background-size: 100%;
}

.flags-DJ {
  background-position: 0 22.972973%;
  background-size: 100%;
}

.flags-DK {
  background-position: 0 23.423423%;
  background-size: 100%;
}

.flags-DM {
  background-position: 0 23.873874%;
  background-size: 100%;
}

.flags-DO {
  background-position: 0 24.324324%;
  background-size: 100%;
}

.flags-DZ {
  background-position: 0 24.774775%;
  background-size: 100%;
}

.flags-EC {
  background-position: 0 25.225225%;
  background-size: 100%;
}

.flags-EE {
  background-position: 0 25.675676%;
  background-size: 100%;
}

.flags-EG {
  background-position: 0 26.126126%;
  background-size: 100%;
}

.flags-EH {
  background-position: 0 26.576577%;
  background-size: 100%;
}

.flags-ER {
  background-position: 0 27.027027%;
  background-size: 100%;
}

.flags-ES {
  background-position: 0 27.477477%;
  background-size: 100%;
}

.flags-ET {
  background-position: 0 27.927928%;
  background-size: 100%;
}

.flags-FI {
  background-position: 0 28.378378%;
  background-size: 100%;
}

.flags-FJ {
  background-position: 0 28.828829%;
  background-size: 100%;
}

.flags-FM {
  background-position: 0 29.279279%;
  background-size: 100%;
}

.flags-FO {
  background-position: 0 29.72973%;
  background-size: 100%;
}

.flags-FR {
  background-position: 0 30.18018%;
  background-size: 100%;
}

.flags-GA {
  background-position: 0 30.630631%;
  background-size: 100%;
}

.flags-GB {
  background-position: 0 31.081081%;
  background-size: 100%;
}

.flags-GD {
  background-position: 0 31.531532%;
  background-size: 100%;
}

.flags-GE {
  background-position: 0 31.981982%;
  background-size: 100%;
}

.flags-GG {
  background-position: 0 32.432432%;
  background-size: 100%;
}

.flags-GH {
  background-position: 0 32.882883%;
  background-size: 100%;
}

.flags-GI {
  background-position: 0 33.333333%;
  background-size: 100%;
}

.flags-GL {
  background-position: 0 33.783784%;
  background-size: 100%;
}

.flags-GM {
  background-position: 0 34.234234%;
  background-size: 100%;
}

.flags-GN {
  background-position: 0 34.684685%;
  background-size: 100%;
}

.flags-GP {
  background-position: 0 35.135135%;
  background-size: 100%;
}

.flags-GQ {
  background-position: 0 35.585586%;
  background-size: 100%;
}

.flags-GR {
  background-position: 0 36.036036%;
  background-size: 100%;
}

.flags-GT {
  background-position: 0 36.486486%;
  background-size: 100%;
}

.flags-GU {
  background-position: 0 36.936937%;
  background-size: 100%;
}

.flags-GW {
  background-position: 0 37.387387%;
  background-size: 100%;
}

.flags-GY {
  background-position: 0 37.837838%;
  background-size: 100%;
}

.flags-HK {
  background-position: 0 38.288288%;
  background-size: 100%;
}

.flags-HN {
  background-position: 0 38.738739%;
  background-size: 100%;
}

.flags-HR {
  background-position: 0 39.189189%;
  background-size: 100%;
}

.flags-HT {
  background-position: 0 39.63964%;
  background-size: 100%;
}

.flags-HU {
  background-position: 0 40.09009%;
  background-size: 100%;
}

.flags-ID {
  background-position: 0 40.540541%;
  background-size: 100%;
}

.flags-IE {
  background-position: 0 40.990991%;
  background-size: 100%;
}

.flags-IL {
  background-position: 0 41.441441%;
  background-size: 100%;
}

.flags-IM {
  background-position: 0 41.891892%;
  background-size: 100%;
}

.flags-IN {
  background-position: 0 42.342342%;
  background-size: 100%;
}

.flags-IQ {
  background-position: 0 42.792793%;
  background-size: 100%;
}

.flags-IR {
  background-position: 0 43.243243%;
  background-size: 100%;
}

.flags-IS {
  background-position: 0 43.693694%;
  background-size: 100%;
}

.flags-IT {
  background-position: 0 44.144144%;
  background-size: 100%;
}

.flags-JE {
  background-position: 0 44.594595%;
  background-size: 100%;
}

.flags-JM {
  background-position: 0 45.045045%;
  background-size: 100%;
}

.flags-JO {
  background-position: 0 45.495495%;
  background-size: 100%;
}

.flags-JP {
  background-position: 0 45.945946%;
  background-size: 100%;
}

.flags-KE {
  background-position: 0 46.396396%;
  background-size: 100%;
}

.flags-KG {
  background-position: 0 46.846847%;
  background-size: 100%;
}

.flags-KH {
  background-position: 0 47.297297%;
  background-size: 100%;
}

.flags-KI {
  background-position: 0 47.747748%;
  background-size: 100%;
}

.flags-KM {
  background-position: 0 48.198198%;
  background-size: 100%;
}

.flags-KN {
  background-position: 0 48.648649%;
  background-size: 100%;
}

.flags-KP {
  background-position: 0 49.099099%;
  background-size: 100%;
}

.flags-KR {
  background-position: 0 49.54955%;
  background-size: 100%;
}

.flags-KW {
  background-position: 0 50%;
  background-size: 100%;
}

.flags-KY {
  background-position: 0 50.45045%;
  background-size: 100%;
}

.flags-KZ {
  background-position: 0 50.900901%;
  background-size: 100%;
}

.flags-LA {
  background-position: 0 51.351351%;
  background-size: 100%;
}

.flags-LB {
  background-position: 0 51.801802%;
  background-size: 100%;
}

.flags-LC {
  background-position: 0 52.252252%;
  background-size: 100%;
}

.flags-LI {
  background-position: 0 52.702703%;
  background-size: 100%;
}

.flags-LK {
  background-position: 0 53.153153%;
  background-size: 100%;
}

.flags-LR {
  background-position: 0 53.603604%;
  background-size: 100%;
}

.flags-LS {
  background-position: 0 54.054054%;
  background-size: 100%;
}

.flags-LT {
  background-position: 0 54.504505%;
  background-size: 100%;
}

.flags-LU {
  background-position: 0 54.954955%;
  background-size: 100%;
}

.flags-LV {
  background-position: 0 55.405405%;
  background-size: 100%;
}

.flags-LY {
  background-position: 0 55.855856%;
  background-size: 100%;
}

.flags-MA {
  background-position: 0 56.306306%;
  background-size: 100%;
}

.flags-MC {
  background-position: 0 56.756757%;
  background-size: 100%;
}

.flags-MD {
  background-position: 0 57.207207%;
  background-size: 100%;
}

.flags-ME {
  background-position: 0 57.657658%;
  background-size: 100%;
}

.flags-MG {
  background-position: 0 58.108108%;
  background-size: 100%;
}

.flags-MH {
  background-position: 0 58.558559%;
  background-size: 100%;
}

.flags-MK {
  background-position: 0 59.009009%;
  background-size: 100%;
}

.flags-ML {
  background-position: 0 59.459459%;
  background-size: 100%;
}

.flags-MM {
  background-position: 0 59.90991%;
  background-size: 100%;
}

.flags-MN {
  background-position: 0 60.36036%;
  background-size: 100%;
}

.flags-MO {
  background-position: 0 60.810811%;
  background-size: 100%;
}

.flags-MQ {
  background-position: 0 61.261261%;
  background-size: 100%;
}

.flags-MR {
  background-position: 0 61.711712%;
  background-size: 100%;
}

.flags-MS {
  background-position: 0 62.162162%;
  background-size: 100%;
}

.flags-MT {
  background-position: 0 62.612613%;
  background-size: 100%;
}

.flags-MU {
  background-position: 0 63.063063%;
  background-size: 100%;
}

.flags-MV {
  background-position: 0 63.513514%;
  background-size: 100%;
}

.flags-MW {
  background-position: 0 63.963964%;
  background-size: 100%;
}

.flags-MX {
  background-position: 0 64.414414%;
  background-size: 100%;
}

.flags-MY {
  background-position: 0 64.864865%;
  background-size: 100%;
}

.flags-MZ {
  background-position: 0 65.315315%;
  background-size: 100%;
}

.flags-NA {
  background-position: 0 65.765766%;
  background-size: 100%;
}

.flags-NC {
  background-position: 0 66.216216%;
  background-size: 100%;
}

.flags-NE {
  background-position: 0 66.666667%;
  background-size: 100%;
}

.flags-NG {
  background-position: 0 67.117117%;
  background-size: 100%;
}

.flags-NI {
  background-position: 0 67.567568%;
  background-size: 100%;
}

.flags-NL {
  background-position: 0 68.018018%;
  background-size: 100%;
}

.flags-NO {
  background-position: 0 68.468468%;
  background-size: 100%;
}

.flags-NP {
  background-position: 0 68.918919%;
  background-size: 100%;
}

.flags-NR {
  background-position: 0 69.369369%;
  background-size: 100%;
}

.flags-NZ {
  background-position: 0 69.81982%;
  background-size: 100%;
}

.flags-OM {
  background-position: 0 70.27027%;
  background-size: 100%;
}

.flags-PA {
  background-position: 0 70.720721%;
  background-size: 100%;
}

.flags-PE {
  background-position: 0 71.171171%;
  background-size: 100%;
}

.flags-PF {
  background-position: 0 71.621622%;
  background-size: 100%;
}

.flags-PG {
  background-position: 0 72.072072%;
  background-size: 100%;
}

.flags-PH {
  background-position: 0 72.522523%;
  background-size: 100%;
}

.flags-PK {
  background-position: 0 72.972973%;
  background-size: 100%;
}

.flags-PL {
  background-position: 0 73.423423%;
  background-size: 100%;
}

.flags-PR {
  background-position: 0 73.873874%;
  background-size: 100%;
}

.flags-PS {
  background-position: 0 74.324324%;
  background-size: 100%;
}

.flags-PT {
  background-position: 0 74.774775%;
  background-size: 100%;
}

.flags-PW {
  background-position: 0 75.225225%;
  background-size: 100%;
}

.flags-PY {
  background-position: 0 75.675676%;
  background-size: 100%;
}

.flags-QA {
  background-position: 0 76.126126%;
  background-size: 100%;
}

.flags-RE {
  background-position: 0 76.576577%;
  background-size: 100%;
}

.flags-RO {
  background-position: 0 77.027027%;
  background-size: 100%;
}

.flags-RS {
  background-position: 0 77.477477%;
  background-size: 100%;
}

.flags-RU {
  background-position: 0 77.927928%;
  background-size: 100%;
}

.flags-RW {
  background-position: 0 78.378378%;
  background-size: 100%;
}

.flags-SA {
  background-position: 0 78.828829%;
  background-size: 100%;
}

.flags-SB {
  background-position: 0 79.279279%;
  background-size: 100%;
}

.flags-SC {
  background-position: 0 79.72973%;
  background-size: 100%;
}

.flags-SD {
  background-position: 0 80.18018%;
  background-size: 100%;
}

.flags-SE {
  background-position: 0 80.630631%;
  background-size: 100%;
}

.flags-SG {
  background-position: 0 81.081081%;
  background-size: 100%;
}

.flags-SI {
  background-position: 0 81.531532%;
  background-size: 100%;
}

.flags-SK {
  background-position: 0 81.981982%;
  background-size: 100%;
}

.flags-SL {
  background-position: 0 82.432432%;
  background-size: 100%;
}

.flags-SM {
  background-position: 0 82.882883%;
  background-size: 100%;
}

.flags-SN {
  background-position: 0 83.333333%;
  background-size: 100%;
}

.flags-SO {
  background-position: 0 83.783784%;
  background-size: 100%;
}

.flags-SR {
  background-position: 0 84.234234%;
  background-size: 100%;
}

.flags-ST {
  background-position: 0 84.684685%;
  background-size: 100%;
}

.flags-SV {
  background-position: 0 85.135135%;
  background-size: 100%;
}

.flags-SY {
  background-position: 0 85.585586%;
  background-size: 100%;
}

.flags-SZ {
  background-position: 0 86.036036%;
  background-size: 100%;
}

.flags-TC {
  background-position: 0 86.486486%;
  background-size: 100%;
}

.flags-TD {
  background-position: 0 86.936937%;
  background-size: 100%;
}

.flags-TG {
  background-position: 0 87.387387%;
  background-size: 100%;
}

.flags-TH {
  background-position: 0 87.837838%;
  background-size: 100%;
}

.flags-TJ {
  background-position: 0 88.288288%;
  background-size: 100%;
}

.flags-TL {
  background-position: 0 88.738739%;
  background-size: 100%;
}

.flags-TM {
  background-position: 0 89.189189%;
  background-size: 100%;
}

.flags-TN {
  background-position: 0 89.63964%;
  background-size: 100%;
}

.flags-TO {
  background-position: 0 90.09009%;
  background-size: 100%;
}

.flags-TR {
  background-position: 0 90.540541%;
  background-size: 100%;
}

.flags-TT {
  background-position: 0 90.990991%;
  background-size: 100%;
}

.flags-TV {
  background-position: 0 91.441441%;
  background-size: 100%;
}

.flags-TW {
  background-position: 0 91.891892%;
  background-size: 100%;
}

.flags-TZ {
  background-position: 0 92.342342%;
  background-size: 100%;
}

.flags-UA {
  background-position: 0 92.792793%;
  background-size: 100%;
}

.flags-UG {
  background-position: 0 93.243243%;
  background-size: 100%;
}

.flags-UK {
  background-position: 0 31.081081%;
  background-size: 100%;
}

.flags-US {
  background-position: 0 93.693694%;
  background-size: 100%;
}

.flags-UY {
  background-position: 0 94.144144%;
  background-size: 100%;
}

.flags-UZ {
  background-position: 0 94.594595%;
  background-size: 100%;
}

.flags-VA {
  background-position: 0 95.045045%;
  background-size: 100%;
}

.flags-VC {
  background-position: 0 95.495495%;
  background-size: 100%;
}

.flags-VE {
  background-position: 0 95.945946%;
  background-size: 100%;
}

.flags-VG {
  background-position: 0 96.396396%;
  background-size: 100%;
}

.flags-VI {
  background-position: 0 96.846847%;
  background-size: 100%;
}

.flags-VN {
  background-position: 0 97.297297%;
  background-size: 100%;
}

.flags-VU {
  background-position: 0 97.747748%;
  background-size: 100%;
}

.flags-WS {
  background-position: 0 98.198198%;
  background-size: 100%;
}

.flags-YE {
  background-position: 0 98.648649%;
  background-size: 100%;
}

.flags-ZA {
  background-position: 0 99.099099%;
  background-size: 100%;
}

.flags-ZM {
  background-position: 0 99.54955%;
  background-size: 100%;
}

.flags-ZW {
  background-position: 0 100%;
  background-size: 100%;
}

.flags-list .flags {
  height: 2em;
}

.flags-list .cpuicon-tick {
  font-size: 2em;
}

.flags-list .list-group-item img {
  margin-right: 10px;
}

/*
## Icon font
Icons should only be used when they increase usability. 
They should never be duplicated for different meanings within a single application. 
If using an icon in a menu, not all menu items must contain an icon.

Since this branding package includes an 'icon font', you can place these icons anywhere text is placed and they
will be automatically sized to match the surrounding child. To use, create an
inline element with the appropriate classes, like so:

<div style="font-size: 40px;">
    <span class="cpuicon cpuicon-mail"></span>
    <span class="cpuicon cpuicon-manage-account"></span>
    <span class="cpuicon cpuicon-marketdataresearch"></span>
    <span class="cpuicon cpuicon-market"></span>
    <span class="cpuicon cpuicon-medalionguarantee"></span>
    <span class="cpuicon cpuicon-menu"></span>
    <span class="cpuicon cpuicon-arrow-left"></span>
    <span class="cpuicon cpuicon-minus"></span>
    <span class="cpuicon cpuicon-monitor"></span>
    <span class="cpuicon cpuicon-multichannel"></span>
    <span class="cpuicon cpuicon-multiplecurrencies"></span>
    <span class="cpuicon cpuicon-multiplelanguages"></span>
    <span class="cpuicon cpuicon-news"></span>
    <span class="cpuicon cpuicon-online-document-hosting"></span>
    <span class="cpuicon cpuicon-online-enrolment"></span>
    <span class="cpuicon cpuicon-online-reporting"></span>
    <span class="cpuicon cpuicon-org-chart"></span>
    <span class="cpuicon cpuicon-partnership"></span>
    <span class="cpuicon cpuicon-payment"></span>
    <span class="cpuicon cpuicon-personalised-service"></span>
    <span class="cpuicon cpuicon-phone"></span>
    <span class="cpuicon cpuicon-pie"></span>
    <span class="cpuicon cpuicon-plus"></span>
    <span class="cpuicon cpuicon-plus-2"></span>
    <span class="cpuicon cpuicon-merger-cleanup"></span>
    <span class="cpuicon cpuicon-postcard"></span>
    <span class="cpuicon cpuicon-pricehistory"></span>
    <span class="cpuicon cpuicon-print"></span>
    <span class="cpuicon cpuicon-printableform"></span>
    <span class="cpuicon cpuicon-question"></span>
    <span class="cpuicon cpuicon-quicklinks"></span>
    <span class="cpuicon cpuicon-redemption"></span>
    <span class="cpuicon cpuicon-refresh"></span>
    <span class="cpuicon cpuicon-regulatory-requirements"></span>
    <span class="cpuicon cpuicon-reminder"></span>
    <span class="cpuicon cpuicon-report"></span>
    <span class="cpuicon cpuicon-reuse"></span>
    <span class="cpuicon cpuicon-reveal"></span>
    <span class="cpuicon cpuicon-scan"></span>
    <span class="cpuicon cpuicon-search"></span>
    <span class="cpuicon cpuicon-security"></span>
    <span class="cpuicon cpuicon-settings"></span>
    <span class="cpuicon cpuicon-share"></span>
    <span class="cpuicon cpuicon-shoppingcart"></span>
    <span class="cpuicon cpuicon-small-shareholder-cleanup"></span>
    <span class="cpuicon cpuicon-smartphone"></span>
    <span class="cpuicon cpuicon-stock-split"></span>
    <span class="cpuicon cpuicon-support"></span>
    <span class="cpuicon cpuicon-tablet"></span>
    <span class="cpuicon cpuicon-target"></span>
    <span class="cpuicon cpuicon-team"></span>
    <span class="cpuicon cpuicon-tender-offer"></span>
    <span class="cpuicon cpuicon-tick"></span>
    <span class="cpuicon cpuicon-tick-2"></span>
    <span class="cpuicon cpuicon-trainingvideo"></span>
    <span class="cpuicon cpuicon-transfer"></span>
    <span class="cpuicon cpuicon-transparency"></span>
    <span class="cpuicon cpuicon-twitter"></span>
    <span class="cpuicon cpuicon-upload"></span>
    <span class="cpuicon cpuicon-user"></span>
    <span class="cpuicon cpuicon-video"></span>
    <span class="cpuicon cpuicon-youtube"></span>
    <span class="cpuicon cpuicon-addresschange"></span>
    <span class="cpuicon cpuicon-alert"></span>
    <span class="cpuicon cpuicon-clock"></span>
    <span class="cpuicon cpuicon-arrow-right"></span>
    <span class="cpuicon cpuicon-arrow"></span>
    <span class="cpuicon cpuicon-arrows"></span>
    <span class="cpuicon cpuicon-bankingdetails"></span>
    <span class="cpuicon cpuicon-barchart"></span>
    <span class="cpuicon cpuicon-barcode"></span>
    <span class="cpuicon cpuicon-bulb"></span>
    <span class="cpuicon cpuicon-calculator"></span>
    <span class="cpuicon cpuicon-callcenter"></span>
    <span class="cpuicon cpuicon-cancel"></span>
    <span class="cpuicon cpuicon-cross"></span>
    <span class="cpuicon cpuicon-card"></span>
    <span class="cpuicon cpuicon-certification"></span>
    <span class="cpuicon cpuicon-chat"></span>
    <span class="cpuicon cpuicon-checklist"></span>
    <span class="cpuicon cpuicon-chevron-down"></span>
    <span class="cpuicon cpuicon-chevron-up"></span>
    <span class="cpuicon cpuicon-chevron-left"></span>
    <span class="cpuicon cpuicon-chevron-right"></span>
    <span class="cpuicon cpuicon-mouse"></span>
    <span class="cpuicon cpuicon-clock-time"></span>
    <span class="cpuicon cpuicon-communicate"></span>
    <span class="cpuicon cpuicon-commpreferences"></span>
    <span class="cpuicon cpuicon-contactinfo"></span>
    <span class="cpuicon cpuicon-currency"></span>
    <span class="cpuicon cpuicon-dashboard"></span>
    <span class="cpuicon cpuicon-calendar-event"></span>
    <span class="cpuicon cpuicon-debt-trustee"></span>
    <span class="cpuicon cpuicon-demutualization"></span>
    <span class="cpuicon cpuicon-dividendreinvestment"></span>
    <span class="cpuicon cpuicon-documentlibrary"></span>
    <span class="cpuicon cpuicon-document"></span>
    <span class="cpuicon cpuicon-download"></span>
    <span class="cpuicon cpuicon-dutchauction"></span
    <span class="cpuicon cpuicon-email"></span>
    <span class="cpuicon cpuicon-email-2"></span>
    <span class="cpuicon cpuicon-enterprise"></span>
    <span class="cpuicon cpuicon-expand"></span>
    <span class="cpuicon cpuicon-expertise"></span>
    <span class="cpuicon cpuicon-external-links"></span>
    <span class="cpuicon cpuicon-facebook"></span>
    <span class="cpuicon cpuicon-fax"></span>
    <span class="cpuicon cpuicon-filing"></span>
    <span class="cpuicon cpuicon-fillableforms"></span>
    <span class="cpuicon cpuicon-fiscalagent"></span>
    <span class="cpuicon cpuicon-forms"></span>
    <span class="cpuicon cpuicon-globe"></span>
    <span class="cpuicon cpuicon-growth"></span>
    <span class="cpuicon cpuicon-country"></span>
    <span class="cpuicon cpuicon-home"></span>
    <span class="cpuicon cpuicon-implementation"></span>
    <span class="cpuicon cpuicon-intuitiveinterface"></span>
    <span class="cpuicon cpuicon-laptop"></span>
    <span class="cpuicon cpuicon-linechart"></span>
    <span class="cpuicon cpuicon-linkedin"></span>
    <span class="cpuicon cpuicon-lock"></span>
    <span class="cpuicon cpuicon-lookup"></span>
    <span class="cpuicon cpuicon-certificatesearch"></span>
    <span class="cpuicon cpuicon-shareholdersearch"></span>
    <span class="cpuicon cpuicon-mail-open"></span>
    <span class="cpuicon cpuicon-tour"></span>
    <span class="cpuicon cpuicon-triangle-up"></span>
    <span class="cpuicon cpuicon-triangle-right"></span>
    <span class="cpuicon cpuicon-triangle-down"></span>
    <span class="cpuicon cpuicon-triangle-left"></span>  
    <span class="cpuicon cpuicon-pdf"></span>  
</div>
*/
@font-face {
  font-family: "Glyphicons Cpu";
  src: url("../fonts/cpu_icons.eot");
  src: url("../fonts/cpu_icons.eot?#iefix") format("embedded-opentype"), url("../fonts/cpu_icons.woff") format("woff"), url("../fonts/cpu_icons.ttf") format("truetype"), url("../fonts/cpu_icons.svg") format("svg");
}
.cpuicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Cpu";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html:not(.fontface) .cpuicon {
  display: block;
}

.fontface .cpuicon {
  display: inline-block;
}
.fontface .cpuicon-mouse:before {
  content: "\e600";
}
.fontface .cpuicon-mail-open:before {
  content: "\e980";
}
.fontface .cpuicon-reuse:before {
  content: "\e929";
}
.fontface .cpuicon-arrow-right:before {
  content: "\e947";
}
.fontface .cpuicon-pie:before {
  content: "\e91a";
}
.fontface .cpuicon-manage-account:before {
  content: "\e905";
}
.fontface .cpuicon-transfer:before {
  content: "\e93c";
}
.fontface .cpuicon-scan:before {
  content: "\e92b";
}
.fontface .cpuicon-cancel:before {
  content: "\e951";
}
.fontface .cpuicon-cross:before {
  content: "\e952";
}
.fontface .cpuicon-fax:before {
  content: "\e971";
}
.fontface .cpuicon-monitor:before {
  content: "\e90d";
}
.fontface .cpuicon-laptop:before {
  content: "\e97d";
}
.fontface .cpuicon-card:before {
  content: "\e953";
}
.fontface .cpuicon-barchart:before {
  content: "\e94b";
}
.fontface .cpuicon-contactinfo:before {
  content: "\e95f";
}
.fontface .cpuicon-home:before {
  content: "\e97a";
}
.fontface .cpuicon-documentlibrary:before {
  content: "\e966";
}
.fontface .cpuicon-barcode:before {
  content: "\e94c";
}
.fontface .cpuicon-arrow:before {
  content: "\e948";
}
.fontface .cpuicon-chat:before {
  content: "\e955";
}
.fontface .cpuicon-tablet:before {
  content: "\e935";
}
.fontface .cpuicon-addresschange:before {
  content: "\e944";
}
.fontface .cpuicon-globe:before {
  content: "\e976";
}
.fontface .cpuicon-clock:before {
  content: "\e946";
}
.fontface .cpuicon-accounts:before {
  content: "\e943";
}
.fontface .cpuicon-question:before {
  content: "\e922";
}
.fontface .cpuicon-bankingdetails:before {
  content: "\e94a";
}
.fontface .cpuicon-lock:before {
  content: "\e984";
}
.fontface .cpuicon-tick:before {
  content: "\e939";
}
.fontface .cpuicon-tick-2:before {
  content: "\e93a";
}
.fontface .cpuicon-refresh:before {
  content: "\e925";
}
.fontface .cpuicon-smartphone:before {
  content: "\e932";
}
.fontface .cpuicon-settings:before {
  content: "\e92e";
}
.fontface .cpuicon-market:before {
  content: "\e907";
}
.fontface .cpuicon-search:before {
  content: "\e92c";
}
.fontface .cpuicon-forms:before {
  content: "\e975";
}
.fontface .cpuicon-currency:before {
  content: "\e90f";
}
.fontface .cpuicon-video:before {
  content: "\e941";
}
.fontface .cpuicon-user:before {
  content: "\e940";
}
.fontface .cpuicon-email:before {
  content: "\e96a";
}
.fontface .cpuicon-email-2:before {
  content: "\e96b";
}
.fontface .cpuicon-phone:before {
  content: "\e919";
}
.fontface .cpuicon-communicate:before {
  content: "\e95d";
}
.fontface .cpuicon-download:before {
  content: "\e968";
}
.fontface .cpuicon-bulb:before {
  content: "\e94e";
}
.fontface .cpuicon-target:before {
  content: "\e936";
}
.fontface .cpuicon-printableform:before {
  content: "\e921";
}
.fontface .cpuicon-commpreferences:before {
  content: "\e95e";
}
.fontface .cpuicon-reveal:before {
  content: "\e92a";
}
.fontface .cpuicon-minus:before {
  content: "\e90b";
}
.fontface .cpuicon-arrows:before {
  content: "\e949";
}
.fontface .cpuicon-payment:before {
  content: "\e917";
}
.fontface .cpuicon-alert:before {
  content: "\e945";
}
.fontface .cpuicon-print:before {
  content: "\e920";
}
.fontface .cpuicon-fillableforms:before {
  content: "\e973";
}
.fontface .cpuicon-shoppingcart:before {
  content: "\e930";
}
.fontface .cpuicon-marketdataresearch:before {
  content: "\e906";
}
.fontface .cpuicon-news:before {
  content: "\e911";
}
.fontface .cpuicon-mail:before {
  content: "\e904";
}
.fontface .cpuicon-document:before {
  content: "\e967";
}
.fontface .cpuicon-lookup:before {
  content: "\e983";
}
.fontface .cpuicon-reminder:before {
  content: "\e927";
}
.fontface .cpuicon-menu:before {
  content: "\e909";
}
.fontface .cpuicon-pricehistory:before {
  content: "\e91f";
}
.fontface .cpuicon-security:before {
  content: "\e92d";
}
.fontface .cpuicon-quicklinks:before {
  content: "\e644";
}
.fontface .cpuicon-trainingvideo:before {
  content: "\e93b";
}
.fontface .cpuicon-linechart:before {
  content: "\e97e";
}
.fontface .cpuicon-toolbox:before {
  content: "\e94d";
}
.fontface .cpuicon-calculator:before {
  content: "\e94f";
}
.fontface .cpuicon-callcenter:before {
  content: "\e950";
}
.fontface .cpuicon-certification:before {
  content: "\e954";
}
.fontface .cpuicon-checklist:before {
  content: "\e956";
}
.fontface .cpuicon-communicationchannels:before {
  content: "\e95e";
}
.fontface .cpuicon-dashboard:before {
  content: "\e597";
}
.fontface .cpuicon-date:before {
  content: "\e962";
}
.fontface .cpuicon-debt-trustee:before {
  content: "\e963";
}
.fontface .cpuicon-demutualisation:before {
  content: "\e964";
}
.fontface .cpuicon-dividendreinvestment:before {
  content: "\e965";
}
.fontface .cpuicon-dutchauction:before {
  content: "\e969";
}
.fontface .cpuicon-enterprise:before {
  content: "\e96c";
}
.fontface .cpuicon-expertise:before {
  content: "\e96e";
}
.fontface .cpuicon-filing:before {
  content: "\e972";
}
.fontface .cpuicon-fiscalagent:before {
  content: "\e974";
}
.fontface .cpuicon-growth:before {
  content: "\e977";
}
.fontface .cpuicon-implementation:before {
  content: "\e97b";
}
.fontface .cpuicon-intuitiveinterface:before {
  content: "\e97c";
}
.fontface .cpuicon-certificatesearch:before {
  content: "\e982";
}
.fontface .cpuicon-medalionguarantee:before {
  content: "\e908";
}
.fontface .cpuicon-multichannel:before {
  content: "\e90e";
}
.fontface .cpuicon-multiplecurrencies:before {
  content: "\e90f";
}
.fontface .cpuicon-multiplelanguages:before {
  content: "\e910";
}
.fontface .cpuicon-online-document-hosting:before {
  content: "\e912";
}
.fontface .cpuicon-online-enrolment:before {
  content: "\e913";
}
.fontface .cpuicon-online-reporting:before {
  content: "\e914";
}
.fontface .cpuicon-org-chart:before {
  content: "\e915";
}
.fontface .cpuicon-personalised-service:before {
  content: "\e918";
}
.fontface .cpuicon-plus:before {
  content: "\e91b";
}
.fontface .cpuicon-plus-2:before {
  content: "\e91c";
}
.fontface .cpuicon-postcard:before {
  content: "\e91e";
}
.fontface .cpuicon-merger-cleanup:before {
  content: "\e91d";
}
.fontface .cpuicon-redemption:before {
  content: "\e924";
}
.fontface .cpuicon-regulatory-requirements:before {
  content: "\e926";
}
.fontface .cpuicon-report:before {
  content: "\e928";
}
.fontface .cpuicon-small-shareholder-cleanup:before {
  content: "\e931";
}
.fontface .cpuicon-stock-split:before {
  content: "\e933";
}
.fontface .cpuicon-support:before {
  content: "\e934";
}
.fontface .cpuicon-team:before {
  content: "\e937";
}
.fontface .cpuicon-tender-offer:before {
  content: "\e938";
}
.fontface .cpuicon-transparency:before {
  content: "\e93d";
}
.fontface .cpuicon-upload:before {
  content: "\e93f";
}
.fontface .cpuicon-arrow-left:before {
  content: "\e90a";
}
.fontface .cpuicon-partnership:before {
  content: "\e916";
}
.fontface .cpuicon-share:before {
  content: "\e92f";
}
.fontface .cpuicon-twitter:before {
  content: "\e93e";
}
.fontface .cpuicon-youtube:before {
  content: "\e942";
}
.fontface .cpuicon-chevron-down:before {
  content: "\e957";
}
.fontface .cpuicon-chevron-left:before {
  content: "\e958";
}
.fontface .cpuicon-chevron-right:before {
  content: "\e959";
}
.fontface .cpuicon-chevron-up:before {
  content: "\e95a";
}
.fontface .cpuicon-clock-time:before {
  content: "\e95c";
}
.fontface .cpuicon-calendar-event:before {
  content: "\e962";
}
.fontface .cpuicon-demutualization:before {
  content: "\e964";
}
.fontface .cpuicon-expand:before {
  content: "\e96d";
}
.fontface .cpuicon-external-links:before {
  content: "\e96f";
}
.fontface .cpuicon-facebook:before {
  content: "\e970";
}
.fontface .cpuicon-country:before {
  content: "\e978";
}
.fontface .cpuicon-tour:before {
  content: "\e985";
}
.fontface .cpuicon-triangle-up:before {
  content: "\e986";
}
.fontface .cpuicon-triangle-right:before {
  content: "\e987";
}
.fontface .cpuicon-triangle-down:before {
  content: "\e988";
}
.fontface .cpuicon-triangle-left:before {
  content: "\e989";
}
.fontface .cpuicon-pdf:before {
  content: "\e98a";
}

@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Regular.ttf") format("truetype"), url("../fonts/Manrope-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope|Bold";
  src: url("../fonts/Manrope-Bold.ttf") format("truetype"), url("../fonts/Manrope-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Manrope|Light";
  src: url("../fonts/Manrope-Light.ttf") format("truetype"), url("../fonts/Manrope-Light.ttf") format("truetype");
}
/*
## Body copy

All body copy and navigation text must be resizable using browser settings. Arial is used as the font for body copy.

The font-size of the body copy can vary depending on the application and where it is displayed on the page. 

    <p>An updated version of Roboto has recently been added to the branding package which contains extra currency symbols including the Turkish Lira &#8378; the `@font-family-sans-serif` LESS variable has been updated to 
       use Roboto if the symbols cannot be found in the other fonts in the stack.</p>

    <p>It seems internally we may have missed out on a patch to add support for the Turkish Lira symbol on Windows 7 machines: https://support.microsoft.com/en-us/help/2739286/an-update-that-adds-support-for-the-new-currency-symbol-of-the-turkish, 
    not sure how widespread this would be externally, however, the above changes will only take effect if the symbol isn't found in other fonts in the stack</p>

	<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.</p>

	<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.</p>

	<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p>

*/
/*
## Hyperlinks
---
Visited/Unvisited/Active hyperlinks must always be the primary purple or primary brand colour, with a bold weighting.

On hover the hyperlink must transition to a brand accent of the primary (e.g. lighter purple), and have an underline. 

The hyperlink style should be used for textural links appearing on any page, and could be considered for usage for optional user actions. 

Hyperlinks on breakpoints greater than medium must always contain a tool tip to guide users. 

    <p>Example text with a <a href="#">hyperlink</a> and some more regular text</p>
*/
/*
<h3>Recommendations on handling hyperlink targets</h3>

When a user moves from the Corporate Site to a transactional site, the transactional site must always open in a new tab or window.

For transactional sites, taking the user to a new window should be avoided in general - taking the user away from the parent screen introduces 
usability issues with navigating back especially on a smartphone. Often in this scenario users do not notice new tabs opening, and if they do they 
often don't know how to navigate back. 

Sometimes opening a new window/tab cannot be avoided, or it is out of our control (E.g. browser controls or opening documents). 

So if opening in a new window will occur then you can mitigate the negative usability impact by making it obvious and giving 
some instructions to the user (E.g. using a light box to warn them). 

Acceptable scenarios for opening a new window are;
-	Opening a document 
-	Opening an external website 

In limited use cases, opening a new window/tab can increase usability. For example instructions where you want to view simultaneously with the software. 
However you must have the screen real estate for this to be a viable option. 

*/
/*
## Headings

Headings may be in brand primary purple, brand secondary green or body grey for Computershare branded sites. For client branded or sub-brand sites, headings may be in brand primary, brand secondary and brand body. 
Headings use the corporate font 'Roboto' included with this package. 

    <div>
        <h1>Heading 1</h1>
	    <h2>Heading 2</h2>
	    <h3>Heading 3</h3>
	    <h4>Heading 4</h4>
	    <h5>Heading 5</h5>
	    <h6>Heading 6</h6>
    </div>
*/
/*
## Highlight text
---

Highlight text should be used when you wish to draw a user's attention to a specific piece of text on a page, which is not an error or a warning. 
Ensure you keep the highlight text message short, so no heading or other text differentiation is required. 

    <h3 class="text-highlight">Highlighted heading</h3>
    <p class="text-highlight">Some highlighted text</p>


*/
.text-highlight {
  color: #91c60f;
}

/*
## Compact
---

Use as an alternative to 'small' - reduces 17px element to 15px

    <p class="compact">Compact content</p>


*/
.compact {
  font-size: 88.2351%;
}

/*
## has-notes
---

Use to highlight text which has a tooltip or provides further details

    <p>This is a regular paragraph but <span class="has-notes">this text has notes</span></p>


*/
.has-notes {
  border-bottom: 1px dotted;
  cursor: pointer;
}

/*
## inherit-color
---

Use to override any colors set elsewhere

    <h2 class="inherit-color">Overrides the default colour set on h2</p>


*/
.inherit-color {
  color: inherit;
}

/*
## Horizontal rule
---

Rules for the `hr` element, used as a divider 

    <hr />
*/
/*
## Forms
---

Basic form and label styles

    <div style="max-width: 400px;" data-note="ignore this wrapper div">
        <div class="form-group">
            <label for="username" class="control-label">Username</label>
            <input type="text" name="username" class="form-control">
        </div>
    </div>
*/
label {
  margin-bottom: 2px;
  font-weight: bold;
  font-size: 15px;
  color: #432063;
}

.label-summary {
  font-weight: normal;
  color: #aaa;
  display: block;
}

.form-control {
  border-radius: 3px;
  border: 1px solid #ced4da;
  height: 47px;
  font-size: 17px;
  box-shadow: none;
}
.form-control:focus, .form-control:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

input.form-control {
  -webkit-appearance: none;
  appearance: none;
}

/*
## Form errors (inline)
---
An in line error message must display when the user has incorrectly entered information or there is missing information on a form. The field label is hidden and the error message content (`.validationMessage`) is shown in it's place. The field and `.validationMessage` element should be highlighted red where user input is required. The error message displayed should be clear, concise and contain the field label in the message. If the field has complex validations, a help panel should be used to assist the user completing the field. Field errors should not contain complex validation rules, only simple error messages. When a field error occurs users need to be taken to the error field on the form, so they are given visibility that there is an error. If there are multiple field errors on a page, the user should be taken to the first error on the page.

    <div style="max-width: 400px;" data-note="ignore this wrapper div">
        <div class="form-group has-error">
            <label for="username" class="control-label">Username</label>
            <span class="validationMessage">Please enter a valid username</span>
            <input type="text" name="username" class="form-control">
        </div>
    </div>
*/
.has-error .control-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.has-error .form-control {
  border: 1px solid #ED0000;
}
.has-error .form-control:focus, .has-error .form-control:active {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ff5454;
}

.validationMessage {
  font-size: 15px;
  color: #ED0000;
  clear: both;
  display: block;
  margin-bottom: 2px;
  font-weight: bold;
}

/*
## Checkboxes
---

Checkboxes are common input controls used to guide users to select from a set of options

Consider using checkboxes if:
<ul>
<li>you allow users to make multiple selections, or</li>
<li>selection is optional, or</li>
<li>there is only one option to select</li>
</ul>

Checkboxes can be displayed vertically or horizontally depending on available real estate and readability for the user

For a simple selection the checkbox and label should be actionable

Consider using group labels to increase usability.
<ul>
<li>group labels provide a neat space to display a mandatory indicator</li>
<li>form factor may be important, ie show group label on larger but not show on smaller</li>
</ul>


    <div class="checkbox">
        <label>
            <input class="cpu-checkbox" checked type="checkbox" name="cpu-checkbox"  />
            <span>This is checked check box</span>
            <span class="label-summary">Optional description or help text</span>
        </label>
    </div>
    <div class="checkbox">
        <label>
            <input class="cpu-checkbox" type="checkbox" name="cpu-checkbox"  />
            <span>This is check box</span>
            <span class="label-summary">Optional description or help text</span>
        </label>
    </div>      
*/
/*
## Radio buttons
---
Radio buttons are common input controls used to guide users to select from a set of options

Consider using radio buttons if:
<ul>
<li>it is mandatory to select 1, and only 1, option from a group of 2 or more options</li>
<li>there are only 2 options for selection</li>
</ul>

Radio buttons can be displayed vertically or horizontally depending on available real estate and readability for the user

For a simple selection the radio button and label should be actionable

Consider using group labels to increase usability.
<ul>
<li>group labels provide a neat space to display a mandatory indicator</li>
<li>form factor may be important, ie show group label on larger but not show on smaller</li>
</ul>

    <div class="radio">
        <label>
            <input class="cpu-radio" checked type="radio" value="example" name="cpu-radio" />
            <span>This is a checked radio button</span>
            <span class="label-summary">Optional description or help text</span>
        </label>
    </div>
    <div class="radio">
        <label>
            <input class="cpu-radio" type="radio" value="example02" name="cpu-radio" />
            <span>This is a radio button</span>
            <span class="label-summary">Optional description or help text</span>
        </label>
    </div>

*/
@keyframes hover-color {
  from {
    border-color: #848998;
  }
  to {
    border-color: #93186c;
  }
}
.radio input.cpu-radio,
.checkbox input.cpu-checkbox {
  display: block;
  margin-left: -3000em;
}

.cpu-radio[disabled],
.cpu-checkbox[disabled] {
  cursor: not-allowed;
}

.cpu-radio + span,
.cpu-checkbox + span {
  position: relative;
  display: block;
  padding-left: 10px;
  cursor: pointer;
  vertical-align: middle;
  font-weight: normal;
}
.cpu-radio + span:hover:before,
.cpu-checkbox + span:hover:before {
  animation-duration: 0.8s;
  animation-fill-mode: both;
  animation-name: hover-color;
}
.cpu-radio + span:before,
.cpu-checkbox + span:before {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  border: 1px solid #848998;
}
.cpu-radio + span:after,
.cpu-checkbox + span:after {
  position: absolute;
  display: none;
  content: "";
}

.cpu-radio ~ span,
.cpu-checkbox ~ span {
  padding-left: 10px;
}

.cpu-radio[disabled] + span,
.cpu-checkbox[disabled] + span {
  cursor: not-allowed;
  color: #aaa;
  font-style: italic;
}
.cpu-radio[disabled] + span:hover, .cpu-radio[disabled] + span:before, .cpu-radio[disabled] + span:after,
.cpu-checkbox[disabled] + span:hover,
.cpu-checkbox[disabled] + span:before,
.cpu-checkbox[disabled] + span:after {
  cursor: not-allowed;
}
.cpu-radio[disabled] + span:hover:before,
.cpu-checkbox[disabled] + span:hover:before {
  border: 1px solid #e9ecef;
  animation-name: none;
}
.cpu-radio[disabled] + span:before,
.cpu-checkbox[disabled] + span:before {
  border-color: #e9ecef;
}

.cpu-radio:checked + span,
.cpu-checkbox:checked + span {
  font-weight: bold;
}
.cpu-radio:checked + span:before,
.cpu-checkbox:checked + span:before {
  animation-name: none;
}
.cpu-radio:checked + span:after,
.cpu-checkbox:checked + span:after {
  display: block;
}

.cpu-radio + span:before {
  border-radius: 50%;
}
.cpu-radio + span:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f1f1f1;
  margin-left: -20px;
}

.cpu-radio:checked + span:before {
  border: 1px solid #93186c;
  background: #93186c;
}

.cpu-radio[disabled]:checked + span:before {
  border: 1px solid rgb(228.8947368421, 95.1052631579, 186.4736842105);
}
.cpu-radio[disabled]:checked + span:after {
  background: rgb(228.8947368421, 95.1052631579, 186.4736842105);
}

.cpu-radio ~ .radio-summary-extended {
  display: none;
}

.cpu-radio:checked ~ .radio-summary-extended {
  display: block;
}

.radio .radio-summary {
  display: block;
  font-size: 15px;
  color: #aaa;
  margin-left: 10px;
}

.cpu-checkbox + span:before {
  border-radius: 3px;
}
.cpu-checkbox + span:after {
  top: 2px;
  left: 7px;
  box-sizing: border-box;
  width: 6px;
  height: 12px;
  transform: rotate(45deg);
  border-width: 2px;
  border-style: solid;
  border-color: #fff;
  border-top: 0;
  border-left: 0;
  margin-left: -20px;
}

.cpu-checkbox:checked + span:before {
  border: #93186c;
  background: #93186c;
}

.cpu-checkbox[disabled]:checked + span:before {
  border: rgb(228.8947368421, 95.1052631579, 186.4736842105);
  background: rgb(228.8947368421, 95.1052631579, 186.4736842105);
}

.cpu-radio:focus + span:before,
.cpu-checkbox:focus + span:before {
  outline-width: 2px;
  outline-style: solid;
  outline-color: Highlight;
}

@media (-webkit-min-device-pixel-ratio: 0) {
  .cpu-radio:focus + span:before,
  .cpu-checkbox:focus + span:before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
}
/*
## Date selector field
---
Coming soon...

A date selector field should always be used when a user needs to enter or select a date. A free format field should never be used. 

You should only allow users to select valid dates for the usage scenario. Do not allow them to select dates that will result in an error. 

*/
/*
## Optional field indicator

An optional field indicator can be used to highlight fields that are optional on a user input form, and therefore draw attention to those fields which are mandatory.

The optional fields on a user input form are identified by using the word Optional in brackets after the field label. E.g. (Optional). 

An optional field indicator should not be used in conjunction on a form with a mandatory field indicator. 

    <label>An example label<span>(optional)</span></label>
*/
/*
## Terms & Conditions
The User Interface elements used to display terms and conditions varies depending on the type of terms and conditions and the application. The standard ways to display terms and conditions are by using the following UI elements;

-	Hyperlink
-	Light box
-	Simple Content page

Site terms and conditions must be available on every page within the footer, or via the site menu for users to view.
Other terms and conditions (such as transactional) should be presented to the user via hyperlink within the relevant pages of the application.
Terms and conditions can be viewed in either a light box, or on a simple content page depending on your application.

When displaying terms and conditions using either a light box or a simple content page, there must always be a ‘Close’ primary action available to the user.
*/
/*
## Input group addon

Use to position a drop down menu to the left of a field. Used in CPM for a telephone field with drop down of country codes.

    <div class="form-group">
	    <label class="form-label">
		    An example field with a country selector
	    </label>

	    <div class="has-feedback">
		<div class="dropdown input-group-addon-dropdown">
				<a id="btn-country" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
					<span class="flags flags-AU"></span>
					<span class="btn-cc">+61</span>
					<span class="caret"></span>
				</a>
				<ul class="dropdown-menu">
					<li>
						<a href="javascript:void(0)" role="button" class="country">
							<i class="flags flags-AU" data-bind="css: 'flags-' + cca2"></i>
							<span data-bind="text: text">Australia</span><i class="callingCode" style="margin-left: 10px;">+<span data-bind="text:callingCode">61</span></i>
						</a>
					</li>
					<li>
						<a href="javascript:void(0)" role="button" class="country">
							<i class="flags flags-CN" data-bind="css: 'flags-' + cca2"></i>
							<span data-bind="text: text">China</span><i class="callingCode" style="margin-left: 10px;">+<span data-bind="text:callingCode">86</span></i>
						</a>
					</li>
					<li>
						<a href="javascript:void(0)" role="button" class="country">
							<i class="flags flags-HK" data-bind="css: 'flags-' + cca2"></i>
							<span data-bind="text: text">Hong Kong SAR China</span><i class="callingCode" style="margin-left: 10px;">+<span data-bind="text:callingCode">852</span></i>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>

*/
.input-group-addon-dropdown {
  position: absolute;
  height: 100%;
  padding: 0;
  z-index: 4;
  cursor: pointer;
}
.input-group-addon-dropdown > a {
  height: 100%;
  padding: 13px 0 0 15px;
  display: inline-block;
}
.input-group-addon-dropdown ul {
  width: 270px;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 300px;
}
.input-group-addon-dropdown ul a {
  white-space: normal;
}
.input-group-addon-dropdown .flags {
  width: 19px;
  height: 14px;
  display: inline-block;
}
.input-group-addon-dropdown + .form-control {
  padding-left: 100px;
}

/* 
##validator-indicators-container
---

Styling for validator indicator box 

    <div class="validator-indicators-container" style="width: 250px;">
        <input type="text" class="form-control" />
        <div class="validator-indicators">
            <div>
                <ul class="list-unstyled">
                    <li class="text-danger">At least 8 characters</li>
                    <li class="text-danger">At least 1 digit</li>
                    <li class="text-success">At least 1 symbol</li>
                </ul>
            </div>
        </div>
    </div>
*/
.validator-indicators-container {
  position: relative;
}

.validator-indicators:after,
.validator-indicators:before {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

@media (min-width: 768px) {
  .validator-indicators {
    position: absolute;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: 15px 0 0 15px;
    width: 300px;
    font-size: 15px;
    top: 50%;
    transform: translate(100%, -50%);
    right: -15px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .validator-indicators:after,
  .validator-indicators:before {
    right: 100%;
    top: 50%;
  }
  .validator-indicators:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 10px;
    margin-top: -10px;
  }
  .validator-indicators:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 11px;
    margin-top: -11px;
  }
}
@media (max-width: 767px) {
  .validator-indicators {
    position: relative;
    border-radius: 4px;
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.175);
    padding: 15px 15px 0;
    font-size: 15px;
    right: 0px;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 15px;
  }
  .validator-indicators:after,
  .validator-indicators:before {
    top: 100%;
    left: 50%;
  }
  .validator-indicators:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
  }
  .validator-indicators:before {
    border-color: rgba(204, 204, 204, 0);
    border-top-color: #ccc;
    border-width: 11px;
    margin-left: -11px;
  }
}
/*
##Range inputs (Sliders)

The branding package automatically adds default styling to range input types, additional classes and elements can be added as described below.

Carefully consider the use of sliders in your application, whilst range inputs can be useful when choosing between a small set of values, they can become quite difficult to use to select larger ranges of values.

<h3>Default range styling</h3>

    <input type="range" min="0" max="50" value="20" />
*/
input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0 0 0;
  width: 100%;
  padding-bottom: 0;
  position: relative;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #93186c;
  border-radius: 1.3px;
  border: 0;
}
input[type=range]::-webkit-slider-thumb {
  height: 15px;
  width: 15px;
  margin-top: -5px;
  border: 0;
  border-radius: 50%;
  background: #93186c;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-thumb, input[type=range]:active::-webkit-slider-thumb {
  transform: scale(1.4);
}
input[type=range]::-moz-focus-outer {
  border: 0;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #93186c;
  border-radius: 1.3px;
  border: 0;
}
input[type=range]::-moz-range-progress {
  height: 5px;
  background-color: #93186c;
}
input[type=range]::-moz-range-thumb {
  height: 15px;
  width: 15px;
  margin-top: -5px;
  border: 0;
  border-radius: 50%;
  background: #93186c;
  cursor: pointer;
}
input[type=range]:focus::-moz-range-thumb, input[type=range]:active::-moz-range-thumb {
  transform: scale(1.4);
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 8px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: linear-gradient(to right, #fff 0%, #fff 10.5px, #93186c 10.5px, #93186c 100%);
}
input[type=range]::-ms-fill-upper {
  background: linear-gradient(to left, #fff 0%, #fff 10.5px, #93186c 10.5px, #93186c 100%);
}
input[type=range]::-ms-thumb {
  height: 15px;
  width: 15px;
  border: 0;
  border-radius: 50%;
  background: #93186c;
  cursor: pointer;
  margin: 0 10.5px;
}
input[type=range]:focus::-ms-thumb, input[type=range]:active::-ms-thumb {
  transform: scale(1.4);
}

/*
<h3>Remove slider value tooltip in IE</h3>

Add the `.no-ie-tooltip` class to hide the value tooltip which appears in IE11 (only do this if adding your own range values as described below)

    <input type="range" class="no-ie-tooltip" min="0" max="50" value="20" />

*/
input[type=range].no-ie-tooltip::-ms-tooltip {
  display: none;
}

/*
<h3>Show progress using the `range-progress` class</h3>

Add the `.range-progress` class to indicate progress by changing the track colour to grey and show the progress in the primary colour. 
Note you will need JavaScript to achieve this effect cross-browser (CSS works only in IE11 and Firefox), see the example page at:
http://go.cshare.net/teams/digital-business-channels/ui/StyleGuide/examples/sliders.html for details

    <input type="range" class="range-progress no-ie-tooltip" min="0" max="50" value="20" />

*/
input[type=range].range-progress {
  margin: 18px 10.5px 0 10.5px;
  width: calc(100% - 21px);
}
input[type=range].range-progress::-moz-range-track {
  background: #bdc2cc;
}
input[type=range].range-progress::-ms-fill-upper {
  background: linear-gradient(to left, #fff 0%, #fff 10.5px, #bdc2cc 10.5px, #bdc2cc 100%);
}

/*
<h3>Add min, max and current markers</h3>

Add the `.range-values` element as shown below to add min and max values for your slider. JavaScript is needed to correctly position the current value, see the example page at:
http://go.cshare.net/teams/digital-business-channels/ui/StyleGuide/examples/sliders.html for details

Add the `.range-progress-indent` class to the slider to match up the ends of the slider with the min and maximum range values elements.

    <input type="range" class="range-progress range-progress-indent no-ie-tooltip" min="0" max="50" value="20" />
    <div class="range-values">
        <span class="range-current-value" aria-hidden="true" style="left: 40%">20</span><!--change the left position with JavaScript-->
        <span class="sr-only">,</span><!--comma causes a pause in screen readers between current value and min/max-->
        <span class="range-value-min"><span>0</span><span class="sr-only">Minimum:</span></span>
        <span class="range-value-max"><span>50</span><span class="sr-only">Maximum:</span></span>
	</div>

*/
input[type=range].range-progress-indent::-ms-fill-upper {
  background: linear-gradient(to left, #fff 0%, #fff 10.5px, #bdc2cc 10.5px, #bdc2cc calc(100% - 10.5px));
}
input[type=range].range-progress-indent::-ms-fill-lower {
  background: linear-gradient(to right, #fff 0%, #fff 10.5px, #93186c 10.5px, #93186c calc(100% - 10.5px));
}
input[type=range].range-progress-indent::-moz-range-track {
  background: linear-gradient(to left, #fff 0%, #fff 10.5px, #bdc2cc 10.5px, #bdc2cc calc(100% - 10.5px));
}
input[type=range].range-progress-indent::-moz-range-progress {
  background: linear-gradient(to right, #fff 0%, #fff 10.5px, #93186c 10.5px, #93186c calc(100% - 10.5px));
}

.range-values {
  position: relative;
  margin: 15px 18px 0 18px;
  font-size: 12px;
  height: 1em;
}

.range-current-value {
  position: absolute;
  background: #fff;
  transform: translate(-50%, 0);
  z-index: 1;
  padding: 0 4px;
}

.range-value-min {
  position: absolute;
  left: 0;
  transform: translate(-50%, 0);
}

.range-value-max {
  position: absolute;
  right: 0;
  transform: translate(50%, 0);
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .range-values {
    margin: 15px 28.5px 0 28.5px;
  }
}
/*
## Basic card styles 
---

Rules for `.card` and `.card-default`

    <div class="card card-default">
        <div class="card-header">
            <h2>Card heading</h2>
        </div>
        <div class="card-body">
            <p>Card body</p>
        </div>  
    </div>

*/
.card {
  font-size: 17px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  /*review this*/
  margin-bottom: 20px;
}

.card-default > .card-header {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid #ededf1;
}
.card-default > .card-header h2, .card-default > .card-header .h2 {
  margin-top: 0;
  padding-top: 15px;
}

/*
## Card tab styles 
---

Rules for the `.panel-tab` element.

    <div style="padding: 60px;background: #f4f6f7;">
        <div class="card card-tab">
            <div class="card-header">
                <span class="card-tab-title">Card tab heading</span>
                <p>Card heading content</p>
            </div>
            <div class="card-body">
                <p>Card body content</p>
            </div>       
        </div>
    </div>
*/
.card-tab {
  border: 1px solid #e2e4e5;
  border-top-left-radius: 0;
}
.card-tab .card-header {
  position: relative;
  border-top-left-radius: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid #ededf1;
  padding: 10px 15px;
}
.card-tab .card-header > .card-tab-title {
  padding: 10px 28px 9px;
  margin: 0;
  position: absolute;
  background: #fff;
  margin-top: -55px;
  left: -1px;
  border-radius: 6px 6px 0 0;
  border: 1px solid #e2e4e5;
  border-bottom: 0px;
  font-size: 18px;
  line-height: 1.5;
}

/*
## Card Heading primary 
---

Use for the primary card heading on the page - eg the My Holdings panel on homepage

    <div class="card card-default">
        <div class="card-header card-header-primary">
            <span class="card-header-primary-title">Panel heading primary</span>
        </div>
        <div class="card-body">
            <p>Card body content</p>
        </div>
    </div>

*/
.card-default > .card-header-primary {
  text-align: center;
  background: #f4f6f7;
  box-shadow: none;
  border-bottom: 1px solid #eaecf3;
  padding: 20px 0;
  font-family: "Manrope", Arial, helvetica, SimSun, "宋体", STXihei, "华文细黑", sans-serif;
}
.card-default > .card-header-primary .cpuicon {
  margin-right: 5px;
  font-weight: bold;
  position: relative;
  top: 3px;
}
.card-default > .card-header-primary > .card-header-primary-title {
  margin: 5px;
  font-weight: normal;
  font-size: 28px;
}

/*
## Card primary 
---
Add the `.card-primary` class to your panels to give them a header in the brands primary color

    <div class="card card-primary">
        <div class="card-header">
            <span>Intro text</span>
            <h2>Card primary heading</h2>
        </div>
        <div class="card-body">
            <p>Card primary body text</p>
        </div>
    </div>

*/
.card-primary {
  border: 0;
}
.card-primary > .card-header {
  padding: 27px 20px; /*might need to update this as not consistent with other panels but needed for CPM Home*/
  color: #fff;
  background: #93186c;
}
.card-primary > .card-header h2, .card-primary > .card-header .h2 {
  color: #fff;
  margin: 0;
}
.card-primary > .card-body {
  padding-top: 15px; /*might need to update this as not consistent with other panels but needed for CPM Home*/
  border: 1px solid #e2e4e5;
}

/*
## Narrow main card 
---

Use for a narrow content area which grows no larger than 768px

    <div class="card card-default card-narrow">
        <div class="card-header">
            <h2>Card narrow</h2>
        </div>
        <div class="card-body">
            <p>Card body content</p>
        </div>
    </div>

*/
.card-narrow {
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
}

/*
## Panel body title 
---

This class was previously used to set a 10px margin top on the main heading in the panel/card body.
It's no longer available in the Bootstrap 4 version of the branding package, you use the built in Bootstrap utility classes (in this case `.mt-2` to achieve the same effect)

     <div class="card card-default">
        <div class="card-header">
            <h2>Card Heading</h2>
        </div>
        <div class="card-body">
            <h2 class="mt-2">Card body title</h2>
            <p>Card body text</p>
        </div>
    </div>
*/
/*
## Cards with fixed image headers and footers
---
Add the following classes to create cards with fixed image headers and footers. Combine with Bootstrap 4 row, column and flex classes to achieve responsive layouts and cards which are the same height.

    <div class="row">
        <div class="col-md-6 col-lg-3 d-md-flex">
            <div class="card d-sm-flex mb-2">
                <div class="card-header-img">
                    <img src="https://www.computershare.com/PublishingImages/GettyImages-175381574.jpg?RenditionId=3" alt="">
                </div>
                <div class="card-body">
                    <h3 class="card-title">Card heading</h3>
                    <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
                </div>
                <div class="card-footer text-right">
                    <a href="#">Go somewhere</a>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3 d-md-flex">
            <div class="card d-sm-flex mb-2">
                <div class="card-header-img">
                    <img src="https://www.computershare.com/PublishingImages/Corporate%20action%20crowd.jpg?RenditionId=3" alt="" />
                </div>
                <div class="card-body">
                    <h3 class="card-title">Card heading</h3>
                    <p class="card-text">With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content</p>
                </div>
                <div class="card-footer text-right">
                    <a href="#">Go somewhere</a>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3 d-md-flex">
            <div class="card d-sm-flex mb-2">
                <div class="card-header-img">
                    <img src="https://www.computershare.com/PublishingImages/GettyImages-555799109.jpg?RenditionId=3" alt="" />
                </div>
                <div class="card-body">
                    <h3 class="card-title">Card heading</h3>
                    <p class="card-text">With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content.</p>
                </div>
                <div class="card-footer text-right">
                    <a href="#">Go somewhere</a>
                </div>
            </div>
        </div>
        <div class="col-md-6 col-lg-3 d-md-flex">
            <div class="card d-sm-flex mb-2">
                <div class="card-header-img">
                    <img src="https://www.computershare.com/PublishingImages/GettyImages-134574882.jpg?RenditionId=3" alt="" />
                </div>
                <div class="card-body">
                    <h3 class="card-title">Special title treatment</h3>
                    <p class="card-text">With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content. With supporting text below as a natural lead-in to additional content.</p>
                </div>
                <div class="card-footer text-right">
                    <a href="#">Go somewhere</a>
                </div>
            </div>
        </div>
    </div>
*/
.card-header-img {
  padding: 0;
  border: 0;
  max-height: 150px;
  overflow: hidden;
}
.card-header-img img {
  width: 100%;
}

.card-header-img ~ .card-footer {
  border-top: 0;
}

/*
## Collapsable panels - ie accordions

Coming soon...

Accordions are used to summarise and categorise displayed information. Using an accordion can increase usability by not overwhelming the user with content on initial display. 

Accordions save space and so are used for small screen sizes (e.g. smartphone view). 
Accordion tabs have;

•	A downwards arrow, or chevron, at the end of the row – primary purple or primary brand colour

•	Labels

Once a user expands an accordion the arrow changes to display upwards. User can tap the entire row to expand, or activate the accordion dropdown. 
Often only one accordion can be activated at a time – users can either tap on the upwards arrow to close or tap on another accordion tab which will open the new and close the existing. 
When using an accordion, consider the initial state presentation to your users. For example, do you want the first accordion expanded?


*/
/*
## Tables

Some general guidelines for making your tables easier to read and understand:

<ul>
<li>Data tables should always contain a header row</li> 
<li>All text on the same horizontal line within a table should be the same font size</li> 
<li>Consider using font size and weight to highlight the most important information</li> 
<li>Display currency code when showing a currency value</li>
<li>Currency code should be caps and can be in a font size smaller than the table font</li>
<li>Currency code should appear to the right of the currency value on medium/large breakpoints</li>
<li>Currency code can be displayed below the currency value on small/extra small breakpoints</li> 
<li>Consider omitting the year from dates when the year is not critical to the user e.g. 20 Aug, rather than 20 Aug 2017.</li> 
<li>Table rows can be grouped by year with a year separator line where appropriate</li> 
<li>Table data should always display in the standard body font colour (e.g. black)</li>
<li>Positive or negative values can be indicated using +/- and also a colour indicator where applicable (e.g. green for positive)</li>
<li>Consider using the `.table-hover` CSS class to add a background in a table row if a user hovers over any part of that row</li> 
<li>Try to show people a simplified view of your table data, and have either an expand/collapse feature, filtering/additional information capability where required for more complex information</li>
<li>If you can drilldown into more information from a data row, consider making the entire row clickable</li>
</ul>

*/
/*
## Basic table styles
---

Rules for the `.table` element.

    <table class="table">
        <thead>
            <tr>
                <th>Column 1</th>
                <th>Column 2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Data 1</td>
                <td>Data 2</td>
            </tr>
            <tr>
                <td>Data 1</td>
                <td>Data 2</td>
            </tr>
        </tbody>
    </table>

*/
.table > thead > tr > th {
  border-bottom-width: 1px;
  border-top: 0;
}

/*
## Summary table styles
---

Rules for the `.table-summary` element.

    <table class="table table-summary">
        <tbody>
            <tr>
                <th class="summary-label">
                    Example label
                </th>
                <td class="summary-data text-highlight">
                    3000
                </td>
            </tr>
            <tr>
                <th class="summary-label">
                    Example label
                </th>
                <td class="summary-data text-highlight">
                    $2,500 <span class="summary-currency">USD</span>
                </td>
            </tr>
        </tbody>
    </table>

*/
.table-summary > thead > tr > th {
  border-bottom: 0;
  padding-left: 0;
}

.table-summary > tbody > tr > th,
.table-summary > tbody > tr > td {
  padding: 5px 0 3px;
  border-top-color: #eaecf3;
  vertical-align: middle;
}

.summary-label {
  text-transform: uppercase;
  color: #9ba1b0;
  font-size: 12px;
}

.summary-data {
  font-size: 21px;
  text-align: right;
}

.summary-currency {
  font-size: 12px;
}

/*
## Cell alignment (deprecated - use Bootstrap `.text-right` instead)
---
Use the `.number` class to right align data in table cells

    <table class="table">
        <tr>
            <td class="number">
                1234355
            </td>
            <td class="number">
                1234355
            </td>
        </tr>
    </table>
*/
.number {
  text-align: right;
}

/*
## Stack tables (Bootstrap 4 update)
---
Use the `.table-stack-sm` class to present table rows as name/value pairs on small devices (<strong>Note the change from `.table-stack-xs` to `.table-stack-sm` in line with Bootstrap 4 breakpoints</strong>). 
Add a `.data-title` attribute to each td element, this is transformed into the name for the name/value pair. 
Also includes some rules to correctly hide and show collapseable rows inside `.table-stack-sm` tables - see https://getbootstrap.com/docs/4.0/components/collapse/ for details

     <table class="table table-stack-sm">
        <thead>
            <th>Column 1</th>
            <th>Column 2</th>
        </thead>
        <tr>
            <td data-title="Column 1">
                1234355
            </td>
            <td data-title="Column 2">
                1234355
            </td>
        </tr>
        <tr class="collapse show">
            <td data-title="Column 1">
                1234355
            </td>
            <td data-title="Column 2">
                1234355
            </td>
        </tr>
        <tr>
            <td data-title="Column 1">
                1234355
            </td>
            <td data-title="Column 2">
                1234355
            </td>
        </tr>
    </table>

*/
@media (max-width: 767.98px) {
  .table-stack-sm table,
  .table-stack-sm thead,
  .table-stack-sm tbody,
  .table-stack-sm th,
  .table-stack-sm td,
  .table-stack-sm tr {
    display: block;
  }
  .table-stack-sm thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  .table-stack-sm tr {
    margin-bottom: 30px;
  }
  .table-stack-sm tr th {
    border: none !important;
  }
  .table-stack-sm td {
    border: none;
    border-bottom: 1px solid #ccc;
    position: relative;
    white-space: normal;
    border-top: none !important;
    text-align: left;
    display: flex;
    flex: initial;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .table-stack-sm td:before {
    position: relative;
    padding-right: 10px;
    white-space: normal;
    text-align: left;
    font-weight: bold;
    font-size: 15px;
  }
  .table-stack-sm td:before {
    content: attr(data-title);
  }
  .table-stack-sm .collapse {
    display: none;
  }
  .table-stack-sm tr.collapse.show {
    display: block;
  }
}
/*
## flex
Cross browser class to give an element flex layout

    <div class="flex">
        An element width display: flex
    </div>
*/
.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}

/*
## flex-justify

Justify and align flex items

    <div class="flex-justify"> 
        <span>Element 1</span>
        <span>Element 2</span>
        <span>Element 3</span>
    </div>
*/
.flex-justify {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -ms-flex-pack: justify; /*ie10*/
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /*ie10 only*/
  .flex-justify > span, .flex-justify > label {
    display: inline-block;
    max-width: 100%;
  }
}
/*## Flexbox small (Bootstrap 4 update)

Replace the `.flexbox-sm` class with Bootstrap 4 `.d-sm-flex`

    <div class="row d-sm-flex">
        <div class="col-sm-6 d-sm-flex">
            <div class="card card-default">
                <div class="card-body">
                    <p>These columns will be equal height on small screen and above, and stack on extra small screens</p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 d-sm-flex">
            <div class="card card-default">
                <div class="card-body">
                    <p>These columns will be equal height on small screen and above, and stack on extra small screens. 
                    Notice how this panel has more content than the previous panel.</p>
                </div>
            </div>
        </div>
    </div>
*/
/*## Flexbox medium (Bootstrap 4 update)

Replace the `.flexbox-md` class with Bootstrap 4 `.d-md-flex`

    <div class="row d-md-flex">
        <div class="col-md-6 d-md-flex">
            <div class="card card-default">
                <div class="card-body">
                    <p>These columns will be equal height on medium screens and above, and stack on small screens</p>
                </div>
            </div>
        </div>
        <div class="col-md-6 d-md-flex">
            <div class="card card-default">
                <div class="card-body">
                    <p>These columns will be equal height on medium screen and above, and stack on small screens. 
                    Notice how this panel has more content than the previous panel.</p>
                </div>
            </div>
        </div>
    </div>
*/
/*## Wrap flexbox items (Bootstrap 4 update)

Replace the `.flex-wrap-items` with Bootstrap 4 `.flex-wrap` to wrap items to a new row when their contents become too large.

    <div class="row flex-sm flex-wrap">
        <div class="col-sm-6 col-md-3 d-sm-flex">
            <div class="card card-default mb-3">
                <div class="card-body">
                    <p>These four panels will be displayed side by side on medium screens and above. On small screen two rows will be shown. 
                    On extra small screens all panels will stack</p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 d-sm-flex">
            <div class="card card-default mb-3">
                <div class="card-body">
                    <p>Another panel using d-sm-flex, will be equal height with the tallest panel</p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 d-sm-flex">
            <div class="card card-default mb-3">
                <div class="card-body">
                    <p>Another panel using d-sm-flex, will be equal height with the tallest panel.</p>
                    <p>On small screens this panel will be shown on the second row.</p>
                </div>
            </div>
        </div>
        <div class="col-sm-6 col-md-3 d-sm-flex">
            <div class="card card-default mb-3">
                <div class="card-body">
                    <p>Another panel using d-sm-flex, will be equal height with the tallest panel</p>
                </div>
            </div>
        </div>
    </div>

*/
/*
## widget-float-center
Creates an absolutely positioned element which is centered vertically and horizontally. Needs to be used as a mixin, expects a `width` as an argument
Usage: <div class="widget-float-center"></div>
*/
/*
## pointer
Add `cursor: pointer` to elements which don't normally have a pointer. Avoid using on anchor `<a>` elements, as these should have a 'href' attribute instead.

    <div class="pointer">
        <span>Looks like you can click me!</span>
    </div>
*/
.pointer {
  cursor: pointer;
}

/*
## Utility spacing classes (Bootstrap 4)

Replace previous CPU spacing utilities, eg `.m-t-5` with Bootstrap 4 equivalents, eg `.mt-1` see: https://getbootstrap.com/docs/4.2/utilities/spacing/

*/
/*
## Display utilities (Bootstrap 4)

Previous use of `.d-block`, `.d-inline` and `d-inline-block` will continue to work in Bootstrap 4, other display utilities are also available, see: https://getbootstrap.com/docs/4.2/utilities/display/

*/
/*
## No Wrap (Bootstrap 4)

Replace `.no-wrap` with Bootstrap 4 `.text-nowrap`

    <div class=".text-nowrap">An example element with no-wrap set</div>
*/
/*
## Wizard steps
---
*/
.wizard-steps {
  margin: 9px 0 7px 0;
  padding: 0;
  min-height: 37px; /*set a height to reserve space before steps are shown*/
  height: 37px; /*for IE11*/
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  overflow: hidden; /*stop long step labels from spilling outside 100% on different resolutions*/
}
.wizard-steps > li {
  list-style: none;
  display: inline-block;
  position: relative;
  padding-left: 38px;
  vertical-align: middle;
  counter-increment: flag;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.wizard-steps > li:before {
  content: counter(flag);
  border-radius: 100%;
  width: 28px;
  height: 28px;
  line-height: 28px;
  background: #686868;
  color: #fff;
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px;
  -webkit-flex-grow: 0;
  -ms-flex-grow: 0;
  flex-grow: 0;
}
.wizard-steps > li.current:before {
  background: #93186c;
}
.wizard-steps > li.completed:before {
  content: "\e93a";
  background: #686868;
  font-family: "Glyphicons Cpu";
  padding-left: 5px;
  font-size: 14px;
}
.wizard-steps > li:after {
  height: 1px;
  width: 1px;
  content: "";
  display: block; /*for IE*/
  background: #d7d7d7;
  background-image: linear-gradient(to right, #fff 15%, #d7d7d7 15%, #d7d7d7 85%, #fff 85%); /*linear gradient to add white space before and after line which doesn\'t take up actual real estate, unlike margins or padding*/
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
.wizard-steps > li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.wizard-steps > li:last-child:after {
  content: none;
}

.wizard-steps-step-count {
  display: none;
}

.wizard-steps-title {
  font-size: 13px;
  line-height: 1;
  display: block;
  color: #686868;
  zoom: 1;
}

.current .wizard-steps-title {
  color: #93186c;
  font-weight: bold;
}

.wizard-steps-light > li:before,
.wizard-steps-light > li.completed:before {
  background: #fff;
  color: #999;
  border: 1px solid #999;
  font-weight: normal;
  line-height: 26px;
}
.wizard-steps-light > li:after {
  background-image: linear-gradient(to right, #f1f1f1 15%, #d7d7d7 15%, #d7d7d7 85%, #f1f1f1 85%); /*linear gradient to add white space before and after line which doesn\'t take up actual real estate, unlike margins or padding*/
}
.wizard-steps-light > li.completed:before {
  font-weight: bold;
  padding-left: 4px;
}
.wizard-steps-light > li.current:before {
  background: #93186c;
  border: 1px solid #93186c;
  color: #fff;
}

@media (max-width: 767.98px) {
  /*For mobile*/
  .wizard-steps {
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
  .wizard-steps > li {
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
    width: auto;
    margin-right: 0;
    padding-left: 0;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
  .wizard-steps > li:after {
    border: none;
  }
  .wizard-steps > li:before {
    display: none;
  }
  .wizard-steps > li.current {
    padding-left: 34px;
  }
  .wizard-steps > li.current:before {
    display: block;
  }
  .wizard-steps-step-count {
    display: block;
    color: #686868;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 9px;
    margin-top: 3px;
  }
  .wizard-steps-title {
    margin-bottom: 6px;
  }
  .wizard-steps-detail {
    margin-right: 0;
  }
  .wizard-steps-title,
  .wizard-steps-status {
    display: none;
  }
  .current .wizard-steps-title,
  .current .wizard-steps-status {
    display: block;
  }
}
/*
## Skeleton screens
---
Skeleton screens or skeleton loading is an alternative method of indicating to the user that something is happening as page content is loading.
*/
.loading-placeholder:empty,
.loading-placeholder--header:empty,
.loading-placeholder--circle:empty,
.loading-placeholder--line:empty {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 10px;
  background-color: #afafaf;
  opacity: 0.5;
  border-radius: 6px;
}

.loading-placeholder--header:empty {
  width: 33%;
  height: 8px;
}

.loading-placeholder--circle:empty {
  width: 70px;
  height: 70px;
  border-radius: 50px;
}

.loading-placeholder--line:empty {
  display: block;
  width: auto;
  height: 6px;
  opacity: 0.2;
}

/*
## Success tick
---

The success tick icon should be used to indicate to a user that they have successfully completed an action. 
An ideal use for this icon is at the final step of a transactional wizard. 
The success tick must always display in Computershare secondary green.  

    <span class="success-tick"></span>

*/
.success-tick {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Cpu";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 17px;
  width: 35px;
  height: 35px;
  background-color: #91c60f;
  color: #fff;
  margin-right: 10px;
  bottom: 2px;
  border-radius: 100%;
  top: auto;
  vertical-align: middle;
}
.success-tick:before {
  content: "\e93a";
  padding-left: 7px;
  position: absolute;
  top: 25%;
}

/*
## Skip links
---
Keyboard and screen reader users generally must navigate a long list of navigation links, sub-lists of links, corporate icons, site searches, and other elements before ever arriving at the main content. 
This is particularly difficult for users with some forms of motor disabilities.

The "skip navigation" idea was invented to give screen reader and keyboard users the same capability of going directly to the main content that sighted mouse users can use.

Add a `.skiplinks` element at the very top of the page to allow keyboard users to skip to sections of your page. The `.skiplinks` anchors are hidden until 'focused' with the keyboard.

Learn more about skip links at: https://webaim.org/techniques/skipnav/  

A single skip link can be added using the following HTML

    <div class="skiplinks">
        <a href="#">Skip to main content</a>
    </div>

For more complex sites, it can be useful to include several skiplinks, in this case, use an unordered list with links as shown below:

    <ul class="skiplinks">
        <li><a href="#">Skip to main content</a></li>
        <li><a href="#">Skip to site search</a></li>
    </ul>
*/
.skiplinks {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.skiplinks li {
  list-style: none;
  display: flex;
  justify-content: center;
}
.skiplinks a {
  position: fixed;
  top: -200px;
  padding: 10px;
  border: 3px solid #fff;
  z-index: 11;
  background: black;
  transition: top 0.5s linear;
  color: #fff;
}
.skiplinks a:focus {
  top: 0;
  text-decoration: none;
  outline: 0;
  color: #fff;
}
.skiplinks a:visited {
  color: #fff;
}

@media all and (-ms-high-contrast: none) {
  /*extra rules needed to centre skiplinks in IE11*/
  *::-ms-backdrop,
  .skiplinks a {
    left: 50%;
    transform: translateX(-50%);
  }
}
/*
## Back to top
---
Use the `.back-to-top` element at the bottom of your page. The element is used to scroll and shift focus to an element at the top of the page.

<ul>
	<li>Back to top element displays when the user has scrolled down and attempts to scroll back to the top of the page</li> 
	<li>The arrow is transparent when its over the content area</li> 
	<li>The arrow is solid when it has enough space on the side</li> 
	<li>The arrow is solid when you scroll to the very bottom</li>
	<li>On click of back to top element the user is taken to the top of the page and the element disappears</li>
</ul>	


Whilst the element will work without JavaScript some further enhancements to the appearance and behaviour can be found on the
<a href="http://go.cshare.net/teams/digital-business-channels/ui/StyleGuide/examples/back-to-top.html">example page</a>

If using the JavaScript version, set the `@btt-using-js` LESS variable to `true`.

    <div style="position: relative; padding: 20px" data-note="Ignore this wrapper element">
        <a class="back-to-top" href="#top">
            <span class="cpuicon cpuicon-chevron-up">
				<span class="sr-only">Back to top</span>
			</span>
        </a>
    </div>

*/
.back-to-top {
  opacity: 0.2;
  position: fixed;
  left: auto;
  right: 10px;
  bottom: 80px;
  display: block;
  background: #93186c;
  padding: 10px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
  transition: opacity 0.5s linear;
}
.back-to-top:hover, .back-to-top:focus {
  color: #fff;
  background-color: rgb(133.8473684211, 21.8526315789, 98.3368421053);
  opacity: 1;
}

*::-ms-backdrop,
.back-to-top {
  right: 25px;
}

@media (min-width: 838px) and (max-width: 991px), (min-width: 1068px) and (max-width: 1199px), (min-width: 1263px) {
  .back-to-top {
    opacity: 1;
  }
}
/*
## Notify
---
Use the `.notify` class to add  add a full width notification to your page. It's used to provide an immediate indicator to the user of an outstanding action. For example, outstanding payments which need to be replaced.

In most instances the banner should be located at the top of the page for all break points so that users are immediately notified without scrolling. Use the `.affix` class to use fixed positioning on your notifications.

Positioning is also dependent on the priority of the alert compared to other elements within context of the page. For example, an outstanding payments alert banner would be of a higher priority on the Activity page as opposed to the Summary page. This is also applicable to site-wide alerts such as a cookie policy or privacy updates. Therefore, other elements on the page will need to be taken into consideration, especially when there is more than one alert to be displayed.

As text in the banner will wrap, aim for a minimal amount of text to ensure the proportion of the element on the page is balanced, especially on smaller breakpoints. Use additional classes such as `.text-center` to align text. 

Clicking on a notification should result in one of two scenarios; the user is navigated to another page or a popup/modal is displayed with additional information.

Include a close button to provide users with the option to dismiss the alert if they do not wish to act upon the notification immediately. 

Action should only be provided to user if the alert banner is not the only entry point to the page. For example, the outstanding payments alert banner is primarily located on the Activity page without a close button. This banner is also located on the Summary page with the purpose of serving as a reminder to the user, and hence has a close button for users once they have acknowledged the alert.

    <div class="notify bg-warning text-center">
        <a href="#" class="color-inherit">
           <span class="cpuicon cpuicon-alert m-r-10"></span>
            An example warning notification
        </a> 
        <button type="button" class="close close-solid" aria-label="Close"><span class="cpuicon cpuicon-cross"></button>
    </div> 
    <br>
     <div class="notify bg-primary text-white">
        <span class="cpuicon cpuicon-alert m-r-10"></span>
        An example primary notification
        <button type="button" class="close close-solid text-white" aria-label="Close"><span class="cpuicon cpuicon-cross"></button>
    </div> 
*/
.notify {
  padding: 10px;
  font-size: 17px;
  width: 100%;
  z-index: 10;
  position: relative;
}
.notify a {
  color: inherit;
}

.close-solid {
  opacity: 1;
  text-shadow: none;
}

/*
## Warning text (Bootstrap 4 update)
---
Warning body text should be used when you wish to draw attention to key information on a page.
Unlike errors, warnings or alerts do not mandate user action. If you are unable to take action then consider styling as an error, rather than warning. 
Warning messages should be kept short, and no heading or other text differentiation is required. They should be placed prominently on the page. 
The position can vary with the context; however a good example is placing the warning at the top of a form. 

If upgrading the site to Bootstrap 4, change `.text-warning` to `.warning-text` to avoid conflicts with Bootstrap styles

    <div class="warning-text">
        Example warning message
    </div>
*/
.warning-text {
  color: #c84e00;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

/*
## Simplified Warning text (Bootstrap 4 update)
---
A simplified version of the warning text with center aligned text, no top border and a negative top margin

If upgrading a site to Bootstrap 4, change `.text-warning-simple` to `.warning-text-simple` to avoid conflicts with Bootstrap styles

    <div class="warning-text-simple">
        Some warning text
    </div>
*/
.warning-text-simple {
  color: #c84e00;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  border-top: 0;
  margin-top: -20px;
}

/*
## Loaders
---

The loader ball-pulse is displayed to provide indication to the user that 'something' is happening post-tap/post-click. The ball-pulse loading indicator should be used when all the data on a page or a component will load at the same time. For example, on page refresh or when data is being retrieved from a single source. When loading a full page, the page background should darken and gives focus to the indicator. It also stops the user from interacting with the page. The loading indicator displays in the primary colour for the site. For CPU sites, this is the primary purple, and for client or sub-brand pages which is the primary brand colour. The loading indicator should disappear when the data on the page or component has finished loading. The loader should not be accompanied by text, the visual indication of loading is all that is required. 

    <div>
        <span class="loader-icon"></span>
        <span class="loader-icon"></span>
        <span class="loader-icon"></span>
    </div>

*/
.loader-icon {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin: 2px;
  display: inline-block;
  animation-fill-mode: both;
  content: "";
  background: #93186c;
  opacity: 0.8;
}

.loader-icon:nth-child(1) {
  animation: scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loader-icon:nth-child(2) {
  animation: scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

.loader-icon:nth-child(3) {
  animation: scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}

@keyframes scale {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  45% {
    transform: scale(0.1);
    opacity: 0.7;
  }
  80% {
    transform: scale(1);
    opacity: 1;
  }
}
/*
## Numbered vertical steps
---
*/
.numbered-steps-vertical {
  counter-reset: flag;
  position: relative;
}
.numbered-steps-vertical:after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #bbb;
  position: absolute;
  top: 0;
  left: 16px;
  margin-left: -1px;
  z-index: 0;
}
.numbered-steps-vertical > li {
  list-style: none;
  display: block;
  position: relative;
  vertical-align: middle;
  counter-increment: flag;
  z-index: 2;
  margin-bottom: 10px;
}
.numbered-steps-vertical > li:before {
  content: counter(flag);
  position: absolute;
  left: -40px;
  top: -6px;
  display: block;
  border-radius: 100%;
  padding: 3px 10px;
  border: 1px solid #bbb;
  background: #fff;
  margin-top: 2px;
}
.numbered-steps-vertical > li > .step-title {
  font-weight: bold;
  display: block;
}
.numbered-steps-vertical > li > .step-text {
  font-size: 13px;
  display: block;
}
.numbered-steps-vertical > .completed:before {
  content: "\e93a";
  background-color: #91c60f;
  color: #fff;
  font-family: "Glyphicons Cpu";
  font-size: 14px;
  border: 0;
  border-radius: 100%;
  padding: 5px 0 0 6px;
  top: -10px;
  position: absolute;
  margin-top: 6px;
  width: 30px;
  height: 30px;
}

/*
## Compact vertical steps
---
*/
.numbered-steps-vertical.compact-steps {
  padding-left: 35px;
}
.numbered-steps-vertical.compact-steps > li:before {
  font-size: 11px;
  padding: 3px 7px;
  left: -35px;
}
.numbered-steps-vertical.compact-steps > li.completed:before {
  width: 22px;
  height: 22px;
  padding: 4px 0 0 4px;
}
.numbered-steps-vertical.compact-steps:after {
  left: 14px;
}
.numbered-steps-vertical.compact-steps .step-title,
.numbered-steps-vertical.compact-steps .step-text {
  font-size: 11px;
}

/*
## Text toggle
---
Use to display alternate text when an element has `aria-expanded=true` attribute. Can be used for accordion toggles and other collapsable elements.
See http://getbootstrap.com/javascript/#collapse

	<a href="#" aria-expanded="false" data-toggle="collapse">
		<span class="text-expanded">Hide</span>
		<span class="text-collapsed">Show</span>
	</a>
*/
[aria-expanded=false] .text-expanded {
  display: none;
}

[aria-expanded=true] .text-collapsed {
  display: none;
}

/*
## Downloadable files
See the Global UI Council Document Handling Guidelines at: http://intranet.cshare.net/forms/GUIC/SitePages/Document%20Handling%20Guidelines.aspx for recommended approaches and designs.
*/
/*

## Site-header
*/
.site-header {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  background-repeat: no-repeat;
  min-height: 400px;
  background-color: #6c757d;
  background-image: url(https://www.computershare.com/PublishingImages/GettyImages-594777985.jpg?RenditionID=1);
  z-index: -1;
  padding: 50px 0 140px;
  display: table;
  width: 100%;
}

.site-header ~ .main-wrap {
  margin-top: -125px;
}

@media (max-width: 767.98px) {
  .site-header {
    min-height: 200px;
    padding-bottom: 0;
  }
  .site-header ~ .main-wrap {
    margin-top: 0;
  }
}
/*

## Site-header-content
*/
.site-header-content {
  color: #fff;
  width: 100%;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.45);
  display: table-cell;
  vertical-align: bottom;
}
.site-header-content h1 {
  margin-top: 0;
  margin-bottom: 20px;
}
@media (min-width: 576px) {
  .site-header-content h1 {
    font-size: 48px;
  }
}

/*
## Hero-bg
---
Add full screen fixed element images by using the `.hero-bg` class. Refer to http://intranet.cshare.net/forms/GUIC/SiteAssets/CPUBrandingPackage.aspx for examples

*/
.hero-bg {
  background-size: cover;
  right: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  background-position: top left;
  left: 0;
  top: 0;
  position: fixed;
}

/*
## Fullscreen and partial site-headers
---
*/
@media (min-width: 576px) {
  .background-full .site-header {
    background-size: cover;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center top;
    background-repeat: no-repeat;
    position: absolute;
    height: 100%;
    background-position: top left;
    left: 0;
    top: 0;
    position: fixed;
    background-image: url(https://www.computershare.com/PublishingImages/GettyImages-594777985.jpg?RenditionID=1);
    background-position: center top;
  }
}

/*
## Login widget
*/
.login-widget .login-widget--left,
.login-widget .login-widget--right {
  background-color: #fff;
}
.login-widget .login-widget--left .btn,
.login-widget .login-widget--right .btn {
  width: 100%;
}

.register-widget {
  background-color: #fff;
  padding: 15px 45px;
}

@media (min-width: 576px) {
  .login-widget {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    width: 760px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 5px;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    top: 100px;
    right: 50%;
    margin-right: -380px;
    transform: inherit;
  }
  .login-widget .btn {
    width: 100%;
  }
  .login-widget .cpuicon {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
  }
  .login-widget .login-widget--left {
    background-color: #fff;
    padding: 30px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .login-widget .login-widget--right {
    background-color: #21263d;
    color: #fff;
    text-align: center;
    padding: 70px 50px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .login-widget .login-widget--right .btn {
    width: 90%;
  }
  .no-flexbox .login-widget {
    /*fix for old browsers with no-flexbox support*/
    width: inherit;
    display: block;
    top: 0;
    right: inherit;
    left: inherit;
    transform: inherit;
    position: relative;
    margin-top: -220px;
  }
  .register-widget {
    margin: -220px auto 60px auto;
    position: relative;
    z-index: 3;
    width: 450px;
    border-radius: 5px;
    box-shadow: 0 7px 15px rgba(0, 0, 0, 0.3);
    background-color: #fff;
  }
  .login-widget-half {
    /*use when registration panel is disabled*/
    width: 380px;
  }
  .login-widget-half .login-widget--left {
    border-radius: 5px;
  }
}
@media (min-height: 700px) and (min-width: 767px) {
  /*vertically center panel on screens taller than 700px - might be a problem with some content*/
  .flex-widget-wrapper {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center; /*ie10*/
    -ms-flex-align: center; /*ie10*/
  }
  .flex-widget-wrapper .register-widget {
    margin-top: inherit;
    margin-bottom: inherit;
  }
  .login-widget {
    position: relative;
    top: auto;
    right: auto;
    transform: inherit;
    margin-right: inherit;
  }
  .no-flexbox .register-widget {
    top: 10%;
  }
}
@media (max-width: 767.98px) {
  .register-widget {
    overflow: hidden;
  }
  .login-widget {
    overflow: hidden;
    margin-bottom: 30px;
  }
  .login-widget .login-widget--left h2 .cpuicon {
    display: block;
    margin-bottom: 5px;
  }
  .login-widget .login-widget--right h4 {
    font-size: 22px;
    text-align: center;
    color: #93186c;
  }
}
/*
## Footer styles 
---
*/
.footer {
  background: black;
  color: #e4e4e4;
  font-size: 80%;
  width: 100%;
  height: 20px;
  padding-top: 5px;
}

.footer-list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0.625rem;
}
.footer-list > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.footer-list a {
  color: #fff;
}

@media (max-width: 767.98px) {
  .footer-list.text-right {
    float: left;
  }
}
.powered {
  padding-left: 5px;
}
.powered:before {
  display: inline-block;
  content: "";
  border-left: 1px solid #4b4b4b;
  width: 1px;
  height: 14px;
  vertical-align: sub;
  margin-right: 12px;
}
.powered > a {
  text-indent: -3000em;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100px;
  height: 19px;
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 2px;
  vertical-align: middle;
}

/*
## Main site navigation

Coming soon....

Unauthenticated Pages: Product Name must display to the right of the client or Computershare logo in the page header.


*/
/*
## Hamburger menu
---
Demo coming soon

Hamburger menu should always display in the top right of the header when being used.

Hamburger menus are a good option when screen real estate space is limited for navigation items.

They are most commonly implimented on xs breakpoints    

Menu items should bot be length and should convey what the user will seee if tapped.

*/
@media (max-width: 767.98px) {
  .navbar-header {
    float: none;
  }
  .navbar-site {
    height: 40px;
  }
  .navbar-site .navbar-header {
    margin-left: 0;
  }
  .navbar-left, .navbar-right {
    height: auto;
    font-weight: normal;
  }
  .navbar-toggle {
    right: -15px;
    z-index: 9;
    position: relative;
    top: -10px;
    color: #93186c;
    font-size: 20px;
    display: block;
    z-index: inherit;
  }
  .navbar-toggle.navbar-toggle--menu {
    position: fixed;
    z-index: 9;
    margin-top: 20px;
  }
  .navbar-toggle.collapsed {
    right: -15px;
    color: #93186c;
    font-size: 20px;
  }
  .navbar-toggle.collapsed .icon-bar {
    background-color: #313544;
  }
  .navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
  }
  .navbar-toggle.collapsed .middle-bar {
    opacity: 1;
  }
  .navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
  }
  .navbar-toggle .icon-bar {
    width: 23px;
    height: 3px;
    background-color: #000;
    border-radius: 2px;
    transition: all 0.3s 0.3s ease-in-out;
    background-color: #fff;
  }
  .navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 5%;
  }
  .navbar-toggle .middle-bar {
    opacity: 0;
  }
  .navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 5%;
  }
  .navbar-toggle:hover {
    background: transparent !important;
  }
  .navbar-collapse {
    height: 100%;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    min-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 !important;
    border-top: 0;
  }
  .navbar-collapse .navbar-content {
    z-index: 2;
    display: block;
    transition: all 0.5s ease 0.1s;
    transform: translate3d(100%, 0px, 0px);
  }
  .navbar-collapse .navbar-backdrop {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    transition: all 0.5s ease 0.1s;
    left: 0;
    top: 0;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-collapse.collapse .navbar-content {
    right: 0;
    top: 0;
    transform: translate3d(100%, 0px, 0px);
  }
  .navbar-collapse.in {
    display: block !important;
    height: 100% !important;
  }
  .navbar-collapse.in .navbar-content {
    transform: translate3d(0px, 0px, 0px);
  }
  .navbar-collapse.in .navbar-backdrop {
    opacity: 1;
  }
  .navbar-content {
    position: relative;
    width: 300px;
    min-height: 100%;
    float: right;
    background: #fff;
    margin-right: -15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  }
  .navbar-collapse .navbar-nav {
    margin: 0;
    display: block;
    float: none !important; /*override Bootstrap !important rule*/
  }
  .navbar-collapse .navbar-nav li {
    padding: 10px 15px;
    float: none;
  }
  .navbar-collapse .navbar-nav li a {
    padding: 0px;
    display: block;
    text-transform: uppercase;
    color: #313544;
  }
  .navbar-collapse .navbar-nav li span {
    color: #313544;
  }
  .navbar-collapse .navbar-nav li button {
    text-transform: uppercase;
    border: none;
    background: none;
    padding: 0;
    color: #313544;
  }
  .navbar-collapse .navbar-nav .navbar-menu-branditem {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background-color: #93186c;
  }
  .navbar-collapse .navbar-nav .navbar-menu-branditem * {
    color: #FFF;
  }
  .navbar-collapse .navbar-menu a, .navbar-collapse .navbar-menu span, .navbar-collapse .navbar-menu button {
    font-size: 14px;
  }
  .navbar-collapse .navbar-menu .cpuicon {
    font-size: 6px;
  }
  .navbar-collapse .navbar-menu > .dropdown-toggle {
    text-transform: uppercase;
    padding: 5px 5px 5px 0;
  }
  .navbar-collapse .navbar-menu li {
    display: block;
    line-height: 30px;
  }
  .navbar-collapse .navbar-menu ul .flags {
    margin-left: -15px;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 0px;
    font-size: 17px;
    line-height: 30px;
  }
}
/*
## Tabs  (Bootstrap 4 update)

Navigation tabs are clickable tabs aligned side by side, horizontally. It provides means to switch between linked panels. 

The branding package includes several variations which can be used depending on the requirements of a particular site.

Depending on the particular behaviour of your tabs, consider incorporating additional ARIA attributes to assist screen reader users. 
It's important to note that by adding these attributes you are implying particular keyboard navigation and behaviour, so ensure that all functionality is correctly implemented. 
See: https://www.w3.org/TR/wai-aria-practices/#tabpanel for further details.

If upgrading to Bootstrap 4, note the addition of the `.nav-item` and `.nav-link` classes on the &lt;li&gt; and &lt;a&gt; elements. Note also the `.active` class is moved from the list item to the anchor

    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link" href="#">Transactions</a></li>
        <li class="nav-item"><a class="nav-link active" href="#">Dividends</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Sales</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Purchases</a></li>
    </ul>

Add the `.nav-tabs-modern` class for a more contemporary look

    <ul class="nav nav-tabs nav-tabs-modern">
        <li class="nav-item"><a class="nav-link" href="#">Transactions</a></li>
        <li class="nav-item"><a class="nav-link active" href="#">Dividends</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Sales</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Purchases</a></li>
    </ul>

Add the `.nav-tabs-responsive` class to automatically stack tabs on devices < 768 pixels wide

    <ul class="nav nav-tabs nav-tabs-responsive">
        <li class="nav-item"><a class="nav-link" href="#">Transactions</a></li>
        <li class="nav-item"><a class="nav-link active" href="#">Dividends</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Sales</a></li>
        <li class="nav-item"><a class="nav-link" href="#">Purchases</a></li>
    </ul>

*/
.nav-tabs li {
  margin: 0 1px -1px;
}
.nav-tabs li > .nav-link.active, .nav-tabs li > .nav-link.active:hover, .nav-tabs li > .nav-link.active:focus {
  font-weight: bold;
  color: #93186c;
}
.nav-tabs li a {
  color: #adb5bd;
}
.nav-tabs li a:hover, .nav-tabs li a:focus {
  color: #93186c;
  background: #e9ecef;
}

.nav-tabs.nav-tabs-modern li > .nav-link.active {
  position: relative;
}
.nav-tabs.nav-tabs-modern li > .nav-link.active, .nav-tabs.nav-tabs-modern li > .nav-link.active:hover, .nav-tabs.nav-tabs-modern li > .nav-link.active:focus {
  border: 1px solid transparent;
  text-decoration: none;
}
.nav-tabs.nav-tabs-modern li > .nav-link.active:after {
  width: 100%;
  content: "";
  border-bottom: 3px solid #93186c;
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.nav-tabs.nav-tabs-modern li a:hover, .nav-tabs.nav-tabs-modern li a:focus {
  background: transparent;
  text-decoration: underline;
  border: 1px solid transparent;
}

@media (max-width: 767.98px) {
  .nav-tabs.nav-tabs-responsive {
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  .nav-tabs.nav-tabs-responsive li {
    display: block;
    float: none;
    border-bottom: 1px solid #ddd;
    margin: 0;
  }
  .nav-tabs.nav-tabs-responsive li:last-child {
    border-bottom: 0;
  }
  .nav-tabs.nav-tabs-responsive li:last-child a {
    border-radius: 0 0 4px 4px;
  }
  .nav-tabs.nav-tabs-responsive li:first-child a {
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-tabs-responsive li > .nav-link.active, .nav-tabs.nav-tabs-responsive li > .nav-link.active:hover, .nav-tabs.nav-tabs-responsive li > .nav-link.active:focus {
    border: 1px solid transparent;
  }
  .nav-tabs.nav-tabs-responsive li a {
    margin-right: 0;
    border-radius: 0;
    border-top-color: transparent;
  }
  .nav-tabs.nav-tabs-responsive li a:hover, .nav-tabs.nav-tabs-responsive li a:focus {
    border-bottom-color: #eee;
  }
}
/*
## Pagination

Numbered pagination can be used on the large breakpoint, where the user is likely to be using a desktop device.
When using pagination users should be given context of the page they are on and total number of pages.
Users must be able to navigate between pages, and navigate to the first and last pages easily. 

*/
/*
## Pagination-simple
Simplified version of pagination steps, uses a smaller font and has no border or outline around pagination elements
   <ul class="pagination pagination-simple">
	<li>
	  <a href="#" class="back" aria-label="Previous">
		<span aria-hidden="true">&lt;</span>
	  </a>
	</li>
	<li>
	  <a class="back" href="#">1</a>
	</li>
	<li>
	  <a class="next" href="#">2</a>
	</li>
	<li>
	  <a href="#" class="next" aria-label="Next">
		<span aria-hidden="true">&gt;</span>
	  </a>
	</li>
  </ul>
*/
.pagination-simple {
  font-size: 12px;
  margin-bottom: 6px;
  margin-top: 0;
}
.pagination-simple > li > a, .pagination-simple > li > span {
  padding: 0 6px;
  border: 0;
}

/*
## Badges (Bootstrap 4 update)
---
Use a badge to indicate to the user that there are outstanding events. These events may be unread messages or payments to update, for example. 

Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. 
Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link, or button.

Unless the context is clear, consider including additional context with a visually hidden piece of additional text (see example 5 below).

If upgrading to Bootstrap 4, note that addition of the `.badge-dark` class.

    <span class="badge badge-dark">1</span>
    <span class="badge badge-primary">2</span>
    <span class="badge badge-secondary">3</span>
    <span class="badge badge-warning">4</span>

    <span class="badge badge-primary">5<span class="sr-only">outstanding tasks</span></span>

*/
.badge {
  border-radius: 0.625rem; /*10px*/
  padding: 3px 7px;
}

/*
##Help tooltips

Coming soon...

Usage of a hover bubble on breakpoints <large is not recommended as hover is not well received on touch devices. 
Hover must be transitioned to click if using on small breakpoints for touch devices. 
Help bubbles should only be offered when there is specific extra information that a user might need. 
If one field on a form contains a help bubble, not all fields require them. Only use when they provide value to the user.


*/
/*  
## List-group

Use to display a list of items, the optional `.flex-justify` class on `<li>` elements to justify nested elements in each list item

    <div style="width: 250px;">
        <ul class="list-group">
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>1</span>
            </li>
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>2</span>
            </li>
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>3</span>
            </li>
        </ul>
    </div>

*/
.list-group > li:last-child {
  border-bottom: 0;
}

.list-group-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-group-item {
  padding: 5px 0;
  border: 0;
  border-bottom: 1px solid #ced4da;
  margin-bottom: 0;
  border-radius: 0;
}

/*  
## List-group-tall
Add some extra space between `.list-group-item`s

    <div style="width: 250px;">
        <ul class="list-group list-group-tall">
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>1</span>
            </li>
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>2</span>
            </li>
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>3</span>
            </li>
        </ul>
    </div>

*/
.list-group-tall .list-group-item {
  padding: 10px 0;
}

/*
## list-group--stack-sm

Add the optional `.list-group--stack-sm` class to your list-group, on the small breakpoint sub items in each `.list-group-item` will be stacked

    <div style="width: 250px;">
        <ul class="list-group list-group--stack-sm">
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>2</span>
            </li>
            <li class="list-group-item flex-justify">
                <span>List group item</span>
                <span>2</span>
            </li>
        </ul>
    </div>
*/
@media (max-width: 767.98px) and (min-width: 576px) {
  .list-group--stack-sm li label {
    width: 100%;
  }
}
/*
## Modals 
---
<ul>
<li>A modal is a type of overlay which has a title, at least one button and a x in the top right hand corner.</li>
<li>When a modal is open the background window should be greyed out, and the modal remains focus until dismissed or a required action has been taken.</li>
<li>Modals should never be obscured, either by other elements or the screen edge.</li> 
<li>Modals always retain focus</li>
<li>The close indicator is not the primary action, and should be discreet. It will always be located in the top right corner of the element the user can close.</li> 
<li>Users should be able to close the modal by clicking the x in the top right hand corner, or they greyed out background.</li>
<li>Use modals sparingly because they are interruptive</li>
</ul> 

    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span class="cpuicon cpuicon-cross"></span></button>
                <h2 class="modal-title">Cancel</h2>
            </div>
            <div class="modal-body">Are you sure you wish to cancel this transaction?</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary">No</button>
                <button type="button" class="btn btn-primary">Yes</button>
            </div>
        </div>
    </div>

*/
@media (max-width: 767.98px) {
  .modal-dialog {
    margin: 30px 25px; /*make some extra space for the offset close button on small screens*/
  }
}
.modal-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.modal-header {
  border-bottom: 0px;
}

.modal-body {
  max-height: 600px;
  max-height: 70vh;
  max-height: calc(100vh - 200px); /*100% of screen height minus approx header, footer and margins*/
  overflow-y: auto;
}

.modal-footer {
  border-top: 0px;
  justify-content: flex-start;
}

.modal-dialog {
  z-index: 1041;
}

button.close {
  font-size: 16px;
  top: 10px;
  right: 10px;
  position: absolute;
  color: inherit;
}

.modal-loader { /*rules for loading icons shown as a modal element*/
  top: 50%;
  margin-top: -10px;
  width: 100px;
  position: absolute;
  left: 50%;
  margin-left: -50px;
  text-align: center;
}
.modal-loader > .modal-content {
  background: transparent;
  box-shadow: none;
  border: 0px;
}
.modal-loader .loader-icon {
  background: #fff;
}

/*
BUTTONS
-------
*/
.btn,
body .btn {
  padding: 9px 26px;
  /*

      font-size: 12px;
  */
  text-transform: none;
  border-radius: 20px;
  border-width: 2px;
  border-style: solid;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  transition: all 0.18s ease-in-out;
}
.btn :hover, .btn :active, .btn :active:hover,
body .btn :hover,
body .btn :active,
body .btn :active:hover {
  outline: 0;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.3);
}
.btn :hover, .btn :focus, .btn .focus,
body .btn :hover,
body .btn :focus,
body .btn .focus {
  color: #333;
  text-decoration: none;
}
.btn :focus,
body .btn :focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn[disabled] {
  opacity: 0.5;
}

.btn-primary,
body .btn-primary { /*ie - increase specificity to override css-vars-ponyfill*/
  color: #fff;
  background: #93186c;
  border-color: #93186c;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover {
  background-color: #861662;
  border-color: #861662;
  color: #fff;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #67114c;
  border-color: #0f030b;
}

.btn-secondary,
body .btn-secondary {
  background: #fff;
  border-color: #93186c;
  border-width: 2px;
  color: #93186c;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:active:hover {
  border-color: #701252;
  color: #701252;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.25);
}

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

/*
## Page layout

Rules to govern the layout of the main items on the page - expects `.main-wrap` to be at the same level in the DOM as `.footer`, `.site-header` and the main navigation.

See example pages on the UI Council Intranet site for examples: http://intranet.cshare.net/forms/GUIC/SitePages/default.aspx 
*/
html {
  height: 100%;
  box-sizing: border-box;
}

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

body {
  position: relative;
  display: none;
  background: #f1f1f1;
  min-height: 100%;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%;
}
body.spaLoaded {
  display: block;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
}
body.spaLoaded .loader {
  display: none;
}
body .main-wrap {
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  /*footer positioning*/
}

@media all and (-ms-high-contrast: none) { /*Fix for IE 10 and 11 which don't properly render flexbox sticky footer, see: https://github.com/philipwalton/solved-by-flexbox/issues/28 */
  body {
    height: 100vh;
  }
}
@media (max-width: 767.98px) {
  .main-wrap {
    width: 100%; /*fix for collapsing content on xs screens*/
    box-sizing: border-box;
  }
}
.body-content {
  min-height: 200px;
}

@media (max-width: 767.98px) {
  body {
    overflow-x: hidden;
  }
  .body-content {
    margin-left: -15px;
    margin-right: -15px;
    height: 100%;
  }
  .site-header {
    min-height: 180px;
  }
}
.subheading {
  color: #432063;
}

.header-primary {
  color: #93186c;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  display: flex;
}

h1 {
  color: #93186c;
}

.MBSHeader > nav {
  /*background-color: #93186c;*/
  background-color: white; /**MATT **/
}

.MBSHeader > nav > span {
  /* NHA MBS Data */
  /*color: white;*/
  color: #67686b; /**MATT **/
  font-size: 1.3rem;
}

.MBSWrapper {
  margin-top: 3.5rem;
}

.MBSWrapper .MBSSideMenu {
  position: fixed;
  top: 0;
  min-height: calc(100vh - 3.5rem - 30px);
  /*
  bottom: 0;
    */
  margin: 3.5rem auto auto;
  left: 0;
  width: 16.5rem;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 2000;
  background-color: #f1f1f1;
}

.MBSWrapper .MBSContent {
  width: calc(100vw - 15.5rem); /*85+%;*/
  min-height: calc(100vh - 3.5rem - 30px);
  margin-left: 0rem;
  -webkit-transition: all ease 0.25s;
  transition: all ease 0.25s;
  background-color: white;
}

.MBSWrapper.active .MBSSideMenu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.MBSSideBar .navbar-nav .nav-item .nav-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: block;
  white-space: nowrap;
}

.MBSSideBar .navbar-nav .nav-item .nav-link .icon {
  margin-right: 0.25rem;
  font-size: 1.875rem;
  vertical-align: middle;
  height: 2rem;
  width: 2rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.MBSSideBar .navbar-nav .nav-item .nav-link .text {
  font-size: 0.875rem;
}

.MBSFooter {
  background-color: black;
}

.MBSSideBar > ul > li > a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
  transition: all 0.3s;
}

.MBSSideBar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid #47748b;
}

.MBSSideBar ul p {
  color: #fff;
  padding: 10px;
}

.MBSSideBar ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}

.MBSSideBar ul li a:hover {
  color: #7386D5;
  background: #fff;
}

.MBSSideBar ul li.active > a, a[aria-expanded=true] {
  color: #fff;
  /* background: #6d7fcc; */
}

.MBSSideBar ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  /*   background: #6d7fcc; */
}

/** PowerBI Begin */
#report-container {
  /* TODO : Set height? */
}

@media only screen and (max-width: 574px) {
  /* TODO : Set height? */
}
/* PowerBI End */
@media (min-width: 992px) {
  .MBSWrapper .MBSSideMenu {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  .MBSWrapper .MBSContent {
    margin-left: 13.5rem;
  }
  .MBSWrapper.active .MBSSideMenu {
    width: 5rem;
  }
  .MBSWrapper.active .MBSSideMenu .nav-link {
    text-align: center;
  }
  .MBSWrapper.active .MBSSideMenu .nav-link .icon {
    margin-right: 0;
  }
  .MBSWrapper.active .MBSSideMenu .nav-link .text {
    display: none;
  }
  .MBSWrapper.active .MBSContent {
    margin-left: 5rem;
  }
}
.site-header {
  /*//min-height: 400px;*/
  background-image: url("../images/NHAMBS_LandingImage.jpg");
  object-fit: cover;
  height: 100%;
  min-height: 870px;
}

/*#inputForm {
    max-width: 500px;
    margin: auto;
}
*/
#inputForm input {
  width: 100%;
}

#inputForm .radioButtons {
  width: auto;
}

#inputForm .radioTypes {
  padding-right: 5px;
}

.searchForm {
  border: 1px solid #dee2e6;
  border-radius: 5px;
}

#inputForm .row {
  padding-bottom: 5px;
}

#inputForm h6 {
  overflow: hidden;
  text-align: center;
  color: #67686b;
  padding: 5px 0;
}

#inputForm h6::before,
#inputForm h6::after {
  background-color: #dee2e6;
  content: "";
  display: inline-block;
  height: 1px;
  position: relative;
  vertical-align: middle;
  width: 50%;
}

#inputForm h6::before {
  right: 0.5em;
  margin-left: -50%;
}

#inputForm h6::after {
  left: 0.5em;
  margin-right: -50%;
}

#inputForm .validationMsgFor {
  padding-top: 5px;
}

.sortableHeader {
  cursor: pointer;
}

.descriptionText {
  font-size: 16px;
}

.issuerMsg {
  padding-top: 5px;
}

#report-container {
  height: 80vh; /* 16:9 aspect ratio */
}

.responsive {
  width: 100%;
  max-width: 600px;
  height: auto;
}

.systemReportButtons {
  text-align: center;
  border: 1px solid #dee2e6;
  border-radius: 5px;
  padding: 10px;
}

.systemReportItem {
  margin-bottom: 5px;
}

.systemReportButtons .fa-users {
  margin-bottom: 5px;
  font-size: 25px;
  color: #93186c;
}

.nav-link[data-toggle].menuItem.collapsed:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f078";
  color: #444444;
  position: absolute;
  right: 10px;
}

.nav-link[data-toggle].menuItem:not(.collapsed):after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f077";
  color: #444444;
  position: absolute;
  right: 10px;
}

.MBSSideBar .navbar-nav .nav-item .nav-link i {
  width: 15px;
}

.submitButtons {
  left: 6%;
}

.active-item {
  color: #7386D5;
  background: #fff;
}

h2 {
  padding-bottom: 20px;
  color: #93186c;
}

.helpScreenTitle {
  color: #93186c;
}

.helpScreenIcon {
  font-size: 15px;
  color: #93186c;
}

.container-indent {
  margin-left: 20px;
}