/**
 * Clay 3.149.2
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/**
 * Clay 3.149.2
 *
 * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
 * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
 *
 * SPDX-License-Identifier: BSD-3-Clause
 */
/**
 * Bootstrap v4.4.1
 *
 * SPDX-FileCopyrightText: © 2019 Twitter, Inc. <https://twitter.com>
 * SPDX-FileCopyrightText: © 2019 The Bootstrap Authors <https://getbootstrap.com/>
 *
 * SPDX-License-Identifier: LicenseRef-MIT-Bootstrap
 */
/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2016 Nicolas Gallagher and Jonathan Neal <https://github.com/necolas/normalize.css>
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

main {
  display: block;
}

body {
  background-color: #fff;
  color: #1c1c24;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 1rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  -ms-overflow-style: scrollbar;
  text-align: inherit;
}
@media (max-width: 767.98px) {
  body {
    font-size: 1rem;
  }
}

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

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

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

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

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

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: 900;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  border-radius: 1px;
  color: #0b5fff;
  text-decoration: none;
  text-underline-offset: 0.23em;
  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) {
  a {
    transition: none;
  }
}
a {
  transition: none;
}

a:hover, a.hover {
  color: #004ad7;
  text-decoration: underline;
}
a.focus, a:focus-visible, .c-prefers-focus a:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

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

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

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

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

label, body mat-label, #wrapper mat-label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

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

button,
input {
  overflow: visible;
}

select {
  word-wrap: normal;
}

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

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
}

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

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

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 {
  -webkit-appearance: button;
  font: inherit;
}

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

/* SPDX-SnippetEnd */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}

h1,
.h1 {
  font-size: 1.625rem;
}
h2,
.h2 {
  font-size: 1.375rem;
}
h3,
.h3 {
  font-size: 1.1875rem;
}
h4,
.h4 {
  font-size: 1rem;
}
h5,
.h5 {
  font-size: 0.875rem;
}
h6,
.h6 {
  font-size: 0.8125rem;
}
.lead {
  font-size: calc(1rem * 1.25);
  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 {
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0.0625rem 0 0 0;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

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

mark,
.mark {
  background-color: #ffe399;
  display: inline;
  line-height: normal;
  position: relative;
  white-space: pre-wrap;
}
mark.clay-dark,
.clay-dark.mark,
.clay-dark mark,
.clay-dark .mark {
  background-color: #393a4a;
  color: #fff;
}
.dropdown-section-grid, .list-unstyled {
  list-style: none;
  padding-left: 0;
}

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

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

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

.blockquote {
  font-size: calc(1rem * 1.25);
  margin-bottom: 1rem;
}

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

b {
  font-weight: 600;
}

strong {
  font-weight: 600;
}

.reference-mark {
  display: inline-block;
  font-size: 0.75rem;
  position: relative;
  vertical-align: super;
}
.reference-mark.lexicon-icon {
  vertical-align: super;
}

.c-kbd-group {
  font-size: 0.875rem;
}
.c-kbd-group > .c-kbd {
  font-size: inherit;
}

.c-kbd {
  background-color: transparent;
  border-radius: 2px;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  box-shadow: none;
  color: inherit;
  display: inline-block;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  font-weight: 600;
  height: 1.5rem;
  line-height: 1.375rem;
  min-width: 1.5rem;
  padding-bottom: 0;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
  padding-top: 0;
  text-align: center;
  text-transform: capitalize;
}

.c-kbd > .c-kbd {
  border-width: 0px;
  font-size: inherit;
  font-weight: inherit;
  height: auto;
  line-height: inherit;
  min-width: 0;
  padding: 0;
}
.c-kbd > .c-kbd[class*=c-kbd-] {
  border-width: inherit;
  height: inherit;
  min-width: inherit;
  padding: inherit;
}
.c-kbd > .c-kbd[class*=c-kbd-]:first-child {
  margin-left: -0.3125rem;
}
.c-kbd > .c-kbd[class*=c-kbd-]:last-child {
  margin-right: -0.3125rem;
}
.c-kbd > .c-kbd.c-kbd-monospaced {
  padding: 0;
}
.c-kbd > .c-kbd-separator {
  font-weight: 400;
}

.c-kbd-monospaced {
  padding: 0;
}

.c-kbd-inline {
  border-width: 0px;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  min-width: 0;
  padding: 0;
}
.c-kbd-inline .c-kbd-separator {
  font-weight: inherit;
}

.c-kbd-sm,
.c-kbd.c-kbd-sm {
  font-size: 0.75rem;
}

.c-kbd-group-sm {
  font-size: 0.75rem;
}
.c-kbd-lg,
.c-kbd.c-kbd-lg {
  font-size: 1rem;
}

.c-kbd-group-lg {
  font-size: 1rem;
}
.c-kbd-group-light {
  color: #6b6c7e;
}

.c-kbd-light {
  background-color: #fff;
  border-color: #cdced9;
  color: #6b6c7e;
}

.c-kbd-group-dark {
  color: #fff;
}

.c-kbd-dark {
  background-color: #393a4a;
  border-color: #393a4a;
  color: #fff;
}

code {
  color: #e60000;
  font-size: 87.5%;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  background-color: #272833;
  border-radius: 0.1875rem;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 87.5%;
  padding: 0.2rem 0.4rem;
}
kbd kbd {
  box-shadow: none;
  font-size: 100%;
  font-weight: 700;
  padding: 0;
}

pre {
  color: #272833;
  display: block;
  font-size: 87.5%;
}
pre code {
  color: inherit;
  font-size: inherit;
  word-break: normal;
}

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

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

.img-thumbnail {
  background-color: #fff;
  border: 0.0625rem solid #e7e7ed;
  border-radius: 0.25rem;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  height: auto;
  max-width: 100%;
  padding: 0.25rem;
}

.figure {
  display: inline-block;
}

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

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

.carousel {
  position: relative;
}

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

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

.carousel-item {
  backface-visibility: hidden;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  transition: transform 0.6s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.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;
  transform: none;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
  z-index: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
  transition: opacity 0s 0.6s;
  z-index: 0;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none;
  }
}
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
  transition: none;
}

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

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

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

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

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M5.25%200l-4%204%204%204%201.5-1.5L4.25%204l2.5-2.5L5.25%200z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20fill='%23fff'%20width='8'%20height='8'%20viewBox='0%200%208%208'%3E%3Cpath%20d='M2.75%200l-1.5%201.5L3.75%204l-2.5%202.5L2.75%208l4-4-4-4z'/%3E%3C/svg%3E");
}

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

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

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

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

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

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

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

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

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

.toast-body {
  padding: 0.75rem;
}

.lexicon-icon {
  display: inline-block;
  fill: currentColor;
  height: 1em;
  margin-top: -3px;
  vertical-align: middle;
  width: 1em;
}

.lexicon-icon-sm {
  font-size: 0.5rem;
}

.lexicon-icon-lg {
  font-size: 2rem;
}

.lexicon-icon-xl {
  font-size: 8rem;
}

.order-arrow-down-active .order-arrow-arrow-down {
  fill: #a7a9bc;
}

.order-arrow-up-active .order-arrow-arrow-up {
  fill: #a7a9bc;
}

a.collapse-icon,
button.collapse-icon,
.collapse-icon[tabindex] {
  padding-right: 2.28125rem;
}
a.collapse-icon .c-inner,
button.collapse-icon .c-inner,
.collapse-icon[tabindex] .c-inner {
  margin-right: -2.28125rem;
}

.collapse-icon-closed .lexicon-icon,
.collapse-icon-open .lexicon-icon {
  display: block;
}

.collapse-icon .collapse-icon-closed,
.collapse-icon .collapse-icon-open {
  height: 1em;
  position: absolute;
  right: 0.9375rem;
  top: calc(0.625rem + 0.0625rem + (((0.9375em * 1.5) - 1em) * 0.5));
  width: 1em;
}
.collapse-icon .collapse-icon-closed .lexicon-icon,
.collapse-icon .collapse-icon-open .lexicon-icon {
  margin-top: 0;
}
.collapse-icon .collapse-icon-closed {
  display: none;
}
.collapse-icon .collapse-icon-open {
  display: inline-block;
}

.collapsed .collapse-icon-closed {
  display: inline-block;
}
.collapsed .collapse-icon-open {
  display: none;
}

.collapse-icon.collapse-icon-middle .collapse-icon-closed,
.collapse-icon.collapse-icon-middle .collapse-icon-open {
  margin-top: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.aspect-ratio {
  display: block;
  overflow: hidden;
  position: relative;
  padding-bottom: calc(1 / 1 * 100%);
}

.aspect-ratio-item {
  left: 0;
  position: absolute;
  word-wrap: break-word;
}

.sticker-img, .aspect-ratio-item-fluid {
  max-width: 100%;
  position: absolute;
  word-wrap: break-word;
}

.aspect-ratio-item-vertical-fluid {
  max-height: 100%;
  position: absolute;
  word-wrap: break-word;
}

.aspect-ratio-item-flush {
  max-width: none;
  position: absolute;
  width: 100.6%;
}

.aspect-ratio-item-vertical-flush {
  height: 100.6%;
  max-height: none;
  position: absolute;
}

.aspect-ratio-item-top-left {
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 0;
}

.aspect-ratio-item-top-center {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 0;
  transform: translateX(-50%);
}

.aspect-ratio-item-top-right {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
}

.aspect-ratio-item-right-middle {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.aspect-ratio-item-bottom-right {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
}

.aspect-ratio-item-bottom-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
}

.aspect-ratio-item-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  right: auto;
  top: auto;
}

.aspect-ratio-item-left-middle {
  position: absolute;
  bottom: auto;
  left: 0;
  right: auto;
  top: 50%;
  transform: translateY(-50%);
}

.sticker-img, .aspect-ratio-item-center-middle {
  position: absolute;
  bottom: auto;
  left: 50%;
  right: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.aspect-ratio-3-to-2 {
  padding-bottom: calc(2 / 3 * 100%);
}

.aspect-ratio-4-to-3 {
  padding-bottom: calc(3 / 4 * 100%);
}

.aspect-ratio-8-to-3 {
  padding-bottom: calc(3 / 8 * 100%);
}

.aspect-ratio-8-to-5 {
  padding-bottom: calc(5 / 8 * 100%);
}

.aspect-ratio-16-to-9 {
  padding-bottom: calc(9 / 16 * 100%);
}

.aspect-ratio-bg-contain {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.aspect-ratio-bg-cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.aspect-ratio-bg-center {
  background-position: center;
  background-repeat: no-repeat;
}

.btn {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: var(--btn-border-width, 1px);
  border-radius: var(--btn-border-radius, 4px);
  box-shadow: var(--btn-box-shadow, none);
  color: #1c1c24;
  cursor: pointer;
  display: inline-block;
  font-size: var(--btn-font-size, 1rem);
  font-weight: var(--btn-font-weight, 600);
  letter-spacing: inherit;
  line-height: var(--btn-line-height, 1.5);
  padding-bottom: var(--btn-padding-y, 0.4375rem);
  padding-left: var(--btn-padding-x, 0.9375rem);
  padding-right: var(--btn-padding-x, 0.9375rem);
  padding-top: var(--btn-padding-y, 0.4375rem);
  text-align: center;
  text-transform: none;
  transition: var(--btn-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);
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn {
  transition: none;
}

.btn:hover {
  color: #1c1c24;
  text-decoration: none;
}
.btn.focus, .btn:focus-visible, .c-prefers-focus .btn:focus {
  box-shadow: var(--btn-focus-box-shadow, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff);
  outline: var(--btn-focus-outline, 0);
  outline-offset: var(--btn-focus-outline-offset);
}

.btn:disabled, .btn.disabled {
  cursor: not-allowed;
  opacity: var(--btn-disabled-opacity, 0.4);
}
.btn:disabled:focus-visible, .c-prefers-focus .btn:disabled:focus, .btn.disabled:focus-visible, .c-prefers-focus .btn.disabled:focus {
  box-shadow: none;
}

.btn:disabled:active, .btn.disabled:active {
  pointer-events: none;
}
.btn .c-inner {
  margin-bottom: calc(var(--btn-padding-y, 0.4375rem) * -1);
  margin-left: calc(var(--btn-padding-x, 0.9375rem) * -1);
  margin-right: calc(var(--btn-padding-x, 0.9375rem) * -1);
  margin-top: calc(var(--btn-padding-y, 0.4375rem) * -1);
}
.btn .inline-item {
  line-height: 1;
  margin-top: -3px;
}
.btn .inline-item .lexicon-icon {
  margin-top: 0;
}
.btn .btn-section {
  display: block;
  font-size: 0.6875rem;
  font-weight: 600;
  line-height: 1;
}
fieldset:disabled a.btn {
  cursor: not-allowed;
  opacity: var(--btn-disabled-opacity, 0.4);
}
fieldset:disabled a.btn:focus {
  box-shadow: none;
}
fieldset:disabled a.btn:active {
  pointer-events: none;
}

.sidebar-sm .btn.btn-xs, .btn-translucent, .btn-xs {
  font-size: 0.75rem;
  line-height: 1.5;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
}
.sidebar-sm .btn.btn-xs .c-inner, .btn-translucent .c-inner, .btn-xs .c-inner {
  margin-bottom: -0.125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.125rem;
}
.sidebar-sm .btn.btn-xs .lexicon-icon, .btn-translucent .lexicon-icon, .btn-xs .lexicon-icon {
  font-size: inherit;
}
.sidebar-sm .btn.btn-xs .inline-item, .btn-translucent .inline-item, .btn-xs .inline-item {
  font-size: inherit;
  margin-top: -0.16em;
}
.sidebar-sm .btn.btn-xs .inline-item-before, .btn-translucent .inline-item-before, .btn-xs .inline-item-before {
  margin-right: 0.25rem;
}
.sidebar-sm .btn.btn-xs .inline-item-after, .btn-translucent .inline-item-after, .btn-xs .inline-item-after {
  margin-left: 0.25rem;
}
.sidebar-sm .btn.btn-xs .btn-section, .btn-translucent .btn-section, .btn-xs .btn-section {
  font-size: 0.375rem;
}
.btn-group-lg > .btn,
.btn-group-lg .btn-group > .btn, .btn-lg {
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.59375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.59375rem;
}
.btn-group-lg > .btn .c-inner,
.btn-group-lg .btn-group > .btn .c-inner, .btn-lg .c-inner {
  margin-bottom: -0.59375rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -0.59375rem;
}
.btn-group-lg > .btn .inline-item,
.btn-group-lg .btn-group > .btn .inline-item, .btn-lg .inline-item {
  font-size: 1.125rem;
}
.btn-group-lg > .btn .btn-section,
.btn-group-lg .btn-group > .btn .btn-section, .btn-lg .btn-section {
  font-size: 0.8125rem;
}
.sidebar-sm .btn, .form-group-sm .btn, .btn-group-sm > .btn,
.btn-group-sm .btn-group > .btn, .btn-sm {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.sidebar-sm .btn .c-inner, .form-group-sm .btn .c-inner, .btn-group-sm > .btn .c-inner,
.btn-group-sm .btn-group > .btn .c-inner, .btn-sm .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.sidebar-sm .btn .lexicon-icon, .form-group-sm .btn .lexicon-icon, .btn-group-sm > .btn .lexicon-icon,
.btn-group-sm .btn-group > .btn .lexicon-icon, .btn-sm .lexicon-icon {
  font-size: 1rem;
}
.sidebar-sm .btn .btn-section, .form-group-sm .btn .btn-section, .btn-group-sm > .btn .btn-section,
.btn-group-sm .btn-group > .btn .btn-section, .btn-sm .btn-section {
  font-size: 0.5625rem;
}
.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%;
}

.menubar-toggler, .btn-unstyled {
  background-color: rgba(0, 0, 0, 0.001);
  border-width: 0;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  max-width: 100%;
  padding: 0;
  text-align: left;
  text-transform: inherit;
  vertical-align: baseline;
}
.menubar-toggler .c-inner, .btn-unstyled .c-inner {
  margin: 0;
  max-width: none;
}
.sidebar-sm .btn.btn-monospaced.btn-xs, .btn-monospaced.btn-xs {
  height: 1.5rem;
  width: 1.5rem;
}
.btn-monospaced {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  text-align: center;
  white-space: normal;
  width: 2.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.btn-monospaced .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  padding: 0;
  width: 100%;
}
.btn-monospaced .lexicon-icon {
  margin-top: 0;
}
.btn-monospaced .inline-item {
  margin-top: 0;
}
.btn-group-vertical > .btn-monospaced.btn-lg, .btn-group-lg .btn-monospaced, .btn-monospaced.btn-lg {
  height: 3rem;
  width: 3rem;
}
.sidebar-sm .btn.btn-monospaced, .btn-group-vertical > .btn-monospaced.btn-sm, .btn-group-sm .btn-monospaced, .btn-monospaced.btn-sm {
  height: 2rem;
  width: 2rem;
}
.btn-primary {
  background-color: var(--btn-primary-background-color, #0b5fff);
  background-image: var(--btn-primary-background-image);
  border-color: var(--btn-primary-border-color, transparent);
  box-shadow: var(--btn-primary-box-shadow);
  color: var(--btn-primary-color, #fff);
}
.btn-primary:hover {
  background-color: var(--btn-primary-hover-background-color, #0053f0);
  background-image: var(--btn-primary-hover-background-image);
  border-color: var(--btn-primary-border-color, transparent);
  color: var(--btn-primary-hover-color, #fff);
  box-shadow: var(--btn-primary-hover-box-shadow);
}
.btn-primary.focus, .btn-primary:focus-visible, .c-prefers-focus .btn-primary:focus {
  background-color: var(--btn-primary-focus-background-color, #0053f0);
  background-image: var(--btn-primary-focus-background-image);
  border-color: var(--btn-primary-focus-border-color, transparent);
  box-shadow: var(--btn-primary-focus-box-shadow);
  color: var(--btn-primary-focus-color, #fff);
}

.btn-primary:active {
  background-color: var(--btn-primary-active-background-color, #004ad7);
  background-image: var(--btn-primary-active-background-image);
  border-color: var(--btn-primary-active-border-color, transparent);
  color: var(--btn-primary-active-color, #fff);
  box-shadow: var(--btn-primary-active-box-shadow);
}
.btn-primary:active:focus-visible, .c-prefers-focus .btn-primary:active:focus {
  box-shadow: var(--btn-primary-active-focus-box-shadow);
}

.btn-primary.active {
  background-color: var(--btn-primary-active-background-color, #004ad7);
  background-image: var(--btn-primary-active-background-image);
  border-color: var(--btn-primary-active-border-color, transparent);
  color: var(--btn-primary-active-color, #fff);
  box-shadow: var(--btn-primary-active-box-shadow);
}
.btn-primary.active:focus-visible, .c-prefers-focus .btn-primary.active:focus {
  box-shadow: var(--btn-primary-active-focus-box-shadow);
}

.btn-primary:disabled, .btn-primary.disabled {
  background-color: var(--btn-primary-disabled-background-color, #0b5fff);
  background-image: var(--btn-primary-disabled-background-image);
  border-color: var(--btn-primary-disabled-border-color, #0b5fff);
  color: var(--btn-primary-disabled-color, #fff);
  box-shadow: var(--btn-primary-disabled-box-shadow);
}
.btn-primary[aria-expanded=true], .btn-primary.show {
  background-color: var(--btn-primary-active-background-color, #004ad7);
  background-image: var(--btn-primary-active-background-image);
  border-color: var(--btn-primary-active-border-color, transparent);
  color: var(--btn-primary-active-color, #fff);
  box-shadow: var(--btn-primary-active-box-shadow);
}
.btn-secondary {
  background-color: var(--btn-secondary-background-color, #fff);
  border-color: var(--btn-secondary-border-color, #88889a);
  box-shadow: var(--btn-secondary-box-shadow);
  color: var(--btn-secondary-color, #6b6c7e);
}
.btn-secondary:hover {
  background-color: var(--btn-secondary-hover-background-color, #f7f8f9);
  border-color: var(--btn-secondary-hover-border-color, #88889a);
  color: var(--btn-secondary-hover-color, #272833);
  box-shadow: var(--btn-secondary-hover-box-shadow);
}
.btn-secondary.focus, .btn-secondary:focus-visible, .c-prefers-focus .btn-secondary:focus {
  background-color: var(--btn-secondary-focus-background-color, #f7f8f9);
  border-color: var(--btn-secondary-focus-border-color, #88889a);
  box-shadow: var(--btn-secondary-focus-box-shadow);
  color: var(--btn-secondary-focus-color, #272833);
}

.btn-secondary:active {
  background-color: var(--btn-secondary-active-background-color, #f1f2f5);
  border-color: var(--btn-secondary-active-border-color, #88889a);
  color: var(--btn-secondary-active-color, #272833);
  box-shadow: var(--btn-secondary-active-box-shadow);
}
.btn-secondary:active:focus-visible, .c-prefers-focus .btn-secondary:active:focus {
  box-shadow: var(--btn-secondary-active-focus-box-shadow);
}

.btn-secondary.active {
  background-color: var(--btn-secondary-active-background-color, #f1f2f5);
  border-color: var(--btn-secondary-active-border-color, #88889a);
  color: var(--btn-secondary-active-color, #272833);
  box-shadow: var(--btn-secondary-active-box-shadow);
}
.btn-secondary.active:focus-visible, .c-prefers-focus .btn-secondary.active:focus {
  box-shadow: var(--btn-secondary-active-focus-box-shadow);
}

.btn-secondary:disabled, .btn-secondary.disabled {
  background-color: var(--btn-secondary-disabled-background-color, #fff);
  border-color: var(--btn-secondary-disabled-border-color, #88889a);
  color: var(--btn-secondary-disabled-color, #6b6c7e);
  box-shadow: var(--btn-secondary-disabled-box-shadow);
}
.btn-secondary[aria-expanded=true], .btn-secondary.show {
  background-color: var(--btn-secondary-active-background-color, #f1f2f5);
  border-color: var(--btn-secondary-active-border-color, #88889a);
  color: var(--btn-secondary-active-color, #272833);
  box-shadow: var(--btn-secondary-active-box-shadow);
}
.btn-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
.btn-success:hover {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}
.btn-success.focus, .btn-success:focus-visible, .c-prefers-focus .btn-success:focus {
  background-color: #226a33;
  border-color: transparent;
  color: #fff;
}

.btn-success:active {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.btn-success.active {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.btn-success:disabled, .btn-success.disabled {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
.btn-success[aria-expanded=true], .btn-success.show {
  background-color: #1c5629;
  border-color: transparent;
  color: #fff;
}
.btn-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
.btn-info:hover {
  background-color: #294f98;
  border-color: transparent;
  color: #fff;
}
.btn-info.focus, .btn-info:focus-visible, .c-prefers-focus .btn-info:focus {
  background-color: #294f98;
  border-color: transparent;
  color: #fff;
}

.btn-info:active {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.btn-info.active {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.btn-info:disabled, .btn-info.disabled {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
.btn-info[aria-expanded=true], .btn-info.show {
  background-color: #234584;
  border-color: transparent;
  color: #fff;
}
.btn-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
.btn-warning:hover {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}
.btn-warning.focus, .btn-warning:focus-visible, .c-prefers-focus .btn-warning:focus {
  background-color: #9f4500;
  border-color: transparent;
  color: #fff;
}

.btn-warning:active {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.btn-warning.active {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.btn-warning:disabled, .btn-warning.disabled {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
.btn-warning[aria-expanded=true], .btn-warning.show {
  background-color: #863a00;
  border-color: transparent;
  color: #fff;
}
.btn-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
.btn-danger:hover {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}
.btn-danger.focus, .btn-danger:focus-visible, .c-prefers-focus .btn-danger:focus {
  background-color: #c31212;
  border-color: transparent;
  color: #fff;
}

.btn-danger:active {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.btn-danger.active {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.btn-danger:disabled, .btn-danger.disabled {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
.btn-danger[aria-expanded=true], .btn-danger.show {
  background-color: #ab1010;
  border-color: transparent;
  color: #fff;
}
.btn-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-light:hover {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}
.btn-light.focus, .btn-light:focus-visible, .c-prefers-focus .btn-light:focus {
  background-color: #e2e4ea;
  border-color: transparent;
  color: #272833;
}

.btn-light:active {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.btn-light.active {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.btn-light:disabled, .btn-light.disabled {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-light[aria-expanded=true], .btn-light.show {
  background-color: #d3d6e0;
  border-color: transparent;
  color: #272833;
}
.btn-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
.btn-dark:hover {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}
.btn-dark.focus, .btn-dark:focus-visible, .c-prefers-focus .btn-dark:focus {
  background-color: #1c1c24;
  border-color: transparent;
  color: #fff;
}

.btn-dark:active {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.btn-dark.active {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.btn-dark:disabled, .btn-dark.disabled {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
.btn-dark[aria-expanded=true], .btn-dark.show {
  background-color: #111116;
  border-color: transparent;
  color: #fff;
}
.btn-link {
  border-radius: 1px;
  box-shadow: none;
  color: #0b5fff;
  font-weight: 400;
  text-decoration: none;
}
.btn-link:hover {
  color: #004ad7;
  text-decoration: underline;
}
.btn-link.focus, .btn-link:focus-visible, .c-prefers-focus .btn-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  text-decoration: none;
}

.btn-link:disabled, .btn-link.disabled {
  box-shadow: none;
  color: #0b5fff;
  text-decoration: none;
}
.btn-translucent {
  border-radius: 50rem;
}
.btn-translucent.btn-primary {
  background-color: rgba(0, 83, 240, 0.04);
  border-color: transparent;
  color: #0053f0;
}
.btn-translucent.btn-primary:hover {
  background-color: rgba(0, 83, 240, 0.06);
  color: #0053f0;
}
.btn-translucent.btn-primary.focus, .btn-translucent.btn-primary:focus-visible, .c-prefers-focus .btn-translucent.btn-primary:focus {
  background-color: rgba(0, 83, 240, 0.06);
  color: #0053f0;
}

.btn-translucent.btn-primary:active {
  background-color: rgba(0, 83, 240, 0.08);
  color: #0053f0;
}
.btn-translucent.btn-primary.active {
  background-color: rgba(0, 83, 240, 0.08);
  color: #0053f0;
}
.btn-translucent.btn-primary[aria-expanded=true], .btn-translucent.btn-primary.show {
  background-color: rgba(0, 83, 240, 0.08);
  color: #0053f0;
}
.btn-translucent.btn-secondary {
  background-color: rgba(57, 58, 74, 0.04);
  border-color: transparent;
  color: #6b6c7e;
}
.btn-translucent.btn-secondary:hover {
  background-color: rgba(57, 58, 74, 0.06);
  color: #6b6c7e;
}
.btn-translucent.btn-secondary.focus, .btn-translucent.btn-secondary:focus-visible, .c-prefers-focus .btn-translucent.btn-secondary:focus {
  background-color: rgba(57, 58, 74, 0.06);
  color: #6b6c7e;
}

.btn-translucent.btn-secondary:active {
  background-color: rgba(57, 58, 74, 0.08);
  color: #6b6c7e;
}
.btn-translucent.btn-secondary.active {
  background-color: rgba(57, 58, 74, 0.08);
  color: #6b6c7e;
}
.btn-translucent.btn-secondary[aria-expanded=true], .btn-translucent.btn-secondary.show {
  background-color: rgba(57, 58, 74, 0.08);
  color: #6b6c7e;
}
.btn-translucent.btn-info, .btn-beta {
  background-color: rgba(41, 79, 152, 0.04);
  border-color: transparent;
  color: #294f98;
}
.btn-translucent.btn-info:hover, .btn-beta:hover {
  background-color: rgba(41, 79, 152, 0.06);
  color: #294f98;
}
.btn-translucent.btn-info.focus, .btn-translucent.btn-info:focus-visible, .c-prefers-focus .btn-translucent.btn-info:focus, .btn-beta.focus, .btn-beta:focus-visible, .c-prefers-focus .btn-beta:focus {
  background-color: rgba(41, 79, 152, 0.06);
  color: #294f98;
}

.btn-translucent.btn-info:active, .btn-beta:active {
  background-color: rgba(41, 79, 152, 0.08);
  color: #294f98;
}
.btn-translucent.btn-info.active, .btn-beta.active {
  background-color: rgba(41, 79, 152, 0.08);
  color: #294f98;
}
.btn-translucent.btn-info[aria-expanded=true], .btn-translucent.btn-info.show, .btn-beta[aria-expanded=true], .btn-beta.show {
  background-color: rgba(41, 79, 152, 0.08);
  color: #294f98;
}
.btn-translucent.btn-success {
  background-color: rgba(34, 106, 51, 0.04);
  border-color: transparent;
  color: #226a33;
}
.btn-translucent.btn-success:hover {
  background-color: rgba(34, 106, 51, 0.06);
  color: #226a33;
}
.btn-translucent.btn-success.focus, .btn-translucent.btn-success:focus-visible, .c-prefers-focus .btn-translucent.btn-success:focus {
  background-color: rgba(34, 106, 51, 0.06);
  color: #226a33;
}

.btn-translucent.btn-success:active {
  background-color: rgba(34, 106, 51, 0.08);
  color: #226a33;
}
.btn-translucent.btn-success.active {
  background-color: rgba(34, 106, 51, 0.08);
  color: #226a33;
}
.btn-translucent.btn-success[aria-expanded=true], .btn-translucent.btn-success.show {
  background-color: rgba(34, 106, 51, 0.08);
  color: #226a33;
}
.btn-translucent.btn-warning {
  background-color: rgba(159, 69, 0, 0.04);
  border-color: transparent;
  color: #9f4500;
}
.btn-translucent.btn-warning:hover {
  background-color: rgba(159, 69, 0, 0.06);
  color: #9f4500;
}
.btn-translucent.btn-warning.focus, .btn-translucent.btn-warning:focus-visible, .c-prefers-focus .btn-translucent.btn-warning:focus {
  background-color: rgba(159, 69, 0, 0.06);
  color: #9f4500;
}

.btn-translucent.btn-warning:active {
  background-color: rgba(159, 69, 0, 0.08);
  color: #9f4500;
}
.btn-translucent.btn-warning.active {
  background-color: rgba(159, 69, 0, 0.08);
  color: #9f4500;
}
.btn-translucent.btn-warning[aria-expanded=true], .btn-translucent.btn-warning.show {
  background-color: rgba(159, 69, 0, 0.08);
  color: #9f4500;
}
.btn-translucent.btn-danger {
  background-color: rgba(195, 18, 18, 0.04);
  border-color: transparent;
  color: #c31212;
}
.btn-translucent.btn-danger:hover {
  background-color: rgba(195, 18, 18, 0.06);
  color: #c31212;
}
.btn-translucent.btn-danger.focus, .btn-translucent.btn-danger:focus-visible, .c-prefers-focus .btn-translucent.btn-danger:focus {
  background-color: rgba(195, 18, 18, 0.06);
  color: #c31212;
}

.btn-translucent.btn-danger:active {
  background-color: rgba(195, 18, 18, 0.08);
  color: #c31212;
}
.btn-translucent.btn-danger.active {
  background-color: rgba(195, 18, 18, 0.08);
  color: #c31212;
}
.btn-translucent.btn-danger[aria-expanded=true], .btn-translucent.btn-danger.show {
  background-color: rgba(195, 18, 18, 0.08);
  color: #c31212;
}
.clay-dark.btn-translucent.btn-primary, .clay-dark .btn-translucent.btn-primary {
  background-color: rgba(179, 205, 255, 0.04);
  border-color: transparent;
  color: #80acff;
}
.clay-dark.btn-translucent.btn-primary:hover, .clay-dark .btn-translucent.btn-primary:hover {
  background-color: rgba(179, 205, 255, 0.06);
  color: #80acff;
}
.focus.clay-dark.btn-translucent.btn-primary, .clay-dark .focus.btn-translucent.btn-primary, .clay-dark.btn-translucent.btn-primary:focus-visible, .clay-dark .btn-translucent.btn-primary:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-primary:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-primary:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-primary:focus {
  background-color: rgba(179, 205, 255, 0.06);
  color: #80acff;
}

.clay-dark.btn-translucent.btn-primary:active, .clay-dark .btn-translucent.btn-primary:active {
  background-color: rgba(179, 205, 255, 0.08);
  color: #80acff;
}
.active.clay-dark.btn-translucent.btn-primary, .clay-dark .active.btn-translucent.btn-primary {
  background-color: rgba(179, 205, 255, 0.08);
  color: #80acff;
}
[aria-expanded=true].clay-dark.btn-translucent.btn-primary, .clay-dark [aria-expanded=true].btn-translucent.btn-primary, .show.clay-dark.btn-translucent.btn-primary, .clay-dark .show.btn-translucent.btn-primary {
  background-color: rgba(179, 205, 255, 0.08);
  color: #80acff;
}
.clay-dark.btn-translucent.btn-info, .clay-dark .btn-translucent.btn-info, .btn-beta-dark {
  background-color: rgba(238, 242, 250, 0.04);
  border-color: transparent;
  color: #89a7e0;
}
.clay-dark.btn-translucent.btn-info:hover, .clay-dark .btn-translucent.btn-info:hover, .btn-beta-dark:hover {
  background-color: rgba(238, 242, 250, 0.06);
  color: #89a7e0;
}
.focus.clay-dark.btn-translucent.btn-info, .clay-dark .focus.btn-translucent.btn-info, .focus.btn-beta-dark, .clay-dark.btn-translucent.btn-info:focus-visible, .clay-dark .btn-translucent.btn-info:focus-visible, .btn-beta-dark:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-info:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-info:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-info:focus, .c-prefers-focus .btn-beta-dark:focus {
  background-color: rgba(238, 242, 250, 0.06);
  color: #89a7e0;
}

.clay-dark.btn-translucent.btn-info:active, .clay-dark .btn-translucent.btn-info:active, .btn-beta-dark:active {
  background-color: rgba(238, 242, 250, 0.08);
  color: #89a7e0;
}
.active.clay-dark.btn-translucent.btn-info, .clay-dark .active.btn-translucent.btn-info, .active.btn-beta-dark {
  background-color: rgba(238, 242, 250, 0.08);
  color: #89a7e0;
}
[aria-expanded=true].clay-dark.btn-translucent.btn-info, .clay-dark [aria-expanded=true].btn-translucent.btn-info, [aria-expanded=true].btn-beta-dark, .show.clay-dark.btn-translucent.btn-info, .clay-dark .show.btn-translucent.btn-info, .show.btn-beta-dark {
  background-color: rgba(238, 242, 250, 0.08);
  color: #89a7e0;
}
.clay-dark.btn-translucent.btn-success, .clay-dark .btn-translucent.btn-success {
  background-color: rgba(237, 249, 240, 0.04);
  border-color: transparent;
  color: #5aca75;
}
.clay-dark.btn-translucent.btn-success:hover, .clay-dark .btn-translucent.btn-success:hover {
  background-color: rgba(237, 249, 240, 0.06);
  color: #5aca75;
}
.focus.clay-dark.btn-translucent.btn-success, .clay-dark .focus.btn-translucent.btn-success, .clay-dark.btn-translucent.btn-success:focus-visible, .clay-dark .btn-translucent.btn-success:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-success:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-success:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-success:focus {
  background-color: rgba(237, 249, 240, 0.06);
  color: #5aca75;
}

.clay-dark.btn-translucent.btn-success:active, .clay-dark .btn-translucent.btn-success:active {
  background-color: rgba(237, 249, 240, 0.08);
  color: #5aca75;
}
.active.clay-dark.btn-translucent.btn-success, .clay-dark .active.btn-translucent.btn-success {
  background-color: rgba(237, 249, 240, 0.08);
  color: #5aca75;
}
[aria-expanded=true].clay-dark.btn-translucent.btn-success, .clay-dark [aria-expanded=true].btn-translucent.btn-success, .show.clay-dark.btn-translucent.btn-success, .clay-dark .show.btn-translucent.btn-success {
  background-color: rgba(237, 249, 240, 0.08);
  color: #5aca75;
}
.clay-dark.btn-translucent.btn-warning, .clay-dark .btn-translucent.btn-warning {
  background-color: rgba(255, 244, 236, 0.04);
  border-color: transparent;
  color: #ff8f39;
}
.clay-dark.btn-translucent.btn-warning:hover, .clay-dark .btn-translucent.btn-warning:hover {
  background-color: rgba(255, 244, 236, 0.06);
  color: #ff8f39;
}
.focus.clay-dark.btn-translucent.btn-warning, .clay-dark .focus.btn-translucent.btn-warning, .clay-dark.btn-translucent.btn-warning:focus-visible, .clay-dark .btn-translucent.btn-warning:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-warning:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-warning:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-warning:focus {
  background-color: rgba(255, 244, 236, 0.06);
  color: #ff8f39;
}

.clay-dark.btn-translucent.btn-warning:active, .clay-dark .btn-translucent.btn-warning:active {
  background-color: rgba(255, 244, 236, 0.08);
  color: #ff8f39;
}
.active.clay-dark.btn-translucent.btn-warning, .clay-dark .active.btn-translucent.btn-warning {
  background-color: rgba(255, 244, 236, 0.08);
  color: #ff8f39;
}
[aria-expanded=true].clay-dark.btn-translucent.btn-warning, .clay-dark [aria-expanded=true].btn-translucent.btn-warning, .show.clay-dark.btn-translucent.btn-warning, .clay-dark .show.btn-translucent.btn-warning {
  background-color: rgba(255, 244, 236, 0.08);
  color: #ff8f39;
}
.clay-dark.btn-translucent.btn-danger, .clay-dark .btn-translucent.btn-danger {
  background-color: rgba(254, 239, 239, 0.04);
  border-color: transparent;
  color: #f48989;
}
.clay-dark.btn-translucent.btn-danger:hover, .clay-dark .btn-translucent.btn-danger:hover {
  background-color: rgba(254, 239, 239, 0.06);
  color: #f48989;
}
.focus.clay-dark.btn-translucent.btn-danger, .clay-dark .focus.btn-translucent.btn-danger, .clay-dark.btn-translucent.btn-danger:focus-visible, .clay-dark .btn-translucent.btn-danger:focus-visible, .c-prefers-focus .clay-dark.btn-translucent.btn-danger:focus, .c-prefers-focus .clay-dark .btn-translucent.btn-danger:focus, .clay-dark .c-prefers-focus .btn-translucent.btn-danger:focus {
  background-color: rgba(254, 239, 239, 0.06);
  color: #f48989;
}

.clay-dark.btn-translucent.btn-danger:active, .clay-dark .btn-translucent.btn-danger:active {
  background-color: rgba(254, 239, 239, 0.08);
  color: #f48989;
}
.active.clay-dark.btn-translucent.btn-danger, .clay-dark .active.btn-translucent.btn-danger {
  background-color: rgba(254, 239, 239, 0.08);
  color: #f48989;
}
[aria-expanded=true].clay-dark.btn-translucent.btn-danger, .clay-dark [aria-expanded=true].btn-translucent.btn-danger, .show.clay-dark.btn-translucent.btn-danger, .clay-dark .show.btn-translucent.btn-danger {
  background-color: rgba(254, 239, 239, 0.08);
  color: #f48989;
}
.btn-outline-primary {
  border-color: #0b5fff;
  color: #0b5fff;
}
.btn-outline-primary:hover {
  background-color: #f0f5ff;
  border-color: #0b5fff;
  color: #0b5fff;
}
.btn-outline-primary.focus, .btn-outline-primary:focus-visible, .c-prefers-focus .btn-outline-primary:focus {
  box-shadow: var(--btn-primary-focus-box-shadow);
  background-color: #f0f5ff;
  color: #0b5fff;
}

.btn-outline-primary:active {
  background-color: #e6edf8;
  border-color: #0b5fff;
  color: #0b5fff;
  box-shadow: var(--btn-primary-active-box-shadow);
}
.btn-outline-primary:active:focus-visible, .c-prefers-focus .btn-outline-primary:active:focus {
  box-shadow: var(--btn-primary-active-focus-box-shadow);
}

.btn-outline-primary.active {
  background-color: #e6edf8;
  border-color: #0b5fff;
  color: #0b5fff;
  box-shadow: var(--btn-primary-active-box-shadow);
}
.btn-outline-primary.active:focus-visible, .c-prefers-focus .btn-outline-primary.active:focus {
  box-shadow: var(--btn-primary-active-focus-box-shadow);
}

.btn-outline-primary:disabled, .btn-outline-primary.disabled {
  background-color: transparent;
  color: var(--btn-primary-background-color, #0b5fff);
  border-color: var(--btn-primary-background-color, #0b5fff);
}
.btn-outline-primary[aria-expanded=true], .btn-outline-primary.show {
  background-color: #e6edf8;
  border-color: #0b5fff;
  color: #0b5fff;
  box-shadow: var(--btn-primary-active-box-shadow);
}
.btn-outline-secondary {
  border-color: #cdced9;
  color: #6b6c7e;
}
.btn-outline-secondary:hover {
  background-color: rgba(39, 40, 51, 0.03);
  border-color: transparent;
  color: var(--btn-secondary-hover-color, #272833);
}
.btn-outline-secondary.focus, .btn-outline-secondary:focus-visible, .c-prefers-focus .btn-outline-secondary:focus {
  box-shadow: var(--btn-secondary-focus-box-shadow);
  background-color: rgba(39, 40, 51, 0.03);
  border-color: transparent;
  color: var(--btn-secondary-focus-color, #272833);
}

.btn-outline-secondary:active {
  background-color: rgba(39, 40, 51, 0.06);
  border-color: transparent;
  color: var(--btn-secondary-active-color, #272833);
  box-shadow: var(--btn-secondary-active-box-shadow);
}
.btn-outline-secondary:active:focus-visible, .c-prefers-focus .btn-outline-secondary:active:focus {
  box-shadow: var(--btn-secondary-active-focus-box-shadow);
}

.btn-outline-secondary.active {
  background-color: rgba(39, 40, 51, 0.06);
  border-color: transparent;
  color: var(--btn-secondary-active-color, #272833);
  box-shadow: var(--btn-secondary-active-box-shadow);
}
.btn-outline-secondary.active:focus-visible, .c-prefers-focus .btn-outline-secondary.active:focus {
  box-shadow: var(--btn-secondary-active-focus-box-shadow);
}

.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  background-color: transparent;
  color: #6b6c7e;
  border-color: #6b6c7e;
}
.btn-outline-secondary[aria-expanded=true], .btn-outline-secondary.show {
  background-color: rgba(39, 40, 51, 0.06);
  border-color: transparent;
  color: var(--btn-secondary-active-color, #272833);
  box-shadow: var(--btn-secondary-active-box-shadow);
}
.btn-outline-success {
  border-color: #287d3c;
  color: #287d3c;
}
.btn-outline-success:hover {
  background-color: #226a33;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-success.focus, .btn-outline-success:focus-visible, .c-prefers-focus .btn-outline-success:focus {
  background-color: #226a33;
  color: #fff;
}

.btn-outline-success:active {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-success.active {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
  background-color: transparent;
  color: #287d3c;
}
.btn-outline-success[aria-expanded=true], .btn-outline-success.show {
  background-color: #1c5629;
  border-color: #287d3c;
  color: #fff;
}
.btn-outline-info {
  border-color: #2e5aac;
  color: #2e5aac;
}
.btn-outline-info:hover {
  background-color: #294f98;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-info.focus, .btn-outline-info:focus-visible, .c-prefers-focus .btn-outline-info:focus {
  background-color: #294f98;
  color: #fff;
}

.btn-outline-info:active {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-info.active {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-info:disabled, .btn-outline-info.disabled {
  background-color: transparent;
  color: #2e5aac;
}
.btn-outline-info[aria-expanded=true], .btn-outline-info.show {
  background-color: #234584;
  border-color: #2e5aac;
  color: #fff;
}
.btn-outline-warning {
  border-color: #b95000;
  color: #b95000;
}
.btn-outline-warning:hover {
  background-color: #9f4500;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-warning.focus, .btn-outline-warning:focus-visible, .c-prefers-focus .btn-outline-warning:focus {
  background-color: #9f4500;
  color: #fff;
}

.btn-outline-warning:active {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-warning.active {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-warning:disabled, .btn-outline-warning.disabled {
  background-color: transparent;
  color: #b95000;
}
.btn-outline-warning[aria-expanded=true], .btn-outline-warning.show {
  background-color: #863a00;
  border-color: #b95000;
  color: #fff;
}
.btn-outline-danger {
  border-color: #da1414;
  color: #da1414;
}
.btn-outline-danger:hover {
  background-color: #c31212;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-danger.focus, .btn-outline-danger:focus-visible, .c-prefers-focus .btn-outline-danger:focus {
  background-color: #c31212;
  color: #fff;
}

.btn-outline-danger:active {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-danger.active {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-danger:disabled, .btn-outline-danger.disabled {
  background-color: transparent;
  color: #da1414;
}
.btn-outline-danger[aria-expanded=true], .btn-outline-danger.show {
  background-color: #ab1010;
  border-color: #da1414;
  color: #fff;
}
.btn-outline-light {
  border-color: #f1f2f5;
  color: #f1f2f5;
}
.btn-outline-light:hover {
  background-color: #e2e4ea;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-light.focus, .btn-outline-light:focus-visible, .c-prefers-focus .btn-outline-light:focus {
  background-color: #e2e4ea;
  color: #272833;
}

.btn-outline-light:active {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-light.active {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-light:disabled, .btn-outline-light.disabled {
  background-color: transparent;
  color: #f1f2f5;
}
.btn-outline-light[aria-expanded=true], .btn-outline-light.show {
  background-color: #d3d6e0;
  border-color: #f1f2f5;
  color: #272833;
}
.btn-outline-dark {
  border-color: #272833;
  color: #272833;
}
.btn-outline-dark:hover {
  background-color: #1c1c24;
  border-color: #272833;
  color: #fff;
}
.btn-outline-dark.focus, .btn-outline-dark:focus-visible, .c-prefers-focus .btn-outline-dark:focus {
  background-color: #1c1c24;
  color: #fff;
}

.btn-outline-dark:active {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.btn-outline-dark.active {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.btn-outline-dark:disabled, .btn-outline-dark.disabled {
  background-color: transparent;
  color: #272833;
}
.btn-outline-dark[aria-expanded=true], .btn-outline-dark.show {
  background-color: #111116;
  border-color: #272833;
  color: #fff;
}
.btn-outline-borderless {
  border-color: transparent;
}
.btn-outline-borderless:hover {
  border-color: transparent;
}
.btn-outline-borderless.focus, .btn-outline-borderless:focus-visible, .c-prefers-focus .btn-outline-borderless:focus {
  border-color: transparent;
}

.btn-outline-borderless:disabled, .btn-outline-borderless.disabled {
  border-color: transparent;
}
.btn-outline-borderless:not(:disabled):not(.disabled):active {
  border-color: transparent;
}

.show > .btn-outline-borderless.dropdown-toggle {
  border-color: transparent;
}

.btn .loading-animation {
  font-size: 1em;
  margin-top: -0.1em;
}

.c-horizontal-resizer {
  background-color: transparent;
  bottom: 0;
  cursor: ew-resize;
  margin-right: -0.25rem;
  position: absolute;
  right: 0;
  top: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 0.5rem;
  z-index: 10;
}
.c-horizontal-resizer:hover {
  background-color: #528eff;
}
.c-horizontal-resizer:focus {
  background-color: #528eff;
}

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

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

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

.collapsing {
  height: 0;
  overflow: hidden;
  position: relative;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing {
  transition: none;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(24px * 0.5);
  padding-right: calc(24px * 0.5);
  width: 100%;
  max-width: 1392px;
  max-width: 1872px;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1248px;
  }
}

.container-xxxl, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(24px * 0.5);
  padding-right: calc(24px * 0.5);
  width: 100%;
}

@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: 1280px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1248px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-left: 0;
  padding-right: 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 {
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  width: 100%;
}

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

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

.row-cols-2 > * {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
}

.row-cols-3 > * {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}

.row-cols-4 > * {
  flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
}

.row-cols-5 > * {
  flex: 0 0 calc(100% / 5);
  max-width: calc(100% / 5);
}

.row-cols-6 > * {
  flex: 0 0 calc(100% / 6);
  max-width: calc(100% / 6);
}

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

.col-1 {
  flex: 0 0 calc(1 / 12 * 100%);
  max-width: calc(1 / 12 * 100%);
}

.col-2 {
  flex: 0 0 calc(2 / 12 * 100%);
  max-width: calc(2 / 12 * 100%);
}

.col-3 {
  flex: 0 0 calc(3 / 12 * 100%);
  max-width: calc(3 / 12 * 100%);
}

.col-4 {
  flex: 0 0 calc(4 / 12 * 100%);
  max-width: calc(4 / 12 * 100%);
}

.col-5 {
  flex: 0 0 calc(5 / 12 * 100%);
  max-width: calc(5 / 12 * 100%);
}

.col-6 {
  flex: 0 0 calc(6 / 12 * 100%);
  max-width: calc(6 / 12 * 100%);
}

.col-7 {
  flex: 0 0 calc(7 / 12 * 100%);
  max-width: calc(7 / 12 * 100%);
}

.col-8 {
  flex: 0 0 calc(8 / 12 * 100%);
  max-width: calc(8 / 12 * 100%);
}

.col-9 {
  flex: 0 0 calc(9 / 12 * 100%);
  max-width: calc(9 / 12 * 100%);
}

.col-10 {
  flex: 0 0 calc(10 / 12 * 100%);
  max-width: calc(10 / 12 * 100%);
}

.col-11 {
  flex: 0 0 calc(11 / 12 * 100%);
  max-width: calc(11 / 12 * 100%);
}

.col-12 {
  flex: 0 0 calc(12 / 12 * 100%);
  max-width: calc(12 / 12 * 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: calc(1 / 12 * 100%);
}

.offset-2 {
  margin-left: calc(2 / 12 * 100%);
}

.offset-3 {
  margin-left: calc(3 / 12 * 100%);
}

.offset-4 {
  margin-left: calc(4 / 12 * 100%);
}

.offset-5 {
  margin-left: calc(5 / 12 * 100%);
}

.offset-6 {
  margin-left: calc(6 / 12 * 100%);
}

.offset-7 {
  margin-left: calc(7 / 12 * 100%);
}

.offset-8 {
  margin-left: calc(8 / 12 * 100%);
}

.offset-9 {
  margin-left: calc(9 / 12 * 100%);
}

.offset-10 {
  margin-left: calc(10 / 12 * 100%);
}

.offset-11 {
  margin-left: calc(11 / 12 * 100%);
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-sm-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-sm-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-sm-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-sm-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-sm-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-sm-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-sm-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-sm-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-sm-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-sm-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-sm-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-sm-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-sm-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-sm-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-sm-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-sm-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-sm-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 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: calc(0 / 12 * 100%);
  }
  .offset-sm-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-sm-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-sm-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-sm-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-sm-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-sm-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-sm-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-sm-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-sm-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-sm-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-sm-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-md-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-md-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-md-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-md-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-md-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-md-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-md-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-md-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-md-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-md-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-md-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-md-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-md-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-md-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-md-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-md-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-md-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-md-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 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: calc(0 / 12 * 100%);
  }
  .offset-md-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-md-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-md-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-md-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-md-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-md-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-md-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-md-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-md-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-md-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-md-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-lg-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-lg-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-lg-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-lg-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-lg-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-lg-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-lg-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-lg-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-lg-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-lg-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-lg-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-lg-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-lg-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-lg-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-lg-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-lg-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-lg-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 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: calc(0 / 12 * 100%);
  }
  .offset-lg-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-lg-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-lg-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-lg-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-lg-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-lg-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-lg-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-lg-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-lg-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-lg-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-lg-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
@media (min-width: 1280px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
  .row-cols-xl-2 > * {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
  .row-cols-xl-3 > * {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
  .row-cols-xl-4 > * {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
  }
  .row-cols-xl-5 > * {
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
  }
  .row-cols-xl-6 > * {
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
  }
  .col-xl-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 calc(1 / 12 * 100%);
    max-width: calc(1 / 12 * 100%);
  }
  .col-xl-2 {
    flex: 0 0 calc(2 / 12 * 100%);
    max-width: calc(2 / 12 * 100%);
  }
  .col-xl-3 {
    flex: 0 0 calc(3 / 12 * 100%);
    max-width: calc(3 / 12 * 100%);
  }
  .col-xl-4 {
    flex: 0 0 calc(4 / 12 * 100%);
    max-width: calc(4 / 12 * 100%);
  }
  .col-xl-5 {
    flex: 0 0 calc(5 / 12 * 100%);
    max-width: calc(5 / 12 * 100%);
  }
  .col-xl-6 {
    flex: 0 0 calc(6 / 12 * 100%);
    max-width: calc(6 / 12 * 100%);
  }
  .col-xl-7 {
    flex: 0 0 calc(7 / 12 * 100%);
    max-width: calc(7 / 12 * 100%);
  }
  .col-xl-8 {
    flex: 0 0 calc(8 / 12 * 100%);
    max-width: calc(8 / 12 * 100%);
  }
  .col-xl-9 {
    flex: 0 0 calc(9 / 12 * 100%);
    max-width: calc(9 / 12 * 100%);
  }
  .col-xl-10 {
    flex: 0 0 calc(10 / 12 * 100%);
    max-width: calc(10 / 12 * 100%);
  }
  .col-xl-11 {
    flex: 0 0 calc(11 / 12 * 100%);
    max-width: calc(11 / 12 * 100%);
  }
  .col-xl-12 {
    flex: 0 0 calc(12 / 12 * 100%);
    max-width: calc(12 / 12 * 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: calc(0 / 12 * 100%);
  }
  .offset-xl-1 {
    margin-left: calc(1 / 12 * 100%);
  }
  .offset-xl-2 {
    margin-left: calc(2 / 12 * 100%);
  }
  .offset-xl-3 {
    margin-left: calc(3 / 12 * 100%);
  }
  .offset-xl-4 {
    margin-left: calc(4 / 12 * 100%);
  }
  .offset-xl-5 {
    margin-left: calc(5 / 12 * 100%);
  }
  .offset-xl-6 {
    margin-left: calc(6 / 12 * 100%);
  }
  .offset-xl-7 {
    margin-left: calc(7 / 12 * 100%);
  }
  .offset-xl-8 {
    margin-left: calc(8 / 12 * 100%);
  }
  .offset-xl-9 {
    margin-left: calc(9 / 12 * 100%);
  }
  .offset-xl-10 {
    margin-left: calc(10 / 12 * 100%);
  }
  .offset-xl-11 {
    margin-left: calc(11 / 12 * 100%);
  }
}
.container-fluid-max-sm {
  max-width: 540px;
}
.container-fluid-max-md {
  max-width: 720px;
}
.container-fluid-max-lg {
  max-width: 960px;
}
.container-fluid-max-xl {
  max-width: 1248px;
}
.container-fluid-max-xxl {
  max-width: 1392px;
}
.container-fluid-max-xxxl {
  max-width: 1872px;
}

.container-no-gutters {
  padding-left: 0;
  padding-right: 0;
}
.container-no-gutters > .row {
  margin-left: 0;
  margin-right: 0;
}
.container-no-gutters > .row > .col,
.container-no-gutters > .row > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 575.98px) {
  .container-no-gutters-sm-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-sm-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-sm-down > .row > .col,
  .container-no-gutters-sm-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 767.98px) {
  .container-no-gutters-md-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-md-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-md-down > .row > .col,
  .container-no-gutters-md-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 991.98px) {
  .container-no-gutters-lg-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-lg-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-lg-down > .row > .col,
  .container-no-gutters-lg-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (max-width: 1279.98px) {
  .container-no-gutters-xl-down {
    padding-left: 0;
    padding-right: 0;
  }
  .container-no-gutters-xl-down > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container-no-gutters-xl-down > .row > .col,
  .container-no-gutters-xl-down > .row > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
  }
}

.card-page {
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.container .card-page, .container-fluid .card-page {
  margin-left: -12px;
  margin-right: -12px;
}

.container-form-lg {
  padding-bottom: 3rem;
  padding-top: 3rem;
}
@media (max-width: 991.98px) {
  .container-form-lg {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

.container-view {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}

.alert {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 1rem;
  padding: 0.9375rem 1rem;
  position: relative;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.alert .alert-btn {
  border-radius: 0.1875rem;
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.alert .alert-btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.alert .btn-group {
  margin-bottom: -0.125rem;
  margin-top: -0.125rem;
}
.alert .btn-group-item {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
.alert .close {
  color: inherit;
  font-size: 1rem;
  height: 2rem;
  opacity: 1;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: absolute;
  right: 0.5rem;
  top: 0.6875rem;
  width: 2rem;
}
.alert .close:hover {
  color: inherit;
}
.alert .close:disabled, .alert .close.disabled {
  color: inherit;
}
.alert .close .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.alert .lead {
  font-size: 0.875rem;
  font-weight: 600;
  margin-right: 0.3125rem;
}
.alert .component-subtitle {
  font-size: 0.75rem;
  font-weight: 400;
}

.alert-heading {
  color: inherit;
}

.alert-footer {
  margin-top: 1rem;
}

.alert-link,
.alert-link.btn-unstyled {
  font-weight: 600;
  text-decoration: underline;
}
.alert-link:hover, .alert-link.hover,
.alert-link.btn-unstyled:hover,
.alert-link.btn-unstyled.hover {
  text-decoration: none;
}
.alert-link.focus, .alert-link:focus-visible, .c-prefers-focus .alert-link:focus,
.alert-link.btn-unstyled.focus,
.alert-link.btn-unstyled:focus-visible,
.c-prefers-focus .alert-link.btn-unstyled:focus {
  text-decoration: none;
}

.alert-indicator {
  font-size: 1rem;
  line-height: 1;
}
.alert-indicator + .lead {
  margin-left: 0.3125rem;
}

.alert-dismissible {
  padding-right: 2.5rem;
}

.alert-fluid {
  border-radius: 0;
  border-width: 0 0 1px 0;
  margin-bottom: 0;
  padding: 0;
}
.alert-fluid.alert-dismissible .container,
.alert-fluid.alert-dismissible .container-fluid {
  padding-right: calc( 				2.5rem + 12px 			);
  position: relative;
}
.alert-fluid .close {
  right: calc(12px + 0.25rem);
}
.alert-fluid .container,
.alert-fluid .container-fluid {
  padding-bottom: 0.96875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.96875rem;
}
.alert-container {
  height: 0;
  position: relative;
}

.alert-notifications .alert {
  box-shadow: 0 0.5rem 2rem -0.25rem rgba(0, 0, 0, 0.3);
  clear: both;
  float: left;
  margin-bottom: 1rem;
  max-width: 22.5rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
@media (max-width: 767.98px) {
  .alert-notifications .alert {
    max-width: none;
    width: 100%;
  }
}
.alert-notifications .alert:last-child {
  margin-bottom: 0;
}
.alert-notifications .alert-fluid {
  padding-bottom: 0;
  padding-top: 0;
}

.alert-notifications-absolute {
  height: 0;
  position: absolute;
  right: 0.5rem;
  top: 4.75rem;
  z-index: 5000;
}
@media (max-width: 767.98px) {
  .alert-notifications-absolute {
    left: 0.5rem;
    right: 0.5rem;
    top: 4.25rem;
  }
}

.alert-notifications-fixed {
  bottom: 1.25rem;
  left: 1.25rem;
  position: fixed;
  z-index: 5000;
}
@media (max-width: 767.98px) {
  .alert-notifications-fixed {
    bottom: 1rem;
    left: 12px;
    right: 12px;
  }
}

.alert-list {
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  padding-left: 0;
}
.alert-list .close {
  top: 50%;
  transform: translateY(-50%);
}

.modal-body .alert .close {
  right: 1.5rem;
}
.modal-body .alert-list .alert-fluid:last-child {
  margin-bottom: -1px;
}

.autofit-row.alert-autofit-row {
  align-items: baseline;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  width: auto;
}
.autofit-row.alert-autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.alert-feedback.alert {
  background-color: transparent;
  border-width: 0;
  margin-bottom: 0.25rem;
  padding: 0;
}
.alert-feedback.alert .alert-autofit-row,
.alert-feedback.alert .autofit-row {
  display: inline;
  margin-left: 0;
  margin-right: 0;
}
.alert-feedback.alert .alert-autofit-row > .autofit-col,
.alert-feedback.alert .autofit-row > .autofit-col {
  display: inline;
  padding-left: 0;
  padding-right: 0.25em;
}
.alert-feedback.alert .alert-autofit-row > .autofit-col > .autofit-section,
.alert-feedback.alert .autofit-row > .autofit-col > .autofit-section {
  display: inline;
}
.alert-feedback.alert .close {
  font-size: inherit;
  height: 1rem;
  position: relative;
  right: auto;
  top: 0.125em;
  width: 1rem;
}
.alert-feedback.alert .lead {
  margin-right: 0;
}
.alert-feedback.alert .lead + .component-text {
  margin-left: 0.25em;
}

.alert-inline.alert {
  display: inline-block;
  max-width: 100%;
  width: auto;
}
.alert-inline.alert.alert-dismissible {
  padding-right: 3.5rem;
}
.alert-inline.alert.alert-dismissible.alert-fluid {
  padding-right: 0;
}
.alert-inline.alert.alert-dismissible.alert-fluid > .container,
.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid {
  padding-right: 3.5rem;
}
.alert-inline.alert.alert-dismissible.alert-fluid > .container > .alert-autofit-row,
.alert-inline.alert.alert-dismissible.alert-fluid > .container-fluid > .alert-autofit-row {
  align-items: center;
  margin-bottom: calc(-0.9375rem - 1px);
  margin-top: calc(-0.9375rem - 1px);
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  min-height: 3.5rem;
}
.alert-inline.alert > .alert-autofit-row {
  align-items: center;
  margin-bottom: calc(-0.9375rem - 1px);
  margin-top: calc(-0.9375rem - 1px);
  padding-bottom: 0.5625rem;
  padding-top: 0.5625rem;
  min-height: 3.5rem;
}
.alert-inline.alert > .alert-autofit-row .btn-group {
  margin-right: 2rem;
  margin-left: 0.75rem;
}
.alert-inline.alert .close {
  margin-top: -1rem;
  top: 50%;
}
.alert-autofit-stacked.alert > .alert-autofit-row {
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: 0;
  margin-top: 0;
  min-height: 0;
  padding-bottom: 0;
  padding-top: 0;
}
.alert-autofit-stacked.alert > .alert-autofit-row > .autofit-col {
  width: 100%;
}
.alert-autofit-stacked.alert > .alert-autofit-row .btn-group {
  margin-right: 0;
  margin-top: 0.875rem;
  margin-left: 0;
}
.alert-autofit-stacked.alert .close {
  margin-top: 0;
  top: 0.6875rem;
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row > .autofit-col {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert > .alert-autofit-row .btn-group {
    margin-right: 0;
    margin-top: 0.875rem;
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .alert-autofit-stacked-sm-down.alert .close {
    margin-top: 0;
    top: 0.6875rem;
  }
}

@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row {
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row > .autofit-col {
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert > .alert-autofit-row .btn-group {
    margin-right: 0;
    margin-top: 0.875rem;
    margin-left: 0;
  }
}
@media (max-width: 575.98px) {
  .alert-autofit-stacked-xs-down.alert .close {
    margin-top: 0;
    top: 0.6875rem;
  }
}

.alert-indicator-start.alert {
  padding-left: calc(1rem + 1rem + 0.5rem);
}
.alert-indicator-start.alert.alert-fluid {
  padding-left: 0;
}
.alert-indicator-start.alert.alert-fluid > .container,
.alert-indicator-start.alert.alert-fluid > .container-fluid {
  padding-left: calc( 						1rem + 1rem + 							0.5rem 					);
}
.alert-indicator-start.alert.alert-feedback {
  padding-left: calc(1rem + 0.5rem);
}
.alert-indicator-start.alert .alert-indicator {
  line-height: 1;
  margin-left: calc(-1em - 0.5rem);
  margin-top: 2px;
  position: absolute;
}
.alert-indicator-start.alert .alert-indicator + .lead {
  margin-left: 0;
}
.alert-indicator-start.alert .alert-autofit-row .alert-indicator:only-child {
  margin-right: 0;
}

.alert-primary {
  background-color: #f0f5ff;
  border-color: #80acff;
  color: #0b5fff;
}
.alert-primary hr {
  border-top-color: #669bff;
}
.alert-primary .alert-btn {
  background-color: #fff;
  border-color: #80acff;
  color: #0b5fff;
}
.alert-primary .alert-btn:hover {
  background-color: #0b5fff;
  color: #fff;
  border-color: #0b5fff;
}
.alert-primary .alert-btn:active {
  background-color: #0053f1;
  border-color: #0053f1;
}
.alert-primary .alert-btn.active {
  background-color: #0053f1;
  border-color: #0053f1;
}
.alert-primary .alert-btn[aria-expanded=true], .alert-primary .alert-btn.show {
  background-color: #0053f1;
  border-color: #0053f1;
}
.alert-primary .close {
  color: #0b5fff;
}
.alert-primary .close:hover {
  color: #0b5fff;
}
.alert-primary .lead {
  color: #0b5fff;
}
.alert-primary .alert-link {
  color: #0b5fff;
}
.alert-secondary {
  background-color: #f7f8f9;
  border-color: #d3d6e0;
  color: #6b6c7e;
}
.alert-secondary .alert-btn {
  background-color: #fff;
  border-color: #a7a9bc;
  color: #6b6c7e;
}
.alert-secondary .alert-btn:hover {
  background-color: #6b6c7e;
  color: #fff;
  border-color: #6b6c7e;
}
.alert-secondary .alert-btn:active {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .alert-btn.active {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .alert-btn[aria-expanded=true], .alert-secondary .alert-btn.show {
  background-color: #5f6070;
  border-color: #5f6070;
}
.alert-secondary .close {
  color: #6b6c7e;
}
.alert-secondary .close:hover {
  color: #6b6c7e;
}
.alert-secondary .lead {
  color: #6b6c7e;
}
.alert-secondary .alert-link {
  color: #0b5fff;
}
.alert-success {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #287d3c;
}
.alert-success .alert-btn {
  background-color: #fff;
  border-color: #5aca75;
  color: #287d3c;
}
.alert-success .alert-btn:hover {
  background-color: #287d3c;
  color: #fff;
  border-color: #287d3c;
}
.alert-success .alert-btn:active {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .alert-btn.active {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .alert-btn[aria-expanded=true], .alert-success .alert-btn.show {
  background-color: #226a33;
  border-color: #226a33;
}
.alert-success .close {
  color: #287d3c;
}
.alert-success .close:hover {
  color: #287d3c;
}
.alert-success .lead {
  color: #287d3c;
}
.alert-success .alert-link {
  color: #0b5fff;
}
.alert-info {
  background-color: #eef2fa;
  border-color: #89a7e0;
  color: #2e5aac;
}
.alert-info .alert-btn {
  background-color: #fff;
  border-color: #89a7e0;
  color: #2e5aac;
}
.alert-info .alert-btn:hover {
  background-color: #2e5aac;
  color: #fff;
  border-color: #2e5aac;
}
.alert-info .alert-btn:active {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .alert-btn.active {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .alert-btn[aria-expanded=true], .alert-info .alert-btn.show {
  background-color: #294f98;
  border-color: #294f98;
}
.alert-info .close {
  color: #2e5aac;
}
.alert-info .close:hover {
  color: #2e5aac;
}
.alert-info .lead {
  color: #2e5aac;
}
.alert-info .alert-link {
  color: #0b5fff;
}
.alert-warning {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #b95000;
}
.alert-warning .alert-btn {
  background-color: #fff;
  border-color: #ff8f39;
  color: #b95000;
}
.alert-warning .alert-btn:hover {
  background-color: #b95000;
  color: #fff;
  border-color: #b95000;
}
.alert-warning .alert-btn:active {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .alert-btn.active {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .alert-btn[aria-expanded=true], .alert-warning .alert-btn.show {
  background-color: #a04500;
  border-color: #a04500;
}
.alert-warning .close {
  color: #b95000;
}
.alert-warning .close:hover {
  color: #b95000;
}
.alert-warning .lead {
  color: #b95000;
}
.alert-warning .alert-link {
  color: #0b5fff;
}
.alert-danger {
  background-color: #feefef;
  border-color: #f48989;
  color: #da1414;
}
.alert-danger .alert-btn {
  background-color: #fff;
  border-color: #f48989;
  color: #da1414;
}
.alert-danger .alert-btn:hover {
  background-color: #da1414;
  color: #fff;
  border-color: #da1414;
}
.alert-danger .alert-btn:active {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .alert-btn.active {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .alert-btn[aria-expanded=true], .alert-danger .alert-btn.show {
  background-color: #c31212;
  border-color: #c31212;
}
.alert-danger .close {
  color: #da1414;
}
.alert-danger .close:hover {
  color: #da1414;
}
.alert-danger .lead {
  color: #da1414;
}
.alert-danger .alert-link {
  color: #0b5fff;
}
.alert-light {
  background-color: white;
  border-color: #f7f8f9;
  color: #272833;
}
.alert-light .alert-btn {
  background-color: #fff;
  border-color: #30313f;
  color: #272833;
}
.alert-light .alert-btn:hover {
  background-color: #272833;
  color: #fff;
  border-color: #272833;
}
.alert-light .alert-btn:active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .alert-btn.active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .alert-btn[aria-expanded=true], .alert-light .alert-btn.show {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-light .close {
  color: #272833;
}
.alert-light .close:hover {
  color: #272833;
}
.alert-light .lead {
  color: #272833;
}
.alert-dark {
  background-color: #393a4a;
  border-color: #30313f;
  color: #f1f2f5;
}
.alert-dark .alert-btn {
  background-color: #fff;
  border-color: #30313f;
  color: #272833;
}
.alert-dark .alert-btn:hover {
  background-color: #272833;
  color: #fff;
  border-color: #272833;
}
.alert-dark .alert-btn:active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .alert-btn.active {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .alert-btn[aria-expanded=true], .alert-dark .alert-btn.show {
  background-color: #1c1d25;
  border-color: #1c1d25;
}
.alert-dark .close {
  color: #f1f2f5;
}
.alert-dark .close:hover {
  color: #f1f2f5;
}
.alert-dark .lead {
  color: #f1f2f5;
}
.badge {
  border-color: transparent;
  border-radius: 10rem;
  border-style: solid;
  border-width: 1px;
  display: inline-flex;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0.125rem;
  margin-right: 0.25rem;
  margin-top: 0.125rem;
  max-width: 100%;
  padding-bottom: 0.09375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.09375rem;
  text-align: center;
  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;
  white-space: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
.badge {
  transition: none;
}

.badge:empty {
  display: none;
}
.badge[href]:hover, .badge[href].hover, .badge[type]:hover, .badge[type].hover {
  text-decoration: none;
}
.badge[href].focus, .badge[href]:focus-visible, .c-prefers-focus .badge[href]:focus, .badge[type].focus, .badge[type]:focus-visible, .c-prefers-focus .badge[type]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.badge a {
  color: #fff;
  text-decoration: underline;
}
.badge a:hover, .badge a.hover {
  text-decoration: none;
}
.badge a.focus, .badge a:focus-visible, .c-prefers-focus .badge a:focus {
  text-decoration: none;
}

.badge > .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
  max-width: none;
}
.badge .inline-item a {
  align-items: center;
  display: inline-flex;
  margin-top: 0;
}
.badge .inline-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
  margin-top: 0;
  max-width: none;
}
.badge .inline-item .close {
  color: inherit;
  display: inline-flex;
  float: none;
  font-size: inherit;
  margin-top: 0;
  opacity: 1;
}
.badge .inline-item a .lexicon-icon,
.badge .inline-item .btn-unstyled .lexicon-icon,
.badge .inline-item .close .lexicon-icon {
  margin-top: 0;
}
.badge .inline-item .lexicon-icon {
  height: 0.875em;
  margin-top: 0;
  width: 0.875em;
}

.badge-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-height: 0;
  position: relative;
  text-align: left;
}
.badge-item a {
  display: inline-flex;
}
.badge-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
}
.badge-item .close {
  border-radius: 1px;
  color: inherit;
  display: inline-flex;
  font-size: inherit;
  height: auto;
  opacity: 1;
  width: auto;
}
.badge-item .close:hover {
  color: inherit;
  opacity: 1;
}
.badge-item .close.focus, .badge-item .close:focus-visible, .c-prefers-focus .badge-item .close:focus {
  opacity: 1;
}

.badge-item .lexicon-icon {
  height: 0.875em;
  margin-top: 0;
  width: 0.875em;
}

.badge-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 0.375rem;
  word-wrap: break-word;
}
.badge-item-expand a {
  flex-direction: column;
}

.badge-item-before {
  margin-right: 0.85714em;
}

.badge-item-after {
  margin-left: 0.85714em;
}

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

.badge-pill {
  border-radius: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.badge-primary {
  background-color: #0b5fff;
  color: #fff;
}
[href].badge-primary:hover, [href].hover.badge-primary, [type].badge-primary:hover, [type].hover.badge-primary {
  background-color: #0b5fff;
  color: #fff;
}
[href].focus.badge-primary, [href].badge-primary:focus-visible, .c-prefers-focus [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus-visible, .c-prefers-focus [type].badge-primary:focus {
  background-color: #0b5fff;
  box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.5);
  color: #fff;
}

.badge-secondary {
  background-color: #e7e7ed;
  color: #272833;
}
[href].badge-secondary:hover, [href].hover.badge-secondary, [type].badge-secondary:hover, [type].hover.badge-secondary {
  background-color: #e7e7ed;
  color: #272833;
}
[href].focus.badge-secondary, [href].badge-secondary:focus-visible, .c-prefers-focus [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus-visible, .c-prefers-focus [type].badge-secondary:focus {
  background-color: #e7e7ed;
  color: #272833;
  box-shadow: 0 0 0 0.2rem rgba(231, 231, 237, 0.5);
}

.badge-secondary a {
  color: #272833;
}
.badge-success {
  background-color: #287d3c;
  color: #fff;
}
[href].badge-success:hover, [href].hover.badge-success, [type].badge-success:hover, [type].hover.badge-success {
  background-color: #287d3c;
  color: #fff;
}
[href].focus.badge-success, [href].badge-success:focus-visible, .c-prefers-focus [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus-visible, .c-prefers-focus [type].badge-success:focus {
  background-color: #287d3c;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5);
}

.badge-info {
  background-color: #2e5aac;
  color: #fff;
}
[href].badge-info:hover, [href].hover.badge-info, [type].badge-info:hover, [type].hover.badge-info {
  background-color: #2e5aac;
  color: #fff;
}
[href].focus.badge-info, [href].badge-info:focus-visible, .c-prefers-focus [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus-visible, .c-prefers-focus [type].badge-info:focus {
  background-color: #2e5aac;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(46, 90, 172, 0.5);
}

.badge-warning {
  background-color: #b95000;
  color: #fff;
}
[href].badge-warning:hover, [href].hover.badge-warning, [type].badge-warning:hover, [type].hover.badge-warning {
  background-color: #b95000;
  color: #fff;
}
[href].focus.badge-warning, [href].badge-warning:focus-visible, .c-prefers-focus [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus-visible, .c-prefers-focus [type].badge-warning:focus {
  background-color: #b95000;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(185, 80, 0, 0.5);
}

.badge-danger {
  background-color: #da1414;
  color: #fff;
}
[href].badge-danger:hover, [href].hover.badge-danger, [type].badge-danger:hover, [type].hover.badge-danger {
  background-color: #da1414;
  color: #fff;
}
[href].focus.badge-danger, [href].badge-danger:focus-visible, .c-prefers-focus [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus-visible, .c-prefers-focus [type].badge-danger:focus {
  background-color: #da1414;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.5);
}

.badge-light {
  background-color: #f1f2f5;
  color: #272833;
}
[href].badge-light:hover, [href].hover.badge-light, [type].badge-light:hover, [type].hover.badge-light {
  background-color: #f1f2f5;
  color: #272833;
}
[href].focus.badge-light, [href].badge-light:focus-visible, .c-prefers-focus [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus-visible, .c-prefers-focus [type].badge-light:focus {
  background-color: #f1f2f5;
  color: #272833;
  box-shadow: 0 0 0 0.2rem rgba(241, 242, 245, 0.5);
}

.badge-light a {
  color: #272833;
}
.badge-dark {
  background-color: #272833;
  color: #fff;
}
[href].badge-dark:hover, [href].hover.badge-dark, [type].badge-dark:hover, [type].hover.badge-dark {
  background-color: #272833;
  color: #fff;
}
[href].focus.badge-dark, [href].badge-dark:focus-visible, .c-prefers-focus [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus-visible, .c-prefers-focus [type].badge-dark:focus {
  background-color: #272833;
  color: #fff;
  box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
}

.badge-translucent.badge-primary {
  background-color: rgba(0, 83, 240, 0.04);
  border-color: transparent;
  color: #0053f0;
}
.badge-translucent.badge-info, .badge-beta {
  background-color: rgba(41, 79, 152, 0.04);
  border-color: transparent;
  color: #294f98;
}
.badge-translucent.badge-success {
  background-color: rgba(34, 106, 51, 0.04);
  border-color: transparent;
  color: #226a33;
}
.badge-translucent.badge-warning {
  background-color: rgba(159, 69, 0, 0.04);
  border-color: transparent;
  color: #9f4500;
}
.badge-translucent.badge-danger {
  background-color: rgba(195, 18, 18, 0.04);
  border-color: transparent;
  color: #c31212;
}
.clay-dark.badge-translucent.badge-primary, .clay-dark .badge-translucent.badge-primary {
  background-color: rgba(179, 205, 255, 0.04);
  border-color: transparent;
  color: #80acff;
}
.clay-dark.badge-translucent.badge-info, .clay-dark .badge-translucent.badge-info, .badge-beta-dark {
  background-color: rgba(238, 242, 250, 0.04);
  border-color: transparent;
  color: #89a7e0;
}
.clay-dark.badge-translucent.badge-success, .clay-dark .badge-translucent.badge-success {
  background-color: rgba(237, 249, 240, 0.04);
  border-color: transparent;
  color: #5aca75;
}
.clay-dark.badge-translucent.badge-warning, .clay-dark .badge-translucent.badge-warning {
  background-color: rgba(255, 244, 236, 0.04);
  border-color: transparent;
  color: #ff8f39;
}
.clay-dark.badge-translucent.badge-danger, .clay-dark .badge-translucent.badge-danger {
  background-color: rgba(254, 239, 239, 0.04);
  border-color: transparent;
  color: #f48989;
}
.breadcrumb-bar {
  align-items: center;
  display: flex;
}

.breadcrumb {
  background-color: transparent;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0;
  padding: 0.59375rem 0.125rem;
}

.breadcrumb-link {
  color: #6b6c7e;
  display: block;
  text-decoration: none;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .breadcrumb-link {
    transition: none;
  }
}
.breadcrumb-link {
  transition: none;
}

.breadcrumb-link:hover, .breadcrumb-link.hover {
  color: #6b6c7e;
  text-decoration: underline;
}
.breadcrumb-link.focus, .breadcrumb-link:focus-visible, .c-prefers-focus .breadcrumb-link:focus {
  color: #6b6c7e;
  text-decoration: underline;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.breadcrumb-toggle {
  color: #6b6c7e;
}
.breadcrumb-item {
  font-size: 0.875rem;
  margin-right: 0.5em;
  position: relative;
}
.breadcrumb-item.active,
.breadcrumb-item .active {
  color: #272833;
  font-weight: 600;
}
.breadcrumb-item.active .breadcrumb-link,
.breadcrumb-item .active .breadcrumb-link {
  color: inherit;
}
.breadcrumb-item > span {
  text-transform: inherit;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 1em;
}
.breadcrumb-item + .breadcrumb-item::before {
  color: #6b6c7e;
  display: block;
  float: left;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M375.2%20239.2%20173.3%2037c-23.6-23-59.9%2011.9-36%2035.1l183%20183.9-182.9%20183.8c-24%2023.5%2012.5%2058.2%2036.1%2035.2l201.7-202.1c10.2-10.1%209.3-24.4%200-33.7z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 100%;
  content: "";
  height: 0.6em;
  left: 0;
  margin-top: calc(-0.6em / 2);
  padding: 0;
  position: absolute;
  top: 50%;
  width: 0.6em;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle:hover {
  text-decoration: none;
}
.breadcrumb-item .dropdown-toggle.focus, .breadcrumb-item .dropdown-toggle:focus-visible, .c-prefers-focus .breadcrumb-item .dropdown-toggle:focus {
  text-decoration: none;
}

.breadcrumb-text-truncate {
  display: inline-block;
  max-width: 17.875rem;
  overflow: hidden;
  text-decoration: inherit;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
@media (max-width: 767.98px) {
  .breadcrumb-text-truncate {
    max-width: 8.5rem;
  }
}

.btn-group,
.btn-group-vertical {
  display: inline-flex;
  position: relative;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  z-index: 3;
}
.btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}

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

.btn-group {
  flex-wrap: wrap;
}

.btn-group-spaced {
  align-items: center;
  column-gap: 1rem;
  display: inline-flex;
  flex-wrap: wrap;
  position: relative;
}

.btn-group-nowrap {
  flex-wrap: nowrap;
}

.btn-group-item {
  align-items: center;
  display: inline-flex;
  margin-right: 1rem;
}

.btn-group-item:last-child,
.btn-group-item-last {
  margin-right: 0;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
}
.btn-toolbar .btn-group:not(:last-child),
.btn-toolbar .input-group:not(:last-child) {
  margin-right: 0.5rem;
}
.btn-toolbar .input-group {
  width: auto;
}

.dropdown-toggle-split {
  padding-left: calc(0.9375rem * 0.75);
  padding-right: calc(0.9375rem * 0.75);
}

.btn-sm + .dropdown-toggle-split {
  padding-right: calc(0.75rem * 0.75);
  padding-left: calc(0.75rem * 0.75);
}

.btn-lg + .dropdown-toggle-split {
  padding-right: calc(1.5rem * 0.75);
  padding-left: calc(1.5rem * 0.75);
}

.btn-group-vertical {
  align-items: flex-start;
  flex-direction: column;
  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: -0.0625rem;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-left-radius: 0;
  border-bottom-right-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-vertical > .btn-monospaced {
  width: 2.5rem;
}
.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] {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  position: absolute;
}

.c-empty-state-animation {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin: 5rem auto 1.5rem;
  max-width: 340px;
  text-align: center;
}

.c-empty-state-image {
  margin-bottom: -0.5rem;
  max-width: 250px;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-aspect-ratio {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: block;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}

.c-empty-state-title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  margin-top: 2.5rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-text {
  color: #6b6c7e;
  margin-bottom: 0;
  margin-top: 0.5rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-footer {
  margin-top: 1rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.c-empty-state-sm.c-empty-state-animation {
  margin: 2.5rem auto 2rem;
  max-width: 268px;
}
.c-empty-state-sm .c-empty-state-image {
  max-width: 120px;
}
.c-empty-state-sm .c-empty-state-title {
  font-size: 1rem;
  line-height: 1.5;
}
.c-empty-state-sm .c-empty-state-text {
  font-size: 0.875rem;
}
.label {
  border-color: #272833;
  border-radius: 0.125rem;
  border-style: solid;
  border-width: 0.0625rem;
  display: inline-flex;
  font-size: 0.625rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.125rem;
  margin-right: 0.25rem;
  margin-top: 0.125rem;
  max-width: 100%;
  padding-bottom: 0.125rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.125rem;
  text-transform: uppercase;
  white-space: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .label {
    transition: none;
  }
}
.label {
  transition: none;
}

.label:disabled, .label.disabled {
  box-shadow: none;
}
.label[href], .label[type], .label[tabindex] {
  cursor: pointer;
  text-decoration: none;
}
.label[href]:hover, .label[href].hover, .label[type]:hover, .label[type].hover, .label[tabindex]:hover, .label[tabindex].hover {
  text-decoration: underline;
}
.label[href].focus, .label[href]:focus-visible, .c-prefers-focus .label[href]:focus, .label[type].focus, .label[type]:focus-visible, .c-prefers-focus .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus-visible, .c-prefers-focus .label[tabindex]:focus {
  text-decoration: underline;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.label a,
.label .btn-unstyled {
  color: inherit;
  display: inline-block;
  text-decoration: none;
}
.label a:hover, .label a.hover,
.label .btn-unstyled:hover,
.label .btn-unstyled.hover {
  color: inherit;
  text-decoration: underline;
}
.label a.focus, .label a:focus-visible, .c-prefers-focus .label a:focus,
.label .btn-unstyled.focus,
.label .btn-unstyled:focus-visible,
.c-prefers-focus .label .btn-unstyled:focus {
  color: inherit;
  text-decoration: underline;
}

.label .sticker {
  border-radius: 100px;
  height: 0.875em;
  line-height: 0.875em;
  width: 0.875em;
}
.label .sticker-overlay {
  border-radius: 100px;
}
.label > .c-inner {
  margin-bottom: -0.125rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.125rem;
  max-width: none;
}
.label .inline-item a {
  align-items: center;
  display: inline-flex;
  margin-top: 0;
}
.label .inline-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
  margin-top: 0;
  max-width: none;
}
.label .inline-item .close {
  color: inherit;
  display: inline-flex;
  float: none;
  font-size: inherit;
  margin-top: 0;
  opacity: 1;
}
.label .inline-item a .lexicon-icon,
.label .inline-item .btn-unstyled .lexicon-icon,
.label .inline-item .close .lexicon-icon {
  margin-top: 0;
}
.label .inline-item .lexicon-icon {
  margin-top: 0;
}

.label-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  min-height: 0;
  position: relative;
}
.label-item a {
  display: inline-flex;
}
.label-item .btn-unstyled {
  color: inherit;
  display: inline-flex;
}
.label-item .close {
  border-radius: 5000px;
  color: inherit;
  display: inline-flex;
  font-size: 1rem;
  height: 1.5rem;
  margin: -5px -4px;
  opacity: 1;
  width: 1.5rem;
}
.label-item .close:hover {
  color: inherit;
  opacity: 1;
}
.label-item .close.focus, .label-item .close:focus-visible, .c-prefers-focus .label-item .close:focus {
  opacity: 1;
}

.label-item .close:disabled, .label-item .close.disabled {
  opacity: 0.4;
  color: inherit;
}
.label-item .lexicon-icon {
  margin-top: 0;
}
.label-item .text-truncate-inline {
  display: inline-flex;
}

.label-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.label-item-expand a {
  flex-direction: column;
}
.label-item-before {
  margin-right: 0.85714em;
}

.label-item-after {
  margin-left: 0.85714em;
}

.label-lg {
  font-size: 0.75rem;
  height: auto;
  padding-bottom: 0.3125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
  text-transform: none;
  min-height: 1.5rem;
}
.label-lg .lexicon-icon {
  height: 1em;
  width: 1em;
}
.label-lg .label-item {
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
}
.label-lg .label-item .lexicon-icon {
  height: 1em;
  width: 1em;
}
.label-lg .sticker {
  height: 0.875rem;
  line-height: 0.875rem;
  width: 0.875rem;
}
.label-lg > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.3125rem;
}

.label-primary {
  background-color: #fff;
  border-color: #80acff;
  color: #0b5fff;
}
[href].label-primary:hover, [href].hover.label-primary, [type].label-primary:hover, [type].hover.label-primary, [tabindex].label-primary:hover, [tabindex].hover.label-primary {
  border-color: #80acff;
  color: #004ad7;
}
[href].focus.label-primary, [href].label-primary:focus-visible, .c-prefers-focus [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus-visible, .c-prefers-focus [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus-visible, .c-prefers-focus [tabindex].label-primary:focus {
  color: #004ad7;
}

.label-primary a:hover, .label-primary a.hover,
.label-primary .btn-unstyled:hover,
.label-primary .btn-unstyled.hover {
  color: #004ad7;
}
.label-primary .close:hover {
  color: #004ad7;
}
.label-primary .close.focus, .label-primary .close:focus-visible, .c-prefers-focus .label-primary .close:focus {
  color: #004ad7;
}

.label-secondary {
  background-color: #fff;
  border-color: #cdced9;
  color: #6b6c7e;
}
[href].label-secondary:hover, [href].hover.label-secondary, [type].label-secondary:hover, [type].hover.label-secondary, [tabindex].label-secondary:hover, [tabindex].hover.label-secondary {
  border-color: #cdced9;
  color: #272833;
}
[href].focus.label-secondary, [href].label-secondary:focus-visible, .c-prefers-focus [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus-visible, .c-prefers-focus [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus-visible, .c-prefers-focus [tabindex].label-secondary:focus {
  color: #272833;
}

.label-secondary a:hover, .label-secondary a.hover,
.label-secondary .btn-unstyled:hover,
.label-secondary .btn-unstyled.hover {
  color: #272833;
}
.label-secondary .close:hover {
  color: #272833;
}
.label-secondary .close.focus, .label-secondary .close:focus-visible, .c-prefers-focus .label-secondary .close:focus {
  color: #272833;
}

.label-success {
  background-color: #fff;
  border-color: #5aca75;
  color: #287d3c;
}
[href].label-success:hover, [href].hover.label-success, [type].label-success:hover, [type].hover.label-success, [tabindex].label-success:hover, [tabindex].hover.label-success {
  border-color: #5aca75;
  color: #1c5629;
}
[href].focus.label-success, [href].label-success:focus-visible, .c-prefers-focus [href].label-success:focus, [type].focus.label-success, [type].label-success:focus-visible, .c-prefers-focus [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus-visible, .c-prefers-focus [tabindex].label-success:focus {
  color: #1c5629;
}

.label-success a:hover, .label-success a.hover,
.label-success .btn-unstyled:hover,
.label-success .btn-unstyled.hover {
  color: #1c5629;
}
.label-success .close:hover {
  color: #1c5629;
}
.label-success .close.focus, .label-success .close:focus-visible, .c-prefers-focus .label-success .close:focus {
  color: #1c5629;
}

.label-info {
  background-color: #fff;
  border-color: #89a7e0;
  color: #2e5aac;
}
[href].label-info:hover, [href].hover.label-info, [type].label-info:hover, [type].hover.label-info, [tabindex].label-info:hover, [tabindex].hover.label-info {
  border-color: #89a7e0;
  color: #234584;
}
[href].focus.label-info, [href].label-info:focus-visible, .c-prefers-focus [href].label-info:focus, [type].focus.label-info, [type].label-info:focus-visible, .c-prefers-focus [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus-visible, .c-prefers-focus [tabindex].label-info:focus {
  color: #234584;
}

.label-info a:hover, .label-info a.hover,
.label-info .btn-unstyled:hover,
.label-info .btn-unstyled.hover {
  color: #234584;
}
.label-info .close:hover {
  color: #234584;
}
.label-info .close.focus, .label-info .close:focus-visible, .c-prefers-focus .label-info .close:focus {
  color: #234584;
}

.label-warning {
  background-color: #fff;
  border-color: #ff8f39;
  color: #b95000;
}
[href].label-warning:hover, [href].hover.label-warning, [type].label-warning:hover, [type].hover.label-warning, [tabindex].label-warning:hover, [tabindex].hover.label-warning {
  border-color: #ff8f39;
  color: #863a00;
}
[href].focus.label-warning, [href].label-warning:focus-visible, .c-prefers-focus [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus-visible, .c-prefers-focus [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus-visible, .c-prefers-focus [tabindex].label-warning:focus {
  color: #863a00;
}

.label-warning a:hover, .label-warning a.hover,
.label-warning .btn-unstyled:hover,
.label-warning .btn-unstyled.hover {
  color: #863a00;
}
.label-warning .close:hover {
  color: #863a00;
}
.label-warning .close.focus, .label-warning .close:focus-visible, .c-prefers-focus .label-warning .close:focus {
  color: #863a00;
}

.label-danger {
  background-color: #fff;
  border-color: #f48989;
  color: #da1414;
}
[href].label-danger:hover, [href].hover.label-danger, [type].label-danger:hover, [type].hover.label-danger, [tabindex].label-danger:hover, [tabindex].hover.label-danger {
  border-color: #f48989;
  color: #ab1010;
}
[href].focus.label-danger, [href].label-danger:focus-visible, .c-prefers-focus [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus-visible, .c-prefers-focus [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus-visible, .c-prefers-focus [tabindex].label-danger:focus {
  color: #ab1010;
}

.label-danger a:hover, .label-danger a.hover,
.label-danger .btn-unstyled:hover,
.label-danger .btn-unstyled.hover {
  color: #ab1010;
}
.label-danger .close:hover {
  color: #ab1010;
}
.label-danger .close.focus, .label-danger .close:focus-visible, .c-prefers-focus .label-danger .close:focus {
  color: #ab1010;
}

.label-dark {
  background-color: #fff;
  border-color: #272833;
  color: #272833;
}
[href].label-dark:hover, [href].hover.label-dark, [type].label-dark:hover, [type].hover.label-dark, [tabindex].label-dark:hover, [tabindex].hover.label-dark {
  border-color: #272833;
  color: #393a4a;
}
[href].focus.label-dark, [href].label-dark:focus-visible, .c-prefers-focus [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus-visible, .c-prefers-focus [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus-visible, .c-prefers-focus [tabindex].label-dark:focus {
  color: #393a4a;
}

.label-dark a:hover, .label-dark a.hover,
.label-dark .btn-unstyled:hover,
.label-dark .btn-unstyled.hover {
  color: #393a4a;
}
.label-dark .close:hover {
  color: #393a4a;
}
.label-dark .close.focus, .label-dark .close:focus-visible, .c-prefers-focus .label-dark .close:focus {
  color: #393a4a;
}

.label-light {
  background-color: #272833;
  border-color: #f1f2f5;
  color: #f1f2f5;
}
[href].label-light:hover, [href].hover.label-light, [type].label-light:hover, [type].hover.label-light, [tabindex].label-light:hover, [tabindex].hover.label-light {
  border-color: #f1f2f5;
  color: #d3d6e0;
}
[href].focus.label-light, [href].label-light:focus-visible, .c-prefers-focus [href].label-light:focus, [type].focus.label-light, [type].label-light:focus-visible, .c-prefers-focus [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus-visible, .c-prefers-focus [tabindex].label-light:focus {
  color: #d3d6e0;
}

.label-light a:hover, .label-light a.hover,
.label-light .btn-unstyled:hover,
.label-light .btn-unstyled.hover {
  color: #d3d6e0;
}
.label-light .close:hover {
  color: #d3d6e0;
}
.label-light .close.focus, .label-light .close:focus-visible, .c-prefers-focus .label-light .close:focus {
  color: #d3d6e0;
}

.label-inverse-primary {
  background-color: #0b5fff;
  border-color: #0b5fff;
  color: #fff;
}
[href].label-inverse-primary:hover, [href].hover.label-inverse-primary, [type].label-inverse-primary:hover, [type].hover.label-inverse-primary, [tabindex].label-inverse-primary:hover, [tabindex].hover.label-inverse-primary {
  color: #fff;
}
.label-inverse-secondary {
  background-color: #6b6c7e;
  border-color: #6b6c7e;
  color: #fff;
}
[href].label-inverse-secondary:hover, [href].hover.label-inverse-secondary, [type].label-inverse-secondary:hover, [type].hover.label-inverse-secondary, [tabindex].label-inverse-secondary:hover, [tabindex].hover.label-inverse-secondary {
  color: #fff;
}
.label-inverse-success {
  background-color: #287d3c;
  border-color: #287d3c;
  color: #fff;
}
[href].label-inverse-success:hover, [href].hover.label-inverse-success, [type].label-inverse-success:hover, [type].hover.label-inverse-success, [tabindex].label-inverse-success:hover, [tabindex].hover.label-inverse-success {
  color: #fff;
}
.label-inverse-info {
  background-color: #2e5aac;
  border-color: #2e5aac;
  color: #fff;
}
[href].label-inverse-info:hover, [href].hover.label-inverse-info, [type].label-inverse-info:hover, [type].hover.label-inverse-info, [tabindex].label-inverse-info:hover, [tabindex].hover.label-inverse-info {
  color: #fff;
}
.label-inverse-warning {
  background-color: #b95000;
  border-color: #b95000;
  color: #fff;
}
[href].label-inverse-warning:hover, [href].hover.label-inverse-warning, [type].label-inverse-warning:hover, [type].hover.label-inverse-warning, [tabindex].label-inverse-warning:hover, [tabindex].hover.label-inverse-warning {
  color: #fff;
}
.label-inverse-danger {
  background-color: #da1414;
  border-color: #da1414;
  color: #fff;
}
[href].label-inverse-danger:hover, [href].hover.label-inverse-danger, [type].label-inverse-danger:hover, [type].hover.label-inverse-danger, [tabindex].label-inverse-danger:hover, [tabindex].hover.label-inverse-danger {
  color: #fff;
}
.label-inverse-light {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #272833;
}
[href].label-inverse-light:hover, [href].hover.label-inverse-light, [type].label-inverse-light:hover, [type].hover.label-inverse-light, [tabindex].label-inverse-light:hover, [tabindex].hover.label-inverse-light {
  color: #272833;
}
.label-inverse-dark {
  background-color: #272833;
  border-color: #272833;
  color: #fff;
}
[href].label-inverse-dark:hover, [href].hover.label-inverse-dark, [type].label-inverse-dark:hover, [type].hover.label-inverse-dark, [tabindex].label-inverse-dark:hover, [tabindex].hover.label-inverse-dark {
  color: #fff;
}
.media {
  align-items: flex-start;
  display: flex;
}

.media-body {
  flex: 1;
}

.sticker {
  align-items: center;
  border-radius: 0.25rem;
  color: #272833;
  height: 2rem;
  line-height: 2rem;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 2rem;
}
.sticker > .inline-item {
  justify-content: center;
}
.sticker > .inline-item .lexicon-icon {
  margin-top: 0;
}
.sticker .lexicon-icon {
  margin-top: 0;
}

.sticker-overlay {
  align-items: center;
  border-radius: inherit;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.sticker-bottom-left {
  bottom: 1rem;
  left: 1rem;
  position: absolute;
  right: auto;
  top: auto;
}

.sticker-bottom-right {
  bottom: 1rem;
  left: auto;
  position: absolute;
  right: 1rem;
  top: auto;
}

.sticker-top-left {
  left: 1rem;
  position: absolute;
  top: 1rem;
}

.sticker-top-right {
  left: auto;
  position: absolute;
  right: 1rem;
  top: 1rem;
}

.sticker-outside {
  left: -1rem;
  top: -1rem;
}
.sticker-outside.sticker-bottom-left {
  bottom: -1rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right {
  bottom: -1rem;
  left: auto;
  right: -1rem;
  top: auto;
}
.sticker-outside.sticker-top-right {
  left: auto;
  right: -1rem;
}

.sticker-user-icon {
  background-color: #fff;
  border-radius: 5000px;
  box-shadow: 0 0 0 1px #e7e7ed;
}
.sticker-xs {
  font-size: 0.5rem;
  height: 1rem;
  line-height: 1rem;
  width: 1rem;
}
.sticker-sm {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.sticker-outside.sticker-sm {
  left: -0.75rem;
  top: -0.75rem;
}
.sticker-outside.sticker-bottom-left.sticker-sm {
  bottom: -0.75rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-sm {
  bottom: -0.75rem;
  left: auto;
  right: -0.75rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-sm {
  left: auto;
  right: -0.75rem;
}

.sticker-lg {
  font-size: 1.25rem;
  height: 2.5rem;
  line-height: 2.5rem;
  width: 2.5rem;
}
.sticker-outside.sticker-lg {
  left: -1.25rem;
  top: -1.25rem;
}
.sticker-outside.sticker-bottom-left.sticker-lg {
  bottom: -1.25rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-lg {
  bottom: -1.25rem;
  left: auto;
  right: -1.25rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-lg {
  left: auto;
  right: -1.25rem;
}

.sticker-xl {
  font-size: 1.5rem;
  height: 3rem;
  line-height: 3rem;
  width: 3rem;
}
.sticker-outside.sticker-xl {
  left: -1.5rem;
  top: -1.5rem;
}
.sticker-outside.sticker-bottom-left.sticker-xl {
  bottom: -1.5rem;
  top: auto;
}
.sticker-outside.sticker-bottom-right.sticker-xl {
  bottom: -1.5rem;
  left: auto;
  right: -1.5rem;
  top: auto;
}
.sticker-outside.sticker-top-right.sticker-xl {
  left: auto;
  right: -1.5rem;
}

.sticker-xxl {
  font-size: 2.5rem;
  height: 5rem;
  line-height: 5rem;
  width: 5rem;
}
.sticker-xxl .lexicon-icon {
  font-size: 1.5rem;
}

.sticker-primary {
  background-color: #fff;
  color: #0b5fff;
}
.sticker-secondary {
  background-color: #fff;
  color: #6b6c7e;
}
.sticker-success {
  background-color: #fff;
  color: #287d3c;
}
.sticker-info {
  background-color: #fff;
  color: #2e5aac;
}
.sticker-warning {
  background-color: #fff;
  color: #b95000;
}
.sticker-danger {
  background-color: #fff;
  color: #da1414;
}
.sticker-light {
  background-color: #272833;
  color: #f1f2f5;
}
.sticker-dark {
  background-color: #fff;
  color: #272833;
}
.sticker-outline-0 {
  background-color: #f1f2f5;
  border: 1px solid #272833;
  color: #272833;
}
.sticker-outline-1 {
  background-color: #f2e5ff;
  border: 1px solid #aa33ff;
  color: #aa33ff;
}
.sticker-outline-2 {
  background-color: #fff8e5;
  border: 1px solid #b38900;
  color: #b38900;
}
.sticker-outline-3 {
  background-color: #f1fce9;
  border: 1px solid #458613;
  color: #458613;
}
.sticker-outline-4 {
  background-color: #ffe5e5;
  border: 1px solid #e60000;
  color: #e60000;
}
.sticker-outline-5 {
  background-color: #fff0e5;
  border: 1px solid #cc4e00;
  color: #cc4e00;
}
.sticker-outline-6 {
  background-color: #eafbf8;
  border: 1px solid #1b7e6e;
  color: #1b7e6e;
}
.sticker-outline-7 {
  background-color: #e5f6ff;
  border: 1px solid #0077b3;
  color: #0077b3;
}
.sticker-outline-8 {
  background-color: #ffe5f4;
  border: 1px solid #e50082;
  color: #800048;
}
.sticker-outline-9 {
  background-color: #fff;
  border: 1px solid #393a4a;
  color: #393a4a;
}
.sticker-circle {
  border-radius: 5000px;
}
.card,
.card-horizontal {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.6);
  display: block;
  margin-bottom: 1.5rem;
  min-width: 0;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.card .aspect-ratio .label,
.card-horizontal .aspect-ratio .label {
  display: block;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.5rem;
}
.card .aspect-ratio-item-top-left,
.card-horizontal .aspect-ratio-item-top-left {
  left: 1rem;
  top: 1rem;
}
.card .aspect-ratio-item-top-center,
.card-horizontal .aspect-ratio-item-top-center {
  top: 1rem;
}
.card .aspect-ratio-item-top-right,
.card-horizontal .aspect-ratio-item-top-right {
  right: 1rem;
  top: 1rem;
}
.card .aspect-ratio-item-right-middle,
.card-horizontal .aspect-ratio-item-right-middle {
  right: 1rem;
}
.card .aspect-ratio-item-bottom-right,
.card-horizontal .aspect-ratio-item-bottom-right {
  bottom: 1rem;
  right: 1rem;
}
.card .aspect-ratio-item-bottom-center,
.card-horizontal .aspect-ratio-item-bottom-center {
  bottom: 1rem;
}
.card .aspect-ratio-item-bottom-left,
.card-horizontal .aspect-ratio-item-bottom-left {
  bottom: 1rem;
  left: 1rem;
}
.card > hr,
.card-horizontal > hr {
  margin-left: 0;
  margin-right: 0;
}
.card .autofit-col:first-child,
.card-horizontal .autofit-col:first-child {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-top-left-radius: calc(
	0.25rem - 0px
);
}
.card .autofit-col:last-child,
.card-horizontal .autofit-col:last-child {
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}
.card > .list-group:first-child .list-group-item:first-child,
.card-horizontal > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card > .list-group:last-child .list-group-item:last-child,
.card-horizontal > .list-group:last-child .list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

.card-section-header {
  color: #6b6c7e;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 2.5;
  margin-bottom: 1.5rem;
  padding: 0 12px;
  text-transform: uppercase;
}

.card-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
  color: #272833;
}
.card-title[href],
.card-title a[href] {
  color: #272833;
}
.card-title[href]:hover, .card-title[href].hover,
.card-title a[href]:hover,
.card-title a[href].hover {
  color: #272833;
}
.card-subtitle {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0;
}
.card-subtitle[href],
.card-subtitle a[href] {
  color: #6b6c7e;
}
.card-subtitle[href]:hover, .card-subtitle[href].hover,
.card-subtitle a[href]:hover,
.card-subtitle a[href].hover {
  color: #6b6c7e;
}
.card-text:last-child {
  margin-bottom: 0;
}

.card-link {
  color: #6b6c7e;
  font-size: 0.875rem;
}
.card-link:hover, .card-link.hover {
  color: #6b6c7e;
  text-decoration: underline;
}
.card-link.btn-unstyled {
  white-space: normal;
}
.card-link + .card-link {
  margin-left: 0;
}

.card-divider {
  background-color: rgba(0, 0, 0, 0.125);
  height: 1px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.card-header {
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  margin-bottom: 0;
  padding: 0.75rem 1.25rem;
}
.card-header:first-child {
  border-radius: calc( 	0.25rem - 0px ) calc( 	0.25rem - 0px ) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-header-tabs {
  border-bottom: 0;
  margin-bottom: -0.75rem;
  margin-left: calc(-1.25rem / 2);
  margin-right: calc(-1.25rem / 2);
}

.card-header-pills {
  margin-left: calc(-1.25rem / 2);
  margin-right: calc(-1.25rem / 2);
}

.card-footer {
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 0px solid rgba(0, 0, 0, 0.125);
  padding: 0.75rem 1.25rem;
}
.card-footer:last-child {
  border-radius: 0 0 calc( 	0.25rem - 0px ) calc( 	0.25rem - 0px );
}
.card-img-overlay {
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  top: 0;
}

.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 - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}

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

.card-row {
  display: flex;
  width: 100%;
}
.card-row .autofit-col {
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
}
.card-row .autofit-col-expand {
  min-width: 25px;
}

.card-row .autofit-col-gutters {
  padding-left: 10px;
  padding-right: 10px;
}
.card-row .autofit-col-gutters .card-divider {
  margin-left: -10px;
  margin-right: -10px;
}

.justify-content-center .autofit-col {
  justify-content: center;
}
.justify-content-start .autofit-col {
  justify-content: flex-start;
}
.justify-content-end .autofit-col {
  justify-content: flex-end;
}
.text-center .autofit-col {
  text-align: center;
}
.text-left .autofit-col {
  text-align: left;
}
.text-right .autofit-col {
  text-align: right;
}

.card-item-first {
  border-top-left-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
  width: 100%;
}

.autofit-col:first-child .card-item-first {
  border-radius: calc(
	0.25rem - 0px
) 0 0 calc(
	0.25rem - 0px
);
}

.card-item-last {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
  width: 100%;
}

.autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	0.25rem - 0px
) calc(
	0.25rem - 0px
) 0;
}

.rounded .card-header,
.rounded .card-item-first {
  border-top-left-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}
.rounded .card-footer,
.rounded .card-item-last {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
}
.rounded .autofit-col:first-child {
  border-bottom-left-radius: calc(
	0.25rem - 0px
);
  border-top-left-radius: calc(
	0.25rem - 0px
);
}
.rounded .autofit-col:first-child .card-item-first {
  border-radius: calc(
	0.25rem - 0px
) 0 0 calc(
	0.25rem - 0px
);
}
.rounded .autofit-col:last-child {
  border-bottom-right-radius: calc(
	0.25rem - 0px
);
  border-top-right-radius: calc(
	0.25rem - 0px
);
}
.rounded .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	0.25rem - 0px
) calc(
	0.25rem - 0px
) 0;
}

.rounded-0 .card-header,
.rounded-0 .card-item-first {
  border-top-left-radius: calc(
	0px - 0px
);
  border-top-right-radius: calc(
	0px - 0px
);
}
.rounded-0 .card-footer,
.rounded-0 .card-item-last {
  border-bottom-left-radius: calc(
	0px - 0px
);
  border-bottom-right-radius: calc(
	0px - 0px
);
}
.rounded-0 .autofit-col:first-child {
  border-bottom-left-radius: calc(
	0px - 0px
);
  border-top-left-radius: calc(
	0px - 0px
);
}
.rounded-0 .autofit-col:first-child .card-item-first {
  border-radius: calc(
	0px - 0px
) 0 0 calc(
	0px - 0px
);
}
.rounded-0 .autofit-col:last-child {
  border-bottom-right-radius: calc(
	0px - 0px
);
  border-top-right-radius: calc(
	0px - 0px
);
}
.rounded-0 .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	0px - 0px
) calc(
	0px - 0px
) 0;
}

.rounded-circle .card-header,
.rounded-circle .card-item-first {
  border-top-left-radius: calc(
	5000px - 0px
);
  border-top-right-radius: calc(
	5000px - 0px
);
}
.rounded-circle .card-footer,
.rounded-circle .card-item-last {
  border-bottom-left-radius: calc(
	5000px - 0px
);
  border-bottom-right-radius: calc(
	5000px - 0px
);
}
.rounded-circle .autofit-col:first-child {
  border-bottom-left-radius: calc(
	5000px - 0px
);
  border-top-left-radius: calc(
	5000px - 0px
);
}
.rounded-circle .autofit-col:first-child .card-item-first {
  border-radius: calc(
	5000px - 0px
) 0 0 calc(
	5000px - 0px
);
}
.rounded-circle .autofit-col:last-child {
  border-bottom-right-radius: calc(
	5000px - 0px
);
  border-top-right-radius: calc(
	5000px - 0px
);
}
.rounded-circle .autofit-col:last-child .card-item-last {
  border-radius: 0 calc(
	5000px - 0px
) calc(
	5000px - 0px
) 0;
}

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

.card-group > .card {
  margin-bottom: 12px;
}
@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 {
    border-left: 0;
    margin-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-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-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

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

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-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: 0px;
}

.form-check-card {
  margin-bottom: 1.5rem;
  margin-top: 0;
  padding-left: 0;
}
.form-check-card:hover .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card.active .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card.checked .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .card {
  margin-bottom: 0;
}
.form-check-card .form-check-input {
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.form-check-card .form-check-label {
  color: #1c1c24;
  display: inline;
  font-weight: 400;
  padding-left: 0;
  position: static;
}
.form-check-card .custom-control {
  display: inline;
  margin-right: 0;
  position: static;
}
.form-check-card .custom-control label, .form-check-card .custom-control body mat-label, body .form-check-card .custom-control mat-label, .form-check-card .custom-control #wrapper mat-label, #wrapper .form-check-card .custom-control mat-label {
  font-weight: 400;
  padding-left: 0;
}
.form-check-card .custom-control .custom-control-label {
  opacity: 0;
  position: absolute;
  z-index: 1;
}
.form-check-card .custom-control .custom-control-input {
  z-index: 2;
}
.form-check-card .custom-control .custom-control-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-card .form-check-input:checked ~ .card {
  box-shadow: 0 0 0 2px #80acff;
}
.form-check-bottom-left .card-horizontal > .card-body,
.form-check-middle-left .card-horizontal > .card-body,
.form-check-top-left .card-horizontal > .card-body {
  padding-left: 50px;
}

.form-check-bottom-right .card-horizontal > .card-body,
.form-check-middle-right .card-horizontal > .card-body,
.form-check-top-right .card-horizontal > .card-body {
  padding-right: 50px;
}

.form-check-bottom-left .form-check-input {
  bottom: 1rem;
  left: 1rem;
  opacity: 1;
  top: auto;
  transform: none;
}
.form-check-bottom-left .custom-control .custom-control-label {
  bottom: 1rem;
  left: 1rem;
  opacity: 1;
  top: auto;
  transform: none;
}
.form-check-bottom-left .custom-control .custom-control-input {
  bottom: 1rem;
  left: 1rem;
  top: auto;
  transform: none;
}

.form-check-bottom-right .form-check-input {
  bottom: 1rem;
  left: auto;
  opacity: 1;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .custom-control .custom-control-label {
  bottom: 1rem;
  left: auto;
  opacity: 1;
  right: 1rem;
  top: auto;
  transform: none;
}
.form-check-bottom-right .custom-control .custom-control-input {
  bottom: 1rem;
  left: auto;
  right: 1rem;
  top: auto;
  transform: none;
}

.form-check-middle-left .form-check-input {
  left: 1rem;
  margin-top: 0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-left .custom-control .custom-control-label {
  left: 1rem;
  margin-top: 0;
  opacity: 1;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-left .custom-control .custom-control-input {
  left: 1rem;
  margin-top: 0;
  top: 50%;
  transform: translateY(-50%);
}

.form-check-middle-right .form-check-input {
  left: auto;
  margin-top: 0;
  opacity: 1;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .custom-control .custom-control-label {
  left: auto;
  margin-top: 0;
  opacity: 1;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.form-check-middle-right .custom-control .custom-control-input {
  left: auto;
  margin-top: 0;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.form-check-top-left .form-check-input {
  left: 1rem;
  opacity: 1;
  top: 1rem;
  transform: none;
}
.form-check-top-left .custom-control .custom-control-label {
  left: 1rem;
  opacity: 1;
  top: 1rem;
  transform: none;
}
.form-check-top-left .custom-control .custom-control-input {
  left: 1rem;
  top: 1rem;
  transform: none;
}

.form-check-top-right .form-check-input {
  left: auto;
  opacity: 1;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .custom-control .custom-control-label {
  left: auto;
  opacity: 1;
  right: 1rem;
  top: 1rem;
  transform: none;
}
.form-check-top-right .custom-control .custom-control-input {
  left: auto;
  right: 1rem;
  top: 1rem;
  transform: none;
}

.card-page {
  container-name: c-card-page;
  container-type: inline-size;
}
.card-page.card-page-equal-height .card-page-item,
.card-page.card-page-equal-height .card-page-item-asset,
.card-page.card-page-equal-height .card-page-item-directory {
  display: flex;
  flex-direction: column;
}
.card-page.card-page-equal-height .form-check-card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-page.card-page-equal-height .card {
  flex-grow: 1;
}

.card-page-item-header {
  padding-left: 12px;
  padding-right: 12px;
  width: 100%;
}

.card-page-item-directory {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}
@container c-card-page (min-width: 540px) {
  .card-page-item-directory {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@container c-card-page (min-width: 720px) {
  .card-page-item-directory {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}
@container c-card-page (min-width: 960px) {
  .card-page-item-directory {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@container c-card-page (min-width: 1248px) {
  .card-page-item-directory {
    flex-basis: 20%;
    max-width: 20%;
  }
}

.card-page-item-asset {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}
@container c-card-page (min-width: 540px) {
  .card-page-item-asset {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@container c-card-page (min-width: 720px) {
  .card-page-item-asset {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}
@container c-card-page (min-width: 960px) {
  .card-page-item-asset {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@container c-card-page (min-width: 1248px) {
  .card-page-item-asset {
    flex-basis: 20%;
    max-width: 20%;
  }
}

.card-page-item-user {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 12px;
  padding-right: 12px;
}
@container c-card-page (min-width: 540px) {
  .card-page-item-user {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@container c-card-page (min-width: 720px) {
  .card-page-item-user {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}
@container c-card-page (min-width: 960px) {
  .card-page-item-user {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@container c-card-page (min-width: 1248px) {
  .card-page-item-user {
    flex-basis: 20%;
    max-width: 20%;
  }
}

.card-interactive {
  cursor: pointer;
  outline: 0;
  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) {
  .card-interactive {
    transition: none;
  }
}
.card-interactive {
  transition: none;
}

.card-interactive:hover, .card-interactive.hover {
  background-color: #f7f8f9;
  text-decoration: none;
}
.card-interactive.focus, .card-interactive:focus-visible, .c-prefers-focus .card-interactive:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.card-interactive:active, .card-interactive.active {
  background-color: #f1f2f5;
}
.card-interactive::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0px;
  content: "";
  height: 0;
  left: 0px;
  position: absolute;
  right: 0px;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .card-interactive::after {
    transition: none;
  }
}
.card-interactive::after {
  transition: none;
}

.card-interactive:hover::after, .card-interactive.hover::after {
  height: 4px;
}
.card-interactive:focus::after, .card-interactive.focus::after {
  height: 4px;
}
.card-interactive:active::after, .card-interactive.active::after {
  height: 4px;
}
.card-interactive .card-body {
  display: block;
}
.card-interactive label, .card-interactive body mat-label, body .card-interactive mat-label, .card-interactive #wrapper mat-label, #wrapper .card-interactive mat-label {
  cursor: pointer;
}

.card-interactive-primary.focus, .card-interactive-primary:focus-visible, .c-prefers-focus .card-interactive-primary:focus {
  background-color: #f7f8f9;
}

.card-interactive-primary:active, .card-interactive-primary.active {
  background-color: #f1f2f5;
}
.card-interactive-primary:hover::after, .card-interactive-primary.hover::after {
  background-color: #0b5fff;
}
.card-interactive-primary:focus::after, .card-interactive-primary.focus::after {
  background-color: #0b5fff;
}
.card-interactive-primary:active::after, .card-interactive-primary.active::after {
  background-color: #0b5fff;
}
.card-interactive-secondary {
  color: #272833;
}
.card-interactive-secondary:hover, .card-interactive-secondary.hover {
  background-color: #fff;
  border-color: transparent;
  box-shadow: 0 0 0 2px #528eff;
  color: #272833;
}
.card-interactive-secondary.focus, .card-interactive-secondary:focus-visible, .c-prefers-focus .card-interactive-secondary:focus {
  border-color: transparent;
  box-shadow: 0 0 0 2px #528eff;
}

.card-interactive-secondary:active, .card-interactive-secondary.active {
  background-color: #fff;
}
.card-type-asset .aspect-ratio {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  padding-bottom: calc(9 / 16 * 100%);
}
.card-type-asset .aspect-ratio .custom-control label, .card-type-asset .aspect-ratio .custom-control body mat-label, body .card-type-asset .aspect-ratio .custom-control mat-label, .card-type-asset .aspect-ratio .custom-control #wrapper mat-label, #wrapper .card-type-asset .aspect-ratio .custom-control mat-label,
.card-type-asset .aspect-ratio .form-check-label {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card-type-asset .card-body {
  padding-top: 0.75rem;
}
.card-type-asset .card-row {
  align-items: flex-start;
}
.card-type-asset .card-type-asset-icon {
  width: 22.225%;
}
.card-type-asset .card-type-asset-icon .inline-item {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.card-type-asset .card-type-asset-icon > .lexicon-icon {
  height: 100%;
  width: 100%;
}
.card-type-asset .card-type-asset-icon > .sticker {
  border-radius: 50%;
  display: block;
  font-size: 2vw;
  padding-bottom: 100%;
  width: 100%;
}
.card-type-asset .dropdown-action {
  margin-right: -0.5rem;
  margin-top: -0.1875rem;
}
.image-card .aspect-ratio {
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-size: 20px 20px;
}
.file-card .card-type-asset-icon {
  color: #cdced9;
}
.product-card .aspect-ratio {
  background-color: #fff;
  background-image: linear-gradient(0deg, #ebebeb, #ebebeb);
}
.product-card .card-body {
  text-align: center;
}
.product-card .card-title {
  font-size: 1rem;
}
.product-card .card-subtitle {
  font-size: 0.75rem;
}
.product-card .card-text {
  font-size: 1.125rem;
  font-weight: 600;
}
.user-card .card-type-asset-icon {
  max-width: 80px;
  min-width: 48px;
  width: 30%;
}
.user-card .card-type-asset-icon > .lexicon-icon {
  height: auto;
  width: 50%;
}
.card-type-directory .sticker {
  font-size: 1.125rem;
}
.card-type-template {
  color: #272833;
  border-width: 1px;
  box-shadow: none;
}
.card-type-template:hover, .card-type-template.hover {
  color: #272833;
}
.card-type-template::after {
  bottom: -1px;
  left: -1px;
  right: -1px;
}
.card-type-template .aspect-ratio {
  border-width: 0px;
  color: #6b6c7e;
  text-align: center;
  background-image: none;
  padding-bottom: calc(9 / 16 * 100%);
}
.card-type-template .aspect-ratio .lexicon-icon {
  height: auto;
  width: 28%;
}
.card-type-template .aspect-ratio-item {
  width: 100.6%;
  color: #6b6c7e;
}
.card-type-template .card-title {
  display: block;
  margin-bottom: 0.5rem;
}
.card-type-template .card-text {
  display: block;
}
.template-card .card-body {
  padding-top: 0;
  text-align: center;
}
.template-card-horizontal {
  color: #6b6c7e;
}
.template-card-horizontal:hover, .template-card-horizontal.hover {
  color: #6b6c7e;
}
.template-card-horizontal .sticker {
  font-size: 1.25rem;
}
.template-card-horizontal .card-row {
  margin-left: -4px;
  margin-right: -4px;
  width: auto;
}
.template-card-horizontal .card-row .autofit-col {
  padding-left: 4px;
  padding-right: 4px;
}
.template-card-horizontal .card-title {
  color: inherit;
  margin-bottom: 0;
}
.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-header {
  color: #272833;
  display: block;
  font-size: 0.875rem;
  margin-top: 0.625rem;
  padding-bottom: 0.34375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.34375rem;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.dropdown-header:first-child {
  margin-top: 0;
}

.dropdown-subheader {
  color: #272833;
  font-size: 0.75rem;
  font-weight: 600;
  margin-top: 0.625rem;
  padding-bottom: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.375rem;
  text-transform: uppercase;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.dropdown-subheader:first-child {
  margin-top: 0;
}

.dropdown-caption {
  color: #6b6c7e;
  font-size: 0.875rem;
  padding: 0.34375rem 1rem;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.dropdown-item {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  clear: both;
  color: #6b6c7e;
  cursor: pointer;
  display: block;
  font-weight: 400;
  overflow: hidden;
  padding-bottom: 0.34375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.34375rem;
  position: relative;
  text-align: inherit;
  transition: none;
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
  font-size: inherit;
}
.dropdown-item:hover, .dropdown-item.hover {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
}
.dropdown-item.focus, .dropdown-item:focus-visible, .c-prefers-focus .dropdown-item:focus {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
  outline: 0;
}

.dropdown-item:active {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
}
.dropdown-item:active label, .dropdown-item:active body mat-label, body .dropdown-item:active mat-label, .dropdown-item:active #wrapper mat-label, #wrapper .dropdown-item:active mat-label {
  color: #272833;
}
.dropdown-item:active .form-check-label {
  color: #272833;
}
.dropdown-item.active {
  background-color: #f0f5ff;
  color: #272833;
  text-decoration: none;
}
.dropdown-item.active label, .dropdown-item.active body mat-label, body .dropdown-item.active mat-label, .dropdown-item.active #wrapper mat-label, #wrapper .dropdown-item.active mat-label {
  color: #272833;
}
.dropdown-item.active .form-check-label {
  color: #272833;
}
.dropdown-item.active .c-kbd-inline {
  color: #272833;
}
.dropdown-item.btn:not([disabled]):not(.disabled):active:focus-visible, .c-prefers-focus .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus-visible, .c-prefers-focus .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.dropdown-item:disabled, .dropdown-item.disabled {
  background-color: transparent;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
  outline: 0;
  box-shadow: none;
}
.dropdown-item:disabled label, .dropdown-item:disabled body mat-label, body .dropdown-item:disabled mat-label, .dropdown-item:disabled #wrapper mat-label, #wrapper .dropdown-item:disabled mat-label,
.dropdown-item:disabled .form-check-label, .dropdown-item.disabled label, .dropdown-item.disabled body mat-label, body .dropdown-item.disabled mat-label, .dropdown-item.disabled #wrapper mat-label, #wrapper .dropdown-item.disabled mat-label,
.dropdown-item.disabled .form-check-label {
  color: #a7a9bc;
}
.dropdown-item:disabled .c-kbd-inline, .dropdown-item.disabled .c-kbd-inline {
  color: #a7a9bc;
}
.dropdown-item:disabled:active, .dropdown-item.disabled:active {
  pointer-events: none;
}
.dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.34375rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.34375rem;
  width: auto;
}
.dropdown-item.autofit-row {
  align-items: center;
  padding-left: calc(1rem - 0.25rem);
  padding-right: calc(1rem - 0.25rem);
}
.dropdown-item.autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.dropdown-item .autofit-row {
  align-items: center;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  width: auto;
}
.dropdown-item .autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.dropdown-item .c-kbd-inline {
  line-height: calc(0.875rem * 1.5);
  color: #a7a9bc;
}
.dropdown-item .form-check-label {
  font-weight: 400;
}
.dropdown-item .custom-control-label {
  font-weight: 400;
}
.dropdown-item .inline-item {
  line-height: 1;
}
.dropdown-item .inline-item .lexicon-icon {
  font-size: 1rem;
  margin-top: 0;
}
.dropdown-item .label {
  margin-bottom: 0;
  margin-top: 0.3125rem;
}
.dropdown-item .form-check {
  margin-bottom: 0;
}
.dropdown-item .custom-control {
  margin-bottom: 0;
  margin-right: 0;
  min-height: 1rem;
}

.dropdown-item-text {
  color: #6b6c7e;
  display: block;
  font-weight: 400;
  padding-bottom: 0.34375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.34375rem;
}

.dropdown-section {
  padding: 0.375rem 1rem;
}
.dropdown-section .form-group + .form-group {
  margin-top: 0.6875rem;
}
.dropdown-section .custom-control {
  margin-bottom: 0;
}
.dropdown-section .custom-control-label {
  color: #6b6c7e;
}
.dropdown-section .custom-control-label-text {
  padding-left: 0.75rem;
}
.dropdown-section .custom-control-outside label, .dropdown-section .custom-control-outside body mat-label, body .dropdown-section .custom-control-outside mat-label, .dropdown-section .custom-control-outside #wrapper mat-label, #wrapper .dropdown-section .custom-control-outside mat-label {
  padding-left: 1.75rem;
}
.dropdown-section.active .custom-control-label {
  color: #272833;
}

.dropdown-section-grid {
  display: grid;
  gap: 0.5rem 0.75rem;
  grid-template-columns: repeat(9, 1fr);
  margin-bottom: 0;
  padding: 0.375rem 1rem;
}

.dropdown-footer {
  box-shadow: -1px -2px 3px -3px rgba(0, 0, 0, 0.5);
  padding: 0.5rem 1rem 0;
  position: relative;
}

.dropdown-menu {
  background-clip: padding-box;
  background-color: #fff;
  border-color: #e7e7ed;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  color: #1c1c24;
  display: none;
  float: left;
  font-size: 0.875rem;
  left: 0;
  list-style: none;
  margin: 0.3125rem 0 0;
  max-height: 500px;
  max-width: 240px;
  min-height: 40px;
  min-width: 240px;
  overflow: auto;
  padding: 0.375rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}
@media (max-width: 991.98px) {
  .dropdown-menu {
    max-height: 295px;
    max-width: 230px;
  }
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu .alert {
  line-height: normal;
  margin: 0.5rem;
  padding: 0.34375rem 1rem;
}
.dropdown-menu .alert:first-child {
  margin-top: 0;
}
.dropdown-menu .alert:last-child {
  margin-bottom: 0;
}
.dropdown-menu .alert-fluid {
  margin-left: 0;
  margin-right: 0;
}
.dropdown-menu .alert-fluid:first-child {
  margin-top: -0.375rem;
}
.dropdown-menu .alert-fluid:last-child {
  margin-bottom: -0.375rem;
}
.dropdown-menu .form-group {
  margin-bottom: 0;
}
.dropdown-menu .inline-scroller {
  max-height: 200px;
}
@media (max-width: 991.98px) {
  .dropdown-menu .inline-scroller {
    max-height: none;
  }
}
.dropdown-menu > .list-unstyled {
  margin-bottom: 0;
}

.dropdown-menu-select.dropdown-menu .dropdown-header {
  padding-bottom: 0.375rem;
  padding-left: 1.75rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-subheader {
  padding-bottom: 0.4375rem;
  padding-left: 1.75rem;
  padding-right: 0.5rem;
  padding-top: 0.4375rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-section {
  padding-left: 1.75rem;
  padding-right: 0.5rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item {
  padding-bottom: 0.375rem;
  padding-left: 1.75rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.375rem;
  margin-left: -1.75rem;
  margin-right: -0.5rem;
  margin-top: -0.3125rem;
  width: auto;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll {
  font-size: 1rem;
  height: 2rem;
  padding: 0;
  position: absolute;
  text-align: center;
  z-index: 1;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:hover, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.hover {
  background-color: #f0f5ff;
  background-image: none;
  color: #272833;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus-visible, .c-prefers-focus .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus {
  background-color: #f0f5ff;
  background-image: none;
  color: #272833;
}

.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active {
  background-color: #f0f5ff;
  background-image: none;
  color: #272833;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active body mat-label, body .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active mat-label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active #wrapper mat-label, #wrapper .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active mat-label {
  color: #272833;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:active .form-check-label {
  color: #272833;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active {
  background-color: #f0f5ff;
  background-image: none;
  color: #272833;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active body mat-label, body .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active mat-label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active #wrapper mat-label, #wrapper .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active mat-label {
  color: #272833;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.active .form-check-label {
  color: #272833;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled {
  background-color: transparent;
  background-image: none;
  color: #a7a9bc;
  cursor: not-allowed;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled body mat-label, body .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled mat-label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled #wrapper mat-label, #wrapper .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled mat-label,
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:disabled .form-check-label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled body mat-label, body .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled mat-label, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled #wrapper mat-label, #wrapper .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled mat-label,
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.disabled .form-check-label {
  color: #a7a9bc;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll .c-inner {
  flex-grow: 1;
  width: auto;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down {
  background-image: linear-gradient(to top, rgb(255, 255, 255) 84%, rgba(255, 255, 255, 0) 100%);
  bottom: 0.375rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-down .c-inner {
  flex-grow: 1;
  width: auto;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up {
  background-image: linear-gradient(to bottom, rgb(255, 255, 255) 84%, rgba(255, 255, 255, 0) 100%);
  top: 0.375rem;
}
.dropdown-menu-select.dropdown-menu .dropdown-item-scroll-up .c-inner {
  flex-grow: 1;
  width: auto;
}
.dropdown-menu-select.dropdown-menu .dropdown-divider {
  margin: 0.3125rem 0;
}
.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-start .dropdown-item-indicator-start {
  left: 0.5rem;
}
.dropdown-menu-select.dropdown-menu.dropdown-menu-indicator-end .dropdown-item-indicator-end {
  right: 0.5rem;
}
.dropdown-menu-select.dropdown-menu .inline-scroller {
  max-height: 224px;
}

.dropdown-menu-select.dropdown-menu-height-lg .inline-scroller {
  max-height: 432px;
}

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

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

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-sm-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-md-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-lg-right {
    left: auto;
    right: 0;
  }
}
@media (min-width: 1280px) {
  .dropdown-menu-xl-left {
    left: 0;
    right: auto;
  }
  .dropdown-menu-xl-right {
    left: auto;
    right: 0;
  }
}
.dropup .dropdown-menu {
  bottom: 100%;
  margin-bottom: 0.3125rem;
  margin-top: 0;
  top: auto;
}
.dropright .dropdown-menu {
  left: 100%;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto;
  top: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  left: auto;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100%;
  top: 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] {
  bottom: auto;
  right: auto;
}

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

.dropdown-action {
  display: inline-block;
  font-size: 1rem;
  vertical-align: middle;
}
.dropdown-action > .dropdown-toggle {
  align-items: center;
  border-radius: 0.25rem;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: inherit;
  height: 2rem;
  justify-content: center;
  line-height: 2rem;
  padding: 0;
  text-transform: inherit;
  vertical-align: baseline;
  width: 2rem;
}
.dropdown-action > .dropdown-toggle:disabled, .dropdown-action > .dropdown-toggle.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.dropdown-action > .dropdown-toggle .lexicon-icon {
  margin-top: 0;
}
.dropdown-action > .dropdown-toggle .inline-item .lexicon-icon {
  margin-top: 0;
}
.dropdown-menu-indicator-start .dropdown-item-indicator {
  height: 1rem;
  left: 1rem;
  position: absolute;
  top: 0.34375rem;
  width: 1rem;
}
.dropdown-menu-indicator-start .dropdown-item-indicator-text-start {
  padding-left: 0;
}
.dropdown-menu-indicator-start .dropdown-header,
.dropdown-menu-indicator-start .dropdown-subheader,
.dropdown-menu-indicator-start .dropdown-caption,
.dropdown-menu-indicator-start .dropdown-item {
  padding-left: calc(
			1rem + 1rem + 0.75rem
		);
}
.dropdown-menu-indicator-start .dropdown-item .c-inner {
  margin-left: calc((
							1rem +
								1rem +
								0.75rem
						) * -1);
}

.dropdown-item-indicator-start {
  align-items: center;
  color: inherit;
  display: inline-flex;
  height: 1rem;
  justify-content: center;
  left: 1rem;
  position: absolute;
  right: auto;
  top: calc( 				0.34375rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
  width: 1rem;
}
.dropdown-item-indicator-start .lexicon-icon {
  font-size: 1rem;
  margin-top: 0;
}

.dropdown-item-indicator-text-start {
  color: inherit;
  display: block;
  padding-left: 1.75rem;
  text-decoration: inherit;
  width: 100%;
}
.dropdown-item-indicator-text-start:hover, .dropdown-item-indicator-text-start.hover {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus-visible, .c-prefers-focus .dropdown-item-indicator-text-start:focus {
  color: inherit;
  text-decoration: inherit;
}

.dropdown-item-indicator-text-start > .c-inner {
  margin-left: -1.75rem;
}
.dropdown-menu-indicator-end .dropdown-item-indicator {
  position: absolute;
  right: 1rem;
  top: 0.34375rem;
}
.dropdown-menu-indicator-end .dropdown-item-indicator-text-end {
  padding-right: 0;
}
.dropdown-menu-indicator-end .dropdown-item {
  padding-right: calc(
			1rem + 1rem + 0.75rem
		);
}
.dropdown-menu-indicator-end .dropdown-item .c-inner {
  margin-right: calc((
							1rem +
								1rem +
								0.75rem
						) * -1);
}

.dropdown-item-indicator-end {
  align-items: center;
  color: inherit;
  display: inline-flex;
  height: 1rem;
  justify-content: center;
  left: auto;
  position: absolute;
  right: 1rem;
  top: calc( 				0.34375rem - (( 								1rem - (1em * 1.5) 							) / 2) 			);
  width: 1rem;
}
.dropdown-item-indicator-end .lexicon-icon {
  font-size: 16px;
  margin-top: 0;
}

.dropdown-item-indicator-text-end {
  color: inherit;
  display: block;
  padding-right: 1.75rem;
  text-decoration: inherit;
  width: 100%;
}
.dropdown-item-indicator-text-end:hover, .dropdown-item-indicator-text-end.hover {
  color: inherit;
  text-decoration: inherit;
}
.dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus-visible, .c-prefers-focus .dropdown-item-indicator-text-end:focus {
  color: inherit;
  text-decoration: inherit;
}

.dropdown-item-indicator-text-end > .c-inner {
  margin-right: -1.75rem;
}
.dropdown-menu-top {
  bottom: 100% !important;
  left: 0 !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}

.dropdown-menu-top-right {
  bottom: 100% !important;
  left: auto !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: 0 !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}

.dropdown-menu-top-center {
  bottom: 100% !important;
  left: 50% !important;
  margin-top: 0;
  margin-bottom: 0.3125rem;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  will-change: auto !important;
}

.dropdown-menu-center {
  bottom: auto !important;
  left: 50% !important;
  right: auto !important;
  top: 100% !important;
  transform: translateX(-50%) !important;
  will-change: auto !important;
}

.dropdown-menu-left-side {
  bottom: auto !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: 0 !important;
  transform: none !important;
  will-change: auto !important;
}

.dropdown-menu-left-side-bottom {
  bottom: 0 !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}

.dropdown-menu-left-side-middle {
  bottom: auto !important;
  left: auto !important;
  margin-right: 0.3125rem;
  margin-top: 0;
  right: 100% !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  will-change: auto !important;
}

.dropdown-menu-right-side {
  bottom: auto !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: 0 !important;
  transform: none !important;
  will-change: auto !important;
}

.dropdown-menu-right-side-bottom {
  bottom: 0 !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  will-change: auto !important;
}

.dropdown-menu-right-side-middle {
  bottom: auto !important;
  left: 100% !important;
  margin-left: 0.3125rem;
  margin-top: 0;
  right: auto !important;
  top: 50% !important;
  transform: translate(0, -50%) !important;
  will-change: auto !important;
}

.dropdown-full .dropdown-menu,
.dropdown-wide .dropdown-menu {
  max-width: none;
  width: 100%;
}
@media (min-width: 768px) {
  .dropdown-full .dropdown-menu,
  .dropdown-wide .dropdown-menu {
    max-height: none;
    width: 100%;
  }
}

.dropdown-full .dropdown-header ~ .dropdown-header,
.dropdown-wide .dropdown-header ~ .dropdown-header {
  margin-top: 20px;
}
.dropdown-full .dropdown-menu > .row,
.dropdown-wide .dropdown-menu > .row {
  margin-left: 0;
  margin-right: 0;
  min-width: 500px;
}

@media (min-width: 992px) {
  .dropdown-wide .dropdown-menu {
    min-width: 500px;
  }
}

.dropdown-menu-width-shrink {
  min-width: 0;
}

.dropdown-menu-width-full {
  left: 12px !important;
  right: 12px !important;
  max-width: none;
  min-width: 0;
  width: calc(100% - 24px);
}

.dropdown-menu-width-sm {
  max-width: none;
  min-width: 0;
  width: 500px;
}
@media (max-width: 767.98px) {
  .dropdown-menu-width-sm {
    left: 12px !important;
    right: 12px !important;
    width: calc(100% - 24px);
  }
}

.dropdown-menu-height-auto {
  height: auto;
  max-height: none;
  min-height: 0;
}

@media (min-width: 768px) {
  .dropdown-full .autocomplete-dropdown-menu,
  .dropdown-full .dropdown-menu-autocomplete {
    max-height: 10rem;
  }
}

.autocomplete-dropdown-menu,
.dropdown-menu-autocomplete {
  max-height: 10rem;
  max-width: none;
  width: 100%;
}

.nav-item.dropdown-full {
  position: static;
}

@media (max-width: 991.98px) {
  .nav-item.dropdown-wide {
    position: static;
  }
}

@media (max-width: 767.98px) {
  .navbar-nav .dropdown-menu-center {
    -ms-transform: none;
    transform: none;
  }
}

.navbar-right .dropdown-menu-center {
  left: 50%;
  right: auto;
}

.drilldown-inner {
  display: flex;
  flex-grow: 1;
  transition: height 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .drilldown-inner {
    transition: none;
  }
}
.drilldown-inner {
  transition: none;
}

.drilldown-item {
  display: none;
  flex-shrink: 0;
  height: 0;
  width: 100%;
}

.drilldown-item-inner {
  display: flex;
  flex-direction: column;
}

.drilldown-transition {
  transition: all 0.25s ease;
}
@media (prefers-reduced-motion: reduce) {
  .drilldown-transition {
    transition: none;
  }
}
.drilldown-transition {
  transition: none;
}

.drilldown-item.transitioning {
  display: block;
}

.drilldown-current {
  display: block;
  height: auto;
}

.drilldown-next-active,
.drilldown-prev-initial {
  transform: translateX(-100%);
}

.drilldown-prev-active {
  transform: translateX(0%);
}

.drilldown.dropdown-menu {
  flex-direction: column;
  max-height: none;
  max-width: none;
  min-width: 0;
  overflow: hidden;
  width: 240px;
}
.drilldown.dropdown-menu.show {
  display: flex;
}
.drilldown.dropdown-menu .drilldown-inner {
  min-height: 266px;
  overflow: hidden;
}
.drilldown.dropdown-menu .inline-scroller {
  max-height: none;
}

.drilldown.dropdown-menu-indicator-start .dropdown-item,
.drilldown .dropdown-menu-indicator-start .dropdown-item {
  padding-left: 3rem;
}
.drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start,
.drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-start {
  padding-left: 0;
}
.drilldown.dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end,
.drilldown .dropdown-menu-indicator-start .dropdown-item .dropdown-item-indicator-text-end {
  margin-left: -3rem;
}

.drilldown.dropdown-menu-indicator-end .dropdown-item,
.drilldown .dropdown-menu-indicator-end .dropdown-item {
  padding-right: 3rem;
}
.drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start,
.drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-start {
  margin-right: -3rem;
}
.drilldown.dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end,
.drilldown .dropdown-menu-indicator-end .dropdown-item .dropdown-item-indicator-text-end {
  padding-right: 0;
}

.drilldown .dropdown-header {
  color: #6b6c7e;
  font-weight: 600;
  padding-bottom: 0.59375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.59375rem;
  text-transform: uppercase;
}
.drilldown .dropdown-footer {
  padding: 1rem 1rem 0.625rem;
}
.drilldown .dropdown-divider {
  margin: 0;
}
.drilldown .dropdown-item {
  padding-bottom: 0.59375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.59375rem;
}
.drilldown .dropdown-item .c-inner {
  flex-grow: 1;
  margin-bottom: -0.59375rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.59375rem;
  width: auto;
}
.drilldown .dropdown-item-indicator-start {
  height: 1.5rem;
  left: 0.5rem;
  top: 0.5rem;
  transition: none;
  width: 1.5rem;
}
.drilldown .dropdown-item-indicator-text-start {
  padding-left: 2rem;
}
.drilldown .dropdown-item-indicator-end {
  height: 1.5rem;
  right: 0.5rem;
  top: 0.5rem;
  transition: none;
  width: 1.5rem;
}
.drilldown .dropdown-item-indicator-text-end {
  margin-bottom: -0.59375rem;
  margin-left: -1rem;
  margin-top: -0.59375rem;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: 2rem;
  padding-top: inherit;
  width: auto;
}

.drilldown-height-md.dropdown-menu .drilldown-inner, .drilldown-height-sm.dropdown-menu .drilldown-inner {
  min-height: 0;
}
.drilldown-height-md.dropdown-menu .drilldown-item, .drilldown-height-sm.dropdown-menu .drilldown-item {
  height: 100%;
}
.drilldown-height-md.dropdown-menu .drilldown-item-inner, .drilldown-height-sm.dropdown-menu .drilldown-item-inner {
  height: 100%;
}

.drilldown-height-sm.dropdown-menu {
  height: 272px;
}

.drilldown-height-md.dropdown-menu {
  height: 344px;
}

[type=checkbox] {
  cursor: pointer;
  height: 14px;
  width: 14px;
}
[type=checkbox]:disabled {
  cursor: not-allowed;
}

[type=radio] {
  cursor: pointer;
  height: 15px;
  width: 14px;
}
[type=radio]:disabled {
  cursor: not-allowed;
}

label, body mat-label, #wrapper mat-label {
  color: #272833;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
label[for], body mat-label[for], #wrapper mat-label[for] {
  cursor: pointer;
}
label + .form-feedback-group, body mat-label + .form-feedback-group, #wrapper mat-label + .form-feedback-group {
  margin-bottom: 0.75rem;
}
label + .form-text, body mat-label + .form-text, #wrapper mat-label + .form-text {
  margin-bottom: 0.25rem;
  margin-top: 0;
}
label .form-help-text, body mat-label .form-help-text, #wrapper mat-label .form-help-text {
  color: #88889a;
  display: inline;
  font-size: 0.875rem;
  font-weight: 400;
  margin-left: 0.5rem;
  margin-top: 0;
}
label .reference-mark, body mat-label .reference-mark, #wrapper mat-label .reference-mark {
  color: #b95000;
  font-size: 6px;
}

.form-control-label {
  display: inline;
  margin-bottom: 0;
}

.form-control-label-text {
  cursor: pointer;
  display: inline-block;
  margin-bottom: 0.25rem;
  max-width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

fieldset[disabled] label, fieldset[disabled] body mat-label, body fieldset[disabled] mat-label, fieldset[disabled] #wrapper mat-label, #wrapper fieldset[disabled] mat-label,
label.disabled,
body mat-label.disabled,
#wrapper mat-label.disabled {
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}

fieldset[disabled] label .form-control, fieldset[disabled] body mat-label .form-control, body fieldset[disabled] mat-label .form-control, fieldset[disabled] #wrapper mat-label .form-control, #wrapper fieldset[disabled] mat-label .form-control {
  font-weight: normal;
  opacity: 1;
}

.form-control {
  background-color: #f1f2f5;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0.0625rem;
  border-bottom-width: 0.0625rem;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-top-width: 0.0625rem;
  border-radius: 0.25rem;
  box-shadow: none;
  color: #272833;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: 2.5rem;
  letter-spacing: inherit;
  line-height: 1.5;
  min-width: 0;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.4375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 100%;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control {
  transition: none;
}

.form-control::placeholder {
  color: #6b6c7e;
  opacity: 1;
}
.form-control.focus, .form-control:focus-visible, .c-prefers-focus .form-control:focus {
  background-color: #f0f5ff;
  border-color: #80acff;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  color: #272833;
  outline: 0;
}
.form-control:focus-within:has(input:focus) {
  background-color: #f0f5ff;
  border-color: #80acff;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  color: #272833;
}
.form-control:disabled, .form-control.disabled {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.form-control:disabled::placeholder, .form-control.disabled::placeholder {
  color: #a7a9bc;
}
@media (max-width: 767.98px) {
  .form-control {
    font-size: 1rem;
  }
}
.form-control:not([type=range]) {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.form-control::-ms-clear, .form-control::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}
.form-control[contenteditable] p {
  margin-bottom: 0;
}
.form-control .label {
  border-width: 0.0625rem;
  height: auto;
  margin-bottom: 0.3125rem;
  margin-right: 0.625rem;
  margin-top: 0.3125rem;
  min-height: 1.5rem;
  font-size: 0.75rem;
  padding-bottom: 0.3125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.3125rem;
  text-transform: none;
}
.form-control .label .label-item {
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
}
.form-control .label > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.3125rem;
}

fieldset[disabled] select.form-control[multiple],
fieldset[disabled] .form-control {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}

.form-control-plaintext {
  background-clip: border-box;
  background-color: transparent;
  border-bottom-width: 0.0625rem;
  border-color: transparent;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-style: solid;
  border-top-width: 0.0625rem;
  color: #1c1c24;
  display: block;
  font-size: 1rem;
  height: 2.5rem;
  letter-spacing: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  min-width: 0;
  padding-bottom: 0.4375rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.4375rem;
  text-overflow: ellipsis;
  width: 100%;
}
@media (max-width: 767.98px) {
  .form-control-plaintext {
    font-size: 1rem;
  }
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-hidden {
  left: 0;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

div.form-control {
  height: auto;
  min-height: 2.5rem;
}
div.form-control-lg {
  min-height: 3rem;
}
div.form-control-sm {
  min-height: 2rem;
}

.form-control-tag-group {
  align-items: center;
  color: #6b6c7e;
  display: flex;
  flex-wrap: wrap;
  height: auto;
  padding-bottom: 0.125rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
}
.form-control-tag-group .autofit-row {
  align-items: center;
  flex-grow: 1;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
}
.form-control-tag-group .autofit-col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.form-control-tag-group .autofit-col .form-control-inset {
  width: auto;
}
.form-control-tag-group .input-group-item {
  align-items: center;
}
.form-control-tag-group .inline-item {
  height: 1.5rem;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
}
.form-control-tag-group .btn {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
  padding-bottom: 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0;
}
.form-control-tag-group .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: 0;
}
.form-control-tag-group .btn-monospaced {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.3125rem;
  margin-top: 0.3125rem;
  padding-left: 0;
  padding-right: 0;
  width: 1.5rem;
}
.form-control-tag-group .btn-monospaced .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.form-control-tag-group .component-action {
  height: 100%;
  margin-bottom: 0;
  margin-top: 0;
  width: 2rem;
}
.form-control-inset {
  background-color: transparent;
  border-width: 0px;
  color: #272833;
  flex-grow: 1;
  margin-bottom: 0.3125rem;
  margin-left: 0.5rem;
  margin-top: 0.3125rem;
  min-height: 1.5rem;
  padding: 0;
  width: 50px;
}
.form-control-inset.focus, .form-control-inset:focus-visible, .c-prefers-focus .form-control-inset:focus {
  outline: 0;
}
.form-control-inset:disabled, .form-control-inset.disabled {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.form-control-inset::-ms-clear, .form-control-inset::-ms-reveal {
  display: none;
  height: 0;
  width: 0;
}

select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  cursor: pointer;
  padding-right: 2em;
}
select.form-control.focus, select.form-control:focus-visible, .c-prefers-focus select.form-control:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}

select.form-control:disabled, select.form-control.disabled {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23a7a9bc'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23a7a9bc'/%3E%3C/svg%3E");
}
select.form-control:disabled > option, select.form-control.disabled > option {
  cursor: not-allowed;
}
select.form-control option {
  cursor: pointer;
}
select.form-control::-ms-expand {
  display: none;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #272833;
}
select.form-control:focus::-ms-value {
  background-color: transparent;
  color: inherit;
}

.form-control-select {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
  background-position: right 0.5em center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2em;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-control-select:hover {
  color: inherit;
  text-decoration: none;
}
.form-control-select:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}

select.form-control[size] {
  background-image: none;
  height: auto;
  margin-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  scrollbar-width: thin;
}
select.form-control[size].focus, select.form-control[size]:focus-visible, .c-prefers-focus select.form-control[size]:focus {
  background-image: none;
}
select.form-control[size].focus > option:checked, select.form-control[size]:focus-visible > option:checked, .c-prefers-focus select.form-control[size]:focus > option:checked {
  background-image: linear-gradient(#ffb528, #ffb528);
  filter: invert(1);
}

select.form-control[size]:disabled > option:hover, select.form-control[size].disabled > option:hover {
  background-image: none;
}
select.form-control[size] option {
  padding: 0.4375rem 0.5rem;
}
select.form-control[size] option:hover {
  background-image: linear-gradient(#e7e7ed, #e7e7ed);
}
select.form-control[size] option:checked {
  background-image: linear-gradient(#d3d6e0, #d3d6e0);
}
@-moz-document url-prefix() {
  select.form-control[size].focus > option:checked, select.form-control[size]:focus-visible > option:checked, .c-prefers-focus select.form-control[size]:focus > option:checked {
    background-image: linear-gradient(#004ad7, #004ad7);
    filter: invert(0);
  }
}

select.form-control[multiple] {
  background-image: none;
  height: auto;
  margin-left: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  scrollbar-width: thin;
}
select.form-control[multiple].focus, select.form-control[multiple]:focus-visible, .c-prefers-focus select.form-control[multiple]:focus {
  background-image: none;
}
select.form-control[multiple].focus > option:checked, select.form-control[multiple]:focus-visible > option:checked, .c-prefers-focus select.form-control[multiple]:focus > option:checked {
  background-image: linear-gradient(#ffb528, #ffb528);
  filter: invert(1);
}

select.form-control[multiple]:disabled > option:hover, select.form-control[multiple].disabled > option:hover {
  background-image: none;
}
select.form-control[multiple] option {
  padding: 0.4375rem 0.5rem;
}
select.form-control[multiple] option:hover {
  background-image: linear-gradient(#e7e7ed, #e7e7ed);
}
select.form-control[multiple] option:checked {
  background-image: linear-gradient(#d3d6e0, #d3d6e0);
}
@-moz-document url-prefix() {
  select.form-control[multiple].focus > option:checked, select.form-control[multiple]:focus-visible > option:checked, .c-prefers-focus select.form-control[multiple]:focus > option:checked {
    background-image: linear-gradient(#004ad7, #004ad7);
    filter: invert(0);
  }
}

.form-control-shrink {
  max-width: 100%;
  white-space: nowrap;
  width: min-content;
}
.form-control-select-secondary {
  background-color: #fff;
  border-color: #88889a;
  color: #6b6c7e;
}
.form-control-select-secondary:hover, .form-control-select-secondary.hover {
  color: #6b6c7e;
}
.form-control-select-secondary.focus, .form-control-select-secondary:focus-visible, .c-prefers-focus .form-control-select-secondary:focus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
  color: #272833;
}

.form-control-select-secondary.show {
  background-color: #f1f2f5;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
  color: #272833;
}
.form-control-select-secondary:disabled, .form-control-select-secondary.disabled {
  background-color: #fff;
  color: #6b6c7e;
  opacity: 0.4;
}
textarea.form-control,
textarea.form-control-plaintext,
.form-control.form-control-textarea {
  height: 100px;
  resize: vertical;
}
.form-control-file {
  cursor: pointer;
  display: block;
  width: 100%;
}
.form-control-file::-webkit-file-upload-button {
  cursor: pointer;
}

.form-control[type=range] {
  background-color: transparent;
  border-color: transparent;
  padding: 0;
}
.form-control[type=range]:focus {
  box-shadow: none;
}
.form-control[type=range]:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.form-control[type=range]::-webkit-slider-thumb {
  border-radius: 100px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control[type=range]::-webkit-slider-thumb {
    transition: none;
  }
}
.form-control[type=range]::-webkit-slider-thumb {
  transition: none;
}

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

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

.form-check-label {
  cursor: pointer;
  display: inline;
  margin-bottom: 0;
  position: relative;
}

.form-check-input {
  margin-left: 0;
  margin-top: 0;
  position: static;
}
.form-check-input[disabled], .form-check-input:disabled {
  cursor: not-allowed;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input[disabled] + .form-check-label-text, .form-check-input:disabled ~ .form-check-label,
.form-check-input:disabled + .form-check-label-text {
  color: #a7a9bc;
  cursor: not-allowed;
}

.form-check-label-text {
  margin-left: -0.1875rem;
  padding-left: 0.5rem;
}

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

@media (-webkit-min-device-pixel-ratio: 0) {
  .form-control[disabled] > option {
    color: #a7a9bc;
  }
}

.form-control-file:disabled {
  cursor: not-allowed;
}
.form-control-file:disabled::-webkit-file-upload-button {
  cursor: not-allowed;
}

.form-control[readonly] {
  background-color: #fff;
  border-color: #e7e7ed;
  opacity: 1;
}
.form-control[readonly].focus, .form-control[readonly]:focus-visible, .c-prefers-focus .form-control[readonly]:focus {
  border-color: #80acff;
  box-shadow: none;
}
.form-control-plaintext[readonly] {
  border-radius: 0.25rem;
  outline: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control-plaintext[readonly] {
    transition: none;
  }
}
.form-control-plaintext[readonly] {
  transition: none;
}

.form-control-plaintext[readonly].focus, .form-control-plaintext[readonly]:focus-visible, .c-prefers-focus .form-control-plaintext[readonly]:focus {
  box-shadow: none;
  border-color: #80acff;
}
.form-control-lg {
  border-radius: 0.375rem;
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.4375rem;
}
textarea.form-control-lg,
.form-control-lg.form-control-textarea {
  height: 120px;
}
.sidebar-sm .form-control, .input-group-sm .form-control, .form-group-sm .form-control,
.form-group-sm .form-control-plaintext, .form-control-sm {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.sidebar-sm select.form-control,
.sidebar-sm .form-control-select, .form-group-sm select.form-control, .form-control-select.form-control-sm {
  height: 2rem;
  padding-right: 2em;
}
.form-group-sm textarea.form-control,
.form-group-sm .form-control.form-control-textarea, textarea.form-control-sm,
.form-control-sm.form-control-textarea {
  height: 80px;
}
.sidebar-sm .form-control-tag-group, .form-group-sm .input-group .form-control-tag-group, .input-group-sm .form-control-tag-group, .form-group-sm .form-control-tag-group.input-group, .form-control-tag-group.input-group-sm, .form-control-tag-group-sm.form-control {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  min-height: 2rem;
  padding-bottom: 0;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0;
}
.sidebar-sm .form-control-tag-group .inline-item, .form-group-sm .input-group .form-control-tag-group .inline-item, .input-group-sm .form-control-tag-group .inline-item, .form-group-sm .form-control-tag-group.input-group .inline-item, .form-control-tag-group.input-group-sm .inline-item, .form-control-tag-group-sm.form-control .inline-item {
  margin-bottom: 0;
  margin-top: 0;
}
.sidebar-sm .form-control-tag-group .label, .form-group-sm .input-group .form-control-tag-group .label, .input-group-sm .form-control-tag-group .label, .form-group-sm .form-control-tag-group.input-group .label, .form-control-tag-group.input-group-sm .label, .form-control-tag-group-sm.form-control .label {
  margin-bottom: 0.1875rem;
  margin-right: 0.25rem;
  margin-top: 0.1875rem;
}
.sidebar-sm .form-control-tag-group .form-control-inset, .form-group-sm .input-group .form-control-tag-group .form-control-inset, .input-group-sm .form-control-tag-group .form-control-inset, .form-group-sm .form-control-tag-group.input-group .form-control-inset, .form-control-tag-group.input-group-sm .form-control-inset, .form-control-tag-group-sm.form-control .form-control-inset {
  margin-bottom: 0.125rem;
  margin-left: 0.5rem;
  margin-top: 0.1875rem;
}
.form-group {
  margin-bottom: 1.5rem;
}

.col-form-label {
  font-size: inherit;
  line-height: 1.5;
  margin-bottom: 0;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.col-form-label-lg {
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.col-form-label-sm {
  font-size: 0.875rem;
  line-height: 1.5;
  padding-bottom: 0.3125rem;
  padding-top: 0.3125rem;
}

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

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

.form-group-autofit {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
}
@media (min-width: 576px) {
  .form-group-autofit {
    flex-direction: row;
    width: 100%;
  }
}
.form-group-autofit label, .form-group-autofit body mat-label, body .form-group-autofit mat-label, .form-group-autofit #wrapper mat-label, #wrapper .form-group-autofit mat-label {
  align-self: flex-start;
}
.form-group-autofit .form-group-item {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  flex-grow: 0;
  flex-shrink: 1;
  min-width: 25px;
  position: relative;
  width: 100%;
}
.form-group-autofit .form-group-item:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .form-group-autofit .form-group-item:not(:last-child) {
    margin-bottom: 1rem;
  }
}
@media (min-width: 576px) {
  .form-group-autofit > .form-group-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 12px;
  }
}
.form-group-autofit .form-group-item-shrink {
  flex-shrink: 0;
  max-width: 100%;
  width: auto;
}

@media (max-width: 575.98px) {
  .form-group-autofit .form-group-item-label:not(:last-child) {
    margin-bottom: 0;
  }
}

@media (min-width: 576px) {
  .form-group-item-label {
    justify-content: center;
    min-height: 2.5rem;
  }
  .form-group-item-label > label, body .form-group-item-label > mat-label, #wrapper .form-group-item-label > mat-label {
    margin-bottom: 0;
    max-width: 12.5rem;
  }
}

@media (min-width: 576px) {
  .form-group-item-label-spacer {
    margin-top: 1.5625rem;
  }
}

.form-group {
  position: relative;
}
@media (max-width: 767.98px) {
  .form-group {
    margin-bottom: 1rem;
  }
}

.form-group-sm {
  margin-bottom: 1rem;
}
.form-group-sm label, .form-group-sm body mat-label, body .form-group-sm mat-label, .form-group-sm #wrapper mat-label, #wrapper .form-group-sm mat-label {
  margin-bottom: 0.1875rem;
}
.form-group-sm div.form-control,
.form-group-sm .form-control[contenteditable] {
  height: auto;
  min-height: 2rem;
}
.form-group-sm select[multiple],
.form-group-sm .form-control[size] {
  height: auto;
}
.form-group-sm .form-feedback-item ~ .form-feedback-item,
.form-group-sm .form-feedback-item ~ .form-text,
.form-group-sm .form-text ~ .form-feedback-item,
.form-group-sm .form-text ~ .form-text {
  margin-top: 0;
}
@media (min-width: 576px) {
  .form-group-sm .form-group-item-label {
    min-height: 2rem;
  }
  .form-group-sm .form-group-item-label > label, .form-group-sm body .form-group-item-label > mat-label, body .form-group-sm .form-group-item-label > mat-label, .form-group-sm #wrapper .form-group-item-label > mat-label, #wrapper .form-group-sm .form-group-item-label > mat-label {
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .form-group-sm .form-group-item-label-spacer {
    margin-top: 1.5625rem;
  }
}

.c-link {
  text-decoration: none;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .c-link {
    transition: none;
  }
}
.c-link {
  transition: none;
}

.c-link:hover, .c-link.hover {
  text-decoration: none;
}
.c-link.focus, .c-link:focus-visible, .c-prefers-focus .c-link:focus {
  border-radius: 1px;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.c-link.text-secondary {
  color: #272833 !important;
}
.c-link.text-secondary:hover, .c-link.text-secondary.hover {
  color: #000 !important;
}
.c-link.text-secondary.focus, .c-link.text-secondary:focus-visible, .c-prefers-focus .c-link.text-secondary:focus {
  color: #000 !important;
}

.c-link.text-tertiary {
  color: #272833 !important;
}
.c-link.text-tertiary:hover, .c-link.text-tertiary.hover {
  color: #000 !important;
  text-decoration: underline;
}
.component-link {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-link {
    transition: none;
  }
}
.component-link {
  transition: none;
}

.component-link:hover, .component-link.hover {
  color: #484955;
}
.component-link.focus, .component-link:focus-visible, .c-prefers-focus .component-link:focus {
  color: #484955;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.single-link {
  font-weight: 600;
}

.link-primary {
  color: #0b5fff;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .link-primary {
    transition: none;
  }
}
.link-primary {
  transition: none;
}

.link-primary:hover, .link-primary.hover {
  color: #0041be;
  background-color: #f0f5ff;
}
.link-primary.focus, .link-primary:focus-visible, .c-prefers-focus .link-primary:focus {
  color: #0041be;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.link-secondary {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .link-secondary {
    transition: none;
  }
}
.link-secondary {
  transition: none;
}

.link-secondary:hover, .link-secondary.hover {
  color: #272833;
  background-color: #f1f2f5;
}
.link-secondary.focus, .link-secondary:focus-visible, .c-prefers-focus .link-secondary:focus {
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

button.link-outline {
  cursor: pointer;
}

.link-outline {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem;
  display: inline-flex;
  font-size: 0.875rem;
  font-weight: 600;
  justify-content: center;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
  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;
  vertical-align: middle;
}
@media (prefers-reduced-motion: reduce) {
  .link-outline {
    transition: none;
  }
}
.link-outline {
  transition: none;
}

.link-outline:hover, .link-outline.hover {
  text-decoration: none;
}
.link-outline.focus, .link-outline:focus-visible, .c-prefers-focus .link-outline:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.link-outline:disabled, .link-outline.disabled {
  box-shadow: none;
}
.link-outline:disabled:active, .link-outline.disabled:active {
  pointer-events: none;
}
.link-outline > .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.link-outline .lexicon-icon {
  margin-top: 0;
}

.link-outline-primary {
  border-color: #0b5fff;
  color: #0b5fff;
}
.link-outline-primary:hover, .link-outline-primary.hover {
  background-color: #f0f5ff;
  color: #0b5fff;
}
.link-outline-primary.focus, .link-outline-primary:focus-visible, .c-prefers-focus .link-outline-primary:focus {
  background-color: #f0f5ff;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  color: #0b5fff;
}

.link-outline-primary:active {
  background-color: #e6edf8;
  color: #0b5fff;
}
.link-outline-primary.active {
  background-color: #e6edf8;
  color: #0b5fff;
}
.link-outline-primary:disabled, .link-outline-primary.disabled {
  background-color: transparent;
  color: #0b5fff;
  cursor: not-allowed;
  opacity: 0.4;
  box-shadow: none;
}
.link-outline-primary[aria-expanded=true], .link-outline-primary.show {
  background-color: #e6edf8;
  color: #0b5fff;
}
.link-outline-secondary {
  border-color: #cdced9;
  color: #6b6c7e;
}
.link-outline-secondary:hover, .link-outline-secondary.hover {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.link-outline-secondary.focus, .link-outline-secondary:focus-visible, .c-prefers-focus .link-outline-secondary:focus {
  background-color: rgba(39, 40, 51, 0.03);
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  color: #272833;
}

.link-outline-secondary:active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-secondary.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-secondary:disabled, .link-outline-secondary.disabled {
  background-color: transparent;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.4;
}
.link-outline-secondary[aria-expanded=true], .link-outline-secondary.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.link-outline-borderless {
  border-color: transparent;
}

.link-monospaced {
  align-items: center;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  overflow: hidden;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  vertical-align: middle;
  width: 2rem;
}
.link-monospaced > .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.link-monospaced .lexicon-icon {
  margin-top: 0;
}

.component-title {
  color: #272833;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: calc(( 						2rem - (1em * 1.25) 					) / 2);
  margin-top: calc(( 						2rem - (1em * 1.25) 					) / 2);
}
.component-title[href],
.component-title a[href] {
  color: #272833;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-title[href],
  .component-title a[href] {
    transition: none;
  }
}
.component-title[href], .component-title a[href] {
  transition: none;
}

.component-title[href]:hover, .component-title[href].hover,
.component-title a[href]:hover,
.component-title a[href].hover {
  color: #060608;
}
.component-title[href].focus, .component-title[href]:focus-visible, .c-prefers-focus .component-title[href]:focus,
.component-title a[href].focus,
.component-title a[href]:focus-visible,
.c-prefers-focus .component-title a[href]:focus {
  color: #060608;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.component-subtitle {
  color: #6b6c7e;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.45;
}
.component-subtitle[href],
.component-subtitle a[href] {
  color: #6b6c7e;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .component-subtitle[href],
  .component-subtitle a[href] {
    transition: none;
  }
}
.component-subtitle[href], .component-subtitle a[href] {
  transition: none;
}

.component-subtitle[href]:hover, .component-subtitle[href].hover,
.component-subtitle a[href]:hover,
.component-subtitle a[href].hover {
  color: #272833;
}
.component-subtitle[href].focus, .component-subtitle[href]:focus-visible, .c-prefers-focus .component-subtitle[href]:focus,
.component-subtitle a[href].focus,
.component-subtitle a[href]:focus-visible,
.c-prefers-focus .component-subtitle a[href]:focus {
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.component-action {
  align-items: center;
  background-color: transparent;
  border-color: transparent;
  border-radius: 0.25rem;
  border-width: 0px;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  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;
  vertical-align: middle;
  width: 2rem;
  font-size: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .component-action {
    transition: none;
  }
}
.component-action {
  transition: none;
}

.component-action:hover, .component-action.hover {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.component-action.focus, .component-action:focus-visible, .c-prefers-focus .component-action:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}

.component-action:active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action:disabled, .component-action.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.4;
}
.component-action:disabled:active, .component-action.disabled:active {
  pointer-events: none;
}
.component-action[aria-expanded=true], .component-action.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.component-action .lexicon-icon {
  margin-top: 0;
}

.component-icon {
  align-items: center;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
.component-icon .lexicon-icon {
  margin-top: 0;
}

.clay-range {
  padding-bottom: 0.1px;
}
.clay-range .input-group {
  align-items: center;
}
.clay-range .input-group-item {
  flex-direction: column;
}
.clay-range .input-group-text {
  background-color: transparent;
  border-width: 0px;
  color: #a7a9bc;
  font-size: 0.875rem;
  font-weight: 600;
  min-width: 1.5rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.clay-range.disabled .clay-range-title {
  color: #a7a9bc;
}
.clay-range.disabled .input-group-text {
  color: #a7a9bc;
}

.clay-range-progress-none .clay-range-input .clay-range-progress {
  visibility: hidden;
}
.clay-range-progress-none .clay-range-input .clay-range-thumb {
  visibility: hidden;
}
.clay-range-progress-none .clay-range-input .form-control-range {
  content: "";
}
.clay-range-progress-none .clay-range-input .form-control-range::-moz-range-thumb {
  visibility: visible;
}
.clay-range-progress-none .clay-range-input .form-control-range::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-progress-none .clay-range-input .form-control-range::-ms-fill-lower {
  background-color: transparent;
}
.clay-range-progress-none .clay-range-input .form-control-range::-ms-fill-upper {
  background-color: transparent;
}
.clay-range-progress-none .clay-range-input .form-control-range::-ms-thumb {
  visibility: visible;
}
.clay-range-progress-none .clay-range-input .form-control-range::-ms-tooltip {
  display: none;
}
.clay-range-progress-none .clay-range-input .form-control-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  color: transparent;
  height: 100%;
}
.clay-range-progress-none .clay-range-input .form-control-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-progress-none .clay-range-input .form-control-range::-webkit-slider-thumb {
  visibility: visible;
}
.clay-range-progress-none .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-progress-none .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-range-progress-none .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-range-progress-none .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-title {
  display: block;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.5rem;
  text-align: center;
}
.clay-range-input {
  display: block;
  padding-bottom: 0.1px;
  position: relative;
  vertical-align: middle;
  width: 100%;
  color: #a7a9bc;
}
.clay-range-input .tooltip {
  margin-left: 0.8125rem;
  transition: opacity 0.15s linear;
  visibility: hidden;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .clay-range-input .tooltip {
    transition: none;
  }
}
.clay-range-input .tooltip {
  transition: none;
}

.clay-range-input .tooltip-inner {
  padding: 0.5rem 0.75rem;
}
.clay-range-input .tooltip-arrow {
  height: 0.375rem;
  width: 0.375rem;
}
.clay-range-input .clay-tooltip-bottom {
  margin-top: 0.25rem;
  padding-top: 0.1875rem;
  top: 100%;
  transform: translateX(-50%);
}
.clay-range-input .clay-tooltip-bottom .tooltip-arrow {
  margin-left: -0.25rem;
}
.clay-range-input .clay-tooltip-top {
  bottom: 100%;
  margin-bottom: 0.25rem;
  padding-bottom: 0.1875rem;
  transform: translateX(-50%);
}
.clay-range-input .clay-tooltip-top .tooltip-arrow {
  margin-left: -0.25rem;
}
.clay-range-input .clay-range-track {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f1f2f5;
  border-radius: 100px;
  height: 0.25rem;
  margin-top: -0.125rem;
  position: absolute;
  top: 50%;
  width: 100%;
}
.clay-range-input .clay-range-track::-ms-expand {
  display: none;
}
.clay-range-input .clay-range-progress {
  background-color: #0b5fff;
  border-radius: 100px 0 0 100px;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 0.25rem;
  margin-top: -0.125rem;
}
.clay-range-input .clay-range-thumb {
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: absolute;
  right: -0.75rem;
  top: 50%;
  width: 1.5rem;
}
.clay-range-input .form-control-range {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  height: 2.5rem;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  content: "1.5rem";
}
.clay-range-input .form-control-range::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-moz-focus-outer {
  border-width: 0;
}
.clay-range-input .form-control-range::-moz-range-thumb {
  visibility: hidden;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: relative;
  top: 50%;
  width: 1.5rem;
}
.clay-range-input .form-control-range::-moz-range-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-input .form-control-range::-ms-fill-lower {
  background-color: transparent;
}
.clay-range-input .form-control-range::-ms-fill-upper {
  background-color: transparent;
}
.clay-range-input .form-control-range::-ms-thumb {
  visibility: hidden;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.clay-range-input .form-control-range::-ms-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range::-ms-tooltip {
  display: none;
}
.clay-range-input .form-control-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  color: transparent;
  height: 100%;
}
.clay-range-input .form-control-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-range-input .form-control-range::-webkit-slider-thumb {
  visibility: hidden;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border-radius: 100px;
  border-width: 0px;
  box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  height: 1.5rem;
  margin-top: -0.75rem;
  position: relative;
  top: 50%;
  width: 1.5rem;
}
.clay-range-input .form-control-range::-webkit-slider-thumb::-ms-expand {
  display: none;
}
.clay-range-input .form-control-range:hover {
  cursor: pointer;
}
.clay-range-input .form-control-range:hover ~ .clay-range-progress .clay-range-thumb {
  background-color: #f0f5ff;
}
.clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-input .form-control-range:hover::-moz-range-thumb {
  background-color: #f0f5ff;
}
.clay-range-input .form-control-range:hover::-ms-thumb {
  background-color: #f0f5ff;
}
.clay-range-input .form-control-range:hover::-webkit-slider-thumb {
  background-color: #f0f5ff;
}
.clay-range-input .form-control-range.focus, .clay-range-input .form-control-range:focus-visible, .c-prefers-focus .clay-range-input .form-control-range:focus {
  outline: 0;
}
.clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .clay-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-range-input .form-control-range.focus::-moz-range-thumb, .clay-range-input .form-control-range:focus-visible::-moz-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-moz-range-thumb {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range.focus::-ms-thumb, .clay-range-input .form-control-range:focus-visible::-ms-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-ms-thumb {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}
.clay-range-input .form-control-range.focus::-webkit-slider-thumb, .clay-range-input .form-control-range:focus-visible::-webkit-slider-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-webkit-slider-thumb {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.clay-range-input .form-control-range:disabled {
  color: #a7a9bc;
  cursor: not-allowed;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-track {
  background-color: #f1f2f5;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-progress {
  background-color: #b3cdff;
}
.clay-range-input .form-control-range:disabled ~ .clay-range-progress .clay-range-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-moz-range-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-ms-thumb {
  background-color: #f7f8f9;
}
.clay-range-input .form-control-range:disabled::-webkit-slider-thumb {
  background-color: #f7f8f9;
}
.clay-range-input[data-label-min], .clay-range-input[data-label-max] {
  margin-bottom: 1rem;
}
.clay-range-input[data-label-min]::before {
  content: '\FEFF' attr(data-label-min);
}
.clay-range-input[data-label-max]::after {
  content: '\FEFF' attr(data-label-max);
  right: 0;
}
.clay-range-input::after, .clay-range-input::before {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 2.5rem;
  position: absolute;
  text-align: center;
  top: 0;
  width: 1.5rem;
}

.clay-range-align-items-start .input-group {
  align-items: flex-start;
}

.clay-range-align-items-end .input-group {
  align-items: flex-end;
}

.clay-reorder {
  padding: 2px;
  position: relative;
  z-index: 0;
}
.clay-reorder .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
  overflow: auto;
  padding-bottom: 0.4375rem;
  padding-top: 0.4375rem;
  width: 100%;
}
.clay-reorder .form-control-inset.focus, .clay-reorder .form-control-inset:focus-visible, .c-prefers-focus .clay-reorder .form-control-inset:focus {
  background-color: transparent;
  box-shadow: none;
}
.clay-reorder .form-control-inset:focus + .clay-reorder-underlay, .clay-reorder .form-control-inset.focus + .clay-reorder-underlay {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.clay-reorder .form-control-inset + .clay-reorder-underlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.clay-reorder-footer {
  padding: 0.5rem;
}

.clay-reorder-footer-invisible.clay-reorder-footer *,
.clay-reorder-footer-invisible .clay-reorder-footer * {
  visibility: hidden;
}

.clay-reorder-footer-center.clay-reorder-footer,
.clay-reorder-footer-center .clay-reorder-footer {
  text-align: center;
}

.clay-reorder-footer-end.clay-reorder-footer,
.clay-reorder-footer-end .clay-reorder-footer {
  text-align: right;
}

.clay-color > .input-group-item > .input-group-inset-item-before {
  color: #6b6c7e;
  font-size: inherit;
  padding-left: 1rem;
  padding-right: 0.5rem;
}
.clay-color > .input-group-item > .input-group-text {
  background-color: #fff;
  border-color: #e7e7ed;
  padding-left: 0;
  padding-right: 0;
}

.clay-color-dropdown-menu {
  max-height: 500px;
  max-width: none;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  width: 272px;
}
.clay-color-dropdown-menu .close {
  color: #6b6c7e;
  font-size: 1rem;
  opacity: 1;
}
.clay-color-dropdown-menu .close:hover {
  background-color: rgba(39, 40, 51, 0.03);
}
.clay-color-dropdown-menu .close.focus, .clay-color-dropdown-menu .close:focus-visible, .c-prefers-focus .clay-color-dropdown-menu .close:focus {
  background-color: rgba(39, 40, 51, 0.03);
}

.clay-color-dropdown-menu .close:active {
  background-color: rgba(39, 40, 51, 0.06);
}
.clay-color-dropdown-menu .close.active {
  background-color: rgba(39, 40, 51, 0.06);
}
.clay-color-dropdown-menu .close:disabled, .clay-color-dropdown-menu .close.disabled {
  background-color: transparent;
}
.clay-color-dropdown-menu .form-control {
  font-size: 0.875rem;
  height: 2rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.clay-color-dropdown-menu .form-group {
  margin-bottom: 1rem;
}
.clay-color-dropdown-menu .input-group .input-group-inset-item-before {
  color: #6b6c7e;
  font-size: 0.875rem;
  padding-left: 0.75rem;
  padding-right: 0.5rem;
}

.clay-color-btn {
  border-radius: 2px;
  height: 1.5rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 1.5rem;
}
.clay-color-btn:active {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.clay-color-btn.active {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.clay-color-btn[aria-expanded=true], .clay-color-btn.show {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.clay-color-btn .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-color-btn-bordered {
  border-color: #e7e7ed;
}
.clay-color-pointer {
  background-color: transparent;
  border-radius: 100px;
  border-color: #fff;
  border-style: solid;
  border-width: 2px;
  height: 0.875rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: absolute;
  transition: box-shadow 0.15s ease-in-out;
  width: 0.875rem;
}
@media (prefers-reduced-motion: reduce) {
  .clay-color-pointer {
    transition: none;
  }
}
.clay-color-pointer {
  transition: none;
}

.clay-color-pointer.focus, .clay-color-pointer:focus-visible, .c-prefers-focus .clay-color-pointer:focus {
  box-shadow: 0 0 0 0.125rem #528eff;
  outline: 0;
}

.clay-color-pointer .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-color-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  margin-right: -0.25rem;
}
.clay-color-header .component-title {
  color: #6b6c7e;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  max-width: calc(100% - 2rem);
}

.clay-color-footer {
  margin-bottom: 1rem;
}

.clay-color-swatch {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0.5rem;
}
.clay-color-swatch + .clay-color-swatch {
  margin-top: 0;
}

.clay-color-swatch-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 1rem;
  width: 16.66667%;
}

.clay-color-map-group {
  display: flex;
  margin-top: 0.5rem;
}

.clay-color-map {
  flex-shrink: 0;
  height: 128px;
  margin-bottom: 1rem;
  margin-right: 1rem;
  position: relative;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  width: 144px;
}

.clay-color-map-hsb {
  background-image: linear-gradient(to top, #000, rgba(0, 0, 0, 0)), linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}

.clay-color-map-values {
  flex-grow: 1;
  flex-shrink: 1;
  width: 1%;
}
.clay-color-map-values .form-control {
  padding-left: 0;
  padding-right: 10%;
  text-align: right;
}
.clay-color-map-values .input-group .input-group-inset-item-before {
  font-weight: 600;
  padding-left: 10%;
  padding-right: 0;
  min-width: 1.125rem;
}
.clay-color-range {
  border-radius: 100px;
  height: 0.5rem;
  margin-bottom: 1.25rem;
  margin-top: 0.25rem;
  position: relative;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.clay-color-range-hue {
  background-image: linear-gradient(270deg, #fc0d1b 0%, #fc22d6 18.23%, #1824fb 34.25%, #2bf6fd 50.28%, #2bfd2e 67.58%, #fcfd37 81.22%, #fc121b 100%);
}

.clay-color-range-pointer {
  margin-top: -7px;
  top: 50%;
}
.clay-color-slider .clay-range-input {
  border-radius: 100px;
}
.clay-color-slider .clay-range-input .clay-range-track {
  border-radius: inherit;
  height: 0.5rem;
  margin-top: -0.25rem;
}
.clay-color-slider .clay-range-input .clay-range-progress {
  background-color: transparent;
  border-radius: inherit;
  height: 0.5rem;
  margin-top: -0.25rem;
  width: 100%;
}
.clay-color-slider .clay-range-input .clay-range-thumb {
  background-color: currentColor;
  border-width: 0;
  box-shadow: 0 0 0 0.125rem #fff;
  height: 0.625rem;
  margin-top: -0.3125rem;
  transition: box-shadow 0.15s ease-in-out;
  visibility: hidden;
  width: 0.625rem;
}
@media (prefers-reduced-motion: reduce) {
  .clay-color-slider .clay-range-input .clay-range-thumb {
    transition: none;
  }
}
.clay-color-slider .clay-range-input .clay-range-thumb {
  transition: none;
}

.clay-color-slider .clay-range-input .form-control-range {
  background-color: inherit;
  border-radius: inherit;
  color: inherit;
  height: 0.5rem;
  content: "0.625rem";
}
.clay-color-slider .clay-range-input .form-control-range::-moz-range-thumb {
  height: 0.625rem;
  visibility: visible;
  width: 0.625rem;
  background-color: currentColor;
  border-width: 0;
  box-shadow: 0 0 0 0.125rem #fff;
  margin-top: -0.3125rem;
}
.clay-color-slider .clay-range-input .form-control-range::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-color-slider .clay-range-input .form-control-range::-ms-fill-lower {
  background-color: transparent;
}
.clay-color-slider .clay-range-input .form-control-range::-ms-fill-upper {
  background-color: transparent;
}
.clay-color-slider .clay-range-input .form-control-range::-ms-thumb {
  visibility: visible;
}
.clay-color-slider .clay-range-input .form-control-range::-ms-tooltip {
  display: none;
}
.clay-color-slider .clay-range-input .form-control-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  color: transparent;
  height: 100%;
}
.clay-color-slider .clay-range-input .form-control-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.clay-color-slider .clay-range-input .form-control-range::-webkit-slider-runnable-track::-ms-expand {
  display: none;
}
.clay-color-slider .clay-range-input .form-control-range::-webkit-slider-thumb {
  visibility: visible;
  background-color: currentColor;
  border-width: 0;
  box-shadow: 0 0 0 0.125rem #fff;
  height: 0.625rem;
  margin-top: -0.3125rem;
  width: 0.625rem;
}
.clay-color-slider .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-color-slider .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .clay-range-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
}
.clay-color-slider .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-color-slider .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-color-slider .clay-range-input .form-control-range.focus::-moz-range-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible::-moz-range-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
}
.clay-color-slider .clay-range-input .form-control-range.focus::-ms-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible::-ms-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus::-ms-thumb {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
}
.clay-color-slider .clay-range-input .form-control-range.focus::-webkit-slider-thumb, .clay-color-slider .clay-range-input .form-control-range:focus-visible::-webkit-slider-thumb, .c-prefers-focus .clay-color-slider .clay-range-input .form-control-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #80acff;
}

.clay-color-slider-hue .clay-range-input {
  color: #26affd;
}
.clay-color-slider-hue .clay-range-input .clay-range-track {
  background-image: linear-gradient(270deg, #fc0d1b 0%, #fc22d6 18.23%, #1824fb 34.25%, #2bf6fd 50.28%, #2bfd2e 67.58%, #fcfd37 81.22%, #fc121b 100%);
}
.clay-color-slider-hue .clay-range-input .form-control-range {
  content: "";
}
.clay-color-slider-hue .clay-range-input .form-control-range::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-color-slider-hue .clay-range-input .form-control-range::-ms-fill-lower {
  background-color: transparent;
}
.clay-color-slider-hue .clay-range-input .form-control-range::-ms-fill-upper {
  background-color: transparent;
}
.clay-color-slider-hue .clay-range-input .form-control-range::-ms-tooltip {
  display: none;
}
.clay-color-slider-hue .clay-range-input .form-control-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  color: transparent;
  height: 100%;
}
.clay-color-slider-hue .clay-range-input .form-control-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-color-slider-hue .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-color-slider-hue .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-color-slider-hue .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-color-slider-hue .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-color-slider-alpha .clay-range-input {
  color: #000;
}
.clay-color-slider-alpha .clay-range-input .clay-range-track {
  background-color: #fff;
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
  background-position: 0 0, 0 4px, 4px -4px, -4px 0px;
  background-size: 8px 8px;
}
.clay-color-slider-alpha .clay-range-input .form-control-range {
  background-image: linear-gradient(90deg, transparent 0%, currentcolor 100%);
  color: inherit;
  content: "";
}
.clay-color-slider-alpha .clay-range-input .form-control-range::-moz-range-track {
  -moz-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-color-slider-alpha .clay-range-input .form-control-range::-ms-fill-lower {
  background-color: transparent;
}
.clay-color-slider-alpha .clay-range-input .form-control-range::-ms-fill-upper {
  background-color: transparent;
}
.clay-color-slider-alpha .clay-range-input .form-control-range::-ms-tooltip {
  display: none;
}
.clay-color-slider-alpha .clay-range-input .form-control-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 0;
  color: transparent;
  height: 100%;
}
.clay-color-slider-alpha .clay-range-input .form-control-range::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
}
.clay-color-slider-alpha .clay-range-input .form-control-range:hover ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-color-slider-alpha .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-color-slider-alpha .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-color-slider-alpha .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip {
  visibility: visible;
  opacity: 1;
}
.clay-color-form-group {
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.clay-color-form-group .clay-range {
  flex-grow: 1;
  flex-shrink: 0;
  margin-right: 1rem;
  width: 144px;
}
.clay-color-form-group .form-control {
  padding-left: 0;
  padding-right: 10%;
  text-align: right;
}
.clay-color-form-group .input-group .input-group-inset-item-before {
  font-weight: 600;
  padding-left: 10%;
  padding-right: 0;
  min-width: 1.125rem;
}

.sidebar-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-inset-item-before, .clay-color.input-group-sm > .input-group-item > .input-group-inset-item-before {
  padding-left: 0.75rem;
}

.sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text, .clay-color.input-group-sm > .input-group-item > .input-group-text {
  padding: 0;
}

.sidebar-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .form-group-sm .clay-color.input-group > .input-group-item > .input-group-text > .clay-color-btn, .clay-color.input-group-sm > .input-group-item > .input-group-text > .clay-color-btn {
  border-radius: 2px;
  height: 1.25rem;
  padding: 0;
  width: 1.25rem;
}
.form-file {
  border-radius: 0.25rem;
  display: flex;
  position: relative;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-file {
    transition: none;
  }
}
.form-file {
  transition: none;
}

.form-file:focus-within:has(input:focus) {
  background-color: #f0f5ff;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
  z-index: 1;
}
.form-file-input {
  cursor: pointer;
  height: 100%;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 10;
}
.form-file-input::-webkit-file-upload-button {
  cursor: pointer;
}
.form-file-input:focus + .input-group {
  border-radius: 1px;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.form-file-input:disabled {
  cursor: not-allowed;
}
.form-file-input:disabled::-webkit-file-upload-button {
  cursor: not-allowed;
}

.custom-control {
  display: block;
  margin-bottom: 0.5rem;
  min-height: 1.5rem;
  position: relative;
  text-align: left;
  line-height: 1;
}
.custom-control:only-child {
  margin-bottom: 0;
}
.custom-control label, .custom-control body mat-label, body .custom-control mat-label, .custom-control #wrapper mat-label, #wrapper .custom-control mat-label {
  cursor: pointer;
  display: inline;
  font-size: 1rem;
  margin-bottom: 0;
}

.custom-control-label {
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  margin-bottom: 0;
  position: static;
  vertical-align: top;
}
.custom-control-label::before {
  background-color: #fff;
  border-color: #6b6c7e;
  border-style: solid;
  border-width: 0.0625rem;
  box-shadow: none;
  content: "";
  display: block;
  float: left;
  font-size: 1rem;
  height: 1rem;
  left: 0;
  position: relative;
  top: 0.125rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before {
    transition: none;
  }
}
.custom-control-label::before {
  transition: none;
}

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

label.custom-control-label, body mat-label.custom-control-label, #wrapper mat-label.custom-control-label {
  font-size: 0.875rem;
}

.custom-control-label-text {
  padding-left: 0.5rem;
}
.custom-control-label-text small,
.custom-control-label-text .small {
  font-size: 100%;
}

.custom-control-primary .custom-control-label-text {
  font-weight: 600;
}
.custom-control-input {
  cursor: pointer;
  height: 1.5rem;
  left: -0.25rem;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 1.5rem;
  z-index: 1;
}
.custom-control-input:focus-visible ~ .custom-control-label::before, .c-prefers-focus .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #6b6c7e;
}
.custom-control-input:focus-visible ~ .custom-control-label::after, .c-prefers-focus .custom-control-input:focus ~ .custom-control-label::after {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.custom-control-input:active ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #6b6c7e;
  color: #fff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #a7a9bc;
  cursor: not-allowed;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #f1f2f5;
  border-color: #e7e7ed;
  box-shadow: none;
}
.custom-control-input[readonly] ~ .custom-control-label {
  color: #272833;
}
.custom-control-input[readonly] ~ .custom-control-label::before {
  background-color: #f1f2f5;
  border-color: #e7e7ed;
}
.custom-control-input[readonly][disabled] ~ .custom-control-label {
  color: #a7a9bc;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  color: #fff;
}
.custom-control-input:checked:active ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.custom-control-input:checked[disabled], .custom-control-input:checked:disabled {
  cursor: not-allowed;
}
.custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #f1f2f5;
  box-shadow: none;
}
.custom-control-input:checked[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #6b6c7e;
}

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
  border-radius: 0.125rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 1rem;
}
.custom-checkbox .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input:checked[readonly] ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M220.9%20377.2c-8%200-15.8-3.2-21.5-8.9l-91-91c-28.1-28.1%2014.8-71%2042.9-42.9l68.2%2068.2%20139.8-157.2c26.4-30%2072%2010.1%2045.6%2040.1L243.7%20366.9c-5.5%206.3-13.4%2010-21.8%2010.3h-1z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::before {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:checked[readonly][disabled] ~ .custom-control-label::after {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 1rem;
}
.custom-checkbox .custom-control-input:indeterminate[disabled] ~ .custom-control-label::before, .custom-checkbox .custom-control-input:indeterminate:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}
.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #cdced9;
}
.custom-checkbox .custom-control-input:indeterminate[readonly] ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M384%20288H128c-42.7%200-42.7-64%200-64h256c42.7%200%2042.7%2064%200%2064z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::before {
  opacity: 0.4;
}
.custom-checkbox .custom-control-input:indeterminate[readonly][disabled] ~ .custom-control-label::after {
  opacity: 0.4;
}

.custom-radio .custom-control-input ~ .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:disabled ~ .custom-control-label::before {
  border-color: #f1f2f5;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Ccircle%20class='lexicon-icon-outline'%20cx='256'%20cy='256'%20r='256'%20fill='%23fff'/%3E%3C/svg%3E");
  background-size: 0.5rem;
}
.custom-radio .custom-control-input:checked[disabled] ~ .custom-control-label::before, .custom-radio .custom-control-input:checked:disabled ~ .custom-control-label::before {
  background-color: #b3cdff;
  border-color: #b3cdff;
}

.custom-control-outside label, .custom-control-outside body mat-label, body .custom-control-outside mat-label, .custom-control-outside #wrapper mat-label, #wrapper .custom-control-outside mat-label {
  display: inline-block;
  padding-left: calc( 					1rem + 0.5rem 				);
}
.custom-control-outside .custom-control-label-text {
  padding-left: 0;
}
.custom-control-outside .custom-control-input ~ .custom-control-label::before {
  position: absolute;
}

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

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  border-radius: 0.5rem;
  left: -2.25rem;
  pointer-events: all;
  width: 1.75rem;
}
.custom-switch .custom-control-label::after {
  background-color: #6b6c7e;
  border-radius: 0.5rem;
  height: 0.75rem;
  left: -2.125rem;
  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;
  top: calc((
									1rem *
										1.5 -
										1rem
								) * 0.5 + (0.0625rem * 2));
  width: 0.75rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.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: #b3cdff;
}

.custom-select {
  -webkit-appearance: none;
  appearance: none;
  background: #f1f2f5 url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='4'%20height='5'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23393a4a'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 1rem center/8px 10px;
  border: 0.0625rem solid #e7e7ed;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  color: #272833;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  height: 2.5rem;
  line-height: 1.5;
  padding: 0.4375rem 2rem 0.4375rem 1rem;
  vertical-align: middle;
  width: 100%;
}
.custom-select:focus {
  border-color: #80acff;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem #80acff;
  outline: 0;
}
.custom-select:focus::-ms-value {
  background-color: #f1f2f5;
  color: #272833;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  background-image: none;
  height: auto;
  padding-right: 1rem;
}
.custom-select:disabled {
  background-color: #f1f2f5;
  color: #6b6c7e;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #272833;
}

.custom-select-sm {
  font-size: 0.875rem;
  height: 2rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-top: 0.25rem;
}

.custom-select-lg {
  font-size: 1.125rem;
  height: 3rem;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
  padding-top: 0.4375rem;
}

.custom-file {
  display: inline-block;
  height: 2.5rem;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}

.custom-file-input {
  height: 2.5rem;
  margin: 0;
  opacity: 0;
  position: relative;
  width: 100%;
  z-index: 2;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #80acff;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #f1f2f5;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: '\FEFF Browse';
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: '\FEFF' attr(data-browse);
}

.custom-file-label {
  background-color: #f1f2f5;
  border: 0.0625rem solid #e7e7ed;
  border-radius: 0.25rem;
  box-shadow: none;
  color: #272833;
  font-weight: 400;
  height: 2.5rem;
  left: 0;
  line-height: 1.5;
  padding: 0.4375rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.custom-file-label::after {
  background-color: #e7e7ed;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
  bottom: 0;
  color: #272833;
  content: '\FEFF Browse';
  display: block;
  height: 36px;
  line-height: 1.5;
  padding: 0.4375rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

.custom-range {
  appearance: none;
  background-color: transparent;
  height: 1.4rem;
  padding: 0;
  width: 100%;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #0b5fff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  height: 1rem;
  margin-top: -0.25rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb {
  transition: none;
}

.custom-range::-webkit-slider-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-webkit-slider-runnable-track {
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  background-color: #e7e7ed;
  border-color: transparent;
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-moz-range-thumb {
  -moz-appearance: none;
  appearance: none;
  background-color: #0b5fff;
  border-radius: 1rem;
  border: 0;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  height: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb {
  transition: none;
}

.custom-range::-moz-range-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-moz-range-track {
  background-color: #e7e7ed;
  border-color: transparent;
  border-radius: 1rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-ms-thumb {
  appearance: none;
  background-color: #0b5fff;
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
  height: 1rem;
  margin-left: 0.2rem;
  margin-right: 0.2rem;
  margin-top: 0;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  width: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb {
  transition: none;
}

.custom-range::-ms-thumb:active {
  background-color: #bed4ff;
}
.custom-range::-ms-track {
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
  color: transparent;
  cursor: pointer;
  height: 0.5rem;
  width: 100%;
}
.custom-range::-ms-fill-lower {
  background-color: #e7e7ed;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  border-radius: 1rem;
  background-color: #e7e7ed;
  margin-right: 15px;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #a7a9bc;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #a7a9bc;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #a7a9bc;
}

.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-file-label,
  .custom-select {
    transition: none;
  }
}
.custom-file-label, .custom-select {
  transition: none;
}

.clay-time .btn {
  align-items: center;
  display: inline-flex;
  font-size: 0.75rem;
  height: 1.5rem;
  justify-content: center;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 1.5rem;
  color: #6b6c7e;
}
.clay-time .btn.focus, .clay-time .btn:focus-visible, .c-prefers-focus .clay-time .btn:focus {
  box-shadow: 0 0 0 1px #528eff;
}

.clay-time .btn .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.clay-time .btn .lexicon-icon {
  margin-top: 0;
}
.clay-time .form-control {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.clay-time .form-control-inset {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  text-align: center;
  width: 1.25rem;
}
.clay-time .form-control-inset::-moz-selection, .clay-time .form-control-inset::selection {
  background-color: transparent;
}
.clay-time .form-control-inset.focus, .clay-time .form-control-inset:focus-visible, .c-prefers-focus .clay-time .form-control-inset:focus {
  background-color: #b3d8fd;
}
.clay-time .input-group-text {
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.clay-time .clay-time-ampm {
  font-weight: 500;
  margin-left: 0.25rem;
  text-transform: uppercase;
  width: 1.5rem;
}
.clay-time-edit {
  display: flex;
  flex-wrap: wrap;
  margin-right: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.clay-time-edit:first-child {
  margin-left: -0.5rem;
}
.clay-time-edit:last-child {
  margin-right: -0.5rem;
}

.clay-time-action-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}

.clay-time-action-group-item {
  align-items: center;
  display: flex;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
}

.clay-time-inner-spin {
  border-color: #cdced9;
  border-radius: 8px;
  border-style: solid;
  border-width: 0.0625rem;
}
.clay-time-inner-spin .btn {
  align-items: center;
  border-radius: 8px;
  border-width: 0px;
  display: inline-flex;
  font-size: 8px;
  height: auto;
  justify-content: center;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  width: auto;
}
.clay-time-inner-spin .btn .c-inner {
  margin-bottom: -2px;
  margin-left: -2px;
  margin-right: -2px;
  margin-top: -2px;
}
.date-picker .input-group-item {
  margin-left: 0.125rem;
}
.date-picker .input-group-text {
  background-color: transparent;
  border-color: transparent;
  min-width: 2rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
@media (max-width: 575.98px) {
  .date-picker .input-group-text {
    font-size: inherit;
    height: 2rem;
    min-width: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker .input-group-text {
    font-size: inherit;
    height: 2rem;
    min-width: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker .clay-time .form-control {
    border-radius: 0.25rem;
    font-size: 0.875rem;
    height: 2rem;
    line-height: 1.5;
    min-height: 2rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker .clay-time .form-control {
    border-radius: 0.25rem;
    font-size: 0.875rem;
    height: 2rem;
    line-height: 1.5;
    min-height: 2rem;
    padding-bottom: 0.25rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
  }
}

.date-picker-dropdown-menu {
  max-height: none;
  max-width: 352px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  width: 100%;
}
@media (max-width: 575.98px) {
  .date-picker-dropdown-menu {
    font-size: 0.75rem;
    margin: 0;
    max-height: 255px;
    max-width: 264px;
  }
}
@media (max-width: 575.98px) {
  .date-picker-dropdown-menu {
    font-size: 0.75rem;
    margin: 0;
    max-height: 255px;
    max-width: 264px;
  }
}

.date-picker-nav {
  display: flex;
  margin-left: -0.125rem;
  margin-right: -0.125rem;
}
.date-picker-nav .nav-btn {
  color: #6b6c7e;
  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) {
  .date-picker-nav .nav-btn {
    transition: none;
  }
}
.date-picker-nav .nav-btn {
  transition: none;
}

.date-picker-nav .nav-btn:hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav .nav-btn.focus, .date-picker-nav .nav-btn:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  background-color: #f1f2f5;
  color: #272833;
}

.date-picker-nav .nav-btn:active {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn.active {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn:disabled, .date-picker-nav .nav-btn.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #a7a9bc;
}
.date-picker-nav .nav-btn[aria-expanded=true], .date-picker-nav .nav-btn.show {
  background-color: #f1f2f5;
}
.date-picker-nav .nav-btn-monospaced {
  margin-bottom: 0;
  margin-left: 0.125rem;
  margin-right: 0.125rem;
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .date-picker-nav .nav-btn-monospaced {
    font-size: 0.75rem;
    height: 1.5rem;
    max-height: 1.5rem;
    max-width: 1.5rem;
    min-width: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-nav .nav-btn-monospaced {
    font-size: 0.75rem;
    height: 1.5rem;
    max-height: 1.5rem;
    max-width: 1.5rem;
    min-width: 1.5rem;
  }
}
.date-picker-nav select.form-control {
  background-color: transparent;
  border-color: transparent;
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 600;
  height: 2rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-top: 0;
}
@media (max-width: 575.98px) {
  .date-picker-nav select.form-control {
    font-size: 0.75rem;
    height: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-nav select.form-control {
    font-size: 0.75rem;
    height: 1.5rem;
  }
}
.date-picker-nav select.form-control:hover, .date-picker-nav select.form-control.hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav select.form-control.focus, .date-picker-nav select.form-control:focus-visible, .c-prefers-focus .date-picker-nav select.form-control:focus {
  background-color: #f1f2f5;
  color: #272833;
}

.date-picker-nav select.form-control:disabled, .date-picker-nav select.form-control.disabled {
  background-color: transparent;
  color: #a7a9bc;
}
.date-picker-nav .form-control-select {
  background-color: transparent;
  border-color: transparent;
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 600;
  height: 2rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-top: 0;
}
@media (max-width: 575.98px) {
  .date-picker-nav .form-control-select {
    font-size: 0.75rem;
    height: 1.5rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-nav .form-control-select {
    font-size: 0.75rem;
    height: 1.5rem;
  }
}
.date-picker-nav .form-control-select:hover, .date-picker-nav .form-control-select.hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-nav .form-control-select.focus, .date-picker-nav .form-control-select:focus-visible, .c-prefers-focus .date-picker-nav .form-control-select:focus {
  background-color: #f1f2f5;
  color: #272833;
}

.date-picker-nav .form-control-select:disabled, .date-picker-nav .form-control-select.disabled {
  background-color: transparent;
  color: #a7a9bc;
}
.date-picker-nav-item {
  align-items: center;
  display: flex;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}

.date-picker-nav-item-expand {
  flex-grow: 1;
}

.date-picker-nav-controls {
  display: flex;
  justify-content: flex-end;
}

.date-picker-calendar {
  float: left;
  min-width: 100%;
}

.date-picker-calendar-header {
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
@media (max-width: 575.98px) {
  .date-picker-calendar-header {
    padding-bottom: 0.25rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-top: 0.5rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-calendar-header {
    padding-bottom: 0.25rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-top: 0.5rem;
  }
}

.date-picker-calendar-body {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 575.98px) {
  .date-picker-calendar-body {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-bottom: 0.25rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-calendar-body {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-bottom: 0.25rem;
  }
}

.date-picker-calendar-footer {
  border-color: #cdced9;
  border-style: solid;
  border-width: 1px 0 0 0;
  padding-bottom: 0.5rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.5rem;
}
@media (max-width: 575.98px) {
  .date-picker-calendar-footer {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-top: 0.4375rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-calendar-footer {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-top: 0.4375rem;
  }
}

.date-picker-calendar-item {
  align-items: center;
  background-color: transparent;
  border-width: 0px;
  display: inline-flex;
  flex-shrink: 0;
  font-weight: 600;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  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;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  width: 2rem;
}
@media (prefers-reduced-motion: reduce) {
  .date-picker-calendar-item {
    transition: none;
  }
}
.date-picker-calendar-item {
  transition: none;
}

@media (max-width: 575.98px) {
  .date-picker-calendar-item {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.date-picker-calendar-item:disabled, .date-picker-calendar-item.disabled {
  cursor: not-allowed;
}
.date-picker-calendar-item .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .date-picker-calendar-item {
    height: 1.5rem;
    width: 1.5rem;
  }
}

.date-picker-row {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  padding: 0;
}
@media (max-width: 575.98px) {
  .date-picker-row {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-row {
    margin-bottom: 0.25rem;
    margin-top: 0.25rem;
  }
}

.date-picker-col {
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.date-picker-col.c-selected {
  background-image: linear-gradient(#f0f5ff, #f0f5ff);
  background-repeat: no-repeat;
}
.date-picker-col.c-selected:first-child {
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
}
.date-picker-col.c-selected:last-child {
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
}
.date-picker-col.c-selected-start {
  background-position: right top;
  background-size: 50% 100%;
}
.date-picker-col.c-selected-end {
  background-position: left top;
  background-size: 50% 100%;
}

.date-picker-days-row {
  margin-bottom: 1rem;
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .date-picker-days-row {
    margin-bottom: 0.25rem;
  }
}
@media (max-width: 575.98px) {
  .date-picker-days-row {
    margin-bottom: 0.25rem;
  }
}

.date-picker-day {
  height: 1.3125rem;
}
.date-picker-date {
  border-radius: 100px;
  color: #6b6c7e;
  cursor: pointer;
  position: relative;
}
.date-picker-date:hover {
  background-color: #f1f2f5;
  color: #272833;
}
.date-picker-date.focus, .date-picker-date:focus-visible, .c-prefers-focus .date-picker-date:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
  background-color: #f1f2f5;
  color: #272833;
}

.date-picker-date:active {
  background-color: #0b5fff;
  color: #fff;
}
.date-picker-date.active {
  background-color: #0b5fff;
  color: #fff;
}
.date-picker-date:disabled, .date-picker-date.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #a7a9bc;
}
.date-picker-date[aria-expanded=true], .date-picker-date.show {
  background-color: #0b5fff;
  color: #fff;
}
.previous-month-date {
  color: #a7a9bc;
}
.previous-month-date:active {
  background-color: #b3cdff;
  color: #6b6c7e;
}
.previous-month-date.active {
  background-color: #b3cdff;
  color: #6b6c7e;
}
.previous-month-date[aria-expanded=true], .previous-month-date.show {
  background-color: #b3cdff;
  color: #6b6c7e;
}
.next-month-date {
  color: #a7a9bc;
}
.next-month-date:active {
  background-color: #b3cdff;
  color: #f0f5ff;
}
.next-month-date.active {
  background-color: #b3cdff;
  color: #f0f5ff;
}
.next-month-date[aria-expanded=true], .next-month-date.show {
  background-color: #b3cdff;
  color: #f0f5ff;
}
.clay-dual-listbox {
  display: flex;
  flex-direction: row;
}
.clay-dual-listbox .clay-reorder {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.clay-dual-listbox label, .clay-dual-listbox body mat-label, body .clay-dual-listbox mat-label, .clay-dual-listbox #wrapper mat-label, #wrapper .clay-dual-listbox mat-label {
  margin-bottom: 1rem;
}

.clay-dual-listbox-item {
  display: flex;
  flex-direction: column;
  margin-right: 0.25rem;
}
@media (min-width: 576px) {
  .clay-dual-listbox-item {
    margin-right: 1.5rem;
  }
}
.clay-dual-listbox-item:last-child {
  margin-right: 0;
}

.clay-dual-listbox-item-expand {
  flex-grow: 1;
  width: 3rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.clay-dual-listbox-actions {
  align-self: center;
  margin-top: calc(21px + 1rem);
}

.valid-feedback {
  color: #287d3c;
  display: none;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  width: 100%;
}

.valid-tooltip {
  background-color: #287d3c;
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.75rem 0.75rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.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: #287d3c;
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #287d3c;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #287d3c;
}
.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: #287d3c;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #287d3c;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34a44f;
  border-color: #34a44f;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 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: #287d3c;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #287d3c;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #287d3c;
  box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.25);
}

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

.invalid-tooltip {
  background-color: #da1414;
  border-radius: 0.25rem;
  color: #fff;
  display: none;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-top: 0.1rem;
  max-width: 100%;
  padding: 0.75rem 0.75rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}

.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: #da1414;
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #da1414;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #da1414;
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #da1414;
}
.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: #da1414;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #da1414;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #ec3535;
  border-color: #ec3535;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 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: #da1414;
}

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

.invalid-feedback,
.valid-feedback {
  font-weight: 600;
}

.form-feedback-group {
  width: 100%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.form-feedback-item {
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.form-feedback-indicator {
  margin-left: 0;
  margin-right: 0;
}
.form-feedback-indicator:first-child {
  margin-left: 0;
}

.form-text {
  color: #6b6c7e;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-top: 0.25rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.form-text.blockquote {
  font-style: italic;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 0.75rem;
  padding-left: 0.75rem;
  position: relative;
}
.form-text.blockquote::before {
  background-color: #a7a9bc;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.125rem;
}

.form-help-text {
  color: #6b6c7e;
  display: block;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

.was-validated .form-control:valid,
.was-validated .form-control.is-valid {
  background-color: #edf9f0;
  border-color: #5aca75;
  box-shadow: c-unset;
  color: #272833;
}
.was-validated .form-control:valid:focus,
.was-validated .form-control.is-valid:focus {
  box-shadow: c-unset;
}

.was-validated .form-control:invalid,
.was-validated .form-control.is-invalid {
  background-color: #feefef;
  border-color: #f48989;
  box-shadow: c-unset;
  color: #272833;
}
.was-validated .form-control:invalid:focus,
.was-validated .form-control.is-invalid:focus {
  box-shadow: c-unset;
}

.has-error .custom-control-label,
.has-error .form-check-label {
  color: #da1414;
}
.has-error .form-control {
  background-color: #feefef;
  border-color: #f48989;
  color: #272833;
}
.has-error .form-control:focus-within:has(input:focus) {
  background-color: #feefef;
  border-color: #f48989;
  color: #272833;
}
.has-error .form-control[readonly] {
  background-color: #fff;
  border-color: #e7e7ed;
}
.has-error .form-control[readonly].focus, .has-error .form-control[readonly]:focus-visible, .c-prefers-focus .has-error .form-control[readonly]:focus {
  border-color: #80acff;
}
.has-error .form-feedback-item {
  color: #da1414;
}
.has-error select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23f48989'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23f48989'/%3E%3C/svg%3E");
}
.has-error select.form-control[size] {
  background-image: none;
}
.has-error select.form-control[multiple] {
  background-image: none;
}
.has-error .input-group-item.focus .input-group-inset {
  background-color: #feefef;
  border-color: #f48989;
}
.has-error .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
}
.has-error .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
}
.has-error .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-error .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #feefef;
  border-color: #f48989;
}

.has-warning .custom-control-label,
.has-warning .form-check-label {
  color: #b95000;
}
.has-warning .form-control {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #272833;
}
.has-warning .form-control:focus-within:has(input:focus) {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #272833;
}
.has-warning .form-control[readonly] {
  background-color: #fff;
  border-color: #e7e7ed;
}
.has-warning .form-control[readonly].focus, .has-warning .form-control[readonly]:focus-visible, .c-prefers-focus .has-warning .form-control[readonly]:focus {
  border-color: #80acff;
}
.has-warning .form-feedback-item {
  color: #b95000;
}
.has-warning select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23ff8f39'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23ff8f39'/%3E%3C/svg%3E");
}
.has-warning select.form-control[size] {
  background-image: none;
}
.has-warning select.form-control[multiple] {
  background-image: none;
}
.has-warning .input-group-item.focus .input-group-inset {
  background-color: #fff4ec;
  border-color: #ff8f39;
}
.has-warning .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
}
.has-warning .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
}
.has-warning .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-warning .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #fff4ec;
  border-color: #ff8f39;
}

.has-success .custom-control-label,
.has-success .form-check-label {
  color: #287d3c;
}
.has-success .form-control {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #272833;
}
.has-success .form-control:focus-within:has(input:focus) {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #272833;
}
.has-success .form-control[readonly] {
  background-color: #fff;
  border-color: #e7e7ed;
}
.has-success .form-control[readonly].focus, .has-success .form-control[readonly]:focus-visible, .c-prefers-focus .has-success .form-control[readonly]:focus {
  border-color: #80acff;
}
.has-success .form-feedback-item {
  color: #287d3c;
}
.has-success select.form-control {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%235aca75'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%235aca75'/%3E%3C/svg%3E");
}
.has-success select.form-control[size] {
  background-image: none;
}
.has-success select.form-control[multiple] {
  background-image: none;
}
.has-success .input-group-item.focus .input-group-inset {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.has-success .input-group-item.focus .input-group-inset ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.has-success .input-group-item .input-group-inset ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.has-success .input-group-item .input-group-inset:focus {
  box-shadow: none;
}
.has-success .input-group-item .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #edf9f0;
  border-color: #5aca75;
}

.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  flex: 1 1 0%;
  margin-bottom: 0;
  min-width: 0;
  position: relative;
}
.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: -0.0625rem;
}
.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-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .custom-file {
  align-items: center;
  display: flex;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-lg > .custom-select {
  border-radius: 0.375rem;
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding: 0.4375rem 1rem;
}

.input-group-sm > .custom-select {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding: 0.25rem 0.75rem;
}

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

.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: -0.0625rem;
}
.input-group-prepend .btn,
.input-group-append .btn {
  z-index: 1;
}
.input-group-prepend .btn:hover,
.input-group-append .btn:hover {
  z-index: 3;
}
.input-group-prepend .btn,
.input-group-prepend .form-control,
.input-group-append .btn,
.input-group-append .form-control {
  position: relative;
}
.input-group-prepend .btn:focus,
.input-group-prepend .form-control:focus,
.input-group-append .btn:focus,
.input-group-append .form-control:focus {
  z-index: 4;
}

.input-group {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.input-group .btn-unstyled {
  color: inherit;
}
.input-group-item {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  margin-left: 0.5rem;
  width: 1%;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.input-group-item::after {
  border-radius: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group-item::after {
    transition: none;
  }
}
.input-group-item::after {
  transition: none;
}

.input-group-item.focus {
  border-radius: 0.25rem;
}
.input-group-item.focus::after {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}
.input-group-item.focus.input-group-prepend {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  z-index: 1;
}
.input-group-item.focus.input-group-append {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-item.focus > .form-control {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-item.focus > .input-group-inset-item {
  background-color: #f0f5ff;
  border-color: #80acff;
}
.input-group-item:first-child {
  margin-left: 0;
}
.input-group-item > .btn {
  align-self: flex-start;
}
.input-group-item > .dropdown {
  display: flex;
  flex-wrap: wrap;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 100%;
}

.input-group-item-shrink {
  flex-grow: 0;
  width: auto;
}

.input-group-item-focusable {
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group-item-focusable {
    transition: none;
  }
}
.input-group-item-focusable {
  transition: none;
}

.input-group-item-focusable:focus-within:has(input:focus) {
  background-color: #f0f5ff;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
  z-index: 1;
}
.input-group-item-focusable:focus-within:has(input:focus).input-group-prepend {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-item-focusable:focus-within:has(input:focus).input-group-append {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-text {
  align-items: center;
  background-color: #e7e7ed;
  border-bottom-width: 0.0625rem;
  border-color: #e7e7ed;
  border-left-width: 0.0625rem;
  border-radius: 0.25rem;
  border-right-width: 0.0625rem;
  border-style: solid;
  border-top-width: 0.0625rem;
  color: #6b6c7e;
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  height: 2.5rem;
  justify-content: center;
  line-height: 1.5;
  margin-bottom: 0;
  min-width: 2.5rem;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
  text-align: center;
  white-space: nowrap;
}
.input-group-text label, .input-group-text body mat-label, body .input-group-text mat-label, .input-group-text #wrapper mat-label, #wrapper .input-group-text mat-label {
  color: #6b6c7e;
}
.input-group-text .custom-control {
  margin-bottom: 0;
}
.input-group-text .form-check {
  margin-bottom: 0;
}
.input-group-text .form-check input[type=radio],
.input-group-text .form-check input[type=checkbox] {
  margin-top: 0;
}
.input-group-text .lexicon-icon {
  margin-top: 0;
}
.input-group-text-secondary {
  background-color: #fff;
  border-color: #cdced9;
  border-width: 0.0625rem;
  color: #6b6c7e;
  z-index: 2;
}
.input-group-text-secondary label, .input-group-text-secondary body mat-label, body .input-group-text-secondary mat-label, .input-group-text-secondary #wrapper mat-label, #wrapper .input-group-text-secondary mat-label {
  color: #6b6c7e;
}

@media (max-width: 575.98px) {
  .input-group-stacked-sm-down > .input-group-item {
    margin-bottom: 0.5rem;
    margin-left: 0;
    width: 100%;
  }
  .input-group-stacked-sm-down > .input-group-item-shrink {
    margin-right: 0.5rem;
    width: auto;
  }
}

.input-group-lg > .input-group-item > .btn {
  font-size: 1.125rem;
  line-height: 1.5;
  padding-bottom: 0.59375rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.59375rem;
}
.input-group-lg > .input-group-item > .btn .c-inner {
  margin-bottom: -0.59375rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -0.59375rem;
}
.input-group-lg > .input-group-item > .btn .inline-item {
  font-size: 1.125rem;
}
.input-group-lg > .input-group-item > .btn .btn-section {
  font-size: 0.8125rem;
}
.input-group-lg > .input-group-item > .btn-monospaced {
  height: 3rem;
  line-height: 1;
  width: 3rem;
}
.input-group-lg > .input-group-item > .form-control {
  border-radius: 0.375rem;
  font-size: 1.125rem;
  height: auto;
  line-height: 1.5;
  min-height: 3rem;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.4375rem;
}
.input-group-lg > .input-group-item > .form-file .btn {
  border-radius: 0.375rem;
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.4375rem;
}
.input-group-lg > .input-group-item > .form-file .btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.4375rem;
}
.input-group-lg > .input-group-item > textarea.form-control,
.input-group-lg > .input-group-item > .form-control-textarea {
  height: 120px;
}
.input-group-lg > .input-group-item > .form-control-plaintext {
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: 0.4375rem;
  padding-top: 0.4375rem;
}
.input-group-lg > .input-group-item > .input-group-text {
  border-radius: 0.375rem;
  font-size: 1.125rem;
  height: 3rem;
  min-width: 3rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn {
  border-radius: 0.375rem;
  font-size: 1.125rem;
  height: 3rem;
  line-height: 1.5;
  padding-bottom: 0.4375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.4375rem;
}
.input-group-lg > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.4375rem;
}
.input-group-lg > .input-group-item .form-control-inset {
  margin-bottom: 0;
  margin-top: 0;
}
.sidebar-sm .input-group > .input-group-item > .btn, .form-group-sm .input-group > .input-group-item > .btn, .input-group-sm > .input-group-item > .btn {
  font-size: 0.875rem;
  line-height: 1.15;
  padding-bottom: 0.4375rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.4375rem;
}
.sidebar-sm .input-group > .input-group-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .btn .c-inner, .input-group-sm > .input-group-item > .btn .c-inner {
  margin-bottom: -0.4375rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.4375rem;
}
.sidebar-sm .input-group > .input-group-item > .btn .btn-section, .form-group-sm .input-group > .input-group-item > .btn .btn-section, .input-group-sm > .input-group-item > .btn .btn-section {
  font-size: 0.5625rem;
}
.sidebar-sm .input-group > .input-group-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .btn-monospaced, .input-group-sm > .input-group-item > .btn-monospaced {
  height: 2rem;
  line-height: 1;
  width: 2rem;
}
.sidebar-sm .input-group > .input-group-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .form-file .btn, .input-group-sm > .input-group-item > .form-file .btn {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.sidebar-sm .input-group > .input-group-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .form-file .btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.sidebar-sm .input-group > .input-group-item > textarea.form-control, .form-group-sm .input-group > .input-group-item > textarea.form-control, .input-group-sm > .input-group-item > textarea.form-control,
.sidebar-sm .input-group > .input-group-item > .form-control-textarea,
.form-group-sm .input-group > .input-group-item > .form-control-textarea,
.input-group-sm > .input-group-item > .form-control-textarea {
  height: 80px;
}
.sidebar-sm .input-group > .input-group-item > .form-control-plaintext, .form-group-sm .input-group > .input-group-item > .form-control-plaintext, .input-group-sm > .input-group-item > .form-control-plaintext {
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.sidebar-sm .input-group > .input-group-item > .input-group-text, .form-group-sm .input-group > .input-group-item > .input-group-text, .input-group-sm > .input-group-item > .input-group-text {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  min-width: 2rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .btn {
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
}
.sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
}
.sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .btn-monospaced, .input-group-sm > .input-group-item > .input-group-inset-item > .btn-monospaced {
  height: 1.5rem;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  width: 1.5rem;
}
.sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn {
  border-radius: 0.25rem;
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.sidebar-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .form-group-sm .input-group > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner, .input-group-sm > .input-group-item > .input-group-inset-item > .form-file .btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.input-group-inset {
  flex-grow: 1;
  order: 5;
  width: 1%;
}
.input-group-inset.focus, .input-group-inset:focus-visible, .c-prefers-focus .input-group-inset:focus {
  box-shadow: none;
}
.input-group-inset.focus ~ .input-group-inset-item, .input-group-inset:focus-visible ~ .input-group-inset-item, .c-prefers-focus .input-group-inset:focus ~ .input-group-inset-item {
  background-color: #f0f5ff;
  border-color: #80acff;
}

.input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
  background-color: #f1f2f5;
  border-color: #f1f2f5;
}
.input-group-inset ~ .form-feedback-group {
  order: 13;
}

.input-group-inset[readonly] ~ .input-group-inset-item {
  background-color: #fff;
}
.input-group .input-group-inset-item {
  align-items: center;
  background-color: #f1f2f5;
  border-bottom-width: 0.0625rem;
  border-color: #e7e7ed;
  border-left-width: 0.0625rem;
  border-right-width: 0.0625rem;
  border-style: solid;
  border-top-width: 0.0625rem;
  display: flex;
  margin-bottom: 0;
  padding-left: 5px;
  padding-right: 5px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .input-group .input-group-inset-item {
    transition: none;
  }
}
.input-group .input-group-inset-item {
  transition: none;
}

.input-group .input-group-inset-item .btn {
  align-items: center;
  display: flex;
  height: 75%;
  justify-content: center;
  line-height: 1;
  margin-left: 0.1875rem;
  margin-right: 0.1875rem;
  padding-bottom: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0;
}
.input-group .input-group-inset-item .btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 0;
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.input-group .input-group-inset-item .btn .lexicon-icon {
  margin-top: 0;
}
.input-group .input-group-inset-item .btn .c-inner .lexicon-icon {
  margin-top: 0;
}
.input-group .input-group-inset-item .btn-monospaced,
.input-group .input-group-inset-item .input-group-inset-icon {
  font-size: 1rem;
  height: 2rem;
  margin-bottom: -0.0625rem;
  margin-top: -0.0625rem;
  padding: 0;
  width: 2rem;
}
.input-group .input-group-inset-item .form-file {
  height: 75%;
}
.input-group .input-group-inset-item .form-file .btn {
  height: 100%;
}
.input-group .input-group-inset-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}
.input-group .input-group-inset-icon .lexicon-icon {
  margin-top: 0;
}
.input-group .input-group-item .input-group-inset-before.form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-left-width: 0;
  padding-left: 0;
}
.input-group .input-group-inset-item-before {
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  border-right-width: 0;
  color: #6b6c7e;
  order: 3;
}
.input-group .input-group-append > .input-group-inset-item-before {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group .input-group-item .input-group-inset-after.form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-width: 0;
  padding-right: 0;
}
.input-group .input-group-inset-item-after {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-left-width: 0;
  color: #6b6c7e;
  order: 9;
}
.input-group-prepend .input-group .input-group-inset-item-after {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  z-index: 1;
}

.input-group > .input-group-item.input-group-prepend {
  align-items: stretch;
  display: flex;
  margin-right: -0.0625rem;
}
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn,
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .form-control,
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .input-group-item.input-group-prepend:not(:last-child) > .btn + .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .input-group-item.input-group-prepend + .input-group-prepend {
  margin-left: 0;
}
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .btn,
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .form-control,
.input-group > .input-group-item.input-group-prepend + .input-group-prepend > .input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group > .input-group-item.input-group-append {
  align-items: stretch;
  display: flex;
  margin-right: -0.0625rem;
}
.input-group > .input-group-item.input-group-append:first-child > .btn,
.input-group > .input-group-item.input-group-append:first-child > .form-control,
.input-group > .input-group-item.input-group-append:first-child > .input-group-text {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group > .input-group-item.input-group-append:not(:first-child) > .btn,
.input-group > .input-group-item.input-group-append:not(:first-child) > .form-control,
.input-group > .input-group-item.input-group-append:not(:first-child) > .form-file .btn,
.input-group > .input-group-item.input-group-append:not(:first-child) > .input-group-text {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group > .input-group-item.input-group-append + .input-group-append, .input-group > .input-group-item.input-group-prepend + .input-group-append {
  margin-left: 0;
}

.input-group-password .form-control[type=text] ~ .input-group-inset-item .input-password-label {
  display: none;
}
.input-group-password .form-control[type=password] ~ .input-group-inset-item .input-text-label {
  display: none;
}

.list-group-item-action {
  color: #495057;
  text-align: inherit;
  width: 100%;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  background-color: #f0f5ff;
  color: #495057;
  text-decoration: none;
  z-index: 1;
}
.list-group-item-action:active {
  background-color: #f1f2f5;
  color: #1c1c24;
}

.list-group {
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
  padding-left: 0;
}
.list-group-bordered .list-group-item-flex {
  padding: 0;
}
.list-group-bordered .list-group-item-flex.active .autofit-col {
  border-color: #e7e7ed;
}
.list-group-bordered .autofit-col {
  border-left: 0.0625rem solid #e7e7ed;
  border-right: 0.0625rem solid #e7e7ed;
  margin-left: -0.0625rem;
  padding: 1rem 1rem;
}
.list-group-bordered .autofit-col:first-child, .list-group-bordered .autofit-col:last-child {
  border-left-width: 0;
  border-right-width: 0;
  margin-left: 0;
}

.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-left-width: 0;
  border-top-width: 0.0625rem;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  border-left-width: 0.0625rem;
  margin-left: -0.0625rem;
}

@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-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-sm .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@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-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-md .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@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-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-lg .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
@media (min-width: 1280px) {
  .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-left-width: 0;
    border-top-width: 0.0625rem;
  }
  .list-group-horizontal-xl .list-group-item + .list-group-item.active {
    border-left-width: 0.0625rem;
    margin-left: -0.0625rem;
  }
}
.list-group-header {
  align-items: center;
  background-color: #f7f8f9;
  border: 0.0625rem solid #e7e7ed;
  display: flex;
  justify-content: space-between;
  margin-bottom: -0.0625rem;
  padding: 0.5rem 1rem;
}
.list-group-header:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-header:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.list-group-header-title {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0;
  color: #6b6c7e;
  text-transform: uppercase;
}

.list-group-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 0;
  margin-top: -0.25rem;
  color: #272833;
}
.list-group-title[href],
.list-group-title a[href] {
  color: #272833;
  max-width: 100%;
  border-radius: 1px;
  display: inline-block;
  text-decoration: underline;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-title[href],
  .list-group-title a[href] {
    transition: none;
  }
}
.list-group-title[href], .list-group-title a[href] {
  transition: none;
}

.list-group-title[href]:hover, .list-group-title[href].hover,
.list-group-title a[href]:hover,
.list-group-title a[href].hover {
  color: #272833;
}
.list-group-title[href].focus, .list-group-title[href]:focus-visible, .c-prefers-focus .list-group-title[href]:focus,
.list-group-title a[href].focus,
.list-group-title a[href]:focus-visible,
.c-prefers-focus .list-group-title a[href]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.list-group-subtitle {
  color: #6b6c7e;
  margin-bottom: 0;
}
.list-group-subtitle[href],
.list-group-subtitle a[href] {
  color: #6b6c7e;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-subtitle[href],
  .list-group-subtitle a[href] {
    transition: none;
  }
}
.list-group-subtitle[href], .list-group-subtitle a[href] {
  transition: none;
}

.list-group-subtitle[href]:hover, .list-group-subtitle[href].hover,
.list-group-subtitle a[href]:hover,
.list-group-subtitle a[href].hover {
  color: #272833;
}
.list-group-subtitle[href].focus, .list-group-subtitle[href]:focus-visible, .c-prefers-focus .list-group-subtitle[href]:focus,
.list-group-subtitle a[href].focus,
.list-group-subtitle a[href]:focus-visible,
.c-prefers-focus .list-group-subtitle a[href]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.list-group-text {
  color: #6b6c7e;
  margin-bottom: 0;
}
.list-group-text[href],
.list-group-text a[href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-text[href],
  .list-group-text a[href] {
    transition: none;
  }
}
.list-group-text[href], .list-group-text a[href] {
  transition: none;
}

.list-group-text[href]:hover, .list-group-text[href].hover,
.list-group-text a[href]:hover,
.list-group-text a[href].hover {
  color: #272833;
}
.list-group-text[href].focus, .list-group-text[href]:focus-visible, .c-prefers-focus .list-group-text[href]:focus,
.list-group-text a[href].focus,
.list-group-text a[href]:focus-visible,
.c-prefers-focus .list-group-text a[href]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.list-group-subtext {
  color: #6b6c7e;
  margin-bottom: 0;
  margin-top: 0.5rem;
}
.list-group-subtext[href],
.list-group-subtext a[href] {
  color: #6b6c7e;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .list-group-subtext[href],
  .list-group-subtext a[href] {
    transition: none;
  }
}
.list-group-subtext[href], .list-group-subtext a[href] {
  transition: none;
}

.list-group-subtext[href]:hover, .list-group-subtext[href].hover,
.list-group-subtext a[href]:hover,
.list-group-subtext a[href].hover {
  color: #272833;
}
.list-group-subtext[href].focus, .list-group-subtext[href]:focus-visible, .c-prefers-focus .list-group-subtext[href]:focus,
.list-group-subtext a[href].focus,
.list-group-subtext a[href]:focus-visible,
.c-prefers-focus .list-group-subtext a[href]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-menu {
  background-color: #f0f5ff;
}
.show-dropdown-action-on-active .list-group-item.active .dropdown-action .dropdown-item {
  color: #272833;
}

.list-group-item {
  background-color: #fff;
  border: 0.0625rem solid #e7e7ed;
  display: block;
  padding: 1rem 1rem;
  position: relative;
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.list-group-item.active {
  background-color: #f0f5ff;
  border-color: #e7e7ed;
  color: #272833;
  z-index: 2;
}
.list-group-item.active:focus, .list-group-item.active.focus {
  z-index: 2;
}
.list-group-item.active .dropdown-action .dropdown-toggle,
.list-group-item.active .list-group-link {
  color: #272833;
}
.list-group-item.active .list-group-title,
.list-group-item.active a.list-group-title,
.list-group-item.active .list-group-title a {
  color: #272833;
}
.list-group-item.active .list-group-text,
.list-group-item.active a.list-group-text,
.list-group-item.active .list-group-text a {
  color: #272833;
}
.list-group-item.active .list-group-subtext,
.list-group-item.active a.list-group-subtext,
.list-group-item.active .list-group-subtext a {
  color: #6b6c7e;
}
.list-group-item.active .list-group-link {
  color: #272833;
}
.list-group-item.disabled, .list-group-item:disabled {
  background-color: #fff;
  color: #6b6c7e;
  pointer-events: none;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  border-top-width: 0.0625rem;
  margin-top: -0.0625rem;
}

.list-group-item-flex {
  display: flex;
  margin-bottom: -0.0625rem;
  padding-left: calc(1rem * 0.5);
  padding-right: calc(1rem * 0.5);
}
.list-group-item-flex:last-child {
  margin-bottom: 0;
}
.list-group-item-flex + .list-group-item-flex {
  border-top-width: 0.0625rem;
}
.list-group-item-flex + .list-group-item-flex.active {
  margin-top: 0;
}
.list-group-item-flex .autofit-col {
  justify-content: flex-start;
  padding-left: calc(1rem * 0.5);
  padding-right: calc(1rem * 0.5);
}
.list-group-item-flex .autofit-col .custom-control:only-child {
  margin-bottom: 0;
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-input,
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::before,
.list-group-item-flex .autofit-col .custom-control:only-child .custom-control-label::after {
  margin-top: 0.1875rem;
}
.list-group-item-flex .autofit-col .form-check:only-child {
  margin-bottom: 0;
  margin-top: 0.0625rem;
  padding-top: 0.1875rem;
}
.list-group-item-flex .autofit-col .sticker:only-child {
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .list-group-title:only-child {
  align-items: center;
  display: flex;
  min-height: 32px;
  margin-top: 0;
}
.list-group-item-flex .autofit-col .list-group-title:only-child::after {
  content: "";
  display: block;
  min-height: inherit;
}
.list-group-item-flex .autofit-col .dropdown-action {
  margin-top: 0.0625rem;
}
.list-group-item-flex .autofit-col .quick-action-item {
  margin-top: 0.0625rem;
}

.list-group-item-action .c-inner {
  margin: -1rem -1rem;
  width: auto;
}

.list-group-item-action:focus {
  z-index: 1;
}

.list-group-link {
  color: #272833;
}
.list-group-link:hover, .list-group-link:focus {
  color: #272833;
}

.sidebar-list-group .list-group-item, .list-group-flush .list-group-item {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.sidebar-list-group .list-group-item:first-child, .list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}
.sidebar-list-group .list-group-item:last-child .list-group-item:last-child, .list-group-flush .list-group-item:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}
.sidebar-list-group .list-group-item > .autofit-col:first-child, .list-group-flush .list-group-item > .autofit-col:first-child {
  padding-left: 0;
}
.sidebar-list-group .list-group-item > .autofit-col:last-child, .list-group-flush .list-group-item > .autofit-col:last-child {
  padding-right: 0;
}

.list-group-item-primary {
  background-color: #bbd2ff;
  color: #063185;
}
.list-group-item-primary.list-group-item-action:hover {
  background-color: #a2c1ff;
  color: #063185;
}
.list-group-item-primary.list-group-item-action.active {
  background-color: #063185;
  border-color: #063185;
  color: #fff;
}

.list-group-item-secondary {
  background-color: #d6d6db;
  color: #383842;
}
.list-group-item-secondary.list-group-item-action:hover {
  background-color: #c8c8cf;
  color: #383842;
}
.list-group-item-secondary.list-group-item-action.active {
  background-color: #383842;
  border-color: #383842;
  color: #fff;
}

.list-group-item-success {
  background-color: #c3dbc8;
  color: #15411f;
}
.list-group-item-success.list-group-item-action:hover {
  background-color: #b3d1b9;
  color: #15411f;
}
.list-group-item-success.list-group-item-action.active {
  background-color: #15411f;
  border-color: #15411f;
  color: #fff;
}

.list-group-item-info {
  background-color: #c4d1e8;
  color: #182f59;
}
.list-group-item-info.list-group-item-action:hover {
  background-color: #b2c3e1;
  color: #182f59;
}
.list-group-item-info.list-group-item-action.active {
  background-color: #182f59;
  border-color: #182f59;
  color: #fff;
}

.list-group-item-warning {
  background-color: #ebceb8;
  color: #602a00;
}
.list-group-item-warning.list-group-item-action:hover {
  background-color: #e5c0a4;
  color: #602a00;
}
.list-group-item-warning.list-group-item-action.active {
  background-color: #602a00;
  border-color: #602a00;
  color: #fff;
}

.list-group-item-danger {
  background-color: #f5bdbd;
  color: #710a0a;
}
.list-group-item-danger.list-group-item-action:hover {
  background-color: #f2a7a7;
  color: #710a0a;
}
.list-group-item-danger.list-group-item-action.active {
  background-color: #710a0a;
  border-color: #710a0a;
  color: #fff;
}

.list-group-item-light {
  background-color: #fbfbfc;
  color: #7d7e7f;
}
.list-group-item-light.list-group-item-action:hover {
  background-color: #ececf1;
  color: #7d7e7f;
}
.list-group-item-light.list-group-item-action.active {
  background-color: #7d7e7f;
  border-color: #7d7e7f;
  color: #fff;
}

.list-group-item-dark {
  background-color: #c3c3c6;
  color: #14151b;
}
.list-group-item-dark.list-group-item-action:hover {
  background-color: #b6b6ba;
  color: #14151b;
}
.list-group-item-dark.list-group-item-action.active {
  background-color: #14151b;
  border-color: #14151b;
  color: #fff;
}

.show-quick-actions-on-hover .list-group-item:not(.active):hover .quick-action-menu {
  display: flex;
}
.show-quick-actions-on-hover .focus:not(.active) .quick-action-menu {
  display: flex;
}

.list-group .quick-action-menu {
  align-items: flex-start;
  background-color: #fff;
  margin-bottom: -1rem;
  margin-top: -1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.list-group-bordered .quick-action-menu {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.list-group-item-flex.active .quick-action-menu {
  background-color: #f0f5ff;
}
.list-group-item-flex.active .quick-action-item {
  color: #272833;
}

.list-group-notification.list-group-bordered .quick-action-menu {
  margin-bottom: 0.0625rem;
  margin-top: 0.0625rem;
}
.list-group-notification .list-group-item {
  border-width: 0;
}
.list-group-notification .list-group-item-flex.active {
  border-top-width: 0;
}
.list-group-notification .list-group-item-primary {
  background-color: #fff;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
}
.list-group-notification .list-group-item-primary.active {
  background-color: #f0f5ff;
  box-shadow: inset 0.5rem 0 #80acff, inset -0.0625rem 0 #e7e7ed, inset 0 0.0625rem #e7e7ed, inset 0 -0.0625rem #e7e7ed;
}
.list-group-notification .quick-action-menu {
  margin-bottom: -0.9375rem;
  margin-top: -0.9375rem;
}
.list-group-notification .autofit-col .quick-action-item {
  margin-top: 0rem;
}

.list-group-sm .list-group-item {
  padding-bottom: 0.40625rem;
  padding-top: 0.40625rem;
}
.list-group-sm .quick-action-menu {
  margin-bottom: -0.40625rem;
  margin-top: -0.40625rem;
  padding-bottom: 0.40625rem;
  padding-top: 0.40625rem;
}

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

.modal {
  display: none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1050;
}
@media (max-width: 767.98px) {
  .modal .close {
    margin-right: -0.5rem;
  }
  .modal .modal-header {
    height: 3rem;
    padding: 0.5rem 1rem;
  }
  .modal .modal-title {
    font-size: 1.125rem;
  }
  .modal .modal-body {
    padding: 0.5rem 1rem;
  }
  .modal .modal-body-iframe {
    padding: 0;
  }
  .modal .modal-footer {
    padding: 0.5rem;
  }
}

.modal-dialog {
  margin: 0.5rem;
  position: relative;
  pointer-events: none;
  width: auto;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.fade .modal-dialog {
  transition: none;
}

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

@media (min-width: 576px) {
  .modal-dialog {
    margin: 1.75rem auto;
    max-width: 600px;
  }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }
  .modal-dialog-centered .modal-dialog,
  .modal-dialog-centered.modal-dialog {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered .modal-dialog::before,
  .modal-dialog-centered.modal-dialog::before {
    height: calc(100vh - 3.5rem);
  }
  .modal-content {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    max-width: 320px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 896px;
  }
}
@media (min-width: 1280px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.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 .modal-dialog,
.modal-dialog-centered.modal-dialog {
  align-items: center;
  display: flex;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered .modal-dialog::before,
.modal-dialog-centered.modal-dialog::before {
  content: "";
  display: block;
  height: calc(100vh - 1rem);
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable {
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable .modal-content,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered .modal-dialog.modal-dialog-scrollable::before,
.modal-dialog-centered.modal-dialog.modal-dialog-scrollable::before {
  content: none;
}

.modal-backdrop {
  background-color: #393a4a;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1040;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.8;
}

.modal-content {
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 0.375rem;
  border: 0.0625rem solid transparent;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 0.5rem * 2);
  outline: 0;
  overflow: hidden;
  pointer-events: auto;
  position: relative;
  width: 100%;
}

.modal-header {
  align-items: center;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  display: flex;
  flex-shrink: 0;
  height: 4rem;
  justify-content: space-between;
  padding: 1.5rem;
  padding-bottom: 0;
  padding-top: 0;
  z-index: 1;
}
.modal-header .modal-title {
  margin-bottom: 0;
  margin-top: 0;
}
.modal-body {
  border-top: 0.0625rem solid #e7e7ed;
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: -0.0625rem;
  overflow: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  padding: 1.5rem;
  position: relative;
}
.modal-body.inline-scroller {
  max-height: none;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  padding: 1.5rem;
}
.modal-body .modal-banner-img {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  top: -1.5rem;
}
.modal-body > .close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  z-index: 1;
}

.modal-body-flush {
  padding: 0;
}

.modal-footer {
  align-items: center;
  border-bottom-left-radius: calc( 	0.375rem - 0.0625rem );
  border-bottom-right-radius: calc( 	0.375rem - 0.0625rem );
  border-top: 0.0625rem solid #e7e7ed;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}
.modal-footer > * {
  margin: 0 calc(0.5rem * 0.5);
}
.modal-item-group {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 3rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 100%;
}
.modal-item-group:first-child, .modal-item-group.modal-item-group-first {
  padding-left: 0;
}
.modal-item-group:last-child, .modal-item-group.modal-item-group-last {
  padding-right: 0;
}
.modal-item-group:only-child, .modal-item-group.modal-item-group-only {
  padding-left: 0;
  padding-right: 0;
}

.modal-item {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
  min-height: 0;
  min-width: 3.125rem;
  padding: 0;
  position: relative;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.modal-item-shrink {
  flex-grow: 0;
}

.modal-item-last {
  margin-left: auto;
}

.modal-footer > .modal-item-last {
  margin-left: auto;
  margin-right: 0;
}

.modal-title {
  flex-grow: 1;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal-title[tabindex="-1"] {
  outline: 0;
}
.modal-title-indicator {
  display: inline-block;
  font-size: 0.875rem;
  margin-right: 0.5rem;
  margin-top: -0.2em;
  vertical-align: middle;
}

.modal-subtitle {
  display: inline-block;
}
.modal-subtitle-divider {
  display: inline-block;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.close + .modal-title {
  margin-left: 0.3125rem;
}

.modal-title + .close {
  margin-right: 0.3125rem;
}

.modal-body-iframe {
  height: 160px;
  padding: 0;
}
.modal-body-iframe iframe {
  border-width: 0;
  height: 100%;
  position: absolute;
  width: 100%;
}

.modal-full-screen {
  bottom: 45px;
  left: 45px;
  margin: 0;
  max-width: none;
  position: absolute;
  right: 45px;
  top: 45px;
}
@media (max-width: 767.98px) {
  .modal-full-screen {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.modal-full-screen .modal-content {
  border-color: transparent;
  border-radius: 0.375rem;
  border-width: 0.0625rem;
  height: 100%;
}
@media (max-width: 767.98px) {
  .modal-full-screen .modal-content {
    border-radius: 0;
    border-width: 0;
  }
}
.modal-full-screen .modal-body {
  overflow: auto;
}

@media (max-width: 767.98px) {
  .modal-full-screen-sm-down {
    bottom: 0;
    left: 0;
    margin: 0;
    max-width: none;
    position: absolute;
    right: 0;
    top: 0;
  }
  .modal-full-screen-sm-down .modal-body {
    overflow: auto;
  }
  .modal-full-screen-sm-down .modal-content {
    border-radius: 0;
    border-width: 0;
    height: 100%;
  }
}

.modal-height-sm .modal-content {
  height: 250px;
}

.modal-height-md .modal-content {
  height: 450px;
}

.modal-height-lg .modal-content {
  height: 650px;
}

.modal-height-xl .modal-content {
  height: 800px;
}

.modal-height-full .modal-dialog {
  height: 100%;
  margin: 0;
}
@media (min-width: 576px) {
  .modal-height-full .modal-dialog {
    bottom: 0;
    height: 100%;
    left: 50%;
    margin-bottom: 0;
    margin-left: calc(-600px / 2);
    margin-right: 0;
    margin-top: 0;
    top: 0;
  }
}
@media (min-width: 576px) {
  .modal-height-full .modal-dialog.modal-sm {
    margin-left: calc(-320px / 2);
  }
}
@media (min-width: 992px) {
  .modal-height-full .modal-dialog.modal-lg {
    margin-left: calc(-896px / 2);
  }
}
@media (min-width: 992px) {
  .modal-height-full .modal-dialog.modal-xl {
    margin-left: calc(-896px / 2);
  }
}
@media (min-width: 1280px) {
  .modal-height-full .modal-dialog.modal-xl {
    margin-left: calc(-1140px / 2);
  }
}
.modal-height-full .modal-body {
  overflow: auto;
}
.modal-height-full .modal-content {
  position: absolute;
  bottom: 0.5rem;
  left: 0.5rem;
  right: 0.5rem;
  top: 0.5rem;
}
@media (min-width: 576px) {
  .modal-height-full .modal-content {
    bottom: 1.75rem;
    left: auto;
    right: auto;
    top: 1.75rem;
  }
}

.modal-success .modal-header {
  background-color: #edf9f0;
  border-color: #5aca75;
  color: #287d3c;
}
.modal-success .modal-header .close {
  color: #287d3c;
}
.modal-success .modal-header .close:hover {
  color: inherit;
}
.modal-success .modal-header .close:focus {
  color: inherit;
}
.modal-success .modal-header .close:disabled {
  color: inherit;
}
.modal-info .modal-header {
  background-color: #eef2fa;
  border-color: #89a7e0;
  color: #2e5aac;
}
.modal-info .modal-header .close {
  color: #2e5aac;
}
.modal-info .modal-header .close:hover {
  color: inherit;
}
.modal-info .modal-header .close:focus {
  color: inherit;
}
.modal-info .modal-header .close:disabled {
  color: inherit;
}
.modal-warning .modal-header {
  background-color: #fff4ec;
  border-color: #ff8f39;
  color: #b95000;
}
.modal-warning .modal-header .close {
  color: #b95000;
}
.modal-warning .modal-header .close:hover {
  color: inherit;
}
.modal-warning .modal-header .close:focus {
  color: inherit;
}
.modal-warning .modal-header .close:disabled {
  color: inherit;
}
.modal-danger .modal-header {
  background-color: #feefef;
  border-color: #f48989;
  color: #da1414;
}
.modal-danger .modal-header .close {
  color: #da1414;
}
.modal-danger .modal-header .close:hover {
  color: inherit;
}
.modal-danger .modal-header .close:focus {
  color: inherit;
}
.modal-danger .modal-header .close:disabled {
  color: inherit;
}
.modal-scrollbar-measure {
  height: 50px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 50px;
}

.multi-step-nav {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 15px;
  padding: 0 15px;
  position: relative;
}

.multi-step-indicator-label-bottom .multi-step-item {
  padding-bottom: calc(
			0.875rem * 1.5
		);
}
.multi-step-indicator-label-bottom .multi-step-indicator-label {
  top: 2rem;
}

.multi-step-indicator-label-top .multi-step-item {
  padding-top: calc(
			0.875rem * 1.5
		);
}
.multi-step-indicator-label-top .multi-step-indicator-label {
  bottom: calc(2rem + 0.25rem);
}

.multi-step-title-center .multi-step-title {
  margin-left: calc(2rem * 0.5);
  max-width: 100px;
  overflow: hidden;
  position: relative;
  text-align: center;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  white-space: nowrap;
  width: auto;
}
.multi-step-item {
  margin-bottom: 10px;
  position: relative;
}
.multi-step-item:last-child .multi-step-divider {
  display: none;
}
.multi-step-item.active .multi-step-icon {
  background-color: #0b5fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
  color: #fff;
}
.multi-step-item.active .multi-step-divider {
  background-color: #e7e7ed;
}
.multi-step-item.active.complete .multi-step-icon {
  background-color: #0b5fff;
  color: #fff;
}
.multi-step-item.complete .dropdown .multi-step-icon, .multi-step-item.complete .dropdown .multi-step-icon:active {
  background-image: none;
}
.multi-step-item.complete .multi-step-icon {
  background-color: #6b6c7e;
  color: #fff;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
}
.multi-step-item.complete .multi-step-icon[data-multi-step-icon]:before {
  content: none;
}
.multi-step-item.complete .multi-step-icon:active {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M192.9%20429.5c-8.3%200-16.4-3.3-22.3-9.2L44.5%20294.1C15%20263.2%2062.7%20222%2089.1%20249.5L191.5%20352l230-258.9c27.2-30.5%2074.3%2011.5%2047.1%2041.9L216.4%20418.9c-5.8%206.5-14%2010.3-22.6%2010.6h-.9z'%20fill='%23fff'/%3E%3C/svg%3E");
}
.multi-step-item.complete .multi-step-divider {
  background-color: #6b6c7e;
}
.multi-step-item.error .multi-step-icon {
  background-color: #da1414;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M300.4%20256%20467%2089.4c29.6-29.6-14.8-74.1-44.4-44.4L256%20211.6%2089.4%2045C59.8%2015.3%2015.3%2059.8%2045%2089.4L211.6%20256%2045%20422.6c-29.7%2029.7%2014.7%2074.1%2044.4%2044.4L256%20300.4%20422.6%20467c29.7%2029.7%2074.1-14.7%2044.4-44.4L300.4%20256z'%20fill='%23fff'/%3E%3C/svg%3E");
  color: #fff;
}
.multi-step-item.error .multi-step-icon[data-multi-step-icon]::before {
  content: none;
}
.multi-step-item.error .multi-step-icon .lexicon-icon {
  display: none;
}
.multi-step-item.disabled .multi-step-title {
  color: #a7a9bc;
}
.multi-step-item.disabled .multi-step-icon {
  background-color: #e7e7ed;
  background-repeat: no-repeat;
  color: #a7a9bc;
  cursor: not-allowed;
  opacity: 1;
}
.multi-step-item.disabled .multi-step-icon.focus, .multi-step-item.disabled .multi-step-icon:focus-visible, .c-prefers-focus .multi-step-item.disabled .multi-step-icon:focus {
  box-shadow: none;
}

.multi-step-item.disabled .multi-step-indicator-label {
  color: #a7a9bc;
}
.multi-step-item.disabled .multi-step-divider {
  background-color: #e7e7ed;
}

.multi-step-title {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: normal;
  margin-bottom: 0.625rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.multi-step-item-expand {
  flex-grow: 1;
  width: 75px;
}

.multi-step-divider {
  background-color: #e7e7ed;
  height: 0.25rem;
  margin-left: 2rem;
  margin-top: -0.25rem;
  position: relative;
  top: 1.125rem;
}

.multi-step-indicator {
  position: relative;
  width: 2rem;
}
.multi-step-indicator .dropdown-item-indicator,
.multi-step-indicator .dropdown-item-indicator-start,
.multi-step-indicator .dropdown-item-indicator-end {
  display: none;
}
.multi-step-indicator .complete .dropdown-item-indicator,
.multi-step-indicator .complete .dropdown-item-indicator-start,
.multi-step-indicator .complete .dropdown-item-indicator-end {
  display: block;
}
.multi-step-indicator .multi-step-indicator-label {
  color: #6b6c7e;
  font-size: 0.875rem;
  font-weight: 600;
  left: 50%;
  max-width: 100px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  transform: translateX(-50%);
  white-space: nowrap;
}
.multi-step-icon {
  align-items: center;
  background-color: #e7e7ed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.875rem;
  border-radius: 100px;
  border-width: 0px;
  color: #6b6c7e;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  justify-content: center;
  height: 2rem;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  transition: box-shadow 0.15s ease-in-out;
  width: 2rem;
}
@media (prefers-reduced-motion: reduce) {
  .multi-step-icon {
    transition: none;
  }
}
.multi-step-icon {
  transition: none;
}

.multi-step-icon:hover {
  background-color: #e7e7ed;
  color: #6b6c7e;
  text-decoration: none;
}
.multi-step-icon.focus, .multi-step-icon:focus-visible, .c-prefers-focus .multi-step-icon:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
  text-decoration: none;
}

.multi-step-icon[data-multi-step-icon]::before {
  content: '\FEFF' attr(data-multi-step-icon);
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  width: 2rem;
}
.multi-step-icon .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
}
.multi-step-icon .btn-link {
  vertical-align: baseline;
}
.multi-step-icon .lexicon-icon {
  height: 0.875rem;
  margin-top: 0;
  width: 0.875rem;
}

.multi-step-item-fixed-width.multi-step-item,
.multi-step-item-fixed-width .multi-step-item-expand {
  flex-grow: 0;
  width: 150px;
}

.multi-step-nav-center {
  padding: 0;
  text-align: center;
}
.multi-step-nav-center .multi-step-item {
  flex-grow: 1;
  width: 75px;
}
.multi-step-nav-center .multi-step-divider {
  left: 50%;
  margin-left: 1rem;
  width: calc(100% - 2rem);
}
.multi-step-nav-center .multi-step-indicator {
  left: 50%;
  transform: translateX(-50%);
}
.multi-step-nav-center .multi-step-title {
  margin-left: 12.5%;
  max-width: 75%;
}

@media (max-width: 767.98px) {
  .multi-step-nav-collapse-sm {
    flex-wrap: nowrap;
  }
  .multi-step-nav-collapse-sm.multi-step-indicator-label-top .multi-step-indicator-label {
    bottom: auto;
    top: 0;
  }
  .multi-step-nav-collapse-sm.multi-step-indicator-label-bottom .multi-step-indicator-label {
    bottom: 0;
    top: auto;
  }
  .multi-step-nav-collapse-sm.multi-step-title-center .multi-step-title {
    margin-left: 0;
    max-width: none;
    transform: none;
  }
  .multi-step-nav-collapse-sm.multi-step-nav-center .multi-step-item {
    flex-grow: 0;
    width: auto;
  }
  .multi-step-nav-collapse-sm.multi-step-nav-center .multi-step-item-expand {
    flex-grow: 1;
    width: 75px;
  }
  .multi-step-nav-collapse-sm.multi-step-nav-center .multi-step-divider {
    left: auto;
    margin-left: 2rem;
    width: auto;
  }
  .multi-step-nav-collapse-sm.multi-step-nav-center .multi-step-indicator {
    left: auto;
    transform: none;
  }
  .multi-step-nav-collapse-sm .active.multi-step-item {
    position: static;
  }
  .multi-step-nav-collapse-sm .active .multi-step-title {
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
  }
  .multi-step-nav-collapse-sm .active .multi-step-indicator {
    position: static;
  }
  .multi-step-nav-collapse-sm .active .multi-step-indicator-label {
    display: block;
    left: 0;
    max-width: none;
    position: absolute;
    right: 0;
    text-align: center;
    transform: none;
    width: auto;
  }
  .multi-step-nav-collapse-sm .multi-step-item {
    margin-bottom: 0;
    min-width: 2rem;
    padding-top: calc(
				0.875rem + 0.625rem +
					(0.25rem * 0.5)
			);
  }
  .multi-step-nav-collapse-sm .multi-step-title {
    display: none;
  }
  .multi-step-nav-collapse-sm .multi-step-indicator-label {
    display: none;
  }
}

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

.nav-link {
  cursor: pointer;
  display: block;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.625rem;
  position: relative;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.nav-link:hover, .nav-link.hover {
  text-decoration: none;
}
.nav-link.focus, .nav-link:focus-visible, .c-prefers-focus .nav-link:focus {
  text-decoration: none;
  z-index: 1;
}

.nav-link:disabled, .nav-link.disabled {
  color: #a7a9bc;
  cursor: not-allowed;
  box-shadow: none;
}
.nav-link:disabled:active, .nav-link.disabled:active {
  pointer-events: none;
}
.nav-link > .c-inner {
  margin-bottom: -0.625rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -0.625rem;
}
.nav-link.btn-unstyled {
  width: 100%;
}
.nav-link.btn-unstyled.focus, .nav-link.btn-unstyled:focus-visible, .c-prefers-focus .nav-link.btn-unstyled:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
  opacity: 1;
}
.nav-link.btn-unstyled .c-inner {
  width: auto;
}
.nav-btn {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  line-height: 1.5;
  margin: calc(( 			(1.5 * 1rem) + 				(0.625rem * 2) - 2rem 		) * 0.5) 0.25rem;
  min-width: 2rem;
  padding: 0 0.5rem;
  position: relative;
  text-align: center;
  width: auto;
}
.nav-btn.focus, .nav-btn:focus-visible, .c-prefers-focus .nav-btn:focus {
  z-index: 1;
}

.nav-btn:disabled, .nav-btn.disabled {
  opacity: 1;
}
.nav-btn .c-inner {
  margin-bottom: 0;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.0625rem;
}
.nav-btn .lexicon-icon {
  margin-top: 0;
}
.nav-btn.btn-link {
  margin-left: 0;
  margin-right: 0;
}
.nav-btn-monospaced {
  padding: 0;
}
.nav-btn-monospaced .c-inner {
  margin-left: -0.0625rem;
  margin-right: -0.0625rem;
}
.nav-link-monospaced {
  align-items: center;
  display: flex;
  height: 2rem;
  justify-content: center;
  margin: calc(( 			(1.5 * 1rem) + 				(0.625rem * 2) - 2rem 		) * 0.5) 0.25rem;
  min-width: 2rem;
  padding: 0;
}
.nav-link-monospaced .lexicon-icon {
  margin-top: 0;
}

.nav-item {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.nav-item[class*=col-] {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.nav-divider {
  margin-left: 0.5rem;
  padding-left: 0.5rem;
  position: relative;
}
.nav-divider::before {
  background-color: #6b6c7e;
  content: "";
  display: block;
  height: 1rem;
  left: 0;
  margin-top: -0.5rem;
  position: absolute;
  top: 50%;
  width: 1px;
  z-index: 2;
}
.nav-divider-end {
  margin-right: 0.5rem;
  padding-right: 0.5rem;
  position: relative;
}
.nav-divider-end::after {
  background-color: #6b6c7e;
  content: "";
  display: block;
  height: 1rem;
  margin-top: -0.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  z-index: 2;
}

.nav-text-truncate {
  display: inline-block;
  margin-bottom: -6px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dropdown-toggle .nav-text-truncate {
  max-width: calc(100% - 24px);
}

.nav .nav-form {
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}

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

.nav-justified .nav-link {
  text-align: center;
  width: 100%;
}
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-stacked {
  display: block;
}
.nav-stacked .nav-form {
  padding-bottom: 0.625rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.625rem;
}

.nav-unstyled {
  flex-wrap: nowrap;
}
.nav-unstyled .nav-link {
  line-height: 2rem;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
}
.nav-unstyled .nav-link > .c-inner {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 0;
}
.nav-unstyled .nav-link-monospaced {
  margin: 0 4px;
}
.nav-unstyled .nav-btn {
  margin: 0 4px;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 0;
}
.nav-unstyled .nav-btn .c-inner {
  margin-bottom: 0;
  margin-left: -4px;
  margin-right: -4px;
  margin-top: 0;
}
.nav-nested {
  flex-direction: column;
  flex-wrap: nowrap;
}
.nav-nested .nav > li > a,
.nav-nested .nav > li > .btn {
  padding-left: calc(1rem * 2);
}
.nav-nested .nav > li > a .c-inner,
.nav-nested .nav > li > .btn .c-inner {
  margin-left: calc(1rem * -2);
}
.nav-nested .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 1);
}
.nav-nested .nav .nav > li > a,
.nav-nested .nav .nav > li > .btn {
  padding-left: calc(1rem * 3);
}
.nav-nested .nav .nav > li > a .c-inner,
.nav-nested .nav .nav > li > .btn .c-inner {
  margin-left: calc(1rem * -3);
}
.nav-nested .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 2);
}
.nav-nested .nav .nav .nav > li > a,
.nav-nested .nav .nav .nav > li > .btn {
  padding-left: calc(1rem * 4);
}
.nav-nested .nav .nav .nav > li > a .c-inner,
.nav-nested .nav .nav .nav > li > .btn .c-inner {
  margin-left: calc(1rem * -4);
}
.nav-nested .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 3);
}
.nav-nested .nav .nav .nav .nav > li > a,
.nav-nested .nav .nav .nav .nav > li > .btn {
  padding-left: calc(1rem * 5);
}
.nav-nested .nav .nav .nav .nav > li > a .c-inner,
.nav-nested .nav .nav .nav .nav > li > .btn .c-inner {
  margin-left: calc(1rem * -5);
}
.nav-nested .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 4);
}
.nav-nested .nav .nav .nav .nav .nav > li > a,
.nav-nested .nav .nav .nav .nav .nav > li > .btn {
  padding-left: calc(1rem * 6);
}
.nav-nested .nav .nav .nav .nav .nav > li > a .c-inner,
.nav-nested .nav .nav .nav .nav .nav > li > .btn .c-inner {
  margin-left: calc(1rem * -6);
}
.nav-nested .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 5);
}
.nav-nested .nav .nav .nav .nav .nav .nav > li > a,
.nav-nested .nav .nav .nav .nav .nav .nav > li > .btn {
  padding-left: calc(1rem * 7);
}
.nav-nested .nav .nav .nav .nav .nav .nav > li > a .c-inner,
.nav-nested .nav .nav .nav .nav .nav .nav > li > .btn .c-inner {
  margin-left: calc(1rem * -7);
}
.nav-nested .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 6);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a,
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn {
  padding-left: calc(1rem * 8);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > a .c-inner,
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .btn .c-inner {
  margin-left: calc(1rem * -8);
}
.nav-nested .nav .nav .nav .nav .nav .nav .nav > li > .nav-equal-height-heading {
  padding-left: calc(1rem * 7);
}

.nav-nested-margins {
  flex-direction: column;
  flex-wrap: nowrap;
}
.nav-nested-margins > li .nav > li {
  margin-left: 1rem;
}

.nav-tabs {
  border-bottom: 0.0625rem solid #cdced9;
  font-size: 0.875rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.4375rem;
}
.nav-tabs .nav-link {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #6b6c7e;
  padding-bottom: 0.28125rem;
  padding-top: 0.28125rem;
  white-space: nowrap;
  font-weight: 600;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-tabs .nav-link {
    transition: none;
  }
}
.nav-tabs .nav-link {
  transition: none;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link.hover {
  border-color: transparent;
}
.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus-visible, .c-prefers-focus .nav-tabs .nav-link:focus {
  border-color: transparent;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.nav-tabs .nav-link:active {
  background-color: #fff;
  border-color: #cdced9 #cdced9 #fff;
  color: #272833;
}
.nav-tabs .nav-link.active {
  background-color: #fff;
  color: #272833;
  border-color: #cdced9 #cdced9 #fff;
}
.nav-tabs .nav-link:disabled, .nav-tabs .nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #a7a9bc;
  box-shadow: none;
}
.nav-tabs .nav-link:disabled:active, .nav-tabs .nav-link.disabled:active {
  box-shadow: none;
}
.nav-tabs .nav-link[aria-expanded=true], .nav-tabs .nav-link.show {
  background-color: #fff;
  color: #272833;
  border-color: #cdced9;
}
.nav-tabs .nav-link > .c-inner {
  margin-bottom: -0.28125rem;
  margin-top: -0.28125rem;
}
.nav-tabs .nav-link .inline-item-before {
  margin-right: 0.25rem;
}
.nav-tabs .nav-link .inline-item-after {
  margin-left: 0.25rem;
}
.nav-tabs .nav-item {
  margin-bottom: -0.0625rem;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -0.0625rem;
}
.nav-tabs + .tab-content .tab-pane {
  background-color: #fff;
  border-radius: 0 0 4px 4px;
  padding: 2rem;
}
.nav-tabs + .tab-content .tab-pane.active:first-child {
  border-top-left-radius: 0;
}

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

.dropdown-item[data-toggle=tab] .dropdown-item-indicator,
.dropdown-item[data-toggle=tab] .dropdown-item-indicator-start,
.dropdown-item[data-toggle=tab] .dropdown-item-indicator-end {
  display: none;
}
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator,
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-start,
.dropdown-item[data-toggle=tab].active .dropdown-item-indicator-end {
  display: block;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #0b5fff;
  color: #fff;
}

.nav-tabs-light {
  background-color: #f7f8f9;
}
.nav-tabs-light + .tab-content .tab-pane {
  background-color: transparent;
  border-radius: 0;
}

.menubar {
  position: relative;
}

.menubar-toggler {
  display: none;
}

.menubar-primary .nav-item {
  position: relative;
}
.menubar-primary .nav-link {
  border-radius: 0;
  color: #272833;
  line-height: 24px;
  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) {
  .menubar-primary .nav-link {
    transition: none;
  }
}
.menubar-primary .nav-link {
  transition: none;
}

.menubar-primary .nav-link::before {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .menubar-primary .nav-link::before {
    transition: none;
  }
}
.menubar-primary .nav-link::before {
  transition: none;
}

.menubar-primary .nav-link:hover, .menubar-primary .nav-link.hover {
  background-color: #f0f5ff;
  color: #272833;
  letter-spacing: 0;
}
.menubar-primary .nav-link:hover::before, .menubar-primary .nav-link.hover::before {
  background: #88889a;
  width: 0.125rem;
}
.menubar-primary .nav-link.focus, .menubar-primary .nav-link:focus-visible, .c-prefers-focus .menubar-primary .nav-link:focus {
  box-shadow: none;
  color: #272833;
  outline: 0;
}
.menubar-primary .nav-link.focus::after, .menubar-primary .nav-link:focus-visible::after, .c-prefers-focus .menubar-primary .nav-link:focus::after {
  bottom: 0;
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.menubar-primary .nav-link:active {
  color: #272833;
}
.menubar-primary .nav-link.active {
  font-weight: 600;
  background-color: #f0f5ff;
  color: #272833;
}
.menubar-primary .nav-link.active::before {
  background-color: #0b5fff;
  width: 0.375rem;
}
.menubar-primary .nav-link.active:focus-visible::before, .c-prefers-focus .menubar-primary .nav-link.active:focus::before {
  display: none;
}
.menubar-primary .nav-link:disabled, .menubar-primary .nav-link.disabled {
  background-color: transparent;
  color: #a7a9bc;
  box-shadow: none;
  font-weight: 400;
}
.menubar-primary .nav-link:disabled::before, .menubar-primary .nav-link.disabled::before {
  content: none;
}
.menubar-primary .nav-link:disabled::after, .menubar-primary .nav-link.disabled::after {
  content: none;
}
.menubar-primary .nav-link[aria-expanded=true], .menubar-primary .nav-link.show {
  font-weight: 600;
  color: #272833;
}
.menubar-primary .nav-link[aria-expanded=true]::before, .menubar-primary .nav-link.show::before {
  background-color: transparent;
  width: 0;
}
.menubar-primary .nav-link[aria-expanded=true]:hover::before, .menubar-primary .nav-link.show:hover::before {
  background-color: #88889a;
  width: 0.125rem;
}
.menubar-primary .nav-link[aria-expanded=true]:focus-visible::before, .c-prefers-focus .menubar-primary .nav-link[aria-expanded=true]:focus::before, .menubar-primary .nav-link.show:focus-visible::before, .c-prefers-focus .menubar-primary .nav-link.show:focus::before {
  display: none;
}

.menubar-primary .nav-link.collapse-icon {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.menubar-primary .nav-link.collapse-icon .collapse-icon-closed {
  top: calc(22px - 0.5em);
}
.menubar-primary .nav-link.collapse-icon .collapse-icon-open {
  top: calc(22px - 0.5em);
}
.menubar-primary .nav-link .autofit-row {
  align-items: center;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.menubar-primary .nav-link .autofit-row .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.menubar-primary .menubar-actions-1 {
  padding-right: 4rem;
}
.menubar-primary .menubar-action {
  position: absolute;
  top: 0.625rem;
  right: 2rem;
}
.menubar-primary .nav .nav .nav > li > .nav-link {
  margin-left: 1rem;
}

.menubar-vertical-expand-md {
  max-width: 15.625rem;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md {
    margin-bottom: 1rem;
    max-width: none;
  }
}
.menubar-vertical-expand-md .menubar-collapse {
  display: block;
}
.menubar-vertical-expand-md .menubar-collapse.collapsing, .menubar-vertical-expand-md .menubar-collapse.show {
  display: block;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md {
    margin-bottom: 1rem;
    max-width: none;
  }
  .menubar-vertical-expand-md .menubar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: none;
    position: relative;
    top: 100%;
    z-index: 499;
  }
  .menubar-vertical-expand-md .menubar-toggler {
    align-items: center;
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: inline-flex;
    height: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .menubar-vertical-expand-md .menubar-toggler .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    max-width: none;
  }
  .menubar-vertical-expand-md .menubar-toggler .lexicon-icon {
    margin-top: 0;
  }
  .menubar-vertical-expand-md .nav-nested {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .menubar-vertical-expand-md .nav-nested-margins > li .nav > li {
    margin-left: 0;
  }
  .menubar-vertical-expand-md .nav-link {
    color: #6b6c7e;
  }
  .menubar-vertical-expand-md .nav-link:hover, .menubar-vertical-expand-md .nav-link.hover {
    color: #6b6c7e;
  }
  .menubar-vertical-expand-md .nav-link:active {
    color: #272833;
  }
  .menubar-vertical-expand-md .nav-link.active {
    color: #272833;
  }
  .menubar-vertical-expand-md .nav-link:disabled, .menubar-vertical-expand-md .nav-link.disabled {
    color: #a7a9bc;
  }
  .menubar-vertical-expand-md .nav-link[aria-expanded=true], .menubar-vertical-expand-md .nav-link.show {
    color: #272833;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent {
    background-color: #fff;
  }
}
.menubar-vertical-expand-md.menubar-transparent .nav-link {
  border-radius: 0.25rem;
  color: #6b6c7e;
  letter-spacing: 0.016rem;
  line-height: 1.25rem;
  margin-bottom: 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) {
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
    transition: none;
  }
}
.menubar-vertical-expand-md.menubar-transparent .nav-link {
  transition: none;
}

.menubar-vertical-expand-md.menubar-transparent .nav-link::before {
  border-radius: 0.25rem 0 0 0.25rem;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
  background-color: rgba(39, 40, 51, 0.04);
  color: #272833;
  font-weight: 600;
  letter-spacing: 0;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:hover::before, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover::before {
  background: #88889a;
  width: 0.1875rem;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
  color: #272833;
  outline: 0;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
  border-radius: 0.25rem;
  bottom: 0;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.menubar-vertical-expand-md.menubar-transparent .nav-link:active {
  color: rgba(0, 0, 0, 0.9);
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.active {
  font-weight: 600;
  background-color: rgba(11, 95, 255, 0.06);
  color: #272833;
  letter-spacing: 0;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link.active::before {
  background-color: #528eff;
  width: 0.25rem;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
  font-weight: 400;
  letter-spacing: 0.016rem;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled::before, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled::before {
  content: none;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link:disabled::after, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled::after {
  content: none;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
  font-weight: 600;
  color: #272833;
  letter-spacing: 0;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true]::before, .menubar-vertical-expand-md.menubar-transparent .nav-link.show::before {
  background-color: transparent;
}
.menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true]:hover::before, .menubar-vertical-expand-md.menubar-transparent .nav-link.show:hover::before {
  background-color: #88889a;
  width: 0.1875rem;
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent {
    background-color: #fff;
  }
  .menubar-vertical-expand-md.menubar-transparent .menubar-collapse {
    background-color: #fff;
    border-color: #e7e7ed;
    border-radius: 0.25rem;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  }
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
    text-decoration: none;
    color: #6b6c7e;
    font-size: 0.875rem;
    font-weight: 600;
    transition: box-shadow 0.15s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .menubar-vertical-expand-md.menubar-transparent .nav-link {
    border-radius: 0;
    color: #272833;
    margin-bottom: 0;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link::before {
    content: none;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link:hover, .menubar-vertical-expand-md.menubar-transparent .nav-link.hover {
    background-color: rgba(39, 40, 51, 0.04);
    color: #1c1d25;
    box-shadow: none;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
    background-color: transparent;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
    box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
    font-weight: 600;
    background-color: rgba(11, 95, 255, 0.06);
    box-shadow: none;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-md.menubar-transparent .nav-link.disabled {
    background-color: transparent;
    color: #6b6c7e;
  }
  .menubar-vertical-expand-md.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-md.menubar-transparent .nav-link.show {
    box-shadow: none;
  }
}
@media (min-width: 768px) {
  .menubar-vertical-expand-md.menubar-decorated .nav {
    border-left-color: #e7e7ed;
    border-left-style: solid;
    border-left-width: 0.125rem;
    display: block;
    padding-left: 0.5rem;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav > .nav-item .nav {
    margin-bottom: 0.25rem;
    margin-left: 1rem;
    margin-top: 0.25rem;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav-link {
    padding-left: 1rem !important;
  }
  .menubar-vertical-expand-md.menubar-decorated .nav-link.active::after {
    background-color: #b3cdff;
    bottom: 0;
    content: "";
    display: block;
    left: -0.625rem;
    position: absolute;
    top: 0;
    width: 0.125rem;
  }
}

.menubar-vertical-expand-lg {
  max-width: 15.625rem;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg {
    margin-bottom: 1rem;
    max-width: none;
  }
}
.menubar-vertical-expand-lg .menubar-collapse {
  display: block;
}
.menubar-vertical-expand-lg .menubar-collapse.collapsing, .menubar-vertical-expand-lg .menubar-collapse.show {
  display: block;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg {
    margin-bottom: 1rem;
    max-width: none;
  }
  .menubar-vertical-expand-lg .menubar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: none;
    position: relative;
    top: 100%;
    z-index: 499;
  }
  .menubar-vertical-expand-lg .menubar-toggler {
    align-items: center;
    border-color: transparent;
    border-style: solid;
    border-width: 0.0625rem;
    display: inline-flex;
    height: 2rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .menubar-vertical-expand-lg .menubar-toggler .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    max-width: none;
  }
  .menubar-vertical-expand-lg .menubar-toggler .lexicon-icon {
    margin-top: 0;
  }
  .menubar-vertical-expand-lg .nav-nested {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
  .menubar-vertical-expand-lg .nav-nested-margins > li .nav > li {
    margin-left: 0;
  }
  .menubar-vertical-expand-lg .nav-link {
    color: #6b6c7e;
  }
  .menubar-vertical-expand-lg .nav-link:hover, .menubar-vertical-expand-lg .nav-link.hover {
    color: #6b6c7e;
  }
  .menubar-vertical-expand-lg .nav-link:active {
    color: #272833;
  }
  .menubar-vertical-expand-lg .nav-link.active {
    color: #272833;
  }
  .menubar-vertical-expand-lg .nav-link:disabled, .menubar-vertical-expand-lg .nav-link.disabled {
    color: #a7a9bc;
  }
  .menubar-vertical-expand-lg .nav-link[aria-expanded=true], .menubar-vertical-expand-lg .nav-link.show {
    color: #272833;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent {
    background-color: #fff;
  }
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link {
  border-radius: 0.25rem;
  color: #6b6c7e;
  letter-spacing: 0.016rem;
  margin-bottom: 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) {
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
    transition: none;
  }
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link {
  transition: none;
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link::before {
  border-radius: 0.25rem 0 0 0.25rem;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
  background-color: rgba(39, 40, 51, 0.04);
  color: #272833;
  font-weight: 600;
  letter-spacing: 0;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:hover::before, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover::before {
  background: #88889a;
  width: 0.1875rem;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
  color: #272833;
  outline: 0;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
  border-radius: 0.25rem;
  bottom: 0;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.menubar-vertical-expand-lg.menubar-transparent .nav-link:active {
  color: rgba(0, 0, 0, 0.9);
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
  font-weight: 600;
  background-color: rgba(11, 95, 255, 0.06);
  color: #272833;
  letter-spacing: 0;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link.active::before {
  background-color: #528eff;
  width: 0.25rem;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
  background-color: transparent;
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
  font-weight: 400;
  letter-spacing: 0.016rem;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled::before, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled::before {
  content: none;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled::after {
  content: none;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
  font-weight: 600;
  color: #272833;
  letter-spacing: 0;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true]::before, .menubar-vertical-expand-lg.menubar-transparent .nav-link.show::before {
  background-color: transparent;
}
.menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true]:hover::before, .menubar-vertical-expand-lg.menubar-transparent .nav-link.show:hover::before {
  background-color: #88889a;
  width: 0.1875rem;
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent {
    background-color: #fff;
  }
  .menubar-vertical-expand-lg.menubar-transparent .menubar-collapse {
    background-color: #fff;
    border-color: #e7e7ed;
    border-radius: 0.25rem;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, 0.3);
  }
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
    text-decoration: none;
    color: #6b6c7e;
    font-size: 0.875rem;
    font-weight: 600;
    transition: box-shadow 0.15s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .menubar-toggler {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .menubar-vertical-expand-lg.menubar-transparent .nav-link {
    border-radius: 0;
    color: #272833;
    margin-bottom: 0;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link::before {
    content: none;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:hover, .menubar-vertical-expand-lg.menubar-transparent .nav-link.hover {
    background-color: rgba(39, 40, 51, 0.04);
    color: #1c1d25;
    box-shadow: none;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
    background-color: transparent;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
    box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
    font-weight: 600;
    background-color: rgba(11, 95, 255, 0.06);
    box-shadow: none;
    color: #272833;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link:disabled, .menubar-vertical-expand-lg.menubar-transparent .nav-link.disabled {
    background-color: transparent;
    color: #6b6c7e;
  }
  .menubar-vertical-expand-lg.menubar-transparent .nav-link[aria-expanded=true], .menubar-vertical-expand-lg.menubar-transparent .nav-link.show {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .menubar-vertical-expand-lg.menubar-decorated .nav {
    border-left-color: #e7e7ed;
    border-left-style: solid;
    border-left-width: 0.125rem;
    display: block;
    padding-left: 0.5rem;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav > .nav-item .nav {
    margin-bottom: 0.25rem;
    margin-left: 1rem;
    margin-top: 0.25rem;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav-link {
    padding-left: 1rem !important;
  }
  .menubar-vertical-expand-lg.menubar-decorated .nav-link.active::after {
    background-color: #b3cdff;
    bottom: 0;
    content: "";
    display: block;
    left: -0.625rem;
    position: absolute;
    top: 0;
    width: 0.125rem;
  }
}

.navbar {
  align-items: center;
  border-width: 0;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  position: relative;
}
.navbar > .container-xxxl, .navbar > .container-xxl, .navbar > .container-xl, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar .container,
.navbar .container-fluid {
  align-items: inherit;
  background-color: inherit;
  display: inherit;
  flex-wrap: inherit;
  justify-content: inherit;
}
.navbar-nowrap {
  flex-wrap: nowrap;
}
.navbar-nowrap .navbar-text {
  min-width: 0;
  white-space: nowrap;
}

.navbar-nav .dropdown-menu-right,
.navbar-form .dropdown-menu-right {
  left: auto;
  right: 0;
}

.navbar-nav {
  display: flex;
  flex-wrap: inherit;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  float: none;
}
.navbar-nav .nav-item,
.navbar-nav .nav-item .dropdown {
  align-items: center;
  display: flex;
  word-wrap: normal;
  max-width: 100%;
}
.navbar-nav .nav-item > .custom-control,
.navbar-nav .nav-item > .form-check {
  margin-bottom: 0;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.navbar-nav .nav-link {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.navbar-nav-expand {
  flex-grow: 1;
  min-width: 0;
}

.navbar-nav-last {
  margin-left: auto;
}

.nav-item-expand {
  flex-grow: 1;
  min-width: 0;
}

.nav-item-shrink {
  min-width: 0;
}

.navbar-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 0;
}

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

.navbar-collapse {
  align-items: center;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.navbar-collapse .container,
.navbar-collapse .container-fluid {
  padding-left: 0;
  padding-right: 0;
}
.navbar-collapse .dropdown-toggle .navbar-text-truncate {
  max-width: calc(100% - 1.5625rem);
}

.navbar-text-truncate {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-decoration: inherit;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.navbar-toggler-icon {
  background-size: 100% 100%;
  background: no-repeat center center;
  content: "";
  display: inline-block;
  height: 1.5em;
  vertical-align: middle;
  width: 1.5em;
}

.navbar-toggler {
  background-color: transparent;
  border: 0.0625rem solid transparent;
  border-radius: 0.25rem;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0.25rem 0.75rem;
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  z-index: 525;
}
.navbar-toggler-link {
  align-items: center;
  display: flex;
  border-width: 0;
  line-height: 1.5;
  max-width: 100%;
  padding: calc((1rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5) 0.5rem;
  position: relative;
}
.navbar-toggler-link .lexicon-icon {
  min-width: 1em;
  margin-left: 3px;
  margin-top: 0;
}

.navbar-brand {
  display: inline-block;
  font-size: 1.125rem;
  line-height: inherit;
  max-width: calc(100% - 72px);
  padding-bottom: calc((1rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: calc((1rem * 1.5 + 0.625rem * 2 - calc(
	1.125rem * 1.5
)) * 0.5);
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-form {
  align-items: center;
  display: flex;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.navbar-form > form {
  width: 100%;
}

.navbar-form-autofit {
  flex-basis: 100px;
  flex-grow: 1;
}
.navbar-form-autofit form {
  display: flex;
  width: 100%;
}

.navbar-overlay {
  background-color: inherit;
  flex-wrap: inherit;
}

.navbar-breakpoint-d-block,
.navbar-breakpoint-d-inline-block,
.navbar-breakpoint-d-flex {
  display: none !important;
}

.navbar-expand-sm .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 575.98px) {
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-sm.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-sm .navbar-collapse .nav-item,
  .navbar-expand-sm .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-sm .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-sm .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-sm .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-sm .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-md .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 767.98px) {
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-md.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-md .navbar-collapse .nav-item,
  .navbar-expand-md .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-md .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-md .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-md .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-md .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-md .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-md .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-lg .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 991.98px) {
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-lg.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-lg .navbar-collapse .nav-item,
  .navbar-expand-lg .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-lg .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-lg .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-lg .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-lg .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand-xl .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}
@media (max-width: 1279.98px) {
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    background-color: inherit;
    left: 0;
    padding: 0 1rem;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 500;
  }
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container,
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .container-fluid {
    padding-left: 12px;
    padding-right: 12px;
  }
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-nav:last-child,
  .navbar-expand-xl.navbar-collapse-absolute .navbar-collapse .navbar-form:last-child {
    padding-bottom: 0.5rem;
  }
  .navbar-expand-xl .navbar-collapse .nav-item,
  .navbar-expand-xl .navbar-collapse .nav-item .dropdown {
    display: block;
  }
  .navbar-expand-xl .navbar-collapse .navbar-text-truncate {
    max-width: 100%;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav {
    flex-direction: column;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-toggle .navbar-text-truncate {
    max-width: calc(
									100% - 1.5625rem
								);
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:hover, .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item:focus {
    background-color: transparent;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item.active {
    background-color: transparent;
  }
  .navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-menu {
    background-color: transparent;
    border-width: 0;
    box-shadow: none;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: static;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-header,
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-item {
    padding: 0.625rem 0.5rem;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-menu {
    display: block;
  }
  .navbar-expand-xl .show-dropdown-on-collapse .dropdown-toggle {
    display: none;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-block {
    display: block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-flex {
    display: flex !important;
  }
  .navbar-expand-xl .navbar-breakpoint-down-d-none {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .navbar-expand-xl .navbar-brand .navbar-text-truncate {
    max-width: 12.5rem;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    width: auto;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-toggle .navbar-text-truncate {
    max-width: 10.9375rem;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .navbar-breakpoint-d-block {
    display: block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-inline-block {
    display: inline-block !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-flex {
    display: flex !important;
  }
  .navbar-expand-xl .navbar-breakpoint-d-none {
    display: none !important;
  }
}
.navbar-expand .nav-item .navbar-text-truncate {
  max-width: 12.5rem;
}

@media (max-width: 575.98px) {
  .navbar-overlay-xs-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-xs-down.show {
    display: flex;
  }
}

@media (max-width: 767.98px) {
  .navbar-overlay-sm-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-sm-down.show {
    display: flex;
  }
}

@media (max-width: 991.98px) {
  .navbar-overlay-md-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-md-down.show {
    display: flex;
  }
}

@media (max-width: 1279.98px) {
  .navbar-overlay-lg-down {
    bottom: 0;
    display: none;
    justify-content: space-between;
    left: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 450;
  }
  .navbar-overlay-lg-down.show {
    display: flex;
  }
}

.navbar-overlay-up {
  bottom: 0;
  display: none;
  justify-content: space-between;
  left: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 450;
}
.navbar-overlay-up.show {
  display: flex;
}

.navbar-light .navbar-brand {
  color: #272833;
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: #272833;
}
.navbar-light .navbar-nav .nav-link {
  color: #6b6c7e;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #6b6c7e;
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.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: #272833;
}
.navbar-light .navbar-toggler {
  border-color: rgba(0, 0, 0, 0.1);
  color: #6b6c7e;
}
.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='%236b6c7e' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: #6b6c7e;
}
.navbar-light .navbar-text a {
  color: #272833;
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: #272833;
}

.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: #fff;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.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 {
  border-color: rgba(255, 255, 255, 0.1);
  color: #fff;
}
.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='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: #fff;
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.navbar-underline .navbar-toggler-link::after {
  background-color: #80acff;
  bottom: -0.5rem;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  right: 0;
  width: auto;
}
@media (min-width: 768px) {
  .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
  .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navbar-underline.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
    background-color: #80acff;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 0.125rem;
    left: 0;
    position: absolute;
    right: 0;
    width: auto;
  }
}
.application-bar {
  flex-wrap: nowrap;
  border-width: 0px 0px 0px 0px;
  font-size: 0.875rem;
  padding: 0px 0;
}
.application-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.application-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.application-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
}
.application-bar .navbar-toggler-link .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0px -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
							3rem -
								0px -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.application-bar .navbar-brand .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-title {
  font-size: 1.125rem;
}
.application-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
}
.application-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.25rem;
}
.application-bar .navbar-nav .nav-btn-monospaced {
  font-size: 1rem;
  padding: 0;
}
.application-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.application-bar .navbar-nav .nav-item > .custom-control,
.application-bar .navbar-nav .nav-item > .form-check {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.application-bar .navbar-nav .nav-link,
.application-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-top: calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.application-bar .navbar-nav .nav-link .c-inner,
.application-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.application-bar .navbar-nav .nav-link-monospaced {
  font-size: 1rem;
  margin-bottom: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.application-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
@media (max-width: 575.98px) {
  .application-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-sm .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 576px) {
  .application-bar.navbar-expand-sm .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-sm .navbar-form > .container,
  .application-bar.navbar-expand-sm .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-sm .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-sm .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-sm .nav-item > .custom-control,
  .application-bar.navbar-expand-sm .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-link,
  .application-bar.navbar-expand-sm .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-sm .nav-link .c-inner,
  .application-bar.navbar-expand-sm .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-sm .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-sm .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .application-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-md .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .application-bar.navbar-expand-md .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-md .navbar-form > .container,
  .application-bar.navbar-expand-md .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-md .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-md .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-md .nav-item > .custom-control,
  .application-bar.navbar-expand-md .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-md .nav-link,
  .application-bar.navbar-expand-md .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-md .nav-link .c-inner,
  .application-bar.navbar-expand-md .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-md .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-md .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .application-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-lg .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .application-bar.navbar-expand-lg .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-lg .navbar-form > .container,
  .application-bar.navbar-expand-lg .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-lg .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-lg .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-lg .nav-item > .custom-control,
  .application-bar.navbar-expand-lg .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-link,
  .application-bar.navbar-expand-lg .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-lg .nav-link .c-inner,
  .application-bar.navbar-expand-lg .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-lg .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-lg .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1279.98px) {
  .application-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0px 0px;
    left: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .application-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .application-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0px -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .application-bar.navbar-expand-xl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .application-bar.navbar-expand-xl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.25rem;
    padding-bottom: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							3.5rem -
								0px -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .navbar-brand .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .navbar-form {
    height: calc(
												3.5rem -
													0px -
													0px
											);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .application-bar.navbar-expand-xl .navbar-form > .container,
  .application-bar.navbar-expand-xl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .application-bar.navbar-expand-xl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .nav-btn .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .application-bar.navbar-expand-xl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .application-bar.navbar-expand-xl .nav-item > .custom-control,
  .application-bar.navbar-expand-xl .nav-item > .form-check {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-link,
  .application-bar.navbar-expand-xl .navbar-text {
    margin-bottom: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .application-bar.navbar-expand-xl .nav-link .c-inner,
  .application-bar.navbar-expand-xl .navbar-text .c-inner {
    margin-left: -0.25rem;
    margin-right: -0.25rem;
  }
  .application-bar.navbar-expand-xl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    margin-top: calc((
						3.5rem -
							0px -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .application-bar.navbar-expand-xl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .application-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .application-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .application-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .application-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.application-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.application-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0px +
							0px +
							calc((
						(
								3rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.125rem;
}
@media (min-width: 576px) {
  .application-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 768px) {
  .application-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 992px) {
  .application-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
@media (min-width: 1280px) {
  .application-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.125rem;
  }
}
.application-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: calc((0px + 0px + calc((
						(
								3.5rem -
									0px -
									0px
							) -
							2rem
					) * 0.5)) * -1);
  height: 0.125rem;
}
.application-bar .navbar-nav .nav-link {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .application-bar .navbar-nav .nav-link {
    transition: none;
  }
}
.application-bar .navbar-nav .nav-link {
  transition: none;
}

.application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .application-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.application-bar .navbar-brand {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .application-bar .navbar-brand {
    transition: none;
  }
}
.application-bar .navbar-brand {
  transition: none;
}

.application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus-visible, .c-prefers-focus .application-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
  box-shadow: none;
}
.application-bar .container,
.application-bar .container-fluid {
  flex-wrap: nowrap;
}
.application-bar .navbar-nav {
  flex-wrap: nowrap;
}

.application-bar-dark {
  background-color: #30313f;
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-link {
  color: #fff;
  font-weight: 600;
}
.application-bar-dark .navbar-nav .nav-link:hover, .application-bar-dark .navbar-nav .nav-link.hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.03);
}
.application-bar-dark .navbar-nav .nav-link.focus, .application-bar-dark .navbar-nav .nav-link:focus-visible, .c-prefers-focus .application-bar-dark .navbar-nav .nav-link:focus {
  background-color: rgba(255, 255, 255, 0.03);
}

.application-bar-dark .navbar-nav .nav-link:active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.application-bar-dark .navbar-nav .nav-link.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-link:disabled, .application-bar-dark .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 0.5;
  background-color: transparent;
}
.application-bar-dark .navbar-nav .nav-link[aria-expanded=true], .application-bar-dark .navbar-nav .nav-link.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-nav .nav-btn {
  font-weight: 600;
}
.application-bar-dark .navbar-brand {
  font-weight: 600;
}
.application-bar-dark .navbar-brand.focus, .application-bar-dark .navbar-brand:focus-visible, .c-prefers-focus .application-bar-dark .navbar-brand:focus {
  background-color: rgba(255, 255, 255, 0.03);
}

.application-bar-dark .navbar-brand:active {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.06);
}
.application-bar-dark .navbar-brand.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-brand:disabled, .application-bar-dark .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 0.5;
  background-color: transparent;
}
.application-bar-dark .navbar-brand[aria-expanded=true], .application-bar-dark .navbar-brand.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.application-bar-dark .navbar-toggler {
  color: #fff;
  font-weight: 600;
}
.application-bar-dark .navbar-overlay {
  background-color: #30313f;
}

.management-bar {
  border-width: 0px 0px 0.0625rem 0px;
  font-size: 0.875rem;
  min-height: 4rem;
  padding: 0px 0;
  border-color: transparent;
  border-style: solid;
}
.management-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 0.875rem;
  margin-right: 0.875rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.management-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.management-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: auto;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							0.875rem *
							1.5
					) * 0.5);
}
.management-bar .navbar-toggler-link .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.management-bar .navbar-brand .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 0.25rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.25rem;
}
.management-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.25rem;
}
.management-bar .navbar-nav .nav-btn-monospaced {
  font-size: 1rem;
  padding: 0;
}
.management-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.management-bar .navbar-nav .nav-item > .custom-control,
.management-bar .navbar-nav .nav-item > .form-check {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.management-bar .navbar-nav .nav-link,
.management-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.management-bar .navbar-nav .nav-link .c-inner,
.management-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}
.management-bar .navbar-nav .nav-link-monospaced {
  font-size: 1rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.management-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
.management-bar .dropdown-menu {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .management-bar.navbar-expand-sm {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-sm .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 576px) {
  .management-bar.navbar-expand-sm .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-sm .navbar-form > .container,
  .management-bar.navbar-expand-sm .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-sm .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-sm .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-sm .nav-item > .custom-control,
  .management-bar.navbar-expand-sm .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-link,
  .management-bar.navbar-expand-sm .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-sm .nav-link .c-inner,
  .management-bar.navbar-expand-sm .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-sm .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-sm .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .management-bar.navbar-expand-md {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-md .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 768px) {
  .management-bar.navbar-expand-md .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-md .navbar-form > .container,
  .management-bar.navbar-expand-md .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-md .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-md .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-md .nav-item > .custom-control,
  .management-bar.navbar-expand-md .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-md .nav-link,
  .management-bar.navbar-expand-md .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-md .nav-link .c-inner,
  .management-bar.navbar-expand-md .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-md .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-md .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 991.98px) {
  .management-bar.navbar-expand-lg {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-lg .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 992px) {
  .management-bar.navbar-expand-lg .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-lg .navbar-form > .container,
  .management-bar.navbar-expand-lg .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-lg .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-lg .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-lg .nav-item > .custom-control,
  .management-bar.navbar-expand-lg .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-link,
  .management-bar.navbar-expand-lg .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-lg .nav-link .c-inner,
  .management-bar.navbar-expand-lg .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-lg .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-lg .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 1279.98px) {
  .management-bar.navbar-expand-xl {
    min-height: 3rem;
  }
  .management-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .management-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .management-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .management-bar.navbar-expand-xl .navbar-form .form-control {
    height: 2rem;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (min-width: 1280px) {
  .management-bar.navbar-expand-xl .navbar-brand {
    font-size: 1.125rem;
    margin-right: 0.5rem;
    padding-bottom: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							4rem -
								0.0625rem -
								0px -
								0px *
								2 -
								(1.125rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .navbar-brand .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .navbar-form {
    height: calc(
												4rem -
													0.0625rem -
													0px
											);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .management-bar.navbar-expand-xl .navbar-form > .container,
  .management-bar.navbar-expand-xl .navbar-form > .container-fluid {
    padding-left: 0;
    padding-right: 0;
  }
  .management-bar.navbar-expand-xl .nav-btn {
    font-size: 0.875rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .nav-btn .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-btn-monospaced {
    font-size: 1rem;
    padding: 0;
  }
  .management-bar.navbar-expand-xl .nav-btn-monospaced .c-inner {
    margin: 0;
  }
  .management-bar.navbar-expand-xl .nav-item > .custom-control,
  .management-bar.navbar-expand-xl .nav-item > .form-check {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-link,
  .management-bar.navbar-expand-xl .navbar-text {
    margin-bottom: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
    padding-bottom: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: calc((
							2rem -
								(0.875rem * 1.5)
						) * 0.5);
  }
  .management-bar.navbar-expand-xl .nav-link .c-inner,
  .management-bar.navbar-expand-xl .navbar-text .c-inner {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
  .management-bar.navbar-expand-xl .nav-link-monospaced {
    font-size: 1rem;
    margin-bottom: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: calc((
						4rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
    padding: 0;
  }
  .management-bar.navbar-expand-xl .nav-link-monospaced .c-inner {
    margin: 0;
  }
}
@media (max-width: 575.98px) {
  .management-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .management-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .management-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .management-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.management-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.management-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0.0625rem +
							0px +
							calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.25rem;
}
@media (min-width: 576px) {
  .management-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 768px) {
  .management-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 992px) {
  .management-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .management-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
    height: 0.25rem;
  }
}
.management-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: calc((0.0625rem + 0px + calc((
						(
								4rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)) * -1);
  height: 0.25rem;
}
.management-bar .navbar-nav .nav-link {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .management-bar .navbar-nav .nav-link {
    transition: none;
  }
}
.management-bar .navbar-nav .nav-link {
  transition: none;
}

.management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.management-bar .navbar-brand {
  border-radius: 0.25rem;
  outline: 0;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .management-bar .navbar-brand {
    transition: none;
  }
}
.management-bar .navbar-brand {
  transition: none;
}

.management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus-visible, .c-prefers-focus .management-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
  box-shadow: none;
}
.management-bar.navbar-nowrap .navbar-text {
  white-space: normal;
  word-wrap: break-word;
}

.management-bar-light {
  background-color: #fff;
}
.management-bar-light .navbar-nav .nav-link {
  color: #6b6c7e;
  font-weight: 600;
}
.management-bar-light .navbar-nav .nav-link:hover, .management-bar-light .navbar-nav .nav-link.hover {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.03);
}
.management-bar-light .navbar-nav .nav-link.focus, .management-bar-light .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar-light .navbar-nav .nav-link:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}

.management-bar-light .navbar-nav .nav-link:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-light .navbar-nav .nav-link.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-link:disabled, .management-bar-light .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-light .navbar-nav .nav-link[aria-expanded=true], .management-bar-light .navbar-nav .nav-link.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-nav .nav-btn {
  font-weight: 600;
}
.management-bar-light .navbar-brand {
  font-weight: 600;
}
.management-bar-light .navbar-brand.focus, .management-bar-light .navbar-brand:focus-visible, .c-prefers-focus .management-bar-light .navbar-brand:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}

.management-bar-light .navbar-brand:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-light .navbar-brand.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-brand:disabled, .management-bar-light .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-light .navbar-brand[aria-expanded=true], .management-bar-light .navbar-brand.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-light .navbar-toggler {
  color: #6b6c7e;
  font-weight: 600;
}
.management-bar-light .navbar-overlay {
  background-color: #fff;
}

.management-bar-primary {
  background-color: #f0f5ff;
  border-color: #0b5fff;
  color: #6b6c7e;
}
.management-bar-primary .navbar-nav .nav-link {
  color: #6b6c7e;
  border-radius: 0.25rem;
  font-weight: 600;
}
.management-bar-primary .navbar-nav .nav-link:hover, .management-bar-primary .navbar-nav .nav-link.hover {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.03);
}
.management-bar-primary .navbar-nav .nav-link.focus, .management-bar-primary .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar-primary .navbar-nav .nav-link:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}

.management-bar-primary .navbar-nav .nav-link:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-primary .navbar-nav .nav-link.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-link:disabled, .management-bar-primary .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-primary .navbar-nav .nav-link[aria-expanded=true], .management-bar-primary .navbar-nav .nav-link.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-nav .nav-btn {
  font-weight: 600;
}
.management-bar-primary .navbar-brand {
  border-radius: 0.25rem;
  font-weight: 600;
}
.management-bar-primary .navbar-brand.focus, .management-bar-primary .navbar-brand:focus-visible, .c-prefers-focus .management-bar-primary .navbar-brand:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}

.management-bar-primary .navbar-brand:active {
  color: #272833;
  background-color: rgba(39, 40, 51, 0.06);
}
.management-bar-primary .navbar-brand.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-brand:disabled, .management-bar-primary .navbar-brand.disabled {
  color: #a7a9bc;
  opacity: 1;
  background-color: transparent;
}
.management-bar-primary .navbar-brand[aria-expanded=true], .management-bar-primary .navbar-brand.show {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.management-bar-primary .navbar-toggler {
  color: #6b6c7e;
  font-weight: 600;
}
.management-bar-primary .navbar-overlay {
  background-color: #f0f5ff;
}

.navigation-bar {
  border-width: 0px 0px 0.0625rem 0px;
  font-size: 0.875rem;
  padding: 0px 0;
  border-color: transparent;
  border-style: solid;
}
.navigation-bar .navbar-toggler {
  font-size: 1.125rem;
  height: calc(3rem * 0.66667);
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 0.25rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding-top: 0.25rem;
}
.navigation-bar .navbar-toggler .c-inner {
  margin-bottom: -0.25rem;
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
.navigation-bar .navbar-toggler-link {
  font-size: 0.875rem;
  height: 2rem;
  line-height: 1.5;
  margin-bottom: 0.46875rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0.46875rem;
  padding-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0;
}
.navigation-bar .navbar-toggler-link .c-inner {
  margin-bottom: 0;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 0;
}
.navigation-bar .navbar-brand {
  font-size: 1.125rem;
  margin-right: 0;
  padding-bottom: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: calc((
							3rem -
								0.0625rem -
								0px -
								0px *
								2 -
								1.125rem *
								1.5
						) * 0.5);
}
.navigation-bar .navbar-brand .c-inner {
  margin-left: -1rem;
  margin-right: -1rem;
}
.navigation-bar .navbar-nav .nav-btn {
  font-size: 0.875rem;
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.navigation-bar .navbar-nav .nav-btn .c-inner {
  margin-bottom: -1rem;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -1rem;
}
.navigation-bar .navbar-nav .nav-btn-monospaced {
  padding: 0;
}
.navigation-bar .navbar-nav .nav-btn-monospaced .c-inner {
  margin: 0;
}
.navigation-bar .navbar-nav .nav-item > .custom-control,
.navigation-bar .navbar-nav .nav-item > .form-check {
  margin-left: 1rem;
  margin-right: 1rem;
}
.navigation-bar .navbar-nav .nav-link,
.navigation-bar .navbar-nav .navbar-text {
  margin-bottom: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  margin-top: calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5);
  padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
}
.navigation-bar .navbar-nav .nav-link .c-inner,
.navigation-bar .navbar-nav .navbar-text .c-inner {
  margin-left: -1rem;
  margin-right: -1rem;
}
.navigation-bar .navbar-nav .nav-link-monospaced {
  margin-bottom: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: calc((
						3rem -
							0.0625rem -
							0px -
							0px *
							2 -
							2rem
					) * 0.5);
  padding: 0;
}
.navigation-bar .navbar-nav .nav-link-monospaced .c-inner {
  margin: 0;
}
.navigation-bar .dropdown-menu {
  margin-top: 0;
}
@media (max-width: 575.98px) {
  .navigation-bar.navbar-expand-sm.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-sm .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-sm .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-sm .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 767.98px) {
  .navigation-bar.navbar-expand-md.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-md .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-md .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 991.98px) {
  .navigation-bar.navbar-expand-lg.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-lg .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-lg .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 1279.98px) {
  .navigation-bar.navbar-expand-xl.navbar-collapse-absolute .navbar-collapse {
    border-color: transparent;
    border-style: solid;
    border-width: 0 0px 0.0625rem 0px;
    left: 0px;
    margin-top: 0.0625rem;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
    right: 0px;
  }
  .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .navigation-bar.navbar-expand-xl .navbar-collapse .navbar-nav .dropdown-item {
    padding-bottom: 0.8125rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.8125rem;
  }
  .navigation-bar.navbar-expand-xl .navbar-form {
    height: calc(
											3rem - 0.0625rem -
												0px
										);
    padding-bottom: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: calc((
						2rem -
							(0.875rem * 1.5)
					) * 0.5);
  }
  .navigation-bar.navbar-expand-xl .navbar-form .form-control {
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 575.98px) {
  .navigation-bar .navbar-overlay-xs-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 767.98px) {
  .navigation-bar .navbar-overlay-sm-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 991.98px) {
  .navigation-bar .navbar-overlay-md-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
@media (max-width: 1279.98px) {
  .navigation-bar .navbar-overlay-lg-down {
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
  }
}
.navigation-bar .navbar-overlay-up {
  padding-bottom: 0px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0px;
}
.navigation-bar.navbar-underline .navbar-toggler-link:after {
  bottom: calc((
						0.0625rem +
							0px +
							calc((
						(
								3rem -
									0.0625rem -
									0px
							) -
							2rem
					) * 0.5)
					) * -1);
  height: 0.25rem;
}
@media (min-width: 576px) {
  .navigation-bar.navbar-underline.navbar-expand-sm .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 768px) {
  .navigation-bar.navbar-underline.navbar-expand-md .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 992px) {
  .navigation-bar.navbar-underline.navbar-expand-lg .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
@media (min-width: 1280px) {
  .navigation-bar.navbar-underline.navbar-expand-xl .navbar-nav .nav-link.active:after {
    bottom: -0.53125rem;
    height: 0.25rem;
  }
}
.navigation-bar.navbar-underline.navbar-expand .navbar-nav .nav-link.active:after {
  bottom: -0.53125rem;
  height: 0.25rem;
}
.navigation-bar .navbar-nav .nav-link {
  border-width: 0;
  font-size: inherit;
  border-radius: 0.25rem;
  outline: 0;
}
.navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar .navbar-nav .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
  box-shadow: none;
}
.navigation-bar .navbar-brand {
  border-width: 0;
  font-size: inherit;
  border-radius: 0.25rem;
  outline: 0;
}
.navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar .navbar-brand:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
  box-shadow: none;
}
.navigation-bar-light {
  background-color: #fff;
  border-color: #f1f2f5;
}
.navigation-bar-light .navbar-nav .nav-link {
  color: #6b6c7e;
  font-weight: 600;
}
.navigation-bar-light .navbar-nav .nav-link:hover, .navigation-bar-light .navbar-nav .nav-link.hover {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link.focus, .navigation-bar-light .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar-light .navbar-nav .nav-link:focus {
  color: #272833;
}

.navigation-bar-light .navbar-nav .nav-link:active {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link.active {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-link:disabled, .navigation-bar-light .navbar-nav .nav-link.disabled {
  color: #6b6c7e;
  opacity: 0.4;
}
.navigation-bar-light .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-light .navbar-nav .nav-link.show {
  color: #272833;
}
.navigation-bar-light .navbar-nav .nav-btn {
  font-weight: 600;
}
.navigation-bar-light .navbar-brand {
  font-weight: 600;
}
.navigation-bar-light .navbar-brand.focus, .navigation-bar-light .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar-light .navbar-brand:focus {
  color: #272833;
}

.navigation-bar-light .navbar-brand:active {
  color: #272833;
}
.navigation-bar-light .navbar-brand.active {
  color: #272833;
}
.navigation-bar-light .navbar-brand:disabled, .navigation-bar-light .navbar-brand.disabled {
  color: #6b6c7e;
  opacity: 0.4;
}
.navigation-bar-light .navbar-brand[aria-expanded=true], .navigation-bar-light .navbar-brand.show {
  color: #272833;
}
.navigation-bar-light .navbar-toggler {
  color: #6b6c7e;
  font-weight: 600;
}
.navigation-bar-light .navbar-overlay {
  background-color: #fff;
}
@media (max-width: 767.98px) {
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    color: #6b6c7e;
    font-weight: 600;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus-visible, .c-prefers-focus .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    color: #272833;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
    color: #6b6c7e;
    opacity: 0.4;
  }
  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
    color: #272833;
  }
}
@media (min-width: 768px) {
  .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.active::after {
    background-color: #528eff;
  }
  .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link[aria-expanded=true]::after, .navigation-bar-light.navbar-expand-md.navbar-underline .navbar-nav .nav-link.show::after {
    background-color: #528eff;
  }
}

.navigation-bar-secondary {
  background-color: #393a4a;
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link {
  color: #cdced9;
  font-weight: 600;
}
.navigation-bar-secondary .navbar-nav .nav-link:hover, .navigation-bar-secondary .navbar-nav .nav-link.hover {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link.focus, .navigation-bar-secondary .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar-secondary .navbar-nav .nav-link:focus {
  color: #fff;
}

.navigation-bar-secondary .navbar-nav .nav-link:active {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link.active {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-link:disabled, .navigation-bar-secondary .navbar-nav .nav-link.disabled {
  color: #cdced9;
  opacity: 0.4;
}
.navigation-bar-secondary .navbar-nav .nav-link[aria-expanded=true], .navigation-bar-secondary .navbar-nav .nav-link.show {
  color: #fff;
}
.navigation-bar-secondary .navbar-nav .nav-btn {
  font-weight: 600;
}
.navigation-bar-secondary .navbar-brand {
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
}
.navigation-bar-secondary .navbar-brand:hover, .navigation-bar-secondary .navbar-brand.hover {
  color: rgba(255, 255, 255, 0.9);
}
.navigation-bar-secondary .navbar-brand.focus, .navigation-bar-secondary .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar-secondary .navbar-brand:focus {
  color: #fff;
}

.navigation-bar-secondary .navbar-brand:active {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand.active {
  color: #fff;
}
.navigation-bar-secondary .navbar-brand:disabled, .navigation-bar-secondary .navbar-brand.disabled {
  color: #cdced9;
  opacity: 0.4;
}
.navigation-bar-secondary .navbar-brand[aria-expanded=true], .navigation-bar-secondary .navbar-brand.show {
  color: #fff;
}
.navigation-bar-secondary .navbar-toggler {
  color: #cdced9;
  font-weight: 600;
}
.navigation-bar-secondary .navbar-overlay {
  background-color: #393a4a;
}
@media (max-width: 767.98px) {
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item {
    color: #cdced9;
    font-weight: 600;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus-visible, .c-prefers-focus .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.active {
    color: #fff;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:disabled, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.disabled {
    color: #cdced9;
    opacity: 0.4;
  }
  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item[aria-expanded=true], .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.show {
    color: #fff;
  }
}

.pagination {
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
  font-size: 0.875rem;
  list-style: none;
  margin-bottom: 0.5rem;
  padding-left: 0;
}

.pagination-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767.98px) {
  .pagination-bar {
    flex-direction: column;
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .pagination-bar {
    flex-direction: column;
    justify-content: center;
  }
  .pagination-bar .pagination {
    margin-top: 0.5rem;
  }
}

.page-link {
  align-items: center;
  background-color: transparent;
  border-radius: 4px;
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  margin-left: 0;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
  position: relative;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  letter-spacing: 0.033em;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link {
  transition: none;
}

.page-link::before {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
}
.page-link:hover, .page-link.hover {
  background-color: rgba(39, 40, 51, 0.04);
  border-color: transparent;
  color: #272833;
  text-decoration: none;
  z-index: 2;
  font-weight: 600;
  letter-spacing: 0;
}
.page-link:hover::before, .page-link.hover::before {
  background-color: #88889a;
  height: 0.1875rem;
}
.page-link.focus, .page-link:focus-visible, .c-prefers-focus .page-link:focus {
  box-shadow: none;
  outline: 0;
  z-index: 4;
  border-color: transparent;
  color: #272833;
}
.page-link.focus::after, .page-link:focus-visible::after, .c-prefers-focus .page-link:focus::after {
  border-radius: 4px;
  bottom: 0;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.page-link:active {
  background-color: rgba(11, 95, 255, 0.06);
  border-color: transparent;
  color: #272833;
  z-index: 3;
  font-weight: 600;
  letter-spacing: 0;
}
.page-link.active {
  background-color: rgba(11, 95, 255, 0.06);
  border-color: transparent;
  color: #272833;
  z-index: 3;
  font-weight: 600;
  letter-spacing: 0;
}
.page-link.active::before {
  background-color: #528eff;
  height: 0.25rem;
}
.page-link:disabled, .page-link.disabled {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  z-index: 0;
}
.page-link:disabled::before, .page-link.disabled::before {
  content: none;
}
.page-link:disabled:focus-visible::after, .c-prefers-focus .page-link:disabled:focus::after, .page-link.disabled:focus-visible::after, .c-prefers-focus .page-link.disabled:focus::after {
  content: none;
}

.page-link:disabled:active, .page-link.disabled:active {
  pointer-events: none;
}
.page-link[aria-expanded=true], .page-link.show {
  background-color: rgba(11, 95, 255, 0.06);
  border-color: transparent;
  color: #272833;
  z-index: 3;
  font-weight: 600;
  letter-spacing: 0;
}
.page-link[aria-expanded=true]::before, .page-link.show::before {
  background-color: transparent;
}
.page-link[aria-expanded=true]:hover::before, .page-link.show:hover::before {
  background-color: #88889a;
  height: 0.1875rem;
}
.page-link > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.page-link .lexicon-icon {
  margin-top: 0;
}

.page-item {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.page-item.active .page-link {
  background-color: rgba(11, 95, 255, 0.06);
  border-color: transparent;
  color: #272833;
  z-index: 3;
  font-weight: 600;
  letter-spacing: 0;
}
.page-item.active .page-link::before {
  background-color: #528eff;
  height: 0.25rem;
}
.page-item.disabled .page-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  z-index: 0;
}
.page-item.disabled .page-link::before {
  content: none;
}
.page-item.disabled .page-link.focus::after, .page-item.disabled .page-link:focus-visible::after, .c-prefers-focus .page-item.disabled .page-link:focus::after {
  content: none;
}

.page-item.disabled .page-link:active {
  pointer-events: none;
}
.page-item:first-child .page-link,
.page-link-first {
  border-radius: 4px;
}

.page-item:last-child .page-link,
.page-link-last {
  border-radius: 4px;
}

.pagination-items-per-page {
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
}
.pagination-items-per-page > a,
.pagination-items-per-page > button {
  align-items: center;
  border-color: transparent;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  padding-bottom: 0;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0;
  text-decoration: none;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  letter-spacing: 0.025em;
}
@media (prefers-reduced-motion: reduce) {
  .pagination-items-per-page > a,
  .pagination-items-per-page > button {
    transition: none;
  }
}
.pagination-items-per-page > a, .pagination-items-per-page > button {
  transition: none;
}

.pagination-items-per-page > a::before,
.pagination-items-per-page > button::before {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
}
.pagination-items-per-page > a:hover, .pagination-items-per-page > a.hover,
.pagination-items-per-page > button:hover,
.pagination-items-per-page > button.hover {
  background-color: rgba(39, 40, 51, 0.04);
  border-color: transparent;
  color: #272833;
  font-weight: 600;
  letter-spacing: 0;
  text-decoration: none;
  z-index: 2;
}
.pagination-items-per-page > a:hover::before, .pagination-items-per-page > a.hover::before,
.pagination-items-per-page > button:hover::before,
.pagination-items-per-page > button.hover::before {
  background-color: #88889a;
  height: 0.1875rem;
}
.pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus-visible, .c-prefers-focus .pagination-items-per-page > a:focus,
.pagination-items-per-page > button.focus,
.pagination-items-per-page > button:focus-visible,
.c-prefers-focus .pagination-items-per-page > button:focus {
  outline: 0;
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a.focus::after, .pagination-items-per-page > a:focus-visible::after, .c-prefers-focus .pagination-items-per-page > a:focus::after,
.pagination-items-per-page > button.focus::after,
.pagination-items-per-page > button:focus-visible::after,
.c-prefers-focus .pagination-items-per-page > button:focus::after {
  border-radius: 4px;
  bottom: 0;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.pagination-items-per-page > a:active,
.pagination-items-per-page > button:active {
  background-color: rgba(11, 95, 255, 0.06);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a.active,
.pagination-items-per-page > button.active {
  background-color: rgba(11, 95, 255, 0.06);
  border-color: transparent;
  color: #272833;
}
.pagination-items-per-page > a:disabled, .pagination-items-per-page > a.disabled,
.pagination-items-per-page > button:disabled,
.pagination-items-per-page > button.disabled {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  font-weight: 400;
  letter-spacing: 0.033em;
}
.pagination-items-per-page > a:disabled::before, .pagination-items-per-page > a.disabled::before,
.pagination-items-per-page > button:disabled::before,
.pagination-items-per-page > button.disabled::before {
  content: none;
}
.pagination-items-per-page > a:disabled:focus-visible::after, .c-prefers-focus .pagination-items-per-page > a:disabled:focus::after, .pagination-items-per-page > a.disabled:focus-visible::after, .c-prefers-focus .pagination-items-per-page > a.disabled:focus::after,
.pagination-items-per-page > button:disabled:focus-visible::after,
.c-prefers-focus .pagination-items-per-page > button:disabled:focus::after,
.pagination-items-per-page > button.disabled:focus-visible::after,
.c-prefers-focus .pagination-items-per-page > button.disabled:focus::after {
  content: none;
}

.pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
.pagination-items-per-page > button[aria-expanded=true],
.pagination-items-per-page > button.show {
  background-color: rgba(11, 95, 255, 0.06);
  border-color: transparent;
  color: #272833;
  font-weight: 600;
  letter-spacing: 0;
}
.pagination-items-per-page > a[aria-expanded=true]::before, .pagination-items-per-page > a.show::before,
.pagination-items-per-page > button[aria-expanded=true]::before,
.pagination-items-per-page > button.show::before {
  background-color: transparent;
}
.pagination-items-per-page > a[aria-expanded=true]:hover::before, .pagination-items-per-page > a.show:hover::before,
.pagination-items-per-page > button[aria-expanded=true]:hover::before,
.pagination-items-per-page > button.show:hover::before {
  background-color: #88889a;
  height: 0.1875rem;
}
.pagination-items-per-page > a > .c-inner,
.pagination-items-per-page > button > .c-inner {
  margin-bottom: 0;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: 0;
}
.pagination-items-per-page > a .lexicon-icon,
.pagination-items-per-page > button .lexicon-icon {
  margin-left: 0.125rem;
  margin-top: 0.125rem;
}
.pagination-items-per-page.disabled > a,
.pagination-items-per-page.disabled > button {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: auto;
  font-weight: 400;
  letter-spacing: 0.033em;
}
.pagination-items-per-page.disabled > a::before,
.pagination-items-per-page.disabled > button::before {
  content: none;
}
.pagination-items-per-page.disabled > a.focus::after, .pagination-items-per-page.disabled > a:focus-visible::after, .c-prefers-focus .pagination-items-per-page.disabled > a:focus::after,
.pagination-items-per-page.disabled > button.focus::after,
.pagination-items-per-page.disabled > button:focus-visible::after,
.c-prefers-focus .pagination-items-per-page.disabled > button:focus::after {
  content: none;
}

@media (max-width: 767.98px) {
  .pagination-items-per-page + .pagination-results {
    margin-left: auto;
  }
}

.page-item .dropdown-menu,
.pagination-items-per-page .dropdown-menu {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.pagination-results {
  border-color: transparent;
  border-style: solid;
  border-width: 0.0625rem;
  color: #6b6c7e;
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 0.5rem;
  margin-right: auto;
  max-width: 100%;
  padding: 0 0.625rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.panel {
  background-color: #fff;
  border-color: transparent;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  margin-bottom: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.panel-header {
  border-bottom: 0px solid transparent;
  border-top-left-radius: calc( 	0.25rem - 1px );
  border-top-right-radius: calc( 	0.25rem - 1px );
  display: block;
  font-size: 0.875rem;
  line-height: 1.2;
  padding: 0.75rem 1.25rem;
  position: relative;
  width: 100%;
}
.panel-header .c-inner {
  margin: -0.75rem -1.25rem;
  width: auto;
}
.panel-header.collapsed {
  border-bottom-left-radius: calc( 	0.25rem - 1px );
  border-bottom-right-radius: calc( 	0.25rem - 1px );
}
.panel-header.collapse-icon-middle .collapse-icon-closed,
.panel-header.collapse-icon-middle .collapse-icon-open {
  font-size: inherit;
}
.panel-header .collapse-icon-closed,
.panel-header .collapse-icon-open {
  font-size: 0.75rem;
  top: calc(0.75rem + (((1em * 1.2) - 1em) * 0.5));
}

.panel-header-link {
  color: inherit;
  display: block;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .panel-header-link {
    transition: none;
  }
}
.panel-header-link {
  transition: none;
}

.panel-header-link:hover, .panel-header-link.hover {
  color: inherit;
  text-decoration: none;
}
.panel-header-link.focus, .panel-header-link:focus-visible, .c-prefers-focus .panel-header-link:focus {
  z-index: 1;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.panel-header-link .collapse-icon {
  padding-right: 2.28125rem;
}

.panel-body {
  padding: 0.75rem 1.25rem;
}

.panel-footer {
  border-bottom-left-radius: calc( 	0.25rem - 1px );
  border-bottom-right-radius: calc( 	0.25rem - 1px );
  border-top: 0px solid transparent;
  padding: 0.75rem 1.25rem;
}

.panel-title {
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
}
.panel-title small,
.panel-title .small {
  font-size: 100%;
  margin-left: 0.375rem;
}

.panel-group {
  border-radius: 0.25rem;
}
.panel-group .panel {
  margin-bottom: -1px;
}
.panel-group .panel:first-child, .panel-group .panel:first-child .panel-header {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.panel-group .panel:not(:first-child) {
  border-radius: 0;
  margin-top: -1px;
}
.panel-group .panel:not(:first-child) .panel-header {
  border-radius: 0;
}
.panel-group .panel:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.panel-group .panel:last-child .panel-header.collapsed {
  border-bottom-left-radius: calc(
	0.25rem - 1px
);
  border-bottom-right-radius: calc(
	0.25rem - 1px
);
}
.panel-group .panel-header {
  border-bottom-width: 0;
}
.panel-group .panel-header + .panel-collapse > .panel-body {
  border-top: 0px solid transparent;
}
.panel-group .panel-unstyled {
  margin-bottom: 1.5rem;
}
.panel-group-fluid .panel,
.panel-group-flush .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid .panel:first-child, .panel-group-fluid .panel:last-child,
.panel-group-flush .panel:first-child,
.panel-group-flush .panel:last-child {
  border-radius: 0;
}
.panel-group-fluid .panel:first-child .panel-header, .panel-group-fluid .panel:first-child .panel-header.collapsed, .panel-group-fluid .panel:last-child .panel-header, .panel-group-fluid .panel:last-child .panel-header.collapsed,
.panel-group-flush .panel:first-child .panel-header,
.panel-group-flush .panel:first-child .panel-header.collapsed,
.panel-group-flush .panel:last-child .panel-header,
.panel-group-flush .panel:last-child .panel-header.collapsed {
  border-radius: 0;
}

.panel-group-fluid-first .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid-first .panel:first-child {
  border-top-width: 0;
}
.panel-group-fluid-first .panel:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.panel-group-fluid-last .panel {
  border-left-width: 0;
  border-right-width: 0;
}
.panel-group-fluid-last .panel:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-group-fluid-last .panel:last-child {
  border-bottom-width: 0;
}

.card-body > .panel-group-fluid,
.card-body > .panel-group-fluid-first,
.card-body > .panel-group-fluid-last {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.sheet > .panel-group-fluid {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.sheet > .panel-group-fluid-first {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  margin-top: -1.5rem;
}
.sheet > .panel-group-fluid-last {
  margin-bottom: -0.0625rem;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.panel-group-flush .panel-header,
.panel-group-flush .panel-header-link {
  padding-left: 0;
  padding-right: 0;
}
.panel-group-flush .panel-header .c-inner,
.panel-group-flush .panel-header-link .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.panel-group-flush .panel-body {
  margin-bottom: 1.5rem;
  padding: 0;
}
.panel-group-flush .collapse-icon {
  padding-right: 1.5rem;
}
.panel-group-flush .collapse-icon .c-inner {
  margin-right: -1.5rem;
}
.panel-group-flush .collapse-icon-closed,
.panel-group-flush .collapse-icon-open {
  right: 0;
}
.panel-group-flush .panel-unstyled {
  margin-bottom: 1.5rem;
}
.panel-group-flush .panel-unstyled .panel-body {
  margin-bottom: 0;
}
.sidebar-sm .panel-group .panel, .panel-group-sm .panel {
  font-size: 0.875rem;
}
.sidebar-sm .panel-group .panel .panel-header, .panel-group-sm .panel .panel-header {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.sidebar-sm .panel-group .panel .panel-header .c-inner, .panel-group-sm .panel .panel-header .c-inner {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}
.sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed, .panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.sidebar-sm .panel-group .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open,
.panel-group-sm .panel .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  top: 0.6875rem;
}
.sidebar-sm .panel-group .panel .panel-title, .panel-group-sm .panel .panel-title {
  font-size: 0.75rem;
}
.sidebar-sm .panel-group .panel-unstyled, .panel-group-sm .panel-unstyled {
  margin-bottom: 1rem;
}
.panel-block {
  border-color: #cdced9;
}
.panel-block .panel-header {
  font-size: 1.25rem;
  line-height: 1.25;
  padding: 1.15625rem 1.25rem;
}
.panel-block .panel-header.collapse-icon {
  padding-right: 3rem;
}
.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  font-size: inherit;
  top: 1.3125rem;
}
.panel-group .panel-block .panel-header + .panel-collapse > .panel-body {
  border-color: #cdced9;
}
.panel-block .panel-title {
  font-size: inherit;
  text-transform: none;
}
.panel-block .panel-body {
  padding: 0 1.25rem 1.25rem;
}
.panel-block .panel-footer {
  padding: 0 1.25rem 1.25rem;
}

.panel-default {
  border-width: 0px;
}
.panel-default .panel-header {
  border-radius: 0;
  color: #6b6c7e;
  font-size: 0.875rem;
  line-height: 1.125rem;
  padding-bottom: 0.40625rem;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.40625rem;
  text-transform: uppercase;
}
.panel-default .panel-header .c-inner {
  margin-bottom: -0.40625rem;
  margin-left: 0;
  margin-right: 0;
  margin-top: -0.40625rem;
}
.panel-default .panel-header.panel-header-link {
  border-bottom: 1px solid #cdced9;
}
.panel-default .panel-header.collapse-icon {
  padding-right: 1.75rem;
}
.panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  font-size: inherit;
  right: 0;
  top: 0.5rem;
}
.panel-default .panel-header.collapse-icon-middle .collapse-icon-closed,
.panel-default .panel-header.collapse-icon-middle .collapse-icon-open {
  right: 0;
}
.panel-default .panel-title {
  font-size: inherit;
}
.panel-default .panel-body {
  padding: 1.25rem 0;
}
.panel-default .panel-footer {
  padding: 1.25rem 0;
}

.panel-secondary {
  border-color: #e7e7ed;
  color: #6b6c7e;
}
.panel-secondary .panel-header {
  border-color: #e7e7ed;
}
.panel-group .panel-secondary .panel-header + .panel-collapse > .panel-body {
  border-color: #e7e7ed;
}
.panel-secondary .panel-footer {
  border-color: #e7e7ed;
}

.panel-unstyled {
  background-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  margin-bottom: 1.5rem;
}
.panel-unstyled .panel-header {
  border-color: #a7a9bc;
  border-radius: 0px;
  border-style: solid;
  border-width: 0 0 1px 0;
  padding-left: 0;
}
.panel-unstyled .panel-header .c-inner {
  margin-left: 0;
}
.panel-unstyled .panel-header.collapsed {
  border-color: #a7a9bc;
}
.panel-unstyled .panel-header.panel-header-link {
  border-radius: 1px;
}
.panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .panel-unstyled .panel-header.panel-header-link:focus {
  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
}

.panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  right: 0;
}
.panel-unstyled .panel-body {
  padding: 1rem 0 0.1px 0;
}
.panel-unstyled .panel-footer {
  padding: 1rem 0 0.1px 0;
}
.panel-group.panel-group-flush .panel-unstyled .panel-header-link, .panel-group.panel-group-flush .panel-unstyled .panel-header-link.collapsed {
  border-radius: 1px;
}

.panel-lg.panel-block .panel-header {
  font-size: 1.5rem;
  padding: 1.5rem 1.5rem;
}
.panel-lg.panel-block .panel-header.collapse-icon {
  padding-right: 4.5rem;
}
.panel-lg.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-lg.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  top: 1.75rem;
}
.panel-lg.panel-block .panel-body {
  padding: 0 1.5rem 1.5rem;
}
.panel-lg.panel-block .panel-footer {
  padding: 0 1.5rem 1.5rem;
}

.panel-sm.panel-block .panel-header {
  font-size: 1rem;
  padding: 0.8125rem 1rem;
}
.panel-sm.panel-block .panel-header.collapse-icon {
  padding-right: 3rem;
}
.panel-sm.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-sm.panel-block .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  top: 0.9375rem;
}
.panel-sm.panel-block .panel-body {
  padding: 0 1rem 1rem;
}
.panel-sm.panel-block .panel-footer {
  padding: 0 1rem 1rem;
}

.panel-sm.panel-default .panel-header {
  font-size: 0.75rem;
  line-height: 1;
  padding-bottom: 0.34375rem;
  padding-top: 0.34375rem;
}
.panel-sm.panel-default .panel-header .c-inner {
  margin-bottom: -0.34375rem;
  margin-top: -0.34375rem;
}
.panel-sm.panel-default .panel-header.collapse-icon {
  padding-right: 1.75rem;
}
.panel-sm.panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
.panel-sm.panel-default .panel-header:not(.collapse-icon-middle) .collapse-icon-open {
  top: 0.375rem;
}
.popover {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  box-shadow: 0 1px 15px -2px rgba(0, 0, 0, 0.2);
  display: block;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  left: 0;
  letter-spacing: normal;
  line-height: 1.5;
  max-width: 14.5rem;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  top: 0;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1060;
}
.popover .arrow {
  display: block;
  height: 5px;
  margin: 0 0.25rem;
  position: absolute;
  width: 10px;
}
.popover .arrow::before {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.popover .arrow::after {
  border-color: transparent;
  border-style: solid;
  content: "";
  display: block;
  position: absolute;
}
.popover .inline-scroller {
  max-height: 14.875rem;
}
.popover.focus, .popover:focus-visible, .c-prefers-focus .popover:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.popover-secondary {
  box-shadow: 0 8px 16px 0 rgba(11, 95, 255, 0.16);
}
.popover-secondary .popover-header {
  background-color: transparent;
  border-color: transparent;
  padding-bottom: 0;
}
.popover-secondary .close {
  color: #6b6c7e;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^=bottom] {
  margin-top: 5px;
}
.bs-popover-bottom > .arrow,
.bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(
			-5px - 1px
		);
}
.bs-popover-bottom > .arrow::before,
.bs-popover-auto[x-placement^=bottom] > .arrow::before {
  border-bottom-color: transparent;
  border-width: 0 5px 5px 5px;
  top: 0;
}
.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^=bottom] > .arrow::after {
  border-bottom-color: #fff;
  border-width: 0 5px 5px 5px;
  top: 1px;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^=bottom] .popover-header::before {
  border-bottom: 1px solid #fff;
  content: "";
  display: block;
  left: 50%;
  margin-left: calc(-10px / 2);
  position: absolute;
  top: 0;
  width: 10px;
}

.bs-popover-left,
.bs-popover-auto[x-placement^=left] {
  margin-right: 5px;
}
.bs-popover-left > .arrow,
.bs-popover-auto[x-placement^=left] > .arrow {
  height: 10px;
  margin: 0.25rem 0;
  right: calc(
			-5px - 1px
		);
  width: 5px;
}
.bs-popover-left > .arrow::before,
.bs-popover-auto[x-placement^=left] > .arrow::before {
  border-left-color: transparent;
  border-width: 5px 0 5px 5px;
  right: 0;
}
.bs-popover-left > .arrow::after,
.bs-popover-auto[x-placement^=left] > .arrow::after {
  border-left-color: #fff;
  border-width: 5px 0 5px 5px;
  right: 1px;
}

.bs-popover-right,
.bs-popover-auto[x-placement^=right] {
  margin-left: 5px;
}
.bs-popover-right > .arrow,
.bs-popover-auto[x-placement^=right] > .arrow {
  height: 10px;
  left: calc(
			-5px - 1px
		);
  margin: 0.25rem 0;
  width: 5px;
}
.bs-popover-right > .arrow::before,
.bs-popover-auto[x-placement^=right] > .arrow::before {
  border-right-color: transparent;
  border-width: 5px 5px 5px 0;
  left: 0;
}
.bs-popover-right > .arrow::after,
.bs-popover-auto[x-placement^=right] > .arrow::after {
  border-right-color: #fff;
  border-width: 5px 5px 5px 0;
  left: 1px;
}

.bs-popover-top,
.bs-popover-auto[x-placement^=top] {
  margin-bottom: 5px;
}
.bs-popover-top > .arrow,
.bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(
			-5px - 1px
		);
}
.bs-popover-top > .arrow::before,
.bs-popover-auto[x-placement^=top] > .arrow::before {
  border-top-color: transparent;
  border-width: 5px 5px 0;
  bottom: 0;
}
.bs-popover-top > .arrow::after,
.bs-popover-auto[x-placement^=top] > .arrow::after {
  border-top-color: #fff;
  border-width: 5px 5px 0;
  bottom: 1px;
}

.popover-header {
  color: #272833;
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  border-color: #e7e7ed;
  border-top-left-radius: calc( 	0.25rem - 1px );
  border-top-right-radius: calc( 	0.25rem - 1px );
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0;
  padding: 0.75rem 0;
}
.popover-header:empty {
  display: none;
}

.popover-body {
  border-bottom-left-radius: calc( 	0.25rem - 1px );
  border-bottom-right-radius: calc( 	0.25rem - 1px );
  color: #6b6c7e;
  padding: 0.75rem 1rem;
}

.popover-width-lg {
  max-width: 421px;
}

.clay-popover-top,
.clay-popover-top-left,
.clay-popover-top-right {
  margin-bottom: 5px;
}
.clay-popover-top .arrow,
.clay-popover-top-left .arrow,
.clay-popover-top-right .arrow {
  left: 50%;
  margin-left: -5px;
  bottom: calc((5px + 1px) * -1);
  margin: 0;
}
.clay-popover-top .arrow::before,
.clay-popover-top-left .arrow::before,
.clay-popover-top-right .arrow::before {
  border-top-color: transparent;
  border-width: 5px 5px 0;
  bottom: 0;
}
.clay-popover-top .arrow::after,
.clay-popover-top-left .arrow::after,
.clay-popover-top-right .arrow::after {
  border-top-color: #fff;
  border-width: 5px 5px 0;
  bottom: 1px;
}

.clay-popover-top-left .arrow {
  left: 0.625rem;
  margin: 0;
}
.clay-popover-top-right .arrow {
  left: auto;
  right: 0.625rem;
  margin: 0;
}
.clay-popover-right,
.clay-popover-right-bottom,
.clay-popover-right-top {
  margin-left: 5px;
}
.clay-popover-right .arrow,
.clay-popover-right-bottom .arrow,
.clay-popover-right-top .arrow {
  height: 10px;
  left: calc((5px + 1px) * -1);
  margin: -2.5px 0 0;
  top: 50%;
  width: 5px;
}
.clay-popover-right .arrow::before,
.clay-popover-right-bottom .arrow::before,
.clay-popover-right-top .arrow::before {
  border-right-color: transparent;
  border-width: 5px 5px 5px 0;
  left: 0;
}
.clay-popover-right .arrow::after,
.clay-popover-right-bottom .arrow::after,
.clay-popover-right-top .arrow::after {
  border-right-color: #fff;
  border-width: 5px 5px 5px 0;
  left: 1px;
}

.clay-popover-right-bottom .arrow {
  bottom: 0.625rem;
  margin: 0;
  top: auto;
}
.clay-popover-right-top .arrow {
  margin: 0;
  top: 0.625rem;
}
.clay-popover-right-top .arrow::after {
  border-right-color: #fff;
}

.clay-popover-bottom,
.clay-popover-bottom-left,
.clay-popover-bottom-right {
  margin-top: 5px;
}
.clay-popover-bottom .arrow,
.clay-popover-bottom-left .arrow,
.clay-popover-bottom-right .arrow {
  left: 50%;
  margin: 0 0 0 -5px;
  top: calc((5px + 1px) * -1);
}
.clay-popover-bottom .arrow::before,
.clay-popover-bottom-left .arrow::before,
.clay-popover-bottom-right .arrow::before {
  border-bottom-color: transparent;
  border-width: 0 5px 5px 5px;
  top: 0;
}
.clay-popover-bottom .arrow::after,
.clay-popover-bottom-left .arrow::after,
.clay-popover-bottom-right .arrow::after {
  border-bottom-color: #fff;
  border-width: 0 5px 5px 5px;
  top: 1px;
}

.clay-popover-bottom-left .arrow {
  left: 0.625rem;
  margin: 0;
}
.clay-popover-bottom-left .arrow::after {
  border-bottom-color: #fff;
}

.clay-popover-bottom-right .arrow {
  left: auto;
  right: 0.625rem;
}
.clay-popover-bottom-right .arrow::after {
  border-bottom-color: #fff;
}

.clay-popover-left,
.clay-popover-left-bottom,
.clay-popover-left-top {
  margin-right: 5px;
}
.clay-popover-left .arrow,
.clay-popover-left-bottom .arrow,
.clay-popover-left-top .arrow {
  height: 10px;
  margin: -2.5px 0 0;
  right: calc((5px + 1px) * -1);
  top: 50%;
  width: 5px;
}
.clay-popover-left .arrow::before,
.clay-popover-left-bottom .arrow::before,
.clay-popover-left-top .arrow::before {
  border-left-color: transparent;
  border-width: 5px 0 5px 5px;
  right: 0;
}
.clay-popover-left .arrow::after,
.clay-popover-left-bottom .arrow::after,
.clay-popover-left-top .arrow::after {
  border-left-color: #fff;
  border-width: 5px 0 5px 5px;
  right: 1px;
}

.clay-popover-left-bottom .arrow {
  bottom: 0.625rem;
  margin: 0;
  top: auto;
}
.clay-popover-left-top .arrow {
  margin: 0;
  top: 0.625rem;
}
.clay-popover-left-top .arrow::after {
  border-left-color: #fff;
}

.progress {
  background-color: #f1f2f5;
  border-radius: 100px;
  box-shadow: none;
  display: flex;
  flex-grow: 1;
  font-size: 0.5625rem;
  height: 0.5rem;
  min-width: 6.25rem;
  overflow: hidden;
}

.progress-bar {
  background-color: #0b5fff;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: width 0.6s ease;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.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: 0.5rem 0.5rem;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 0.5rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress-bar-animated {
  animation: progress-bar-stripes 1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.c-prefers-reduced-motion .progress-bar-animated {
  animation: none;
}

.progress-lg,
.progress-lg > .progress {
  border-radius: 100px;
  font-size: 1.125rem;
  height: calc(0.5rem * 2);
  line-height: calc(0.5rem * 2);
}

.progress-group {
  align-items: center;
  display: flex;
}
.progress-group .component-subtitle {
  font-size: 0.75rem;
  font-weight: 400;
}
.progress-group-addon {
  font-size: 0.875rem;
  font-weight: 600;
  margin-right: 0.25rem;
  min-width: 2rem;
  text-align: center;
}
.progress-group-addon:first-child {
  padding-left: 0;
}
.progress-group-addon:last-child {
  padding-right: 0;
}

.progress ~ .progress-group-addon {
  margin-left: 0.25rem;
  margin-right: 0;
}

.progress-group-feedback {
  color: #0b5fff;
}

.progress-group-stacked {
  display: block;
}
.progress-group-stacked .progress {
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
}
.progress-group-stacked .progress-group-addon {
  margin-left: 0;
  margin-right: 0;
}

.progress-success .progress-bar {
  background-color: #287d3c;
}
.progress-success .progress-group-feedback {
  color: #287d3c;
}

.progress-info .progress-bar {
  background-color: #2e5aac;
}
.progress-info .progress-group-feedback {
  color: #2e5aac;
}

.progress-warning .progress-bar {
  background-color: #b95000;
}
.progress-warning .progress-group-feedback {
  color: #b95000;
}

.progress-danger .progress-bar {
  background-color: #da1414;
}
.progress-danger .progress-group-feedback {
  color: #da1414;
}

.quick-action-menu {
  align-items: center;
  bottom: 0;
  display: none;
  font-size: 1rem;
  left: auto;
  position: absolute;
  right: 100%;
  top: 0;
}

.quick-action-item {
  border-radius: 0.25rem;
  display: flex;
  line-height: 1;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  min-height: 2rem;
  min-width: 2rem;
}
.quick-action-item:disabled, .quick-action-item.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.quick-action-item .lexicon-icon {
  margin-top: 0;
}

.sheet {
  background-color: #fff;
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0.0625rem;
  border-radius: 0.25rem;
  padding-bottom: 0.0625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
  }
}
.sheet::after {
  content: "";
  display: block;
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet::after {
    margin-top: 1rem;
  }
}
.sheet + .sheet {
  margin-top: 3rem;
}
.sheet .component-title {
  color: inherit;
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  max-width: 100%;
}
.sheet .panel-group,
.sheet .panel-group .panel:last-child .panel-body {
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet .panel-group,
  .sheet .panel-group .panel:last-child .panel-body {
    margin-bottom: 1rem;
  }
}
.sheet .panel-group .panel-body {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet .panel-group .panel-body {
    margin-bottom: 2rem;
  }
}

.sheet-row {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
@media (max-width: 767.98px) {
  .sheet-row {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.sheet-header {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet-header {
    margin-bottom: 2rem;
  }
}
.sheet-header::after {
  clear: both;
  content: "";
  display: block;
}

.sheet-section {
  margin-bottom: 3rem;
}
@media (max-width: 767.98px) {
  .sheet-section {
    margin-bottom: 2rem;
  }
}
.sheet-section > fieldset {
  margin-bottom: -3rem;
}
@media (max-width: 767.98px) {
  .sheet-section > fieldset {
    margin-bottom: -2rem;
  }
}
.sheet-section > .card-page:last-child,
.sheet-section .card-page-last {
  margin-bottom: -1.5rem;
}
.sheet-section::after {
  clear: both;
  content: "";
  display: block;
}

fieldset + .sheet-footer {
  margin-top: 0;
}

.sheet-footer {
  display: flex;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-footer {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}
.sheet-footer::after {
  clear: both;
  content: "";
  display: block;
}

@media (max-width: 767.98px) {
  .sheet-footer-btn-block-sm-down {
    display: block;
  }
  .sheet-footer-btn-block-sm-down .btn {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
  }
  .sheet-footer-btn-block-sm-down .btn-group {
    display: block;
  }
  .sheet-footer-btn-block-sm-down .btn-group-item {
    display: block;
    margin-right: 0;
  }
}

.sheet-lg {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}

.sheet-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}
.sheet-subtitle {
  border-color: #a7a9bc;
  border-style: solid;
  border-width: 0 0 1px 0;
  color: #1c1c24;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  position: relative;
  text-transform: uppercase;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-subtitle {
    margin-bottom: 1rem;
  }
}
.sheet-subtitle .c-inner {
  margin-bottom: -0.5rem;
  margin-top: -0.5rem;
}
.sheet-subtitle.autofit-row {
  padding-bottom: 0;
}
.sheet-subtitle.autofit-row .autofit-col {
  margin-bottom: 0.5rem;
}
.sheet-subtitle .collapse-icon-closed,
.sheet-subtitle .collapse-icon-open {
  font-size: 0.75rem;
  top: calc(0.5rem + (((1em * 1.2) - 1em) * 0.5));
}
.sheet-subtitle .component-title,
.sheet-subtitle .heading-text {
  margin-bottom: 0;
  margin-top: auto;
}
.sheet-subtitle a,
.sheet-subtitle .btn {
  text-transform: none;
}

a.sheet-subtitle {
  color: #1c1c24;
  border-radius: 1px;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  a.sheet-subtitle {
    transition: none;
  }
}
a.sheet-subtitle {
  transition: none;
}

a.sheet-subtitle:hover, a.sheet-subtitle.hover {
  text-decoration: none;
}
a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet-subtitle:focus {
  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
  outline: 0;
}

.sheet-tertiary-title {
  color: #1c1c24;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  text-transform: uppercase;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-tertiary-title {
    margin-bottom: 0.5rem;
  }
}
.sheet-tertiary-title .component-title {
  margin-bottom: 0;
}

.sheet-text {
  color: #6b6c7e;
  margin-bottom: 1.5rem;
  word-wrap: break-word;
}
@media (max-width: 767.98px) {
  .sheet-text {
    margin-bottom: 1rem;
  }
}

.sheet-multiple-form .sheet-header {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 1px;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 1rem 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-multiple-form .sheet-header {
    margin: -1rem -1rem 1rem;
    padding: 1rem;
  }
}
.sheet-multiple-form .sheet-header .sheet-title {
  margin-bottom: 0;
}

.sheet-dataset-content .sheet-header {
  border-width: 0px;
  margin: -1.5rem -1.5rem 1.5rem;
  padding: 1rem 1.5rem;
}
@media (max-width: 767.98px) {
  .sheet-dataset-content .sheet-header {
    margin: -1rem -1rem 1rem;
    padding: 1rem;
  }
}
.sheet-dataset-content .sheet-header .sheet-title {
  margin-bottom: 0;
}

.card-page-equal-height .sheet {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.card-page-equal-height .sheet > .autofit-row {
  flex-grow: 1;
}

.card-page-item .sheet {
  margin-bottom: 24px;
}

.container-fluid-1280.sidenav-container {
  padding-left: 12px;
  padding-right: 12px;
}

.sidenav-container {
  position: relative;
}
.sidenav-container > .sidenav-menu-slider {
  visibility: hidden;
  width: 0;
}
.sidenav-container > .sidenav-content {
  left: 0;
}

.sidenav-container.open.sidenav-transition > .sidenav-menu-slider {
  overflow: hidden;
}
.sidenav-container.open > .sidenav-menu-slider {
  overflow: visible;
  visibility: visible;
}

.sidenav-content {
  position: relative;
}
@media (min-width: 768px) {
  .sidenav-content {
    position: static;
  }
  .sidenav-content::after {
    clear: both;
    content: "";
    display: block;
  }
}

.sidenav-menu {
  height: 100%;
  position: relative;
}

.sidenav-menu-slider {
  overflow: hidden;
  position: absolute;
  width: 320px;
  z-index: 10;
}

.sidenav-fixed > .sidenav-menu-slider {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  z-index: calc(1000 - 25);
}

.sidenav-end > .sidenav-content,
.sidenav-right > .sidenav-content {
  left: auto;
  right: 0;
}
.sidenav-end > .sidenav-menu-slider,
.sidenav-right > .sidenav-menu-slider {
  left: auto;
  right: 0;
}
.sidenav-end > .sidenav-menu-slider .sidenav-menu,
.sidenav-right > .sidenav-menu-slider .sidenav-menu {
  right: 0;
}

.sidenav-js-fouc > .sidenav-menu-slider {
  opacity: 0;
  visibility: hidden;
}

.sidenav-transition .sidenav-content,
.sidenav-transition .sidenav-menu,
.sidenav-transition .sidenav-menu-slider {
  transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  .sidenav-transition .sidenav-content,
  .sidenav-transition .sidenav-menu,
  .sidenav-transition .sidenav-menu-slider {
    transition: none;
  }
}
.sidenav-transition .sidenav-content, .sidenav-transition .sidenav-menu, .sidenav-transition .sidenav-menu-slider {
  transition: none;
}

.sidenav-transition {
  transition: all 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
  .sidenav-transition {
    transition: none;
  }
}
.sidenav-transition {
  transition: none;
}

.sidenav-fixed.sidenav-menu-slider {
  bottom: 0;
  left: 0;
  position: fixed;
  top: 0;
  visibility: hidden;
  width: 0;
}
.sidenav-fixed.sidenav-menu-slider.open {
  visibility: visible;
  width: 320px;
}
.sidenav-fixed.sidenav-menu-slider .sidenav-menu {
  position: absolute;
}

.sidenav-menu-slider .sidenav-menu {
  width: 320px;
}
.sidenav-menu-slider.sidenav-end, .sidenav-menu-slider.sidenav-right {
  left: auto;
  right: 0;
}
.sidenav-menu-slider.sidenav-end .sidenav-menu, .sidenav-menu-slider.sidenav-right .sidenav-menu {
  right: 0;
}

.sidebar {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.sidebar .container-fluid {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.sidebar-header {
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1rem;
  padding-top: 1rem;
}
.sidebar-header .component-title {
  font-size: 1rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.sidebar-header .component-title[href],
.sidebar-header .component-title a[href] {
  color: #272833;
}
.sidebar-header .component-subtitle {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.sidebar-header .autofit-row {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  width: auto;
}
.sidebar-header .autofit-row > .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.sidebar-footer {
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}

.sidebar-body {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1rem;
}
.sidebar-body > .sidebar-section {
  margin-bottom: 2rem;
}
.sidebar-body > .sidebar-section:last-child {
  margin-bottom: 0;
}

.sidebar-section {
  position: relative;
  word-wrap: break-word;
}

.sidebar-list-group {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 0;
  padding-left: 0;
}
.sidebar-list-group .autofit-col {
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 1rem;
}
.sidebar-list-group .list-group-item {
  background-color: transparent;
  border-color: #cdced9;
  padding: 0;
}
.sidebar-list-group .sticker {
  font-size: 0.75rem;
  height: 1.5rem;
  line-height: 1.5rem;
  width: 1.5rem;
}
.sidebar-list-group .sticker.sticker-outside {
  left: -0.75rem;
  top: -0.75rem;
}
.sidebar-list-group .sticker.sticker-outside.sticker-bottom-left {
  bottom: -0.75rem;
  top: auto;
}
.sidebar-list-group .sticker.sticker-outside.sticker-bottom-right {
  bottom: -0.75rem;
  left: auto;
  right: -0.75rem;
  top: auto;
}
.sidebar-list-group .sticker.sticker-outside.sticker-top-right {
  left: auto;
  right: -0.75rem;
}

.sidebar-panel {
  margin-bottom: 1rem;
  position: relative;
}

.sidebar-dt {
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
  text-transform: uppercase;
}

.sidebar-dd {
  font-size: 0.875rem;
  margin-bottom: 0.75rem;
}

.sidebar-sm {
  font-size: 0.875rem;
}
.sidebar-light {
  background-color: #fff;
  border-color: #e7e7ed;
  border-left-width: 0px;
  color: #272833;
  box-shadow: -0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
}
.sidenav-start .sidebar-light,
.sidenav-left .sidebar-light {
  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
}

.sidebar-light .close {
  color: #6b6c7e;
}
.sidebar-light .close:hover {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}
.sidebar-light .close.focus, .sidebar-light .close:focus-visible, .c-prefers-focus .sidebar-light .close:focus {
  background-color: rgba(39, 40, 51, 0.03);
  color: #272833;
}

.sidebar-light .close:active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.sidebar-light .close.active {
  background-color: rgba(39, 40, 51, 0.06);
  color: #272833;
}
.sidebar-light .close:disabled, .sidebar-light .close.disabled {
  background-color: transparent;
  box-shadow: none;
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.4;
}
.sidebar-light .sidebar-header {
  background-color: inherit;
  border: 0px solid #e7e7ed;
}
.sidebar-light .sidebar-footer {
  background-color: inherit;
  border: 0px solid #e7e7ed;
}
.sidebar-light .sidebar-list-group .list-group-title {
  font-size: 1rem;
}
.sidebar-light .sidebar-list-group .list-group-title[href],
.sidebar-light .sidebar-list-group .list-group-title a[href] {
  color: #272833;
}
.sidebar-light .sidebar-panel {
  background-color: #f1f2f5;
}
.sidebar-light .sidebar-dt {
  color: #6b6c7e;
}
.sidebar-light .sidebar-dd[href],
.sidebar-light .sidebar-dd a[href] {
  color: #272833;
}
.sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
  box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
}

.sidebar-light .component-navigation-bar {
  background-color: #fff;
  border-color: #cdced9;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:hover, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.hover {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link.active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link:disabled, .sidebar-light .component-navigation-bar .navbar-nav .nav-link.disabled {
  color: #a7a9bc;
}
.sidebar-light .component-navigation-bar .navbar-nav .nav-link[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-nav .nav-link.show {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand:active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand.active {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-brand:disabled, .sidebar-light .component-navigation-bar .navbar-brand.disabled {
  color: #a7a9bc;
}
.sidebar-light .component-navigation-bar .navbar-brand[aria-expanded=true], .sidebar-light .component-navigation-bar .navbar-brand.show {
  color: #272833;
}
.sidebar-light .component-navigation-bar .navbar-toggler {
  color: #6b6c7e;
}
.sidebar-light .component-navigation-bar .navbar-overlay {
  background-color: #fff;
}

.sidebar-dark {
  background-color: #272833;
  color: #fff;
}
.sidebar-dark .close {
  color: #a7a9bc;
}
.sidebar-dark .close:hover {
  color: #fff;
}
.sidebar-dark .sidebar-header .component-title {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-title[href],
.sidebar-dark .sidebar-header .component-title a[href] {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-subtitle {
  color: inherit;
}
.sidebar-dark .sidebar-header .component-subtitle[href],
.sidebar-dark .sidebar-header .component-subtitle a[href] {
  color: inherit;
}
.sidebar-dark .nav-nested .nav-link {
  border-radius: 0.25rem;
  color: #a7a9bc;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-dark .nav-nested .nav-link {
    transition: none;
  }
}
.sidebar-dark .nav-nested .nav-link {
  transition: none;
}

.sidebar-dark .nav-nested .nav-link:hover, .sidebar-dark .nav-nested .nav-link.hover {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark .nav-nested .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.sidebar-dark .nav-nested .nav-link:active {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link.active {
  color: #fff;
}
.sidebar-dark .nav-nested .nav-link:disabled, .sidebar-dark .nav-nested .nav-link.disabled {
  box-shadow: none;
  color: #a7a9bc;
  opacity: 0.65;
}
.sidebar-dark .nav-nested .nav-link:disabled:active, .sidebar-dark .nav-nested .nav-link.disabled:active {
  pointer-events: none;
}
.sidebar-dark .nav-nested .nav-link[aria-expanded=true], .sidebar-dark .nav-nested .nav-link.show {
  color: #fff;
}
.sidebar-dark-l2 {
  background-color: #393a4a;
  color: #fff;
}
.sidebar-dark-l2 .close {
  color: #a7a9bc;
}
.sidebar-dark-l2 .close:hover {
  color: #fff;
}
.sidebar-dark-l2 .sidebar-header .component-title {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-title[href],
.sidebar-dark-l2 .sidebar-header .component-title a[href] {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-subtitle {
  color: inherit;
}
.sidebar-dark-l2 .sidebar-header .component-subtitle[href],
.sidebar-dark-l2 .sidebar-header .component-subtitle a[href] {
  color: inherit;
}
.sidebar-dark-l2 .nav-nested .nav-link {
  border-radius: 0.25rem;
  color: #a7a9bc;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-dark-l2 .nav-nested .nav-link {
    transition: none;
  }
}
.sidebar-dark-l2 .nav-nested .nav-link {
  transition: none;
}

.sidebar-dark-l2 .nav-nested .nav-link:hover, .sidebar-dark-l2 .nav-nested .nav-link.hover {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark-l2 .nav-nested .nav-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.sidebar-dark-l2 .nav-nested .nav-link:active {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link.active {
  color: #fff;
}
.sidebar-dark-l2 .nav-nested .nav-link:disabled, .sidebar-dark-l2 .nav-nested .nav-link.disabled {
  box-shadow: none;
  color: #a7a9bc;
  opacity: 0.65;
}
.sidebar-dark-l2 .nav-nested .nav-link:disabled:active, .sidebar-dark-l2 .nav-nested .nav-link.disabled:active {
  pointer-events: none;
}
.sidebar-dark-l2 .nav-nested .nav-link[aria-expanded=true], .sidebar-dark-l2 .nav-nested .nav-link.show {
  color: #fff;
}
.c-slideout-start .sidebar-light {
  box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
}

.c-slideout-transition-in {
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .c-slideout-transition-in {
    transition: none;
  }
}
.c-slideout-transition-in {
  transition: none;
}

.c-slideout-transition-out {
  overflow: hidden;
  transition: all 0.2s ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .c-slideout-transition-out {
    transition: none;
  }
}
.c-slideout-transition-out {
  transition: none;
}

.c-slideout-fixed {
  position: fixed;
}

.c-slideout-absolute {
  position: absolute;
}

.c-slideout-container {
  min-height: 480px;
  position: relative;
}

.c-slideout-push-start {
  padding-left: 320px;
}
@media (max-width: 991.98px) {
  .c-slideout-push-start {
    padding-left: 0;
  }
}

.c-slideout-push-end {
  padding-right: 320px;
}
@media (max-width: 991.98px) {
  .c-slideout-push-end {
    padding-right: 0;
  }
}

.c-slideout {
  display: flex;
  overflow: hidden;
  z-index: calc(1000 - 25);
}
.c-slideout.c-slideout-shown {
  overflow: visible;
}
.c-slideout .sidebar {
  display: none;
  flex-shrink: 0;
  position: relative;
  width: 320px;
}
.c-slideout .sidebar .sidebar-body {
  flex-grow: 1;
  overflow: visible;
}
.c-slideout .sidebar .sidebar-footer {
  border-top-width: 1px;
}
@supports (position: sticky) {
  @media (max-height: 700px) {
    .c-slideout .sidebar .sidebar-header.sticky-top {
      position: static;
    }
    .c-slideout .sidebar .sidebar-footer.sticky-bottom {
      position: static;
    }
  }
}
.c-slideout .sidebar.c-slideout-show {
  display: flex;
  flex-direction: column;
}
.c-slideout .sidebar.c-slideout-transition {
  display: flex;
  flex-direction: column;
}
.c-slideout .sidebar.c-slideout-transition .c-horizontal-resizer {
  display: none;
}
.c-slideout .tbar-stacked {
  display: none;
  flex-shrink: 0;
  min-width: 40px;
  overflow: auto;
  position: relative;
  z-index: 1;
}
.c-slideout .tbar-stacked.c-slideout-show {
  display: flex;
}
.c-slideout .tbar-stacked.c-slideout-transition {
  display: flex;
}
@media (max-width: 767.98px) {
  .c-slideout .sidebar {
    width: 280px;
  }
}

.c-slideout-fluid.c-slideout-push-start {
  padding-left: 33vw;
}
.c-slideout-fluid.c-slideout-push-end {
  padding-right: 33vw;
}
.c-slideout-fluid .sidebar {
  max-width: 33vw;
  width: 33vw;
}
@media (max-width: 991.98px) {
  .c-slideout-fluid.c-slideout-push-start {
    padding-left: 50vw;
  }
  .c-slideout-fluid.c-slideout-push-end {
    padding-right: 50vw;
  }
  .c-slideout-fluid .sidebar {
    max-width: 50vw;
    width: 50vw;
  }
}
@media (max-width: 767.98px) {
  .c-slideout-fluid.c-slideout-push-start {
    padding-left: 0;
  }
  .c-slideout-fluid.c-slideout-push-end {
    padding-right: 0;
  }
  .c-slideout-fluid .sidebar {
    max-width: none;
    width: 100vw;
  }
}

.c-slideout-start {
  bottom: 0;
  left: 0;
  top: 0;
}
.c-slideout-start.c-slideout-tbar-shown .sidebar {
  left: -320px;
}
.c-slideout-start .sidebar {
  left: -360px;
  width: 320px;
}
.c-slideout-start .sidebar.c-slideout-show {
  left: 0;
}
.c-slideout-start .tbar-stacked {
  left: -40px;
}
.c-slideout-start .tbar-stacked.c-slideout-show {
  left: 0;
}
@media (max-width: 767.98px) {
  .c-slideout-start.c-slideout-tbar-shown .sidebar {
    left: -280px;
  }
  .c-slideout-start .sidebar {
    left: -320px;
    width: 280px;
  }
  .c-slideout-start .tbar-stacked {
    left: -40px;
  }
}

.c-slideout-end {
  bottom: 0;
  right: 0;
  top: 0;
}
.c-slideout-end.c-slideout-tbar-shown .sidebar {
  right: -320px;
}
.c-slideout-end .sidebar {
  right: -360px;
}
.c-slideout-end .sidebar.c-slideout-show {
  right: 0;
}
.c-slideout-end .tbar-stacked {
  right: -40px;
}
.c-slideout-end .tbar-stacked.c-slideout-show {
  right: 0;
}
.c-slideout-end .c-horizontal-resizer {
  left: 0;
  right: auto;
}
@media (max-width: 767.98px) {
  .c-slideout-end.c-slideout-tbar-shown .sidebar {
    right: -280px;
  }
  .c-slideout-end .sidebar {
    right: -320px;
  }
  .c-slideout-end .tbar-stacked {
    right: -40px;
  }
}

.c-slideout-height-full {
  z-index: calc(1030 + 5);
}

table {
  border-collapse: collapse;
}

th {
  height: 20px;
  text-align: left;
}

caption {
  color: #272833;
  padding-bottom: 0.5rem 1rem;
  padding-top: 0.5rem 1rem;
  text-align: left;
}

.table-head-title .inline-item-before {
  margin-right: 0.25rem;
}
.table-head-title .inline-item-before + .text-truncate-inline {
  max-width: calc(
	100% - 1em - 0.25rem
);
}
.table-head-title .inline-item-after {
  margin-left: 0.25rem;
}

.table {
  background-color: #fff;
  border-spacing: 0;
  color: #1c1c24;
  font-size: 0.875rem;
  margin-bottom: 0;
  width: 100%;
}
.table thead {
  background-color: #fff;
}
.table thead th,
.table thead td {
  border-bottom: 0 solid #e7e7ed;
  border-top-width: 0px;
  vertical-align: middle;
}
.table thead th a[href] {
  border-radius: 1px;
  color: #6b6c7e;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table thead th a[href] {
    transition: none;
  }
}
.table thead th a[href] {
  transition: none;
}

.table thead th a[href]:hover, .table thead th a[href].hover {
  color: #272833;
}
.table thead th a[href].focus, .table thead th a[href]:focus-visible, .c-prefers-focus .table thead th a[href]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.table thead .autofit-col {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
}
.table thead .autofit-col:first-child {
  padding-left: 0;
}
.table thead .autofit-col:last-child {
  padding-right: 0;
}
.table th:first-child,
.table td:first-child,
.table .table-column-start {
  padding-left: 1.25rem;
}
.table th {
  background-clip: padding-box;
  border-top: 0.0625rem solid #e7e7ed;
  color: #6b6c7e;
  font-weight: 600;
  height: 56px;
  padding: 0.5rem 1rem;
  position: relative;
  vertical-align: top;
}
.table td {
  background-clip: padding-box;
  border-bottom-width: 0.0625rem;
  border-color: #e7e7ed;
  border-left-width: 0px;
  border-right-width: 0px;
  border-style: solid;
  border-top-width: 0.0625rem;
  height: 56px;
  padding: 0.5rem 1rem;
  position: relative;
  vertical-align: middle;
}
.table tbody + tbody {
  border-top: calc(2 * 0.0625rem) solid #e7e7ed;
}
.table caption {
  caption-side: top;
  padding-left: 1rem;
  padding-right: 1rem;
}
.table .table-divider th,
.table .table-divider td {
  background-color: #f1f2f5;
  color: #6b6c7e;
  font-size: 0.75rem;
  font-weight: 600;
  height: 34px;
  line-height: 17px;
  padding: 0.5rem 1rem 0.5rem 1.25rem;
  text-transform: uppercase;
}
.table .table-active {
  background-color: #f0f5ff;
}
.table .table-active .quick-action-menu {
  background-color: #f1f2f5;
}
.table .table-disabled {
  background-color: #fff;
  color: #a7a9bc;
}
.table .table-disabled th,
.table .table-disabled td {
  cursor: not-allowed;
}
.table .table-disabled th a[href],
.table .table-disabled td a[href] {
  color: #a7a9bc;
  pointer-events: none;
}
.table .table-disabled .table-title {
  color: #a7a9bc;
}
.table .table-disabled .table-list-title {
  color: #a7a9bc;
}
.table .autofit-col {
  justify-content: center;
  padding-left: 1rem;
  padding-right: 1rem;
}
.table .autofit-col:first-child {
  padding-left: 0;
}
.table .autofit-col:last-child {
  padding-right: 0;
}
.table .component-drag {
  font-size: 0.875rem;
  height: 1rem;
  width: 1rem;
}
.table .component-drag.focus, .table .component-drag:focus-visible, .c-prefers-focus .table .component-drag:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.table .custom-control,
.table .form-check {
  margin-bottom: 0;
}
.table .quick-action-menu {
  align-items: flex-start;
  background-color: #fff;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.table-caption-bottom caption {
  caption-side: bottom;
}

.table-lg th,
.table-lg td {
  padding: 1.0625rem;
}

.table-md th,
.table-md td {
  height: 48px;
  padding: 0.375rem 1rem;
}

.table-sm th,
.table-sm td {
  height: 32px;
  padding: 0.25rem 1rem;
}

.table-bordered {
  border: 0.0625rem solid #e7e7ed;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: calc(2 * 0.0625rem);
}
.table-bordered th,
.table-bordered td {
  border: 0.0625rem solid #e7e7ed;
}

.table-head-bordered thead th,
.table-head-bordered thead td {
  border-left: 0.0625rem solid #e7e7ed;
}
.table-head-bordered thead th:first-child,
.table-head-bordered thead td:first-child {
  border-left-width: 0;
}

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

.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td,
.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th {
  background-color: #f7f8f9;
}
.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider),
.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) td,
.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) th {
  background-color: #f0f5ff;
}

.table-hover tbody tr:hover {
  background-color: #f0f5ff;
  color: #1c1c24;
}
.table-hover tbody tr:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-hover .table-active:hover .quick-action-menu {
  background-color: #f1f2f5;
}
.table-hover .table-disabled:hover {
  background-color: #fff;
}

tr.table-focus {
  outline: 0;
}
tr.table-focus th,
tr.table-focus td {
  outline: 0;
}
tr.table-focus th::before,
tr.table-focus td::before {
  box-shadow: inset 0 0.125rem 0 0 #528eff, inset 0 0.25rem 0 0 #fff, inset 0 -0.125rem 0 0 #528eff, inset 0 -0.25rem 0 0 #fff;
  content: "";
  display: block;
  position: absolute;
  left: -0.0625rem;
  right: -0.0625rem;
  top: -0.0625rem;
  bottom: -0.0625rem;
  pointer-events: none;
  z-index: 1;
}
tr.table-focus th:first-child::after,
tr.table-focus td:first-child::after {
  box-shadow: inset 0.125rem 0 0 0 #528eff, inset 0.25rem 0 0 0 #fff;
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0.0625rem;
  bottom: 0.0625rem;
  left: -0.0625rem;
  z-index: 1;
  width: 0.25rem;
}
tr.table-focus th:last-child::after,
tr.table-focus td:last-child::after {
  box-shadow: inset -0.125rem 0 0 0 #528eff, inset -0.25rem 0 0 0 #fff;
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  top: 0.0625rem;
  bottom: 0.0625rem;
  right: -0.0625rem;
  z-index: 1;
  width: 0.25rem;
}

td.table-focus {
  outline: none;
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.table .table-primary,
.table .table-primary > th,
.table .table-primary > td {
  background-color: #bbd2ff;
  border-color: #80acff;
}
.table .table-primary th,
.table .table-primary td,
.table .table-primary thead th,
.table .table-primary tbody + tbody {
  border-color: #80acff;
}

.table-hover .table-primary:hover {
  background-color: #a2c1ff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #a2c1ff;
}

.table .table-secondary,
.table .table-secondary > th,
.table .table-secondary > td {
  background-color: #d6d6db;
  border-color: #b2b3bc;
}
.table .table-secondary th,
.table .table-secondary td,
.table .table-secondary thead th,
.table .table-secondary tbody + tbody {
  border-color: #b2b3bc;
}

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

.table .table-success,
.table .table-success > th,
.table .table-success > td {
  background-color: #c3dbc8;
  border-color: #8fbb9a;
}
.table .table-success th,
.table .table-success td,
.table .table-success thead th,
.table .table-success tbody + tbody {
  border-color: #8fbb9a;
}

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

.table .table-info,
.table .table-info > th,
.table .table-info > td {
  background-color: #c4d1e8;
  border-color: #92a9d4;
}
.table .table-info th,
.table .table-info td,
.table .table-info thead th,
.table .table-info tbody + tbody {
  border-color: #92a9d4;
}

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

.table .table-warning,
.table .table-warning > th,
.table .table-warning > td {
  background-color: #ebceb8;
  border-color: #dba47a;
}
.table .table-warning th,
.table .table-warning td,
.table .table-warning thead th,
.table .table-warning tbody + tbody {
  border-color: #dba47a;
}

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

.table .table-danger,
.table .table-danger > th,
.table .table-danger > td {
  background-color: #f5bdbd;
  border-color: #ec8585;
}
.table .table-danger th,
.table .table-danger td,
.table .table-danger thead th,
.table .table-danger tbody + tbody {
  border-color: #ec8585;
}

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

.table .table-light,
.table .table-light > th,
.table .table-light > td {
  background-color: #fbfbfc;
  border-color: #f8f8fa;
}
.table .table-light th,
.table .table-light td,
.table .table-light thead th,
.table .table-light tbody + tbody {
  border-color: #f8f8fa;
}

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

.table .table-dark,
.table .table-dark > th,
.table .table-dark > td {
  background-color: #c3c3c6;
  border-color: #8f8f95;
}
.table .table-dark .table-title,
.table .table-dark > th .table-title,
.table .table-dark > td .table-title {
  color: #fff;
}
.table .table-dark .table-title[href],
.table .table-dark .table-title a[href],
.table .table-dark > th .table-title[href],
.table .table-dark > th .table-title a[href],
.table .table-dark > td .table-title[href],
.table .table-dark > td .table-title a[href] {
  color: inherit;
}
.table .table-dark th,
.table .table-dark td,
.table .table-dark thead th,
.table .table-dark tbody + tbody {
  border-color: #8f8f95;
}

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

.table .thead-dark th {
  background-color: #393a4a;
  border-color: #4a4b60;
  color: #fff;
}
.table .thead-light th {
  background-color: #fff;
  border-color: #e7e7ed;
  color: #6b6c7e;
}

.table-dark {
  background-color: #393a4a;
  color: #fff;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #4a4b60;
}
.table-dark.table-bordered {
  border-width: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
.table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th,
.table-dark.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider),
.table-dark.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) td,
.table-dark.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) th {
  background-color: rgba(255, 255, 255, 0.075);
}
.table-dark.table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.075);
  color: #fff;
}

.table-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
  color: #272833;
}
.table-title[href],
.table-title a[href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-title[href],
  .table-title a[href] {
    transition: none;
  }
}
.table-title[href], .table-title a[href] {
  transition: none;
}

.table-title[href]:hover, .table-title[href].hover,
.table-title a[href]:hover,
.table-title a[href].hover {
  color: #272833;
}
.table-title[href].focus, .table-title[href]:focus-visible, .c-prefers-focus .table-title[href]:focus,
.table-title a[href].focus,
.table-title a[href]:focus-visible,
.c-prefers-focus .table-title a[href]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.table-link {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-link {
    transition: none;
  }
}
.table-link {
  transition: none;
}

.table-link:hover, .table-link.hover {
  color: #272833;
}
.table-link.focus, .table-link:focus-visible, .c-prefers-focus .table-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.table-action-link {
  align-items: center;
  border-radius: 0.25rem;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  vertical-align: middle;
  width: 2rem;
  color: #6b6c7e;
  font-size: 1rem;
  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) {
  .table-action-link {
    transition: none;
  }
}
.table-action-link {
  transition: none;
}

.table-action-link:hover, .table-action-link.hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
}
.table-action-link.focus, .table-action-link:focus-visible, .c-prefers-focus .table-action-link:focus {
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.table-action-link:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link.active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link[aria-expanded=true], .table-action-link.show {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-action-link .lexicon-icon {
  margin-top: 0;
}

.table-responsive-sm {
  margin-bottom: 1.5rem;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-md {
  margin-bottom: 1.5rem;
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-lg {
  margin-bottom: 1.5rem;
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive-xl {
  margin-bottom: 1.5rem;
}
@media (max-width: 1279.98px) {
  .table-responsive-xl {
    display: block;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    width: 100%;
  }
}
.table-responsive {
  margin-bottom: 1.5rem;
  display: block;
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  width: 100%;
}

.table-list {
  border-collapse: separate;
  border-color: #e7e7ed;
  border-radius: 0.25rem;
  border-style: solid;
  border-width: 0.0625rem 0.0625rem;
  color: #1c1c24;
  margin-bottom: 0.0625rem;
}
.table-list thead {
  border-top-left-radius: calc(0.25rem - 0.0625rem);
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead th,
.table-list thead td {
  border-bottom-width: 0;
}
.table-list th,
.table-list td {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0.0625rem 0 0 0;
}
.table-list thead:first-child tr:first-child th,
.table-list thead:first-child tr:first-child td,
.table-list tbody:first-child tr:first-child th,
.table-list tbody:first-child tr:first-child td,
.table-list tfoot:first-child tr:first-child th,
.table-list tfoot:first-child tr:first-child td,
.table-list caption:first-child + thead tr:first-child th,
.table-list caption:first-child + thead tr:first-child td {
  border-top-width: 0;
}
.table-list thead:first-child tr:first-child th:first-child,
.table-list thead:first-child tr:first-child td:first-child,
.table-list tbody:first-child tr:first-child th:first-child,
.table-list tbody:first-child tr:first-child td:first-child,
.table-list tfoot:first-child tr:first-child th:first-child,
.table-list tfoot:first-child tr:first-child td:first-child,
.table-list caption:first-child + thead tr:first-child th:first-child,
.table-list caption:first-child + thead tr:first-child td:first-child {
  border-top-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:first-child tr:first-child th:last-child,
.table-list thead:first-child tr:first-child td:last-child,
.table-list tbody:first-child tr:first-child th:last-child,
.table-list tbody:first-child tr:first-child td:last-child,
.table-list tfoot:first-child tr:first-child th:last-child,
.table-list tfoot:first-child tr:first-child td:last-child,
.table-list caption:first-child + thead tr:first-child th:last-child,
.table-list caption:first-child + thead tr:first-child td:last-child {
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-start .table-cell-start {
  border-top-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-start .table-cell-end {
  border-top-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:last-child tr:last-child th:first-child,
.table-list thead:last-child tr:last-child td:first-child,
.table-list tbody:last-child tr:last-child th:first-child,
.table-list tbody:last-child tr:last-child td:first-child,
.table-list tfoot:last-child tr:last-child th:first-child,
.table-list tfoot:last-child tr:last-child td:first-child {
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list thead:last-child tr:last-child th:last-child,
.table-list thead:last-child tr:last-child td:last-child,
.table-list tbody:last-child tr:last-child th:last-child,
.table-list tbody:last-child tr:last-child td:last-child,
.table-list tfoot:last-child tr:last-child th:last-child,
.table-list tfoot:last-child tr:last-child td:last-child {
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-end .table-cell-start {
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
}
.table-list .table-row-end .table-cell-end {
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list tbody {
  border-bottom-left-radius: calc(0.25rem - 0.0625rem);
  border-bottom-right-radius: calc(0.25rem - 0.0625rem);
}
.table-list tbody th,
.table-list tbody td {
  vertical-align: middle;
}
.table-list tfoot th,
.table-list tfoot td {
  vertical-align: middle;
}
.table-list .table-divider th,
.table-list .table-divider td {
  padding-bottom: 0.5rem;
  padding-left: 1.25rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
}
.table-list .table-active {
  background-color: #f0f5ff;
}
.table-list .table-active .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list .table-disabled {
  background-color: #fff;
  color: #a7a9bc;
}
.table-list .table-disabled th a[href],
.table-list .table-disabled td a[href] {
  color: #a7a9bc;
  pointer-events: none;
}
.table-list .table-disabled .table-title {
  color: #a7a9bc;
}
.table-list .table-disabled .table-list-title {
  color: #a7a9bc;
}
.table-list .quick-action-menu {
  align-items: center;
  background-color: #fff;
  bottom: 0;
  top: 0;
}

.table.table-list.table-bordered thead th,
.table.table-list.table-bordered thead td {
  border-bottom-width: 0;
}
.table.table-list.table-bordered th,
.table.table-list.table-bordered td {
  border-left-width: 0.0625rem;
}
.table.table-list.table-bordered th:first-child,
.table.table-list.table-bordered td:first-child,
.table.table-list.table-bordered .table-column-start {
  border-left-width: 0;
}

.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider),
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) th,
.table-list.table-striped tbody tr:nth-of-type(odd):not(.table-active):not(.table-disabled):not(.table-divider) td {
  background-color: #f7f8f9;
}
.table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider),
.table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) th,
.table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover:not(.table-active):not(.table-disabled):not(.table-divider) td {
  background-color: #f0f5ff;
}

.table-list.table-hover tbody tr:hover {
  background-color: #f0f5ff;
}
.table-list.table-hover tbody tr:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-active:hover .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list.table-hover .table-disabled {
  background-color: #fff;
}
.table-list.table-hover .table-disabled:hover {
  background-color: #fff;
}

.table-list-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 0;
  color: #272833;
}
.table-list-title[href],
.table-list-title a[href] {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-title[href],
  .table-list-title a[href] {
    transition: none;
  }
}
.table-list-title[href], .table-list-title a[href] {
  transition: none;
}

.table-list-title[href]:hover, .table-list-title[href].hover,
.table-list-title a[href]:hover,
.table-list-title a[href].hover {
  color: #272833;
}
.table-list-title[href].focus, .table-list-title[href]:focus-visible, .c-prefers-focus .table-list-title[href]:focus,
.table-list-title a[href].focus,
.table-list-title a[href]:focus-visible,
.c-prefers-focus .table-list-title a[href]:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.table-list-link {
  color: #272833;
  border-radius: 1px;
  display: inline-block;
  max-width: 100%;
  transition: box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .table-list-link {
    transition: none;
  }
}
.table-list-link {
  transition: none;
}

.table-list-link:hover, .table-list-link.hover {
  color: #272833;
}
.table-list-link.focus, .table-list-link:focus-visible, .c-prefers-focus .table-list-link:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.table-list-action-link {
  align-items: center;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  vertical-align: middle;
  width: 2rem;
  color: #6b6c7e;
  font-size: 1rem;
  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) {
  .table-list-action-link {
    transition: none;
  }
}
.table-list-action-link {
  transition: none;
}

.table-list-action-link:hover, .table-list-action-link.hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
}
.table-list-action-link.focus, .table-list-action-link:focus-visible, .c-prefers-focus .table-list-action-link:focus {
  background-color: rgba(0, 0, 0, 0.02);
  color: #272833;
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.table-list-action-link:active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link.active {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link[aria-expanded=true], .table-list-action-link.show {
  background-color: rgba(0, 0, 0, 0.04);
}
.table-list-action-link .lexicon-icon {
  margin-top: 0;
}

.table-nowrap td,
.table-nowrap th {
  white-space: nowrap;
}

.table-heading-nowrap thead td,
.table-heading-nowrap thead th {
  white-space: nowrap;
}

.table-valign-bottom tbody td,
.table-valign-bottom tbody th,
.table-valign-bottom tfoot td,
.table-valign-bottom tfoot th,
.table-valign-bottom thead td,
.table-valign-bottom thead th {
  vertical-align: bottom;
}
.table-valign-bottom tbody td,
.table-valign-bottom tbody th {
  padding-bottom: 1rem;
}
.table-valign-bottom.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-end;
}

.table-valign-middle tbody td,
.table-valign-middle tbody th,
.table-valign-middle tfoot td,
.table-valign-middle tfoot th,
.table-valign-middle thead td,
.table-valign-middle thead th {
  vertical-align: middle;
}

.table-valign-top tbody td,
.table-valign-top tbody th,
.table-valign-top tfoot td,
.table-valign-top tfoot th,
.table-valign-top thead td,
.table-valign-top thead th {
  vertical-align: top;
}
.table-valign-top tbody td,
.table-valign-top tbody th {
  padding-top: 1rem;
}
.table-valign-top.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-start;
}

.tbody-valign-bottom tbody td,
.tbody-valign-bottom tbody th {
  padding-bottom: 1rem;
  vertical-align: bottom;
}
.tbody-valign-bottom.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-end;
}

.tbody-valign-middle tbody td {
  vertical-align: middle;
}

.tbody-valign-top tbody td,
.tbody-valign-top tbody th {
  padding-top: 1rem;
  vertical-align: top;
}
.tbody-valign-top.show-quick-actions-on-hover .quick-action-menu {
  align-items: flex-start;
}

.thead-valign-bottom thead td,
.thead-valign-bottom thead th {
  vertical-align: bottom;
}

.thead-valign-middle thead td,
.thead-valign-middle thead th {
  vertical-align: middle;
}

.thead-valign-top thead td,
.thead-valign-top thead th {
  vertical-align: top;
}

.table-nested-rows .autofit-col {
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  min-width: 1.75rem;
}
.table-nested-rows .autofit-col-checkbox {
  padding-right: 0.625rem;
}
.table-nested-rows .autofit-col-icon {
  padding-right: 0.625rem;
}
.table-nested-rows .component-drag {
  left: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.table-nested-rows .component-toggle {
  font-size: 0.875rem;
  height: 1.5rem;
  width: 1.5rem;
}
.table-nested-rows .component-action.show .collapse-icon-closed {
  display: none;
}
.table-nested-rows .component-action:not(.show) .collapse-icon-open {
  display: none;
}

.table-sort thead th,
.table-sort thead td {
  cursor: pointer;
  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) {
  .table-sort thead th,
  .table-sort thead td {
    transition: none;
  }
}
.table-sort thead th, .table-sort thead td {
  transition: none;
}

.table-sort thead th:hover,
.table-sort thead td:hover {
  background-color: #f0f5ff;
  color: #272833;
}
.table-sort thead th .component-action,
.table-sort thead td .component-action {
  font-size: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
}

.show-quick-actions-on-hover tr:not(.table-active):not(.table-disabled):hover .quick-action-menu {
  display: flex;
}
.show-quick-actions-on-hover .table-focus:not(.table-active):not(.table-disabled) .quick-action-menu {
  display: flex;
}

.table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
  background-color: #f7f8f9;
}
.table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu {
  background-color: #f0f5ff;
}
.table-striped.table-hover tbody tr:nth-of-type(odd):hover .quick-action-menu {
  background-color: #f0f5ff;
}

.table-list.table-striped tbody tr:nth-of-type(odd) .quick-action-menu {
  background-color: #f7f8f9;
}
.table-list.table-striped tbody .table-active:nth-of-type(odd) .quick-action-menu {
  background-color: #f0f5ff;
}
.table-list.table-striped.table-hover tbody tr:nth-of-type(odd):hover .quick-action-menu {
  background-color: #f0f5ff;
}

.table-column-text-start,
.table-cell-text-start {
  text-align: left;
}

.table-column-text-center,
.table-cell-text-center {
  text-align: center;
}

.table-column-text-end,
.table-cell-text-end {
  text-align: right;
}

.table-column,
.table-cell-contract, .table-autofit td,
.table-autofit th {
  display: table-cell;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 1%;
}

.table-cell-expand,
.table-column-expand, .table-autofit .table-cell-expand {
  display: table-cell;
  max-width: 12.5rem;
  min-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: auto;
}

.table-cell-expand-small,
.table-column-expand-small, .table-autofit .table-cell-expand-small {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 25%;
}

.table-cell-expand-smaller,
.table-column-expand-smaller, .table-autofit .table-cell-expand-smaller {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 15%;
}

.table-cell-expand-smallest,
.table-column-expand-smallest, .table-autofit .table-cell-expand-smallest {
  max-width: 12.5rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  width: 10%;
}

.table-cell-minw-50,
.table-column-minw-50 {
  min-width: 50px;
}

.table-cell-minw-75,
.table-column-minw-75 {
  min-width: 75px;
}

.table-cell-minw-100,
.table-column-minw-100 {
  min-width: 100px;
}

.table-cell-minw-150,
.table-column-minw-150 {
  min-width: 150px;
}

.table-cell-minw-200,
.table-column-minw-200 {
  min-width: 200px;
}

.table-cell-minw-250,
.table-column-minw-250 {
  min-width: 250px;
}

.table-cell-minw-300,
.table-column-minw-300 {
  min-width: 300px;
}

.table-cell-minw-350,
.table-column-minw-350 {
  min-width: 350px;
}

.table-cell-minw-400,
.table-column-minw-400 {
  min-width: 400px;
}

.table-cell-ws-normal,
.table-column-ws-normal {
  white-space: normal;
}

.table-cell-ws-nowrap,
.table-column-ws-nowrap {
  white-space: nowrap;
}

.table-img {
  height: auto;
  max-height: 100px;
  max-width: none;
  width: auto;
}

.tbar {
  display: flex;
}
.tbar > .container,
.tbar > .container-fluid {
  display: flex;
}

.tbar-nav {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-wrap: nowrap;
  list-style: none;
  margin-bottom: 0;
  min-width: 3.125rem;
  padding-left: 0;
  word-wrap: break-word;
}
.tbar-nav > .tbar-item {
  justify-content: center;
}

.tbar-nav-shrink {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}

.tbar-nav-wrap {
  flex-wrap: wrap;
}

.tbar-item {
  max-width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.tbar-item:first-child {
  padding-left: 0;
}
.tbar-item:last-child {
  padding-right: 0;
}

.tbar-item-expand {
  text-align: center;
}

.tbar-link {
  display: inline-block;
}

.tbar-btn-monospaced,
.tbar-link-monospaced {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  padding: 0;
  text-align: center;
}
.tbar-btn-monospaced .inline-item .lexicon-icon,
.tbar-btn-monospaced .lexicon-icon,
.tbar-link-monospaced .inline-item .lexicon-icon,
.tbar-link-monospaced .lexicon-icon {
  margin-top: 0;
}

@media (max-width: 575.98px) {
  .tbar-inline-xs-down {
    display: block;
  }
  .tbar-inline-xs-down .container,
  .tbar-inline-xs-down .container-fluid {
    display: block;
  }
  .tbar-inline-xs-down .component-title,
  .tbar-inline-xs-down .tbar-nav,
  .tbar-inline-xs-down .tbar-section {
    display: inline;
  }
  .tbar-inline-xs-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 767.98px) {
  .tbar-inline-sm-down {
    display: block;
  }
  .tbar-inline-sm-down .container,
  .tbar-inline-sm-down .container-fluid {
    display: block;
  }
  .tbar-inline-sm-down .component-title,
  .tbar-inline-sm-down .tbar-nav,
  .tbar-inline-sm-down .tbar-section {
    display: inline;
  }
  .tbar-inline-sm-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 991.98px) {
  .tbar-inline-md-down {
    display: block;
  }
  .tbar-inline-md-down .container,
  .tbar-inline-md-down .container-fluid {
    display: block;
  }
  .tbar-inline-md-down .component-title,
  .tbar-inline-md-down .tbar-nav,
  .tbar-inline-md-down .tbar-section {
    display: inline;
  }
  .tbar-inline-md-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

@media (max-width: 1279.98px) {
  .tbar-inline-lg-down {
    display: block;
  }
  .tbar-inline-lg-down .container,
  .tbar-inline-lg-down .container-fluid {
    display: block;
  }
  .tbar-inline-lg-down .component-title,
  .tbar-inline-lg-down .tbar-nav,
  .tbar-inline-lg-down .tbar-section {
    display: inline;
  }
  .tbar-inline-lg-down .tbar-item {
    padding-left: 0;
    display: inline;
  }
}

.tbar-inline-xl-down {
  display: block;
}
.tbar-inline-xl-down .container,
.tbar-inline-xl-down .container-fluid {
  display: block;
}
.tbar-inline-xl-down .component-title,
.tbar-inline-xl-down .tbar-nav,
.tbar-inline-xl-down .tbar-section {
  display: inline;
}
.tbar-inline-xl-down .tbar-item {
  padding-left: 0;
  display: inline;
}

.component-tbar {
  border-color: #e7e7ed;
  border-style: solid;
  border-width: 0 0 0.0625rem 0;
  height: 3.5rem;
  color: #6b6c7e;
}
.subnav-tbar {
  font-size: 0.875rem;
}
.subnav-tbar .btn-unstyled {
  color: #0b5fff;
  text-decoration: none;
}
.subnav-tbar .btn-unstyled:hover {
  color: #004ad7;
  text-decoration: underline;
}
.subnav-tbar strong {
  font-weight: 600;
}
.subnav-tbar .component-link {
  color: #0b5fff;
  font-weight: 600;
}
.subnav-tbar .component-link:hover, .subnav-tbar .component-link.hover {
  color: #004ad7;
}
.subnav-tbar .component-link:disabled, .subnav-tbar .component-link.disabled {
  box-shadow: none;
}
.subnav-tbar .tbar-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.subnav-tbar .tbar-btn {
  height: 1.5rem;
  line-height: 1;
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding-left: 0;
  padding-right: 0;
}
.subnav-tbar .tbar-btn .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.subnav-tbar .tbar-btn .c-inner {
  margin-left: 0;
  margin-right: 0;
}
.subnav-tbar .tbar-link {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding-bottom: 0.09375rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.09375rem;
}
.subnav-tbar .tbar-link > .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
}
.subnav-tbar .tbar-link .c-inner {
  margin-bottom: -0.09375rem;
  margin-left: -0.25rem;
  margin-right: -0.25rem;
  margin-top: -0.09375rem;
}
.subnav-tbar .tbar-btn-monospaced {
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  padding: 0.25rem;
  height: 1.5rem;
  width: 1.5rem;
}
.subnav-tbar .tbar-btn-monospaced .c-inner {
  margin: -0.25rem;
}
.subnav-tbar .tbar-link-monospaced {
  height: 1.5rem;
  margin-bottom: 0.125rem;
  margin-top: 0.125rem;
  width: 1.5rem;
}
.subnav-tbar .tbar-section {
  text-align: left;
}
.subnav-tbar .component-title {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.45;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  max-width: 100%;
}
.subnav-tbar .component-text {
  display: inline-block;
  line-height: 1.45;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  max-width: 100%;
}
.subnav-tbar .component-label {
  font-weight: 400;
}
.subnav-tbar-primary {
  background-color: #b3cdff;
  padding-bottom: 0.625rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-top: 0.625rem;
}
.subnav-tbar-primary .component-link {
  color: #272833;
}
.subnav-tbar-primary .component-link:hover, .subnav-tbar-primary .component-link.hover {
  color: #272833;
}
.subnav-tbar-primary .component-link:disabled, .subnav-tbar-primary .component-link.disabled {
  color: #6b6c7e;
  cursor: not-allowed;
  opacity: 0.65;
  text-decoration: none;
}
.subnav-tbar-primary .tbar-item {
  justify-content: flex-start;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.subnav-tbar-primary .tbar-link-monospaced {
  border-radius: 0px;
  border-width: 0px;
  height: 3rem;
  margin-bottom: -0.625rem;
  margin-top: -0.625rem;
  width: 3rem;
}
.subnav-tbar-primary .component-label .close.focus, .subnav-tbar-primary .component-label .close:focus-visible, .c-prefers-focus .subnav-tbar-primary .component-label .close:focus {
  color: inherit;
}

.subnav-tbar-primary .component-label .close:disabled, .subnav-tbar-primary .component-label .close.disabled {
  color: #6b6c7e;
  opacity: 0.65;
}
.subnav-tbar-primary .tbar-label {
  font-size: 0.75rem;
  margin-right: 0;
  padding-bottom: 0.3125rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  padding-top: 0.3125rem;
  text-transform: none;
  border-width: 0.0625rem;
}
.subnav-tbar-primary .tbar-label > .c-inner {
  margin-bottom: -0.3125rem;
  margin-left: -0.625rem;
  margin-right: -0.625rem;
  margin-top: -0.3125rem;
}
.subnav-tbar-primary.subnav-tbar-disabled {
  background-color: #cfddf8;
  color: #8e94aa;
}
.subnav-tbar-primary.subnav-tbar-disabled .component-label {
  border-color: #8e94aa;
}
.subnav-tbar-light {
  background-color: white;
  color: #6b6c7e;
  padding-bottom: 0.125rem;
  padding-top: 0.125rem;
}
.tbar-stacked {
  display: inline-flex;
  height: 100%;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.tbar-stacked .tbar-nav {
  flex-direction: column;
  min-width: 0;
}
.tbar-stacked .tbar-item {
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0;
}
.tbar-stacked .tbar-divider-before::before {
  background-color: #1c1c24;
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  width: 2.5rem;
}
.tbar-stacked .tbar-divider-after::after {
  background-color: #1c1c24;
  content: "";
  display: block;
  height: 1px;
  margin-bottom: 0.25rem;
  margin-top: 0.25rem;
  width: 2.5rem;
}
.tbar-stacked .tbar-item-expand {
  flex-shrink: 0;
  min-width: 0;
}
.tbar-stacked .tbar-btn-monospaced {
  border-color: transparent;
  border-radius: 0px;
  border-width: 0px;
  color: inherit;
  height: 2.5rem;
  margin-bottom: 0;
  margin-top: 0;
  overflow: visible;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  position: relative;
  width: 2.5rem;
}
.tbar-stacked .tbar-btn-monospaced.focus, .tbar-stacked .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.tbar-stacked .tbar-btn-monospaced .c-inner {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.tbar-light {
  background-color: #fff;
  box-shadow: inset 1px 0 0 0 #f1f2f5, inset -1px 0 0 0 #f1f2f5;
  color: #6b6c7e;
}
.tbar-light .tbar-divider-before::before {
  background-color: #f1f2f5;
}
.tbar-light .tbar-divider-after::after {
  background-color: #f1f2f5;
}
.tbar-light .tbar-btn-monospaced:hover {
  color: #272833;
}
.tbar-light .tbar-btn-monospaced.focus, .tbar-light .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-light .tbar-btn-monospaced:focus {
  color: #272833;
}

.tbar-light .tbar-btn-monospaced:active {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-btn-monospaced.active {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-light .tbar-btn-monospaced:disabled, .tbar-light .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-light .tbar-btn-monospaced[aria-expanded=true], .tbar-light .tbar-btn-monospaced.show {
  background-color: #f1f2f5;
  color: #272833;
}
.tbar-dark-l2 {
  background-color: #393a4a;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.06);
  color: #a7a9bc;
}
.tbar-dark-l2 .tbar-divider-before::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-l2 .tbar-divider-after::after {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-l2 .tbar-btn-monospaced:hover {
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced.focus, .tbar-dark-l2 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-l2 .tbar-btn-monospaced:focus {
  color: #fff;
}

.tbar-dark-l2 .tbar-btn-monospaced:active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-l2 .tbar-btn-monospaced:disabled, .tbar-dark-l2 .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-dark-l2 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-l2 .tbar-btn-monospaced.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 {
  background-color: #1c1c24;
  box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.06), inset -1px 0 0 0 rgba(255, 255, 255, 0.06);
  color: #a7a9bc;
}
.tbar-dark-d1 .tbar-divider-before::before {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-d1 .tbar-divider-after::after {
  background-color: rgba(255, 255, 255, 0.06);
}
.tbar-dark-d1 .tbar-btn-monospaced:hover {
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced.focus, .tbar-dark-d1 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-d1 .tbar-btn-monospaced:focus {
  color: #fff;
}

.tbar-dark-d1 .tbar-btn-monospaced:active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced.active {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced.active::after {
  background-color: #80acff;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.25rem;
}
.tbar-dark-d1 .tbar-btn-monospaced:disabled, .tbar-dark-d1 .tbar-btn-monospaced.disabled {
  color: inherit;
}
.tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true], .tbar-dark-d1 .tbar-btn-monospaced.show {
  background-color: rgba(255, 255, 255, 0.06);
  color: #fff;
}
.tbar-dark-d1 .tbar-btn-monospaced[aria-expanded=true]::after, .tbar-dark-d1 .tbar-btn-monospaced.show::after {
  background-color: #80acff;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 0.25rem;
}
.timeline {
  list-style: none;
  padding-left: 0;
  padding-left: 25px;
}
.timeline .panel,
.timeline .panel-group {
  margin-bottom: 0;
}

.timeline-icon {
  background-color: #fff;
  border: 2px solid #6b6c7e;
  border-radius: 50%;
  display: block;
  height: 10px;
  line-height: 10px;
  width: 10px;
}

.timeline-increment {
  background-color: #fff;
  left: -39px;
  position: absolute;
  text-align: center;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

.timeline-increment-text {
  display: block;
  max-width: 65px;
}

.timeline-item-label {
  color: #1c1c24;
}

.timeline-item {
  padding-bottom: 5px;
  padding-left: 40px;
  padding-top: 5px;
  position: relative;
}
.timeline-item:before {
  background-color: #272833;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 2px;
}
.timeline-item.active .timeline-icon {
  background-color: #0b5fff;
  border-color: #0b5fff;
}
.timeline-item .panel,
.timeline-item .panel-heading {
  position: relative;
}
.timeline-item .panel .timeline-increment {
  margin-left: -1px;
}

.timeline-right {
  padding-left: 0;
  padding-right: 25px;
}
.timeline-right .timeline-item {
  padding-left: 0;
  padding-right: 40px;
}
.timeline-right .timeline-item:before {
  left: auto;
  right: -2px;
}
.timeline-right .timeline-item .panel .timeline-increment {
  margin-left: auto;
  margin-right: 0px;
}
.timeline-right .timeline-item .timeline-increment {
  left: auto;
  right: -41px;
  -ms-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

@media (max-width: 575.98px) {
  .timeline-right-xs-only {
    padding-left: 0;
    padding-right: 25px;
  }
  .timeline-right-xs-only .timeline-item {
    padding-left: 0;
    padding-right: 40px;
  }
  .timeline-right-xs-only .timeline-item:before {
    left: auto;
    right: -2px;
  }
  .timeline-right-xs-only .timeline-item .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-right-xs-only .timeline-item .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
}

@media (min-width: 768px) {
  .timeline-center {
    padding-left: 0;
  }
  .timeline-center .timeline-item {
    margin-left: 50%;
    width: 50%;
  }
  .timeline-center .timeline-item .timeline-item-label {
    left: -100%;
    margin-left: -80px;
    position: absolute;
    text-align: right;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
  }
  .timeline-center .timeline-item.timeline-item-reverse {
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
  }
  .timeline-center .timeline-item.timeline-item-reverse:before {
    left: auto;
    right: -2px;
  }
  .timeline-center .timeline-item.timeline-item-reverse .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .timeline-center .timeline-item.timeline-item-reverse .timeline-item-label {
    margin-left: auto;
    margin-right: -80px;
    right: -100%;
    text-align: left;
  }
}

@media (min-width: 768px) {
  .timeline-even .timeline-item:nth-of-type(even),
  .timeline-odd .timeline-item:nth-of-type(odd) {
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
  }
  .timeline-even .timeline-item:nth-of-type(even):before,
  .timeline-odd .timeline-item:nth-of-type(odd):before {
    left: auto;
    right: -2px;
  }
  .timeline-even .timeline-item:nth-of-type(even) .panel .timeline-increment,
  .timeline-odd .timeline-item:nth-of-type(odd) .panel .timeline-increment {
    margin-left: auto;
    margin-right: 0px;
  }
  .timeline-even .timeline-item:nth-of-type(even) .timeline-increment,
  .timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
    left: auto;
    right: -41px;
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .timeline-even .timeline-item:nth-of-type(even) .timeline-item-label,
  .timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label {
    margin-left: auto;
    margin-right: -80px;
    right: -100%;
    text-align: left;
  }
}

.timeline-spacing-xl.timeline {
  padding-left: 25px;
}
@media (min-width: 768px) {
  .timeline-spacing-xl.timeline-center {
    padding-left: 0;
  }
  .timeline-spacing-xl.timeline-center .timeline-item .timeline-item-label {
    margin-left: -100px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse {
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-increment {
    right: -51px;
  }
  .timeline-spacing-xl.timeline-center .timeline-item.timeline-item-reverse .timeline-item-label {
    margin-left: auto;
    margin-right: -100px;
  }
}
@media (min-width: 768px) {
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even), .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) {
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-increment, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-increment {
    right: -51px;
  }
  .timeline-spacing-xl.timeline-even .timeline-item:nth-of-type(even) .timeline-item-label, .timeline-spacing-xl.timeline-odd .timeline-item:nth-of-type(odd) .timeline-item-label {
    margin-left: auto;
    margin-right: -100px;
  }
}
.timeline-spacing-xl.timeline-right {
  padding-right: 25px;
}
.timeline-spacing-xl.timeline-right .timeline-item {
  padding-right: 50px;
}
.timeline-spacing-xl.timeline-right .timeline-item .timeline-increment {
  right: -51px;
}
@media (max-width: 575.98px) {
  .timeline-spacing-xl.timeline-right-xs-only {
    padding-left: 0;
    padding-right: 25px;
  }
  .timeline-spacing-xl.timeline-right-xs-only .timeline-item {
    padding-left: 0;
    padding-right: 50px;
  }
  .timeline-spacing-xl.timeline-right-xs-only .timeline-item .timeline-increment {
    left: auto;
    right: -51px;
  }
}
.timeline-spacing-xl .timeline-item {
  padding-bottom: 15px;
  padding-left: 50px;
  padding-top: 15px;
}
.timeline-spacing-xl .timeline-item .timeline-increment {
  left: -49px;
}
.timeline-spacing-xl .timeline-increment-text {
  max-width: 75px;
}

.toggle-switch {
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  max-width: 100%;
  position: relative;
}
.toggle-switch.disabled {
  cursor: not-allowed;
}
.toggle-switch.disabled .toggle-switch-label {
  color: #a7a9bc;
  cursor: not-allowed;
}
.toggle-switch.disabled .toggle-switch-text {
  color: #a7a9bc;
}
.toggle-switch-check-bar {
  display: inline-flex;
  position: relative;
}

.toggle-switch-bar .toggle-switch-handle {
  display: block;
  min-width: 48px;
  text-transform: uppercase;
}
.toggle-switch-bar .toggle-switch-icon {
  font-size: 0.625rem;
}
.toggle-switch-bar .toggle-switch-icon .lexicon-icon {
  margin-top: -0.2em;
}
.toggle-switch-bar .button-icon {
  font-size: 0.625rem;
}

.toggle-switch-check {
  bottom: 0;
  font-size: 62.5%;
  height: 24px;
  opacity: 0;
  position: absolute;
  width: 48px;
  z-index: 2;
}
.toggle-switch-check ~ .toggle-switch-bar {
  display: inline-flex;
  font-size: 0.625rem;
  height: 24px;
  line-height: 24px;
  position: relative;
  text-indent: 0;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.toggle-switch-check ~ .toggle-switch-bar::before {
  background-color: #a7a9bc;
  border-color: #a7a9bc;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  bottom: 0;
  content: " ";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
  width: 48px;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar::before {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar::before {
  transition: none;
}

.toggle-switch-check ~ .toggle-switch-bar::after {
  background-color: #fff;
  border-color: #fff;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  bottom: 4px;
  content: "";
  display: block;
  height: 16px;
  left: 4px;
  position: absolute;
  top: 4px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
  width: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar::after {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar::after {
  transition: none;
}

.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::before {
  transition: none;
}

.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-off);
  margin-left: 56px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
  white-space: nowrap;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
  transition: none;
}

.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
  color: #fff;
  left: 4px;
  line-height: 16px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 4px;
  transition: background-color 100ms ease-in, border-color 100ms ease-in, box-shadow 150ms ease-in-out, color 100ms ease-in, left 100ms ease-in, opacity 100ms ease-in, right 100ms ease-in;
  width: 16px;
  z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
    transition: none;
  }
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
  transition: none;
}

.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
  left: 4px;
  opacity: 0;
}
.toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
  left: 28px;
}
.toggle-switch-check ~ .toggle-switch-bar .button-icon {
  color: #272833;
}
.toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
  opacity: 0;
}
.toggle-switch-check:focus-visible ~ .toggle-switch-bar::before, .c-prefers-focus .toggle-switch-check:focus ~ .toggle-switch-bar::before {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
  cursor: not-allowed;
  opacity: 0.4;
}
.toggle-switch-check:checked ~ .toggle-switch-bar::before {
  background-color: #0b5fff;
  border-color: #0b5fff;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar::after {
  background-color: #fff;
  border-color: #fff;
  border-radius: 50%;
  border-style: solid;
  border-width: 1px;
  left: 28px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
  content: '\FEFF' attr(data-label-on);
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon {
  color: #fff;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-on {
  opacity: 1;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-icon-off {
  opacity: 0;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
  color: #0b5fff;
  left: 28px;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-on {
  opacity: 1;
}
.toggle-switch-check:checked ~ .toggle-switch-bar .button-icon-off {
  opacity: 0;
}
@media (max-width: 767.98px) {
  .toggle-switch-check {
    height: 24px;
    width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar {
    height: 24px;
    line-height: 24px;
    text-indent: 0;
  }
  .toggle-switch-check ~ .toggle-switch-bar::before {
    width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar::after {
    bottom: 4px;
    height: 16px;
    left: 4px;
    top: 4px;
    width: 16px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
    min-width: 40px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
    margin-left: 48px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
    font-size: 0.625rem;
    left: 4px;
    line-height: 16px;
    top: 4px;
    width: 16px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-on {
    left: 4px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
    left: 20px;
  }
  .toggle-switch-check ~ .toggle-switch-bar .button-icon {
    font-size: 0.625rem;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar::after {
    left: 20px;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar .toggle-switch-handle::after {
    margin-left: 48px;
  }
  .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
    left: 20px;
  }
}

.toggle-switch-label {
  display: block;
  margin-bottom: 2px;
}

.toggle-switch-text {
  display: block;
  font-size: 0.75rem;
}

.toggle-switch-text-left {
  display: inline-flex;
  line-height: 24px;
  margin-right: 8px;
}
@media (max-width: 767.98px) {
  .toggle-switch-text-left {
    line-height: 24px;
  }
}

.toggle-switch-text-right {
  display: inline-flex;
  line-height: 24px;
  margin-left: 8px;
}
@media (max-width: 767.98px) {
  .toggle-switch-text-right {
    line-height: 24px;
  }
}

.simple-toggle-switch.toggle-switch {
  align-items: center;
  display: inline-flex;
}
.simple-toggle-switch.toggle-switch .toggle-switch-label {
  line-height: 1;
  margin-bottom: 0;
  max-width: calc( 					100% - 56px 				);
}
@media (max-width: 767.98px) {
  .simple-toggle-switch.toggle-switch .toggle-switch-label {
    max-width: calc( 						100% - 48px 					);
  }
}
.simple-toggle-switch.toggle-switch .toggle-switch-check + .toggle-switch-label {
  margin-right: 0.5rem;
}
.simple-toggle-switch.toggle-switch .toggle-switch-label + .toggle-switch-check-bar {
  margin-left: 0.5rem;
}

.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check-bar {
  order: 5;
}
.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-check ~ .toggle-switch-bar {
  order: 5;
}
.simple-toggle-switch-reverse.simple-toggle-switch .toggle-switch-label {
  margin-right: 0.5rem;
}
.toggle-switch-sm .simple-toggle-switch .toggle-switch-label, .simple-toggle-switch.toggle-switch-sm .toggle-switch-label {
  max-width: calc(100% - 34px);
}
.toggle-switch-sm .toggle-switch-check {
  height: 16px;
  width: 30px;
}
.toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar {
  height: 16px;
  line-height: 16px;
}
.toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::before {
  width: 30px;
}
.toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar::after {
  height: 12px;
  width: 12px;
  bottom: 0;
  left: 2px;
  top: 2px;
}
.toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle {
  min-width: 30px;
}
.toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-handle::after {
  margin-left: 34px;
}
.toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon {
  font-size: 0.5rem;
  height: 16px;
  left: 0;
  line-height: 16px;
  width: 16px;
  top: 0px;
}
.toggle-switch-sm .toggle-switch-check ~ .toggle-switch-bar .toggle-switch-icon-off {
  left: 13px;
}
.toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar::after {
  left: 16px;
}
.toggle-switch-sm .toggle-switch-check:checked ~ .toggle-switch-bar .button-icon {
  left: 14px;
}
.toggle-switch-sm .toggle-switch-label {
  font-size: 0.75rem;
  max-width: calc(100% - 38px);
}
.tooltip {
  display: block;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  margin: 0;
  opacity: 0;
  position: absolute;
  text-align: left;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
  z-index: 1070;
}
.tooltip.show {
  opacity: 1;
}
.tooltip .arrow {
  display: block;
  height: 0.4rem;
  position: absolute;
  width: 0.8rem;
}
.tooltip .arrow::before {
  border-color: transparent;
  border-style: solid;
  content: "";
  position: absolute;
}

.tooltip-inner {
  background-color: #111116;
  border-radius: 0.25rem;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.4);
  color: #fff;
  max-width: 230px;
  padding: 0.75rem 0.75rem;
  text-align: center;
  white-space: pre-line;
}

.tooltip-arrow {
  background-color: #111116;
  position: absolute;
  transform: rotate(45deg);
}

.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 {
  border-top-color: #111116;
  border-width: 0.4rem 0.4rem 0;
  top: 0;
}

.bs-tooltip-right,
.bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^=right] .arrow {
  height: 0.8rem;
  left: 0;
  width: 0.4rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #111116;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: 0;
}

.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 {
  border-bottom-color: #111116;
  border-width: 0 0.4rem 0.4rem;
  bottom: 0;
}

.bs-tooltip-left,
.bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^=left] .arrow {
  height: 0.8rem;
  right: 0;
  width: 0.4rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #111116;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: 0;
}

.clay-tooltip-bottom,
.clay-tooltip-bottom-left,
.clay-tooltip-bottom-right {
  padding-top: 0.4rem;
}
.clay-tooltip-bottom .arrow,
.clay-tooltip-bottom-left .arrow,
.clay-tooltip-bottom-right .arrow {
  left: 50%;
  margin-left: -0.4rem;
  top: 0;
}
.clay-tooltip-bottom .arrow::before,
.clay-tooltip-bottom-left .arrow::before,
.clay-tooltip-bottom-right .arrow::before {
  border-bottom-color: #111116;
  border-width: 0 0.4rem 0.4rem;
  bottom: 0;
}
.clay-tooltip-bottom .tooltip-arrow,
.clay-tooltip-bottom-left .tooltip-arrow,
.clay-tooltip-bottom-right .tooltip-arrow {
  border-bottom-color: transparent;
  border-right-color: transparent;
  left: 50%;
  top: 0;
}

.clay-tooltip-bottom-left .arrow {
  left: 0.5rem;
  margin-left: 0;
}

.clay-tooltip-bottom-right .arrow {
  left: auto;
  margin-left: 0;
  right: 0.5rem;
}

.clay-tooltip-left,
.clay-tooltip-left-bottom,
.clay-tooltip-left-top {
  padding-right: 0.4rem;
}
.clay-tooltip-left .arrow,
.clay-tooltip-left-bottom .arrow,
.clay-tooltip-left-top .arrow {
  height: 0.8rem;
  margin-top: -0.4rem;
  right: 0;
  top: 50%;
  width: 0.4rem;
}
.clay-tooltip-left .arrow::before,
.clay-tooltip-left-bottom .arrow::before,
.clay-tooltip-left-top .arrow::before {
  border-left-color: #111116;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  left: 0;
}
.clay-tooltip-left .tooltip-arrow,
.clay-tooltip-left-bottom .tooltip-arrow,
.clay-tooltip-left-top .tooltip-arrow {
  border-bottom-color: transparent;
  border-left-color: transparent;
  right: 0;
  top: 50%;
}

.clay-tooltip-left-bottom .arrow {
  bottom: 0.5rem;
  margin-top: 0;
  top: auto;
}

.clay-tooltip-left-top .arrow {
  margin-top: 0;
  top: 0.5rem;
}

.clay-tooltip-right,
.clay-tooltip-right-bottom,
.clay-tooltip-right-top {
  padding-left: 0.4rem;
}
.clay-tooltip-right .arrow,
.clay-tooltip-right-bottom .arrow,
.clay-tooltip-right-top .arrow {
  height: 0.8rem;
  left: 0;
  margin-top: -0.4rem;
  width: 0.4rem;
  top: 50%;
}
.clay-tooltip-right .arrow::before,
.clay-tooltip-right-bottom .arrow::before,
.clay-tooltip-right-top .arrow::before {
  border-right-color: #111116;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  right: 0;
}
.clay-tooltip-right .tooltip-arrow,
.clay-tooltip-right-bottom .tooltip-arrow,
.clay-tooltip-right-top .tooltip-arrow {
  border-right-color: transparent;
  border-top-color: transparent;
  left: 0;
  top: 50%;
}

.clay-tooltip-right-bottom .arrow {
  bottom: 0.5rem;
  margin-top: 0;
  top: auto;
}

.clay-tooltip-right-top .arrow {
  margin-top: 0;
  top: 0.5rem;
}

.clay-tooltip-top,
.clay-tooltip-top-left,
.clay-tooltip-top-right {
  padding-bottom: 0.4rem;
}
.clay-tooltip-top .arrow,
.clay-tooltip-top-left .arrow,
.clay-tooltip-top-right .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -0.4rem;
}
.clay-tooltip-top .arrow::before,
.clay-tooltip-top-left .arrow::before,
.clay-tooltip-top-right .arrow::before {
  border-top-color: #111116;
  border-width: 0.4rem 0.4rem 0;
  top: 0;
}
.clay-tooltip-top .tooltip-arrow,
.clay-tooltip-top-left .tooltip-arrow,
.clay-tooltip-top-right .tooltip-arrow {
  border-left-color: transparent;
  border-top-color: transparent;
  bottom: 0;
  left: 50%;
}

.clay-tooltip-top-left .arrow {
  left: 0.5rem;
  margin-left: 0;
}

.clay-tooltip-top-right .arrow {
  left: auto;
  margin-left: 0;
  right: 0.5rem;
}

.treeview {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  list-style: none;
  margin-bottom: 0;
  padding: 2px 0;
}
.treeview .btn {
  color: inherit;
  font-size: 12px;
  line-height: 1;
  padding: 6px 8px;
}
.treeview .btn .c-inner {
  margin: -7px -8px;
}
.treeview .btn-monospaced {
  font-size: inherit;
  height: 24px;
  padding: 0;
  width: 24px;
}
.treeview .btn-monospaced.focus, .treeview .btn-monospaced:focus-visible, .c-prefers-focus .treeview .btn-monospaced:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.treeview .custom-control {
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 1.5px;
}
.treeview .component-expander {
  font-size: 10px;
}
.treeview .component-expander .lexicon-icon:not(.component-expanded-d-none) {
  display: none;
}
.treeview .component-action {
  font-size: 16px;
  margin-left: 2px;
  margin-right: 2px;
}
.treeview .component-action:hover {
  background-color: transparent;
  color: #6b6c7e;
}
.treeview .component-action.focus, .treeview .component-action:focus-visible, .c-prefers-focus .treeview .component-action:focus {
  color: #6b6c7e;
}

.treeview .component-action:active {
  background-color: transparent;
}
.treeview .component-action.active {
  background-color: transparent;
}
.treeview .component-action[aria-expanded=true], .treeview .component-action.show {
  background-color: transparent;
}
.treeview .component-icon {
  color: #6b6c7e;
  display: inline-block;
  font-size: 16px;
  height: auto;
  margin: 4px;
  vertical-align: middle;
  width: auto;
}
.treeview .component-icon .lexicon-icon {
  display: block;
}
.treeview .component-text {
  line-height: 24px;
  padding-left: 4px;
  -ms-user-select: auto;
  -moz-user-select: auto;
  -webkit-user-select: auto;
  user-select: auto;
}
.treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander {
  opacity: 1;
  transition: opacity ease-in-out 600ms;
}
@media (prefers-reduced-motion: reduce) {
  .treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander {
    transition: none;
  }
}
.treeview.show-component-expander-on-hover:hover .component-expander, .treeview.show-component-expander-on-hover.hover .component-expander {
  transition: none;
}

.treeview.show-component-expander-on-hover .treeview-link:focus .component-expander, .treeview.show-component-expander-on-hover .treeview-link.focus .component-expander {
  opacity: 1;
  transition: none;
}
.treeview.show-component-expander-on-hover .component-expander {
  opacity: 0;
  transition: opacity ease-in-out 450ms;
}
@media (prefers-reduced-motion: reduce) {
  .treeview.show-component-expander-on-hover .component-expander {
    transition: none;
  }
}
.treeview.show-component-expander-on-hover .component-expander {
  transition: none;
}

.treeview .quick-action-item {
  margin: 0 2px;
  min-height: 0;
  min-width: 0;
}
.treeview .autofit-row {
  align-items: center;
}
.treeview.show-quick-actions-on-hover .treeview-link:not(:hover):not(:focus):not(.focus) .quick-action-item {
  display: none;
}
.treeview.show-quick-actions-on-hover .treeview-link:disabled .quick-action-item, .treeview.show-quick-actions-on-hover .treeview-link.disabled .quick-action-item {
  display: none;
}
.treeview.show-quick-actions-on-hover .treeview-link .quick-action-item:disabled, .treeview.show-quick-actions-on-hover .treeview-link .quick-action-item.disabled {
  display: none;
}

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

.treeview-item {
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.treeview-dropping-indicator-top {
  background-color: transparent;
  display: block;
  height: 2px;
  margin-top: -2px;
  outline: none;
  width: 100%;
}
.treeview-dropping-indicator-bottom {
  background-color: transparent;
  display: block;
  height: 2px;
  margin-bottom: -2px;
  outline: none;
  width: 100%;
}
.treeview-dropping-indicator-over {
  background-color: #528eff;
}
.treeview-link {
  background-color: transparent;
  cursor: pointer;
  display: block;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 2px;
  margin-top: 2px;
  min-width: 100%;
  padding: 0;
  position: relative;
  text-align: left;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.treeview-link:hover, .treeview-link.hover {
  text-decoration: none;
}
.treeview-link.focus, .treeview-link:focus-visible, .c-prefers-focus .treeview-link:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
  outline: 0;
}

.treeview-link:disabled, .treeview-link.disabled {
  cursor: not-allowed;
}
.treeview-link.treeview-dropping-middle {
  background-color: #f0f5ff;
  border-color: #528eff;
}
.treeview-link.show .component-expander .component-expanded-d-none, .treeview-link[aria-expanded=true] .component-expander .component-expanded-d-none {
  display: none;
}
.treeview-link.show .component-expander .lexicon-icon:not(.component-expanded-d-none), .treeview-link[aria-expanded=true] .component-expander .lexicon-icon:not(.component-expanded-d-none) {
  display: inline-block;
}
.treeview-nested-margins .treeview-group .treeview-item {
  margin-left: 24px;
}

.treeview-item-dragging {
  cursor: not-allowed;
  opacity: 0.4;
}
.treeview-item-dragging .treeview-link {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.treeview-dragging {
  background-color: #fff;
  border-color: #528eff;
  border-radius: 0.1875rem;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  font-size: 10px;
  font-weight: 600;
  padding: 4px 12px;
  text-transform: uppercase;
}

.treeview-light .component-expander {
  color: #6b6c7e;
}
.treeview-light .component-expander:disabled, .treeview-light .component-expander.disabled {
  color: #6b6c7e;
  opacity: 0.5;
}
.treeview-light .component-expander.btn-secondary {
  background-color: #fff;
}
.treeview-light .treeview-link {
  color: #6b6c7e;
}
.treeview-light .treeview-link:hover, .treeview-light .treeview-link.hover {
  box-shadow: inset 0 0 0 1px #88889a;
}
.treeview-light .treeview-link.focus, .treeview-light .treeview-link:focus-visible, .c-prefers-focus .treeview-light .treeview-link:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.treeview-light .treeview-link:active {
  background-color: #f0f5ff;
  box-shadow: inset 0 0 0 1px #0b5fff;
  color: #393a4a;
}
.treeview-light .treeview-link:active:focus-visible, .c-prefers-focus .treeview-light .treeview-link:active:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}
.treeview-light .treeview-link.active {
  background-color: #f0f5ff;
  box-shadow: inset 0 0 0 1px #0b5fff;
  color: #393a4a;
}
.treeview-light .treeview-link.active:focus-visible, .c-prefers-focus .treeview-light .treeview-link.active:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}
.treeview-light .treeview-link:disabled, .treeview-light .treeview-link.disabled {
  background-color: transparent;
  color: rgba(107, 108, 126, 0.5);
}
.treeview-light .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-light .treeview-link[aria-expanded=true]:focus, .treeview-light .treeview-link.show:focus-visible, .c-prefers-focus .treeview-light .treeview-link.show:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.treeview-light .treeview-link.treeview-no-hover:hover, .treeview-light .treeview-link.treeview-no-hover.hover {
  background-color: transparent;
  color: #6b6c7e;
}
.treeview-dark .component-expander {
  color: #a7a9bc;
}
.treeview-dark .component-expander:disabled, .treeview-dark .component-expander.disabled {
  color: #a7a9bc;
  opacity: 0.5;
}
.treeview-dark .treeview-link {
  color: #a7a9bc;
}
.treeview-dark .treeview-link:hover, .treeview-dark .treeview-link.hover {
  box-shadow: inset 0 0 0 1px #88889a;
}
.treeview-dark .treeview-link.focus, .treeview-dark .treeview-link:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.treeview-dark .treeview-link:active {
  background-color: #393a4a;
  box-shadow: inset 0 0 0 1px #0b5fff;
  color: #f0f5ff;
}
.treeview-dark .treeview-link:active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link:active:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}
.treeview-dark .treeview-link.active {
  background-color: #393a4a;
  box-shadow: inset 0 0 0 1px #0b5fff;
  color: #f0f5ff;
}
.treeview-dark .treeview-link.active:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.active:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}
.treeview-dark .treeview-link:disabled, .treeview-dark .treeview-link.disabled {
  background-color: transparent;
  color: rgba(167, 169, 188, 0.5);
}
.treeview-dark .treeview-link[aria-expanded=true]:focus-visible, .c-prefers-focus .treeview-dark .treeview-link[aria-expanded=true]:focus, .treeview-dark .treeview-link.show:focus-visible, .c-prefers-focus .treeview-dark .treeview-link.show:focus {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
}

.treeview-dark .treeview-link.treeview-no-hover:hover, .treeview-dark .treeview-link.treeview-no-hover.hover {
  background-color: transparent;
  color: #a7a9bc;
}
.treeview-dark .component-action {
  color: #a7a9bc;
}
.treeview-dark .component-action:disabled, .treeview-dark .component-action.disabled {
  color: #a7a9bc;
}
.bg-checkered {
  background-image: linear-gradient(45deg, #e7e7ed 25%, transparent 25%), linear-gradient(-45deg, #e7e7ed 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #e7e7ed 75%), linear-gradient(-45deg, transparent 75%, #e7e7ed 75%);
  background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
  background-size: 20px 20px;
}

.close {
  align-items: center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border-radius: 0.1875rem;
  border-width: 0px;
  color: #272833;
  cursor: pointer;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  height: 2rem;
  justify-content: center;
  line-height: 1;
  opacity: 1;
  padding: 0;
  text-align: center;
  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;
  width: 2rem;
}
.close::-ms-expand {
  display: none;
}
@media (prefers-reduced-motion: reduce) {
  .close {
    transition: none;
  }
}
.close {
  transition: none;
}

.close:hover {
  color: #272833;
  opacity: 1;
  text-decoration: none;
  outline: 0;
}
.close.focus, .close:focus-visible, .c-prefers-focus .close:focus {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
  outline: 0;
}

.close:disabled, .close.disabled {
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.65;
  outline: 0;
  color: #6b6c7e;
}
.close .lexicon-icon {
  margin-top: 0;
}

.c-focus-inset:focus:not(:disabled):not(.disabled):not([disabled]), .c-focus-inset.focus:not(:disabled):not(.disabled):not([disabled]) {
  box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
  border-color: #80acff;
  outline: 0;
}

.c-focus-trap {
  background: inherit;
  color: inherit;
  display: contents;
  font: inherit;
}

.autofit-row {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
ul.autofit-row {
  list-style: none;
  padding-left: 0;
}

.autofit-row-center > .autofit-col {
  justify-content: center;
}

.autofit-row-end > .autofit-col {
  justify-content: flex-end;
}

.autofit-padded > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-x {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  width: auto;
}
.autofit-padded-no-gutters-x > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-y {
  margin-bottom: -0.25rem;
  margin-top: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters-y > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters {
  margin-bottom: -0.25rem;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters > .autofit-col {
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.25rem;
}

.autofit-padded-no-gutters-sm, .sheet-title .autofit-padded-no-gutters {
  margin: -0.25rem;
  width: auto;
}
.autofit-padded-no-gutters-sm > .autofit-col, .sheet-title .autofit-padded-no-gutters > .autofit-col {
  padding: 0.25rem;
}

.autofit-col, .tbar-item {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  min-height: 0;
  position: relative;
}

.autofit-col-shrink {
  flex-shrink: 1;
  min-width: 1rem;
  word-wrap: break-word;
}

.autofit-col-expand, .tbar-item-expand {
  flex-grow: 1;
  flex-shrink: 1;
  min-width: 3.125rem;
  word-wrap: break-word;
}

.autofit-section, .tbar-section {
  max-width: 100%;
}

.autofit-float {
  flex-wrap: wrap;
}
.autofit-float > .autofit-col {
  max-width: 100%;
}
.autofit-float > .autofit-col-end {
  margin-left: auto;
}
.autofit-float > .autofit-col-end + .autofit-col-end {
  margin-left: 0;
}

@media (max-width: 767.98px) {
  .autofit-float-sm-down {
    flex-wrap: wrap;
  }
  .autofit-float-sm-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-sm-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-sm-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .autofit-float-md-down {
    flex-wrap: wrap;
  }
  .autofit-float-md-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-md-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-md-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

.autofit-float-end {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.autofit-float-end > .autofit-col {
  max-width: 100%;
}
.autofit-float-end > .autofit-col-end {
  margin-left: auto;
}
.autofit-float-end > .autofit-col-end + .autofit-col-end {
  margin-left: 0;
}

@media (max-width: 767.98px) {
  .autofit-float-end-sm-down {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .autofit-float-end-sm-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-end-sm-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-end-sm-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  .autofit-float-end-md-down {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .autofit-float-end-md-down > .autofit-col {
    max-width: 100%;
  }
  .autofit-float-end-md-down > .autofit-col-end {
    margin-left: auto;
  }
  .autofit-float-end-md-down > .autofit-col-end + .autofit-col-end {
    margin-left: 0;
  }
}

.c-inner {
  align-items: inherit;
  display: inherit;
  flex-direction: inherit;
  height: inherit;
  justify-content: inherit;
  line-height: inherit;
  max-width: inherit;
  min-width: inherit;
  outline: 0;
  overflow: inherit;
  padding-bottom: inherit;
  padding-left: inherit;
  padding-right: inherit;
  padding-top: inherit;
  width: inherit;
}

.heading-start {
  margin-right: 1rem;
}

.heading-end {
  margin-left: 1rem;
}

.heading-text {
  margin-bottom: auto;
  margin-top: auto;
}

.inline-scroller {
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  max-height: 125px;
  overflow: auto;
  padding: 0;
}
.inline-scroller:focus {
  outline: 0;
}
.inline-scroller:focus-visible {
  box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
}

.inline-item {
  align-items: center;
  display: inline-flex;
  vertical-align: middle;
}
.inline-item .inline-item {
  display: inline;
}
.inline-item .lexicon-icon {
  margin-top: -0.1em;
}
.inline-item-before {
  margin-right: 0.5rem;
}

.inline-item-middle {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.inline-item-middle + .inline-item-middle {
  margin-left: 0;
}

.inline-item-after {
  margin-left: 0.5rem;
}

.page-header {
  background-color: #fff;
}

.c-gap-0 {
  gap: 0;
}

.c-gapx-0 {
  column-gap: 0;
}

.c-gapy-0 {
  row-gap: 0;
}

.c-gap-1 {
  gap: 0.25rem;
}

.c-gapx-1 {
  column-gap: 0.25rem;
}

.c-gapy-1 {
  row-gap: 0.25rem;
}

.c-gap-2 {
  gap: 0.5rem;
}

.c-gapx-2 {
  column-gap: 0.5rem;
}

.c-gapy-2 {
  row-gap: 0.5rem;
}

.c-gap-3 {
  gap: 1rem;
}

.c-gapx-3 {
  column-gap: 1rem;
}

.c-gapy-3 {
  row-gap: 1rem;
}

.c-gap-4 {
  gap: 1.5rem;
}

.c-gapx-4 {
  column-gap: 1.5rem;
}

.c-gapy-4 {
  row-gap: 1.5rem;
}

.c-gap-5 {
  gap: 3rem;
}

.c-gapx-5 {
  column-gap: 3rem;
}

.c-gapy-5 {
  row-gap: 3rem;
}

@media (min-width: 576px) {
  .c-gap-sm-0 {
    gap: 0;
  }
  .c-gapx-sm-0 {
    column-gap: 0;
  }
  .c-gapy-sm-0 {
    row-gap: 0;
  }
  .c-gap-sm-1 {
    gap: 0.25rem;
  }
  .c-gapx-sm-1 {
    column-gap: 0.25rem;
  }
  .c-gapy-sm-1 {
    row-gap: 0.25rem;
  }
  .c-gap-sm-2 {
    gap: 0.5rem;
  }
  .c-gapx-sm-2 {
    column-gap: 0.5rem;
  }
  .c-gapy-sm-2 {
    row-gap: 0.5rem;
  }
  .c-gap-sm-3 {
    gap: 1rem;
  }
  .c-gapx-sm-3 {
    column-gap: 1rem;
  }
  .c-gapy-sm-3 {
    row-gap: 1rem;
  }
  .c-gap-sm-4 {
    gap: 1.5rem;
  }
  .c-gapx-sm-4 {
    column-gap: 1.5rem;
  }
  .c-gapy-sm-4 {
    row-gap: 1.5rem;
  }
  .c-gap-sm-5 {
    gap: 3rem;
  }
  .c-gapx-sm-5 {
    column-gap: 3rem;
  }
  .c-gapy-sm-5 {
    row-gap: 3rem;
  }
}
@media (min-width: 768px) {
  .c-gap-md-0 {
    gap: 0;
  }
  .c-gapx-md-0 {
    column-gap: 0;
  }
  .c-gapy-md-0 {
    row-gap: 0;
  }
  .c-gap-md-1 {
    gap: 0.25rem;
  }
  .c-gapx-md-1 {
    column-gap: 0.25rem;
  }
  .c-gapy-md-1 {
    row-gap: 0.25rem;
  }
  .c-gap-md-2 {
    gap: 0.5rem;
  }
  .c-gapx-md-2 {
    column-gap: 0.5rem;
  }
  .c-gapy-md-2 {
    row-gap: 0.5rem;
  }
  .c-gap-md-3 {
    gap: 1rem;
  }
  .c-gapx-md-3 {
    column-gap: 1rem;
  }
  .c-gapy-md-3 {
    row-gap: 1rem;
  }
  .c-gap-md-4 {
    gap: 1.5rem;
  }
  .c-gapx-md-4 {
    column-gap: 1.5rem;
  }
  .c-gapy-md-4 {
    row-gap: 1.5rem;
  }
  .c-gap-md-5 {
    gap: 3rem;
  }
  .c-gapx-md-5 {
    column-gap: 3rem;
  }
  .c-gapy-md-5 {
    row-gap: 3rem;
  }
}
@media (min-width: 992px) {
  .c-gap-lg-0 {
    gap: 0;
  }
  .c-gapx-lg-0 {
    column-gap: 0;
  }
  .c-gapy-lg-0 {
    row-gap: 0;
  }
  .c-gap-lg-1 {
    gap: 0.25rem;
  }
  .c-gapx-lg-1 {
    column-gap: 0.25rem;
  }
  .c-gapy-lg-1 {
    row-gap: 0.25rem;
  }
  .c-gap-lg-2 {
    gap: 0.5rem;
  }
  .c-gapx-lg-2 {
    column-gap: 0.5rem;
  }
  .c-gapy-lg-2 {
    row-gap: 0.5rem;
  }
  .c-gap-lg-3 {
    gap: 1rem;
  }
  .c-gapx-lg-3 {
    column-gap: 1rem;
  }
  .c-gapy-lg-3 {
    row-gap: 1rem;
  }
  .c-gap-lg-4 {
    gap: 1.5rem;
  }
  .c-gapx-lg-4 {
    column-gap: 1.5rem;
  }
  .c-gapy-lg-4 {
    row-gap: 1.5rem;
  }
  .c-gap-lg-5 {
    gap: 3rem;
  }
  .c-gapx-lg-5 {
    column-gap: 3rem;
  }
  .c-gapy-lg-5 {
    row-gap: 3rem;
  }
}
@media (min-width: 1280px) {
  .c-gap-xl-0 {
    gap: 0;
  }
  .c-gapx-xl-0 {
    column-gap: 0;
  }
  .c-gapy-xl-0 {
    row-gap: 0;
  }
  .c-gap-xl-1 {
    gap: 0.25rem;
  }
  .c-gapx-xl-1 {
    column-gap: 0.25rem;
  }
  .c-gapy-xl-1 {
    row-gap: 0.25rem;
  }
  .c-gap-xl-2 {
    gap: 0.5rem;
  }
  .c-gapx-xl-2 {
    column-gap: 0.5rem;
  }
  .c-gapy-xl-2 {
    row-gap: 0.5rem;
  }
  .c-gap-xl-3 {
    gap: 1rem;
  }
  .c-gapx-xl-3 {
    column-gap: 1rem;
  }
  .c-gapy-xl-3 {
    row-gap: 1rem;
  }
  .c-gap-xl-4 {
    gap: 1.5rem;
  }
  .c-gapx-xl-4 {
    column-gap: 1.5rem;
  }
  .c-gapy-xl-4 {
    row-gap: 1.5rem;
  }
  .c-gap-xl-5 {
    gap: 3rem;
  }
  .c-gapx-xl-5 {
    column-gap: 3rem;
  }
  .c-gapy-xl-5 {
    row-gap: 3rem;
  }
}
.c-m-0 {
  margin: 0;
}

.c-mt-0,
.c-my-0 {
  margin-top: 0;
}

.c-mr-0,
.c-mx-0 {
  margin-right: 0;
}

.c-mb-0,
.c-my-0 {
  margin-bottom: 0;
}

.c-ml-0,
.c-mx-0 {
  margin-left: 0;
}

.c-m-1 {
  margin: 0.25rem;
}

.c-mt-1,
.c-my-1 {
  margin-top: 0.25rem;
}

.c-mr-1,
.c-mx-1 {
  margin-right: 0.25rem;
}

.c-mb-1,
.c-my-1 {
  margin-bottom: 0.25rem;
}

.c-ml-1,
.c-mx-1 {
  margin-left: 0.25rem;
}

.c-m-2 {
  margin: 0.5rem;
}

.c-mt-2,
.c-my-2 {
  margin-top: 0.5rem;
}

.c-mr-2,
.c-mx-2 {
  margin-right: 0.5rem;
}

.c-mb-2,
.c-my-2 {
  margin-bottom: 0.5rem;
}

.c-ml-2,
.c-mx-2 {
  margin-left: 0.5rem;
}

.c-m-3 {
  margin: 1rem;
}

.c-mt-3,
.c-my-3 {
  margin-top: 1rem;
}

.c-mr-3,
.c-mx-3 {
  margin-right: 1rem;
}

.c-mb-3,
.c-my-3 {
  margin-bottom: 1rem;
}

.c-ml-3,
.c-mx-3 {
  margin-left: 1rem;
}

.c-m-4 {
  margin: 1.5rem;
}

.c-mt-4,
.c-my-4 {
  margin-top: 1.5rem;
}

.c-mr-4,
.c-mx-4 {
  margin-right: 1.5rem;
}

.c-mb-4,
.c-my-4 {
  margin-bottom: 1.5rem;
}

.c-ml-4,
.c-mx-4 {
  margin-left: 1.5rem;
}

.c-m-5 {
  margin: 3rem;
}

.c-mt-5,
.c-my-5 {
  margin-top: 3rem;
}

.c-mr-5,
.c-mx-5 {
  margin-right: 3rem;
}

.c-mb-5,
.c-my-5 {
  margin-bottom: 3rem;
}

.c-ml-5,
.c-mx-5 {
  margin-left: 3rem;
}

.c-m-6 {
  margin: 4.5rem;
}

.c-mt-6,
.c-my-6 {
  margin-top: 4.5rem;
}

.c-mr-6,
.c-mx-6 {
  margin-right: 4.5rem;
}

.c-mb-6,
.c-my-6 {
  margin-bottom: 4.5rem;
}

.c-ml-6,
.c-mx-6 {
  margin-left: 4.5rem;
}

.c-m-7 {
  margin: 6rem;
}

.c-mt-7,
.c-my-7 {
  margin-top: 6rem;
}

.c-mr-7,
.c-mx-7 {
  margin-right: 6rem;
}

.c-mb-7,
.c-my-7 {
  margin-bottom: 6rem;
}

.c-ml-7,
.c-mx-7 {
  margin-left: 6rem;
}

.c-m-8 {
  margin: 7.5rem;
}

.c-mt-8,
.c-my-8 {
  margin-top: 7.5rem;
}

.c-mr-8,
.c-mx-8 {
  margin-right: 7.5rem;
}

.c-mb-8,
.c-my-8 {
  margin-bottom: 7.5rem;
}

.c-ml-8,
.c-mx-8 {
  margin-left: 7.5rem;
}

.c-m-9 {
  margin: 9rem;
}

.c-mt-9,
.c-my-9 {
  margin-top: 9rem;
}

.c-mr-9,
.c-mx-9 {
  margin-right: 9rem;
}

.c-mb-9,
.c-my-9 {
  margin-bottom: 9rem;
}

.c-ml-9,
.c-mx-9 {
  margin-left: 9rem;
}

.c-m-10 {
  margin: 10rem;
}

.c-mt-10,
.c-my-10 {
  margin-top: 10rem;
}

.c-mr-10,
.c-mx-10 {
  margin-right: 10rem;
}

.c-mb-10,
.c-my-10 {
  margin-bottom: 10rem;
}

.c-ml-10,
.c-mx-10 {
  margin-left: 10rem;
}

.c-p-0 {
  padding: 0;
}

.c-pt-0,
.c-py-0 {
  padding-top: 0;
}

.c-pr-0,
.c-px-0 {
  padding-right: 0;
}

.c-pb-0,
.c-py-0 {
  padding-bottom: 0;
}

.c-pl-0,
.c-px-0 {
  padding-left: 0;
}

.c-p-1 {
  padding: 0.25rem;
}

.c-pt-1,
.c-py-1 {
  padding-top: 0.25rem;
}

.c-pr-1,
.c-px-1 {
  padding-right: 0.25rem;
}

.c-pb-1,
.c-py-1 {
  padding-bottom: 0.25rem;
}

.c-pl-1,
.c-px-1 {
  padding-left: 0.25rem;
}

.c-p-2 {
  padding: 0.5rem;
}

.c-pt-2,
.c-py-2 {
  padding-top: 0.5rem;
}

.c-pr-2,
.c-px-2 {
  padding-right: 0.5rem;
}

.c-pb-2,
.c-py-2 {
  padding-bottom: 0.5rem;
}

.c-pl-2,
.c-px-2 {
  padding-left: 0.5rem;
}

.c-p-3 {
  padding: 1rem;
}

.c-pt-3,
.c-py-3 {
  padding-top: 1rem;
}

.c-pr-3,
.c-px-3 {
  padding-right: 1rem;
}

.c-pb-3,
.c-py-3 {
  padding-bottom: 1rem;
}

.c-pl-3,
.c-px-3 {
  padding-left: 1rem;
}

.c-p-4 {
  padding: 1.5rem;
}

.c-pt-4,
.c-py-4 {
  padding-top: 1.5rem;
}

.c-pr-4,
.c-px-4 {
  padding-right: 1.5rem;
}

.c-pb-4,
.c-py-4 {
  padding-bottom: 1.5rem;
}

.c-pl-4,
.c-px-4 {
  padding-left: 1.5rem;
}

.c-p-5 {
  padding: 3rem;
}

.c-pt-5,
.c-py-5 {
  padding-top: 3rem;
}

.c-pr-5,
.c-px-5 {
  padding-right: 3rem;
}

.c-pb-5,
.c-py-5 {
  padding-bottom: 3rem;
}

.c-pl-5,
.c-px-5 {
  padding-left: 3rem;
}

.c-p-6 {
  padding: 4.5rem;
}

.c-pt-6,
.c-py-6 {
  padding-top: 4.5rem;
}

.c-pr-6,
.c-px-6 {
  padding-right: 4.5rem;
}

.c-pb-6,
.c-py-6 {
  padding-bottom: 4.5rem;
}

.c-pl-6,
.c-px-6 {
  padding-left: 4.5rem;
}

.c-p-7 {
  padding: 6rem;
}

.c-pt-7,
.c-py-7 {
  padding-top: 6rem;
}

.c-pr-7,
.c-px-7 {
  padding-right: 6rem;
}

.c-pb-7,
.c-py-7 {
  padding-bottom: 6rem;
}

.c-pl-7,
.c-px-7 {
  padding-left: 6rem;
}

.c-p-8 {
  padding: 7.5rem;
}

.c-pt-8,
.c-py-8 {
  padding-top: 7.5rem;
}

.c-pr-8,
.c-px-8 {
  padding-right: 7.5rem;
}

.c-pb-8,
.c-py-8 {
  padding-bottom: 7.5rem;
}

.c-pl-8,
.c-px-8 {
  padding-left: 7.5rem;
}

.c-p-9 {
  padding: 9rem;
}

.c-pt-9,
.c-py-9 {
  padding-top: 9rem;
}

.c-pr-9,
.c-px-9 {
  padding-right: 9rem;
}

.c-pb-9,
.c-py-9 {
  padding-bottom: 9rem;
}

.c-pl-9,
.c-px-9 {
  padding-left: 9rem;
}

.c-p-10 {
  padding: 10rem;
}

.c-pt-10,
.c-py-10 {
  padding-top: 10rem;
}

.c-pr-10,
.c-px-10 {
  padding-right: 10rem;
}

.c-pb-10,
.c-py-10 {
  padding-bottom: 10rem;
}

.c-pl-10,
.c-px-10 {
  padding-left: 10rem;
}

.c-m-n1 {
  margin: -0.25rem;
}

.c-mt-n1,
.c-my-n1 {
  margin-top: -0.25rem;
}

.c-mr-n1,
.c-mx-n1 {
  margin-right: -0.25rem;
}

.c-mb-n1,
.c-my-n1 {
  margin-bottom: -0.25rem;
}

.c-ml-n1,
.c-mx-n1 {
  margin-left: -0.25rem;
}

.c-m-n2 {
  margin: -0.5rem;
}

.c-mt-n2,
.c-my-n2 {
  margin-top: -0.5rem;
}

.c-mr-n2,
.c-mx-n2 {
  margin-right: -0.5rem;
}

.c-mb-n2,
.c-my-n2 {
  margin-bottom: -0.5rem;
}

.c-ml-n2,
.c-mx-n2 {
  margin-left: -0.5rem;
}

.c-m-n3 {
  margin: -1rem;
}

.c-mt-n3,
.c-my-n3 {
  margin-top: -1rem;
}

.c-mr-n3,
.c-mx-n3 {
  margin-right: -1rem;
}

.c-mb-n3,
.c-my-n3 {
  margin-bottom: -1rem;
}

.c-ml-n3,
.c-mx-n3 {
  margin-left: -1rem;
}

.c-m-n4 {
  margin: -1.5rem;
}

.c-mt-n4,
.c-my-n4 {
  margin-top: -1.5rem;
}

.c-mr-n4,
.c-mx-n4 {
  margin-right: -1.5rem;
}

.c-mb-n4,
.c-my-n4 {
  margin-bottom: -1.5rem;
}

.c-ml-n4,
.c-mx-n4 {
  margin-left: -1.5rem;
}

.c-m-n5 {
  margin: -3rem;
}

.c-mt-n5,
.c-my-n5 {
  margin-top: -3rem;
}

.c-mr-n5,
.c-mx-n5 {
  margin-right: -3rem;
}

.c-mb-n5,
.c-my-n5 {
  margin-bottom: -3rem;
}

.c-ml-n5,
.c-mx-n5 {
  margin-left: -3rem;
}

.c-m-n6 {
  margin: -4.5rem;
}

.c-mt-n6,
.c-my-n6 {
  margin-top: -4.5rem;
}

.c-mr-n6,
.c-mx-n6 {
  margin-right: -4.5rem;
}

.c-mb-n6,
.c-my-n6 {
  margin-bottom: -4.5rem;
}

.c-ml-n6,
.c-mx-n6 {
  margin-left: -4.5rem;
}

.c-m-n7 {
  margin: -6rem;
}

.c-mt-n7,
.c-my-n7 {
  margin-top: -6rem;
}

.c-mr-n7,
.c-mx-n7 {
  margin-right: -6rem;
}

.c-mb-n7,
.c-my-n7 {
  margin-bottom: -6rem;
}

.c-ml-n7,
.c-mx-n7 {
  margin-left: -6rem;
}

.c-m-n8 {
  margin: -7.5rem;
}

.c-mt-n8,
.c-my-n8 {
  margin-top: -7.5rem;
}

.c-mr-n8,
.c-mx-n8 {
  margin-right: -7.5rem;
}

.c-mb-n8,
.c-my-n8 {
  margin-bottom: -7.5rem;
}

.c-ml-n8,
.c-mx-n8 {
  margin-left: -7.5rem;
}

.c-m-n9 {
  margin: -9rem;
}

.c-mt-n9,
.c-my-n9 {
  margin-top: -9rem;
}

.c-mr-n9,
.c-mx-n9 {
  margin-right: -9rem;
}

.c-mb-n9,
.c-my-n9 {
  margin-bottom: -9rem;
}

.c-ml-n9,
.c-mx-n9 {
  margin-left: -9rem;
}

.c-m-n10 {
  margin: -10rem;
}

.c-mt-n10,
.c-my-n10 {
  margin-top: -10rem;
}

.c-mr-n10,
.c-mx-n10 {
  margin-right: -10rem;
}

.c-mb-n10,
.c-my-n10 {
  margin-bottom: -10rem;
}

.c-ml-n10,
.c-mx-n10 {
  margin-left: -10rem;
}

.c-m-auto {
  margin: auto;
}

.c-mt-auto,
.c-my-auto {
  margin-top: auto;
}

.c-mr-auto,
.c-mx-auto {
  margin-right: auto;
}

.c-mb-auto,
.c-my-auto {
  margin-bottom: auto;
}

.c-ml-auto,
.c-mx-auto {
  margin-left: auto;
}

@media (min-width: 576px) {
  .c-m-sm-0 {
    margin: 0;
  }
  .c-mt-sm-0,
  .c-my-sm-0 {
    margin-top: 0;
  }
  .c-mr-sm-0,
  .c-mx-sm-0 {
    margin-right: 0;
  }
  .c-mb-sm-0,
  .c-my-sm-0 {
    margin-bottom: 0;
  }
  .c-ml-sm-0,
  .c-mx-sm-0 {
    margin-left: 0;
  }
  .c-m-sm-1 {
    margin: 0.25rem;
  }
  .c-mt-sm-1,
  .c-my-sm-1 {
    margin-top: 0.25rem;
  }
  .c-mr-sm-1,
  .c-mx-sm-1 {
    margin-right: 0.25rem;
  }
  .c-mb-sm-1,
  .c-my-sm-1 {
    margin-bottom: 0.25rem;
  }
  .c-ml-sm-1,
  .c-mx-sm-1 {
    margin-left: 0.25rem;
  }
  .c-m-sm-2 {
    margin: 0.5rem;
  }
  .c-mt-sm-2,
  .c-my-sm-2 {
    margin-top: 0.5rem;
  }
  .c-mr-sm-2,
  .c-mx-sm-2 {
    margin-right: 0.5rem;
  }
  .c-mb-sm-2,
  .c-my-sm-2 {
    margin-bottom: 0.5rem;
  }
  .c-ml-sm-2,
  .c-mx-sm-2 {
    margin-left: 0.5rem;
  }
  .c-m-sm-3 {
    margin: 1rem;
  }
  .c-mt-sm-3,
  .c-my-sm-3 {
    margin-top: 1rem;
  }
  .c-mr-sm-3,
  .c-mx-sm-3 {
    margin-right: 1rem;
  }
  .c-mb-sm-3,
  .c-my-sm-3 {
    margin-bottom: 1rem;
  }
  .c-ml-sm-3,
  .c-mx-sm-3 {
    margin-left: 1rem;
  }
  .c-m-sm-4 {
    margin: 1.5rem;
  }
  .c-mt-sm-4,
  .c-my-sm-4 {
    margin-top: 1.5rem;
  }
  .c-mr-sm-4,
  .c-mx-sm-4 {
    margin-right: 1.5rem;
  }
  .c-mb-sm-4,
  .c-my-sm-4 {
    margin-bottom: 1.5rem;
  }
  .c-ml-sm-4,
  .c-mx-sm-4 {
    margin-left: 1.5rem;
  }
  .c-m-sm-5 {
    margin: 3rem;
  }
  .c-mt-sm-5,
  .c-my-sm-5 {
    margin-top: 3rem;
  }
  .c-mr-sm-5,
  .c-mx-sm-5 {
    margin-right: 3rem;
  }
  .c-mb-sm-5,
  .c-my-sm-5 {
    margin-bottom: 3rem;
  }
  .c-ml-sm-5,
  .c-mx-sm-5 {
    margin-left: 3rem;
  }
  .c-m-sm-6 {
    margin: 4.5rem;
  }
  .c-mt-sm-6,
  .c-my-sm-6 {
    margin-top: 4.5rem;
  }
  .c-mr-sm-6,
  .c-mx-sm-6 {
    margin-right: 4.5rem;
  }
  .c-mb-sm-6,
  .c-my-sm-6 {
    margin-bottom: 4.5rem;
  }
  .c-ml-sm-6,
  .c-mx-sm-6 {
    margin-left: 4.5rem;
  }
  .c-m-sm-7 {
    margin: 6rem;
  }
  .c-mt-sm-7,
  .c-my-sm-7 {
    margin-top: 6rem;
  }
  .c-mr-sm-7,
  .c-mx-sm-7 {
    margin-right: 6rem;
  }
  .c-mb-sm-7,
  .c-my-sm-7 {
    margin-bottom: 6rem;
  }
  .c-ml-sm-7,
  .c-mx-sm-7 {
    margin-left: 6rem;
  }
  .c-m-sm-8 {
    margin: 7.5rem;
  }
  .c-mt-sm-8,
  .c-my-sm-8 {
    margin-top: 7.5rem;
  }
  .c-mr-sm-8,
  .c-mx-sm-8 {
    margin-right: 7.5rem;
  }
  .c-mb-sm-8,
  .c-my-sm-8 {
    margin-bottom: 7.5rem;
  }
  .c-ml-sm-8,
  .c-mx-sm-8 {
    margin-left: 7.5rem;
  }
  .c-m-sm-9 {
    margin: 9rem;
  }
  .c-mt-sm-9,
  .c-my-sm-9 {
    margin-top: 9rem;
  }
  .c-mr-sm-9,
  .c-mx-sm-9 {
    margin-right: 9rem;
  }
  .c-mb-sm-9,
  .c-my-sm-9 {
    margin-bottom: 9rem;
  }
  .c-ml-sm-9,
  .c-mx-sm-9 {
    margin-left: 9rem;
  }
  .c-m-sm-10 {
    margin: 10rem;
  }
  .c-mt-sm-10,
  .c-my-sm-10 {
    margin-top: 10rem;
  }
  .c-mr-sm-10,
  .c-mx-sm-10 {
    margin-right: 10rem;
  }
  .c-mb-sm-10,
  .c-my-sm-10 {
    margin-bottom: 10rem;
  }
  .c-ml-sm-10,
  .c-mx-sm-10 {
    margin-left: 10rem;
  }
  .c-p-sm-0 {
    padding: 0;
  }
  .c-pt-sm-0,
  .c-py-sm-0 {
    padding-top: 0;
  }
  .c-pr-sm-0,
  .c-px-sm-0 {
    padding-right: 0;
  }
  .c-pb-sm-0,
  .c-py-sm-0 {
    padding-bottom: 0;
  }
  .c-pl-sm-0,
  .c-px-sm-0 {
    padding-left: 0;
  }
  .c-p-sm-1 {
    padding: 0.25rem;
  }
  .c-pt-sm-1,
  .c-py-sm-1 {
    padding-top: 0.25rem;
  }
  .c-pr-sm-1,
  .c-px-sm-1 {
    padding-right: 0.25rem;
  }
  .c-pb-sm-1,
  .c-py-sm-1 {
    padding-bottom: 0.25rem;
  }
  .c-pl-sm-1,
  .c-px-sm-1 {
    padding-left: 0.25rem;
  }
  .c-p-sm-2 {
    padding: 0.5rem;
  }
  .c-pt-sm-2,
  .c-py-sm-2 {
    padding-top: 0.5rem;
  }
  .c-pr-sm-2,
  .c-px-sm-2 {
    padding-right: 0.5rem;
  }
  .c-pb-sm-2,
  .c-py-sm-2 {
    padding-bottom: 0.5rem;
  }
  .c-pl-sm-2,
  .c-px-sm-2 {
    padding-left: 0.5rem;
  }
  .c-p-sm-3 {
    padding: 1rem;
  }
  .c-pt-sm-3,
  .c-py-sm-3 {
    padding-top: 1rem;
  }
  .c-pr-sm-3,
  .c-px-sm-3 {
    padding-right: 1rem;
  }
  .c-pb-sm-3,
  .c-py-sm-3 {
    padding-bottom: 1rem;
  }
  .c-pl-sm-3,
  .c-px-sm-3 {
    padding-left: 1rem;
  }
  .c-p-sm-4 {
    padding: 1.5rem;
  }
  .c-pt-sm-4,
  .c-py-sm-4 {
    padding-top: 1.5rem;
  }
  .c-pr-sm-4,
  .c-px-sm-4 {
    padding-right: 1.5rem;
  }
  .c-pb-sm-4,
  .c-py-sm-4 {
    padding-bottom: 1.5rem;
  }
  .c-pl-sm-4,
  .c-px-sm-4 {
    padding-left: 1.5rem;
  }
  .c-p-sm-5 {
    padding: 3rem;
  }
  .c-pt-sm-5,
  .c-py-sm-5 {
    padding-top: 3rem;
  }
  .c-pr-sm-5,
  .c-px-sm-5 {
    padding-right: 3rem;
  }
  .c-pb-sm-5,
  .c-py-sm-5 {
    padding-bottom: 3rem;
  }
  .c-pl-sm-5,
  .c-px-sm-5 {
    padding-left: 3rem;
  }
  .c-p-sm-6 {
    padding: 4.5rem;
  }
  .c-pt-sm-6,
  .c-py-sm-6 {
    padding-top: 4.5rem;
  }
  .c-pr-sm-6,
  .c-px-sm-6 {
    padding-right: 4.5rem;
  }
  .c-pb-sm-6,
  .c-py-sm-6 {
    padding-bottom: 4.5rem;
  }
  .c-pl-sm-6,
  .c-px-sm-6 {
    padding-left: 4.5rem;
  }
  .c-p-sm-7 {
    padding: 6rem;
  }
  .c-pt-sm-7,
  .c-py-sm-7 {
    padding-top: 6rem;
  }
  .c-pr-sm-7,
  .c-px-sm-7 {
    padding-right: 6rem;
  }
  .c-pb-sm-7,
  .c-py-sm-7 {
    padding-bottom: 6rem;
  }
  .c-pl-sm-7,
  .c-px-sm-7 {
    padding-left: 6rem;
  }
  .c-p-sm-8 {
    padding: 7.5rem;
  }
  .c-pt-sm-8,
  .c-py-sm-8 {
    padding-top: 7.5rem;
  }
  .c-pr-sm-8,
  .c-px-sm-8 {
    padding-right: 7.5rem;
  }
  .c-pb-sm-8,
  .c-py-sm-8 {
    padding-bottom: 7.5rem;
  }
  .c-pl-sm-8,
  .c-px-sm-8 {
    padding-left: 7.5rem;
  }
  .c-p-sm-9 {
    padding: 9rem;
  }
  .c-pt-sm-9,
  .c-py-sm-9 {
    padding-top: 9rem;
  }
  .c-pr-sm-9,
  .c-px-sm-9 {
    padding-right: 9rem;
  }
  .c-pb-sm-9,
  .c-py-sm-9 {
    padding-bottom: 9rem;
  }
  .c-pl-sm-9,
  .c-px-sm-9 {
    padding-left: 9rem;
  }
  .c-p-sm-10 {
    padding: 10rem;
  }
  .c-pt-sm-10,
  .c-py-sm-10 {
    padding-top: 10rem;
  }
  .c-pr-sm-10,
  .c-px-sm-10 {
    padding-right: 10rem;
  }
  .c-pb-sm-10,
  .c-py-sm-10 {
    padding-bottom: 10rem;
  }
  .c-pl-sm-10,
  .c-px-sm-10 {
    padding-left: 10rem;
  }
  .c-m-sm-n1 {
    margin: -0.25rem;
  }
  .c-mt-sm-n1,
  .c-my-sm-n1 {
    margin-top: -0.25rem;
  }
  .c-mr-sm-n1,
  .c-mx-sm-n1 {
    margin-right: -0.25rem;
  }
  .c-mb-sm-n1,
  .c-my-sm-n1 {
    margin-bottom: -0.25rem;
  }
  .c-ml-sm-n1,
  .c-mx-sm-n1 {
    margin-left: -0.25rem;
  }
  .c-m-sm-n2 {
    margin: -0.5rem;
  }
  .c-mt-sm-n2,
  .c-my-sm-n2 {
    margin-top: -0.5rem;
  }
  .c-mr-sm-n2,
  .c-mx-sm-n2 {
    margin-right: -0.5rem;
  }
  .c-mb-sm-n2,
  .c-my-sm-n2 {
    margin-bottom: -0.5rem;
  }
  .c-ml-sm-n2,
  .c-mx-sm-n2 {
    margin-left: -0.5rem;
  }
  .c-m-sm-n3 {
    margin: -1rem;
  }
  .c-mt-sm-n3,
  .c-my-sm-n3 {
    margin-top: -1rem;
  }
  .c-mr-sm-n3,
  .c-mx-sm-n3 {
    margin-right: -1rem;
  }
  .c-mb-sm-n3,
  .c-my-sm-n3 {
    margin-bottom: -1rem;
  }
  .c-ml-sm-n3,
  .c-mx-sm-n3 {
    margin-left: -1rem;
  }
  .c-m-sm-n4 {
    margin: -1.5rem;
  }
  .c-mt-sm-n4,
  .c-my-sm-n4 {
    margin-top: -1.5rem;
  }
  .c-mr-sm-n4,
  .c-mx-sm-n4 {
    margin-right: -1.5rem;
  }
  .c-mb-sm-n4,
  .c-my-sm-n4 {
    margin-bottom: -1.5rem;
  }
  .c-ml-sm-n4,
  .c-mx-sm-n4 {
    margin-left: -1.5rem;
  }
  .c-m-sm-n5 {
    margin: -3rem;
  }
  .c-mt-sm-n5,
  .c-my-sm-n5 {
    margin-top: -3rem;
  }
  .c-mr-sm-n5,
  .c-mx-sm-n5 {
    margin-right: -3rem;
  }
  .c-mb-sm-n5,
  .c-my-sm-n5 {
    margin-bottom: -3rem;
  }
  .c-ml-sm-n5,
  .c-mx-sm-n5 {
    margin-left: -3rem;
  }
  .c-m-sm-n6 {
    margin: -4.5rem;
  }
  .c-mt-sm-n6,
  .c-my-sm-n6 {
    margin-top: -4.5rem;
  }
  .c-mr-sm-n6,
  .c-mx-sm-n6 {
    margin-right: -4.5rem;
  }
  .c-mb-sm-n6,
  .c-my-sm-n6 {
    margin-bottom: -4.5rem;
  }
  .c-ml-sm-n6,
  .c-mx-sm-n6 {
    margin-left: -4.5rem;
  }
  .c-m-sm-n7 {
    margin: -6rem;
  }
  .c-mt-sm-n7,
  .c-my-sm-n7 {
    margin-top: -6rem;
  }
  .c-mr-sm-n7,
  .c-mx-sm-n7 {
    margin-right: -6rem;
  }
  .c-mb-sm-n7,
  .c-my-sm-n7 {
    margin-bottom: -6rem;
  }
  .c-ml-sm-n7,
  .c-mx-sm-n7 {
    margin-left: -6rem;
  }
  .c-m-sm-n8 {
    margin: -7.5rem;
  }
  .c-mt-sm-n8,
  .c-my-sm-n8 {
    margin-top: -7.5rem;
  }
  .c-mr-sm-n8,
  .c-mx-sm-n8 {
    margin-right: -7.5rem;
  }
  .c-mb-sm-n8,
  .c-my-sm-n8 {
    margin-bottom: -7.5rem;
  }
  .c-ml-sm-n8,
  .c-mx-sm-n8 {
    margin-left: -7.5rem;
  }
  .c-m-sm-n9 {
    margin: -9rem;
  }
  .c-mt-sm-n9,
  .c-my-sm-n9 {
    margin-top: -9rem;
  }
  .c-mr-sm-n9,
  .c-mx-sm-n9 {
    margin-right: -9rem;
  }
  .c-mb-sm-n9,
  .c-my-sm-n9 {
    margin-bottom: -9rem;
  }
  .c-ml-sm-n9,
  .c-mx-sm-n9 {
    margin-left: -9rem;
  }
  .c-m-sm-n10 {
    margin: -10rem;
  }
  .c-mt-sm-n10,
  .c-my-sm-n10 {
    margin-top: -10rem;
  }
  .c-mr-sm-n10,
  .c-mx-sm-n10 {
    margin-right: -10rem;
  }
  .c-mb-sm-n10,
  .c-my-sm-n10 {
    margin-bottom: -10rem;
  }
  .c-ml-sm-n10,
  .c-mx-sm-n10 {
    margin-left: -10rem;
  }
  .c-m-sm-auto {
    margin: auto;
  }
  .c-mt-sm-auto,
  .c-my-sm-auto {
    margin-top: auto;
  }
  .c-mr-sm-auto,
  .c-mx-sm-auto {
    margin-right: auto;
  }
  .c-mb-sm-auto,
  .c-my-sm-auto {
    margin-bottom: auto;
  }
  .c-ml-sm-auto,
  .c-mx-sm-auto {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .c-m-md-0 {
    margin: 0;
  }
  .c-mt-md-0,
  .c-my-md-0 {
    margin-top: 0;
  }
  .c-mr-md-0,
  .c-mx-md-0 {
    margin-right: 0;
  }
  .c-mb-md-0,
  .c-my-md-0 {
    margin-bottom: 0;
  }
  .c-ml-md-0,
  .c-mx-md-0 {
    margin-left: 0;
  }
  .c-m-md-1 {
    margin: 0.25rem;
  }
  .c-mt-md-1,
  .c-my-md-1 {
    margin-top: 0.25rem;
  }
  .c-mr-md-1,
  .c-mx-md-1 {
    margin-right: 0.25rem;
  }
  .c-mb-md-1,
  .c-my-md-1 {
    margin-bottom: 0.25rem;
  }
  .c-ml-md-1,
  .c-mx-md-1 {
    margin-left: 0.25rem;
  }
  .c-m-md-2 {
    margin: 0.5rem;
  }
  .c-mt-md-2,
  .c-my-md-2 {
    margin-top: 0.5rem;
  }
  .c-mr-md-2,
  .c-mx-md-2 {
    margin-right: 0.5rem;
  }
  .c-mb-md-2,
  .c-my-md-2 {
    margin-bottom: 0.5rem;
  }
  .c-ml-md-2,
  .c-mx-md-2 {
    margin-left: 0.5rem;
  }
  .c-m-md-3 {
    margin: 1rem;
  }
  .c-mt-md-3,
  .c-my-md-3 {
    margin-top: 1rem;
  }
  .c-mr-md-3,
  .c-mx-md-3 {
    margin-right: 1rem;
  }
  .c-mb-md-3,
  .c-my-md-3 {
    margin-bottom: 1rem;
  }
  .c-ml-md-3,
  .c-mx-md-3 {
    margin-left: 1rem;
  }
  .c-m-md-4 {
    margin: 1.5rem;
  }
  .c-mt-md-4,
  .c-my-md-4 {
    margin-top: 1.5rem;
  }
  .c-mr-md-4,
  .c-mx-md-4 {
    margin-right: 1.5rem;
  }
  .c-mb-md-4,
  .c-my-md-4 {
    margin-bottom: 1.5rem;
  }
  .c-ml-md-4,
  .c-mx-md-4 {
    margin-left: 1.5rem;
  }
  .c-m-md-5 {
    margin: 3rem;
  }
  .c-mt-md-5,
  .c-my-md-5 {
    margin-top: 3rem;
  }
  .c-mr-md-5,
  .c-mx-md-5 {
    margin-right: 3rem;
  }
  .c-mb-md-5,
  .c-my-md-5 {
    margin-bottom: 3rem;
  }
  .c-ml-md-5,
  .c-mx-md-5 {
    margin-left: 3rem;
  }
  .c-m-md-6 {
    margin: 4.5rem;
  }
  .c-mt-md-6,
  .c-my-md-6 {
    margin-top: 4.5rem;
  }
  .c-mr-md-6,
  .c-mx-md-6 {
    margin-right: 4.5rem;
  }
  .c-mb-md-6,
  .c-my-md-6 {
    margin-bottom: 4.5rem;
  }
  .c-ml-md-6,
  .c-mx-md-6 {
    margin-left: 4.5rem;
  }
  .c-m-md-7 {
    margin: 6rem;
  }
  .c-mt-md-7,
  .c-my-md-7 {
    margin-top: 6rem;
  }
  .c-mr-md-7,
  .c-mx-md-7 {
    margin-right: 6rem;
  }
  .c-mb-md-7,
  .c-my-md-7 {
    margin-bottom: 6rem;
  }
  .c-ml-md-7,
  .c-mx-md-7 {
    margin-left: 6rem;
  }
  .c-m-md-8 {
    margin: 7.5rem;
  }
  .c-mt-md-8,
  .c-my-md-8 {
    margin-top: 7.5rem;
  }
  .c-mr-md-8,
  .c-mx-md-8 {
    margin-right: 7.5rem;
  }
  .c-mb-md-8,
  .c-my-md-8 {
    margin-bottom: 7.5rem;
  }
  .c-ml-md-8,
  .c-mx-md-8 {
    margin-left: 7.5rem;
  }
  .c-m-md-9 {
    margin: 9rem;
  }
  .c-mt-md-9,
  .c-my-md-9 {
    margin-top: 9rem;
  }
  .c-mr-md-9,
  .c-mx-md-9 {
    margin-right: 9rem;
  }
  .c-mb-md-9,
  .c-my-md-9 {
    margin-bottom: 9rem;
  }
  .c-ml-md-9,
  .c-mx-md-9 {
    margin-left: 9rem;
  }
  .c-m-md-10 {
    margin: 10rem;
  }
  .c-mt-md-10,
  .c-my-md-10 {
    margin-top: 10rem;
  }
  .c-mr-md-10,
  .c-mx-md-10 {
    margin-right: 10rem;
  }
  .c-mb-md-10,
  .c-my-md-10 {
    margin-bottom: 10rem;
  }
  .c-ml-md-10,
  .c-mx-md-10 {
    margin-left: 10rem;
  }
  .c-p-md-0 {
    padding: 0;
  }
  .c-pt-md-0,
  .c-py-md-0 {
    padding-top: 0;
  }
  .c-pr-md-0,
  .c-px-md-0 {
    padding-right: 0;
  }
  .c-pb-md-0,
  .c-py-md-0 {
    padding-bottom: 0;
  }
  .c-pl-md-0,
  .c-px-md-0 {
    padding-left: 0;
  }
  .c-p-md-1 {
    padding: 0.25rem;
  }
  .c-pt-md-1,
  .c-py-md-1 {
    padding-top: 0.25rem;
  }
  .c-pr-md-1,
  .c-px-md-1 {
    padding-right: 0.25rem;
  }
  .c-pb-md-1,
  .c-py-md-1 {
    padding-bottom: 0.25rem;
  }
  .c-pl-md-1,
  .c-px-md-1 {
    padding-left: 0.25rem;
  }
  .c-p-md-2 {
    padding: 0.5rem;
  }
  .c-pt-md-2,
  .c-py-md-2 {
    padding-top: 0.5rem;
  }
  .c-pr-md-2,
  .c-px-md-2 {
    padding-right: 0.5rem;
  }
  .c-pb-md-2,
  .c-py-md-2 {
    padding-bottom: 0.5rem;
  }
  .c-pl-md-2,
  .c-px-md-2 {
    padding-left: 0.5rem;
  }
  .c-p-md-3 {
    padding: 1rem;
  }
  .c-pt-md-3,
  .c-py-md-3 {
    padding-top: 1rem;
  }
  .c-pr-md-3,
  .c-px-md-3 {
    padding-right: 1rem;
  }
  .c-pb-md-3,
  .c-py-md-3 {
    padding-bottom: 1rem;
  }
  .c-pl-md-3,
  .c-px-md-3 {
    padding-left: 1rem;
  }
  .c-p-md-4 {
    padding: 1.5rem;
  }
  .c-pt-md-4,
  .c-py-md-4 {
    padding-top: 1.5rem;
  }
  .c-pr-md-4,
  .c-px-md-4 {
    padding-right: 1.5rem;
  }
  .c-pb-md-4,
  .c-py-md-4 {
    padding-bottom: 1.5rem;
  }
  .c-pl-md-4,
  .c-px-md-4 {
    padding-left: 1.5rem;
  }
  .c-p-md-5 {
    padding: 3rem;
  }
  .c-pt-md-5,
  .c-py-md-5 {
    padding-top: 3rem;
  }
  .c-pr-md-5,
  .c-px-md-5 {
    padding-right: 3rem;
  }
  .c-pb-md-5,
  .c-py-md-5 {
    padding-bottom: 3rem;
  }
  .c-pl-md-5,
  .c-px-md-5 {
    padding-left: 3rem;
  }
  .c-p-md-6 {
    padding: 4.5rem;
  }
  .c-pt-md-6,
  .c-py-md-6 {
    padding-top: 4.5rem;
  }
  .c-pr-md-6,
  .c-px-md-6 {
    padding-right: 4.5rem;
  }
  .c-pb-md-6,
  .c-py-md-6 {
    padding-bottom: 4.5rem;
  }
  .c-pl-md-6,
  .c-px-md-6 {
    padding-left: 4.5rem;
  }
  .c-p-md-7 {
    padding: 6rem;
  }
  .c-pt-md-7,
  .c-py-md-7 {
    padding-top: 6rem;
  }
  .c-pr-md-7,
  .c-px-md-7 {
    padding-right: 6rem;
  }
  .c-pb-md-7,
  .c-py-md-7 {
    padding-bottom: 6rem;
  }
  .c-pl-md-7,
  .c-px-md-7 {
    padding-left: 6rem;
  }
  .c-p-md-8 {
    padding: 7.5rem;
  }
  .c-pt-md-8,
  .c-py-md-8 {
    padding-top: 7.5rem;
  }
  .c-pr-md-8,
  .c-px-md-8 {
    padding-right: 7.5rem;
  }
  .c-pb-md-8,
  .c-py-md-8 {
    padding-bottom: 7.5rem;
  }
  .c-pl-md-8,
  .c-px-md-8 {
    padding-left: 7.5rem;
  }
  .c-p-md-9 {
    padding: 9rem;
  }
  .c-pt-md-9,
  .c-py-md-9 {
    padding-top: 9rem;
  }
  .c-pr-md-9,
  .c-px-md-9 {
    padding-right: 9rem;
  }
  .c-pb-md-9,
  .c-py-md-9 {
    padding-bottom: 9rem;
  }
  .c-pl-md-9,
  .c-px-md-9 {
    padding-left: 9rem;
  }
  .c-p-md-10 {
    padding: 10rem;
  }
  .c-pt-md-10,
  .c-py-md-10 {
    padding-top: 10rem;
  }
  .c-pr-md-10,
  .c-px-md-10 {
    padding-right: 10rem;
  }
  .c-pb-md-10,
  .c-py-md-10 {
    padding-bottom: 10rem;
  }
  .c-pl-md-10,
  .c-px-md-10 {
    padding-left: 10rem;
  }
  .c-m-md-n1 {
    margin: -0.25rem;
  }
  .c-mt-md-n1,
  .c-my-md-n1 {
    margin-top: -0.25rem;
  }
  .c-mr-md-n1,
  .c-mx-md-n1 {
    margin-right: -0.25rem;
  }
  .c-mb-md-n1,
  .c-my-md-n1 {
    margin-bottom: -0.25rem;
  }
  .c-ml-md-n1,
  .c-mx-md-n1 {
    margin-left: -0.25rem;
  }
  .c-m-md-n2 {
    margin: -0.5rem;
  }
  .c-mt-md-n2,
  .c-my-md-n2 {
    margin-top: -0.5rem;
  }
  .c-mr-md-n2,
  .c-mx-md-n2 {
    margin-right: -0.5rem;
  }
  .c-mb-md-n2,
  .c-my-md-n2 {
    margin-bottom: -0.5rem;
  }
  .c-ml-md-n2,
  .c-mx-md-n2 {
    margin-left: -0.5rem;
  }
  .c-m-md-n3 {
    margin: -1rem;
  }
  .c-mt-md-n3,
  .c-my-md-n3 {
    margin-top: -1rem;
  }
  .c-mr-md-n3,
  .c-mx-md-n3 {
    margin-right: -1rem;
  }
  .c-mb-md-n3,
  .c-my-md-n3 {
    margin-bottom: -1rem;
  }
  .c-ml-md-n3,
  .c-mx-md-n3 {
    margin-left: -1rem;
  }
  .c-m-md-n4 {
    margin: -1.5rem;
  }
  .c-mt-md-n4,
  .c-my-md-n4 {
    margin-top: -1.5rem;
  }
  .c-mr-md-n4,
  .c-mx-md-n4 {
    margin-right: -1.5rem;
  }
  .c-mb-md-n4,
  .c-my-md-n4 {
    margin-bottom: -1.5rem;
  }
  .c-ml-md-n4,
  .c-mx-md-n4 {
    margin-left: -1.5rem;
  }
  .c-m-md-n5 {
    margin: -3rem;
  }
  .c-mt-md-n5,
  .c-my-md-n5 {
    margin-top: -3rem;
  }
  .c-mr-md-n5,
  .c-mx-md-n5 {
    margin-right: -3rem;
  }
  .c-mb-md-n5,
  .c-my-md-n5 {
    margin-bottom: -3rem;
  }
  .c-ml-md-n5,
  .c-mx-md-n5 {
    margin-left: -3rem;
  }
  .c-m-md-n6 {
    margin: -4.5rem;
  }
  .c-mt-md-n6,
  .c-my-md-n6 {
    margin-top: -4.5rem;
  }
  .c-mr-md-n6,
  .c-mx-md-n6 {
    margin-right: -4.5rem;
  }
  .c-mb-md-n6,
  .c-my-md-n6 {
    margin-bottom: -4.5rem;
  }
  .c-ml-md-n6,
  .c-mx-md-n6 {
    margin-left: -4.5rem;
  }
  .c-m-md-n7 {
    margin: -6rem;
  }
  .c-mt-md-n7,
  .c-my-md-n7 {
    margin-top: -6rem;
  }
  .c-mr-md-n7,
  .c-mx-md-n7 {
    margin-right: -6rem;
  }
  .c-mb-md-n7,
  .c-my-md-n7 {
    margin-bottom: -6rem;
  }
  .c-ml-md-n7,
  .c-mx-md-n7 {
    margin-left: -6rem;
  }
  .c-m-md-n8 {
    margin: -7.5rem;
  }
  .c-mt-md-n8,
  .c-my-md-n8 {
    margin-top: -7.5rem;
  }
  .c-mr-md-n8,
  .c-mx-md-n8 {
    margin-right: -7.5rem;
  }
  .c-mb-md-n8,
  .c-my-md-n8 {
    margin-bottom: -7.5rem;
  }
  .c-ml-md-n8,
  .c-mx-md-n8 {
    margin-left: -7.5rem;
  }
  .c-m-md-n9 {
    margin: -9rem;
  }
  .c-mt-md-n9,
  .c-my-md-n9 {
    margin-top: -9rem;
  }
  .c-mr-md-n9,
  .c-mx-md-n9 {
    margin-right: -9rem;
  }
  .c-mb-md-n9,
  .c-my-md-n9 {
    margin-bottom: -9rem;
  }
  .c-ml-md-n9,
  .c-mx-md-n9 {
    margin-left: -9rem;
  }
  .c-m-md-n10 {
    margin: -10rem;
  }
  .c-mt-md-n10,
  .c-my-md-n10 {
    margin-top: -10rem;
  }
  .c-mr-md-n10,
  .c-mx-md-n10 {
    margin-right: -10rem;
  }
  .c-mb-md-n10,
  .c-my-md-n10 {
    margin-bottom: -10rem;
  }
  .c-ml-md-n10,
  .c-mx-md-n10 {
    margin-left: -10rem;
  }
  .c-m-md-auto {
    margin: auto;
  }
  .c-mt-md-auto,
  .c-my-md-auto {
    margin-top: auto;
  }
  .c-mr-md-auto,
  .c-mx-md-auto {
    margin-right: auto;
  }
  .c-mb-md-auto,
  .c-my-md-auto {
    margin-bottom: auto;
  }
  .c-ml-md-auto,
  .c-mx-md-auto {
    margin-left: auto;
  }
}
@media (min-width: 992px) {
  .c-m-lg-0 {
    margin: 0;
  }
  .c-mt-lg-0,
  .c-my-lg-0 {
    margin-top: 0;
  }
  .c-mr-lg-0,
  .c-mx-lg-0 {
    margin-right: 0;
  }
  .c-mb-lg-0,
  .c-my-lg-0 {
    margin-bottom: 0;
  }
  .c-ml-lg-0,
  .c-mx-lg-0 {
    margin-left: 0;
  }
  .c-m-lg-1 {
    margin: 0.25rem;
  }
  .c-mt-lg-1,
  .c-my-lg-1 {
    margin-top: 0.25rem;
  }
  .c-mr-lg-1,
  .c-mx-lg-1 {
    margin-right: 0.25rem;
  }
  .c-mb-lg-1,
  .c-my-lg-1 {
    margin-bottom: 0.25rem;
  }
  .c-ml-lg-1,
  .c-mx-lg-1 {
    margin-left: 0.25rem;
  }
  .c-m-lg-2 {
    margin: 0.5rem;
  }
  .c-mt-lg-2,
  .c-my-lg-2 {
    margin-top: 0.5rem;
  }
  .c-mr-lg-2,
  .c-mx-lg-2 {
    margin-right: 0.5rem;
  }
  .c-mb-lg-2,
  .c-my-lg-2 {
    margin-bottom: 0.5rem;
  }
  .c-ml-lg-2,
  .c-mx-lg-2 {
    margin-left: 0.5rem;
  }
  .c-m-lg-3 {
    margin: 1rem;
  }
  .c-mt-lg-3,
  .c-my-lg-3 {
    margin-top: 1rem;
  }
  .c-mr-lg-3,
  .c-mx-lg-3 {
    margin-right: 1rem;
  }
  .c-mb-lg-3,
  .c-my-lg-3 {
    margin-bottom: 1rem;
  }
  .c-ml-lg-3,
  .c-mx-lg-3 {
    margin-left: 1rem;
  }
  .c-m-lg-4 {
    margin: 1.5rem;
  }
  .c-mt-lg-4,
  .c-my-lg-4 {
    margin-top: 1.5rem;
  }
  .c-mr-lg-4,
  .c-mx-lg-4 {
    margin-right: 1.5rem;
  }
  .c-mb-lg-4,
  .c-my-lg-4 {
    margin-bottom: 1.5rem;
  }
  .c-ml-lg-4,
  .c-mx-lg-4 {
    margin-left: 1.5rem;
  }
  .c-m-lg-5 {
    margin: 3rem;
  }
  .c-mt-lg-5,
  .c-my-lg-5 {
    margin-top: 3rem;
  }
  .c-mr-lg-5,
  .c-mx-lg-5 {
    margin-right: 3rem;
  }
  .c-mb-lg-5,
  .c-my-lg-5 {
    margin-bottom: 3rem;
  }
  .c-ml-lg-5,
  .c-mx-lg-5 {
    margin-left: 3rem;
  }
  .c-m-lg-6 {
    margin: 4.5rem;
  }
  .c-mt-lg-6,
  .c-my-lg-6 {
    margin-top: 4.5rem;
  }
  .c-mr-lg-6,
  .c-mx-lg-6 {
    margin-right: 4.5rem;
  }
  .c-mb-lg-6,
  .c-my-lg-6 {
    margin-bottom: 4.5rem;
  }
  .c-ml-lg-6,
  .c-mx-lg-6 {
    margin-left: 4.5rem;
  }
  .c-m-lg-7 {
    margin: 6rem;
  }
  .c-mt-lg-7,
  .c-my-lg-7 {
    margin-top: 6rem;
  }
  .c-mr-lg-7,
  .c-mx-lg-7 {
    margin-right: 6rem;
  }
  .c-mb-lg-7,
  .c-my-lg-7 {
    margin-bottom: 6rem;
  }
  .c-ml-lg-7,
  .c-mx-lg-7 {
    margin-left: 6rem;
  }
  .c-m-lg-8 {
    margin: 7.5rem;
  }
  .c-mt-lg-8,
  .c-my-lg-8 {
    margin-top: 7.5rem;
  }
  .c-mr-lg-8,
  .c-mx-lg-8 {
    margin-right: 7.5rem;
  }
  .c-mb-lg-8,
  .c-my-lg-8 {
    margin-bottom: 7.5rem;
  }
  .c-ml-lg-8,
  .c-mx-lg-8 {
    margin-left: 7.5rem;
  }
  .c-m-lg-9 {
    margin: 9rem;
  }
  .c-mt-lg-9,
  .c-my-lg-9 {
    margin-top: 9rem;
  }
  .c-mr-lg-9,
  .c-mx-lg-9 {
    margin-right: 9rem;
  }
  .c-mb-lg-9,
  .c-my-lg-9 {
    margin-bottom: 9rem;
  }
  .c-ml-lg-9,
  .c-mx-lg-9 {
    margin-left: 9rem;
  }
  .c-m-lg-10 {
    margin: 10rem;
  }
  .c-mt-lg-10,
  .c-my-lg-10 {
    margin-top: 10rem;
  }
  .c-mr-lg-10,
  .c-mx-lg-10 {
    margin-right: 10rem;
  }
  .c-mb-lg-10,
  .c-my-lg-10 {
    margin-bottom: 10rem;
  }
  .c-ml-lg-10,
  .c-mx-lg-10 {
    margin-left: 10rem;
  }
  .c-p-lg-0 {
    padding: 0;
  }
  .c-pt-lg-0,
  .c-py-lg-0 {
    padding-top: 0;
  }
  .c-pr-lg-0,
  .c-px-lg-0 {
    padding-right: 0;
  }
  .c-pb-lg-0,
  .c-py-lg-0 {
    padding-bottom: 0;
  }
  .c-pl-lg-0,
  .c-px-lg-0 {
    padding-left: 0;
  }
  .c-p-lg-1 {
    padding: 0.25rem;
  }
  .c-pt-lg-1,
  .c-py-lg-1 {
    padding-top: 0.25rem;
  }
  .c-pr-lg-1,
  .c-px-lg-1 {
    padding-right: 0.25rem;
  }
  .c-pb-lg-1,
  .c-py-lg-1 {
    padding-bottom: 0.25rem;
  }
  .c-pl-lg-1,
  .c-px-lg-1 {
    padding-left: 0.25rem;
  }
  .c-p-lg-2 {
    padding: 0.5rem;
  }
  .c-pt-lg-2,
  .c-py-lg-2 {
    padding-top: 0.5rem;
  }
  .c-pr-lg-2,
  .c-px-lg-2 {
    padding-right: 0.5rem;
  }
  .c-pb-lg-2,
  .c-py-lg-2 {
    padding-bottom: 0.5rem;
  }
  .c-pl-lg-2,
  .c-px-lg-2 {
    padding-left: 0.5rem;
  }
  .c-p-lg-3 {
    padding: 1rem;
  }
  .c-pt-lg-3,
  .c-py-lg-3 {
    padding-top: 1rem;
  }
  .c-pr-lg-3,
  .c-px-lg-3 {
    padding-right: 1rem;
  }
  .c-pb-lg-3,
  .c-py-lg-3 {
    padding-bottom: 1rem;
  }
  .c-pl-lg-3,
  .c-px-lg-3 {
    padding-left: 1rem;
  }
  .c-p-lg-4 {
    padding: 1.5rem;
  }
  .c-pt-lg-4,
  .c-py-lg-4 {
    padding-top: 1.5rem;
  }
  .c-pr-lg-4,
  .c-px-lg-4 {
    padding-right: 1.5rem;
  }
  .c-pb-lg-4,
  .c-py-lg-4 {
    padding-bottom: 1.5rem;
  }
  .c-pl-lg-4,
  .c-px-lg-4 {
    padding-left: 1.5rem;
  }
  .c-p-lg-5 {
    padding: 3rem;
  }
  .c-pt-lg-5,
  .c-py-lg-5 {
    padding-top: 3rem;
  }
  .c-pr-lg-5,
  .c-px-lg-5 {
    padding-right: 3rem;
  }
  .c-pb-lg-5,
  .c-py-lg-5 {
    padding-bottom: 3rem;
  }
  .c-pl-lg-5,
  .c-px-lg-5 {
    padding-left: 3rem;
  }
  .c-p-lg-6 {
    padding: 4.5rem;
  }
  .c-pt-lg-6,
  .c-py-lg-6 {
    padding-top: 4.5rem;
  }
  .c-pr-lg-6,
  .c-px-lg-6 {
    padding-right: 4.5rem;
  }
  .c-pb-lg-6,
  .c-py-lg-6 {
    padding-bottom: 4.5rem;
  }
  .c-pl-lg-6,
  .c-px-lg-6 {
    padding-left: 4.5rem;
  }
  .c-p-lg-7 {
    padding: 6rem;
  }
  .c-pt-lg-7,
  .c-py-lg-7 {
    padding-top: 6rem;
  }
  .c-pr-lg-7,
  .c-px-lg-7 {
    padding-right: 6rem;
  }
  .c-pb-lg-7,
  .c-py-lg-7 {
    padding-bottom: 6rem;
  }
  .c-pl-lg-7,
  .c-px-lg-7 {
    padding-left: 6rem;
  }
  .c-p-lg-8 {
    padding: 7.5rem;
  }
  .c-pt-lg-8,
  .c-py-lg-8 {
    padding-top: 7.5rem;
  }
  .c-pr-lg-8,
  .c-px-lg-8 {
    padding-right: 7.5rem;
  }
  .c-pb-lg-8,
  .c-py-lg-8 {
    padding-bottom: 7.5rem;
  }
  .c-pl-lg-8,
  .c-px-lg-8 {
    padding-left: 7.5rem;
  }
  .c-p-lg-9 {
    padding: 9rem;
  }
  .c-pt-lg-9,
  .c-py-lg-9 {
    padding-top: 9rem;
  }
  .c-pr-lg-9,
  .c-px-lg-9 {
    padding-right: 9rem;
  }
  .c-pb-lg-9,
  .c-py-lg-9 {
    padding-bottom: 9rem;
  }
  .c-pl-lg-9,
  .c-px-lg-9 {
    padding-left: 9rem;
  }
  .c-p-lg-10 {
    padding: 10rem;
  }
  .c-pt-lg-10,
  .c-py-lg-10 {
    padding-top: 10rem;
  }
  .c-pr-lg-10,
  .c-px-lg-10 {
    padding-right: 10rem;
  }
  .c-pb-lg-10,
  .c-py-lg-10 {
    padding-bottom: 10rem;
  }
  .c-pl-lg-10,
  .c-px-lg-10 {
    padding-left: 10rem;
  }
  .c-m-lg-n1 {
    margin: -0.25rem;
  }
  .c-mt-lg-n1,
  .c-my-lg-n1 {
    margin-top: -0.25rem;
  }
  .c-mr-lg-n1,
  .c-mx-lg-n1 {
    margin-right: -0.25rem;
  }
  .c-mb-lg-n1,
  .c-my-lg-n1 {
    margin-bottom: -0.25rem;
  }
  .c-ml-lg-n1,
  .c-mx-lg-n1 {
    margin-left: -0.25rem;
  }
  .c-m-lg-n2 {
    margin: -0.5rem;
  }
  .c-mt-lg-n2,
  .c-my-lg-n2 {
    margin-top: -0.5rem;
  }
  .c-mr-lg-n2,
  .c-mx-lg-n2 {
    margin-right: -0.5rem;
  }
  .c-mb-lg-n2,
  .c-my-lg-n2 {
    margin-bottom: -0.5rem;
  }
  .c-ml-lg-n2,
  .c-mx-lg-n2 {
    margin-left: -0.5rem;
  }
  .c-m-lg-n3 {
    margin: -1rem;
  }
  .c-mt-lg-n3,
  .c-my-lg-n3 {
    margin-top: -1rem;
  }
  .c-mr-lg-n3,
  .c-mx-lg-n3 {
    margin-right: -1rem;
  }
  .c-mb-lg-n3,
  .c-my-lg-n3 {
    margin-bottom: -1rem;
  }
  .c-ml-lg-n3,
  .c-mx-lg-n3 {
    margin-left: -1rem;
  }
  .c-m-lg-n4 {
    margin: -1.5rem;
  }
  .c-mt-lg-n4,
  .c-my-lg-n4 {
    margin-top: -1.5rem;
  }
  .c-mr-lg-n4,
  .c-mx-lg-n4 {
    margin-right: -1.5rem;
  }
  .c-mb-lg-n4,
  .c-my-lg-n4 {
    margin-bottom: -1.5rem;
  }
  .c-ml-lg-n4,
  .c-mx-lg-n4 {
    margin-left: -1.5rem;
  }
  .c-m-lg-n5 {
    margin: -3rem;
  }
  .c-mt-lg-n5,
  .c-my-lg-n5 {
    margin-top: -3rem;
  }
  .c-mr-lg-n5,
  .c-mx-lg-n5 {
    margin-right: -3rem;
  }
  .c-mb-lg-n5,
  .c-my-lg-n5 {
    margin-bottom: -3rem;
  }
  .c-ml-lg-n5,
  .c-mx-lg-n5 {
    margin-left: -3rem;
  }
  .c-m-lg-n6 {
    margin: -4.5rem;
  }
  .c-mt-lg-n6,
  .c-my-lg-n6 {
    margin-top: -4.5rem;
  }
  .c-mr-lg-n6,
  .c-mx-lg-n6 {
    margin-right: -4.5rem;
  }
  .c-mb-lg-n6,
  .c-my-lg-n6 {
    margin-bottom: -4.5rem;
  }
  .c-ml-lg-n6,
  .c-mx-lg-n6 {
    margin-left: -4.5rem;
  }
  .c-m-lg-n7 {
    margin: -6rem;
  }
  .c-mt-lg-n7,
  .c-my-lg-n7 {
    margin-top: -6rem;
  }
  .c-mr-lg-n7,
  .c-mx-lg-n7 {
    margin-right: -6rem;
  }
  .c-mb-lg-n7,
  .c-my-lg-n7 {
    margin-bottom: -6rem;
  }
  .c-ml-lg-n7,
  .c-mx-lg-n7 {
    margin-left: -6rem;
  }
  .c-m-lg-n8 {
    margin: -7.5rem;
  }
  .c-mt-lg-n8,
  .c-my-lg-n8 {
    margin-top: -7.5rem;
  }
  .c-mr-lg-n8,
  .c-mx-lg-n8 {
    margin-right: -7.5rem;
  }
  .c-mb-lg-n8,
  .c-my-lg-n8 {
    margin-bottom: -7.5rem;
  }
  .c-ml-lg-n8,
  .c-mx-lg-n8 {
    margin-left: -7.5rem;
  }
  .c-m-lg-n9 {
    margin: -9rem;
  }
  .c-mt-lg-n9,
  .c-my-lg-n9 {
    margin-top: -9rem;
  }
  .c-mr-lg-n9,
  .c-mx-lg-n9 {
    margin-right: -9rem;
  }
  .c-mb-lg-n9,
  .c-my-lg-n9 {
    margin-bottom: -9rem;
  }
  .c-ml-lg-n9,
  .c-mx-lg-n9 {
    margin-left: -9rem;
  }
  .c-m-lg-n10 {
    margin: -10rem;
  }
  .c-mt-lg-n10,
  .c-my-lg-n10 {
    margin-top: -10rem;
  }
  .c-mr-lg-n10,
  .c-mx-lg-n10 {
    margin-right: -10rem;
  }
  .c-mb-lg-n10,
  .c-my-lg-n10 {
    margin-bottom: -10rem;
  }
  .c-ml-lg-n10,
  .c-mx-lg-n10 {
    margin-left: -10rem;
  }
  .c-m-lg-auto {
    margin: auto;
  }
  .c-mt-lg-auto,
  .c-my-lg-auto {
    margin-top: auto;
  }
  .c-mr-lg-auto,
  .c-mx-lg-auto {
    margin-right: auto;
  }
  .c-mb-lg-auto,
  .c-my-lg-auto {
    margin-bottom: auto;
  }
  .c-ml-lg-auto,
  .c-mx-lg-auto {
    margin-left: auto;
  }
}
@media (min-width: 1280px) {
  .c-m-xl-0 {
    margin: 0;
  }
  .c-mt-xl-0,
  .c-my-xl-0 {
    margin-top: 0;
  }
  .c-mr-xl-0,
  .c-mx-xl-0 {
    margin-right: 0;
  }
  .c-mb-xl-0,
  .c-my-xl-0 {
    margin-bottom: 0;
  }
  .c-ml-xl-0,
  .c-mx-xl-0 {
    margin-left: 0;
  }
  .c-m-xl-1 {
    margin: 0.25rem;
  }
  .c-mt-xl-1,
  .c-my-xl-1 {
    margin-top: 0.25rem;
  }
  .c-mr-xl-1,
  .c-mx-xl-1 {
    margin-right: 0.25rem;
  }
  .c-mb-xl-1,
  .c-my-xl-1 {
    margin-bottom: 0.25rem;
  }
  .c-ml-xl-1,
  .c-mx-xl-1 {
    margin-left: 0.25rem;
  }
  .c-m-xl-2 {
    margin: 0.5rem;
  }
  .c-mt-xl-2,
  .c-my-xl-2 {
    margin-top: 0.5rem;
  }
  .c-mr-xl-2,
  .c-mx-xl-2 {
    margin-right: 0.5rem;
  }
  .c-mb-xl-2,
  .c-my-xl-2 {
    margin-bottom: 0.5rem;
  }
  .c-ml-xl-2,
  .c-mx-xl-2 {
    margin-left: 0.5rem;
  }
  .c-m-xl-3 {
    margin: 1rem;
  }
  .c-mt-xl-3,
  .c-my-xl-3 {
    margin-top: 1rem;
  }
  .c-mr-xl-3,
  .c-mx-xl-3 {
    margin-right: 1rem;
  }
  .c-mb-xl-3,
  .c-my-xl-3 {
    margin-bottom: 1rem;
  }
  .c-ml-xl-3,
  .c-mx-xl-3 {
    margin-left: 1rem;
  }
  .c-m-xl-4 {
    margin: 1.5rem;
  }
  .c-mt-xl-4,
  .c-my-xl-4 {
    margin-top: 1.5rem;
  }
  .c-mr-xl-4,
  .c-mx-xl-4 {
    margin-right: 1.5rem;
  }
  .c-mb-xl-4,
  .c-my-xl-4 {
    margin-bottom: 1.5rem;
  }
  .c-ml-xl-4,
  .c-mx-xl-4 {
    margin-left: 1.5rem;
  }
  .c-m-xl-5 {
    margin: 3rem;
  }
  .c-mt-xl-5,
  .c-my-xl-5 {
    margin-top: 3rem;
  }
  .c-mr-xl-5,
  .c-mx-xl-5 {
    margin-right: 3rem;
  }
  .c-mb-xl-5,
  .c-my-xl-5 {
    margin-bottom: 3rem;
  }
  .c-ml-xl-5,
  .c-mx-xl-5 {
    margin-left: 3rem;
  }
  .c-m-xl-6 {
    margin: 4.5rem;
  }
  .c-mt-xl-6,
  .c-my-xl-6 {
    margin-top: 4.5rem;
  }
  .c-mr-xl-6,
  .c-mx-xl-6 {
    margin-right: 4.5rem;
  }
  .c-mb-xl-6,
  .c-my-xl-6 {
    margin-bottom: 4.5rem;
  }
  .c-ml-xl-6,
  .c-mx-xl-6 {
    margin-left: 4.5rem;
  }
  .c-m-xl-7 {
    margin: 6rem;
  }
  .c-mt-xl-7,
  .c-my-xl-7 {
    margin-top: 6rem;
  }
  .c-mr-xl-7,
  .c-mx-xl-7 {
    margin-right: 6rem;
  }
  .c-mb-xl-7,
  .c-my-xl-7 {
    margin-bottom: 6rem;
  }
  .c-ml-xl-7,
  .c-mx-xl-7 {
    margin-left: 6rem;
  }
  .c-m-xl-8 {
    margin: 7.5rem;
  }
  .c-mt-xl-8,
  .c-my-xl-8 {
    margin-top: 7.5rem;
  }
  .c-mr-xl-8,
  .c-mx-xl-8 {
    margin-right: 7.5rem;
  }
  .c-mb-xl-8,
  .c-my-xl-8 {
    margin-bottom: 7.5rem;
  }
  .c-ml-xl-8,
  .c-mx-xl-8 {
    margin-left: 7.5rem;
  }
  .c-m-xl-9 {
    margin: 9rem;
  }
  .c-mt-xl-9,
  .c-my-xl-9 {
    margin-top: 9rem;
  }
  .c-mr-xl-9,
  .c-mx-xl-9 {
    margin-right: 9rem;
  }
  .c-mb-xl-9,
  .c-my-xl-9 {
    margin-bottom: 9rem;
  }
  .c-ml-xl-9,
  .c-mx-xl-9 {
    margin-left: 9rem;
  }
  .c-m-xl-10 {
    margin: 10rem;
  }
  .c-mt-xl-10,
  .c-my-xl-10 {
    margin-top: 10rem;
  }
  .c-mr-xl-10,
  .c-mx-xl-10 {
    margin-right: 10rem;
  }
  .c-mb-xl-10,
  .c-my-xl-10 {
    margin-bottom: 10rem;
  }
  .c-ml-xl-10,
  .c-mx-xl-10 {
    margin-left: 10rem;
  }
  .c-p-xl-0 {
    padding: 0;
  }
  .c-pt-xl-0,
  .c-py-xl-0 {
    padding-top: 0;
  }
  .c-pr-xl-0,
  .c-px-xl-0 {
    padding-right: 0;
  }
  .c-pb-xl-0,
  .c-py-xl-0 {
    padding-bottom: 0;
  }
  .c-pl-xl-0,
  .c-px-xl-0 {
    padding-left: 0;
  }
  .c-p-xl-1 {
    padding: 0.25rem;
  }
  .c-pt-xl-1,
  .c-py-xl-1 {
    padding-top: 0.25rem;
  }
  .c-pr-xl-1,
  .c-px-xl-1 {
    padding-right: 0.25rem;
  }
  .c-pb-xl-1,
  .c-py-xl-1 {
    padding-bottom: 0.25rem;
  }
  .c-pl-xl-1,
  .c-px-xl-1 {
    padding-left: 0.25rem;
  }
  .c-p-xl-2 {
    padding: 0.5rem;
  }
  .c-pt-xl-2,
  .c-py-xl-2 {
    padding-top: 0.5rem;
  }
  .c-pr-xl-2,
  .c-px-xl-2 {
    padding-right: 0.5rem;
  }
  .c-pb-xl-2,
  .c-py-xl-2 {
    padding-bottom: 0.5rem;
  }
  .c-pl-xl-2,
  .c-px-xl-2 {
    padding-left: 0.5rem;
  }
  .c-p-xl-3 {
    padding: 1rem;
  }
  .c-pt-xl-3,
  .c-py-xl-3 {
    padding-top: 1rem;
  }
  .c-pr-xl-3,
  .c-px-xl-3 {
    padding-right: 1rem;
  }
  .c-pb-xl-3,
  .c-py-xl-3 {
    padding-bottom: 1rem;
  }
  .c-pl-xl-3,
  .c-px-xl-3 {
    padding-left: 1rem;
  }
  .c-p-xl-4 {
    padding: 1.5rem;
  }
  .c-pt-xl-4,
  .c-py-xl-4 {
    padding-top: 1.5rem;
  }
  .c-pr-xl-4,
  .c-px-xl-4 {
    padding-right: 1.5rem;
  }
  .c-pb-xl-4,
  .c-py-xl-4 {
    padding-bottom: 1.5rem;
  }
  .c-pl-xl-4,
  .c-px-xl-4 {
    padding-left: 1.5rem;
  }
  .c-p-xl-5 {
    padding: 3rem;
  }
  .c-pt-xl-5,
  .c-py-xl-5 {
    padding-top: 3rem;
  }
  .c-pr-xl-5,
  .c-px-xl-5 {
    padding-right: 3rem;
  }
  .c-pb-xl-5,
  .c-py-xl-5 {
    padding-bottom: 3rem;
  }
  .c-pl-xl-5,
  .c-px-xl-5 {
    padding-left: 3rem;
  }
  .c-p-xl-6 {
    padding: 4.5rem;
  }
  .c-pt-xl-6,
  .c-py-xl-6 {
    padding-top: 4.5rem;
  }
  .c-pr-xl-6,
  .c-px-xl-6 {
    padding-right: 4.5rem;
  }
  .c-pb-xl-6,
  .c-py-xl-6 {
    padding-bottom: 4.5rem;
  }
  .c-pl-xl-6,
  .c-px-xl-6 {
    padding-left: 4.5rem;
  }
  .c-p-xl-7 {
    padding: 6rem;
  }
  .c-pt-xl-7,
  .c-py-xl-7 {
    padding-top: 6rem;
  }
  .c-pr-xl-7,
  .c-px-xl-7 {
    padding-right: 6rem;
  }
  .c-pb-xl-7,
  .c-py-xl-7 {
    padding-bottom: 6rem;
  }
  .c-pl-xl-7,
  .c-px-xl-7 {
    padding-left: 6rem;
  }
  .c-p-xl-8 {
    padding: 7.5rem;
  }
  .c-pt-xl-8,
  .c-py-xl-8 {
    padding-top: 7.5rem;
  }
  .c-pr-xl-8,
  .c-px-xl-8 {
    padding-right: 7.5rem;
  }
  .c-pb-xl-8,
  .c-py-xl-8 {
    padding-bottom: 7.5rem;
  }
  .c-pl-xl-8,
  .c-px-xl-8 {
    padding-left: 7.5rem;
  }
  .c-p-xl-9 {
    padding: 9rem;
  }
  .c-pt-xl-9,
  .c-py-xl-9 {
    padding-top: 9rem;
  }
  .c-pr-xl-9,
  .c-px-xl-9 {
    padding-right: 9rem;
  }
  .c-pb-xl-9,
  .c-py-xl-9 {
    padding-bottom: 9rem;
  }
  .c-pl-xl-9,
  .c-px-xl-9 {
    padding-left: 9rem;
  }
  .c-p-xl-10 {
    padding: 10rem;
  }
  .c-pt-xl-10,
  .c-py-xl-10 {
    padding-top: 10rem;
  }
  .c-pr-xl-10,
  .c-px-xl-10 {
    padding-right: 10rem;
  }
  .c-pb-xl-10,
  .c-py-xl-10 {
    padding-bottom: 10rem;
  }
  .c-pl-xl-10,
  .c-px-xl-10 {
    padding-left: 10rem;
  }
  .c-m-xl-n1 {
    margin: -0.25rem;
  }
  .c-mt-xl-n1,
  .c-my-xl-n1 {
    margin-top: -0.25rem;
  }
  .c-mr-xl-n1,
  .c-mx-xl-n1 {
    margin-right: -0.25rem;
  }
  .c-mb-xl-n1,
  .c-my-xl-n1 {
    margin-bottom: -0.25rem;
  }
  .c-ml-xl-n1,
  .c-mx-xl-n1 {
    margin-left: -0.25rem;
  }
  .c-m-xl-n2 {
    margin: -0.5rem;
  }
  .c-mt-xl-n2,
  .c-my-xl-n2 {
    margin-top: -0.5rem;
  }
  .c-mr-xl-n2,
  .c-mx-xl-n2 {
    margin-right: -0.5rem;
  }
  .c-mb-xl-n2,
  .c-my-xl-n2 {
    margin-bottom: -0.5rem;
  }
  .c-ml-xl-n2,
  .c-mx-xl-n2 {
    margin-left: -0.5rem;
  }
  .c-m-xl-n3 {
    margin: -1rem;
  }
  .c-mt-xl-n3,
  .c-my-xl-n3 {
    margin-top: -1rem;
  }
  .c-mr-xl-n3,
  .c-mx-xl-n3 {
    margin-right: -1rem;
  }
  .c-mb-xl-n3,
  .c-my-xl-n3 {
    margin-bottom: -1rem;
  }
  .c-ml-xl-n3,
  .c-mx-xl-n3 {
    margin-left: -1rem;
  }
  .c-m-xl-n4 {
    margin: -1.5rem;
  }
  .c-mt-xl-n4,
  .c-my-xl-n4 {
    margin-top: -1.5rem;
  }
  .c-mr-xl-n4,
  .c-mx-xl-n4 {
    margin-right: -1.5rem;
  }
  .c-mb-xl-n4,
  .c-my-xl-n4 {
    margin-bottom: -1.5rem;
  }
  .c-ml-xl-n4,
  .c-mx-xl-n4 {
    margin-left: -1.5rem;
  }
  .c-m-xl-n5 {
    margin: -3rem;
  }
  .c-mt-xl-n5,
  .c-my-xl-n5 {
    margin-top: -3rem;
  }
  .c-mr-xl-n5,
  .c-mx-xl-n5 {
    margin-right: -3rem;
  }
  .c-mb-xl-n5,
  .c-my-xl-n5 {
    margin-bottom: -3rem;
  }
  .c-ml-xl-n5,
  .c-mx-xl-n5 {
    margin-left: -3rem;
  }
  .c-m-xl-n6 {
    margin: -4.5rem;
  }
  .c-mt-xl-n6,
  .c-my-xl-n6 {
    margin-top: -4.5rem;
  }
  .c-mr-xl-n6,
  .c-mx-xl-n6 {
    margin-right: -4.5rem;
  }
  .c-mb-xl-n6,
  .c-my-xl-n6 {
    margin-bottom: -4.5rem;
  }
  .c-ml-xl-n6,
  .c-mx-xl-n6 {
    margin-left: -4.5rem;
  }
  .c-m-xl-n7 {
    margin: -6rem;
  }
  .c-mt-xl-n7,
  .c-my-xl-n7 {
    margin-top: -6rem;
  }
  .c-mr-xl-n7,
  .c-mx-xl-n7 {
    margin-right: -6rem;
  }
  .c-mb-xl-n7,
  .c-my-xl-n7 {
    margin-bottom: -6rem;
  }
  .c-ml-xl-n7,
  .c-mx-xl-n7 {
    margin-left: -6rem;
  }
  .c-m-xl-n8 {
    margin: -7.5rem;
  }
  .c-mt-xl-n8,
  .c-my-xl-n8 {
    margin-top: -7.5rem;
  }
  .c-mr-xl-n8,
  .c-mx-xl-n8 {
    margin-right: -7.5rem;
  }
  .c-mb-xl-n8,
  .c-my-xl-n8 {
    margin-bottom: -7.5rem;
  }
  .c-ml-xl-n8,
  .c-mx-xl-n8 {
    margin-left: -7.5rem;
  }
  .c-m-xl-n9 {
    margin: -9rem;
  }
  .c-mt-xl-n9,
  .c-my-xl-n9 {
    margin-top: -9rem;
  }
  .c-mr-xl-n9,
  .c-mx-xl-n9 {
    margin-right: -9rem;
  }
  .c-mb-xl-n9,
  .c-my-xl-n9 {
    margin-bottom: -9rem;
  }
  .c-ml-xl-n9,
  .c-mx-xl-n9 {
    margin-left: -9rem;
  }
  .c-m-xl-n10 {
    margin: -10rem;
  }
  .c-mt-xl-n10,
  .c-my-xl-n10 {
    margin-top: -10rem;
  }
  .c-mr-xl-n10,
  .c-mx-xl-n10 {
    margin-right: -10rem;
  }
  .c-mb-xl-n10,
  .c-my-xl-n10 {
    margin-bottom: -10rem;
  }
  .c-ml-xl-n10,
  .c-mx-xl-n10 {
    margin-left: -10rem;
  }
  .c-m-xl-auto {
    margin: auto;
  }
  .c-mt-xl-auto,
  .c-my-xl-auto {
    margin-top: auto;
  }
  .c-mr-xl-auto,
  .c-mx-xl-auto {
    margin-right: auto;
  }
  .c-mb-xl-auto,
  .c-my-xl-auto {
    margin-bottom: auto;
  }
  .c-ml-xl-auto,
  .c-mx-xl-auto {
    margin-left: auto;
  }
}
.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-blue {
  background-color: #006eff !important;
}

a.bg-blue:hover, a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus {
  background-color: #0058cc !important;
}

.bg-indigo {
  background-color: #4d5fff !important;
}

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

.bg-purple {
  background-color: #aa33ff !important;
}

a.bg-purple:hover, a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
  background-color: #9500ff !important;
}

.bg-pink {
  background-color: #e50082 !important;
}

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

.bg-red {
  background-color: #e60000 !important;
}

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

.bg-orange {
  background-color: #cc4e00 !important;
}

a.bg-orange:hover, a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus {
  background-color: #993b00 !important;
}

.bg-yellow {
  background-color: #ffbb00 !important;
}

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

.bg-green {
  background-color: #458613 !important;
}

a.bg-green:hover, a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
  background-color: #2e590d !important;
}

.bg-teal {
  background-color: #1b7e6e !important;
}

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

.bg-cyan {
  background-color: #0077b3 !important;
}

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

.bg-primary {
  background-color: #0b5fff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #004ad7 !important;
}

.bg-primary-l3 {
  background-color: #f0f5ff !important;
}

a.bg-primary-l3:hover, a.bg-primary-l3:focus,
button.bg-primary-l3:hover,
button.bg-primary-l3:focus {
  background-color: #bdd4ff !important;
}

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

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

.bg-success {
  background-color: #287d3c !important;
}

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

.bg-info {
  background-color: #2e5aac !important;
}

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

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

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

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

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

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

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

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

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

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

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

.border {
  border: 0.0625rem solid #e7e7ed !important;
}

.border-top {
  border-top: 0.0625rem solid #e7e7ed !important;
}

.border-right {
  border-right: 0.0625rem solid #e7e7ed !important;
}

.border-bottom {
  border-bottom: 0.0625rem solid #e7e7ed !important;
}

.border-left {
  border-left: 0.0625rem solid #e7e7ed !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: #0b5fff !important;
}

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

.border-success {
  border-color: #287d3c !important;
}

.border-info {
  border-color: #2e5aac !important;
}

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

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

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

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

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

.rounded-sm {
  border-radius: 0.1875rem !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-bottom-right-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

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

.rounded-left {
  border-bottom-left-radius: 0.25rem !important;
  border-top-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.375rem !important;
}

.rounded-circle {
  border-radius: 5000px !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

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

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-contents {
  display: contents !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-grid {
    display: grid !important;
  }
  .d-sm-contents {
    display: contents !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-grid {
    display: grid !important;
  }
  .d-md-contents {
    display: contents !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-grid {
    display: grid !important;
  }
  .d-lg-contents {
    display: contents !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: 1280px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-contents {
    display: contents !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;
  }
}
.hide {
  display: none !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-grid {
    display: grid !important;
  }
  .d-print-contents {
    display: contents !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;
  }
}
/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2012 Nicolas Gallagher <https://github.com/suitcss/components-flex-embed>
 */
.embed-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.embed-responsive::before {
  content: "";
  display: block;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  border-width: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

.embed-responsive-21by9::before {
  padding-top: calc(
				9 /
					21 *
					100%
			);
}

.embed-responsive-16by9::before {
  padding-top: calc(
				9 /
					16 *
					100%
			);
}

.embed-responsive-4by3::before {
  padding-top: calc(
				3 /
					4 *
					100%
			);
}

.embed-responsive-1by1::before {
  padding-top: calc(
				1 /
					1 *
					100%
			);
}

/* SPDX-SnippetEnd */
.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: 1280px) {
  .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: 1280px) {
  .float-xl-left {
    float: left !important;
  }
  .float-xl-right {
    float: right !important;
  }
  .float-xl-none {
    float: 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 {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1030;
}

.fixed-bottom {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-bottom {
    bottom: 0;
    position: sticky;
    z-index: 1020;
  }
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

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

.m-6 {
  margin: 4.5rem !important;
}

.mt-6,
.my-6 {
  margin-top: 4.5rem !important;
}

.mr-6,
.mx-6 {
  margin-right: 4.5rem !important;
}

.mb-6,
.my-6 {
  margin-bottom: 4.5rem !important;
}

.ml-6,
.mx-6 {
  margin-left: 4.5rem !important;
}

.m-7 {
  margin: 6rem !important;
}

.mt-7,
.my-7 {
  margin-top: 6rem !important;
}

.mr-7,
.mx-7 {
  margin-right: 6rem !important;
}

.mb-7,
.my-7 {
  margin-bottom: 6rem !important;
}

.ml-7,
.mx-7 {
  margin-left: 6rem !important;
}

.m-8 {
  margin: 7.5rem !important;
}

.mt-8,
.my-8 {
  margin-top: 7.5rem !important;
}

.mr-8,
.mx-8 {
  margin-right: 7.5rem !important;
}

.mb-8,
.my-8 {
  margin-bottom: 7.5rem !important;
}

.ml-8,
.mx-8 {
  margin-left: 7.5rem !important;
}

.m-9 {
  margin: 9rem !important;
}

.mt-9,
.my-9 {
  margin-top: 9rem !important;
}

.mr-9,
.mx-9 {
  margin-right: 9rem !important;
}

.mb-9,
.my-9 {
  margin-bottom: 9rem !important;
}

.ml-9,
.mx-9 {
  margin-left: 9rem !important;
}

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

.mt-10,
.my-10 {
  margin-top: 10rem !important;
}

.mr-10,
.mx-10 {
  margin-right: 10rem !important;
}

.mb-10,
.my-10 {
  margin-bottom: 10rem !important;
}

.ml-10,
.mx-10 {
  margin-left: 10rem !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;
}

.p-6 {
  padding: 4.5rem !important;
}

.pt-6,
.py-6 {
  padding-top: 4.5rem !important;
}

.pr-6,
.px-6 {
  padding-right: 4.5rem !important;
}

.pb-6,
.py-6 {
  padding-bottom: 4.5rem !important;
}

.pl-6,
.px-6 {
  padding-left: 4.5rem !important;
}

.p-7 {
  padding: 6rem !important;
}

.pt-7,
.py-7 {
  padding-top: 6rem !important;
}

.pr-7,
.px-7 {
  padding-right: 6rem !important;
}

.pb-7,
.py-7 {
  padding-bottom: 6rem !important;
}

.pl-7,
.px-7 {
  padding-left: 6rem !important;
}

.p-8 {
  padding: 7.5rem !important;
}

.pt-8,
.py-8 {
  padding-top: 7.5rem !important;
}

.pr-8,
.px-8 {
  padding-right: 7.5rem !important;
}

.pb-8,
.py-8 {
  padding-bottom: 7.5rem !important;
}

.pl-8,
.px-8 {
  padding-left: 7.5rem !important;
}

.p-9 {
  padding: 9rem !important;
}

.pt-9,
.py-9 {
  padding-top: 9rem !important;
}

.pr-9,
.px-9 {
  padding-right: 9rem !important;
}

.pb-9,
.py-9 {
  padding-bottom: 9rem !important;
}

.pl-9,
.px-9 {
  padding-left: 9rem !important;
}

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

.pt-10,
.py-10 {
  padding-top: 10rem !important;
}

.pr-10,
.px-10 {
  padding-right: 10rem !important;
}

.pb-10,
.py-10 {
  padding-bottom: 10rem !important;
}

.pl-10,
.px-10 {
  padding-left: 10rem !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-n6 {
  margin: -4.5rem !important;
}

.mt-n6,
.my-n6 {
  margin-top: -4.5rem !important;
}

.mr-n6,
.mx-n6 {
  margin-right: -4.5rem !important;
}

.mb-n6,
.my-n6 {
  margin-bottom: -4.5rem !important;
}

.ml-n6,
.mx-n6 {
  margin-left: -4.5rem !important;
}

.m-n7 {
  margin: -6rem !important;
}

.mt-n7,
.my-n7 {
  margin-top: -6rem !important;
}

.mr-n7,
.mx-n7 {
  margin-right: -6rem !important;
}

.mb-n7,
.my-n7 {
  margin-bottom: -6rem !important;
}

.ml-n7,
.mx-n7 {
  margin-left: -6rem !important;
}

.m-n8 {
  margin: -7.5rem !important;
}

.mt-n8,
.my-n8 {
  margin-top: -7.5rem !important;
}

.mr-n8,
.mx-n8 {
  margin-right: -7.5rem !important;
}

.mb-n8,
.my-n8 {
  margin-bottom: -7.5rem !important;
}

.ml-n8,
.mx-n8 {
  margin-left: -7.5rem !important;
}

.m-n9 {
  margin: -9rem !important;
}

.mt-n9,
.my-n9 {
  margin-top: -9rem !important;
}

.mr-n9,
.mx-n9 {
  margin-right: -9rem !important;
}

.mb-n9,
.my-n9 {
  margin-bottom: -9rem !important;
}

.ml-n9,
.mx-n9 {
  margin-left: -9rem !important;
}

.m-n10 {
  margin: -10rem !important;
}

.mt-n10,
.my-n10 {
  margin-top: -10rem !important;
}

.mr-n10,
.mx-n10 {
  margin-right: -10rem !important;
}

.mb-n10,
.my-n10 {
  margin-bottom: -10rem !important;
}

.ml-n10,
.mx-n10 {
  margin-left: -10rem !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;
  }
  .m-sm-6 {
    margin: 4.5rem !important;
  }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 4.5rem !important;
  }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 4.5rem !important;
  }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 4.5rem !important;
  }
  .m-sm-7 {
    margin: 6rem !important;
  }
  .mt-sm-7,
  .my-sm-7 {
    margin-top: 6rem !important;
  }
  .mr-sm-7,
  .mx-sm-7 {
    margin-right: 6rem !important;
  }
  .mb-sm-7,
  .my-sm-7 {
    margin-bottom: 6rem !important;
  }
  .ml-sm-7,
  .mx-sm-7 {
    margin-left: 6rem !important;
  }
  .m-sm-8 {
    margin: 7.5rem !important;
  }
  .mt-sm-8,
  .my-sm-8 {
    margin-top: 7.5rem !important;
  }
  .mr-sm-8,
  .mx-sm-8 {
    margin-right: 7.5rem !important;
  }
  .mb-sm-8,
  .my-sm-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-sm-8,
  .mx-sm-8 {
    margin-left: 7.5rem !important;
  }
  .m-sm-9 {
    margin: 9rem !important;
  }
  .mt-sm-9,
  .my-sm-9 {
    margin-top: 9rem !important;
  }
  .mr-sm-9,
  .mx-sm-9 {
    margin-right: 9rem !important;
  }
  .mb-sm-9,
  .my-sm-9 {
    margin-bottom: 9rem !important;
  }
  .ml-sm-9,
  .mx-sm-9 {
    margin-left: 9rem !important;
  }
  .m-sm-10 {
    margin: 10rem !important;
  }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 10rem !important;
  }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 10rem !important;
  }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 10rem !important;
  }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 10rem !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;
  }
  .p-sm-6 {
    padding: 4.5rem !important;
  }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 4.5rem !important;
  }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 4.5rem !important;
  }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 4.5rem !important;
  }
  .p-sm-7 {
    padding: 6rem !important;
  }
  .pt-sm-7,
  .py-sm-7 {
    padding-top: 6rem !important;
  }
  .pr-sm-7,
  .px-sm-7 {
    padding-right: 6rem !important;
  }
  .pb-sm-7,
  .py-sm-7 {
    padding-bottom: 6rem !important;
  }
  .pl-sm-7,
  .px-sm-7 {
    padding-left: 6rem !important;
  }
  .p-sm-8 {
    padding: 7.5rem !important;
  }
  .pt-sm-8,
  .py-sm-8 {
    padding-top: 7.5rem !important;
  }
  .pr-sm-8,
  .px-sm-8 {
    padding-right: 7.5rem !important;
  }
  .pb-sm-8,
  .py-sm-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-sm-8,
  .px-sm-8 {
    padding-left: 7.5rem !important;
  }
  .p-sm-9 {
    padding: 9rem !important;
  }
  .pt-sm-9,
  .py-sm-9 {
    padding-top: 9rem !important;
  }
  .pr-sm-9,
  .px-sm-9 {
    padding-right: 9rem !important;
  }
  .pb-sm-9,
  .py-sm-9 {
    padding-bottom: 9rem !important;
  }
  .pl-sm-9,
  .px-sm-9 {
    padding-left: 9rem !important;
  }
  .p-sm-10 {
    padding: 10rem !important;
  }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 10rem !important;
  }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 10rem !important;
  }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 10rem !important;
  }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 10rem !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-n6 {
    margin: -4.5rem !important;
  }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -4.5rem !important;
  }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -4.5rem !important;
  }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -4.5rem !important;
  }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -4.5rem !important;
  }
  .m-sm-n7 {
    margin: -6rem !important;
  }
  .mt-sm-n7,
  .my-sm-n7 {
    margin-top: -6rem !important;
  }
  .mr-sm-n7,
  .mx-sm-n7 {
    margin-right: -6rem !important;
  }
  .mb-sm-n7,
  .my-sm-n7 {
    margin-bottom: -6rem !important;
  }
  .ml-sm-n7,
  .mx-sm-n7 {
    margin-left: -6rem !important;
  }
  .m-sm-n8 {
    margin: -7.5rem !important;
  }
  .mt-sm-n8,
  .my-sm-n8 {
    margin-top: -7.5rem !important;
  }
  .mr-sm-n8,
  .mx-sm-n8 {
    margin-right: -7.5rem !important;
  }
  .mb-sm-n8,
  .my-sm-n8 {
    margin-bottom: -7.5rem !important;
  }
  .ml-sm-n8,
  .mx-sm-n8 {
    margin-left: -7.5rem !important;
  }
  .m-sm-n9 {
    margin: -9rem !important;
  }
  .mt-sm-n9,
  .my-sm-n9 {
    margin-top: -9rem !important;
  }
  .mr-sm-n9,
  .mx-sm-n9 {
    margin-right: -9rem !important;
  }
  .mb-sm-n9,
  .my-sm-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-sm-n9,
  .mx-sm-n9 {
    margin-left: -9rem !important;
  }
  .m-sm-n10 {
    margin: -10rem !important;
  }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -10rem !important;
  }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -10rem !important;
  }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -10rem !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;
  }
  .m-md-6 {
    margin: 4.5rem !important;
  }
  .mt-md-6,
  .my-md-6 {
    margin-top: 4.5rem !important;
  }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 4.5rem !important;
  }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 4.5rem !important;
  }
  .m-md-7 {
    margin: 6rem !important;
  }
  .mt-md-7,
  .my-md-7 {
    margin-top: 6rem !important;
  }
  .mr-md-7,
  .mx-md-7 {
    margin-right: 6rem !important;
  }
  .mb-md-7,
  .my-md-7 {
    margin-bottom: 6rem !important;
  }
  .ml-md-7,
  .mx-md-7 {
    margin-left: 6rem !important;
  }
  .m-md-8 {
    margin: 7.5rem !important;
  }
  .mt-md-8,
  .my-md-8 {
    margin-top: 7.5rem !important;
  }
  .mr-md-8,
  .mx-md-8 {
    margin-right: 7.5rem !important;
  }
  .mb-md-8,
  .my-md-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-md-8,
  .mx-md-8 {
    margin-left: 7.5rem !important;
  }
  .m-md-9 {
    margin: 9rem !important;
  }
  .mt-md-9,
  .my-md-9 {
    margin-top: 9rem !important;
  }
  .mr-md-9,
  .mx-md-9 {
    margin-right: 9rem !important;
  }
  .mb-md-9,
  .my-md-9 {
    margin-bottom: 9rem !important;
  }
  .ml-md-9,
  .mx-md-9 {
    margin-left: 9rem !important;
  }
  .m-md-10 {
    margin: 10rem !important;
  }
  .mt-md-10,
  .my-md-10 {
    margin-top: 10rem !important;
  }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 10rem !important;
  }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 10rem !important;
  }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 10rem !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;
  }
  .p-md-6 {
    padding: 4.5rem !important;
  }
  .pt-md-6,
  .py-md-6 {
    padding-top: 4.5rem !important;
  }
  .pr-md-6,
  .px-md-6 {
    padding-right: 4.5rem !important;
  }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-md-6,
  .px-md-6 {
    padding-left: 4.5rem !important;
  }
  .p-md-7 {
    padding: 6rem !important;
  }
  .pt-md-7,
  .py-md-7 {
    padding-top: 6rem !important;
  }
  .pr-md-7,
  .px-md-7 {
    padding-right: 6rem !important;
  }
  .pb-md-7,
  .py-md-7 {
    padding-bottom: 6rem !important;
  }
  .pl-md-7,
  .px-md-7 {
    padding-left: 6rem !important;
  }
  .p-md-8 {
    padding: 7.5rem !important;
  }
  .pt-md-8,
  .py-md-8 {
    padding-top: 7.5rem !important;
  }
  .pr-md-8,
  .px-md-8 {
    padding-right: 7.5rem !important;
  }
  .pb-md-8,
  .py-md-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-md-8,
  .px-md-8 {
    padding-left: 7.5rem !important;
  }
  .p-md-9 {
    padding: 9rem !important;
  }
  .pt-md-9,
  .py-md-9 {
    padding-top: 9rem !important;
  }
  .pr-md-9,
  .px-md-9 {
    padding-right: 9rem !important;
  }
  .pb-md-9,
  .py-md-9 {
    padding-bottom: 9rem !important;
  }
  .pl-md-9,
  .px-md-9 {
    padding-left: 9rem !important;
  }
  .p-md-10 {
    padding: 10rem !important;
  }
  .pt-md-10,
  .py-md-10 {
    padding-top: 10rem !important;
  }
  .pr-md-10,
  .px-md-10 {
    padding-right: 10rem !important;
  }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 10rem !important;
  }
  .pl-md-10,
  .px-md-10 {
    padding-left: 10rem !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-n6 {
    margin: -4.5rem !important;
  }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -4.5rem !important;
  }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -4.5rem !important;
  }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -4.5rem !important;
  }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -4.5rem !important;
  }
  .m-md-n7 {
    margin: -6rem !important;
  }
  .mt-md-n7,
  .my-md-n7 {
    margin-top: -6rem !important;
  }
  .mr-md-n7,
  .mx-md-n7 {
    margin-right: -6rem !important;
  }
  .mb-md-n7,
  .my-md-n7 {
    margin-bottom: -6rem !important;
  }
  .ml-md-n7,
  .mx-md-n7 {
    margin-left: -6rem !important;
  }
  .m-md-n8 {
    margin: -7.5rem !important;
  }
  .mt-md-n8,
  .my-md-n8 {
    margin-top: -7.5rem !important;
  }
  .mr-md-n8,
  .mx-md-n8 {
    margin-right: -7.5rem !important;
  }
  .mb-md-n8,
  .my-md-n8 {
    margin-bottom: -7.5rem !important;
  }
  .ml-md-n8,
  .mx-md-n8 {
    margin-left: -7.5rem !important;
  }
  .m-md-n9 {
    margin: -9rem !important;
  }
  .mt-md-n9,
  .my-md-n9 {
    margin-top: -9rem !important;
  }
  .mr-md-n9,
  .mx-md-n9 {
    margin-right: -9rem !important;
  }
  .mb-md-n9,
  .my-md-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-md-n9,
  .mx-md-n9 {
    margin-left: -9rem !important;
  }
  .m-md-n10 {
    margin: -10rem !important;
  }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -10rem !important;
  }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -10rem !important;
  }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -10rem !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;
  }
  .m-lg-6 {
    margin: 4.5rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 4.5rem !important;
  }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 4.5rem !important;
  }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 4.5rem !important;
  }
  .m-lg-7 {
    margin: 6rem !important;
  }
  .mt-lg-7,
  .my-lg-7 {
    margin-top: 6rem !important;
  }
  .mr-lg-7,
  .mx-lg-7 {
    margin-right: 6rem !important;
  }
  .mb-lg-7,
  .my-lg-7 {
    margin-bottom: 6rem !important;
  }
  .ml-lg-7,
  .mx-lg-7 {
    margin-left: 6rem !important;
  }
  .m-lg-8 {
    margin: 7.5rem !important;
  }
  .mt-lg-8,
  .my-lg-8 {
    margin-top: 7.5rem !important;
  }
  .mr-lg-8,
  .mx-lg-8 {
    margin-right: 7.5rem !important;
  }
  .mb-lg-8,
  .my-lg-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-lg-8,
  .mx-lg-8 {
    margin-left: 7.5rem !important;
  }
  .m-lg-9 {
    margin: 9rem !important;
  }
  .mt-lg-9,
  .my-lg-9 {
    margin-top: 9rem !important;
  }
  .mr-lg-9,
  .mx-lg-9 {
    margin-right: 9rem !important;
  }
  .mb-lg-9,
  .my-lg-9 {
    margin-bottom: 9rem !important;
  }
  .ml-lg-9,
  .mx-lg-9 {
    margin-left: 9rem !important;
  }
  .m-lg-10 {
    margin: 10rem !important;
  }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 10rem !important;
  }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 10rem !important;
  }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 10rem !important;
  }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 10rem !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;
  }
  .p-lg-6 {
    padding: 4.5rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 4.5rem !important;
  }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 4.5rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 4.5rem !important;
  }
  .p-lg-7 {
    padding: 6rem !important;
  }
  .pt-lg-7,
  .py-lg-7 {
    padding-top: 6rem !important;
  }
  .pr-lg-7,
  .px-lg-7 {
    padding-right: 6rem !important;
  }
  .pb-lg-7,
  .py-lg-7 {
    padding-bottom: 6rem !important;
  }
  .pl-lg-7,
  .px-lg-7 {
    padding-left: 6rem !important;
  }
  .p-lg-8 {
    padding: 7.5rem !important;
  }
  .pt-lg-8,
  .py-lg-8 {
    padding-top: 7.5rem !important;
  }
  .pr-lg-8,
  .px-lg-8 {
    padding-right: 7.5rem !important;
  }
  .pb-lg-8,
  .py-lg-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-lg-8,
  .px-lg-8 {
    padding-left: 7.5rem !important;
  }
  .p-lg-9 {
    padding: 9rem !important;
  }
  .pt-lg-9,
  .py-lg-9 {
    padding-top: 9rem !important;
  }
  .pr-lg-9,
  .px-lg-9 {
    padding-right: 9rem !important;
  }
  .pb-lg-9,
  .py-lg-9 {
    padding-bottom: 9rem !important;
  }
  .pl-lg-9,
  .px-lg-9 {
    padding-left: 9rem !important;
  }
  .p-lg-10 {
    padding: 10rem !important;
  }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 10rem !important;
  }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 10rem !important;
  }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 10rem !important;
  }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 10rem !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-n6 {
    margin: -4.5rem !important;
  }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -4.5rem !important;
  }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -4.5rem !important;
  }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -4.5rem !important;
  }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -4.5rem !important;
  }
  .m-lg-n7 {
    margin: -6rem !important;
  }
  .mt-lg-n7,
  .my-lg-n7 {
    margin-top: -6rem !important;
  }
  .mr-lg-n7,
  .mx-lg-n7 {
    margin-right: -6rem !important;
  }
  .mb-lg-n7,
  .my-lg-n7 {
    margin-bottom: -6rem !important;
  }
  .ml-lg-n7,
  .mx-lg-n7 {
    margin-left: -6rem !important;
  }
  .m-lg-n8 {
    margin: -7.5rem !important;
  }
  .mt-lg-n8,
  .my-lg-n8 {
    margin-top: -7.5rem !important;
  }
  .mr-lg-n8,
  .mx-lg-n8 {
    margin-right: -7.5rem !important;
  }
  .mb-lg-n8,
  .my-lg-n8 {
    margin-bottom: -7.5rem !important;
  }
  .ml-lg-n8,
  .mx-lg-n8 {
    margin-left: -7.5rem !important;
  }
  .m-lg-n9 {
    margin: -9rem !important;
  }
  .mt-lg-n9,
  .my-lg-n9 {
    margin-top: -9rem !important;
  }
  .mr-lg-n9,
  .mx-lg-n9 {
    margin-right: -9rem !important;
  }
  .mb-lg-n9,
  .my-lg-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-lg-n9,
  .mx-lg-n9 {
    margin-left: -9rem !important;
  }
  .m-lg-n10 {
    margin: -10rem !important;
  }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -10rem !important;
  }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -10rem !important;
  }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -10rem !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: 1280px) {
  .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;
  }
  .m-xl-6 {
    margin: 4.5rem !important;
  }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 4.5rem !important;
  }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 4.5rem !important;
  }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 4.5rem !important;
  }
  .m-xl-7 {
    margin: 6rem !important;
  }
  .mt-xl-7,
  .my-xl-7 {
    margin-top: 6rem !important;
  }
  .mr-xl-7,
  .mx-xl-7 {
    margin-right: 6rem !important;
  }
  .mb-xl-7,
  .my-xl-7 {
    margin-bottom: 6rem !important;
  }
  .ml-xl-7,
  .mx-xl-7 {
    margin-left: 6rem !important;
  }
  .m-xl-8 {
    margin: 7.5rem !important;
  }
  .mt-xl-8,
  .my-xl-8 {
    margin-top: 7.5rem !important;
  }
  .mr-xl-8,
  .mx-xl-8 {
    margin-right: 7.5rem !important;
  }
  .mb-xl-8,
  .my-xl-8 {
    margin-bottom: 7.5rem !important;
  }
  .ml-xl-8,
  .mx-xl-8 {
    margin-left: 7.5rem !important;
  }
  .m-xl-9 {
    margin: 9rem !important;
  }
  .mt-xl-9,
  .my-xl-9 {
    margin-top: 9rem !important;
  }
  .mr-xl-9,
  .mx-xl-9 {
    margin-right: 9rem !important;
  }
  .mb-xl-9,
  .my-xl-9 {
    margin-bottom: 9rem !important;
  }
  .ml-xl-9,
  .mx-xl-9 {
    margin-left: 9rem !important;
  }
  .m-xl-10 {
    margin: 10rem !important;
  }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 10rem !important;
  }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 10rem !important;
  }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 10rem !important;
  }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 10rem !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;
  }
  .p-xl-6 {
    padding: 4.5rem !important;
  }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 4.5rem !important;
  }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 4.5rem !important;
  }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 4.5rem !important;
  }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 4.5rem !important;
  }
  .p-xl-7 {
    padding: 6rem !important;
  }
  .pt-xl-7,
  .py-xl-7 {
    padding-top: 6rem !important;
  }
  .pr-xl-7,
  .px-xl-7 {
    padding-right: 6rem !important;
  }
  .pb-xl-7,
  .py-xl-7 {
    padding-bottom: 6rem !important;
  }
  .pl-xl-7,
  .px-xl-7 {
    padding-left: 6rem !important;
  }
  .p-xl-8 {
    padding: 7.5rem !important;
  }
  .pt-xl-8,
  .py-xl-8 {
    padding-top: 7.5rem !important;
  }
  .pr-xl-8,
  .px-xl-8 {
    padding-right: 7.5rem !important;
  }
  .pb-xl-8,
  .py-xl-8 {
    padding-bottom: 7.5rem !important;
  }
  .pl-xl-8,
  .px-xl-8 {
    padding-left: 7.5rem !important;
  }
  .p-xl-9 {
    padding: 9rem !important;
  }
  .pt-xl-9,
  .py-xl-9 {
    padding-top: 9rem !important;
  }
  .pr-xl-9,
  .px-xl-9 {
    padding-right: 9rem !important;
  }
  .pb-xl-9,
  .py-xl-9 {
    padding-bottom: 9rem !important;
  }
  .pl-xl-9,
  .px-xl-9 {
    padding-left: 9rem !important;
  }
  .p-xl-10 {
    padding: 10rem !important;
  }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 10rem !important;
  }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 10rem !important;
  }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 10rem !important;
  }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 10rem !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-n6 {
    margin: -4.5rem !important;
  }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -4.5rem !important;
  }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -4.5rem !important;
  }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -4.5rem !important;
  }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -4.5rem !important;
  }
  .m-xl-n7 {
    margin: -6rem !important;
  }
  .mt-xl-n7,
  .my-xl-n7 {
    margin-top: -6rem !important;
  }
  .mr-xl-n7,
  .mx-xl-n7 {
    margin-right: -6rem !important;
  }
  .mb-xl-n7,
  .my-xl-n7 {
    margin-bottom: -6rem !important;
  }
  .ml-xl-n7,
  .mx-xl-n7 {
    margin-left: -6rem !important;
  }
  .m-xl-n8 {
    margin: -7.5rem !important;
  }
  .mt-xl-n8,
  .my-xl-n8 {
    margin-top: -7.5rem !important;
  }
  .mr-xl-n8,
  .mx-xl-n8 {
    margin-right: -7.5rem !important;
  }
  .mb-xl-n8,
  .my-xl-n8 {
    margin-bottom: -7.5rem !important;
  }
  .ml-xl-n8,
  .mx-xl-n8 {
    margin-left: -7.5rem !important;
  }
  .m-xl-n9 {
    margin: -9rem !important;
  }
  .mt-xl-n9,
  .my-xl-n9 {
    margin-top: -9rem !important;
  }
  .mr-xl-n9,
  .mx-xl-n9 {
    margin-right: -9rem !important;
  }
  .mb-xl-n9,
  .my-xl-n9 {
    margin-bottom: -9rem !important;
  }
  .ml-xl-n9,
  .mx-xl-n9 {
    margin-left: -9rem !important;
  }
  .m-xl-n10 {
    margin: -10rem !important;
  }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -10rem !important;
  }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -10rem !important;
  }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -10rem !important;
  }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -10rem !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 {
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-truncate-inline {
  display: inline-flex;
  max-width: 100%;
}
.text-truncate-inline .text-truncate {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
  overflow-wrap: normal;
  word-wrap: normal;
}
.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: 1280px) {
  .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-lighter,
.text-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-light,
.text-weight-light {
  font-weight: 300 !important;
}

.font-weight-normal,
.text-weight-normal {
  font-weight: 400 !important;
}

.font-weight-semi-bold,
.text-weight-semi-bold {
  font-weight: 600 !important;
}

.font-weight-bold,
.text-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder,
.text-weight-bolder {
  font-weight: 900 !important;
}

.font-italic,
.text-italic {
  font-style: italic !important;
}

.font-monospace,
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.text-1 {
  font-size: 0.625rem;
}

.text-2 {
  font-size: 0.75rem;
}

.text-3 {
  font-size: 0.875rem;
}

.text-4 {
  font-size: 1rem;
}

.text-5 {
  font-size: 1.125rem;
}

.text-6 {
  font-size: 1.25rem;
}

.text-7 {
  font-size: 1.5rem;
}

.text-8 {
  font-size: 1.75rem;
}

.text-9 {
  font-size: 2rem;
}

.text-10 {
  font-size: 2.25rem;
}

.text-11 {
  font-size: 2.5rem;
}

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

.text-blue {
  color: #006eff !important;
}

a.text-blue:hover, a.text-blue:focus {
  color: #004db3 !important;
}

.text-indigo {
  color: #4d5fff !important;
}

a.text-indigo:hover, a.text-indigo:focus {
  color: #011aff !important;
}

.text-purple {
  color: #aa33ff !important;
}

a.text-purple:hover, a.text-purple:focus {
  color: #8600e6 !important;
}

.text-pink {
  color: #e50082 !important;
}

a.text-pink:hover, a.text-pink:focus {
  color: #990057 !important;
}

.text-red {
  color: #e60000 !important;
}

a.text-red:hover, a.text-red:focus {
  color: #9a0000 !important;
}

.text-orange {
  color: #cc4e00 !important;
}

a.text-orange:hover, a.text-orange:focus {
  color: #803100 !important;
}

.text-yellow {
  color: #ffbb00 !important;
}

a.text-yellow:hover, a.text-yellow:focus {
  color: #b38300 !important;
}

.text-green {
  color: #458613 !important;
}

a.text-green:hover, a.text-green:focus {
  color: #23430a !important;
}

.text-teal {
  color: #1b7e6e !important;
}

a.text-teal:hover, a.text-teal:focus {
  color: #0e3f37 !important;
}

.text-cyan {
  color: #0077b3 !important;
}

a.text-cyan:hover, a.text-cyan:focus {
  color: #004467 !important;
}

.text-primary {
  color: #0b5fff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #0041be !important;
}

.text-secondary {
  color: #6b6c7e !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #484955 !important;
}

.text-success {
  color: #287d3c !important;
}

a.text-success:hover, a.text-success:focus {
  color: #154320 !important;
}

.text-info {
  color: #2e5aac !important;
}

a.text-info:hover, a.text-info:focus {
  color: #1e3a70 !important;
}

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

a.text-warning:hover, a.text-warning:focus {
  color: #6d2f00 !important;
}

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

a.text-danger:hover, a.text-danger:focus {
  color: #940e0e !important;
}

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

a.text-light:hover, a.text-light:focus {
  color: #c4c9d5 !important;
}

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

a.text-dark:hover, a.text-dark:focus {
  color: #060608 !important;
}

.text-body {
  color: #1c1c24 !important;
}

.text-muted {
  color: #a7a9bc !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 {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}

.text-none, .text-decoration-none {
  text-decoration: none !important;
}
.text-underline, .text-decoration-underline {
  text-decoration: underline !important;
}
.text-break {
  overflow-wrap: break-word !important;
  word-wrap: break-word !important;
}

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

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.breadcrumb-text-truncate, .form-control-plaintext, .form-control-select, .modal-title, .multi-step-title-center .multi-step-title, .multi-step-indicator .multi-step-indicator-label, .nav-text-truncate, .navbar-text-truncate, .text-truncate, .text-truncate-inline .text-truncate {
  overflow-wrap: break-word !important;
  white-space: normal !important;
  word-wrap: break-word !important;
}

.c-prefers-link-underline [href]:not(.disabled):not([role=button]) {
  text-decoration: underline !important;
}
.c-prefers-link-underline .btn-monospaced[href]:not(.disabled):not([role=button]):not([role=tab])::after, .c-prefers-link-underline .nav-btn-monospaced[href]:not(.disabled):not([role=button]):not([role=tab])::after, .c-prefers-link-underline .nav-link-monospaced[href]:not(.disabled):not([role=button]):not([role=tab])::after {
  content: "   ";
  position: absolute;
  text-decoration: underline !important;
}
.c-prefers-link-underline .multi-step-item.active .multi-step-icon[href]:not([role=button])::after, .c-prefers-link-underline .multi-step-item.complete .multi-step-icon[href]:not([role=button])::after, .c-prefers-link-underline .multi-step-item.error .multi-step-icon[href]:not([role=button])::after, .c-prefers-link-underline .dropdown .multi-step-icon[href]:not([role=button])::after {
  content: "   ";
  position: absolute;
  text-decoration: underline !important;
}
.c-prefers-link-underline .multi-step-item.disabled .multi-step-icon[href]:not([role=button])::after {
  text-decoration: none !important;
}

.c-prefers-letter-spacing-1, .c-prefers-letter-spacing-1 * {
  letter-spacing: 1px !important;
}

.d-block-c-prefers-reduced-motion {
  display: none !important;
}

.d-inline-block-c-prefers-reduced-motion {
  display: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .d-none-c-prefers-reduced-motion {
    display: none !important;
  }
  .d-block-c-prefers-reduced-motion {
    display: block !important;
  }
  .d-inline-block-c-prefers-reduced-motion {
    display: inline-block !important;
  }
}
.c-prefers-reduced-motion .d-none-c-prefers-reduced-motion {
  display: none !important;
}
.c-prefers-reduced-motion .d-block-c-prefers-reduced-motion {
  display: block !important;
}
.c-prefers-reduced-motion .d-inline-block-c-prefers-reduced-motion {
  display: inline-block !important;
}

.c-prefers-reduced-motion {
  scroll-behavior: auto;
  transition: none;
}
.c-prefers-reduced-motion .loading-animation-squares {
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em;
}
.c-prefers-reduced-motion .loading-animation-squares::before {
  animation: loading-animation-circle 1s linear infinite;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: -0.03125em -0.375em 0 0 currentColor;
  content: "";
  display: block;
  font-size: inherit;
  height: 0.25em;
  left: 50%;
  margin-left: -0.125em;
  margin-top: -0.125em;
  opacity: inherit;
  position: absolute;
  top: 50%;
  transform: none;
  width: 0.25em;
}
@media (prefers-reduced-motion: reduce) {
  .c-prefers-reduced-motion .loading-animation-squares::before {
    animation: none;
  }
}
.c-prefers-reduced-motion .loading-animation-squares::before {
  animation: none;
}

.c-prefers-reduced-motion .loading-animation-squares::after {
  animation: loading-animation-circle 1s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  display: block;
  font-size: inherit;
  height: 1em;
  left: auto;
  -webkit-mask: conic-gradient(transparent 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  padding: 0.25em;
  position: relative;
  top: auto;
  transform: none;
  width: 1em;
}
@media (prefers-reduced-motion: reduce) {
  .c-prefers-reduced-motion .loading-animation-squares::after {
    animation: none;
  }
}
.c-prefers-reduced-motion .loading-animation-squares::after {
  animation: none;
}

@keyframes loading-animation-circle {
  100% {
    transform: rotate(360deg);
  }
}
.loading-animation {
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em;
}
.loading-animation::before {
  animation: loading-animation-circle 1s linear infinite;
  border-radius: 50%;
  box-shadow: -0.03125em -0.375em 0 0 currentColor;
  content: "";
  height: 0.25em;
  left: 50%;
  margin-left: -0.125em;
  margin-top: -0.125em;
  position: absolute;
  top: 50%;
  width: 0.25em;
}
@media (prefers-reduced-motion: reduce) {
  .loading-animation::before {
    animation: none;
  }
}
.loading-animation::before {
  animation: none;
}

.loading-animation::after {
  animation: loading-animation-circle 1s linear infinite;
  background-color: currentColor;
  border-radius: 50%;
  content: "";
  display: block;
  height: 1em;
  -webkit-mask: conic-gradient(transparent 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  padding: 0.25em;
  width: 1em;
}
@media (prefers-reduced-motion: reduce) {
  .loading-animation::after {
    animation: none;
  }
}
.loading-animation::after {
  animation: none;
}

@keyframes loading-animation-squares-box-1 {
  0% {
    left: 0;
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  25% {
    left: calc(100% - 1em);
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  50% {
    left: calc(100% - 1.5em);
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  75% {
    left: 0.5em;
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
}
@keyframes loading-animation-squares-box-2 {
  0% {
    left: calc(100% - 1.5em);
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  25% {
    left: 0.5em;
    opacity: 1;
    top: calc(100% - 1.5em);
    transform: scale(2);
  }
  50% {
    left: 0;
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
  75% {
    left: calc(100% - 1em);
    opacity: 0.4;
    top: 0;
    transform: scale(1);
  }
}
.loading-animation-squares {
  display: block;
  height: 1em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 1em;
}
.loading-animation-squares::before {
  animation: loading-animation-squares-box-1 2.4s ease-in-out infinite;
  background-color: currentColor;
  border-radius: 0.2em;
  content: "";
  display: block;
  font-size: 0.3125em;
  height: 1em;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  transform: scale(1);
  width: 1em;
}
@media (prefers-reduced-motion: reduce) {
  .loading-animation-squares::before {
    animation: none;
  }
}
.loading-animation-squares::before {
  animation: none;
}

.loading-animation-squares::after {
  animation: loading-animation-squares-box-2 2.4s ease-in-out infinite;
  background-color: currentColor;
  border-radius: 0.2em;
  content: "";
  display: block;
  font-size: 0.3125em;
  height: 1em;
  left: calc(100% - 1.5em);
  opacity: 1;
  position: absolute;
  top: calc(100% - 1.5em);
  transform: scale(2);
  width: 1em;
}
@media (prefers-reduced-motion: reduce) {
  .loading-animation-squares::after {
    animation: none;
  }
}
.loading-animation-squares::after {
  animation: none;
}

@media (prefers-reduced-motion: reduce) {
  .loading-animation-squares {
    display: block;
    height: 1em;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 1em;
  }
  .loading-animation-squares::before {
    animation: loading-animation-circle 1s linear infinite;
    background-color: transparent;
    border-radius: 50%;
    box-shadow: -0.03125em -0.375em 0 0 currentColor;
    content: "";
    display: block;
    font-size: inherit;
    height: 0.25em;
    left: 50%;
    margin-left: -0.125em;
    margin-top: -0.125em;
    opacity: inherit;
    position: absolute;
    top: 50%;
    transform: none;
    width: 0.25em;
  }
}
@media (prefers-reduced-motion: reduce) and (prefers-reduced-motion: reduce) {
  .loading-animation-squares::before {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .loading-animation-squares::before {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .loading-animation-squares::after {
    animation: loading-animation-circle 1s linear infinite;
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    display: block;
    font-size: inherit;
    height: 1em;
    left: auto;
    -webkit-mask: conic-gradient(transparent 10%, #000), linear-gradient(#000 0 0) content-box;
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    padding: 0.25em;
    position: relative;
    top: auto;
    transform: none;
    width: 1em;
  }
}
@media (prefers-reduced-motion: reduce) and (prefers-reduced-motion: reduce) {
  .loading-animation-squares::after {
    animation: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .loading-animation-squares::after {
    animation: none;
  }
}

.loading-animation-xs {
  font-size: 0.625rem;
}
.loading-animation-sm {
  font-size: 1rem;
}
.loading-animation-md {
  font-size: 2rem;
}
.loading-animation-lg {
  font-size: 4rem;
}
.loading-animation-primary {
  color: #0b5fff;
}
.loading-animation-secondary {
  color: #6b6c7e;
}
.loading-animation-light {
  color: #fff;
}
/* SPDX-SnippetBegin
 * SPDX-License-Identifier: MIT
 * SPDX-SnippetCopyrightText: © 2018 HTML5 Boilerplate <https://github.com/h5bp/main.css>
 */
@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: 0.0625rem solid #a7a9bc;
    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;
  }
}
@media print {
  @page {
    size: a3;
  }
}
@media print {
  body {
    min-width: 992px !important;
  }
}
@media print {
  .container {
    min-width: 992px !important;
  }
}
@media print {
  .navbar {
    display: none;
  }
}
@media print {
  .badge {
    border: 0.0625rem solid #000;
  }
}
@media print {
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
}
@media print {
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #e7e7ed !important;
  }
}
@media print {
  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: #e7e7ed;
  }
}
@media print {
  .table .thead-dark th {
    border-color: #e7e7ed;
    color: inherit;
  }
}
/* SPDX-SnippetEnd */
/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=1.9.32");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.9.32") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.9.32") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.9.32") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.9.32") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.9.32#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-access-point:before {
  content: "\F002";
}

.mdi-access-point-network:before {
  content: "\F003";
}

.mdi-account:before {
  content: "\F004";
}

.mdi-account-alert:before {
  content: "\F005";
}

.mdi-account-box:before {
  content: "\F006";
}

.mdi-account-box-outline:before {
  content: "\F007";
}

.mdi-account-card-details:before {
  content: "\F5D2";
}

.mdi-account-check:before {
  content: "\F008";
}

.mdi-account-circle:before {
  content: "\F009";
}

.mdi-account-convert:before {
  content: "\F00A";
}

.mdi-account-edit:before {
  content: "\F6BB";
}

.mdi-account-key:before {
  content: "\F00B";
}

.mdi-account-location:before {
  content: "\F00C";
}

.mdi-account-minus:before {
  content: "\F00D";
}

.mdi-account-multiple:before {
  content: "\F00E";
}

.mdi-account-multiple-minus:before {
  content: "\F5D3";
}

.mdi-account-multiple-outline:before {
  content: "\F00F";
}

.mdi-account-multiple-plus:before {
  content: "\F010";
}

.mdi-account-network:before {
  content: "\F011";
}

.mdi-account-off:before {
  content: "\F012";
}

.mdi-account-outline:before {
  content: "\F013";
}

.mdi-account-plus:before {
  content: "\F014";
}

.mdi-account-remove:before {
  content: "\F015";
}

.mdi-account-search:before {
  content: "\F016";
}

.mdi-account-settings:before {
  content: "\F630";
}

.mdi-account-settings-variant:before {
  content: "\F631";
}

.mdi-account-star:before {
  content: "\F017";
}

.mdi-account-switch:before {
  content: "\F019";
}

.mdi-adjust:before {
  content: "\F01A";
}

.mdi-air-conditioner:before {
  content: "\F01B";
}

.mdi-airballoon:before {
  content: "\F01C";
}

.mdi-airplane:before {
  content: "\F01D";
}

.mdi-airplane-landing:before {
  content: "\F5D4";
}

.mdi-airplane-off:before {
  content: "\F01E";
}

.mdi-airplane-takeoff:before {
  content: "\F5D5";
}

.mdi-airplay:before {
  content: "\F01F";
}

.mdi-alarm:before {
  content: "\F020";
}

.mdi-alarm-check:before {
  content: "\F021";
}

.mdi-alarm-multiple:before {
  content: "\F022";
}

.mdi-alarm-off:before {
  content: "\F023";
}

.mdi-alarm-plus:before {
  content: "\F024";
}

.mdi-alarm-snooze:before {
  content: "\F68D";
}

.mdi-album:before {
  content: "\F025";
}

.mdi-alert:before {
  content: "\F026";
}

.mdi-alert-box:before {
  content: "\F027";
}

.mdi-alert-circle:before {
  content: "\F028";
}

.mdi-alert-circle-outline:before {
  content: "\F5D6";
}

.mdi-alert-decagram:before {
  content: "\F6BC";
}

.mdi-alert-octagon:before {
  content: "\F029";
}

.mdi-alert-octagram:before {
  content: "\F766";
}

.mdi-alert-outline:before {
  content: "\F02A";
}

.mdi-all-inclusive:before {
  content: "\F6BD";
}

.mdi-alpha:before {
  content: "\F02B";
}

.mdi-alphabetical:before {
  content: "\F02C";
}

.mdi-altimeter:before {
  content: "\F5D7";
}

.mdi-amazon:before {
  content: "\F02D";
}

.mdi-amazon-clouddrive:before {
  content: "\F02E";
}

.mdi-ambulance:before {
  content: "\F02F";
}

.mdi-amplifier:before {
  content: "\F030";
}

.mdi-anchor:before {
  content: "\F031";
}

.mdi-android:before {
  content: "\F032";
}

.mdi-android-debug-bridge:before {
  content: "\F033";
}

.mdi-android-studio:before {
  content: "\F034";
}

.mdi-angular:before {
  content: "\F6B1";
}

.mdi-angularjs:before {
  content: "\F6BE";
}

.mdi-animation:before {
  content: "\F5D8";
}

.mdi-apple:before {
  content: "\F035";
}

.mdi-apple-finder:before {
  content: "\F036";
}

.mdi-apple-ios:before {
  content: "\F037";
}

.mdi-apple-keyboard-caps:before {
  content: "\F632";
}

.mdi-apple-keyboard-command:before {
  content: "\F633";
}

.mdi-apple-keyboard-control:before {
  content: "\F634";
}

.mdi-apple-keyboard-option:before {
  content: "\F635";
}

.mdi-apple-keyboard-shift:before {
  content: "\F636";
}

.mdi-apple-mobileme:before {
  content: "\F038";
}

.mdi-apple-safari:before {
  content: "\F039";
}

.mdi-application:before {
  content: "\F614";
}

.mdi-apps:before {
  content: "\F03B";
}

.mdi-archive:before {
  content: "\F03C";
}

.mdi-arrange-bring-forward:before {
  content: "\F03D";
}

.mdi-arrange-bring-to-front:before {
  content: "\F03E";
}

.mdi-arrange-send-backward:before {
  content: "\F03F";
}

.mdi-arrange-send-to-back:before {
  content: "\F040";
}

.mdi-arrow-all:before {
  content: "\F041";
}

.mdi-arrow-bottom-left:before {
  content: "\F042";
}

.mdi-arrow-bottom-right:before {
  content: "\F043";
}

.mdi-arrow-compress:before {
  content: "\F615";
}

.mdi-arrow-compress-all:before {
  content: "\F044";
}

.mdi-arrow-down:before {
  content: "\F045";
}

.mdi-arrow-down-bold:before {
  content: "\F72D";
}

.mdi-arrow-down-bold-box:before {
  content: "\F72E";
}

.mdi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}

.mdi-arrow-down-bold-circle:before {
  content: "\F047";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}

.mdi-arrow-down-box:before {
  content: "\F6BF";
}

.mdi-arrow-down-drop-circle:before {
  content: "\F04A";
}

.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}

.mdi-arrow-down-thick:before {
  content: "\F046";
}

.mdi-arrow-expand:before {
  content: "\F616";
}

.mdi-arrow-expand-all:before {
  content: "\F04C";
}

.mdi-arrow-left:before {
  content: "\F04D";
}

.mdi-arrow-left-bold:before {
  content: "\F730";
}

.mdi-arrow-left-bold-box:before {
  content: "\F731";
}

.mdi-arrow-left-bold-box-outline:before {
  content: "\F732";
}

.mdi-arrow-left-bold-circle:before {
  content: "\F04F";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}

.mdi-arrow-left-box:before {
  content: "\F6C0";
}

.mdi-arrow-left-drop-circle:before {
  content: "\F052";
}

.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}

.mdi-arrow-left-thick:before {
  content: "\F04E";
}

.mdi-arrow-right:before {
  content: "\F054";
}

.mdi-arrow-right-bold:before {
  content: "\F733";
}

.mdi-arrow-right-bold-box:before {
  content: "\F734";
}

.mdi-arrow-right-bold-box-outline:before {
  content: "\F735";
}

.mdi-arrow-right-bold-circle:before {
  content: "\F056";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}

.mdi-arrow-right-box:before {
  content: "\F6C1";
}

.mdi-arrow-right-drop-circle:before {
  content: "\F059";
}

.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}

.mdi-arrow-right-thick:before {
  content: "\F055";
}

.mdi-arrow-top-left:before {
  content: "\F05B";
}

.mdi-arrow-top-right:before {
  content: "\F05C";
}

.mdi-arrow-up:before {
  content: "\F05D";
}

.mdi-arrow-up-bold:before {
  content: "\F736";
}

.mdi-arrow-up-bold-box:before {
  content: "\F737";
}

.mdi-arrow-up-bold-box-outline:before {
  content: "\F738";
}

.mdi-arrow-up-bold-circle:before {
  content: "\F05F";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}

.mdi-arrow-up-box:before {
  content: "\F6C2";
}

.mdi-arrow-up-drop-circle:before {
  content: "\F062";
}

.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}

.mdi-arrow-up-thick:before {
  content: "\F05E";
}

.mdi-assistant:before {
  content: "\F064";
}

.mdi-asterisk:before {
  content: "\F6C3";
}

.mdi-at:before {
  content: "\F065";
}

.mdi-atom:before {
  content: "\F767";
}

.mdi-attachment:before {
  content: "\F066";
}

.mdi-audiobook:before {
  content: "\F067";
}

.mdi-auto-fix:before {
  content: "\F068";
}

.mdi-auto-upload:before {
  content: "\F069";
}

.mdi-autorenew:before {
  content: "\F06A";
}

.mdi-av-timer:before {
  content: "\F06B";
}

.mdi-baby:before {
  content: "\F06C";
}

.mdi-baby-buggy:before {
  content: "\F68E";
}

.mdi-backburger:before {
  content: "\F06D";
}

.mdi-backspace:before {
  content: "\F06E";
}

.mdi-backup-restore:before {
  content: "\F06F";
}

.mdi-bandcamp:before {
  content: "\F674";
}

.mdi-bank:before {
  content: "\F070";
}

.mdi-barcode:before {
  content: "\F071";
}

.mdi-barcode-scan:before {
  content: "\F072";
}

.mdi-barley:before {
  content: "\F073";
}

.mdi-barrel:before {
  content: "\F074";
}

.mdi-basecamp:before {
  content: "\F075";
}

.mdi-basket:before {
  content: "\F076";
}

.mdi-basket-fill:before {
  content: "\F077";
}

.mdi-basket-unfill:before {
  content: "\F078";
}

.mdi-battery:before {
  content: "\F079";
}

.mdi-battery-10:before {
  content: "\F07A";
}

.mdi-battery-20:before {
  content: "\F07B";
}

.mdi-battery-30:before {
  content: "\F07C";
}

.mdi-battery-40:before {
  content: "\F07D";
}

.mdi-battery-50:before {
  content: "\F07E";
}

.mdi-battery-60:before {
  content: "\F07F";
}

.mdi-battery-70:before {
  content: "\F080";
}

.mdi-battery-80:before {
  content: "\F081";
}

.mdi-battery-90:before {
  content: "\F082";
}

.mdi-battery-alert:before {
  content: "\F083";
}

.mdi-battery-charging:before {
  content: "\F084";
}

.mdi-battery-charging-100:before {
  content: "\F085";
}

.mdi-battery-charging-20:before {
  content: "\F086";
}

.mdi-battery-charging-30:before {
  content: "\F087";
}

.mdi-battery-charging-40:before {
  content: "\F088";
}

.mdi-battery-charging-60:before {
  content: "\F089";
}

.mdi-battery-charging-80:before {
  content: "\F08A";
}

.mdi-battery-charging-90:before {
  content: "\F08B";
}

.mdi-battery-minus:before {
  content: "\F08C";
}

.mdi-battery-negative:before {
  content: "\F08D";
}

.mdi-battery-outline:before {
  content: "\F08E";
}

.mdi-battery-plus:before {
  content: "\F08F";
}

.mdi-battery-positive:before {
  content: "\F090";
}

.mdi-battery-unknown:before {
  content: "\F091";
}

.mdi-beach:before {
  content: "\F092";
}

.mdi-beaker:before {
  content: "\F68F";
}

.mdi-beats:before {
  content: "\F097";
}

.mdi-beer:before {
  content: "\F098";
}

.mdi-behance:before {
  content: "\F099";
}

.mdi-bell:before {
  content: "\F09A";
}

.mdi-bell-off:before {
  content: "\F09B";
}

.mdi-bell-outline:before {
  content: "\F09C";
}

.mdi-bell-plus:before {
  content: "\F09D";
}

.mdi-bell-ring:before {
  content: "\F09E";
}

.mdi-bell-ring-outline:before {
  content: "\F09F";
}

.mdi-bell-sleep:before {
  content: "\F0A0";
}

.mdi-beta:before {
  content: "\F0A1";
}

.mdi-bible:before {
  content: "\F0A2";
}

.mdi-bike:before {
  content: "\F0A3";
}

.mdi-bing:before {
  content: "\F0A4";
}

.mdi-binoculars:before {
  content: "\F0A5";
}

.mdi-bio:before {
  content: "\F0A6";
}

.mdi-biohazard:before {
  content: "\F0A7";
}

.mdi-bitbucket:before {
  content: "\F0A8";
}

.mdi-black-mesa:before {
  content: "\F0A9";
}

.mdi-blackberry:before {
  content: "\F0AA";
}

.mdi-blender:before {
  content: "\F0AB";
}

.mdi-blinds:before {
  content: "\F0AC";
}

.mdi-block-helper:before {
  content: "\F0AD";
}

.mdi-blogger:before {
  content: "\F0AE";
}

.mdi-bluetooth:before {
  content: "\F0AF";
}

.mdi-bluetooth-audio:before {
  content: "\F0B0";
}

.mdi-bluetooth-connect:before {
  content: "\F0B1";
}

.mdi-bluetooth-off:before {
  content: "\F0B2";
}

.mdi-bluetooth-settings:before {
  content: "\F0B3";
}

.mdi-bluetooth-transfer:before {
  content: "\F0B4";
}

.mdi-blur:before {
  content: "\F0B5";
}

.mdi-blur-linear:before {
  content: "\F0B6";
}

.mdi-blur-off:before {
  content: "\F0B7";
}

.mdi-blur-radial:before {
  content: "\F0B8";
}

.mdi-bomb:before {
  content: "\F690";
}

.mdi-bomb-off:before {
  content: "\F6C4";
}

.mdi-bone:before {
  content: "\F0B9";
}

.mdi-book:before {
  content: "\F0BA";
}

.mdi-book-minus:before {
  content: "\F5D9";
}

.mdi-book-multiple:before {
  content: "\F0BB";
}

.mdi-book-multiple-variant:before {
  content: "\F0BC";
}

.mdi-book-open:before {
  content: "\F0BD";
}

.mdi-book-open-page-variant:before {
  content: "\F5DA";
}

.mdi-book-open-variant:before {
  content: "\F0BE";
}

.mdi-book-plus:before {
  content: "\F5DB";
}

.mdi-book-variant:before {
  content: "\F0BF";
}

.mdi-bookmark:before {
  content: "\F0C0";
}

.mdi-bookmark-check:before {
  content: "\F0C1";
}

.mdi-bookmark-music:before {
  content: "\F0C2";
}

.mdi-bookmark-outline:before {
  content: "\F0C3";
}

.mdi-bookmark-plus:before {
  content: "\F0C5";
}

.mdi-bookmark-plus-outline:before {
  content: "\F0C4";
}

.mdi-bookmark-remove:before {
  content: "\F0C6";
}

.mdi-boombox:before {
  content: "\F5DC";
}

.mdi-bootstrap:before {
  content: "\F6C5";
}

.mdi-border-all:before {
  content: "\F0C7";
}

.mdi-border-bottom:before {
  content: "\F0C8";
}

.mdi-border-color:before {
  content: "\F0C9";
}

.mdi-border-horizontal:before {
  content: "\F0CA";
}

.mdi-border-inside:before {
  content: "\F0CB";
}

.mdi-border-left:before {
  content: "\F0CC";
}

.mdi-border-none:before {
  content: "\F0CD";
}

.mdi-border-outside:before {
  content: "\F0CE";
}

.mdi-border-right:before {
  content: "\F0CF";
}

.mdi-border-style:before {
  content: "\F0D0";
}

.mdi-border-top:before {
  content: "\F0D1";
}

.mdi-border-vertical:before {
  content: "\F0D2";
}

.mdi-bow-tie:before {
  content: "\F677";
}

.mdi-bowl:before {
  content: "\F617";
}

.mdi-bowling:before {
  content: "\F0D3";
}

.mdi-box:before {
  content: "\F0D4";
}

.mdi-box-cutter:before {
  content: "\F0D5";
}

.mdi-box-shadow:before {
  content: "\F637";
}

.mdi-bridge:before {
  content: "\F618";
}

.mdi-briefcase:before {
  content: "\F0D6";
}

.mdi-briefcase-check:before {
  content: "\F0D7";
}

.mdi-briefcase-download:before {
  content: "\F0D8";
}

.mdi-briefcase-upload:before {
  content: "\F0D9";
}

.mdi-brightness-1:before {
  content: "\F0DA";
}

.mdi-brightness-2:before {
  content: "\F0DB";
}

.mdi-brightness-3:before {
  content: "\F0DC";
}

.mdi-brightness-4:before {
  content: "\F0DD";
}

.mdi-brightness-5:before {
  content: "\F0DE";
}

.mdi-brightness-6:before {
  content: "\F0DF";
}

.mdi-brightness-7:before {
  content: "\F0E0";
}

.mdi-brightness-auto:before {
  content: "\F0E1";
}

.mdi-broom:before {
  content: "\F0E2";
}

.mdi-brush:before {
  content: "\F0E3";
}

.mdi-buffer:before {
  content: "\F619";
}

.mdi-bug:before {
  content: "\F0E4";
}

.mdi-bulletin-board:before {
  content: "\F0E5";
}

.mdi-bullhorn:before {
  content: "\F0E6";
}

.mdi-bullseye:before {
  content: "\F5DD";
}

.mdi-burst-mode:before {
  content: "\F5DE";
}

.mdi-bus:before {
  content: "\F0E7";
}

.mdi-cached:before {
  content: "\F0E8";
}

.mdi-cake:before {
  content: "\F0E9";
}

.mdi-cake-layered:before {
  content: "\F0EA";
}

.mdi-cake-variant:before {
  content: "\F0EB";
}

.mdi-calculator:before {
  content: "\F0EC";
}

.mdi-calendar:before {
  content: "\F0ED";
}

.mdi-calendar-blank:before {
  content: "\F0EE";
}

.mdi-calendar-check:before {
  content: "\F0EF";
}

.mdi-calendar-clock:before {
  content: "\F0F0";
}

.mdi-calendar-multiple:before {
  content: "\F0F1";
}

.mdi-calendar-multiple-check:before {
  content: "\F0F2";
}

.mdi-calendar-plus:before {
  content: "\F0F3";
}

.mdi-calendar-question:before {
  content: "\F691";
}

.mdi-calendar-range:before {
  content: "\F678";
}

.mdi-calendar-remove:before {
  content: "\F0F4";
}

.mdi-calendar-text:before {
  content: "\F0F5";
}

.mdi-calendar-today:before {
  content: "\F0F6";
}

.mdi-call-made:before {
  content: "\F0F7";
}

.mdi-call-merge:before {
  content: "\F0F8";
}

.mdi-call-missed:before {
  content: "\F0F9";
}

.mdi-call-received:before {
  content: "\F0FA";
}

.mdi-call-split:before {
  content: "\F0FB";
}

.mdi-camcorder:before {
  content: "\F0FC";
}

.mdi-camcorder-box:before {
  content: "\F0FD";
}

.mdi-camcorder-box-off:before {
  content: "\F0FE";
}

.mdi-camcorder-off:before {
  content: "\F0FF";
}

.mdi-camera:before {
  content: "\F100";
}

.mdi-camera-burst:before {
  content: "\F692";
}

.mdi-camera-enhance:before {
  content: "\F101";
}

.mdi-camera-front:before {
  content: "\F102";
}

.mdi-camera-front-variant:before {
  content: "\F103";
}

.mdi-camera-iris:before {
  content: "\F104";
}

.mdi-camera-off:before {
  content: "\F5DF";
}

.mdi-camera-party-mode:before {
  content: "\F105";
}

.mdi-camera-rear:before {
  content: "\F106";
}

.mdi-camera-rear-variant:before {
  content: "\F107";
}

.mdi-camera-switch:before {
  content: "\F108";
}

.mdi-camera-timer:before {
  content: "\F109";
}

.mdi-cancel:before {
  content: "\F739";
}

.mdi-candle:before {
  content: "\F5E2";
}

.mdi-candycane:before {
  content: "\F10A";
}

.mdi-car:before {
  content: "\F10B";
}

.mdi-car-battery:before {
  content: "\F10C";
}

.mdi-car-connected:before {
  content: "\F10D";
}

.mdi-car-wash:before {
  content: "\F10E";
}

.mdi-cards:before {
  content: "\F638";
}

.mdi-cards-outline:before {
  content: "\F639";
}

.mdi-cards-playing-outline:before {
  content: "\F63A";
}

.mdi-cards-variant:before {
  content: "\F6C6";
}

.mdi-carrot:before {
  content: "\F10F";
}

.mdi-cart:before {
  content: "\F110";
}

.mdi-cart-off:before {
  content: "\F66B";
}

.mdi-cart-outline:before {
  content: "\F111";
}

.mdi-cart-plus:before {
  content: "\F112";
}

.mdi-case-sensitive-alt:before {
  content: "\F113";
}

.mdi-cash:before {
  content: "\F114";
}

.mdi-cash-100:before {
  content: "\F115";
}

.mdi-cash-multiple:before {
  content: "\F116";
}

.mdi-cash-usd:before {
  content: "\F117";
}

.mdi-cast:before {
  content: "\F118";
}

.mdi-cast-connected:before {
  content: "\F119";
}

.mdi-cast-off:before {
  content: "\F789";
}

.mdi-castle:before {
  content: "\F11A";
}

.mdi-cat:before {
  content: "\F11B";
}

.mdi-ceiling-light:before {
  content: "\F768";
}

.mdi-cellphone:before {
  content: "\F11C";
}

.mdi-cellphone-android:before {
  content: "\F11D";
}

.mdi-cellphone-basic:before {
  content: "\F11E";
}

.mdi-cellphone-dock:before {
  content: "\F11F";
}

.mdi-cellphone-iphone:before {
  content: "\F120";
}

.mdi-cellphone-link:before {
  content: "\F121";
}

.mdi-cellphone-link-off:before {
  content: "\F122";
}

.mdi-cellphone-settings:before {
  content: "\F123";
}

.mdi-certificate:before {
  content: "\F124";
}

.mdi-chair-school:before {
  content: "\F125";
}

.mdi-chart-arc:before {
  content: "\F126";
}

.mdi-chart-areaspline:before {
  content: "\F127";
}

.mdi-chart-bar:before {
  content: "\F128";
}

.mdi-chart-bar-stacked:before {
  content: "\F769";
}

.mdi-chart-bubble:before {
  content: "\F5E3";
}

.mdi-chart-gantt:before {
  content: "\F66C";
}

.mdi-chart-histogram:before {
  content: "\F129";
}

.mdi-chart-line:before {
  content: "\F12A";
}

.mdi-chart-line-stacked:before {
  content: "\F76A";
}

.mdi-chart-pie:before {
  content: "\F12B";
}

.mdi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}

.mdi-chart-timeline:before {
  content: "\F66E";
}

.mdi-check:before {
  content: "\F12C";
}

.mdi-check-all:before {
  content: "\F12D";
}

.mdi-check-circle:before {
  content: "\F5E0";
}

.mdi-check-circle-outline:before {
  content: "\F5E1";
}

.mdi-checkbox-blank:before {
  content: "\F12E";
}

.mdi-checkbox-blank-circle:before {
  content: "\F12F";
}

.mdi-checkbox-blank-circle-outline:before {
  content: "\F130";
}

.mdi-checkbox-blank-outline:before {
  content: "\F131";
}

.mdi-checkbox-marked:before {
  content: "\F132";
}

.mdi-checkbox-marked-circle:before {
  content: "\F133";
}

.mdi-checkbox-marked-circle-outline:before {
  content: "\F134";
}

.mdi-checkbox-marked-outline:before {
  content: "\F135";
}

.mdi-checkbox-multiple-blank:before {
  content: "\F136";
}

.mdi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}

.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}

.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}

.mdi-checkbox-multiple-marked:before {
  content: "\F138";
}

.mdi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}

.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}

.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}

.mdi-checkerboard:before {
  content: "\F13A";
}

.mdi-chemical-weapon:before {
  content: "\F13B";
}

.mdi-chevron-double-down:before {
  content: "\F13C";
}

.mdi-chevron-double-left:before {
  content: "\F13D";
}

.mdi-chevron-double-right:before {
  content: "\F13E";
}

.mdi-chevron-double-up:before {
  content: "\F13F";
}

.mdi-chevron-down:before {
  content: "\F140";
}

.mdi-chevron-left:before {
  content: "\F141";
}

.mdi-chevron-right:before {
  content: "\F142";
}

.mdi-chevron-up:before {
  content: "\F143";
}

.mdi-chip:before {
  content: "\F61A";
}

.mdi-church:before {
  content: "\F144";
}

.mdi-circle:before {
  content: "\F764";
}

.mdi-circle-outline:before {
  content: "\F765";
}

.mdi-cisco-webex:before {
  content: "\F145";
}

.mdi-city:before {
  content: "\F146";
}

.mdi-clipboard:before {
  content: "\F147";
}

.mdi-clipboard-account:before {
  content: "\F148";
}

.mdi-clipboard-alert:before {
  content: "\F149";
}

.mdi-clipboard-arrow-down:before {
  content: "\F14A";
}

.mdi-clipboard-arrow-left:before {
  content: "\F14B";
}

.mdi-clipboard-check:before {
  content: "\F14C";
}

.mdi-clipboard-flow:before {
  content: "\F6C7";
}

.mdi-clipboard-outline:before {
  content: "\F14D";
}

.mdi-clipboard-plus:before {
  content: "\F750";
}

.mdi-clipboard-text:before {
  content: "\F14E";
}

.mdi-clippy:before {
  content: "\F14F";
}

.mdi-clock:before {
  content: "\F150";
}

.mdi-clock-alert:before {
  content: "\F5CE";
}

.mdi-clock-end:before {
  content: "\F151";
}

.mdi-clock-fast:before {
  content: "\F152";
}

.mdi-clock-in:before {
  content: "\F153";
}

.mdi-clock-out:before {
  content: "\F154";
}

.mdi-clock-start:before {
  content: "\F155";
}

.mdi-close:before {
  content: "\F156";
}

.mdi-close-box:before {
  content: "\F157";
}

.mdi-close-box-outline:before {
  content: "\F158";
}

.mdi-close-circle:before {
  content: "\F159";
}

.mdi-close-circle-outline:before {
  content: "\F15A";
}

.mdi-close-network:before {
  content: "\F15B";
}

.mdi-close-octagon:before {
  content: "\F15C";
}

.mdi-close-octagon-outline:before {
  content: "\F15D";
}

.mdi-close-outline:before {
  content: "\F6C8";
}

.mdi-closed-caption:before {
  content: "\F15E";
}

.mdi-cloud:before {
  content: "\F15F";
}

.mdi-cloud-check:before {
  content: "\F160";
}

.mdi-cloud-circle:before {
  content: "\F161";
}

.mdi-cloud-download:before {
  content: "\F162";
}

.mdi-cloud-off-outline:before {
  content: "\F164";
}

.mdi-cloud-outline:before {
  content: "\F163";
}

.mdi-cloud-print:before {
  content: "\F165";
}

.mdi-cloud-print-outline:before {
  content: "\F166";
}

.mdi-cloud-sync:before {
  content: "\F63F";
}

.mdi-cloud-upload:before {
  content: "\F167";
}

.mdi-code-array:before {
  content: "\F168";
}

.mdi-code-braces:before {
  content: "\F169";
}

.mdi-code-brackets:before {
  content: "\F16A";
}

.mdi-code-equal:before {
  content: "\F16B";
}

.mdi-code-greater-than:before {
  content: "\F16C";
}

.mdi-code-greater-than-or-equal:before {
  content: "\F16D";
}

.mdi-code-less-than:before {
  content: "\F16E";
}

.mdi-code-less-than-or-equal:before {
  content: "\F16F";
}

.mdi-code-not-equal:before {
  content: "\F170";
}

.mdi-code-not-equal-variant:before {
  content: "\F171";
}

.mdi-code-parentheses:before {
  content: "\F172";
}

.mdi-code-string:before {
  content: "\F173";
}

.mdi-code-tags:before {
  content: "\F174";
}

.mdi-code-tags-check:before {
  content: "\F693";
}

.mdi-codepen:before {
  content: "\F175";
}

.mdi-coffee:before {
  content: "\F176";
}

.mdi-coffee-outline:before {
  content: "\F6C9";
}

.mdi-coffee-to-go:before {
  content: "\F177";
}

.mdi-coin:before {
  content: "\F178";
}

.mdi-coins:before {
  content: "\F694";
}

.mdi-collage:before {
  content: "\F640";
}

.mdi-color-helper:before {
  content: "\F179";
}

.mdi-comment:before {
  content: "\F17A";
}

.mdi-comment-account:before {
  content: "\F17B";
}

.mdi-comment-account-outline:before {
  content: "\F17C";
}

.mdi-comment-alert:before {
  content: "\F17D";
}

.mdi-comment-alert-outline:before {
  content: "\F17E";
}

.mdi-comment-check:before {
  content: "\F17F";
}

.mdi-comment-check-outline:before {
  content: "\F180";
}

.mdi-comment-multiple-outline:before {
  content: "\F181";
}

.mdi-comment-outline:before {
  content: "\F182";
}

.mdi-comment-plus-outline:before {
  content: "\F183";
}

.mdi-comment-processing:before {
  content: "\F184";
}

.mdi-comment-processing-outline:before {
  content: "\F185";
}

.mdi-comment-question-outline:before {
  content: "\F186";
}

.mdi-comment-remove-outline:before {
  content: "\F187";
}

.mdi-comment-text:before {
  content: "\F188";
}

.mdi-comment-text-outline:before {
  content: "\F189";
}

.mdi-compare:before {
  content: "\F18A";
}

.mdi-compass:before {
  content: "\F18B";
}

.mdi-compass-outline:before {
  content: "\F18C";
}

.mdi-console:before {
  content: "\F18D";
}

.mdi-contact-mail:before {
  content: "\F18E";
}

.mdi-contacts:before {
  content: "\F6CA";
}

.mdi-content-copy:before {
  content: "\F18F";
}

.mdi-content-cut:before {
  content: "\F190";
}

.mdi-content-duplicate:before {
  content: "\F191";
}

.mdi-content-paste:before {
  content: "\F192";
}

.mdi-content-save:before {
  content: "\F193";
}

.mdi-content-save-all:before {
  content: "\F194";
}

.mdi-content-save-settings:before {
  content: "\F61B";
}

.mdi-contrast:before {
  content: "\F195";
}

.mdi-contrast-box:before {
  content: "\F196";
}

.mdi-contrast-circle:before {
  content: "\F197";
}

.mdi-cookie:before {
  content: "\F198";
}

.mdi-copyright:before {
  content: "\F5E6";
}

.mdi-counter:before {
  content: "\F199";
}

.mdi-cow:before {
  content: "\F19A";
}

.mdi-creation:before {
  content: "\F1C9";
}

.mdi-credit-card:before {
  content: "\F19B";
}

.mdi-credit-card-multiple:before {
  content: "\F19C";
}

.mdi-credit-card-off:before {
  content: "\F5E4";
}

.mdi-credit-card-plus:before {
  content: "\F675";
}

.mdi-credit-card-scan:before {
  content: "\F19D";
}

.mdi-crop:before {
  content: "\F19E";
}

.mdi-crop-free:before {
  content: "\F19F";
}

.mdi-crop-landscape:before {
  content: "\F1A0";
}

.mdi-crop-portrait:before {
  content: "\F1A1";
}

.mdi-crop-rotate:before {
  content: "\F695";
}

.mdi-crop-square:before {
  content: "\F1A2";
}

.mdi-crosshairs:before {
  content: "\F1A3";
}

.mdi-crosshairs-gps:before {
  content: "\F1A4";
}

.mdi-crown:before {
  content: "\F1A5";
}

.mdi-cube:before {
  content: "\F1A6";
}

.mdi-cube-outline:before {
  content: "\F1A7";
}

.mdi-cube-send:before {
  content: "\F1A8";
}

.mdi-cube-unfolded:before {
  content: "\F1A9";
}

.mdi-cup:before {
  content: "\F1AA";
}

.mdi-cup-off:before {
  content: "\F5E5";
}

.mdi-cup-water:before {
  content: "\F1AB";
}

.mdi-currency-btc:before {
  content: "\F1AC";
}

.mdi-currency-eur:before {
  content: "\F1AD";
}

.mdi-currency-gbp:before {
  content: "\F1AE";
}

.mdi-currency-inr:before {
  content: "\F1AF";
}

.mdi-currency-ngn:before {
  content: "\F1B0";
}

.mdi-currency-rub:before {
  content: "\F1B1";
}

.mdi-currency-try:before {
  content: "\F1B2";
}

.mdi-currency-usd:before {
  content: "\F1B3";
}

.mdi-currency-usd-off:before {
  content: "\F679";
}

.mdi-cursor-default:before {
  content: "\F1B4";
}

.mdi-cursor-default-outline:before {
  content: "\F1B5";
}

.mdi-cursor-move:before {
  content: "\F1B6";
}

.mdi-cursor-pointer:before {
  content: "\F1B7";
}

.mdi-cursor-text:before {
  content: "\F5E7";
}

.mdi-database:before {
  content: "\F1B8";
}

.mdi-database-minus:before {
  content: "\F1B9";
}

.mdi-database-plus:before {
  content: "\F1BA";
}

.mdi-debug-step-into:before {
  content: "\F1BB";
}

.mdi-debug-step-out:before {
  content: "\F1BC";
}

.mdi-debug-step-over:before {
  content: "\F1BD";
}

.mdi-decagram:before {
  content: "\F76B";
}

.mdi-decagram-outline:before {
  content: "\F76C";
}

.mdi-decimal-decrease:before {
  content: "\F1BE";
}

.mdi-decimal-increase:before {
  content: "\F1BF";
}

.mdi-delete:before {
  content: "\F1C0";
}

.mdi-delete-circle:before {
  content: "\F682";
}

.mdi-delete-empty:before {
  content: "\F6CB";
}

.mdi-delete-forever:before {
  content: "\F5E8";
}

.mdi-delete-sweep:before {
  content: "\F5E9";
}

.mdi-delete-variant:before {
  content: "\F1C1";
}

.mdi-delta:before {
  content: "\F1C2";
}

.mdi-deskphone:before {
  content: "\F1C3";
}

.mdi-desktop-mac:before {
  content: "\F1C4";
}

.mdi-desktop-tower:before {
  content: "\F1C5";
}

.mdi-details:before {
  content: "\F1C6";
}

.mdi-developer-board:before {
  content: "\F696";
}

.mdi-deviantart:before {
  content: "\F1C7";
}

.mdi-dialpad:before {
  content: "\F61C";
}

.mdi-diamond:before {
  content: "\F1C8";
}

.mdi-dice-1:before {
  content: "\F1CA";
}

.mdi-dice-2:before {
  content: "\F1CB";
}

.mdi-dice-3:before {
  content: "\F1CC";
}

.mdi-dice-4:before {
  content: "\F1CD";
}

.mdi-dice-5:before {
  content: "\F1CE";
}

.mdi-dice-6:before {
  content: "\F1CF";
}

.mdi-dice-d10:before {
  content: "\F76E";
}

.mdi-dice-d20:before {
  content: "\F5EA";
}

.mdi-dice-d4:before {
  content: "\F5EB";
}

.mdi-dice-d6:before {
  content: "\F5EC";
}

.mdi-dice-d8:before {
  content: "\F5ED";
}

.mdi-dice-multiple:before {
  content: "\F76D";
}

.mdi-dictionary:before {
  content: "\F61D";
}

.mdi-directions:before {
  content: "\F1D0";
}

.mdi-directions-fork:before {
  content: "\F641";
}

.mdi-discord:before {
  content: "\F66F";
}

.mdi-disk:before {
  content: "\F5EE";
}

.mdi-disk-alert:before {
  content: "\F1D1";
}

.mdi-disqus:before {
  content: "\F1D2";
}

.mdi-disqus-outline:before {
  content: "\F1D3";
}

.mdi-division:before {
  content: "\F1D4";
}

.mdi-division-box:before {
  content: "\F1D5";
}

.mdi-dna:before {
  content: "\F683";
}

.mdi-dns:before {
  content: "\F1D6";
}

.mdi-do-not-disturb:before {
  content: "\F697";
}

.mdi-do-not-disturb-off:before {
  content: "\F698";
}

.mdi-dolby:before {
  content: "\F6B2";
}

.mdi-domain:before {
  content: "\F1D7";
}

.mdi-dots-horizontal:before {
  content: "\F1D8";
}

.mdi-dots-vertical:before {
  content: "\F1D9";
}

.mdi-douban:before {
  content: "\F699";
}

.mdi-download:before {
  content: "\F1DA";
}

.mdi-download-network:before {
  content: "\F6F3";
}

.mdi-drag:before {
  content: "\F1DB";
}

.mdi-drag-horizontal:before {
  content: "\F1DC";
}

.mdi-drag-vertical:before {
  content: "\F1DD";
}

.mdi-drawing:before {
  content: "\F1DE";
}

.mdi-drawing-box:before {
  content: "\F1DF";
}

.mdi-dribbble:before {
  content: "\F1E0";
}

.mdi-dribbble-box:before {
  content: "\F1E1";
}

.mdi-drone:before {
  content: "\F1E2";
}

.mdi-dropbox:before {
  content: "\F1E3";
}

.mdi-drupal:before {
  content: "\F1E4";
}

.mdi-duck:before {
  content: "\F1E5";
}

.mdi-dumbbell:before {
  content: "\F1E6";
}

.mdi-earth:before {
  content: "\F1E7";
}

.mdi-earth-box:before {
  content: "\F6CC";
}

.mdi-earth-box-off:before {
  content: "\F6CD";
}

.mdi-earth-off:before {
  content: "\F1E8";
}

.mdi-edge:before {
  content: "\F1E9";
}

.mdi-eject:before {
  content: "\F1EA";
}

.mdi-elevation-decline:before {
  content: "\F1EB";
}

.mdi-elevation-rise:before {
  content: "\F1EC";
}

.mdi-elevator:before {
  content: "\F1ED";
}

.mdi-email:before {
  content: "\F1EE";
}

.mdi-email-alert:before {
  content: "\F6CE";
}

.mdi-email-open:before {
  content: "\F1EF";
}

.mdi-email-open-outline:before {
  content: "\F5EF";
}

.mdi-email-outline:before {
  content: "\F1F0";
}

.mdi-email-secure:before {
  content: "\F1F1";
}

.mdi-email-variant:before {
  content: "\F5F0";
}

.mdi-emby:before {
  content: "\F6B3";
}

.mdi-emoticon:before {
  content: "\F1F2";
}

.mdi-emoticon-cool:before {
  content: "\F1F3";
}

.mdi-emoticon-dead:before {
  content: "\F69A";
}

.mdi-emoticon-devil:before {
  content: "\F1F4";
}

.mdi-emoticon-excited:before {
  content: "\F69B";
}

.mdi-emoticon-happy:before {
  content: "\F1F5";
}

.mdi-emoticon-neutral:before {
  content: "\F1F6";
}

.mdi-emoticon-poop:before {
  content: "\F1F7";
}

.mdi-emoticon-sad:before {
  content: "\F1F8";
}

.mdi-emoticon-tongue:before {
  content: "\F1F9";
}

.mdi-engine:before {
  content: "\F1FA";
}

.mdi-engine-outline:before {
  content: "\F1FB";
}

.mdi-equal:before {
  content: "\F1FC";
}

.mdi-equal-box:before {
  content: "\F1FD";
}

.mdi-eraser:before {
  content: "\F1FE";
}

.mdi-eraser-variant:before {
  content: "\F642";
}

.mdi-escalator:before {
  content: "\F1FF";
}

.mdi-ethernet:before {
  content: "\F200";
}

.mdi-ethernet-cable:before {
  content: "\F201";
}

.mdi-ethernet-cable-off:before {
  content: "\F202";
}

.mdi-etsy:before {
  content: "\F203";
}

.mdi-ev-station:before {
  content: "\F5F1";
}

.mdi-evernote:before {
  content: "\F204";
}

.mdi-exclamation:before {
  content: "\F205";
}

.mdi-exit-to-app:before {
  content: "\F206";
}

.mdi-export:before {
  content: "\F207";
}

.mdi-eye:before {
  content: "\F208";
}

.mdi-eye-off:before {
  content: "\F209";
}

.mdi-eye-off-outline:before {
  content: "\F6D0";
}

.mdi-eye-outline:before {
  content: "\F6CF";
}

.mdi-eyedropper:before {
  content: "\F20A";
}

.mdi-eyedropper-variant:before {
  content: "\F20B";
}

.mdi-face:before {
  content: "\F643";
}

.mdi-face-profile:before {
  content: "\F644";
}

.mdi-facebook:before {
  content: "\F20C";
}

.mdi-facebook-box:before {
  content: "\F20D";
}

.mdi-facebook-messenger:before {
  content: "\F20E";
}

.mdi-factory:before {
  content: "\F20F";
}

.mdi-fan:before {
  content: "\F210";
}

.mdi-fast-forward:before {
  content: "\F211";
}

.mdi-fast-forward-outline:before {
  content: "\F6D1";
}

.mdi-fax:before {
  content: "\F212";
}

.mdi-feather:before {
  content: "\F6D2";
}

.mdi-ferry:before {
  content: "\F213";
}

.mdi-file:before {
  content: "\F214";
}

.mdi-file-account:before {
  content: "\F73A";
}

.mdi-file-chart:before {
  content: "\F215";
}

.mdi-file-check:before {
  content: "\F216";
}

.mdi-file-cloud:before {
  content: "\F217";
}

.mdi-file-delimited:before {
  content: "\F218";
}

.mdi-file-document:before {
  content: "\F219";
}

.mdi-file-document-box:before {
  content: "\F21A";
}

.mdi-file-excel:before {
  content: "\F21B";
}

.mdi-file-excel-box:before {
  content: "\F21C";
}

.mdi-file-export:before {
  content: "\F21D";
}

.mdi-file-find:before {
  content: "\F21E";
}

.mdi-file-hidden:before {
  content: "\F613";
}

.mdi-file-image:before {
  content: "\F21F";
}

.mdi-file-import:before {
  content: "\F220";
}

.mdi-file-lock:before {
  content: "\F221";
}

.mdi-file-multiple:before {
  content: "\F222";
}

.mdi-file-music:before {
  content: "\F223";
}

.mdi-file-outline:before {
  content: "\F224";
}

.mdi-file-pdf:before {
  content: "\F225";
}

.mdi-file-pdf-box:before {
  content: "\F226";
}

.mdi-file-plus:before {
  content: "\F751";
}

.mdi-file-powerpoint:before {
  content: "\F227";
}

.mdi-file-powerpoint-box:before {
  content: "\F228";
}

.mdi-file-presentation-box:before {
  content: "\F229";
}

.mdi-file-restore:before {
  content: "\F670";
}

.mdi-file-send:before {
  content: "\F22A";
}

.mdi-file-tree:before {
  content: "\F645";
}

.mdi-file-video:before {
  content: "\F22B";
}

.mdi-file-word:before {
  content: "\F22C";
}

.mdi-file-word-box:before {
  content: "\F22D";
}

.mdi-file-xml:before {
  content: "\F22E";
}

.mdi-film:before {
  content: "\F22F";
}

.mdi-filmstrip:before {
  content: "\F230";
}

.mdi-filmstrip-off:before {
  content: "\F231";
}

.mdi-filter:before {
  content: "\F232";
}

.mdi-filter-outline:before {
  content: "\F233";
}

.mdi-filter-remove:before {
  content: "\F234";
}

.mdi-filter-remove-outline:before {
  content: "\F235";
}

.mdi-filter-variant:before {
  content: "\F236";
}

.mdi-find-replace:before {
  content: "\F6D3";
}

.mdi-fingerprint:before {
  content: "\F237";
}

.mdi-fire:before {
  content: "\F238";
}

.mdi-firefox:before {
  content: "\F239";
}

.mdi-fish:before {
  content: "\F23A";
}

.mdi-flag:before {
  content: "\F23B";
}

.mdi-flag-checkered:before {
  content: "\F23C";
}

.mdi-flag-outline:before {
  content: "\F23D";
}

.mdi-flag-outline-variant:before {
  content: "\F23E";
}

.mdi-flag-triangle:before {
  content: "\F23F";
}

.mdi-flag-variant:before {
  content: "\F240";
}

.mdi-flash:before {
  content: "\F241";
}

.mdi-flash-auto:before {
  content: "\F242";
}

.mdi-flash-off:before {
  content: "\F243";
}

.mdi-flash-outline:before {
  content: "\F6D4";
}

.mdi-flash-red-eye:before {
  content: "\F67A";
}

.mdi-flashlight:before {
  content: "\F244";
}

.mdi-flashlight-off:before {
  content: "\F245";
}

.mdi-flask:before {
  content: "\F093";
}

.mdi-flask-empty:before {
  content: "\F094";
}

.mdi-flask-empty-outline:before {
  content: "\F095";
}

.mdi-flask-outline:before {
  content: "\F096";
}

.mdi-flattr:before {
  content: "\F246";
}

.mdi-flip-to-back:before {
  content: "\F247";
}

.mdi-flip-to-front:before {
  content: "\F248";
}

.mdi-floppy:before {
  content: "\F249";
}

.mdi-flower:before {
  content: "\F24A";
}

.mdi-folder:before {
  content: "\F24B";
}

.mdi-folder-account:before {
  content: "\F24C";
}

.mdi-folder-download:before {
  content: "\F24D";
}

.mdi-folder-google-drive:before {
  content: "\F24E";
}

.mdi-folder-image:before {
  content: "\F24F";
}

.mdi-folder-lock:before {
  content: "\F250";
}

.mdi-folder-lock-open:before {
  content: "\F251";
}

.mdi-folder-move:before {
  content: "\F252";
}

.mdi-folder-multiple:before {
  content: "\F253";
}

.mdi-folder-multiple-image:before {
  content: "\F254";
}

.mdi-folder-multiple-outline:before {
  content: "\F255";
}

.mdi-folder-open:before {
  content: "\F76F";
}

.mdi-folder-outline:before {
  content: "\F256";
}

.mdi-folder-plus:before {
  content: "\F257";
}

.mdi-folder-remove:before {
  content: "\F258";
}

.mdi-folder-star:before {
  content: "\F69C";
}

.mdi-folder-upload:before {
  content: "\F259";
}

.mdi-font-awesome:before {
  content: "\F03A";
}

.mdi-food:before {
  content: "\F25A";
}

.mdi-food-apple:before {
  content: "\F25B";
}

.mdi-food-fork-drink:before {
  content: "\F5F2";
}

.mdi-food-off:before {
  content: "\F5F3";
}

.mdi-food-variant:before {
  content: "\F25C";
}

.mdi-football:before {
  content: "\F25D";
}

.mdi-football-australian:before {
  content: "\F25E";
}

.mdi-football-helmet:before {
  content: "\F25F";
}

.mdi-format-align-bottom:before {
  content: "\F752";
}

.mdi-format-align-center:before {
  content: "\F260";
}

.mdi-format-align-justify:before {
  content: "\F261";
}

.mdi-format-align-left:before {
  content: "\F262";
}

.mdi-format-align-middle:before {
  content: "\F753";
}

.mdi-format-align-right:before {
  content: "\F263";
}

.mdi-format-align-top:before {
  content: "\F754";
}

.mdi-format-annotation-plus:before {
  content: "\F646";
}

.mdi-format-bold:before {
  content: "\F264";
}

.mdi-format-clear:before {
  content: "\F265";
}

.mdi-format-color-fill:before {
  content: "\F266";
}

.mdi-format-color-text:before {
  content: "\F69D";
}

.mdi-format-float-center:before {
  content: "\F267";
}

.mdi-format-float-left:before {
  content: "\F268";
}

.mdi-format-float-none:before {
  content: "\F269";
}

.mdi-format-float-right:before {
  content: "\F26A";
}

.mdi-format-font:before {
  content: "\F6D5";
}

.mdi-format-header-1:before {
  content: "\F26B";
}

.mdi-format-header-2:before {
  content: "\F26C";
}

.mdi-format-header-3:before {
  content: "\F26D";
}

.mdi-format-header-4:before {
  content: "\F26E";
}

.mdi-format-header-5:before {
  content: "\F26F";
}

.mdi-format-header-6:before {
  content: "\F270";
}

.mdi-format-header-decrease:before {
  content: "\F271";
}

.mdi-format-header-equal:before {
  content: "\F272";
}

.mdi-format-header-increase:before {
  content: "\F273";
}

.mdi-format-header-pound:before {
  content: "\F274";
}

.mdi-format-horizontal-align-center:before {
  content: "\F61E";
}

.mdi-format-horizontal-align-left:before {
  content: "\F61F";
}

.mdi-format-horizontal-align-right:before {
  content: "\F620";
}

.mdi-format-indent-decrease:before {
  content: "\F275";
}

.mdi-format-indent-increase:before {
  content: "\F276";
}

.mdi-format-italic:before {
  content: "\F277";
}

.mdi-format-line-spacing:before {
  content: "\F278";
}

.mdi-format-line-style:before {
  content: "\F5C8";
}

.mdi-format-line-weight:before {
  content: "\F5C9";
}

.mdi-format-list-bulleted:before {
  content: "\F279";
}

.mdi-format-list-bulleted-type:before {
  content: "\F27A";
}

.mdi-format-list-checks:before {
  content: "\F755";
}

.mdi-format-list-numbers:before {
  content: "\F27B";
}

.mdi-format-page-break:before {
  content: "\F6D6";
}

.mdi-format-paint:before {
  content: "\F27C";
}

.mdi-format-paragraph:before {
  content: "\F27D";
}

.mdi-format-pilcrow:before {
  content: "\F6D7";
}

.mdi-format-quote-close:before {
  content: "\F27E";
}

.mdi-format-quote-open:before {
  content: "\F756";
}

.mdi-format-rotate-90:before {
  content: "\F6A9";
}

.mdi-format-section:before {
  content: "\F69E";
}

.mdi-format-size:before {
  content: "\F27F";
}

.mdi-format-strikethrough:before {
  content: "\F280";
}

.mdi-format-strikethrough-variant:before {
  content: "\F281";
}

.mdi-format-subscript:before {
  content: "\F282";
}

.mdi-format-superscript:before {
  content: "\F283";
}

.mdi-format-text:before {
  content: "\F284";
}

.mdi-format-textdirection-l-to-r:before {
  content: "\F285";
}

.mdi-format-textdirection-r-to-l:before {
  content: "\F286";
}

.mdi-format-title:before {
  content: "\F5F4";
}

.mdi-format-underline:before {
  content: "\F287";
}

.mdi-format-vertical-align-bottom:before {
  content: "\F621";
}

.mdi-format-vertical-align-center:before {
  content: "\F622";
}

.mdi-format-vertical-align-top:before {
  content: "\F623";
}

.mdi-format-wrap-inline:before {
  content: "\F288";
}

.mdi-format-wrap-square:before {
  content: "\F289";
}

.mdi-format-wrap-tight:before {
  content: "\F28A";
}

.mdi-format-wrap-top-bottom:before {
  content: "\F28B";
}

.mdi-forum:before {
  content: "\F28C";
}

.mdi-forward:before {
  content: "\F28D";
}

.mdi-foursquare:before {
  content: "\F28E";
}

.mdi-fridge:before {
  content: "\F28F";
}

.mdi-fridge-filled:before {
  content: "\F290";
}

.mdi-fridge-filled-bottom:before {
  content: "\F291";
}

.mdi-fridge-filled-top:before {
  content: "\F292";
}

.mdi-fullscreen:before {
  content: "\F293";
}

.mdi-fullscreen-exit:before {
  content: "\F294";
}

.mdi-function:before {
  content: "\F295";
}

.mdi-gamepad:before {
  content: "\F296";
}

.mdi-gamepad-variant:before {
  content: "\F297";
}

.mdi-garage:before {
  content: "\F6D8";
}

.mdi-garage-open:before {
  content: "\F6D9";
}

.mdi-gas-cylinder:before {
  content: "\F647";
}

.mdi-gas-station:before {
  content: "\F298";
}

.mdi-gate:before {
  content: "\F299";
}

.mdi-gauge:before {
  content: "\F29A";
}

.mdi-gavel:before {
  content: "\F29B";
}

.mdi-gender-female:before {
  content: "\F29C";
}

.mdi-gender-male:before {
  content: "\F29D";
}

.mdi-gender-male-female:before {
  content: "\F29E";
}

.mdi-gender-transgender:before {
  content: "\F29F";
}

.mdi-gesture-double-tap:before {
  content: "\F73B";
}

.mdi-gesture-swipe-down:before {
  content: "\F73C";
}

.mdi-gesture-swipe-left:before {
  content: "\F73D";
}

.mdi-gesture-swipe-right:before {
  content: "\F73E";
}

.mdi-gesture-swipe-up:before {
  content: "\F73F";
}

.mdi-gesture-tap:before {
  content: "\F740";
}

.mdi-gesture-two-double-tap:before {
  content: "\F741";
}

.mdi-gesture-two-tap:before {
  content: "\F742";
}

.mdi-ghost:before {
  content: "\F2A0";
}

.mdi-gift:before {
  content: "\F2A1";
}

.mdi-git:before {
  content: "\F2A2";
}

.mdi-github-box:before {
  content: "\F2A3";
}

.mdi-github-circle:before {
  content: "\F2A4";
}

.mdi-github-face:before {
  content: "\F6DA";
}

.mdi-glass-flute:before {
  content: "\F2A5";
}

.mdi-glass-mug:before {
  content: "\F2A6";
}

.mdi-glass-stange:before {
  content: "\F2A7";
}

.mdi-glass-tulip:before {
  content: "\F2A8";
}

.mdi-glassdoor:before {
  content: "\F2A9";
}

.mdi-glasses:before {
  content: "\F2AA";
}

.mdi-gmail:before {
  content: "\F2AB";
}

.mdi-gnome:before {
  content: "\F2AC";
}

.mdi-gondola:before {
  content: "\F685";
}

.mdi-google:before {
  content: "\F2AD";
}

.mdi-google-cardboard:before {
  content: "\F2AE";
}

.mdi-google-chrome:before {
  content: "\F2AF";
}

.mdi-google-circles:before {
  content: "\F2B0";
}

.mdi-google-circles-communities:before {
  content: "\F2B1";
}

.mdi-google-circles-extended:before {
  content: "\F2B2";
}

.mdi-google-circles-group:before {
  content: "\F2B3";
}

.mdi-google-controller:before {
  content: "\F2B4";
}

.mdi-google-controller-off:before {
  content: "\F2B5";
}

.mdi-google-drive:before {
  content: "\F2B6";
}

.mdi-google-earth:before {
  content: "\F2B7";
}

.mdi-google-glass:before {
  content: "\F2B8";
}

.mdi-google-keep:before {
  content: "\F6DB";
}

.mdi-google-maps:before {
  content: "\F5F5";
}

.mdi-google-nearby:before {
  content: "\F2B9";
}

.mdi-google-pages:before {
  content: "\F2BA";
}

.mdi-google-photos:before {
  content: "\F6DC";
}

.mdi-google-physical-web:before {
  content: "\F2BB";
}

.mdi-google-play:before {
  content: "\F2BC";
}

.mdi-google-plus:before {
  content: "\F2BD";
}

.mdi-google-plus-box:before {
  content: "\F2BE";
}

.mdi-google-translate:before {
  content: "\F2BF";
}

.mdi-google-wallet:before {
  content: "\F2C0";
}

.mdi-gradient:before {
  content: "\F69F";
}

.mdi-grease-pencil:before {
  content: "\F648";
}

.mdi-grid:before {
  content: "\F2C1";
}

.mdi-grid-large:before {
  content: "\F757";
}

.mdi-grid-off:before {
  content: "\F2C2";
}

.mdi-group:before {
  content: "\F2C3";
}

.mdi-guitar-acoustic:before {
  content: "\F770";
}

.mdi-guitar-electric:before {
  content: "\F2C4";
}

.mdi-guitar-pick:before {
  content: "\F2C5";
}

.mdi-guitar-pick-outline:before {
  content: "\F2C6";
}

.mdi-hackernews:before {
  content: "\F624";
}

.mdi-hamburger:before {
  content: "\F684";
}

.mdi-hand-pointing-right:before {
  content: "\F2C7";
}

.mdi-hanger:before {
  content: "\F2C8";
}

.mdi-hangouts:before {
  content: "\F2C9";
}

.mdi-harddisk:before {
  content: "\F2CA";
}

.mdi-headphones:before {
  content: "\F2CB";
}

.mdi-headphones-box:before {
  content: "\F2CC";
}

.mdi-headphones-settings:before {
  content: "\F2CD";
}

.mdi-headset:before {
  content: "\F2CE";
}

.mdi-headset-dock:before {
  content: "\F2CF";
}

.mdi-headset-off:before {
  content: "\F2D0";
}

.mdi-heart:before {
  content: "\F2D1";
}

.mdi-heart-box:before {
  content: "\F2D2";
}

.mdi-heart-box-outline:before {
  content: "\F2D3";
}

.mdi-heart-broken:before {
  content: "\F2D4";
}

.mdi-heart-half:before {
  content: "\F6DE";
}

.mdi-heart-half-full:before {
  content: "\F6DD";
}

.mdi-heart-half-outline:before {
  content: "\F6DF";
}

.mdi-heart-off:before {
  content: "\F758";
}

.mdi-heart-outline:before {
  content: "\F2D5";
}

.mdi-heart-pulse:before {
  content: "\F5F6";
}

.mdi-help:before {
  content: "\F2D6";
}

.mdi-help-box:before {
  content: "\F78A";
}

.mdi-help-circle:before {
  content: "\F2D7";
}

.mdi-help-circle-outline:before {
  content: "\F625";
}

.mdi-help-network:before {
  content: "\F6F4";
}

.mdi-hexagon:before {
  content: "\F2D8";
}

.mdi-hexagon-multiple:before {
  content: "\F6E0";
}

.mdi-hexagon-outline:before {
  content: "\F2D9";
}

.mdi-highway:before {
  content: "\F5F7";
}

.mdi-history:before {
  content: "\F2DA";
}

.mdi-hololens:before {
  content: "\F2DB";
}

.mdi-home:before {
  content: "\F2DC";
}

.mdi-home-map-marker:before {
  content: "\F5F8";
}

.mdi-home-modern:before {
  content: "\F2DD";
}

.mdi-home-outline:before {
  content: "\F6A0";
}

.mdi-home-variant:before {
  content: "\F2DE";
}

.mdi-hook:before {
  content: "\F6E1";
}

.mdi-hook-off:before {
  content: "\F6E2";
}

.mdi-hops:before {
  content: "\F2DF";
}

.mdi-hospital:before {
  content: "\F2E0";
}

.mdi-hospital-building:before {
  content: "\F2E1";
}

.mdi-hospital-marker:before {
  content: "\F2E2";
}

.mdi-hotel:before {
  content: "\F2E3";
}

.mdi-houzz:before {
  content: "\F2E4";
}

.mdi-houzz-box:before {
  content: "\F2E5";
}

.mdi-human:before {
  content: "\F2E6";
}

.mdi-human-child:before {
  content: "\F2E7";
}

.mdi-human-female:before {
  content: "\F649";
}

.mdi-human-greeting:before {
  content: "\F64A";
}

.mdi-human-handsdown:before {
  content: "\F64B";
}

.mdi-human-handsup:before {
  content: "\F64C";
}

.mdi-human-male:before {
  content: "\F64D";
}

.mdi-human-male-female:before {
  content: "\F2E8";
}

.mdi-human-pregnant:before {
  content: "\F5CF";
}

.mdi-humble-bundle:before {
  content: "\F743";
}

.mdi-image:before {
  content: "\F2E9";
}

.mdi-image-album:before {
  content: "\F2EA";
}

.mdi-image-area:before {
  content: "\F2EB";
}

.mdi-image-area-close:before {
  content: "\F2EC";
}

.mdi-image-broken:before {
  content: "\F2ED";
}

.mdi-image-broken-variant:before {
  content: "\F2EE";
}

.mdi-image-filter:before {
  content: "\F2EF";
}

.mdi-image-filter-black-white:before {
  content: "\F2F0";
}

.mdi-image-filter-center-focus:before {
  content: "\F2F1";
}

.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}

.mdi-image-filter-drama:before {
  content: "\F2F3";
}

.mdi-image-filter-frames:before {
  content: "\F2F4";
}

.mdi-image-filter-hdr:before {
  content: "\F2F5";
}

.mdi-image-filter-none:before {
  content: "\F2F6";
}

.mdi-image-filter-tilt-shift:before {
  content: "\F2F7";
}

.mdi-image-filter-vintage:before {
  content: "\F2F8";
}

.mdi-image-multiple:before {
  content: "\F2F9";
}

.mdi-import:before {
  content: "\F2FA";
}

.mdi-inbox:before {
  content: "\F686";
}

.mdi-inbox-arrow-down:before {
  content: "\F2FB";
}

.mdi-inbox-arrow-up:before {
  content: "\F3D1";
}

.mdi-incognito:before {
  content: "\F5F9";
}

.mdi-infinity:before {
  content: "\F6E3";
}

.mdi-information:before {
  content: "\F2FC";
}

.mdi-information-outline:before {
  content: "\F2FD";
}

.mdi-information-variant:before {
  content: "\F64E";
}

.mdi-instagram:before {
  content: "\F2FE";
}

.mdi-instapaper:before {
  content: "\F2FF";
}

.mdi-internet-explorer:before {
  content: "\F300";
}

.mdi-invert-colors:before {
  content: "\F301";
}

.mdi-itunes:before {
  content: "\F676";
}

.mdi-jeepney:before {
  content: "\F302";
}

.mdi-jira:before {
  content: "\F303";
}

.mdi-jsfiddle:before {
  content: "\F304";
}

.mdi-json:before {
  content: "\F626";
}

.mdi-keg:before {
  content: "\F305";
}

.mdi-kettle:before {
  content: "\F5FA";
}

.mdi-key:before {
  content: "\F306";
}

.mdi-key-change:before {
  content: "\F307";
}

.mdi-key-minus:before {
  content: "\F308";
}

.mdi-key-plus:before {
  content: "\F309";
}

.mdi-key-remove:before {
  content: "\F30A";
}

.mdi-key-variant:before {
  content: "\F30B";
}

.mdi-keyboard:before {
  content: "\F30C";
}

.mdi-keyboard-backspace:before {
  content: "\F30D";
}

.mdi-keyboard-caps:before {
  content: "\F30E";
}

.mdi-keyboard-close:before {
  content: "\F30F";
}

.mdi-keyboard-off:before {
  content: "\F310";
}

.mdi-keyboard-return:before {
  content: "\F311";
}

.mdi-keyboard-tab:before {
  content: "\F312";
}

.mdi-keyboard-variant:before {
  content: "\F313";
}

.mdi-kickstarter:before {
  content: "\F744";
}

.mdi-kodi:before {
  content: "\F314";
}

.mdi-label:before {
  content: "\F315";
}

.mdi-label-outline:before {
  content: "\F316";
}

.mdi-lambda:before {
  content: "\F627";
}

.mdi-lamp:before {
  content: "\F6B4";
}

.mdi-lan:before {
  content: "\F317";
}

.mdi-lan-connect:before {
  content: "\F318";
}

.mdi-lan-disconnect:before {
  content: "\F319";
}

.mdi-lan-pending:before {
  content: "\F31A";
}

.mdi-language-c:before {
  content: "\F671";
}

.mdi-language-cpp:before {
  content: "\F672";
}

.mdi-language-csharp:before {
  content: "\F31B";
}

.mdi-language-css3:before {
  content: "\F31C";
}

.mdi-language-html5:before {
  content: "\F31D";
}

.mdi-language-javascript:before {
  content: "\F31E";
}

.mdi-language-php:before {
  content: "\F31F";
}

.mdi-language-python:before {
  content: "\F320";
}

.mdi-language-python-text:before {
  content: "\F321";
}

.mdi-language-swift:before {
  content: "\F6E4";
}

.mdi-language-typescript:before {
  content: "\F6E5";
}

.mdi-laptop:before {
  content: "\F322";
}

.mdi-laptop-chromebook:before {
  content: "\F323";
}

.mdi-laptop-mac:before {
  content: "\F324";
}

.mdi-laptop-off:before {
  content: "\F6E6";
}

.mdi-laptop-windows:before {
  content: "\F325";
}

.mdi-lastfm:before {
  content: "\F326";
}

.mdi-launch:before {
  content: "\F327";
}

.mdi-layers:before {
  content: "\F328";
}

.mdi-layers-off:before {
  content: "\F329";
}

.mdi-lead-pencil:before {
  content: "\F64F";
}

.mdi-leaf:before {
  content: "\F32A";
}

.mdi-led-off:before {
  content: "\F32B";
}

.mdi-led-on:before {
  content: "\F32C";
}

.mdi-led-outline:before {
  content: "\F32D";
}

.mdi-led-variant-off:before {
  content: "\F32E";
}

.mdi-led-variant-on:before {
  content: "\F32F";
}

.mdi-led-variant-outline:before {
  content: "\F330";
}

.mdi-library:before {
  content: "\F331";
}

.mdi-library-books:before {
  content: "\F332";
}

.mdi-library-music:before {
  content: "\F333";
}

.mdi-library-plus:before {
  content: "\F334";
}

.mdi-lightbulb:before {
  content: "\F335";
}

.mdi-lightbulb-on:before {
  content: "\F6E7";
}

.mdi-lightbulb-on-outline:before {
  content: "\F6E8";
}

.mdi-lightbulb-outline:before {
  content: "\F336";
}

.mdi-link:before {
  content: "\F337";
}

.mdi-link-off:before {
  content: "\F338";
}

.mdi-link-variant:before {
  content: "\F339";
}

.mdi-link-variant-off:before {
  content: "\F33A";
}

.mdi-linkedin:before {
  content: "\F33B";
}

.mdi-linkedin-box:before {
  content: "\F33C";
}

.mdi-linux:before {
  content: "\F33D";
}

.mdi-loading:before {
  content: "\F771";
}

.mdi-lock:before {
  content: "\F33E";
}

.mdi-lock-open:before {
  content: "\F33F";
}

.mdi-lock-open-outline:before {
  content: "\F340";
}

.mdi-lock-outline:before {
  content: "\F341";
}

.mdi-lock-pattern:before {
  content: "\F6E9";
}

.mdi-lock-plus:before {
  content: "\F5FB";
}

.mdi-lock-reset:before {
  content: "\F772";
}

.mdi-login:before {
  content: "\F342";
}

.mdi-login-variant:before {
  content: "\F5FC";
}

.mdi-logout:before {
  content: "\F343";
}

.mdi-logout-variant:before {
  content: "\F5FD";
}

.mdi-looks:before {
  content: "\F344";
}

.mdi-loop:before {
  content: "\F6EA";
}

.mdi-loupe:before {
  content: "\F345";
}

.mdi-lumx:before {
  content: "\F346";
}

.mdi-magnet:before {
  content: "\F347";
}

.mdi-magnet-on:before {
  content: "\F348";
}

.mdi-magnify:before {
  content: "\F349";
}

.mdi-magnify-minus:before {
  content: "\F34A";
}

.mdi-magnify-minus-outline:before {
  content: "\F6EB";
}

.mdi-magnify-plus:before {
  content: "\F34B";
}

.mdi-magnify-plus-outline:before {
  content: "\F6EC";
}

.mdi-mail-ru:before {
  content: "\F34C";
}

.mdi-mailbox:before {
  content: "\F6ED";
}

.mdi-map:before {
  content: "\F34D";
}

.mdi-map-marker:before {
  content: "\F34E";
}

.mdi-map-marker-circle:before {
  content: "\F34F";
}

.mdi-map-marker-minus:before {
  content: "\F650";
}

.mdi-map-marker-multiple:before {
  content: "\F350";
}

.mdi-map-marker-off:before {
  content: "\F351";
}

.mdi-map-marker-plus:before {
  content: "\F651";
}

.mdi-map-marker-radius:before {
  content: "\F352";
}

.mdi-margin:before {
  content: "\F353";
}

.mdi-markdown:before {
  content: "\F354";
}

.mdi-marker:before {
  content: "\F652";
}

.mdi-marker-check:before {
  content: "\F355";
}

.mdi-martini:before {
  content: "\F356";
}

.mdi-material-ui:before {
  content: "\F357";
}

.mdi-math-compass:before {
  content: "\F358";
}

.mdi-matrix:before {
  content: "\F628";
}

.mdi-maxcdn:before {
  content: "\F359";
}

.mdi-medical-bag:before {
  content: "\F6EE";
}

.mdi-medium:before {
  content: "\F35A";
}

.mdi-memory:before {
  content: "\F35B";
}

.mdi-menu:before {
  content: "\F35C";
}

.mdi-menu-down:before {
  content: "\F35D";
}

.mdi-menu-down-outline:before {
  content: "\F6B5";
}

.mdi-menu-left:before {
  content: "\F35E";
}

.mdi-menu-right:before {
  content: "\F35F";
}

.mdi-menu-up:before {
  content: "\F360";
}

.mdi-menu-up-outline:before {
  content: "\F6B6";
}

.mdi-message:before {
  content: "\F361";
}

.mdi-message-alert:before {
  content: "\F362";
}

.mdi-message-bulleted:before {
  content: "\F6A1";
}

.mdi-message-bulleted-off:before {
  content: "\F6A2";
}

.mdi-message-draw:before {
  content: "\F363";
}

.mdi-message-image:before {
  content: "\F364";
}

.mdi-message-outline:before {
  content: "\F365";
}

.mdi-message-plus:before {
  content: "\F653";
}

.mdi-message-processing:before {
  content: "\F366";
}

.mdi-message-reply:before {
  content: "\F367";
}

.mdi-message-reply-text:before {
  content: "\F368";
}

.mdi-message-settings:before {
  content: "\F6EF";
}

.mdi-message-settings-variant:before {
  content: "\F6F0";
}

.mdi-message-text:before {
  content: "\F369";
}

.mdi-message-text-outline:before {
  content: "\F36A";
}

.mdi-message-video:before {
  content: "\F36B";
}

.mdi-meteor:before {
  content: "\F629";
}

.mdi-microphone:before {
  content: "\F36C";
}

.mdi-microphone-off:before {
  content: "\F36D";
}

.mdi-microphone-outline:before {
  content: "\F36E";
}

.mdi-microphone-settings:before {
  content: "\F36F";
}

.mdi-microphone-variant:before {
  content: "\F370";
}

.mdi-microphone-variant-off:before {
  content: "\F371";
}

.mdi-microscope:before {
  content: "\F654";
}

.mdi-microsoft:before {
  content: "\F372";
}

.mdi-minecraft:before {
  content: "\F373";
}

.mdi-minus:before {
  content: "\F374";
}

.mdi-minus-box:before {
  content: "\F375";
}

.mdi-minus-box-outline:before {
  content: "\F6F1";
}

.mdi-minus-circle:before {
  content: "\F376";
}

.mdi-minus-circle-outline:before {
  content: "\F377";
}

.mdi-minus-network:before {
  content: "\F378";
}

.mdi-mixcloud:before {
  content: "\F62A";
}

.mdi-monitor:before {
  content: "\F379";
}

.mdi-monitor-multiple:before {
  content: "\F37A";
}

.mdi-more:before {
  content: "\F37B";
}

.mdi-motorbike:before {
  content: "\F37C";
}

.mdi-mouse:before {
  content: "\F37D";
}

.mdi-mouse-off:before {
  content: "\F37E";
}

.mdi-mouse-variant:before {
  content: "\F37F";
}

.mdi-mouse-variant-off:before {
  content: "\F380";
}

.mdi-move-resize:before {
  content: "\F655";
}

.mdi-move-resize-variant:before {
  content: "\F656";
}

.mdi-movie:before {
  content: "\F381";
}

.mdi-multiplication:before {
  content: "\F382";
}

.mdi-multiplication-box:before {
  content: "\F383";
}

.mdi-music:before {
  content: "\F759";
}

.mdi-music-box:before {
  content: "\F384";
}

.mdi-music-box-outline:before {
  content: "\F385";
}

.mdi-music-circle:before {
  content: "\F386";
}

.mdi-music-note:before {
  content: "\F387";
}

.mdi-music-note-bluetooth:before {
  content: "\F5FE";
}

.mdi-music-note-bluetooth-off:before {
  content: "\F5FF";
}

.mdi-music-note-eighth:before {
  content: "\F388";
}

.mdi-music-note-half:before {
  content: "\F389";
}

.mdi-music-note-off:before {
  content: "\F38A";
}

.mdi-music-note-quarter:before {
  content: "\F38B";
}

.mdi-music-note-sixteenth:before {
  content: "\F38C";
}

.mdi-music-note-whole:before {
  content: "\F38D";
}

.mdi-music-off:before {
  content: "\F75A";
}

.mdi-nature:before {
  content: "\F38E";
}

.mdi-nature-people:before {
  content: "\F38F";
}

.mdi-navigation:before {
  content: "\F390";
}

.mdi-near-me:before {
  content: "\F5CD";
}

.mdi-needle:before {
  content: "\F391";
}

.mdi-nest-protect:before {
  content: "\F392";
}

.mdi-nest-thermostat:before {
  content: "\F393";
}

.mdi-netflix:before {
  content: "\F745";
}

.mdi-network:before {
  content: "\F6F2";
}

.mdi-new-box:before {
  content: "\F394";
}

.mdi-newspaper:before {
  content: "\F395";
}

.mdi-nfc:before {
  content: "\F396";
}

.mdi-nfc-tap:before {
  content: "\F397";
}

.mdi-nfc-variant:before {
  content: "\F398";
}

.mdi-ninja:before {
  content: "\F773";
}

.mdi-nodejs:before {
  content: "\F399";
}

.mdi-note:before {
  content: "\F39A";
}

.mdi-note-multiple:before {
  content: "\F6B7";
}

.mdi-note-multiple-outline:before {
  content: "\F6B8";
}

.mdi-note-outline:before {
  content: "\F39B";
}

.mdi-note-plus:before {
  content: "\F39C";
}

.mdi-note-plus-outline:before {
  content: "\F39D";
}

.mdi-note-text:before {
  content: "\F39E";
}

.mdi-notification-clear-all:before {
  content: "\F39F";
}

.mdi-npm:before {
  content: "\F6F6";
}

.mdi-nuke:before {
  content: "\F6A3";
}

.mdi-numeric:before {
  content: "\F3A0";
}

.mdi-numeric-0-box:before {
  content: "\F3A1";
}

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}

.mdi-numeric-0-box-outline:before {
  content: "\F3A3";
}

.mdi-numeric-1-box:before {
  content: "\F3A4";
}

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}

.mdi-numeric-1-box-outline:before {
  content: "\F3A6";
}

.mdi-numeric-2-box:before {
  content: "\F3A7";
}

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}

.mdi-numeric-2-box-outline:before {
  content: "\F3A9";
}

.mdi-numeric-3-box:before {
  content: "\F3AA";
}

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}

.mdi-numeric-3-box-outline:before {
  content: "\F3AC";
}

.mdi-numeric-4-box:before {
  content: "\F3AD";
}

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}

.mdi-numeric-4-box-outline:before {
  content: "\F3AF";
}

.mdi-numeric-5-box:before {
  content: "\F3B0";
}

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}

.mdi-numeric-5-box-outline:before {
  content: "\F3B2";
}

.mdi-numeric-6-box:before {
  content: "\F3B3";
}

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}

.mdi-numeric-6-box-outline:before {
  content: "\F3B5";
}

.mdi-numeric-7-box:before {
  content: "\F3B6";
}

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}

.mdi-numeric-7-box-outline:before {
  content: "\F3B8";
}

.mdi-numeric-8-box:before {
  content: "\F3B9";
}

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}

.mdi-numeric-8-box-outline:before {
  content: "\F3BB";
}

.mdi-numeric-9-box:before {
  content: "\F3BC";
}

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}

.mdi-numeric-9-box-outline:before {
  content: "\F3BE";
}

.mdi-numeric-9-plus-box:before {
  content: "\F3BF";
}

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}

.mdi-nut:before {
  content: "\F6F7";
}

.mdi-nutrition:before {
  content: "\F3C2";
}

.mdi-oar:before {
  content: "\F67B";
}

.mdi-octagon:before {
  content: "\F3C3";
}

.mdi-octagon-outline:before {
  content: "\F3C4";
}

.mdi-octagram:before {
  content: "\F6F8";
}

.mdi-octagram-outline:before {
  content: "\F774";
}

.mdi-odnoklassniki:before {
  content: "\F3C5";
}

.mdi-office:before {
  content: "\F3C6";
}

.mdi-oil:before {
  content: "\F3C7";
}

.mdi-oil-temperature:before {
  content: "\F3C8";
}

.mdi-omega:before {
  content: "\F3C9";
}

.mdi-onedrive:before {
  content: "\F3CA";
}

.mdi-onenote:before {
  content: "\F746";
}

.mdi-opacity:before {
  content: "\F5CC";
}

.mdi-open-in-app:before {
  content: "\F3CB";
}

.mdi-open-in-new:before {
  content: "\F3CC";
}

.mdi-openid:before {
  content: "\F3CD";
}

.mdi-opera:before {
  content: "\F3CE";
}

.mdi-orbit:before {
  content: "\F018";
}

.mdi-ornament:before {
  content: "\F3CF";
}

.mdi-ornament-variant:before {
  content: "\F3D0";
}

.mdi-owl:before {
  content: "\F3D2";
}

.mdi-package:before {
  content: "\F3D3";
}

.mdi-package-down:before {
  content: "\F3D4";
}

.mdi-package-up:before {
  content: "\F3D5";
}

.mdi-package-variant:before {
  content: "\F3D6";
}

.mdi-package-variant-closed:before {
  content: "\F3D7";
}

.mdi-page-first:before {
  content: "\F600";
}

.mdi-page-last:before {
  content: "\F601";
}

.mdi-page-layout-body:before {
  content: "\F6F9";
}

.mdi-page-layout-footer:before {
  content: "\F6FA";
}

.mdi-page-layout-header:before {
  content: "\F6FB";
}

.mdi-page-layout-sidebar-left:before {
  content: "\F6FC";
}

.mdi-page-layout-sidebar-right:before {
  content: "\F6FD";
}

.mdi-palette:before {
  content: "\F3D8";
}

.mdi-palette-advanced:before {
  content: "\F3D9";
}

.mdi-panda:before {
  content: "\F3DA";
}

.mdi-pandora:before {
  content: "\F3DB";
}

.mdi-panorama:before {
  content: "\F3DC";
}

.mdi-panorama-fisheye:before {
  content: "\F3DD";
}

.mdi-panorama-horizontal:before {
  content: "\F3DE";
}

.mdi-panorama-vertical:before {
  content: "\F3DF";
}

.mdi-panorama-wide-angle:before {
  content: "\F3E0";
}

.mdi-paper-cut-vertical:before {
  content: "\F3E1";
}

.mdi-paperclip:before {
  content: "\F3E2";
}

.mdi-parking:before {
  content: "\F3E3";
}

.mdi-pause:before {
  content: "\F3E4";
}

.mdi-pause-circle:before {
  content: "\F3E5";
}

.mdi-pause-circle-outline:before {
  content: "\F3E6";
}

.mdi-pause-octagon:before {
  content: "\F3E7";
}

.mdi-pause-octagon-outline:before {
  content: "\F3E8";
}

.mdi-paw:before {
  content: "\F3E9";
}

.mdi-paw-off:before {
  content: "\F657";
}

.mdi-pen:before {
  content: "\F3EA";
}

.mdi-pencil:before {
  content: "\F3EB";
}

.mdi-pencil-box:before {
  content: "\F3EC";
}

.mdi-pencil-box-outline:before {
  content: "\F3ED";
}

.mdi-pencil-circle:before {
  content: "\F6FE";
}

.mdi-pencil-circle-outline:before {
  content: "\F775";
}

.mdi-pencil-lock:before {
  content: "\F3EE";
}

.mdi-pencil-off:before {
  content: "\F3EF";
}

.mdi-pentagon:before {
  content: "\F6FF";
}

.mdi-pentagon-outline:before {
  content: "\F700";
}

.mdi-percent:before {
  content: "\F3F0";
}

.mdi-periscope:before {
  content: "\F747";
}

.mdi-pharmacy:before {
  content: "\F3F1";
}

.mdi-phone:before {
  content: "\F3F2";
}

.mdi-phone-bluetooth:before {
  content: "\F3F3";
}

.mdi-phone-classic:before {
  content: "\F602";
}

.mdi-phone-forward:before {
  content: "\F3F4";
}

.mdi-phone-hangup:before {
  content: "\F3F5";
}

.mdi-phone-in-talk:before {
  content: "\F3F6";
}

.mdi-phone-incoming:before {
  content: "\F3F7";
}

.mdi-phone-locked:before {
  content: "\F3F8";
}

.mdi-phone-log:before {
  content: "\F3F9";
}

.mdi-phone-minus:before {
  content: "\F658";
}

.mdi-phone-missed:before {
  content: "\F3FA";
}

.mdi-phone-outgoing:before {
  content: "\F3FB";
}

.mdi-phone-paused:before {
  content: "\F3FC";
}

.mdi-phone-plus:before {
  content: "\F659";
}

.mdi-phone-settings:before {
  content: "\F3FD";
}

.mdi-phone-voip:before {
  content: "\F3FE";
}

.mdi-pi:before {
  content: "\F3FF";
}

.mdi-pi-box:before {
  content: "\F400";
}

.mdi-piano:before {
  content: "\F67C";
}

.mdi-pig:before {
  content: "\F401";
}

.mdi-pill:before {
  content: "\F402";
}

.mdi-pillar:before {
  content: "\F701";
}

.mdi-pin:before {
  content: "\F403";
}

.mdi-pin-off:before {
  content: "\F404";
}

.mdi-pine-tree:before {
  content: "\F405";
}

.mdi-pine-tree-box:before {
  content: "\F406";
}

.mdi-pinterest:before {
  content: "\F407";
}

.mdi-pinterest-box:before {
  content: "\F408";
}

.mdi-pistol:before {
  content: "\F702";
}

.mdi-pizza:before {
  content: "\F409";
}

.mdi-plane-shield:before {
  content: "\F6BA";
}

.mdi-play:before {
  content: "\F40A";
}

.mdi-play-box-outline:before {
  content: "\F40B";
}

.mdi-play-circle:before {
  content: "\F40C";
}

.mdi-play-circle-outline:before {
  content: "\F40D";
}

.mdi-play-pause:before {
  content: "\F40E";
}

.mdi-play-protected-content:before {
  content: "\F40F";
}

.mdi-playlist-check:before {
  content: "\F5C7";
}

.mdi-playlist-minus:before {
  content: "\F410";
}

.mdi-playlist-play:before {
  content: "\F411";
}

.mdi-playlist-plus:before {
  content: "\F412";
}

.mdi-playlist-remove:before {
  content: "\F413";
}

.mdi-playstation:before {
  content: "\F414";
}

.mdi-plex:before {
  content: "\F6B9";
}

.mdi-plus:before {
  content: "\F415";
}

.mdi-plus-box:before {
  content: "\F416";
}

.mdi-plus-box-outline:before {
  content: "\F703";
}

.mdi-plus-circle:before {
  content: "\F417";
}

.mdi-plus-circle-multiple-outline:before {
  content: "\F418";
}

.mdi-plus-circle-outline:before {
  content: "\F419";
}

.mdi-plus-network:before {
  content: "\F41A";
}

.mdi-plus-one:before {
  content: "\F41B";
}

.mdi-plus-outline:before {
  content: "\F704";
}

.mdi-pocket:before {
  content: "\F41C";
}

.mdi-pokeball:before {
  content: "\F41D";
}

.mdi-polaroid:before {
  content: "\F41E";
}

.mdi-poll:before {
  content: "\F41F";
}

.mdi-poll-box:before {
  content: "\F420";
}

.mdi-polymer:before {
  content: "\F421";
}

.mdi-pool:before {
  content: "\F606";
}

.mdi-popcorn:before {
  content: "\F422";
}

.mdi-pot:before {
  content: "\F65A";
}

.mdi-pot-mix:before {
  content: "\F65B";
}

.mdi-pound:before {
  content: "\F423";
}

.mdi-pound-box:before {
  content: "\F424";
}

.mdi-power:before {
  content: "\F425";
}

.mdi-power-plug:before {
  content: "\F6A4";
}

.mdi-power-plug-off:before {
  content: "\F6A5";
}

.mdi-power-settings:before {
  content: "\F426";
}

.mdi-power-socket:before {
  content: "\F427";
}

.mdi-prescription:before {
  content: "\F705";
}

.mdi-presentation:before {
  content: "\F428";
}

.mdi-presentation-play:before {
  content: "\F429";
}

.mdi-printer:before {
  content: "\F42A";
}

.mdi-printer-3d:before {
  content: "\F42B";
}

.mdi-printer-alert:before {
  content: "\F42C";
}

.mdi-printer-settings:before {
  content: "\F706";
}

.mdi-priority-high:before {
  content: "\F603";
}

.mdi-priority-low:before {
  content: "\F604";
}

.mdi-professional-hexagon:before {
  content: "\F42D";
}

.mdi-projector:before {
  content: "\F42E";
}

.mdi-projector-screen:before {
  content: "\F42F";
}

.mdi-publish:before {
  content: "\F6A6";
}

.mdi-pulse:before {
  content: "\F430";
}

.mdi-puzzle:before {
  content: "\F431";
}

.mdi-qqchat:before {
  content: "\F605";
}

.mdi-qrcode:before {
  content: "\F432";
}

.mdi-qrcode-scan:before {
  content: "\F433";
}

.mdi-quadcopter:before {
  content: "\F434";
}

.mdi-quality-high:before {
  content: "\F435";
}

.mdi-quicktime:before {
  content: "\F436";
}

.mdi-radar:before {
  content: "\F437";
}

.mdi-radiator:before {
  content: "\F438";
}

.mdi-radio:before {
  content: "\F439";
}

.mdi-radio-handheld:before {
  content: "\F43A";
}

.mdi-radio-tower:before {
  content: "\F43B";
}

.mdi-radioactive:before {
  content: "\F43C";
}

.mdi-radiobox-blank:before {
  content: "\F43D";
}

.mdi-radiobox-marked:before {
  content: "\F43E";
}

.mdi-raspberrypi:before {
  content: "\F43F";
}

.mdi-ray-end:before {
  content: "\F440";
}

.mdi-ray-end-arrow:before {
  content: "\F441";
}

.mdi-ray-start:before {
  content: "\F442";
}

.mdi-ray-start-arrow:before {
  content: "\F443";
}

.mdi-ray-start-end:before {
  content: "\F444";
}

.mdi-ray-vertex:before {
  content: "\F445";
}

.mdi-rdio:before {
  content: "\F446";
}

.mdi-react:before {
  content: "\F707";
}

.mdi-read:before {
  content: "\F447";
}

.mdi-readability:before {
  content: "\F448";
}

.mdi-receipt:before {
  content: "\F449";
}

.mdi-record:before {
  content: "\F44A";
}

.mdi-record-rec:before {
  content: "\F44B";
}

.mdi-recycle:before {
  content: "\F44C";
}

.mdi-reddit:before {
  content: "\F44D";
}

.mdi-redo:before {
  content: "\F44E";
}

.mdi-redo-variant:before {
  content: "\F44F";
}

.mdi-refresh:before {
  content: "\F450";
}

.mdi-regex:before {
  content: "\F451";
}

.mdi-relative-scale:before {
  content: "\F452";
}

.mdi-reload:before {
  content: "\F453";
}

.mdi-remote:before {
  content: "\F454";
}

.mdi-rename-box:before {
  content: "\F455";
}

.mdi-reorder-horizontal:before {
  content: "\F687";
}

.mdi-reorder-vertical:before {
  content: "\F688";
}

.mdi-repeat:before {
  content: "\F456";
}

.mdi-repeat-off:before {
  content: "\F457";
}

.mdi-repeat-once:before {
  content: "\F458";
}

.mdi-replay:before {
  content: "\F459";
}

.mdi-reply:before {
  content: "\F45A";
}

.mdi-reply-all:before {
  content: "\F45B";
}

.mdi-reproduction:before {
  content: "\F45C";
}

.mdi-resize-bottom-right:before {
  content: "\F45D";
}

.mdi-responsive:before {
  content: "\F45E";
}

.mdi-restart:before {
  content: "\F708";
}

.mdi-restore:before {
  content: "\F6A7";
}

.mdi-rewind:before {
  content: "\F45F";
}

.mdi-rewind-outline:before {
  content: "\F709";
}

.mdi-rhombus:before {
  content: "\F70A";
}

.mdi-rhombus-outline:before {
  content: "\F70B";
}

.mdi-ribbon:before {
  content: "\F460";
}

.mdi-road:before {
  content: "\F461";
}

.mdi-road-variant:before {
  content: "\F462";
}

.mdi-robot:before {
  content: "\F6A8";
}

.mdi-rocket:before {
  content: "\F463";
}

.mdi-roomba:before {
  content: "\F70C";
}

.mdi-rotate-3d:before {
  content: "\F464";
}

.mdi-rotate-left:before {
  content: "\F465";
}

.mdi-rotate-left-variant:before {
  content: "\F466";
}

.mdi-rotate-right:before {
  content: "\F467";
}

.mdi-rotate-right-variant:before {
  content: "\F468";
}

.mdi-rounded-corner:before {
  content: "\F607";
}

.mdi-router-wireless:before {
  content: "\F469";
}

.mdi-routes:before {
  content: "\F46A";
}

.mdi-rowing:before {
  content: "\F608";
}

.mdi-rss:before {
  content: "\F46B";
}

.mdi-rss-box:before {
  content: "\F46C";
}

.mdi-ruler:before {
  content: "\F46D";
}

.mdi-run:before {
  content: "\F70D";
}

.mdi-run-fast:before {
  content: "\F46E";
}

.mdi-sale:before {
  content: "\F46F";
}

.mdi-satellite:before {
  content: "\F470";
}

.mdi-satellite-variant:before {
  content: "\F471";
}

.mdi-saxophone:before {
  content: "\F609";
}

.mdi-scale:before {
  content: "\F472";
}

.mdi-scale-balance:before {
  content: "\F5D1";
}

.mdi-scale-bathroom:before {
  content: "\F473";
}

.mdi-scanner:before {
  content: "\F6AA";
}

.mdi-school:before {
  content: "\F474";
}

.mdi-screen-rotation:before {
  content: "\F475";
}

.mdi-screen-rotation-lock:before {
  content: "\F476";
}

.mdi-screwdriver:before {
  content: "\F477";
}

.mdi-script:before {
  content: "\F478";
}

.mdi-sd:before {
  content: "\F479";
}

.mdi-seal:before {
  content: "\F47A";
}

.mdi-search-web:before {
  content: "\F70E";
}

.mdi-seat-flat:before {
  content: "\F47B";
}

.mdi-seat-flat-angled:before {
  content: "\F47C";
}

.mdi-seat-individual-suite:before {
  content: "\F47D";
}

.mdi-seat-legroom-extra:before {
  content: "\F47E";
}

.mdi-seat-legroom-normal:before {
  content: "\F47F";
}

.mdi-seat-legroom-reduced:before {
  content: "\F480";
}

.mdi-seat-recline-extra:before {
  content: "\F481";
}

.mdi-seat-recline-normal:before {
  content: "\F482";
}

.mdi-security:before {
  content: "\F483";
}

.mdi-security-home:before {
  content: "\F689";
}

.mdi-security-network:before {
  content: "\F484";
}

.mdi-select:before {
  content: "\F485";
}

.mdi-select-all:before {
  content: "\F486";
}

.mdi-select-inverse:before {
  content: "\F487";
}

.mdi-select-off:before {
  content: "\F488";
}

.mdi-selection:before {
  content: "\F489";
}

.mdi-selection-off:before {
  content: "\F776";
}

.mdi-send:before {
  content: "\F48A";
}

.mdi-serial-port:before {
  content: "\F65C";
}

.mdi-server:before {
  content: "\F48B";
}

.mdi-server-minus:before {
  content: "\F48C";
}

.mdi-server-network:before {
  content: "\F48D";
}

.mdi-server-network-off:before {
  content: "\F48E";
}

.mdi-server-off:before {
  content: "\F48F";
}

.mdi-server-plus:before {
  content: "\F490";
}

.mdi-server-remove:before {
  content: "\F491";
}

.mdi-server-security:before {
  content: "\F492";
}

.mdi-set-all:before {
  content: "\F777";
}

.mdi-set-center:before {
  content: "\F778";
}

.mdi-set-center-right:before {
  content: "\F779";
}

.mdi-set-left:before {
  content: "\F77A";
}

.mdi-set-left-center:before {
  content: "\F77B";
}

.mdi-set-left-right:before {
  content: "\F77C";
}

.mdi-set-none:before {
  content: "\F77D";
}

.mdi-set-right:before {
  content: "\F77E";
}

.mdi-settings:before {
  content: "\F493";
}

.mdi-settings-box:before {
  content: "\F494";
}

.mdi-shape-circle-plus:before {
  content: "\F65D";
}

.mdi-shape-plus:before {
  content: "\F495";
}

.mdi-shape-polygon-plus:before {
  content: "\F65E";
}

.mdi-shape-rectangle-plus:before {
  content: "\F65F";
}

.mdi-shape-square-plus:before {
  content: "\F660";
}

.mdi-share:before {
  content: "\F496";
}

.mdi-share-variant:before {
  content: "\F497";
}

.mdi-shield:before {
  content: "\F498";
}

.mdi-shield-half-full:before {
  content: "\F77F";
}

.mdi-shield-outline:before {
  content: "\F499";
}

.mdi-shopping:before {
  content: "\F49A";
}

.mdi-shopping-music:before {
  content: "\F49B";
}

.mdi-shovel:before {
  content: "\F70F";
}

.mdi-shovel-off:before {
  content: "\F710";
}

.mdi-shredder:before {
  content: "\F49C";
}

.mdi-shuffle:before {
  content: "\F49D";
}

.mdi-shuffle-disabled:before {
  content: "\F49E";
}

.mdi-shuffle-variant:before {
  content: "\F49F";
}

.mdi-sigma:before {
  content: "\F4A0";
}

.mdi-sigma-lower:before {
  content: "\F62B";
}

.mdi-sign-caution:before {
  content: "\F4A1";
}

.mdi-sign-direction:before {
  content: "\F780";
}

.mdi-sign-text:before {
  content: "\F781";
}

.mdi-signal:before {
  content: "\F4A2";
}

.mdi-signal-2g:before {
  content: "\F711";
}

.mdi-signal-3g:before {
  content: "\F712";
}

.mdi-signal-4g:before {
  content: "\F713";
}

.mdi-signal-hspa:before {
  content: "\F714";
}

.mdi-signal-hspa-plus:before {
  content: "\F715";
}

.mdi-signal-off:before {
  content: "\F782";
}

.mdi-signal-variant:before {
  content: "\F60A";
}

.mdi-silverware:before {
  content: "\F4A3";
}

.mdi-silverware-fork:before {
  content: "\F4A4";
}

.mdi-silverware-spoon:before {
  content: "\F4A5";
}

.mdi-silverware-variant:before {
  content: "\F4A6";
}

.mdi-sim:before {
  content: "\F4A7";
}

.mdi-sim-alert:before {
  content: "\F4A8";
}

.mdi-sim-off:before {
  content: "\F4A9";
}

.mdi-sitemap:before {
  content: "\F4AA";
}

.mdi-skip-backward:before {
  content: "\F4AB";
}

.mdi-skip-forward:before {
  content: "\F4AC";
}

.mdi-skip-next:before {
  content: "\F4AD";
}

.mdi-skip-next-circle:before {
  content: "\F661";
}

.mdi-skip-next-circle-outline:before {
  content: "\F662";
}

.mdi-skip-previous:before {
  content: "\F4AE";
}

.mdi-skip-previous-circle:before {
  content: "\F663";
}

.mdi-skip-previous-circle-outline:before {
  content: "\F664";
}

.mdi-skull:before {
  content: "\F68B";
}

.mdi-skype:before {
  content: "\F4AF";
}

.mdi-skype-business:before {
  content: "\F4B0";
}

.mdi-slack:before {
  content: "\F4B1";
}

.mdi-sleep:before {
  content: "\F4B2";
}

.mdi-sleep-off:before {
  content: "\F4B3";
}

.mdi-smoking:before {
  content: "\F4B4";
}

.mdi-smoking-off:before {
  content: "\F4B5";
}

.mdi-snapchat:before {
  content: "\F4B6";
}

.mdi-snowflake:before {
  content: "\F716";
}

.mdi-snowman:before {
  content: "\F4B7";
}

.mdi-soccer:before {
  content: "\F4B8";
}

.mdi-sofa:before {
  content: "\F4B9";
}

.mdi-solid:before {
  content: "\F68C";
}

.mdi-sort:before {
  content: "\F4BA";
}

.mdi-sort-alphabetical:before {
  content: "\F4BB";
}

.mdi-sort-ascending:before {
  content: "\F4BC";
}

.mdi-sort-descending:before {
  content: "\F4BD";
}

.mdi-sort-numeric:before {
  content: "\F4BE";
}

.mdi-sort-variant:before {
  content: "\F4BF";
}

.mdi-soundcloud:before {
  content: "\F4C0";
}

.mdi-source-branch:before {
  content: "\F62C";
}

.mdi-source-commit:before {
  content: "\F717";
}

.mdi-source-commit-end:before {
  content: "\F718";
}

.mdi-source-commit-end-local:before {
  content: "\F719";
}

.mdi-source-commit-local:before {
  content: "\F71A";
}

.mdi-source-commit-next-local:before {
  content: "\F71B";
}

.mdi-source-commit-start:before {
  content: "\F71C";
}

.mdi-source-commit-start-next-local:before {
  content: "\F71D";
}

.mdi-source-fork:before {
  content: "\F4C1";
}

.mdi-source-merge:before {
  content: "\F62D";
}

.mdi-source-pull:before {
  content: "\F4C2";
}

.mdi-speaker:before {
  content: "\F4C3";
}

.mdi-speaker-off:before {
  content: "\F4C4";
}

.mdi-speaker-wireless:before {
  content: "\F71E";
}

.mdi-speedometer:before {
  content: "\F4C5";
}

.mdi-spellcheck:before {
  content: "\F4C6";
}

.mdi-spotify:before {
  content: "\F4C7";
}

.mdi-spotlight:before {
  content: "\F4C8";
}

.mdi-spotlight-beam:before {
  content: "\F4C9";
}

.mdi-spray:before {
  content: "\F665";
}

.mdi-square:before {
  content: "\F763";
}

.mdi-square-inc:before {
  content: "\F4CA";
}

.mdi-square-inc-cash:before {
  content: "\F4CB";
}

.mdi-square-outline:before {
  content: "\F762";
}

.mdi-square-root:before {
  content: "\F783";
}

.mdi-stackexchange:before {
  content: "\F60B";
}

.mdi-stackoverflow:before {
  content: "\F4CC";
}

.mdi-stadium:before {
  content: "\F71F";
}

.mdi-stairs:before {
  content: "\F4CD";
}

.mdi-star:before {
  content: "\F4CE";
}

.mdi-star-circle:before {
  content: "\F4CF";
}

.mdi-star-half:before {
  content: "\F4D0";
}

.mdi-star-off:before {
  content: "\F4D1";
}

.mdi-star-outline:before {
  content: "\F4D2";
}

.mdi-steam:before {
  content: "\F4D3";
}

.mdi-steering:before {
  content: "\F4D4";
}

.mdi-step-backward:before {
  content: "\F4D5";
}

.mdi-step-backward-2:before {
  content: "\F4D6";
}

.mdi-step-forward:before {
  content: "\F4D7";
}

.mdi-step-forward-2:before {
  content: "\F4D8";
}

.mdi-stethoscope:before {
  content: "\F4D9";
}

.mdi-sticker:before {
  content: "\F5D0";
}

.mdi-sticker-emoji:before {
  content: "\F784";
}

.mdi-stocking:before {
  content: "\F4DA";
}

.mdi-stop:before {
  content: "\F4DB";
}

.mdi-stop-circle:before {
  content: "\F666";
}

.mdi-stop-circle-outline:before {
  content: "\F667";
}

.mdi-store:before {
  content: "\F4DC";
}

.mdi-store-24-hour:before {
  content: "\F4DD";
}

.mdi-stove:before {
  content: "\F4DE";
}

.mdi-subdirectory-arrow-left:before {
  content: "\F60C";
}

.mdi-subdirectory-arrow-right:before {
  content: "\F60D";
}

.mdi-subway:before {
  content: "\F6AB";
}

.mdi-subway-variant:before {
  content: "\F4DF";
}

.mdi-summit:before {
  content: "\F785";
}

.mdi-sunglasses:before {
  content: "\F4E0";
}

.mdi-surround-sound:before {
  content: "\F5C5";
}

.mdi-svg:before {
  content: "\F720";
}

.mdi-swap-horizontal:before {
  content: "\F4E1";
}

.mdi-swap-vertical:before {
  content: "\F4E2";
}

.mdi-swim:before {
  content: "\F4E3";
}

.mdi-switch:before {
  content: "\F4E4";
}

.mdi-sword:before {
  content: "\F4E5";
}

.mdi-sword-cross:before {
  content: "\F786";
}

.mdi-sync:before {
  content: "\F4E6";
}

.mdi-sync-alert:before {
  content: "\F4E7";
}

.mdi-sync-off:before {
  content: "\F4E8";
}

.mdi-tab:before {
  content: "\F4E9";
}

.mdi-tab-plus:before {
  content: "\F75B";
}

.mdi-tab-unselected:before {
  content: "\F4EA";
}

.mdi-table:before {
  content: "\F4EB";
}

.mdi-table-column-plus-after:before {
  content: "\F4EC";
}

.mdi-table-column-plus-before:before {
  content: "\F4ED";
}

.mdi-table-column-remove:before {
  content: "\F4EE";
}

.mdi-table-column-width:before {
  content: "\F4EF";
}

.mdi-table-edit:before {
  content: "\F4F0";
}

.mdi-table-large:before {
  content: "\F4F1";
}

.mdi-table-row-height:before {
  content: "\F4F2";
}

.mdi-table-row-plus-after:before {
  content: "\F4F3";
}

.mdi-table-row-plus-before:before {
  content: "\F4F4";
}

.mdi-table-row-remove:before {
  content: "\F4F5";
}

.mdi-tablet:before {
  content: "\F4F6";
}

.mdi-tablet-android:before {
  content: "\F4F7";
}

.mdi-tablet-ipad:before {
  content: "\F4F8";
}

.mdi-taco:before {
  content: "\F761";
}

.mdi-tag:before {
  content: "\F4F9";
}

.mdi-tag-faces:before {
  content: "\F4FA";
}

.mdi-tag-heart:before {
  content: "\F68A";
}

.mdi-tag-multiple:before {
  content: "\F4FB";
}

.mdi-tag-outline:before {
  content: "\F4FC";
}

.mdi-tag-plus:before {
  content: "\F721";
}

.mdi-tag-remove:before {
  content: "\F722";
}

.mdi-tag-text-outline:before {
  content: "\F4FD";
}

.mdi-target:before {
  content: "\F4FE";
}

.mdi-taxi:before {
  content: "\F4FF";
}

.mdi-teamviewer:before {
  content: "\F500";
}

.mdi-telegram:before {
  content: "\F501";
}

.mdi-television:before {
  content: "\F502";
}

.mdi-television-guide:before {
  content: "\F503";
}

.mdi-temperature-celsius:before {
  content: "\F504";
}

.mdi-temperature-fahrenheit:before {
  content: "\F505";
}

.mdi-temperature-kelvin:before {
  content: "\F506";
}

.mdi-tennis:before {
  content: "\F507";
}

.mdi-tent:before {
  content: "\F508";
}

.mdi-terrain:before {
  content: "\F509";
}

.mdi-test-tube:before {
  content: "\F668";
}

.mdi-text-shadow:before {
  content: "\F669";
}

.mdi-text-to-speech:before {
  content: "\F50A";
}

.mdi-text-to-speech-off:before {
  content: "\F50B";
}

.mdi-textbox:before {
  content: "\F60E";
}

.mdi-texture:before {
  content: "\F50C";
}

.mdi-theater:before {
  content: "\F50D";
}

.mdi-theme-light-dark:before {
  content: "\F50E";
}

.mdi-thermometer:before {
  content: "\F50F";
}

.mdi-thermometer-lines:before {
  content: "\F510";
}

.mdi-thumb-down:before {
  content: "\F511";
}

.mdi-thumb-down-outline:before {
  content: "\F512";
}

.mdi-thumb-up:before {
  content: "\F513";
}

.mdi-thumb-up-outline:before {
  content: "\F514";
}

.mdi-thumbs-up-down:before {
  content: "\F515";
}

.mdi-ticket:before {
  content: "\F516";
}

.mdi-ticket-account:before {
  content: "\F517";
}

.mdi-ticket-confirmation:before {
  content: "\F518";
}

.mdi-ticket-percent:before {
  content: "\F723";
}

.mdi-tie:before {
  content: "\F519";
}

.mdi-tilde:before {
  content: "\F724";
}

.mdi-timelapse:before {
  content: "\F51A";
}

.mdi-timer:before {
  content: "\F51B";
}

.mdi-timer-10:before {
  content: "\F51C";
}

.mdi-timer-3:before {
  content: "\F51D";
}

.mdi-timer-off:before {
  content: "\F51E";
}

.mdi-timer-sand:before {
  content: "\F51F";
}

.mdi-timer-sand-empty:before {
  content: "\F6AC";
}

.mdi-timer-sand-full:before {
  content: "\F78B";
}

.mdi-timetable:before {
  content: "\F520";
}

.mdi-toggle-switch:before {
  content: "\F521";
}

.mdi-toggle-switch-off:before {
  content: "\F522";
}

.mdi-tooltip:before {
  content: "\F523";
}

.mdi-tooltip-edit:before {
  content: "\F524";
}

.mdi-tooltip-image:before {
  content: "\F525";
}

.mdi-tooltip-outline:before {
  content: "\F526";
}

.mdi-tooltip-outline-plus:before {
  content: "\F527";
}

.mdi-tooltip-text:before {
  content: "\F528";
}

.mdi-tooth:before {
  content: "\F529";
}

.mdi-tor:before {
  content: "\F52A";
}

.mdi-tower-beach:before {
  content: "\F680";
}

.mdi-tower-fire:before {
  content: "\F681";
}

.mdi-traffic-light:before {
  content: "\F52B";
}

.mdi-train:before {
  content: "\F52C";
}

.mdi-tram:before {
  content: "\F52D";
}

.mdi-transcribe:before {
  content: "\F52E";
}

.mdi-transcribe-close:before {
  content: "\F52F";
}

.mdi-transfer:before {
  content: "\F530";
}

.mdi-transit-transfer:before {
  content: "\F6AD";
}

.mdi-translate:before {
  content: "\F5CA";
}

.mdi-treasure-chest:before {
  content: "\F725";
}

.mdi-tree:before {
  content: "\F531";
}

.mdi-trello:before {
  content: "\F532";
}

.mdi-trending-down:before {
  content: "\F533";
}

.mdi-trending-neutral:before {
  content: "\F534";
}

.mdi-trending-up:before {
  content: "\F535";
}

.mdi-triangle:before {
  content: "\F536";
}

.mdi-triangle-outline:before {
  content: "\F537";
}

.mdi-trophy:before {
  content: "\F538";
}

.mdi-trophy-award:before {
  content: "\F539";
}

.mdi-trophy-outline:before {
  content: "\F53A";
}

.mdi-trophy-variant:before {
  content: "\F53B";
}

.mdi-trophy-variant-outline:before {
  content: "\F53C";
}

.mdi-truck:before {
  content: "\F53D";
}

.mdi-truck-delivery:before {
  content: "\F53E";
}

.mdi-truck-fast:before {
  content: "\F787";
}

.mdi-truck-trailer:before {
  content: "\F726";
}

.mdi-tshirt-crew:before {
  content: "\F53F";
}

.mdi-tshirt-v:before {
  content: "\F540";
}

.mdi-tumblr:before {
  content: "\F541";
}

.mdi-tumblr-reblog:before {
  content: "\F542";
}

.mdi-tune:before {
  content: "\F62E";
}

.mdi-tune-vertical:before {
  content: "\F66A";
}

.mdi-twitch:before {
  content: "\F543";
}

.mdi-twitter:before {
  content: "\F544";
}

.mdi-twitter-box:before {
  content: "\F545";
}

.mdi-twitter-circle:before {
  content: "\F546";
}

.mdi-twitter-retweet:before {
  content: "\F547";
}

.mdi-uber:before {
  content: "\F748";
}

.mdi-ubuntu:before {
  content: "\F548";
}

.mdi-umbraco:before {
  content: "\F549";
}

.mdi-umbrella:before {
  content: "\F54A";
}

.mdi-umbrella-outline:before {
  content: "\F54B";
}

.mdi-undo:before {
  content: "\F54C";
}

.mdi-undo-variant:before {
  content: "\F54D";
}

.mdi-unfold-less-horizontal:before {
  content: "\F54E";
}

.mdi-unfold-less-vertical:before {
  content: "\F75F";
}

.mdi-unfold-more-horizontal:before {
  content: "\F54F";
}

.mdi-unfold-more-vertical:before {
  content: "\F760";
}

.mdi-ungroup:before {
  content: "\F550";
}

.mdi-unity:before {
  content: "\F6AE";
}

.mdi-untappd:before {
  content: "\F551";
}

.mdi-update:before {
  content: "\F6AF";
}

.mdi-upload:before {
  content: "\F552";
}

.mdi-upload-network:before {
  content: "\F6F5";
}

.mdi-usb:before {
  content: "\F553";
}

.mdi-vector-arrange-above:before {
  content: "\F554";
}

.mdi-vector-arrange-below:before {
  content: "\F555";
}

.mdi-vector-circle:before {
  content: "\F556";
}

.mdi-vector-circle-variant:before {
  content: "\F557";
}

.mdi-vector-combine:before {
  content: "\F558";
}

.mdi-vector-curve:before {
  content: "\F559";
}

.mdi-vector-difference:before {
  content: "\F55A";
}

.mdi-vector-difference-ab:before {
  content: "\F55B";
}

.mdi-vector-difference-ba:before {
  content: "\F55C";
}

.mdi-vector-intersection:before {
  content: "\F55D";
}

.mdi-vector-line:before {
  content: "\F55E";
}

.mdi-vector-point:before {
  content: "\F55F";
}

.mdi-vector-polygon:before {
  content: "\F560";
}

.mdi-vector-polyline:before {
  content: "\F561";
}

.mdi-vector-radius:before {
  content: "\F749";
}

.mdi-vector-rectangle:before {
  content: "\F5C6";
}

.mdi-vector-selection:before {
  content: "\F562";
}

.mdi-vector-square:before {
  content: "\F001";
}

.mdi-vector-triangle:before {
  content: "\F563";
}

.mdi-vector-union:before {
  content: "\F564";
}

.mdi-verified:before {
  content: "\F565";
}

.mdi-vibrate:before {
  content: "\F566";
}

.mdi-video:before {
  content: "\F567";
}

.mdi-video-off:before {
  content: "\F568";
}

.mdi-video-switch:before {
  content: "\F569";
}

.mdi-view-agenda:before {
  content: "\F56A";
}

.mdi-view-array:before {
  content: "\F56B";
}

.mdi-view-carousel:before {
  content: "\F56C";
}

.mdi-view-column:before {
  content: "\F56D";
}

.mdi-view-dashboard:before {
  content: "\F56E";
}

.mdi-view-day:before {
  content: "\F56F";
}

.mdi-view-grid:before {
  content: "\F570";
}

.mdi-view-headline:before {
  content: "\F571";
}

.mdi-view-list:before {
  content: "\F572";
}

.mdi-view-module:before {
  content: "\F573";
}

.mdi-view-parallel:before {
  content: "\F727";
}

.mdi-view-quilt:before {
  content: "\F574";
}

.mdi-view-sequential:before {
  content: "\F728";
}

.mdi-view-stream:before {
  content: "\F575";
}

.mdi-view-week:before {
  content: "\F576";
}

.mdi-vimeo:before {
  content: "\F577";
}

.mdi-vine:before {
  content: "\F578";
}

.mdi-violin:before {
  content: "\F60F";
}

.mdi-visualstudio:before {
  content: "\F610";
}

.mdi-vk:before {
  content: "\F579";
}

.mdi-vk-box:before {
  content: "\F57A";
}

.mdi-vk-circle:before {
  content: "\F57B";
}

.mdi-vlc:before {
  content: "\F57C";
}

.mdi-voice:before {
  content: "\F5CB";
}

.mdi-voicemail:before {
  content: "\F57D";
}

.mdi-volume-high:before {
  content: "\F57E";
}

.mdi-volume-low:before {
  content: "\F57F";
}

.mdi-volume-medium:before {
  content: "\F580";
}

.mdi-volume-minus:before {
  content: "\F75D";
}

.mdi-volume-mute:before {
  content: "\F75E";
}

.mdi-volume-off:before {
  content: "\F581";
}

.mdi-volume-plus:before {
  content: "\F75C";
}

.mdi-vpn:before {
  content: "\F582";
}

.mdi-walk:before {
  content: "\F583";
}

.mdi-wallet:before {
  content: "\F584";
}

.mdi-wallet-giftcard:before {
  content: "\F585";
}

.mdi-wallet-membership:before {
  content: "\F586";
}

.mdi-wallet-travel:before {
  content: "\F587";
}

.mdi-wan:before {
  content: "\F588";
}

.mdi-washing-machine:before {
  content: "\F729";
}

.mdi-watch:before {
  content: "\F589";
}

.mdi-watch-export:before {
  content: "\F58A";
}

.mdi-watch-import:before {
  content: "\F58B";
}

.mdi-watch-vibrate:before {
  content: "\F6B0";
}

.mdi-water:before {
  content: "\F58C";
}

.mdi-water-off:before {
  content: "\F58D";
}

.mdi-water-percent:before {
  content: "\F58E";
}

.mdi-water-pump:before {
  content: "\F58F";
}

.mdi-watermark:before {
  content: "\F612";
}

.mdi-waves:before {
  content: "\F78C";
}

.mdi-weather-cloudy:before {
  content: "\F590";
}

.mdi-weather-fog:before {
  content: "\F591";
}

.mdi-weather-hail:before {
  content: "\F592";
}

.mdi-weather-lightning:before {
  content: "\F593";
}

.mdi-weather-lightning-rainy:before {
  content: "\F67D";
}

.mdi-weather-night:before {
  content: "\F594";
}

.mdi-weather-partlycloudy:before {
  content: "\F595";
}

.mdi-weather-pouring:before {
  content: "\F596";
}

.mdi-weather-rainy:before {
  content: "\F597";
}

.mdi-weather-snowy:before {
  content: "\F598";
}

.mdi-weather-snowy-rainy:before {
  content: "\F67E";
}

.mdi-weather-sunny:before {
  content: "\F599";
}

.mdi-weather-sunset:before {
  content: "\F59A";
}

.mdi-weather-sunset-down:before {
  content: "\F59B";
}

.mdi-weather-sunset-up:before {
  content: "\F59C";
}

.mdi-weather-windy:before {
  content: "\F59D";
}

.mdi-weather-windy-variant:before {
  content: "\F59E";
}

.mdi-web:before {
  content: "\F59F";
}

.mdi-webcam:before {
  content: "\F5A0";
}

.mdi-webhook:before {
  content: "\F62F";
}

.mdi-webpack:before {
  content: "\F72A";
}

.mdi-wechat:before {
  content: "\F611";
}

.mdi-weight:before {
  content: "\F5A1";
}

.mdi-weight-kilogram:before {
  content: "\F5A2";
}

.mdi-whatsapp:before {
  content: "\F5A3";
}

.mdi-wheelchair-accessibility:before {
  content: "\F5A4";
}

.mdi-white-balance-auto:before {
  content: "\F5A5";
}

.mdi-white-balance-incandescent:before {
  content: "\F5A6";
}

.mdi-white-balance-iridescent:before {
  content: "\F5A7";
}

.mdi-white-balance-sunny:before {
  content: "\F5A8";
}

.mdi-widgets:before {
  content: "\F72B";
}

.mdi-wifi:before {
  content: "\F5A9";
}

.mdi-wifi-off:before {
  content: "\F5AA";
}

.mdi-wii:before {
  content: "\F5AB";
}

.mdi-wiiu:before {
  content: "\F72C";
}

.mdi-wikipedia:before {
  content: "\F5AC";
}

.mdi-window-close:before {
  content: "\F5AD";
}

.mdi-window-closed:before {
  content: "\F5AE";
}

.mdi-window-maximize:before {
  content: "\F5AF";
}

.mdi-window-minimize:before {
  content: "\F5B0";
}

.mdi-window-open:before {
  content: "\F5B1";
}

.mdi-window-restore:before {
  content: "\F5B2";
}

.mdi-windows:before {
  content: "\F5B3";
}

.mdi-wordpress:before {
  content: "\F5B4";
}

.mdi-worker:before {
  content: "\F5B5";
}

.mdi-wrap:before {
  content: "\F5B6";
}

.mdi-wrench:before {
  content: "\F5B7";
}

.mdi-wunderlist:before {
  content: "\F5B8";
}

.mdi-xaml:before {
  content: "\F673";
}

.mdi-xbox:before {
  content: "\F5B9";
}

.mdi-xbox-controller:before {
  content: "\F5BA";
}

.mdi-xbox-controller-battery-alert:before {
  content: "\F74A";
}

.mdi-xbox-controller-battery-empty:before {
  content: "\F74B";
}

.mdi-xbox-controller-battery-full:before {
  content: "\F74C";
}

.mdi-xbox-controller-battery-low:before {
  content: "\F74D";
}

.mdi-xbox-controller-battery-medium:before {
  content: "\F74E";
}

.mdi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}

.mdi-xbox-controller-off:before {
  content: "\F5BB";
}

.mdi-xda:before {
  content: "\F5BC";
}

.mdi-xing:before {
  content: "\F5BD";
}

.mdi-xing-box:before {
  content: "\F5BE";
}

.mdi-xing-circle:before {
  content: "\F5BF";
}

.mdi-xml:before {
  content: "\F5C0";
}

.mdi-yammer:before {
  content: "\F788";
}

.mdi-yeast:before {
  content: "\F5C1";
}

.mdi-yelp:before {
  content: "\F5C2";
}

.mdi-yin-yang:before {
  content: "\F67F";
}

.mdi-youtube-play:before {
  content: "\F5C3";
}

.mdi-zip-box:before {
  content: "\F5C4";
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}
.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: rgb(255, 255, 255);
}
.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(45deg);
      transform: scaleX(-1) rotate(45deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: scaleY(-1) rotate(45deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(90deg);
      transform: scaleX(-1) rotate(90deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: scaleY(-1) rotate(90deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(135deg);
      transform: scaleX(-1) rotate(135deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: scaleY(-1) rotate(135deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(180deg);
      transform: scaleX(-1) rotate(180deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: scaleY(-1) rotate(180deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(225deg);
      transform: scaleX(-1) rotate(225deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: scaleY(-1) rotate(225deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(270deg);
      transform: scaleX(-1) rotate(270deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: scaleY(-1) rotate(270deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(315deg);
      transform: scaleX(-1) rotate(315deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(315deg);
      -ms-transform: rotate(315deg);
      transform: scaleY(-1) rotate(315deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}
.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.quick-access-nav {
  position: fixed;
  z-index: 999;
}

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  overflow: visible;
  position: static;
  white-space: normal;
  width: auto;
}

.lfr-asset-column-details .lfr-asset-categories {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-categories .lfr-asset-category {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-description {
  color: #444;
  font-style: italic;
  margin: 0.5em auto 2em;
  -ms-hyphens: none;
  -webkit-hyphens: none;
  hyphens: none;
}
.lfr-asset-column-details .lfr-asset-icon {
  border-right: 1px solid transparent;
  color: #999;
  float: left;
  line-height: 1em;
  margin-right: 10px;
  padding-right: 10px;
}
.lfr-asset-column-details .lfr-asset-icon.last {
  border-width: 0;
}
.lfr-asset-column-details .lfr-asset-tags {
  color: #7d7d7d;
}
.lfr-asset-column-details .lfr-asset-tags .tag {
  color: #555;
}
.lfr-asset-column-details .lfr-asset-metadata {
  clear: both;
  margin-bottom: 1.5em;
  padding-bottom: 1.5em;
}
.lfr-asset-column-details .lfr-panel {
  clear: both;
  margin-bottom: 0.2em;
}
.lfr-asset-column-details .lfr-panel.lfr-extended {
  border: 1px solid #ccc;
  margin-bottom: 0;
}
.lfr-asset-column-details .taglib-custom-attributes-list label, .lfr-asset-column-details .taglib-custom-attributes-list body mat-label, body .lfr-asset-column-details .taglib-custom-attributes-list mat-label, .lfr-asset-column-details .taglib-custom-attributes-list #wrapper mat-label, #wrapper .lfr-asset-column-details .taglib-custom-attributes-list mat-label,
.lfr-asset-column-details .lfr-asset-field label,
.lfr-asset-column-details .lfr-asset-field body mat-label,
body .lfr-asset-column-details .lfr-asset-field mat-label,
.lfr-asset-column-details .lfr-asset-field #wrapper mat-label,
#wrapper .lfr-asset-column-details .lfr-asset-field mat-label {
  display: block;
}
.lfr-asset-column-details .taglib-custom-attributes-list {
  margin-bottom: 1em;
}

.overlay {
  position: absolute;
}

.overlay-hidden,
.overlaymask-hidden {
  display: none;
}

.lfr-form-row {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 1px 5px 25px;
  position: relative;
}
.lfr-form-row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
}
.lfr-form-row:hover {
  border: solid #ccc;
  border-width: 1px 0;
  padding-top: 0;
}
.lfr-form-row.lfr-form-row-inline .form-group {
  margin-right: 5px;
}
.lfr-form-row legend .field-label {
  float: left;
  margin-right: 10px;
}
.lfr-form-row .handle-sort-vertical {
  background: url(../images/application/handle_sort_vertical.png) no-repeat 0 50%;
  cursor: move;
  padding-left: 20px;
}
.lfr-form-row fieldset {
  border-width: 0;
  margin: 0;
  padding: 0;
}

.lfr-autorow-controls {
  bottom: 5px;
  position: absolute;
  right: 5px;
}

.datepicker-popover-content .popover-content {
  padding: 0.75rem 1rem;
}

.dropdown.open > .dropdown-menu, .overlay-content .open > .dropdown-menu {
  display: block;
}

.user-avatar-link {
  display: block;
  position: relative;
}
.user-avatar-link .panel-notifications-count {
  display: block;
  margin: 0;
  max-width: none;
  position: absolute;
  right: calc(100% - 0.7rem);
  top: -0.4rem;
}
.user-avatar-link .text-default {
  align-items: center;
  display: flex;
}
.user-avatar-link .text-default .user-full-name {
  margin-left: 0.5rem;
}
@media (max-width: 575.98px) {
  .user-avatar-link .text-default .user-full-name {
    display: none;
  }
}

.user-personal-bar .fieldset {
  position: relative;
}
.user-personal-bar .user-avatar-link .panel-notifications-count {
  right: calc(100% - 1rem);
  top: -0.6rem;
}

.form-control-inline {
  background-color: transparent;
  font-size: 1.125rem;
  font-weight: 700;
}
.form-control-inline:not(:hover) {
  border-color: transparent;
}
.form-control-inline::placeholder {
  color: #a7a9bc;
  font-style: italic;
}

.form-search .input-group {
  position: relative;
}
.form-search .input-group.advanced-search .search-query {
  padding-left: 40px;
  z-index: 0;
}
.form-search .input-group.advanced-search .toggle-advanced {
  cursor: pointer;
  left: 0;
  line-height: 1;
  padding: 8px 10px;
  position: absolute;
  top: 0;
}
.form-search .input-group.advanced-search .toggle-advanced .caret {
  margin-top: 7px;
}
.form-search .input-group.advanced-search .toggle-advanced .icon-search {
  font-size: 14px;
}
@media (max-width: 991.98px) {
  .form-search .input-group {
    width: 100%;
  }
  .form-search .input-group .btn {
    clip: rect(0, 0, 0, 0);
    left: -9999px;
    position: absolute;
  }
  .form-search .input-group input.search-query {
    width: 100%;
  }
}

.lfr-table {
  border-collapse: collapse;
  clear: both;
}
.lfr-table > tbody > tr > td,
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > td,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > td,
.lfr-table > tfoot > tr > th {
  padding: 0 5px;
  overflow-wrap: break-all;
  word-wrap: break-all;
}
.lfr-table > tbody > tr > td:first-child, .lfr-table > tbody > tr > td.first-child,
.lfr-table > tbody > tr > th:first-child,
.lfr-table > tbody > tr > th.first-child,
.lfr-table > thead > tr > td:first-child,
.lfr-table > thead > tr > td.first-child,
.lfr-table > thead > tr > th:first-child,
.lfr-table > thead > tr > th.first-child,
.lfr-table > tfoot > tr > td:first-child,
.lfr-table > tfoot > tr > td.first-child,
.lfr-table > tfoot > tr > th:first-child,
.lfr-table > tfoot > tr > th.first-child {
  padding-left: 0;
}
.lfr-table > tbody > tr > td:last-child, .lfr-table > tbody > tr > td.last-child,
.lfr-table > tbody > tr > th:last-child,
.lfr-table > tbody > tr > th.last-child,
.lfr-table > thead > tr > td:last-child,
.lfr-table > thead > tr > td.last-child,
.lfr-table > thead > tr > th:last-child,
.lfr-table > thead > tr > th.last-child,
.lfr-table > tfoot > tr > td:last-child,
.lfr-table > tfoot > tr > td.last-child,
.lfr-table > tfoot > tr > th:last-child,
.lfr-table > tfoot > tr > th.last-child {
  padding-right: 0;
}
.lfr-table > tbody > tr > th,
.lfr-table > thead > tr > th,
.lfr-table > tfoot > tr > th {
  font-weight: bold;
}

.lfr-pagination:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.lfr-pagination .dropdown-menu {
  display: none;
}
.lfr-pagination .dropdown-toggle .icon-caret-down {
  margin-left: 5px;
}
.lfr-pagination .lfr-pagination-controls {
  float: left;
}
.lfr-pagination .lfr-pagination-controls .search-results {
  display: inline-block;
  margin-left: 10px;
  margin-top: 5px;
  top: 10px;
}
.lfr-pagination .lfr-pagination-controls li .lfr-pagination-link {
  border-width: 0;
  clear: both;
  color: #333;
  display: block;
  font-weight: normal;
  line-height: 20px;
  padding: 3px 20px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.lfr-pagination .lfr-pagination-delta-selector {
  float: left;
}
@media (max-width: 991.98px) {
  .lfr-pagination .lfr-pagination-delta-selector .lfr-icon-menu-text {
    display: none;
  }
}
.lfr-pagination .pagination-content {
  float: right;
}

.lfr-panel.lfr-extended {
  border: 1px solid transparent;
  border-color: #dedede #bfbfbf #bfbfbf #dedede;
}
.lfr-panel.lfr-extended.lfr-collapsible .lfr-panel-button {
  display: block;
}
.lfr-panel.lfr-extended.lfr-collapsed .lfr-panel-titlebar {
  border-bottom-width: 0;
}
.lfr-panel.panel-default .panel-heading {
  border-bottom-width: 0;
}
.lfr-panel .toggler-header {
  cursor: pointer;
}

.sidebar-sm .sheet-subtitle {
  font-size: 0.75rem;
  margin-bottom: 1rem;
}
.sidebar-sm .form-control[type=file] {
  padding: 0;
}
.sidebar-sm .article-content-description .input-localized.input-localized-editor .input-group-item .wrapper .form-control {
  min-height: auto;
  padding: 0.285rem 0.75rem;
}
.sidebar-sm .list-group-item-flex {
  padding: 0.5rem 0.25rem;
}
.sidebar-sm .list-group-item-flex .autofit-col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.lfr-translation-manager {
  border-radius: 4px;
  display: inline-block;
  margin-top: 0.5em;
  min-height: 1.8em;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-default-locale {
  display: inline-block;
  width: auto;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu {
  float: none;
  padding: 0.4em 0;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li,
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-icon-menu li strong {
  display: inline;
}
.lfr-translation-manager .lfr-translation-manager-content .lfr-translation-manager-translations-message {
  margin: 10px 0;
}
.lfr-translation-manager .lfr-translation-manager-available-translations {
  white-space: normal;
}
.lfr-translation-manager .lfr-translation-manager-available-translations .lfr-translation-manager-available-translations-links {
  line-height: 1;
}
.lfr-translation-manager .lfr-translation-manager-translation {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  margin: 0.2em;
  padding: 0.4em 0.3em 0.4em 0.5em;
  text-decoration: none;
}
.lfr-translation-manager .lfr-translation-manager-translation * {
  vertical-align: middle;
}
.lfr-translation-manager .lfr-translation-manager-translation img {
  margin-right: 0.3em;
}
.lfr-translation-manager .lfr-translation-manager-translation:hover {
  background-color: #d1e5ef;
}
.lfr-translation-manager .lfr-translation-manager-translation.lfr-translation-manager-translation-editing {
  background-color: #598bec;
  border-color: #224fa8;
  color: #fff;
}
.lfr-translation-manager .lfr-translation-manager-change-default-locale {
  margin: 0 0.4em;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation {
  display: inline-block;
  padding: 0 2px;
}
.lfr-translation-manager .lfr-translation-manager-delete-translation svg {
  pointer-events: none;
}

.lfr-tree a {
  text-decoration: none;
}
.lfr-tree li {
  margin-bottom: 2px;
  padding-left: 0;
}
.lfr-tree li ul li, .lfr-tree li.tree-item {
  padding-left: 0;
}
.lfr-tree li.tree-item {
  padding-left: 5px;
}
.lfr-tree li.tree-item li {
  padding-left: 20px;
}
.lfr-tree li.tree-item ul {
  margin-left: 0;
  margin-top: 5px;
}

.lfr-upload-container {
  margin-bottom: 1rem;
}
.lfr-upload-container .upload-target {
  border: 3px dashed #e7e7ed;
  margin-bottom: 1rem;
  min-height: 2rem;
  padding: 2rem 0;
  position: relative;
  text-align: center;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  z-index: 100;
}
.upload-drop-active .lfr-upload-container .upload-target {
  background-color: #edf9f0;
  border-color: #5aca75;
}
.lfr-upload-container .upload-target .drop-file-text {
  font-weight: normal;
}
.mobile .lfr-upload-container .upload-target .drop-file-text {
  display: none;
}
.lfr-upload-container .upload-target .small {
  display: block;
  margin: 5px 0;
  text-transform: lowercase;
}
.lfr-upload-container .manage-upload-target {
  padding-top: 5px;
  position: relative;
}
.lfr-upload-container .manage-upload-target .select-files {
  float: left;
  line-height: 0;
  margin: 0 1.125rem 1.125rem;
  padding: 0 0 0 5px;
}
.lfr-upload-container .cancel-uploads,
.lfr-upload-container .clear-uploads {
  background-repeat: no-repeat;
  float: right;
}
.lfr-upload-container .cancel-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAnFBMVEX////4YWP/dXjyS07/dXj9bXD6a234YWP4XWD2WVv2VFfsOTzoLzHmKSvkISP2VFf0TE/vREftPT/iHB72WVvvREf0TE//hon/gYX/fYD/e33/dXj/cXP9bXD/a236a23/Zmb4YWP4XWD/Wl32WVv/VVj2VFf3VFb0TE/yS072SUvvREfuQELtPT/sOTzrMzXoLzHnLC/mKSvkISPh2jkWAAAAF3RSTlMAESIiMzMzMzMzMzMzMzNERERERHd3qtw8lzkAAACOSURBVHjaZcjZDsIgEIXhcd+tu5YBKUixttS6vP+7OQKJTfxvTr4D7Tpxu/2w410SjDjwVvLQ805TPiRryfQeKM6OTI68K/BJPHGlJZJjSqSMofEOGXbJecsTgzkds58V5+J8refBU7Jx9yIrmkW0sA6gqbLyuaRjZZWtgXq58rEFan0jf3uTfRuIkf/7AO8DDcVPSSG3AAAAAElFTkSuQmCC);
  margin-right: 0;
}
.lfr-upload-container .clear-uploads {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAdVBMVEX///+6QwTEVx65RQPEVx3EWB64RQPDVxq5RAO5RAO5RQPATQ65RQO5RQO5RQPRczjJZCW9TQTLay28QgTdZAHhaAPmdyHqeQXrikDudgDvfxj0nWP1qHL2tY33tY34dgD+za7+1rj/dxH/fxj/hiH/kk3///9TM3sUAAAAFHRSTlMAbXd4eHh6gN3e3+Hi4+T5+/z8/mIsq5IAAABHSURBVBjTY2CgGWDlFuZhRuIz8cspyggxIgQ4ZFWVVCQ4EQLCCmpqalLCCAFeaWV5SVE+hAC7gJi4iCAbkqksXMK8bNRzNADCOQN++eLhCQAAAABJRU5ErkJggg==);
  padding-left: 16px;
}
.lfr-upload-container .upload-file.upload-complete.file-saved {
  padding-left: 25px;
}
.lfr-upload-container .upload-file .file-title {
  display: inline-block;
  max-width: 95%;
  overflow: hidden;
  padding-right: 16px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.lfr-upload-container .upload-file .icon-file {
  font-size: 40px;
}
.lfr-upload-container .upload-list-info {
  margin: 1em 0 0.5em;
}
.lfr-upload-container .upload-list-info .h4,
.lfr-upload-container .upload-list-info h4 {
  font-size: 1.3em;
}
.lfr-upload-container .cancel-button {
  color: #6b6c7e;
  margin-top: 1px;
  position: absolute;
  right: 5px;
  top: 50%;
  white-space: nowrap;
}
.lfr-upload-container .cancel-button .cancel-button-text {
  display: none;
  margin-left: 5px;
}
.lfr-upload-container .cancel-button:hover .cancel-button-text {
  display: inline;
}
.lfr-upload-container .cancel-button .lexicon-icon {
  height: 12px;
}
.lfr-upload-container .delete-button {
  color: #6b6c7e;
}
.lfr-upload-container .delete-button-col {
  padding-right: 10px;
}
.lfr-upload-container .file-added .success-message {
  float: right;
  font-weight: normal;
}
.lfr-upload-container .upload-error {
  opacity: 1;
  padding-left: 25px;
}
.lfr-upload-container .upload-complete .cancel-button,
.lfr-upload-container .delete-button,
.lfr-upload-container .upload-complete.file-saved .delete-button,
.lfr-upload-container .upload-complete.upload-error .delete-button {
  display: none;
}
.lfr-upload-container .multiple-files .upload-error {
  background: #feefef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJPSURBVDjLpZPLS5RhFMYfv9QJlelTQZwRb2OKlKuINuHGLlBEBEOLxAu46oL0F0QQFdWizUCrWnjBaDHgThCMoiKkhUONTqmjmDp2GZ0UnWbmfc/ztrC+GbM2dXbv4ZzfeQ7vefKMMfifyP89IbevNNCYdkN2kawkCZKfSPZTOGTf6Y/m1uflKlC3LvsNTWArr9BT2LAf+W73dn5jHclIBFZyfYWU3or7T4K7AJmbl/yG7EtX1BQXNTVCYgtgbAEAYHlqYHlrsTEVQWr63RZFuqsfDAcdQPrGRR/JF5nKGm9xUxMyr0YBAEXXHgIANq/3ADQobD2J9fAkNiMTMSFb9z8ambMAQER3JC1XttkYGGZXoyZEGyTHRuBuPgBTUu7VSnUAgAUAWutOV2MjZGkehgYUA6O5A0AlkAyRnotiX3MLlFKduYCqAtuGXpyH0XQmOj+TIURt51OzURTYZdBKV2UBSsOIcRp/TVTT4ewK6idECAihtUKOArWcjq/B8tQ6UkUR31+OYXP4sTOdisivrkMyHodWejlXwcC38Fvs8dY5xaIId89VlJy7ACpCNCFCuOp8+BJ6A631gANQSg1mVmOxxGQYRW2nHMha4B5WA3chsv22T5/B13AIicWZmNZ6cMchTXUe81Okzz54pLi0uQWp+TmkZqMwxsBV74Or3od4OISPr0e3SHa3PX0f3HXKofNH/UIG9pZ5PeUth+CyS2EMkEqs4fPEOBJLsyske48/+xD8oxcAYPzs4QaS7RR2kbLTTOTQieczfzfTv8QPldGvTGoF6/8AAAAASUVORK5CYII=) no-repeat 5px 5px;
  border-color: #ab1010;
  color: #ab1010;
  font-weight: normal;
  margin-bottom: 16px;
  padding: 8px 8px 8px 24px;
}
.lfr-upload-container .multiple-files .upload-error .error-message {
  display: block;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .card-body,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .card-body {
  padding-left: 1rem;
}
.lfr-upload-container .multiple-files .upload-complete.file-saved .form-check-middle-left .custom-control-label,
.lfr-upload-container .multiple-files .upload-complete.upload-error .form-check-middle-left .custom-control-label {
  display: none;
}
.lfr-upload-container .single-file .upload-error {
  list-style: none;
  margin-top: 1em;
}
.lfr-upload-container .single-file .upload-error .upload-error-message {
  margin-bottom: 0.5em;
}
.lfr-upload-container .upload-complete {
  padding-left: 5px;
}
.lfr-upload-container .upload-complete .error-message,
.lfr-upload-container .upload-complete .success-message {
  font-weight: bold;
  margin-left: 1em;
}
.lfr-upload-container .upload-complete .delete-button {
  display: inline-block;
}
.lfr-upload-container .upload-complete .select-file:disabled + .custom-control-label {
  display: none;
}
.lfr-upload-container .progress {
  display: none;
  margin-top: 0.5rem;
}
.lfr-upload-container .file-uploading .progress {
  display: flex;
}

.lfr-alert-container {
  left: 0;
  position: absolute;
  right: auto;
  top: auto;
  width: 100%;
  z-index: 430;
}
.lfr-alert-container.inline-alert-container {
  position: relative;
}
.lfr-alert-container.inline-alert-container .lfr-alert-wrapper {
  padding: 0;
}
.lfr-alert-container .lfr-alert-wrapper {
  margin-bottom: 5px;
  overflow: hidden;
}

.lfr-search-container td .overlay.entry-action {
  position: static;
}
.lfr-search-container td .overlay.entry-action .btn a {
  display: block;
  padding: 4px 12px;
}

.contextual-sidebar {
  height: calc(
		100vh - var(--control-menu-container-height) - 49px
	);
  pointer-events: none;
  position: fixed;
  right: 0;
  top: calc(var(--control-menu-container-height) + 49px);
  transform: translateX(100%);
  transition: transform ease 0.5s;
  visibility: hidden;
  width: 320px;
  will-change: transform;
}
.contextual-sidebar.contextual-sidebar-visible {
  pointer-events: auto;
  transform: translateX(0);
  visibility: visible;
}

@media (min-width: 768px) {
  .contextual-sidebar {
    height: calc(
			100vh - var(--control-menu-container-height) - 64px
		);
    top: calc(
			var(--control-menu-container-height) + 64px
		);
  }
  .contextual-sidebar-content {
    transition: padding ease 0.5s;
    will-change: padding;
  }
  .contextual-sidebar-visible .contextual-sidebar-content,
  .contextual-sidebar-visible + .contextual-sidebar-content {
    padding-right: 320px;
  }
}
.taglib-diff-html div.diff-removed-image {
  background: #fdc6c6 url(../images/diff/minus.png);
}
.taglib-diff-html div.diff-added-image {
  background: #cfc url(../images/diff/plus.png) no-repeat;
}
.taglib-diff-html div.diff-removed-image, .taglib-diff-html div.diff-added-image {
  height: 300px;
  margin: 2px;
  opacity: 0.55;
  position: absolute;
  width: 200px;
}
.taglib-diff-html span.diff-html-added {
  background-color: #cfc;
  font-size: 1em;
}
.taglib-diff-html span.diff-html-added img {
  border: 2px solid #cfc;
}
.taglib-diff-html span.diff-html-changed {
  background: url(../images/diff/underline.png) bottom repeat-x;
}
.taglib-diff-html span.diff-html-changed img {
  border: 2px dotted #009;
}
.taglib-diff-html span.diff-html-removed {
  background-color: #fdc6c6;
  font-size: 1em;
  text-decoration: line-through;
}
.taglib-diff-html span.diff-html-removed img {
  border: 2px solid #fdc6c6;
}

.taglib-discussion {
  font-size: 0.875rem;
  margin-top: 1rem;
}
.taglib-discussion .actions-menu .component-action {
  display: inline-flex;
}
.taglib-discussion .button-holder {
  margin: 1rem 0;
}
.taglib-discussion .comment-container {
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion .lfr-discussion-form-edit .alloy-editor-placeholder {
  border-left-color: #dbdde1;
}
.taglib-discussion .lfr-discussion-body {
  font-size: 1rem;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-body {
    padding-left: 3.5rem;
  }
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-details .taglib-user-display {
    word-wrap: break-word;
  }
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name {
  font-weight: bold;
  text-decoration: none;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-details .user-name:hover {
  text-decoration: underline;
}
.taglib-discussion .lfr-discussion-details .taglib-user-display .user-profile-image .avatar {
  background-size: 50px;
}
.taglib-discussion .lfr-discussion-container {
  border-bottom: 1px solid #e7e7ed;
  margin-bottom: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:first-of-type {
  border-top: 1px solid #e7e7ed;
  padding-top: 1.5rem;
}
.taglib-discussion .lfr-discussion-container:last-of-type {
  border-bottom: 0;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion {
  padding-left: 1rem;
}
.taglib-discussion .lfr-discussion-container .lfr-discussion .lfr-discussion .lfr-discussion .lfr-discussion {
  padding-left: 0;
}
@media (min-width: 576px) {
  .taglib-discussion .lfr-discussion-container .lfr-discussion {
    padding-left: 3.5rem;
  }
}
.taglib-discussion .lfr-discussion-parent-link {
  color: #67678c;
  font-weight: 600;
  margin-left: 1em;
}
@media (max-width: 767.98px) {
  .taglib-discussion .lfr-discussion-parent-link {
    display: block;
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.taglib-discussion .lfr-discussion-controls .autofit-col:first-of-type > .btn-outline-borderless {
  margin-left: -0.75rem;
}
.taglib-discussion .lfr-discussion-more-comments {
  border-top: 1px solid #e7e7ed;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
}
.taglib-discussion .username {
  color: #272833;
  font-weight: 600;
}
.taglib-discussion .taglib-workflow-status {
  margin-left: 0.5rem;
}
.taglib-discussion .workflow-value {
  text-transform: uppercase;
}
@media (min-width: 576px) {
  .taglib-discussion .actions-menu {
    display: none;
  }
  .taglib-discussion .comment-container:hover .actions-menu,
  .taglib-discussion .actions-menu:focus,
  .taglib-discussion .actions-menu.open {
    display: inline-block;
  }
}

.drop-zone {
  min-height: 80px;
  padding: 20px;
  text-align: center;
}
.drop-zone.drop-enabled {
  outline: 2px dashed transparent;
}
.drop-zone.drop-enabled:not(.no-border) {
  outline-color: rgba(176, 180, 187, 0.5);
}
.drop-zone p {
  margin: 10px auto 0;
  max-width: 75%;
}

.drop-here-info {
  font-size: 25px;
  height: 100%;
  left: 0;
  min-height: 100px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  visibility: hidden;
  width: 100%;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info {
    transition: none;
  }
}
.drop-here-info {
  transition: none;
}

.drop-here-info .drop-here-indicator {
  height: 115px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
.drop-here-info .drop-icons {
  display: inline-block;
  position: relative;
  width: 160px;
  transition: all 0.2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons {
    transition: none;
  }
}
.drop-here-info .drop-icons {
  transition: none;
}

.drop-here-info .drop-icons span {
  border-radius: 3px;
  position: absolute;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .drop-here-info .drop-icons span {
    transition: none;
  }
}
.drop-here-info .drop-icons span {
  transition: none;
}

.drop-here-info .drop-icons span:nth-of-type(1) {
  box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.08);
  height: 60px;
  left: 0;
  line-height: 60px;
  opacity: 0;
  top: 10px;
  transform: rotate(25deg);
  width: 60px;
}
.drop-here-info .drop-icons span:nth-of-type(2) {
  background: #00c2ff;
  color: #fff;
  height: 80px;
  left: 40px;
  line-height: 80px;
  width: 80px;
  z-index: 2;
}
.drop-here-info .drop-icons span:nth-of-type(3) {
  box-shadow: -5px 4px 0 0 rgba(0, 0, 0, 0.08);
  display: block;
  font-size: 45px;
  height: 70px;
  left: 90px;
  line-height: 70px;
  opacity: 0;
  position: relative;
  top: 8px;
  transform: rotate(-25deg);
  width: 70px;
  z-index: 1;
}
.drop-here-info .drop-icons span:nth-of-type(1), .drop-here-info .drop-icons span:nth-of-type(3) {
  background: #e8e6e8;
  color: #a5a6ac;
}
.drop-here-info .drop-text {
  color: #fff;
  display: block;
  font-size: 20px;
  margin-left: 0;
  margin-top: 20px;
}
.drop-active .drop-here-info {
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  visibility: visible;
  z-index: 100;
}
.drop-active .drop-here-info .drop-icons span:nth-of-type(1), .drop-active .drop-here-info .drop-icons span:nth-of-type(3) {
  opacity: 1;
}
.drop-active .drop-here-info span:nth-of-type(1) {
  transform: rotate(-20deg);
}
.drop-active .drop-here-info span:nth-of-type(2) {
  transform: scale(1);
}
.drop-active .drop-here-info span:nth-of-type(3) {
  transform: rotate(15deg);
}

.taglib-empty-result-message.sheet {
  margin-bottom: 24px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  color: #6b6c7e;
  margin-top: 8px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn,
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  margin-left: auto;
  margin-right: auto;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  max-width: 200px;
  padding-top: 250px;
}
.taglib-empty-result-message .taglib-empty-result-message-header,
.taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(../images/states/empty_state.svg);
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-result-message-header,
  .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
    background-image: url(../images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header,
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-result-message-header-has-plus-btn {
  background-image: url(../images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(../images/states/search_state.svg);
  max-width: 210px;
  padding-top: 232px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-search-result-message-header {
    background-image: url(../images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-search-result-message-header {
  background-image: url(../images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-state {
  background-image: url(../images/states/empty_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-empty-state {
    background-image: url(../images/states/empty_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-empty-state {
  background-image: url(../images/states/empty_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-success-state {
  background-image: url(../images/states/success_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-success-state {
    background-image: url(../images/states/success_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-success-state {
  background-image: url(../images/states/success_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-search-state {
  background-image: url(../images/states/search_state.svg);
  margin: auto;
  max-width: 250px;
  padding-top: 250px;
}
@media (prefers-reduced-motion: reduce) {
  .taglib-empty-result-message .taglib-search-state {
    background-image: url(../images/states/search_state_reduced_motion.svg);
  }
}
.c-prefers-reduced-motion .taglib-empty-result-message .taglib-search-state {
  background-image: url(../images/states/search_state_reduced_motion.svg);
}
.taglib-empty-result-message .taglib-empty-result-message-title {
  font-size: 1rem;
  margin-top: 48px;
}
.taglib-empty-result-message .taglib-empty-result-message-description {
  font-size: 0.875rem;
}
.taglib-empty-result-message .taglib-empty-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-search-result-message-header + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-empty-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-success-state + .taglib-empty-result-message-title,
.taglib-empty-result-message .taglib-search-state + .taglib-empty-result-message-title {
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
.taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-description, .taglib-empty-result-message .taglib-empty-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-search-result-message-header ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-empty-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-success-state ~ .taglib-empty-result-message-actions,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-description,
.taglib-empty-result-message .taglib-search-state ~ .taglib-empty-result-message-actions {
  font-size: 1rem;
  text-align: center;
}

.field-wrapper.form-inline .control-label {
  display: inline-block;
}

.field-wrapper-html .input-localized .input-group-item {
  flex-wrap: nowrap;
}

.taglib-header {
  border-bottom: 1px solid #c8c9ca;
  color: #555;
  margin-bottom: 1em;
  padding-bottom: 10px;
}
.taglib-header .header-title {
  display: inline-block;
  margin: 0.1em;
  max-width: 100%;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  word-wrap: normal;
}
.taglib-header .header-back-to {
  display: inline-block;
  vertical-align: middle;
}
.taglib-header .header-back-to a {
  display: block;
  font-weight: bold;
  padding: 0 0.3em 0 0;
  text-decoration: none;
}

.taglib-icon {
  text-decoration: none;
}
.taglib-icon:not(.btn):hover .taglib-text, .taglib-icon:not(.btn):focus .taglib-text {
  text-decoration: underline;
}
.taglib-icon[lang] > img {
  vertical-align: baseline;
  width: 16px;
}

.taglib-icon-help {
  color: #6b6c7e !important;
}
.taglib-icon-help:hover, .taglib-icon-help:active {
  color: #272833 !important;
}

.icon-monospaced {
  color: inherit;
  display: inline-block;
  height: 2rem;
  line-height: 34px;
  text-align: center;
  width: 2rem;
}
.icon-monospaced.lexicon-icon {
  padding: 8px;
}

.taglib-icon-list li {
  float: left;
  margin-right: 1em;
}
.taglib-icon-list:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

.lfr-icon-menu .lfr-icon-menu-icon {
  max-width: none;
}
@media (max-width: 767.98px) {
  .table-cell.last .lfr-icon-menu .dropdown-toggle {
    text-align: center;
  }
  .table-cell.last .lfr-icon-menu .dropdown-toggle > img,
  .table-cell.last .lfr-icon-menu .dropdown-toggle .lfr-icon-menu-text {
    display: none;
  }
}

.lfr-menu-list {
  float: none;
  overflow-y: auto;
  position: relative;
}
.lfr-menu-list.direction-right {
  margin: 0 2px;
}
.lfr-menu-list.dropdown-menu {
  float: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .lfr-menu-list.dropdown-menu > li > a {
    font-size: 22px;
    line-height: 40px;
    white-space: normal;
  }
  .lfr-menu-list.dropdown-menu > li > a img {
    margin-bottom: 3px;
  }
}
.lfr-menu-list.dropdown-menu .search-panel {
  margin-bottom: 0;
}
.lfr-menu-list.dropdown-menu .search-panel .form-group {
  margin: 0 16px;
}
.lfr-menu-list.dropdown-menu .search-panel .menu-item-filter {
  width: auto;
}
body > .lfr-menu-list ul {
  border-radius: 4px;
}

.lfr-icon-menu-open:after {
  clear: both;
  content: "";
  display: table;
}
.lfr-icon-menu-open .dropdown-menu {
  position: static;
}

.input-localized.input-localized-editor .form-control {
  border-width: 0;
  height: 100%;
  padding: 0;
}
.input-localized .input-group-item {
  flex-direction: column;
}
.input-localized .input-localized-content {
  margin-left: 6px;
}
.input-group .input-localized .input-localized-content {
  margin-top: 3px;
}
.input-localized .lfr-input-localized .lfr-input-localized-state {
  background-color: #ddd;
}
.input-localized .lfr-input-localized .lfr-input-localized-state.lfr-input-localized-state-error {
  background-color: #ff0047;
}
.input-localized .lfr-input-localized-default a {
  margin-right: 14px;
}
.input-localized .lfr-input-localized-state {
  height: 4px;
  margin: 3px 5px;
  width: 4px;
}
.input-localized .palette-item-inner .lfr-input-localized-flag {
  font-size: 16px;
  opacity: 0.5;
}
.input-localized .palette-item,
.input-localized .palette-item-hover,
.input-localized .palette-item-hover .palette-item-inner {
  border-color: transparent;
}
.input-localized .palette-item-inner {
  border-color: #666;
  display: block;
  height: 16px;
  width: 16px;
}
.input-localized .palette-item-selected .lfr-input-localized-state {
  background: #27c1f2;
}

.input-localized-palette-container .palette-items-container {
  font-size: 0;
  margin: 0;
  white-space: normal;
}
.input-localized-palette-container .palette-item {
  border-width: 0;
  padding: 0.5rem 1.25rem;
}
.input-localized-palette-container .palette-item-inner {
  border: 1px solid;
  margin-right: 4px;
  width: 16px;
}
.input-localized-palette-container .palette-item-inner img {
  display: block;
}

.taglib-move-boxes {
  margin-bottom: 1em;
}
.taglib-move-boxes label, .taglib-move-boxes body mat-label, body .taglib-move-boxes mat-label, .taglib-move-boxes #wrapper mat-label, #wrapper .taglib-move-boxes mat-label {
  border-bottom: 1px solid transparent;
  display: block;
  margin-bottom: 5px;
  padding: 5px;
}
.taglib-move-boxes .toolbar {
  text-align: center;
}
.taglib-move-boxes .arrow-button img {
  border-width: 0;
  height: 16px;
  width: 16px;
}
.taglib-move-boxes .choice-selector {
  width: 100%;
}
.taglib-move-boxes .choice-selector label, .taglib-move-boxes .choice-selector body mat-label, body .taglib-move-boxes .choice-selector mat-label, .taglib-move-boxes .choice-selector #wrapper mat-label, #wrapper .taglib-move-boxes .choice-selector mat-label {
  background: #ebf1f9;
  border-bottom-color: #8db2f3;
}
.taglib-move-boxes .field-content {
  margin-bottom: 0;
}
.taglib-move-boxes .move-arrow-buttons {
  margin-top: 5em;
}
.taglib-move-boxes .move-arrow-buttons .arrow-button {
  display: block;
}
.taglib-move-boxes .sortable-container {
  margin-top: 10px;
}
.taglib-move-boxes .sortable-container .btn.edit-selection {
  margin-bottom: 10px;
}
.taglib-move-boxes .sortable-container .move-option {
  background-color: transparent;
  border-top: 1px solid #ddd;
  display: none;
  margin: 2px 0;
  padding: 2px;
  position: relative;
}
.taglib-move-boxes .sortable-container .move-option.selected {
  display: block;
}
.taglib-move-boxes .sortable-container .move-option.move-option-dragging {
  background-color: #fafafa;
}
.taglib-move-boxes .sortable-container .move-option .checkbox,
.taglib-move-boxes .sortable-container .move-option .handle {
  position: absolute;
}
.taglib-move-boxes .sortable-container .move-option .checkbox {
  display: none;
  margin: 7px 0 0 5px;
}
.taglib-move-boxes .sortable-container .move-option .handle {
  color: #999;
  cursor: pointer;
  font-size: 1.5em;
  padding: 6px;
}
.taglib-move-boxes .sortable-container .move-option .title {
  font-size: 1.2em;
  margin: 1px 0 1px 30px;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option {
  display: block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .checkbox {
  display: inline-block;
}
.taglib-move-boxes .sortable-container.edit-list-active .move-option .handle {
  display: none;
}
.mobile .taglib-move-boxes .selector-container {
  display: none;
}

.item-selector .card-row > .autofit-col-expand {
  padding-top: 4px;
}
.item-selector .drop-zone {
  background-color: #f1f2f5;
  margin-top: 1rem;
}
.item-selector .input-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.item-selector .input-file + label, .item-selector body .input-file + mat-label, body .item-selector .input-file + mat-label, .item-selector #wrapper .input-file + mat-label, #wrapper .item-selector .input-file + mat-label {
  position: relative;
}
.item-selector .input-file + label::before, .item-selector body .input-file + mat-label::before, body .item-selector .input-file + mat-label::before, .item-selector #wrapper .input-file + mat-label::before, #wrapper .item-selector .input-file + mat-label::before {
  border-radius: 4px;
  bottom: -2px;
  content: "";
  display: block;
  left: -2px;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: box-shadow 0.15s ease-in-out;
}
.item-selector .input-file:focus + label::before, .item-selector body .input-file:focus + mat-label::before, body .item-selector .input-file:focus + mat-label::before, .item-selector #wrapper .input-file:focus + mat-label::before, #wrapper .item-selector .input-file:focus + mat-label::before {
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #80acff;
}
.item-selector .item-selector-list-row:hover {
  background-color: #f0f5ff;
  cursor: pointer;
}

.lfr-map {
  border: 1px solid #ccc;
  min-height: 400px;
  width: 100%;
}
.lfr-map .home-button {
  margin: 5px;
}
@media (max-width: 575.98px) {
  .lfr-map .home-button {
    height: 35px;
    width: 45px;
  }
}
.lfr-map .search-controls {
  font-size: 15px;
  margin-top: 5px;
  width: 100%;
}
@media (min-width: 576px) {
  .lfr-map .search-controls {
    width: 50%;
  }
}
.lfr-map .search-controls .search-input {
  width: 100%;
}

.navbar .navbar-collapse {
  max-height: none;
}
.navbar .navbar-collapse:after, .navbar .navbar-collapse:before {
  display: inline;
}
@media (max-width: 767.98px) {
  .navbar .navbar-search {
    background-color: #f3f3f3;
    border-top-width: 0;
    width: 100%;
  }
}
.navbar .navbar-search .form-search {
  margin: 8px 0;
}
@media (min-width: 768px) {
  .navbar .navbar-search .form-search {
    float: right;
    max-width: 275px;
  }
}
@media (max-width: 767.98px) {
  .navbar .navbar-search .form-search .input-group {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .navbar .container .navbar-btn,
  .navbar .container-fluid .navbar-btn {
    margin-bottom: 5px;
    width: 45px;
  }
  .navbar .container .navbar-collapse.open,
  .navbar .container-fluid .navbar-collapse.open {
    border-width: 0;
    display: block;
    height: auto;
    overflow: visible;
  }
}

.taglib-portlet-preview.show-borders {
  border: 1px solid #828f95;
  margin-bottom: 1em;
  padding: 3px 3px 1em;
}
.taglib-portlet-preview.show-borders .title {
  background-color: #d3dadd;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0.5em;
}
.taglib-portlet-preview .preview {
  margin: 1em;
  min-height: 90px;
}

.lfr-search-container .entry-action {
  width: 1px;
}
.lfr-search-container .entry-action .taglib-icon {
  white-space: nowrap;
}

.lfr-search-container-wrapper.lfr-search-container-fixed-first-column {
  position: relative;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive {
    margin-left: 375px;
    width: auto;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table {
  position: static;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header {
  left: 12px;
  position: fixed;
  right: 12px;
  top: -1px;
  z-index: 1020;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th {
  display: block;
  padding: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
  overflow-x: hidden;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper {
    margin-left: 375px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table {
  border-collapse: collapse;
  width: 100%;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table .lfr-search-iterator-fixed-header > th .lfr-search-iterator-fixed-header-inner-wrapper table th {
  border-radius: 0;
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td,
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  width: auto;
}
@media (min-width: 576px) {
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table td:first-child,
  .lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th:first-child {
    background-color: #fff;
    left: 0;
    position: absolute;
    right: 15px;
  }
}
.lfr-search-container-wrapper.lfr-search-container-fixed-first-column .table-responsive .table th {
  height: auto;
}
.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link) {
  color: #495057;
  font-weight: 500;
  text-decoration: underline;
}
.lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):focus, .lfr-search-container-wrapper a:not(.btn):not(.component-action):not(.page-link):hover {
  color: #000;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle {
  color: #6b6c7e;
}
.lfr-search-container-wrapper .dropdown-action .dropdown-toggle:hover {
  color: #272833;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle {
  color: #6b6c7e;
}
.lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:active, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:focus, .lfr-search-container-wrapper .lfr-icon-menu > .dropdown-toggle:hover {
  background-color: #f7f8f9;
  border-radius: 4px;
  color: #272833;
}
.lfr-search-container-wrapper .lfr-search-container-list .list-group:last-child .list-group-item:nth-last-child(2) {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.lfr-search-container-wrapper .lfr-search-container-list + .taglib-search-iterator-page-iterator-bottom {
  margin-top: 20px;
}
.lfr-search-container-wrapper .list-group {
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group + .list-group .list-group-header:first-child,
.lfr-search-container-wrapper .list-group + .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item .h4,
.lfr-search-container-wrapper .list-group .list-group-item h4 {
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item .h5,
.lfr-search-container-wrapper .list-group .list-group-item .h6,
.lfr-search-container-wrapper .list-group .list-group-item h5,
.lfr-search-container-wrapper .list-group .list-group-item h6 {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0;
}
.lfr-search-container-wrapper .list-group .list-group-item span + h2.h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .list-group .list-group-item .h6 + .h5,
.lfr-search-container-wrapper .list-group .list-group-item h6 + h5 {
  font-weight: 600;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:first-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:first-child {
  border-bottom-left-radius: 0.25rem;
}
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) td:last-child,
.lfr-search-container-wrapper .table-list tbody tr:nth-last-child(2) th:last-child {
  border-bottom-right-radius: 0.25rem;
}

.user-info {
  display: flex;
}
.user-info .sticker {
  align-self: center;
}
.user-info .user-details {
  margin-left: 1rem;
}
.user-info .user-name {
  color: #272833;
  font-weight: 600;
}
.user-info .date-info {
  color: #6b6c7e;
}

.user-status-tooltip .user-status-avatar {
  float: left;
  margin-right: 5px;
}
.user-status-tooltip .user-status-avatar .user-status-avatar-image {
  width: 27px;
}
.user-status-tooltip .user-status-info {
  display: inline-block;
  overflow: hidden;
}
.user-status-tooltip .user-status-info .user-status-date {
  font-size: 11px;
}

.lfr-search-container {
  margin-top: 1.5em;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .lfr-search-container .selector-button {
    width: auto;
  }
}
.touch .lfr-search-container {
  -webkit-overflow-scrolling: touch;
}
.touch .lfr-search-container .searchcontainer-content .table {
  max-width: none;
}

.taglib-page-iterator {
  clear: both;
  height: auto;
  width: auto;
}
.taglib-page-iterator .lfr-pagination-buttons {
  float: right;
  margin: 0;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    width: 100%;
  }
}
@media (max-width: 991.98px) and (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-buttons {
    float: none;
    margin-top: 20px;
  }
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-buttons > li {
    display: inline-block;
    width: 50%;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li.first, .taglib-page-iterator .lfr-pagination-buttons > li.last {
    display: none;
  }
  .taglib-page-iterator .lfr-pagination-buttons > li > a {
    line-height: 20px;
    padding: 11px 19px;
  }
}
.taglib-page-iterator .lfr-pagination-config {
  float: left;
  line-height: 46px;
}
@media (max-width: 767.98px) {
  .taglib-page-iterator .lfr-pagination-config {
    float: none;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu {
    display: block;
  }
  .taglib-page-iterator .lfr-pagination-config .current-page-menu .btn {
    display: block;
  }
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector,
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-page-selector {
  display: inline;
}
.taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
  float: none;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .lfr-pagination-config .lfr-pagination-delta-selector {
    display: none;
  }
}
.taglib-page-iterator .search-results {
  float: left;
  line-height: 46px;
  margin-left: 10px;
}
@media (max-width: 991.98px) {
  .taglib-page-iterator .search-results {
    display: none;
  }
}

@media (max-width: 991.98px) {
  ul.pagination ul.inline-scroller {
    max-height: inherit;
  }
}
.taglib-search-toggle .form-search {
  position: relative;
}
.taglib-search-toggle .form-search .input-group-btn {
  position: absolute;
}
@media (min-width: 992px) {
  .taglib-search-toggle .form-search .input-group-btn {
    position: static;
  }
}
.taglib-search-toggle .toggle-advanced {
  color: inherit;
  margin-left: 10px;
  position: absolute;
  top: 8px;
}
.taglib-search-toggle .toggle-advanced, .taglib-search-toggle .toggle-advanced:hover, .taglib-search-toggle .toggle-advanced:focus {
  text-decoration: none;
}

.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  background-color: #fcfcfc;
  border: solid #ddd;
  border-width: 0 1px 1px;
  margin-top: 0;
  padding: 15px 15px 0;
}
.navbar-search .taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced {
  border-width: 1px 0 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content {
  position: relative;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields {
  margin-bottom: 0;
}
.taglib-search-toggle-advanced-wrapper .taglib-search-toggle-advanced .taglib-search-toggle-advanced-content .match-fields-legend {
  color: #999;
  font-size: 13px;
}
.taglib-search-toggle-advanced-wrapper .btn.close {
  margin-right: 5px;
  position: relative;
  z-index: 1;
}

.taglib-user-display {
  padding: 0.5em;
}
.taglib-user-display .avatar {
  background: no-repeat center;
  background-size: 60px;
  display: block;
  height: 60px;
  margin: 0 auto;
  width: 60px;
}
.taglib-user-display .avatar.author:after {
  background: rgba(50, 168, 230, 0.5);
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  width: 100%;
}
.taglib-user-display .user-details {
  margin-top: 1em;
}
.taglib-user-display .user-name {
  font-size: 1.1em;
  font-weight: bold;
}
.taglib-user-display a .user-name {
  text-decoration: underline;
}
.taglib-user-display.display-style-1 .user-profile-image {
  float: left;
  margin-right: 24px;
}
.taglib-user-display.display-style-1 .user-name {
  display: inline-block;
  margin-top: 10px;
}
.taglib-user-display.display-style-1 .user-details {
  margin-top: 0;
}
.taglib-user-display.display-style-2 .user-profile-image,
.taglib-user-display.display-style-2 .user-name {
  clear: both;
  display: block;
  min-height: 20px;
  text-align: center;
}
.taglib-user-display.display-style-3 {
  padding: 0;
}
.taglib-user-display.display-style-3 .user-profile-image {
  display: inline-block;
  vertical-align: middle;
}

.taglib-workflow-status .workflow-id,
.taglib-workflow-status .workflow-version,
.taglib-workflow-status .workflow-status {
  color: #999;
}
.table-cell .taglib-workflow-status {
  margin: 0;
}
.table-cell .taglib-workflow-status .workflow-status {
  padding-left: 0;
}

.lfr-autocomplete-input-list .yui3-aclist-list {
  margin: 0;
}

.portal-popup .sheet > .lfr-nav {
  margin-top: -24px;
}
.portal-popup .contacts-portlet .portlet-configuration-container .form {
  position: static;
}
.portal-popup .lfr-form-content {
  padding: 24px 12px;
}
.portal-popup .portlet-body,
.portal-popup .portlet-boundary,
.portal-popup .portlet-column,
.portal-popup .portlet-layout {
  height: 100%;
}
.portal-popup .portlet-column {
  position: static;
}
.portal-popup .dialog-body > .container-fluid-max-xl,
.portal-popup .dialog-body .container-view,
.portal-popup .export-dialog-tree > .container-fluid-max-xl,
.portal-popup .export-dialog-tree .container-view,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader .container-view,
.portal-popup .lfr-form-content > .container-fluid-max-xl,
.portal-popup .lfr-form-content .container-view,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content .container-view,
.portal-popup .process-list > .container-fluid-max-xl,
.portal-popup .process-list .container-view,
.portal-popup .roles-selector-body > .container-fluid-max-xl,
.portal-popup .roles-selector-body .container-view {
  padding-top: 20px;
}
.portal-popup .dialog-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .dialog-body .container-view .nav-tabs-underline,
.portal-popup .export-dialog-tree > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .export-dialog-tree .container-view .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-dynamic-uploader .container-view .nav-tabs-underline,
.portal-popup .lfr-form-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .lfr-form-content .container-view .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .portlet-configuration-body-content .container-view .nav-tabs-underline,
.portal-popup .process-list > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .process-list .container-view .nav-tabs-underline,
.portal-popup .roles-selector-body > .container-fluid-max-xl .nav-tabs-underline,
.portal-popup .roles-selector-body .container-view .nav-tabs-underline {
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -20px;
}
.portal-popup .dialog-body > .lfr-nav + .container-fluid-max-xl,
.portal-popup .export-dialog-tree > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-dynamic-uploader > .lfr-nav + .container-fluid-max-xl,
.portal-popup .lfr-form-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .portlet-configuration-body-content > .lfr-nav + .container-fluid-max-xl,
.portal-popup .process-list > .lfr-nav + .container-fluid-max-xl,
.portal-popup .roles-selector-body > .lfr-nav + .container-fluid-max-xl {
  padding-top: 0;
}
.portal-popup .login-container {
  padding: 1.5rem;
}
.portal-popup .navbar ~ .portlet-configuration-setup,
.portal-popup .portlet-export-import-container {
  height: calc(100% - 48px);
  position: relative;
}
@media (min-width: 576px) {
  .portal-popup .navbar ~ .portlet-configuration-setup,
  .portal-popup .portlet-export-import-container {
    height: calc(100% - 48px);
  }
}
.portal-popup .panel-group .panel {
  border-left-width: 0;
  border-radius: 0;
  border-right-width: 0;
}
.portal-popup .panel-group .panel + .panel {
  border-top-width: 0;
  margin-top: 0;
}
.portal-popup .panel-heading {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.portal-popup .portlet-configuration-setup .lfr-nav {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  padding-left: 3px;
  padding-right: 3px;
}
@media (min-width: 576px) {
  .portal-popup .portlet-configuration-setup .lfr-nav {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.portal-popup .lfr-dynamic-uploader,
.portal-popup .process-list {
  bottom: 0;
  display: block;
  left: 0;
  overflow: auto;
  position: absolute;
  right: 0;
  top: 48px;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 576px) {
  .portal-popup .lfr-dynamic-uploader,
  .portal-popup .process-list {
    top: 48px;
  }
}
.portal-popup .portlet-export-import-publish-processes {
  top: 0;
}
.portal-popup .dialog-footer {
  background-color: #fff;
  border-top: 1px solid #e7e7ed;
  bottom: 0;
  display: flex;
  flex-direction: row-reverse;
  left: 0;
  margin: 0;
  padding: 10px 24px;
  width: 100%;
  z-index: 1020;
}
@media (min-width: 768px) {
  .portal-popup .dialog-footer {
    position: fixed;
  }
}
.portal-popup .dialog-footer .btn {
  margin-left: 1rem;
  margin-right: 0;
}
.portal-popup .dialog-footer.dialog-footer-not-reverse {
  flex-direction: initial;
  justify-content: flex-end;
}
@media (min-width: 768px) {
  .portal-popup .dialog-body:not(:last-child),
  .portal-popup .lfr-dynamic-uploader:not(:last-child),
  .portal-popup .lfr-form-content:not(:last-child),
  .portal-popup .portlet-configuration-body-content:not(:last-child),
  .portal-popup .roles-selector-body:not(:last-child) {
    padding-bottom: 60px;
  }
}
.portal-popup .lfr-dynamic-uploader {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer {
  bottom: 0;
}
.portal-popup .lfr-dynamic-uploader.hide-dialog-footer + .dialog-footer {
  display: none;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content {
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.portal-popup .portlet-configuration-edit-permissions .portlet-configuration-body-content > form {
  flex-grow: 1;
  max-width: none;
  overflow: auto;
}
.portal-popup .portlet-configuration-edit-templates .portlet-configuration-body-content {
  bottom: 0;
}
.portal-popup:not(.article-preview) #main-content,
.portal-popup:not(.article-preview) #wrapper {
  bottom: 0;
  left: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-overflow-scrolling: touch;
}
@media print {
  .portal-popup:not(.article-preview) #main-content,
  .portal-popup:not(.article-preview) #wrapper {
    position: initial;
  }
}
.portal-popup .columns-max > .portlet-layout.row {
  margin-left: 0;
  margin-right: 0;
}
.portal-popup .columns-max > .portlet-layout.row > .portlet-column {
  padding-left: 0;
  padding-right: 0;
}

html:not(#__):not(#___) .portlet-layout.dragging {
  border-collapse: separate;
}
html:not(#__):not(#___) .drop-area {
  background-color: #d3dadd;
}
html:not(#__):not(#___) .active-area {
  background: #ffc;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
}
html:not(#__):not(#___) .portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}
html:not(#__):not(#___) .sortable-layout-proxy {
  opacity: 1;
}
html:not(#__):not(#___) .sortable-layout-proxy .portlet-topper {
  background-image: none;
}
html:not(#__):not(#___) .proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
html:not(#__):not(#___) .proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
html:not(#__):not(#___) .proxy.generic-portlet .portlet-title {
  padding: 10px;
}
html:not(#__):not(#___) .proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}
html:not(#__):not(#___) .resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}
html:not(#__):not(#___) .sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}
html:not(#__):not(#___) .sortable-layout-drag-target-indicator {
  margin: 2px 0;
}
html:not(#__):not(#___) .yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-layout.dragging {
  border-collapse: separate;
}

.drop-area {
  background-color: #d3dadd;
}

.active-area {
  background: #ffc;
}

.portlet-boundary.yui3-dd-dragging {
  opacity: 0.6;
  transform: scale(0.8);
  transition: transform 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .portlet-boundary.yui3-dd-dragging {
    transition: none;
  }
}
.c-prefers-reduced-motion .portlet-boundary.yui3-dd-dragging {
  transition: none;
}
.portlet-boundary.yui3-dd-dragging .portlet {
  border: 2px dashed #ccc;
}

.sortable-layout-proxy {
  opacity: 1;
}
.sortable-layout-proxy .portlet-topper {
  background-image: none;
}

.proxy {
  cursor: move;
  opacity: 0.65;
  position: absolute;
}
.proxy.generic-portlet {
  height: 200px;
  width: 300px;
}
.proxy.generic-portlet .portlet-title {
  padding: 10px;
}
.proxy.not-intersecting .forbidden-action {
  background: url(../images/application/forbidden_action.png) no-repeat;
  display: block;
  height: 32px;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 32px;
}

.resizable-proxy {
  border: 1px dashed #828f95;
  position: absolute;
  visibility: hidden;
}

.sortable-proxy {
  background: #727c81;
  margin-top: 1px;
}

.sortable-layout-drag-target-indicator {
  margin: 2px 0;
}

.yui3-dd-proxy {
  z-index: 1110 !important;
}

.portlet-column-content.empty {
  padding: 50px;
}

.lfr-portlet-title-editable {
  margin-top: 0;
  z-index: 9999;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content {
  padding: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .field-input {
  margin-bottom: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .textfield-label {
  display: none;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-toolbar-content {
  display: inline-block;
  vertical-align: bottom;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn-group {
  margin-top: 0;
}
.lfr-portlet-title-editable .lfr-portlet-title-editable-content .btn {
  display: inline-block;
  float: none;
  margin-top: 0;
  width: auto;
}

.lfr-source-editor {
  border: solid 0 #ccc;
  border-bottom-width: 2px;
  position: relative;
}
.lfr-source-editor .ace_editor {
  height: 100%;
}
.lfr-source-editor .lfr-source-editor-toolbar li > .btn {
  background-color: #fff;
  border: transparent;
  color: #717383;
  outline: 0;
}
.lfr-source-editor .lfr-source-editor-code {
  background-color: #fff;
  color: #2b4259;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter {
  background-color: #ededef;
  color: #868896;
  overflow: hidden;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget {
  font-family: fontawesome-alloy;
  text-align: center;
  vertical-align: middle;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open, .lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_open:before {
  content: "▾";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_fold-widget.ace_closed:before {
  content: "▸";
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-cell {
  color: #fff;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #717383;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_gutter-layer {
  border-right: solid 1px #ccc;
}
.lfr-source-editor .lfr-source-editor-code .ace_gutter .ace_info {
  background-image: none;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #ededef;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_constant {
  color: #34adab;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_tag {
  color: #1d5ec7;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string {
  color: #ff6c58;
}
.lfr-source-editor .lfr-source-editor-code .ace_content .ace_string.ace_regex {
  color: #f00;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code {
  background-color: #47474f;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter {
  background: #54555e;
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_gutter .ace_gutter-active-line {
  background-color: #009aed;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_active-line {
  background-color: #11394e;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_cursor {
  color: #fff;
}
.lfr-source-editor.ace_dark .lfr-source-editor-code .ace_content .ace_tag {
  color: #4d91ff;
}

.lfr-fullscreen-source-editor {
  height: 100%;
  overflow: hidden;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-header {
  height: 40px;
  margin-right: 4px;
  margin-top: 4px;
  min-height: 40px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content {
  height: 95%;
  position: relative;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .panel-splitter {
  border: 1px solid #ccc;
  position: absolute;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .preview-panel {
  display: inline-block;
  overflow-y: auto;
  padding-left: 20px;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content .source-panel {
  display: inline-block;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .preview-panel {
  height: 100%;
  width: 50%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.vertical .panel-splitter {
  height: 100%;
  left: 50%;
  top: 0;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .source-panel,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .preview-panel {
  height: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.horizontal .panel-splitter {
  top: 50%;
  width: 100%;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .panel-splitter,
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .preview-panel {
  display: none;
}
.lfr-fullscreen-source-editor .lfr-fullscreen-source-editor-content.simple .source-panel {
  height: 100%;
  width: 100%;
}

.lfr-fulscreen-source-editor-dialog .modal-footer {
  text-align: left;
}

.file-icon-color-0 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-1 {
  background-color: #fff;
  color: #6b6c7e;
}

.file-icon-color-2 {
  background-color: #fff;
  color: #24a892;
}

.file-icon-color-3 {
  background-color: #fff;
  color: #ff4d4d;
}

.file-icon-color-4 {
  background-color: #fff;
  color: #ff6200;
}

.file-icon-color-5 {
  background-color: #fff;
  color: #bf66ff;
}

.file-icon-color-6 {
  background-color: #fff;
  color: #0099e6;
}

.file-icon-color-7 {
  background-color: #fff;
  color: #ff4db2;
}

.lfr-item-viewer.uploading > div:not(.progress-container) {
  opacity: 0.3;
}
.lfr-item-viewer.uploading > .progress-container {
  visibility: visible;
}
.lfr-item-viewer .aspect-ratio a.item-preview {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  width: 100%;
}
.lfr-item-viewer .image-viewer-base-image-list {
  padding-top: 35px;
}
.lfr-item-viewer .item-preview:hover {
  cursor: pointer;
}
.lfr-item-viewer .progress-container {
  background-color: #fff;
  left: 0;
  margin: 0 auto;
  padding: 20px 30px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  visibility: hidden;
  width: 80%;
  z-index: 1000;
}
.lfr-item-viewer .progress-container a {
  position: absolute;
  right: 30px;
}
.lfr-item-viewer .progress-container .progress {
  margin-top: 10px;
}
.lfr-item-viewer .search-info {
  background-color: #d3e8f1;
}
.lfr-item-viewer .search-info .keywords {
  font-size: 1.4em;
  font-weight: bold;
}
.lfr-item-viewer .search-info .change-search-folder {
  font-size: 0.8em;
  font-weight: normal;
}
.lfr-item-viewer .upload-view {
  display: table;
  height: 400px;
  margin-top: 20px;
  width: 100%;
}
.lfr-item-viewer .upload-view > div {
  display: table-cell;
  vertical-align: middle;
}
.lfr-item-viewer .yui3-widget-bd {
  position: relative;
}

.lfr-menu-expanded li a:focus {
  background-color: #5b677d;
  color: #fff;
  text-shadow: -1px -1px #2c2f34;
}

.lfr-url-error {
  display: inline-block;
  white-space: normal;
  overflow-wrap: break-all;
  word-wrap: break-all;
}

.lfr-page-layouts {
  padding: 0;
}
.lfr-page-layouts input[type=radio] {
  opacity: 0;
  position: absolute;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal {
  cursor: default;
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  bottom: 0px;
  content: "";
  left: 0px;
  position: absolute;
  right: 0px;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts input[type=radio]:checked + .card-horizontal::after {
  transition: none;
}

.lfr-page-layouts .card-horizontal {
  border-width: 1px;
  box-shadow: none;
  cursor: pointer;
  outline: 0;
  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) {
  .lfr-page-layouts .card-horizontal {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal {
  transition: none;
}

.lfr-page-layouts .card-horizontal::after {
  border-radius: 0 0 0.25rem 0.25rem;
  bottom: 0px;
  content: "";
  height: 0;
  left: 0px;
  position: absolute;
  right: 0px;
  transition: height 0.15s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-page-layouts .card-horizontal::after {
    transition: none;
  }
}
.lfr-page-layouts .card-horizontal::after {
  transition: none;
}

.modal-body.dialog-iframe-bd {
  overflow: hidden;
  padding: 0;
}

.modal-dialog:not(.dialog-iframe-modal):not(.modal-full-screen) {
  position: relative;
}
.modal-dialog.dialog-iframe-modal {
  max-width: none;
}
.modal-dialog.modal-dialog-sm {
  max-width: 600px;
}
.modal-dialog .yui3-resize-handles-wrapper {
  pointer-events: all;
}
.modal-dialog .yui3-resize-handles-wrapper .yui3-resize-handle-inner-br {
  bottom: 0;
  right: 0;
}

.modal-open .modal {
  display: block;
}

.sheet > .panel-group .sheet-footer {
  margin-bottom: 0;
}

.sheet-footer .btn {
  margin-right: 1rem;
}
.sheet-footer .btn:last-child {
  margin-right: 0;
}

.tag-items {
  list-style: none;
  margin: 0 1em 0 0;
  padding: 0 1em 0.5em;
  white-space: normal;
}
.tag-items li {
  display: inline-block;
  margin: 0 1em 0 0;
  max-width: 100%;
}

.tag-selected {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-popularity-1 {
  font-size: 1em;
}
.tag-cloud .tag-popularity-2 {
  font-size: 1.3em;
}
.tag-cloud .tag-popularity-3 {
  font-size: 1.6em;
}
.tag-cloud .tag-popularity-4 {
  font-size: 1.9em;
}
.tag-cloud .tag-popularity-5 {
  font-size: 2.2em;
}
.tag-cloud .tag-popularity-6 {
  font-size: 2.5em;
}

.lfr-portal-tooltip {
  display: inline-flex;
}
.lfr-portal-tooltip,
.lfr-portal-tooltip a {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.tree-node .icon-check {
  padding-right: 2px;
}
.tree-node .tree-node-checked .icon-check {
  padding-right: 0;
}
.tree-node [class^=icon-] {
  margin-right: 5px;
}
.tree-node .tree-node-checkbox-container {
  margin-right: 0;
}
.tree-node .tree-node-selected .tree-label {
  background: none;
}

.tree-node-content .tree-hitarea {
  color: #999;
  font-size: 10px;
  padding-right: 6px;
}
.tree-node-content .tree-label {
  margin-left: 3px;
}
.tree-node-content .tree-node-hidden-hitarea {
  visibility: hidden;
}

.tree-node-selected .tree-label {
  background-color: transparent;
}

.tree-view li.tree-node .tree-node-content svg.lexicon-icon {
  pointer-events: none;
}

.user-icon-color-0 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #6b6c7e;
}

.user-icon-color-1 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #66abff;
}

.user-icon-color-2 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #ff6200;
}

.user-icon-color-3 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #ff4d4d;
}

.user-icon-color-4 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #24a892;
}

.user-icon-color-5 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #ff4db2;
}

.user-icon-color-6 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #53a117;
}

.user-icon-color-7 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #bf66ff;
}

.user-icon-color-8 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #b38900;
}

.user-icon-color-9 {
  background-color: #fff;
  box-shadow: 0 0 0 1px #e7e7ed;
  color: #0099e6;
}

.collapse.open {
  display: block;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox='0%200%2016%2016'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cpath%20class='lexicon-icon-outline'%20d='M15%203H1a1%201%200%200%201%200-2h14a1%201%200%200%201%200%202Zm0%206H1a1%201%200%200%201%200-2h14a1%201%200%200%201%200%202ZM1%2015h14a1%201%200%200%200%200-2H1a1%201%200%200%200%200%202Z'%20fill='%23272833'/%3E%3C/svg%3E");
  height: 1em;
  width: 1em;
}

.navbar-nav .nav-item.hover:after {
  bottom: -0.3125rem;
  content: "";
  height: 0.3125rem;
  left: 0;
  position: absolute;
  width: 100%;
}

.navbar .navbar-toggler .c-inner {
  max-width: none;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
html:not(#__):not(#___) .cadmin .component-action.portlet-options {
  color: white;
}

body.portlet {
  border-width: 0;
}

.portlet-icon-back {
  margin-top: -2px;
}
.portlet-topper .portlet-topper-toolbar .portlet-icon-back {
  background: url(../images/arrows/12_left.png) no-repeat 0 50%;
  padding: 5px 5px 5px 18px;
}

.portlet-options-dropdown {
  z-index: 1035;
}

.portlet-topper {
  position: relative;
}
.portlet-topper .portlet-topper-toolbar .portlet-options .lfr-icon-menu-text {
  display: none;
}
.portlet-draggable .portlet-topper {
  cursor: move;
}

.portlet-title-editable {
  cursor: pointer;
}

.portlet-title-text {
  display: inline-block;
  margin-top: 0;
  max-width: 95%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}
.panel-page-body .portlet-title-text, .panel-page-content .portlet-title-text {
  cursor: auto;
}

.portlet-minimized .portlet-content {
  padding: 0;
}

.portlet-nested-portlets .portlet-boundary {
  left: 0 !important;
  position: relative !important;
  top: 0 !important;
}

.portlet-layout .portlet-header {
  margin-bottom: 1rem;
}

@media (min-width: 576px) {
  .portlet .visible-interaction {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .controls-hidden .portlet .visible-interaction {
    display: none;
  }
}
.portlet:hover .visible-interaction, .portlet.open .visible-interaction, .portlet.focus .visible-interaction {
  display: block;
}

.controls-hidden .lfr-meta-actions,
.controls-hidden .lfr-configurator-visibility {
  display: none;
}
.controls-hidden .portlet-title-editable {
  pointer-events: none;
}
.controls-hidden .portlet-topper {
  display: none !important;
}
.controls-hidden .portlet-topper-toolbar {
  display: none !important;
}

html:not(#__):not(#___) .cadmin.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #6b6c7e;
  display: box;
  display: flex;
  height: 28px;
  padding: 3px 12px 3px 24px;
  position: relative;
}
html:not(#__):not(#___) .cadmin.portlet-topper .lexicon-icon {
  height: 12px;
  width: 12px;
}
html:not(#__):not(#___) .cadmin.portlet-topper .lexicon-icon.lexicon-icon-drag {
  height: 16px;
  width: 16px;
}
html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: translateY(-97%);
    transition: opacity 0.15s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  html:not(#__):not(#___) .portlet > .cadmin.portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .portlet > .c-prefers-reduced-motion .cadmin.portlet-topper {
    transition: none;
  }
}
html:not(#__):not(#___) .cadmin .portlet-actions {
  float: right;
}
html:not(#__):not(#___) .cadmin .portlet-options {
  display: inline-block;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu {
  flex: 0 1 auto;
}
html:not(#__):not(#___) .cadmin .portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > span > a,
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar .lfr-icon-menu > a {
  color: #6b6c7e;
}
html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:focus, html:not(#__):not(#___) .cadmin .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
html:not(#__):not(#___) .cadmin .portlet-name-text {
  font-size: 12px;
  font-weight: 600;
  margin-left: 4px;
}
html:not(#__):not(#___) .cadmin .portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 576px) {
  html:not(#__):not(#___) .lfr-configurator-visibility .portlet:hover .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.focus .portlet-topper, html:not(#__):not(#___) .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.open > .portlet-content-editable, html:not(#__):not(#___) .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet:hover > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper, html:not(#__):not(#___) .controls-visible .portlet.focus > .cadmin.portlet-topper {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  html:not(#__):not(#___) .controls-visible .portlet.open > .cadmin.portlet-topper {
    transition-duration: 0ms;
  }
}
@media (max-width: 767.98px) {
  html:not(#__):not(#___) .controls-visible .cadmin.portlet-topper {
    align-items: center;
    display: box;
    display: flex;
  }
}
html:not(#__):not(#___) .controls-visible .cadmin .portlet-topper-toolbar {
  display: block;
}

.portlet {
  margin-bottom: 10px;
  position: relative;
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-content-editable, .controls-visible .portlet.open > .portlet-content-editable, .controls-visible .portlet.focus > .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (min-width: 768px) {
  .controls-visible .portlet:hover > .portlet-topper, .controls-visible .portlet.open > .portlet-topper, .controls-visible .portlet.focus > .portlet-topper {
    opacity: 1;
  }
}
@media (min-width: 576px) {
  .lfr-configurator-visibility .portlet:hover .portlet-topper, .lfr-configurator-visibility .portlet.focus .portlet-topper, .lfr-configurator-visibility .portlet.open .portlet-topper {
    opacity: 0.5;
  }
}

.portlet-content-editable {
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  transition: border-color 0.15s ease;
}
.portlet > .portlet-content-editable {
  border-color: transparent;
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-content-editable {
    border-color: transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}

.portlet-options {
  display: inline-block;
}

.portlet-title-default {
  flex: 1 1 auto;
  line-height: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.portlet-title-menu {
  flex: 0 1 auto;
}
.portlet-title-menu > span > a {
  display: inline-block;
  text-decoration: none;
}

.portlet-topper {
  background-color: #f7f7f7;
  border-color: transparent;
  border-radius: 0 0;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  color: #6b6c7e;
  display: box;
  display: flex;
  padding: 3px 12px 3px 24px;
  position: relative;
}
.portlet > .portlet-topper {
  display: none;
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    display: flex;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: opacity 0.15s;
    top: 0;
  }
}
@media (min-width: 768px) and (prefers-reduced-motion: reduce) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (min-width: 768px) {
  .portlet > .portlet-topper {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .controls-visible .portlet-topper {
    display: box;
    display: flex;
  }
}

.portlet-topper-toolbar {
  margin: 0;
  padding-left: 0;
}
.portlet-topper-toolbar > a,
.portlet-topper-toolbar > span > a,
.portlet-topper-toolbar .lfr-icon-menu > a {
  color: #6b6c7e;
}
.portlet-topper-toolbar > a:focus, .portlet-topper-toolbar > a:hover {
  text-decoration: none;
}
.controls-visible .portlet-topper-toolbar {
  display: block;
}

.lfr-panel-page .portlet-title {
  font-size: 13px;
}

.portlet-borderless .portlet-content {
  padding: 1rem;
}
.portlet-decorate .portlet-content {
  background: #fff;
  border-color: transparent;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  padding: 1rem;
  word-wrap: break-word;
}
.portlet-barebone .portlet-content {
  padding: 0;
}

.portlet-dynamic-data-lists-display .lfr-ddm-field-group,
.portlet-dynamic-data-lists .lfr-ddm-field-group {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 28px 24px;
}

.breadcrumb.breadcrumb-vertical {
  display: inline-block;
  text-align: center;
}
.breadcrumb.breadcrumb-vertical li {
  display: block;
}
.breadcrumb.breadcrumb-vertical li.last, .breadcrumb.breadcrumb-vertical li.only {
  background: none;
}
.breadcrumb.breadcrumb-vertical .divider {
  background: url(../images/arrows/07_down.png) no-repeat 50% 100%;
  display: block;
  height: 10px;
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
}

.navbar form {
  margin: 0;
}

:not(.inline-item) > .loading-animation {
  margin-bottom: 20px;
  margin-top: 20px;
}
.product-menu .loading-animation {
  margin-top: 160px;
}

@keyframes lfr-drop-active {
  0% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
  50% {
    background-color: #ddedde;
    border-color: #7d7;
    transform: scale(1.1);
  }
  75% {
    background-color: #ddedde;
    border-color: #7d7;
  }
  100% {
    background-color: #ebebeb;
    border-color: #ddd;
  }
}
.lfr-upload-container .progress-bar,
.lfr-upload-container .progress {
  border-radius: 10px;
}
.lfr-upload-container .upload-file,
.lfr-upload-container .upload-target {
  border-radius: 5px;
}
.upload-drop-active .lfr-upload-container .upload-target {
  animation: none;
}
.upload-drop-intent .lfr-upload-container .upload-target {
  animation: lfr-drop-active 1s ease 0.2s infinite;
}

.select-files {
  border-radius: 5px;
}

.taglib-form-navigator > .form-steps > ul.form-navigator.list-group {
  box-shadow: none;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:hover .number, .taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label:focus .number {
  box-shadow: 0 0 5px 0 #333;
  transition-duration: 0.25s;
  transition-property: box-shadow;
  transition-timing-function: ease-out;
}
.taglib-form-navigator > .form-steps > ul.form-navigator.list-group .tab .tab-label .number {
  border-radius: 50%;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.lfr-progress-active .progress-bar-status,
.lfr-upload-container .file-uploading .progress-bar .progress {
  animation: progress-bar-stripes 0.5s linear infinite;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
  background-size: 40px 40px;
  transition: width, 0.5s, ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .lfr-progress-active .progress-bar-status,
  .lfr-upload-container .file-uploading .progress-bar .progress {
    transition: none;
  }
}
.c-prefers-reduced-motion .lfr-progress-active .progress-bar-status,
.c-prefers-reduced-motion .lfr-upload-container .file-uploading .progress-bar .progress {
  transition: none;
}

@keyframes highlight-animation {
  from {
    background-color: #ffc;
  }
  to {
    background-color: transparent;
  }
}
.highlight-animation {
  animation: highlight-animation 0.7s;
}

.portlet-options.btn-group .dropdown-toggle, .portlet-options.btn-group.open .dropdown-toggle {
  box-shadow: none;
}

.form-group.form-inline.input-boolean-wrapper label, .form-group.form-inline.input-boolean-wrapper body mat-label, body .form-group.form-inline.input-boolean-wrapper mat-label, .form-group.form-inline.input-boolean-wrapper #wrapper mat-label, #wrapper .form-group.form-inline.input-boolean-wrapper mat-label, .form-group.form-inline.input-checkbox-wrapper label, .form-group.form-inline.input-checkbox-wrapper body mat-label, body .form-group.form-inline.input-checkbox-wrapper mat-label, .form-group.form-inline.input-checkbox-wrapper #wrapper mat-label, #wrapper .form-group.form-inline.input-checkbox-wrapper mat-label {
  gap: 0.3125rem;
}

.alert-dismissible {
  padding-right: calc(calc(1rem * 1.5) + 2rem);
}

@font-face {
  font-family: "Tiempos";
  src: url("../fonts/tiempos/TiemposTextWeb-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/tiempos/TiemposTextWeb-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/tiempos/TiemposTextWeb-Regular.woff2") format("woff2"), url("../fonts/tiempos/TiemposTextWeb-Regular.woff") format("woff"); /* Pretty Modern Browsers */
}
html {
  font-size: 100%;
}

#wrapper {
  /** Added for Mobile Nav Spacing issue **/
}
#wrapper p {
  margin-bottom: 1.5rem;
}
#wrapper a.arrow-link::after {
  content: "\f054";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 1.1rem;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper a.chevron-left-link {
  padding-right: 1rem;
  text-decoration: underline;
}
#wrapper a.chevron-left-link::before {
  content: "\f141";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 1.1rem;
  text-rendering: auto;
  line-height: inherit;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper a.chevron-left-link {
  padding-right: 1rem;
  text-decoration: underline;
}
#wrapper a.chevron-left-link::before {
  content: "\f141";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 1.1rem;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper h1,
#wrapper h2 {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper label, #wrapper mat-label {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1rem;
  color: #4a4a4a;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #wrapper label, #wrapper mat-label {
    font-size: 1.125rem;
  }
}
#wrapper label.large, #wrapper mat-label.large {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.5rem;
}
#wrapper label.sans, #wrapper mat-label.sans {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
#wrapper .dev-placeholder {
  color: red;
  font-weight: 700;
  font-style: italic;
}
#wrapper .dev-note {
  color: red;
  font-weight: 700;
  font-style: italic;
  padding: 3rem;
  border: 1px dashed red;
}
#wrapper ul.spire-ul li {
  list-style: none;
  margin-bottom: 1rem;
}
#wrapper ul.spire-ul li:before {
  color: #dd6716;
  content: "•";
  margin-left: -1rem;
  display: inline-block;
  width: 1rem;
}
#wrapper .name-capitalize {
  text-transform: capitalize;
}
@media (max-width: 768px) {
  #wrapper .py-3 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
  }
}

/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=1.9.32");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.9.32") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.9.32") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.9.32") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.9.32") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.9.32#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.mdi:before,
.mdi-set {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  font-size: inherit;
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.mdi-access-point:before {
  content: "\F002";
}

.mdi-access-point-network:before {
  content: "\F003";
}

.mdi-account:before {
  content: "\F004";
}

.mdi-account-alert:before {
  content: "\F005";
}

.mdi-account-box:before {
  content: "\F006";
}

.mdi-account-box-outline:before {
  content: "\F007";
}

.mdi-account-card-details:before {
  content: "\F5D2";
}

.mdi-account-check:before {
  content: "\F008";
}

.mdi-account-circle:before {
  content: "\F009";
}

.mdi-account-convert:before {
  content: "\F00A";
}

.mdi-account-edit:before {
  content: "\F6BB";
}

.mdi-account-key:before {
  content: "\F00B";
}

.mdi-account-location:before {
  content: "\F00C";
}

.mdi-account-minus:before {
  content: "\F00D";
}

.mdi-account-multiple:before {
  content: "\F00E";
}

.mdi-account-multiple-minus:before {
  content: "\F5D3";
}

.mdi-account-multiple-outline:before {
  content: "\F00F";
}

.mdi-account-multiple-plus:before {
  content: "\F010";
}

.mdi-account-network:before {
  content: "\F011";
}

.mdi-account-off:before {
  content: "\F012";
}

.mdi-account-outline:before {
  content: "\F013";
}

.mdi-account-plus:before {
  content: "\F014";
}

.mdi-account-remove:before {
  content: "\F015";
}

.mdi-account-search:before {
  content: "\F016";
}

.mdi-account-settings:before {
  content: "\F630";
}

.mdi-account-settings-variant:before {
  content: "\F631";
}

.mdi-account-star:before {
  content: "\F017";
}

.mdi-account-switch:before {
  content: "\F019";
}

.mdi-adjust:before {
  content: "\F01A";
}

.mdi-air-conditioner:before {
  content: "\F01B";
}

.mdi-airballoon:before {
  content: "\F01C";
}

.mdi-airplane:before {
  content: "\F01D";
}

.mdi-airplane-landing:before {
  content: "\F5D4";
}

.mdi-airplane-off:before {
  content: "\F01E";
}

.mdi-airplane-takeoff:before {
  content: "\F5D5";
}

.mdi-airplay:before {
  content: "\F01F";
}

.mdi-alarm:before {
  content: "\F020";
}

.mdi-alarm-check:before {
  content: "\F021";
}

.mdi-alarm-multiple:before {
  content: "\F022";
}

.mdi-alarm-off:before {
  content: "\F023";
}

.mdi-alarm-plus:before {
  content: "\F024";
}

.mdi-alarm-snooze:before {
  content: "\F68D";
}

.mdi-album:before {
  content: "\F025";
}

.mdi-alert:before {
  content: "\F026";
}

.mdi-alert-box:before {
  content: "\F027";
}

.mdi-alert-circle:before {
  content: "\F028";
}

.mdi-alert-circle-outline:before {
  content: "\F5D6";
}

.mdi-alert-decagram:before {
  content: "\F6BC";
}

.mdi-alert-octagon:before {
  content: "\F029";
}

.mdi-alert-octagram:before {
  content: "\F766";
}

.mdi-alert-outline:before {
  content: "\F02A";
}

.mdi-all-inclusive:before {
  content: "\F6BD";
}

.mdi-alpha:before {
  content: "\F02B";
}

.mdi-alphabetical:before {
  content: "\F02C";
}

.mdi-altimeter:before {
  content: "\F5D7";
}

.mdi-amazon:before {
  content: "\F02D";
}

.mdi-amazon-clouddrive:before {
  content: "\F02E";
}

.mdi-ambulance:before {
  content: "\F02F";
}

.mdi-amplifier:before {
  content: "\F030";
}

.mdi-anchor:before {
  content: "\F031";
}

.mdi-android:before {
  content: "\F032";
}

.mdi-android-debug-bridge:before {
  content: "\F033";
}

.mdi-android-studio:before {
  content: "\F034";
}

.mdi-angular:before {
  content: "\F6B1";
}

.mdi-angularjs:before {
  content: "\F6BE";
}

.mdi-animation:before {
  content: "\F5D8";
}

.mdi-apple:before {
  content: "\F035";
}

.mdi-apple-finder:before {
  content: "\F036";
}

.mdi-apple-ios:before {
  content: "\F037";
}

.mdi-apple-keyboard-caps:before {
  content: "\F632";
}

.mdi-apple-keyboard-command:before {
  content: "\F633";
}

.mdi-apple-keyboard-control:before {
  content: "\F634";
}

.mdi-apple-keyboard-option:before {
  content: "\F635";
}

.mdi-apple-keyboard-shift:before {
  content: "\F636";
}

.mdi-apple-mobileme:before {
  content: "\F038";
}

.mdi-apple-safari:before {
  content: "\F039";
}

.mdi-application:before {
  content: "\F614";
}

.mdi-apps:before {
  content: "\F03B";
}

.mdi-archive:before {
  content: "\F03C";
}

.mdi-arrange-bring-forward:before {
  content: "\F03D";
}

.mdi-arrange-bring-to-front:before {
  content: "\F03E";
}

.mdi-arrange-send-backward:before {
  content: "\F03F";
}

.mdi-arrange-send-to-back:before {
  content: "\F040";
}

.mdi-arrow-all:before {
  content: "\F041";
}

.mdi-arrow-bottom-left:before {
  content: "\F042";
}

.mdi-arrow-bottom-right:before {
  content: "\F043";
}

.mdi-arrow-compress:before {
  content: "\F615";
}

.mdi-arrow-compress-all:before {
  content: "\F044";
}

.mdi-arrow-down:before {
  content: "\F045";
}

.mdi-arrow-down-bold:before {
  content: "\F72D";
}

.mdi-arrow-down-bold-box:before {
  content: "\F72E";
}

.mdi-arrow-down-bold-box-outline:before {
  content: "\F72F";
}

.mdi-arrow-down-bold-circle:before {
  content: "\F047";
}

.mdi-arrow-down-bold-circle-outline:before {
  content: "\F048";
}

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\F049";
}

.mdi-arrow-down-box:before {
  content: "\F6BF";
}

.mdi-arrow-down-drop-circle:before {
  content: "\F04A";
}

.mdi-arrow-down-drop-circle-outline:before {
  content: "\F04B";
}

.mdi-arrow-down-thick:before {
  content: "\F046";
}

.mdi-arrow-expand:before {
  content: "\F616";
}

.mdi-arrow-expand-all:before {
  content: "\F04C";
}

.mdi-arrow-left:before {
  content: "\F04D";
}

.mdi-arrow-left-bold:before {
  content: "\F730";
}

.mdi-arrow-left-bold-box:before {
  content: "\F731";
}

.mdi-arrow-left-bold-box-outline:before {
  content: "\F732";
}

.mdi-arrow-left-bold-circle:before {
  content: "\F04F";
}

.mdi-arrow-left-bold-circle-outline:before {
  content: "\F050";
}

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\F051";
}

.mdi-arrow-left-box:before {
  content: "\F6C0";
}

.mdi-arrow-left-drop-circle:before {
  content: "\F052";
}

.mdi-arrow-left-drop-circle-outline:before {
  content: "\F053";
}

.mdi-arrow-left-thick:before {
  content: "\F04E";
}

.mdi-arrow-right:before {
  content: "\F054";
}

.mdi-arrow-right-bold:before {
  content: "\F733";
}

.mdi-arrow-right-bold-box:before {
  content: "\F734";
}

.mdi-arrow-right-bold-box-outline:before {
  content: "\F735";
}

.mdi-arrow-right-bold-circle:before {
  content: "\F056";
}

.mdi-arrow-right-bold-circle-outline:before {
  content: "\F057";
}

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\F058";
}

.mdi-arrow-right-box:before {
  content: "\F6C1";
}

.mdi-arrow-right-drop-circle:before {
  content: "\F059";
}

.mdi-arrow-right-drop-circle-outline:before {
  content: "\F05A";
}

.mdi-arrow-right-thick:before {
  content: "\F055";
}

.mdi-arrow-top-left:before {
  content: "\F05B";
}

.mdi-arrow-top-right:before {
  content: "\F05C";
}

.mdi-arrow-up:before {
  content: "\F05D";
}

.mdi-arrow-up-bold:before {
  content: "\F736";
}

.mdi-arrow-up-bold-box:before {
  content: "\F737";
}

.mdi-arrow-up-bold-box-outline:before {
  content: "\F738";
}

.mdi-arrow-up-bold-circle:before {
  content: "\F05F";
}

.mdi-arrow-up-bold-circle-outline:before {
  content: "\F060";
}

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\F061";
}

.mdi-arrow-up-box:before {
  content: "\F6C2";
}

.mdi-arrow-up-drop-circle:before {
  content: "\F062";
}

.mdi-arrow-up-drop-circle-outline:before {
  content: "\F063";
}

.mdi-arrow-up-thick:before {
  content: "\F05E";
}

.mdi-assistant:before {
  content: "\F064";
}

.mdi-asterisk:before {
  content: "\F6C3";
}

.mdi-at:before {
  content: "\F065";
}

.mdi-atom:before {
  content: "\F767";
}

.mdi-attachment:before {
  content: "\F066";
}

.mdi-audiobook:before {
  content: "\F067";
}

.mdi-auto-fix:before {
  content: "\F068";
}

.mdi-auto-upload:before {
  content: "\F069";
}

.mdi-autorenew:before {
  content: "\F06A";
}

.mdi-av-timer:before {
  content: "\F06B";
}

.mdi-baby:before {
  content: "\F06C";
}

.mdi-baby-buggy:before {
  content: "\F68E";
}

.mdi-backburger:before {
  content: "\F06D";
}

.mdi-backspace:before {
  content: "\F06E";
}

.mdi-backup-restore:before {
  content: "\F06F";
}

.mdi-bandcamp:before {
  content: "\F674";
}

.mdi-bank:before {
  content: "\F070";
}

.mdi-barcode:before {
  content: "\F071";
}

.mdi-barcode-scan:before {
  content: "\F072";
}

.mdi-barley:before {
  content: "\F073";
}

.mdi-barrel:before {
  content: "\F074";
}

.mdi-basecamp:before {
  content: "\F075";
}

.mdi-basket:before {
  content: "\F076";
}

.mdi-basket-fill:before {
  content: "\F077";
}

.mdi-basket-unfill:before {
  content: "\F078";
}

.mdi-battery:before {
  content: "\F079";
}

.mdi-battery-10:before {
  content: "\F07A";
}

.mdi-battery-20:before {
  content: "\F07B";
}

.mdi-battery-30:before {
  content: "\F07C";
}

.mdi-battery-40:before {
  content: "\F07D";
}

.mdi-battery-50:before {
  content: "\F07E";
}

.mdi-battery-60:before {
  content: "\F07F";
}

.mdi-battery-70:before {
  content: "\F080";
}

.mdi-battery-80:before {
  content: "\F081";
}

.mdi-battery-90:before {
  content: "\F082";
}

.mdi-battery-alert:before {
  content: "\F083";
}

.mdi-battery-charging:before {
  content: "\F084";
}

.mdi-battery-charging-100:before {
  content: "\F085";
}

.mdi-battery-charging-20:before {
  content: "\F086";
}

.mdi-battery-charging-30:before {
  content: "\F087";
}

.mdi-battery-charging-40:before {
  content: "\F088";
}

.mdi-battery-charging-60:before {
  content: "\F089";
}

.mdi-battery-charging-80:before {
  content: "\F08A";
}

.mdi-battery-charging-90:before {
  content: "\F08B";
}

.mdi-battery-minus:before {
  content: "\F08C";
}

.mdi-battery-negative:before {
  content: "\F08D";
}

.mdi-battery-outline:before {
  content: "\F08E";
}

.mdi-battery-plus:before {
  content: "\F08F";
}

.mdi-battery-positive:before {
  content: "\F090";
}

.mdi-battery-unknown:before {
  content: "\F091";
}

.mdi-beach:before {
  content: "\F092";
}

.mdi-beaker:before {
  content: "\F68F";
}

.mdi-beats:before {
  content: "\F097";
}

.mdi-beer:before {
  content: "\F098";
}

.mdi-behance:before {
  content: "\F099";
}

.mdi-bell:before {
  content: "\F09A";
}

.mdi-bell-off:before {
  content: "\F09B";
}

.mdi-bell-outline:before {
  content: "\F09C";
}

.mdi-bell-plus:before {
  content: "\F09D";
}

.mdi-bell-ring:before {
  content: "\F09E";
}

.mdi-bell-ring-outline:before {
  content: "\F09F";
}

.mdi-bell-sleep:before {
  content: "\F0A0";
}

.mdi-beta:before {
  content: "\F0A1";
}

.mdi-bible:before {
  content: "\F0A2";
}

.mdi-bike:before {
  content: "\F0A3";
}

.mdi-bing:before {
  content: "\F0A4";
}

.mdi-binoculars:before {
  content: "\F0A5";
}

.mdi-bio:before {
  content: "\F0A6";
}

.mdi-biohazard:before {
  content: "\F0A7";
}

.mdi-bitbucket:before {
  content: "\F0A8";
}

.mdi-black-mesa:before {
  content: "\F0A9";
}

.mdi-blackberry:before {
  content: "\F0AA";
}

.mdi-blender:before {
  content: "\F0AB";
}

.mdi-blinds:before {
  content: "\F0AC";
}

.mdi-block-helper:before {
  content: "\F0AD";
}

.mdi-blogger:before {
  content: "\F0AE";
}

.mdi-bluetooth:before {
  content: "\F0AF";
}

.mdi-bluetooth-audio:before {
  content: "\F0B0";
}

.mdi-bluetooth-connect:before {
  content: "\F0B1";
}

.mdi-bluetooth-off:before {
  content: "\F0B2";
}

.mdi-bluetooth-settings:before {
  content: "\F0B3";
}

.mdi-bluetooth-transfer:before {
  content: "\F0B4";
}

.mdi-blur:before {
  content: "\F0B5";
}

.mdi-blur-linear:before {
  content: "\F0B6";
}

.mdi-blur-off:before {
  content: "\F0B7";
}

.mdi-blur-radial:before {
  content: "\F0B8";
}

.mdi-bomb:before {
  content: "\F690";
}

.mdi-bomb-off:before {
  content: "\F6C4";
}

.mdi-bone:before {
  content: "\F0B9";
}

.mdi-book:before {
  content: "\F0BA";
}

.mdi-book-minus:before {
  content: "\F5D9";
}

.mdi-book-multiple:before {
  content: "\F0BB";
}

.mdi-book-multiple-variant:before {
  content: "\F0BC";
}

.mdi-book-open:before {
  content: "\F0BD";
}

.mdi-book-open-page-variant:before {
  content: "\F5DA";
}

.mdi-book-open-variant:before {
  content: "\F0BE";
}

.mdi-book-plus:before {
  content: "\F5DB";
}

.mdi-book-variant:before {
  content: "\F0BF";
}

.mdi-bookmark:before {
  content: "\F0C0";
}

.mdi-bookmark-check:before {
  content: "\F0C1";
}

.mdi-bookmark-music:before {
  content: "\F0C2";
}

.mdi-bookmark-outline:before {
  content: "\F0C3";
}

.mdi-bookmark-plus:before {
  content: "\F0C5";
}

.mdi-bookmark-plus-outline:before {
  content: "\F0C4";
}

.mdi-bookmark-remove:before {
  content: "\F0C6";
}

.mdi-boombox:before {
  content: "\F5DC";
}

.mdi-bootstrap:before {
  content: "\F6C5";
}

.mdi-border-all:before {
  content: "\F0C7";
}

.mdi-border-bottom:before {
  content: "\F0C8";
}

.mdi-border-color:before {
  content: "\F0C9";
}

.mdi-border-horizontal:before {
  content: "\F0CA";
}

.mdi-border-inside:before {
  content: "\F0CB";
}

.mdi-border-left:before {
  content: "\F0CC";
}

.mdi-border-none:before {
  content: "\F0CD";
}

.mdi-border-outside:before {
  content: "\F0CE";
}

.mdi-border-right:before {
  content: "\F0CF";
}

.mdi-border-style:before {
  content: "\F0D0";
}

.mdi-border-top:before {
  content: "\F0D1";
}

.mdi-border-vertical:before {
  content: "\F0D2";
}

.mdi-bow-tie:before {
  content: "\F677";
}

.mdi-bowl:before {
  content: "\F617";
}

.mdi-bowling:before {
  content: "\F0D3";
}

.mdi-box:before {
  content: "\F0D4";
}

.mdi-box-cutter:before {
  content: "\F0D5";
}

.mdi-box-shadow:before {
  content: "\F637";
}

.mdi-bridge:before {
  content: "\F618";
}

.mdi-briefcase:before {
  content: "\F0D6";
}

.mdi-briefcase-check:before {
  content: "\F0D7";
}

.mdi-briefcase-download:before {
  content: "\F0D8";
}

.mdi-briefcase-upload:before {
  content: "\F0D9";
}

.mdi-brightness-1:before {
  content: "\F0DA";
}

.mdi-brightness-2:before {
  content: "\F0DB";
}

.mdi-brightness-3:before {
  content: "\F0DC";
}

.mdi-brightness-4:before {
  content: "\F0DD";
}

.mdi-brightness-5:before {
  content: "\F0DE";
}

.mdi-brightness-6:before {
  content: "\F0DF";
}

.mdi-brightness-7:before {
  content: "\F0E0";
}

.mdi-brightness-auto:before {
  content: "\F0E1";
}

.mdi-broom:before {
  content: "\F0E2";
}

.mdi-brush:before {
  content: "\F0E3";
}

.mdi-buffer:before {
  content: "\F619";
}

.mdi-bug:before {
  content: "\F0E4";
}

.mdi-bulletin-board:before {
  content: "\F0E5";
}

.mdi-bullhorn:before {
  content: "\F0E6";
}

.mdi-bullseye:before {
  content: "\F5DD";
}

.mdi-burst-mode:before {
  content: "\F5DE";
}

.mdi-bus:before {
  content: "\F0E7";
}

.mdi-cached:before {
  content: "\F0E8";
}

.mdi-cake:before {
  content: "\F0E9";
}

.mdi-cake-layered:before {
  content: "\F0EA";
}

.mdi-cake-variant:before {
  content: "\F0EB";
}

.mdi-calculator:before {
  content: "\F0EC";
}

.mdi-calendar:before {
  content: "\F0ED";
}

.mdi-calendar-blank:before {
  content: "\F0EE";
}

.mdi-calendar-check:before {
  content: "\F0EF";
}

.mdi-calendar-clock:before {
  content: "\F0F0";
}

.mdi-calendar-multiple:before {
  content: "\F0F1";
}

.mdi-calendar-multiple-check:before {
  content: "\F0F2";
}

.mdi-calendar-plus:before {
  content: "\F0F3";
}

.mdi-calendar-question:before {
  content: "\F691";
}

.mdi-calendar-range:before {
  content: "\F678";
}

.mdi-calendar-remove:before {
  content: "\F0F4";
}

.mdi-calendar-text:before {
  content: "\F0F5";
}

.mdi-calendar-today:before {
  content: "\F0F6";
}

.mdi-call-made:before {
  content: "\F0F7";
}

.mdi-call-merge:before {
  content: "\F0F8";
}

.mdi-call-missed:before {
  content: "\F0F9";
}

.mdi-call-received:before {
  content: "\F0FA";
}

.mdi-call-split:before {
  content: "\F0FB";
}

.mdi-camcorder:before {
  content: "\F0FC";
}

.mdi-camcorder-box:before {
  content: "\F0FD";
}

.mdi-camcorder-box-off:before {
  content: "\F0FE";
}

.mdi-camcorder-off:before {
  content: "\F0FF";
}

.mdi-camera:before {
  content: "\F100";
}

.mdi-camera-burst:before {
  content: "\F692";
}

.mdi-camera-enhance:before {
  content: "\F101";
}

.mdi-camera-front:before {
  content: "\F102";
}

.mdi-camera-front-variant:before {
  content: "\F103";
}

.mdi-camera-iris:before {
  content: "\F104";
}

.mdi-camera-off:before {
  content: "\F5DF";
}

.mdi-camera-party-mode:before {
  content: "\F105";
}

.mdi-camera-rear:before {
  content: "\F106";
}

.mdi-camera-rear-variant:before {
  content: "\F107";
}

.mdi-camera-switch:before {
  content: "\F108";
}

.mdi-camera-timer:before {
  content: "\F109";
}

.mdi-cancel:before {
  content: "\F739";
}

.mdi-candle:before {
  content: "\F5E2";
}

.mdi-candycane:before {
  content: "\F10A";
}

.mdi-car:before {
  content: "\F10B";
}

.mdi-car-battery:before {
  content: "\F10C";
}

.mdi-car-connected:before {
  content: "\F10D";
}

.mdi-car-wash:before {
  content: "\F10E";
}

.mdi-cards:before {
  content: "\F638";
}

.mdi-cards-outline:before {
  content: "\F639";
}

.mdi-cards-playing-outline:before {
  content: "\F63A";
}

.mdi-cards-variant:before {
  content: "\F6C6";
}

.mdi-carrot:before {
  content: "\F10F";
}

.mdi-cart:before {
  content: "\F110";
}

.mdi-cart-off:before {
  content: "\F66B";
}

.mdi-cart-outline:before {
  content: "\F111";
}

.mdi-cart-plus:before {
  content: "\F112";
}

.mdi-case-sensitive-alt:before {
  content: "\F113";
}

.mdi-cash:before {
  content: "\F114";
}

.mdi-cash-100:before {
  content: "\F115";
}

.mdi-cash-multiple:before {
  content: "\F116";
}

.mdi-cash-usd:before {
  content: "\F117";
}

.mdi-cast:before {
  content: "\F118";
}

.mdi-cast-connected:before {
  content: "\F119";
}

.mdi-cast-off:before {
  content: "\F789";
}

.mdi-castle:before {
  content: "\F11A";
}

.mdi-cat:before {
  content: "\F11B";
}

.mdi-ceiling-light:before {
  content: "\F768";
}

.mdi-cellphone:before {
  content: "\F11C";
}

.mdi-cellphone-android:before {
  content: "\F11D";
}

.mdi-cellphone-basic:before {
  content: "\F11E";
}

.mdi-cellphone-dock:before {
  content: "\F11F";
}

.mdi-cellphone-iphone:before {
  content: "\F120";
}

.mdi-cellphone-link:before {
  content: "\F121";
}

.mdi-cellphone-link-off:before {
  content: "\F122";
}

.mdi-cellphone-settings:before {
  content: "\F123";
}

.mdi-certificate:before {
  content: "\F124";
}

.mdi-chair-school:before {
  content: "\F125";
}

.mdi-chart-arc:before {
  content: "\F126";
}

.mdi-chart-areaspline:before {
  content: "\F127";
}

.mdi-chart-bar:before {
  content: "\F128";
}

.mdi-chart-bar-stacked:before {
  content: "\F769";
}

.mdi-chart-bubble:before {
  content: "\F5E3";
}

.mdi-chart-gantt:before {
  content: "\F66C";
}

.mdi-chart-histogram:before {
  content: "\F129";
}

.mdi-chart-line:before {
  content: "\F12A";
}

.mdi-chart-line-stacked:before {
  content: "\F76A";
}

.mdi-chart-pie:before {
  content: "\F12B";
}

.mdi-chart-scatterplot-hexbin:before {
  content: "\F66D";
}

.mdi-chart-timeline:before {
  content: "\F66E";
}

.mdi-check:before {
  content: "\F12C";
}

.mdi-check-all:before {
  content: "\F12D";
}

.mdi-check-circle:before {
  content: "\F5E0";
}

.mdi-check-circle-outline:before {
  content: "\F5E1";
}

.mdi-checkbox-blank:before {
  content: "\F12E";
}

.mdi-checkbox-blank-circle:before {
  content: "\F12F";
}

.mdi-checkbox-blank-circle-outline:before {
  content: "\F130";
}

.mdi-checkbox-blank-outline:before {
  content: "\F131";
}

.mdi-checkbox-marked:before {
  content: "\F132";
}

.mdi-checkbox-marked-circle:before {
  content: "\F133";
}

.mdi-checkbox-marked-circle-outline:before {
  content: "\F134";
}

.mdi-checkbox-marked-outline:before {
  content: "\F135";
}

.mdi-checkbox-multiple-blank:before {
  content: "\F136";
}

.mdi-checkbox-multiple-blank-circle:before {
  content: "\F63B";
}

.mdi-checkbox-multiple-blank-circle-outline:before {
  content: "\F63C";
}

.mdi-checkbox-multiple-blank-outline:before {
  content: "\F137";
}

.mdi-checkbox-multiple-marked:before {
  content: "\F138";
}

.mdi-checkbox-multiple-marked-circle:before {
  content: "\F63D";
}

.mdi-checkbox-multiple-marked-circle-outline:before {
  content: "\F63E";
}

.mdi-checkbox-multiple-marked-outline:before {
  content: "\F139";
}

.mdi-checkerboard:before {
  content: "\F13A";
}

.mdi-chemical-weapon:before {
  content: "\F13B";
}

.mdi-chevron-double-down:before {
  content: "\F13C";
}

.mdi-chevron-double-left:before {
  content: "\F13D";
}

.mdi-chevron-double-right:before {
  content: "\F13E";
}

.mdi-chevron-double-up:before {
  content: "\F13F";
}

.mdi-chevron-down:before {
  content: "\F140";
}

.mdi-chevron-left:before {
  content: "\F141";
}

.mdi-chevron-right:before {
  content: "\F142";
}

.mdi-chevron-up:before {
  content: "\F143";
}

.mdi-chip:before {
  content: "\F61A";
}

.mdi-church:before {
  content: "\F144";
}

.mdi-circle:before {
  content: "\F764";
}

.mdi-circle-outline:before {
  content: "\F765";
}

.mdi-cisco-webex:before {
  content: "\F145";
}

.mdi-city:before {
  content: "\F146";
}

.mdi-clipboard:before {
  content: "\F147";
}

.mdi-clipboard-account:before {
  content: "\F148";
}

.mdi-clipboard-alert:before {
  content: "\F149";
}

.mdi-clipboard-arrow-down:before {
  content: "\F14A";
}

.mdi-clipboard-arrow-left:before {
  content: "\F14B";
}

.mdi-clipboard-check:before {
  content: "\F14C";
}

.mdi-clipboard-flow:before {
  content: "\F6C7";
}

.mdi-clipboard-outline:before {
  content: "\F14D";
}

.mdi-clipboard-plus:before {
  content: "\F750";
}

.mdi-clipboard-text:before {
  content: "\F14E";
}

.mdi-clippy:before {
  content: "\F14F";
}

.mdi-clock:before {
  content: "\F150";
}

.mdi-clock-alert:before {
  content: "\F5CE";
}

.mdi-clock-end:before {
  content: "\F151";
}

.mdi-clock-fast:before {
  content: "\F152";
}

.mdi-clock-in:before {
  content: "\F153";
}

.mdi-clock-out:before {
  content: "\F154";
}

.mdi-clock-start:before {
  content: "\F155";
}

.mdi-close:before {
  content: "\F156";
}

.mdi-close-box:before {
  content: "\F157";
}

.mdi-close-box-outline:before {
  content: "\F158";
}

.mdi-close-circle:before {
  content: "\F159";
}

.mdi-close-circle-outline:before {
  content: "\F15A";
}

.mdi-close-network:before {
  content: "\F15B";
}

.mdi-close-octagon:before {
  content: "\F15C";
}

.mdi-close-octagon-outline:before {
  content: "\F15D";
}

.mdi-close-outline:before {
  content: "\F6C8";
}

.mdi-closed-caption:before {
  content: "\F15E";
}

.mdi-cloud:before {
  content: "\F15F";
}

.mdi-cloud-check:before {
  content: "\F160";
}

.mdi-cloud-circle:before {
  content: "\F161";
}

.mdi-cloud-download:before {
  content: "\F162";
}

.mdi-cloud-off-outline:before {
  content: "\F164";
}

.mdi-cloud-outline:before {
  content: "\F163";
}

.mdi-cloud-print:before {
  content: "\F165";
}

.mdi-cloud-print-outline:before {
  content: "\F166";
}

.mdi-cloud-sync:before {
  content: "\F63F";
}

.mdi-cloud-upload:before {
  content: "\F167";
}

.mdi-code-array:before {
  content: "\F168";
}

.mdi-code-braces:before {
  content: "\F169";
}

.mdi-code-brackets:before {
  content: "\F16A";
}

.mdi-code-equal:before {
  content: "\F16B";
}

.mdi-code-greater-than:before {
  content: "\F16C";
}

.mdi-code-greater-than-or-equal:before {
  content: "\F16D";
}

.mdi-code-less-than:before {
  content: "\F16E";
}

.mdi-code-less-than-or-equal:before {
  content: "\F16F";
}

.mdi-code-not-equal:before {
  content: "\F170";
}

.mdi-code-not-equal-variant:before {
  content: "\F171";
}

.mdi-code-parentheses:before {
  content: "\F172";
}

.mdi-code-string:before {
  content: "\F173";
}

.mdi-code-tags:before {
  content: "\F174";
}

.mdi-code-tags-check:before {
  content: "\F693";
}

.mdi-codepen:before {
  content: "\F175";
}

.mdi-coffee:before {
  content: "\F176";
}

.mdi-coffee-outline:before {
  content: "\F6C9";
}

.mdi-coffee-to-go:before {
  content: "\F177";
}

.mdi-coin:before {
  content: "\F178";
}

.mdi-coins:before {
  content: "\F694";
}

.mdi-collage:before {
  content: "\F640";
}

.mdi-color-helper:before {
  content: "\F179";
}

.mdi-comment:before {
  content: "\F17A";
}

.mdi-comment-account:before {
  content: "\F17B";
}

.mdi-comment-account-outline:before {
  content: "\F17C";
}

.mdi-comment-alert:before {
  content: "\F17D";
}

.mdi-comment-alert-outline:before {
  content: "\F17E";
}

.mdi-comment-check:before {
  content: "\F17F";
}

.mdi-comment-check-outline:before {
  content: "\F180";
}

.mdi-comment-multiple-outline:before {
  content: "\F181";
}

.mdi-comment-outline:before {
  content: "\F182";
}

.mdi-comment-plus-outline:before {
  content: "\F183";
}

.mdi-comment-processing:before {
  content: "\F184";
}

.mdi-comment-processing-outline:before {
  content: "\F185";
}

.mdi-comment-question-outline:before {
  content: "\F186";
}

.mdi-comment-remove-outline:before {
  content: "\F187";
}

.mdi-comment-text:before {
  content: "\F188";
}

.mdi-comment-text-outline:before {
  content: "\F189";
}

.mdi-compare:before {
  content: "\F18A";
}

.mdi-compass:before {
  content: "\F18B";
}

.mdi-compass-outline:before {
  content: "\F18C";
}

.mdi-console:before {
  content: "\F18D";
}

.mdi-contact-mail:before {
  content: "\F18E";
}

.mdi-contacts:before {
  content: "\F6CA";
}

.mdi-content-copy:before {
  content: "\F18F";
}

.mdi-content-cut:before {
  content: "\F190";
}

.mdi-content-duplicate:before {
  content: "\F191";
}

.mdi-content-paste:before {
  content: "\F192";
}

.mdi-content-save:before {
  content: "\F193";
}

.mdi-content-save-all:before {
  content: "\F194";
}

.mdi-content-save-settings:before {
  content: "\F61B";
}

.mdi-contrast:before {
  content: "\F195";
}

.mdi-contrast-box:before {
  content: "\F196";
}

.mdi-contrast-circle:before {
  content: "\F197";
}

.mdi-cookie:before {
  content: "\F198";
}

.mdi-copyright:before {
  content: "\F5E6";
}

.mdi-counter:before {
  content: "\F199";
}

.mdi-cow:before {
  content: "\F19A";
}

.mdi-creation:before {
  content: "\F1C9";
}

.mdi-credit-card:before {
  content: "\F19B";
}

.mdi-credit-card-multiple:before {
  content: "\F19C";
}

.mdi-credit-card-off:before {
  content: "\F5E4";
}

.mdi-credit-card-plus:before {
  content: "\F675";
}

.mdi-credit-card-scan:before {
  content: "\F19D";
}

.mdi-crop:before {
  content: "\F19E";
}

.mdi-crop-free:before {
  content: "\F19F";
}

.mdi-crop-landscape:before {
  content: "\F1A0";
}

.mdi-crop-portrait:before {
  content: "\F1A1";
}

.mdi-crop-rotate:before {
  content: "\F695";
}

.mdi-crop-square:before {
  content: "\F1A2";
}

.mdi-crosshairs:before {
  content: "\F1A3";
}

.mdi-crosshairs-gps:before {
  content: "\F1A4";
}

.mdi-crown:before {
  content: "\F1A5";
}

.mdi-cube:before {
  content: "\F1A6";
}

.mdi-cube-outline:before {
  content: "\F1A7";
}

.mdi-cube-send:before {
  content: "\F1A8";
}

.mdi-cube-unfolded:before {
  content: "\F1A9";
}

.mdi-cup:before {
  content: "\F1AA";
}

.mdi-cup-off:before {
  content: "\F5E5";
}

.mdi-cup-water:before {
  content: "\F1AB";
}

.mdi-currency-btc:before {
  content: "\F1AC";
}

.mdi-currency-eur:before {
  content: "\F1AD";
}

.mdi-currency-gbp:before {
  content: "\F1AE";
}

.mdi-currency-inr:before {
  content: "\F1AF";
}

.mdi-currency-ngn:before {
  content: "\F1B0";
}

.mdi-currency-rub:before {
  content: "\F1B1";
}

.mdi-currency-try:before {
  content: "\F1B2";
}

.mdi-currency-usd:before {
  content: "\F1B3";
}

.mdi-currency-usd-off:before {
  content: "\F679";
}

.mdi-cursor-default:before {
  content: "\F1B4";
}

.mdi-cursor-default-outline:before {
  content: "\F1B5";
}

.mdi-cursor-move:before {
  content: "\F1B6";
}

.mdi-cursor-pointer:before {
  content: "\F1B7";
}

.mdi-cursor-text:before {
  content: "\F5E7";
}

.mdi-database:before {
  content: "\F1B8";
}

.mdi-database-minus:before {
  content: "\F1B9";
}

.mdi-database-plus:before {
  content: "\F1BA";
}

.mdi-debug-step-into:before {
  content: "\F1BB";
}

.mdi-debug-step-out:before {
  content: "\F1BC";
}

.mdi-debug-step-over:before {
  content: "\F1BD";
}

.mdi-decagram:before {
  content: "\F76B";
}

.mdi-decagram-outline:before {
  content: "\F76C";
}

.mdi-decimal-decrease:before {
  content: "\F1BE";
}

.mdi-decimal-increase:before {
  content: "\F1BF";
}

.mdi-delete:before {
  content: "\F1C0";
}

.mdi-delete-circle:before {
  content: "\F682";
}

.mdi-delete-empty:before {
  content: "\F6CB";
}

.mdi-delete-forever:before {
  content: "\F5E8";
}

.mdi-delete-sweep:before {
  content: "\F5E9";
}

.mdi-delete-variant:before {
  content: "\F1C1";
}

.mdi-delta:before {
  content: "\F1C2";
}

.mdi-deskphone:before {
  content: "\F1C3";
}

.mdi-desktop-mac:before {
  content: "\F1C4";
}

.mdi-desktop-tower:before {
  content: "\F1C5";
}

.mdi-details:before {
  content: "\F1C6";
}

.mdi-developer-board:before {
  content: "\F696";
}

.mdi-deviantart:before {
  content: "\F1C7";
}

.mdi-dialpad:before {
  content: "\F61C";
}

.mdi-diamond:before {
  content: "\F1C8";
}

.mdi-dice-1:before {
  content: "\F1CA";
}

.mdi-dice-2:before {
  content: "\F1CB";
}

.mdi-dice-3:before {
  content: "\F1CC";
}

.mdi-dice-4:before {
  content: "\F1CD";
}

.mdi-dice-5:before {
  content: "\F1CE";
}

.mdi-dice-6:before {
  content: "\F1CF";
}

.mdi-dice-d10:before {
  content: "\F76E";
}

.mdi-dice-d20:before {
  content: "\F5EA";
}

.mdi-dice-d4:before {
  content: "\F5EB";
}

.mdi-dice-d6:before {
  content: "\F5EC";
}

.mdi-dice-d8:before {
  content: "\F5ED";
}

.mdi-dice-multiple:before {
  content: "\F76D";
}

.mdi-dictionary:before {
  content: "\F61D";
}

.mdi-directions:before {
  content: "\F1D0";
}

.mdi-directions-fork:before {
  content: "\F641";
}

.mdi-discord:before {
  content: "\F66F";
}

.mdi-disk:before {
  content: "\F5EE";
}

.mdi-disk-alert:before {
  content: "\F1D1";
}

.mdi-disqus:before {
  content: "\F1D2";
}

.mdi-disqus-outline:before {
  content: "\F1D3";
}

.mdi-division:before {
  content: "\F1D4";
}

.mdi-division-box:before {
  content: "\F1D5";
}

.mdi-dna:before {
  content: "\F683";
}

.mdi-dns:before {
  content: "\F1D6";
}

.mdi-do-not-disturb:before {
  content: "\F697";
}

.mdi-do-not-disturb-off:before {
  content: "\F698";
}

.mdi-dolby:before {
  content: "\F6B2";
}

.mdi-domain:before {
  content: "\F1D7";
}

.mdi-dots-horizontal:before {
  content: "\F1D8";
}

.mdi-dots-vertical:before {
  content: "\F1D9";
}

.mdi-douban:before {
  content: "\F699";
}

.mdi-download:before {
  content: "\F1DA";
}

.mdi-download-network:before {
  content: "\F6F3";
}

.mdi-drag:before {
  content: "\F1DB";
}

.mdi-drag-horizontal:before {
  content: "\F1DC";
}

.mdi-drag-vertical:before {
  content: "\F1DD";
}

.mdi-drawing:before {
  content: "\F1DE";
}

.mdi-drawing-box:before {
  content: "\F1DF";
}

.mdi-dribbble:before {
  content: "\F1E0";
}

.mdi-dribbble-box:before {
  content: "\F1E1";
}

.mdi-drone:before {
  content: "\F1E2";
}

.mdi-dropbox:before {
  content: "\F1E3";
}

.mdi-drupal:before {
  content: "\F1E4";
}

.mdi-duck:before {
  content: "\F1E5";
}

.mdi-dumbbell:before {
  content: "\F1E6";
}

.mdi-earth:before {
  content: "\F1E7";
}

.mdi-earth-box:before {
  content: "\F6CC";
}

.mdi-earth-box-off:before {
  content: "\F6CD";
}

.mdi-earth-off:before {
  content: "\F1E8";
}

.mdi-edge:before {
  content: "\F1E9";
}

.mdi-eject:before {
  content: "\F1EA";
}

.mdi-elevation-decline:before {
  content: "\F1EB";
}

.mdi-elevation-rise:before {
  content: "\F1EC";
}

.mdi-elevator:before {
  content: "\F1ED";
}

.mdi-email:before {
  content: "\F1EE";
}

.mdi-email-alert:before {
  content: "\F6CE";
}

.mdi-email-open:before {
  content: "\F1EF";
}

.mdi-email-open-outline:before {
  content: "\F5EF";
}

.mdi-email-outline:before {
  content: "\F1F0";
}

.mdi-email-secure:before {
  content: "\F1F1";
}

.mdi-email-variant:before {
  content: "\F5F0";
}

.mdi-emby:before {
  content: "\F6B3";
}

.mdi-emoticon:before {
  content: "\F1F2";
}

.mdi-emoticon-cool:before {
  content: "\F1F3";
}

.mdi-emoticon-dead:before {
  content: "\F69A";
}

.mdi-emoticon-devil:before {
  content: "\F1F4";
}

.mdi-emoticon-excited:before {
  content: "\F69B";
}

.mdi-emoticon-happy:before {
  content: "\F1F5";
}

.mdi-emoticon-neutral:before {
  content: "\F1F6";
}

.mdi-emoticon-poop:before {
  content: "\F1F7";
}

.mdi-emoticon-sad:before {
  content: "\F1F8";
}

.mdi-emoticon-tongue:before {
  content: "\F1F9";
}

.mdi-engine:before {
  content: "\F1FA";
}

.mdi-engine-outline:before {
  content: "\F1FB";
}

.mdi-equal:before {
  content: "\F1FC";
}

.mdi-equal-box:before {
  content: "\F1FD";
}

.mdi-eraser:before {
  content: "\F1FE";
}

.mdi-eraser-variant:before {
  content: "\F642";
}

.mdi-escalator:before {
  content: "\F1FF";
}

.mdi-ethernet:before {
  content: "\F200";
}

.mdi-ethernet-cable:before {
  content: "\F201";
}

.mdi-ethernet-cable-off:before {
  content: "\F202";
}

.mdi-etsy:before {
  content: "\F203";
}

.mdi-ev-station:before {
  content: "\F5F1";
}

.mdi-evernote:before {
  content: "\F204";
}

.mdi-exclamation:before {
  content: "\F205";
}

.mdi-exit-to-app:before {
  content: "\F206";
}

.mdi-export:before {
  content: "\F207";
}

.mdi-eye:before {
  content: "\F208";
}

.mdi-eye-off:before {
  content: "\F209";
}

.mdi-eye-off-outline:before {
  content: "\F6D0";
}

.mdi-eye-outline:before {
  content: "\F6CF";
}

.mdi-eyedropper:before {
  content: "\F20A";
}

.mdi-eyedropper-variant:before {
  content: "\F20B";
}

.mdi-face:before {
  content: "\F643";
}

.mdi-face-profile:before {
  content: "\F644";
}

.mdi-facebook:before {
  content: "\F20C";
}

.mdi-facebook-box:before {
  content: "\F20D";
}

.mdi-facebook-messenger:before {
  content: "\F20E";
}

.mdi-factory:before {
  content: "\F20F";
}

.mdi-fan:before {
  content: "\F210";
}

.mdi-fast-forward:before {
  content: "\F211";
}

.mdi-fast-forward-outline:before {
  content: "\F6D1";
}

.mdi-fax:before {
  content: "\F212";
}

.mdi-feather:before {
  content: "\F6D2";
}

.mdi-ferry:before {
  content: "\F213";
}

.mdi-file:before {
  content: "\F214";
}

.mdi-file-account:before {
  content: "\F73A";
}

.mdi-file-chart:before {
  content: "\F215";
}

.mdi-file-check:before {
  content: "\F216";
}

.mdi-file-cloud:before {
  content: "\F217";
}

.mdi-file-delimited:before {
  content: "\F218";
}

.mdi-file-document:before {
  content: "\F219";
}

.mdi-file-document-box:before {
  content: "\F21A";
}

.mdi-file-excel:before {
  content: "\F21B";
}

.mdi-file-excel-box:before {
  content: "\F21C";
}

.mdi-file-export:before {
  content: "\F21D";
}

.mdi-file-find:before {
  content: "\F21E";
}

.mdi-file-hidden:before {
  content: "\F613";
}

.mdi-file-image:before {
  content: "\F21F";
}

.mdi-file-import:before {
  content: "\F220";
}

.mdi-file-lock:before {
  content: "\F221";
}

.mdi-file-multiple:before {
  content: "\F222";
}

.mdi-file-music:before {
  content: "\F223";
}

.mdi-file-outline:before {
  content: "\F224";
}

.mdi-file-pdf:before {
  content: "\F225";
}

.mdi-file-pdf-box:before {
  content: "\F226";
}

.mdi-file-plus:before {
  content: "\F751";
}

.mdi-file-powerpoint:before {
  content: "\F227";
}

.mdi-file-powerpoint-box:before {
  content: "\F228";
}

.mdi-file-presentation-box:before {
  content: "\F229";
}

.mdi-file-restore:before {
  content: "\F670";
}

.mdi-file-send:before {
  content: "\F22A";
}

.mdi-file-tree:before {
  content: "\F645";
}

.mdi-file-video:before {
  content: "\F22B";
}

.mdi-file-word:before {
  content: "\F22C";
}

.mdi-file-word-box:before {
  content: "\F22D";
}

.mdi-file-xml:before {
  content: "\F22E";
}

.mdi-film:before {
  content: "\F22F";
}

.mdi-filmstrip:before {
  content: "\F230";
}

.mdi-filmstrip-off:before {
  content: "\F231";
}

.mdi-filter:before {
  content: "\F232";
}

.mdi-filter-outline:before {
  content: "\F233";
}

.mdi-filter-remove:before {
  content: "\F234";
}

.mdi-filter-remove-outline:before {
  content: "\F235";
}

.mdi-filter-variant:before {
  content: "\F236";
}

.mdi-find-replace:before {
  content: "\F6D3";
}

.mdi-fingerprint:before {
  content: "\F237";
}

.mdi-fire:before {
  content: "\F238";
}

.mdi-firefox:before {
  content: "\F239";
}

.mdi-fish:before {
  content: "\F23A";
}

.mdi-flag:before {
  content: "\F23B";
}

.mdi-flag-checkered:before {
  content: "\F23C";
}

.mdi-flag-outline:before {
  content: "\F23D";
}

.mdi-flag-outline-variant:before {
  content: "\F23E";
}

.mdi-flag-triangle:before {
  content: "\F23F";
}

.mdi-flag-variant:before {
  content: "\F240";
}

.mdi-flash:before {
  content: "\F241";
}

.mdi-flash-auto:before {
  content: "\F242";
}

.mdi-flash-off:before {
  content: "\F243";
}

.mdi-flash-outline:before {
  content: "\F6D4";
}

.mdi-flash-red-eye:before {
  content: "\F67A";
}

.mdi-flashlight:before {
  content: "\F244";
}

.mdi-flashlight-off:before {
  content: "\F245";
}

.mdi-flask:before {
  content: "\F093";
}

.mdi-flask-empty:before {
  content: "\F094";
}

.mdi-flask-empty-outline:before {
  content: "\F095";
}

.mdi-flask-outline:before {
  content: "\F096";
}

.mdi-flattr:before {
  content: "\F246";
}

.mdi-flip-to-back:before {
  content: "\F247";
}

.mdi-flip-to-front:before {
  content: "\F248";
}

.mdi-floppy:before {
  content: "\F249";
}

.mdi-flower:before {
  content: "\F24A";
}

.mdi-folder:before {
  content: "\F24B";
}

.mdi-folder-account:before {
  content: "\F24C";
}

.mdi-folder-download:before {
  content: "\F24D";
}

.mdi-folder-google-drive:before {
  content: "\F24E";
}

.mdi-folder-image:before {
  content: "\F24F";
}

.mdi-folder-lock:before {
  content: "\F250";
}

.mdi-folder-lock-open:before {
  content: "\F251";
}

.mdi-folder-move:before {
  content: "\F252";
}

.mdi-folder-multiple:before {
  content: "\F253";
}

.mdi-folder-multiple-image:before {
  content: "\F254";
}

.mdi-folder-multiple-outline:before {
  content: "\F255";
}

.mdi-folder-open:before {
  content: "\F76F";
}

.mdi-folder-outline:before {
  content: "\F256";
}

.mdi-folder-plus:before {
  content: "\F257";
}

.mdi-folder-remove:before {
  content: "\F258";
}

.mdi-folder-star:before {
  content: "\F69C";
}

.mdi-folder-upload:before {
  content: "\F259";
}

.mdi-font-awesome:before {
  content: "\F03A";
}

.mdi-food:before {
  content: "\F25A";
}

.mdi-food-apple:before {
  content: "\F25B";
}

.mdi-food-fork-drink:before {
  content: "\F5F2";
}

.mdi-food-off:before {
  content: "\F5F3";
}

.mdi-food-variant:before {
  content: "\F25C";
}

.mdi-football:before {
  content: "\F25D";
}

.mdi-football-australian:before {
  content: "\F25E";
}

.mdi-football-helmet:before {
  content: "\F25F";
}

.mdi-format-align-bottom:before {
  content: "\F752";
}

.mdi-format-align-center:before {
  content: "\F260";
}

.mdi-format-align-justify:before {
  content: "\F261";
}

.mdi-format-align-left:before {
  content: "\F262";
}

.mdi-format-align-middle:before {
  content: "\F753";
}

.mdi-format-align-right:before {
  content: "\F263";
}

.mdi-format-align-top:before {
  content: "\F754";
}

.mdi-format-annotation-plus:before {
  content: "\F646";
}

.mdi-format-bold:before {
  content: "\F264";
}

.mdi-format-clear:before {
  content: "\F265";
}

.mdi-format-color-fill:before {
  content: "\F266";
}

.mdi-format-color-text:before {
  content: "\F69D";
}

.mdi-format-float-center:before {
  content: "\F267";
}

.mdi-format-float-left:before {
  content: "\F268";
}

.mdi-format-float-none:before {
  content: "\F269";
}

.mdi-format-float-right:before {
  content: "\F26A";
}

.mdi-format-font:before {
  content: "\F6D5";
}

.mdi-format-header-1:before {
  content: "\F26B";
}

.mdi-format-header-2:before {
  content: "\F26C";
}

.mdi-format-header-3:before {
  content: "\F26D";
}

.mdi-format-header-4:before {
  content: "\F26E";
}

.mdi-format-header-5:before {
  content: "\F26F";
}

.mdi-format-header-6:before {
  content: "\F270";
}

.mdi-format-header-decrease:before {
  content: "\F271";
}

.mdi-format-header-equal:before {
  content: "\F272";
}

.mdi-format-header-increase:before {
  content: "\F273";
}

.mdi-format-header-pound:before {
  content: "\F274";
}

.mdi-format-horizontal-align-center:before {
  content: "\F61E";
}

.mdi-format-horizontal-align-left:before {
  content: "\F61F";
}

.mdi-format-horizontal-align-right:before {
  content: "\F620";
}

.mdi-format-indent-decrease:before {
  content: "\F275";
}

.mdi-format-indent-increase:before {
  content: "\F276";
}

.mdi-format-italic:before {
  content: "\F277";
}

.mdi-format-line-spacing:before {
  content: "\F278";
}

.mdi-format-line-style:before {
  content: "\F5C8";
}

.mdi-format-line-weight:before {
  content: "\F5C9";
}

.mdi-format-list-bulleted:before {
  content: "\F279";
}

.mdi-format-list-bulleted-type:before {
  content: "\F27A";
}

.mdi-format-list-checks:before {
  content: "\F755";
}

.mdi-format-list-numbers:before {
  content: "\F27B";
}

.mdi-format-page-break:before {
  content: "\F6D6";
}

.mdi-format-paint:before {
  content: "\F27C";
}

.mdi-format-paragraph:before {
  content: "\F27D";
}

.mdi-format-pilcrow:before {
  content: "\F6D7";
}

.mdi-format-quote-close:before {
  content: "\F27E";
}

.mdi-format-quote-open:before {
  content: "\F756";
}

.mdi-format-rotate-90:before {
  content: "\F6A9";
}

.mdi-format-section:before {
  content: "\F69E";
}

.mdi-format-size:before {
  content: "\F27F";
}

.mdi-format-strikethrough:before {
  content: "\F280";
}

.mdi-format-strikethrough-variant:before {
  content: "\F281";
}

.mdi-format-subscript:before {
  content: "\F282";
}

.mdi-format-superscript:before {
  content: "\F283";
}

.mdi-format-text:before {
  content: "\F284";
}

.mdi-format-textdirection-l-to-r:before {
  content: "\F285";
}

.mdi-format-textdirection-r-to-l:before {
  content: "\F286";
}

.mdi-format-title:before {
  content: "\F5F4";
}

.mdi-format-underline:before {
  content: "\F287";
}

.mdi-format-vertical-align-bottom:before {
  content: "\F621";
}

.mdi-format-vertical-align-center:before {
  content: "\F622";
}

.mdi-format-vertical-align-top:before {
  content: "\F623";
}

.mdi-format-wrap-inline:before {
  content: "\F288";
}

.mdi-format-wrap-square:before {
  content: "\F289";
}

.mdi-format-wrap-tight:before {
  content: "\F28A";
}

.mdi-format-wrap-top-bottom:before {
  content: "\F28B";
}

.mdi-forum:before {
  content: "\F28C";
}

.mdi-forward:before {
  content: "\F28D";
}

.mdi-foursquare:before {
  content: "\F28E";
}

.mdi-fridge:before {
  content: "\F28F";
}

.mdi-fridge-filled:before {
  content: "\F290";
}

.mdi-fridge-filled-bottom:before {
  content: "\F291";
}

.mdi-fridge-filled-top:before {
  content: "\F292";
}

.mdi-fullscreen:before {
  content: "\F293";
}

.mdi-fullscreen-exit:before {
  content: "\F294";
}

.mdi-function:before {
  content: "\F295";
}

.mdi-gamepad:before {
  content: "\F296";
}

.mdi-gamepad-variant:before {
  content: "\F297";
}

.mdi-garage:before {
  content: "\F6D8";
}

.mdi-garage-open:before {
  content: "\F6D9";
}

.mdi-gas-cylinder:before {
  content: "\F647";
}

.mdi-gas-station:before {
  content: "\F298";
}

.mdi-gate:before {
  content: "\F299";
}

.mdi-gauge:before {
  content: "\F29A";
}

.mdi-gavel:before {
  content: "\F29B";
}

.mdi-gender-female:before {
  content: "\F29C";
}

.mdi-gender-male:before {
  content: "\F29D";
}

.mdi-gender-male-female:before {
  content: "\F29E";
}

.mdi-gender-transgender:before {
  content: "\F29F";
}

.mdi-gesture-double-tap:before {
  content: "\F73B";
}

.mdi-gesture-swipe-down:before {
  content: "\F73C";
}

.mdi-gesture-swipe-left:before {
  content: "\F73D";
}

.mdi-gesture-swipe-right:before {
  content: "\F73E";
}

.mdi-gesture-swipe-up:before {
  content: "\F73F";
}

.mdi-gesture-tap:before {
  content: "\F740";
}

.mdi-gesture-two-double-tap:before {
  content: "\F741";
}

.mdi-gesture-two-tap:before {
  content: "\F742";
}

.mdi-ghost:before {
  content: "\F2A0";
}

.mdi-gift:before {
  content: "\F2A1";
}

.mdi-git:before {
  content: "\F2A2";
}

.mdi-github-box:before {
  content: "\F2A3";
}

.mdi-github-circle:before {
  content: "\F2A4";
}

.mdi-github-face:before {
  content: "\F6DA";
}

.mdi-glass-flute:before {
  content: "\F2A5";
}

.mdi-glass-mug:before {
  content: "\F2A6";
}

.mdi-glass-stange:before {
  content: "\F2A7";
}

.mdi-glass-tulip:before {
  content: "\F2A8";
}

.mdi-glassdoor:before {
  content: "\F2A9";
}

.mdi-glasses:before {
  content: "\F2AA";
}

.mdi-gmail:before {
  content: "\F2AB";
}

.mdi-gnome:before {
  content: "\F2AC";
}

.mdi-gondola:before {
  content: "\F685";
}

.mdi-google:before {
  content: "\F2AD";
}

.mdi-google-cardboard:before {
  content: "\F2AE";
}

.mdi-google-chrome:before {
  content: "\F2AF";
}

.mdi-google-circles:before {
  content: "\F2B0";
}

.mdi-google-circles-communities:before {
  content: "\F2B1";
}

.mdi-google-circles-extended:before {
  content: "\F2B2";
}

.mdi-google-circles-group:before {
  content: "\F2B3";
}

.mdi-google-controller:before {
  content: "\F2B4";
}

.mdi-google-controller-off:before {
  content: "\F2B5";
}

.mdi-google-drive:before {
  content: "\F2B6";
}

.mdi-google-earth:before {
  content: "\F2B7";
}

.mdi-google-glass:before {
  content: "\F2B8";
}

.mdi-google-keep:before {
  content: "\F6DB";
}

.mdi-google-maps:before {
  content: "\F5F5";
}

.mdi-google-nearby:before {
  content: "\F2B9";
}

.mdi-google-pages:before {
  content: "\F2BA";
}

.mdi-google-photos:before {
  content: "\F6DC";
}

.mdi-google-physical-web:before {
  content: "\F2BB";
}

.mdi-google-play:before {
  content: "\F2BC";
}

.mdi-google-plus:before {
  content: "\F2BD";
}

.mdi-google-plus-box:before {
  content: "\F2BE";
}

.mdi-google-translate:before {
  content: "\F2BF";
}

.mdi-google-wallet:before {
  content: "\F2C0";
}

.mdi-gradient:before {
  content: "\F69F";
}

.mdi-grease-pencil:before {
  content: "\F648";
}

.mdi-grid:before {
  content: "\F2C1";
}

.mdi-grid-large:before {
  content: "\F757";
}

.mdi-grid-off:before {
  content: "\F2C2";
}

.mdi-group:before {
  content: "\F2C3";
}

.mdi-guitar-acoustic:before {
  content: "\F770";
}

.mdi-guitar-electric:before {
  content: "\F2C4";
}

.mdi-guitar-pick:before {
  content: "\F2C5";
}

.mdi-guitar-pick-outline:before {
  content: "\F2C6";
}

.mdi-hackernews:before {
  content: "\F624";
}

.mdi-hamburger:before {
  content: "\F684";
}

.mdi-hand-pointing-right:before {
  content: "\F2C7";
}

.mdi-hanger:before {
  content: "\F2C8";
}

.mdi-hangouts:before {
  content: "\F2C9";
}

.mdi-harddisk:before {
  content: "\F2CA";
}

.mdi-headphones:before {
  content: "\F2CB";
}

.mdi-headphones-box:before {
  content: "\F2CC";
}

.mdi-headphones-settings:before {
  content: "\F2CD";
}

.mdi-headset:before {
  content: "\F2CE";
}

.mdi-headset-dock:before {
  content: "\F2CF";
}

.mdi-headset-off:before {
  content: "\F2D0";
}

.mdi-heart:before {
  content: "\F2D1";
}

.mdi-heart-box:before {
  content: "\F2D2";
}

.mdi-heart-box-outline:before {
  content: "\F2D3";
}

.mdi-heart-broken:before {
  content: "\F2D4";
}

.mdi-heart-half:before {
  content: "\F6DE";
}

.mdi-heart-half-full:before {
  content: "\F6DD";
}

.mdi-heart-half-outline:before {
  content: "\F6DF";
}

.mdi-heart-off:before {
  content: "\F758";
}

.mdi-heart-outline:before {
  content: "\F2D5";
}

.mdi-heart-pulse:before {
  content: "\F5F6";
}

.mdi-help:before {
  content: "\F2D6";
}

.mdi-help-box:before {
  content: "\F78A";
}

.mdi-help-circle:before {
  content: "\F2D7";
}

.mdi-help-circle-outline:before {
  content: "\F625";
}

.mdi-help-network:before {
  content: "\F6F4";
}

.mdi-hexagon:before {
  content: "\F2D8";
}

.mdi-hexagon-multiple:before {
  content: "\F6E0";
}

.mdi-hexagon-outline:before {
  content: "\F2D9";
}

.mdi-highway:before {
  content: "\F5F7";
}

.mdi-history:before {
  content: "\F2DA";
}

.mdi-hololens:before {
  content: "\F2DB";
}

.mdi-home:before {
  content: "\F2DC";
}

.mdi-home-map-marker:before {
  content: "\F5F8";
}

.mdi-home-modern:before {
  content: "\F2DD";
}

.mdi-home-outline:before {
  content: "\F6A0";
}

.mdi-home-variant:before {
  content: "\F2DE";
}

.mdi-hook:before {
  content: "\F6E1";
}

.mdi-hook-off:before {
  content: "\F6E2";
}

.mdi-hops:before {
  content: "\F2DF";
}

.mdi-hospital:before {
  content: "\F2E0";
}

.mdi-hospital-building:before {
  content: "\F2E1";
}

.mdi-hospital-marker:before {
  content: "\F2E2";
}

.mdi-hotel:before {
  content: "\F2E3";
}

.mdi-houzz:before {
  content: "\F2E4";
}

.mdi-houzz-box:before {
  content: "\F2E5";
}

.mdi-human:before {
  content: "\F2E6";
}

.mdi-human-child:before {
  content: "\F2E7";
}

.mdi-human-female:before {
  content: "\F649";
}

.mdi-human-greeting:before {
  content: "\F64A";
}

.mdi-human-handsdown:before {
  content: "\F64B";
}

.mdi-human-handsup:before {
  content: "\F64C";
}

.mdi-human-male:before {
  content: "\F64D";
}

.mdi-human-male-female:before {
  content: "\F2E8";
}

.mdi-human-pregnant:before {
  content: "\F5CF";
}

.mdi-humble-bundle:before {
  content: "\F743";
}

.mdi-image:before {
  content: "\F2E9";
}

.mdi-image-album:before {
  content: "\F2EA";
}

.mdi-image-area:before {
  content: "\F2EB";
}

.mdi-image-area-close:before {
  content: "\F2EC";
}

.mdi-image-broken:before {
  content: "\F2ED";
}

.mdi-image-broken-variant:before {
  content: "\F2EE";
}

.mdi-image-filter:before {
  content: "\F2EF";
}

.mdi-image-filter-black-white:before {
  content: "\F2F0";
}

.mdi-image-filter-center-focus:before {
  content: "\F2F1";
}

.mdi-image-filter-center-focus-weak:before {
  content: "\F2F2";
}

.mdi-image-filter-drama:before {
  content: "\F2F3";
}

.mdi-image-filter-frames:before {
  content: "\F2F4";
}

.mdi-image-filter-hdr:before {
  content: "\F2F5";
}

.mdi-image-filter-none:before {
  content: "\F2F6";
}

.mdi-image-filter-tilt-shift:before {
  content: "\F2F7";
}

.mdi-image-filter-vintage:before {
  content: "\F2F8";
}

.mdi-image-multiple:before {
  content: "\F2F9";
}

.mdi-import:before {
  content: "\F2FA";
}

.mdi-inbox:before {
  content: "\F686";
}

.mdi-inbox-arrow-down:before {
  content: "\F2FB";
}

.mdi-inbox-arrow-up:before {
  content: "\F3D1";
}

.mdi-incognito:before {
  content: "\F5F9";
}

.mdi-infinity:before {
  content: "\F6E3";
}

.mdi-information:before {
  content: "\F2FC";
}

.mdi-information-outline:before {
  content: "\F2FD";
}

.mdi-information-variant:before {
  content: "\F64E";
}

.mdi-instagram:before {
  content: "\F2FE";
}

.mdi-instapaper:before {
  content: "\F2FF";
}

.mdi-internet-explorer:before {
  content: "\F300";
}

.mdi-invert-colors:before {
  content: "\F301";
}

.mdi-itunes:before {
  content: "\F676";
}

.mdi-jeepney:before {
  content: "\F302";
}

.mdi-jira:before {
  content: "\F303";
}

.mdi-jsfiddle:before {
  content: "\F304";
}

.mdi-json:before {
  content: "\F626";
}

.mdi-keg:before {
  content: "\F305";
}

.mdi-kettle:before {
  content: "\F5FA";
}

.mdi-key:before {
  content: "\F306";
}

.mdi-key-change:before {
  content: "\F307";
}

.mdi-key-minus:before {
  content: "\F308";
}

.mdi-key-plus:before {
  content: "\F309";
}

.mdi-key-remove:before {
  content: "\F30A";
}

.mdi-key-variant:before {
  content: "\F30B";
}

.mdi-keyboard:before {
  content: "\F30C";
}

.mdi-keyboard-backspace:before {
  content: "\F30D";
}

.mdi-keyboard-caps:before {
  content: "\F30E";
}

.mdi-keyboard-close:before {
  content: "\F30F";
}

.mdi-keyboard-off:before {
  content: "\F310";
}

.mdi-keyboard-return:before {
  content: "\F311";
}

.mdi-keyboard-tab:before {
  content: "\F312";
}

.mdi-keyboard-variant:before {
  content: "\F313";
}

.mdi-kickstarter:before {
  content: "\F744";
}

.mdi-kodi:before {
  content: "\F314";
}

.mdi-label:before {
  content: "\F315";
}

.mdi-label-outline:before {
  content: "\F316";
}

.mdi-lambda:before {
  content: "\F627";
}

.mdi-lamp:before {
  content: "\F6B4";
}

.mdi-lan:before {
  content: "\F317";
}

.mdi-lan-connect:before {
  content: "\F318";
}

.mdi-lan-disconnect:before {
  content: "\F319";
}

.mdi-lan-pending:before {
  content: "\F31A";
}

.mdi-language-c:before {
  content: "\F671";
}

.mdi-language-cpp:before {
  content: "\F672";
}

.mdi-language-csharp:before {
  content: "\F31B";
}

.mdi-language-css3:before {
  content: "\F31C";
}

.mdi-language-html5:before {
  content: "\F31D";
}

.mdi-language-javascript:before {
  content: "\F31E";
}

.mdi-language-php:before {
  content: "\F31F";
}

.mdi-language-python:before {
  content: "\F320";
}

.mdi-language-python-text:before {
  content: "\F321";
}

.mdi-language-swift:before {
  content: "\F6E4";
}

.mdi-language-typescript:before {
  content: "\F6E5";
}

.mdi-laptop:before {
  content: "\F322";
}

.mdi-laptop-chromebook:before {
  content: "\F323";
}

.mdi-laptop-mac:before {
  content: "\F324";
}

.mdi-laptop-off:before {
  content: "\F6E6";
}

.mdi-laptop-windows:before {
  content: "\F325";
}

.mdi-lastfm:before {
  content: "\F326";
}

.mdi-launch:before {
  content: "\F327";
}

.mdi-layers:before {
  content: "\F328";
}

.mdi-layers-off:before {
  content: "\F329";
}

.mdi-lead-pencil:before {
  content: "\F64F";
}

.mdi-leaf:before {
  content: "\F32A";
}

.mdi-led-off:before {
  content: "\F32B";
}

.mdi-led-on:before {
  content: "\F32C";
}

.mdi-led-outline:before {
  content: "\F32D";
}

.mdi-led-variant-off:before {
  content: "\F32E";
}

.mdi-led-variant-on:before {
  content: "\F32F";
}

.mdi-led-variant-outline:before {
  content: "\F330";
}

.mdi-library:before {
  content: "\F331";
}

.mdi-library-books:before {
  content: "\F332";
}

.mdi-library-music:before {
  content: "\F333";
}

.mdi-library-plus:before {
  content: "\F334";
}

.mdi-lightbulb:before {
  content: "\F335";
}

.mdi-lightbulb-on:before {
  content: "\F6E7";
}

.mdi-lightbulb-on-outline:before {
  content: "\F6E8";
}

.mdi-lightbulb-outline:before {
  content: "\F336";
}

.mdi-link:before {
  content: "\F337";
}

.mdi-link-off:before {
  content: "\F338";
}

.mdi-link-variant:before {
  content: "\F339";
}

.mdi-link-variant-off:before {
  content: "\F33A";
}

.mdi-linkedin:before {
  content: "\F33B";
}

.mdi-linkedin-box:before {
  content: "\F33C";
}

.mdi-linux:before {
  content: "\F33D";
}

.mdi-loading:before {
  content: "\F771";
}

.mdi-lock:before {
  content: "\F33E";
}

.mdi-lock-open:before {
  content: "\F33F";
}

.mdi-lock-open-outline:before {
  content: "\F340";
}

.mdi-lock-outline:before {
  content: "\F341";
}

.mdi-lock-pattern:before {
  content: "\F6E9";
}

.mdi-lock-plus:before {
  content: "\F5FB";
}

.mdi-lock-reset:before {
  content: "\F772";
}

.mdi-login:before {
  content: "\F342";
}

.mdi-login-variant:before {
  content: "\F5FC";
}

.mdi-logout:before {
  content: "\F343";
}

.mdi-logout-variant:before {
  content: "\F5FD";
}

.mdi-looks:before {
  content: "\F344";
}

.mdi-loop:before {
  content: "\F6EA";
}

.mdi-loupe:before {
  content: "\F345";
}

.mdi-lumx:before {
  content: "\F346";
}

.mdi-magnet:before {
  content: "\F347";
}

.mdi-magnet-on:before {
  content: "\F348";
}

.mdi-magnify:before {
  content: "\F349";
}

.mdi-magnify-minus:before {
  content: "\F34A";
}

.mdi-magnify-minus-outline:before {
  content: "\F6EB";
}

.mdi-magnify-plus:before {
  content: "\F34B";
}

.mdi-magnify-plus-outline:before {
  content: "\F6EC";
}

.mdi-mail-ru:before {
  content: "\F34C";
}

.mdi-mailbox:before {
  content: "\F6ED";
}

.mdi-map:before {
  content: "\F34D";
}

.mdi-map-marker:before {
  content: "\F34E";
}

.mdi-map-marker-circle:before {
  content: "\F34F";
}

.mdi-map-marker-minus:before {
  content: "\F650";
}

.mdi-map-marker-multiple:before {
  content: "\F350";
}

.mdi-map-marker-off:before {
  content: "\F351";
}

.mdi-map-marker-plus:before {
  content: "\F651";
}

.mdi-map-marker-radius:before {
  content: "\F352";
}

.mdi-margin:before {
  content: "\F353";
}

.mdi-markdown:before {
  content: "\F354";
}

.mdi-marker:before {
  content: "\F652";
}

.mdi-marker-check:before {
  content: "\F355";
}

.mdi-martini:before {
  content: "\F356";
}

.mdi-material-ui:before {
  content: "\F357";
}

.mdi-math-compass:before {
  content: "\F358";
}

.mdi-matrix:before {
  content: "\F628";
}

.mdi-maxcdn:before {
  content: "\F359";
}

.mdi-medical-bag:before {
  content: "\F6EE";
}

.mdi-medium:before {
  content: "\F35A";
}

.mdi-memory:before {
  content: "\F35B";
}

.mdi-menu:before {
  content: "\F35C";
}

.mdi-menu-down:before {
  content: "\F35D";
}

.mdi-menu-down-outline:before {
  content: "\F6B5";
}

.mdi-menu-left:before {
  content: "\F35E";
}

.mdi-menu-right:before {
  content: "\F35F";
}

.mdi-menu-up:before {
  content: "\F360";
}

.mdi-menu-up-outline:before {
  content: "\F6B6";
}

.mdi-message:before {
  content: "\F361";
}

.mdi-message-alert:before {
  content: "\F362";
}

.mdi-message-bulleted:before {
  content: "\F6A1";
}

.mdi-message-bulleted-off:before {
  content: "\F6A2";
}

.mdi-message-draw:before {
  content: "\F363";
}

.mdi-message-image:before {
  content: "\F364";
}

.mdi-message-outline:before {
  content: "\F365";
}

.mdi-message-plus:before {
  content: "\F653";
}

.mdi-message-processing:before {
  content: "\F366";
}

.mdi-message-reply:before {
  content: "\F367";
}

.mdi-message-reply-text:before {
  content: "\F368";
}

.mdi-message-settings:before {
  content: "\F6EF";
}

.mdi-message-settings-variant:before {
  content: "\F6F0";
}

.mdi-message-text:before {
  content: "\F369";
}

.mdi-message-text-outline:before {
  content: "\F36A";
}

.mdi-message-video:before {
  content: "\F36B";
}

.mdi-meteor:before {
  content: "\F629";
}

.mdi-microphone:before {
  content: "\F36C";
}

.mdi-microphone-off:before {
  content: "\F36D";
}

.mdi-microphone-outline:before {
  content: "\F36E";
}

.mdi-microphone-settings:before {
  content: "\F36F";
}

.mdi-microphone-variant:before {
  content: "\F370";
}

.mdi-microphone-variant-off:before {
  content: "\F371";
}

.mdi-microscope:before {
  content: "\F654";
}

.mdi-microsoft:before {
  content: "\F372";
}

.mdi-minecraft:before {
  content: "\F373";
}

.mdi-minus:before {
  content: "\F374";
}

.mdi-minus-box:before {
  content: "\F375";
}

.mdi-minus-box-outline:before {
  content: "\F6F1";
}

.mdi-minus-circle:before {
  content: "\F376";
}

.mdi-minus-circle-outline:before {
  content: "\F377";
}

.mdi-minus-network:before {
  content: "\F378";
}

.mdi-mixcloud:before {
  content: "\F62A";
}

.mdi-monitor:before {
  content: "\F379";
}

.mdi-monitor-multiple:before {
  content: "\F37A";
}

.mdi-more:before {
  content: "\F37B";
}

.mdi-motorbike:before {
  content: "\F37C";
}

.mdi-mouse:before {
  content: "\F37D";
}

.mdi-mouse-off:before {
  content: "\F37E";
}

.mdi-mouse-variant:before {
  content: "\F37F";
}

.mdi-mouse-variant-off:before {
  content: "\F380";
}

.mdi-move-resize:before {
  content: "\F655";
}

.mdi-move-resize-variant:before {
  content: "\F656";
}

.mdi-movie:before {
  content: "\F381";
}

.mdi-multiplication:before {
  content: "\F382";
}

.mdi-multiplication-box:before {
  content: "\F383";
}

.mdi-music:before {
  content: "\F759";
}

.mdi-music-box:before {
  content: "\F384";
}

.mdi-music-box-outline:before {
  content: "\F385";
}

.mdi-music-circle:before {
  content: "\F386";
}

.mdi-music-note:before {
  content: "\F387";
}

.mdi-music-note-bluetooth:before {
  content: "\F5FE";
}

.mdi-music-note-bluetooth-off:before {
  content: "\F5FF";
}

.mdi-music-note-eighth:before {
  content: "\F388";
}

.mdi-music-note-half:before {
  content: "\F389";
}

.mdi-music-note-off:before {
  content: "\F38A";
}

.mdi-music-note-quarter:before {
  content: "\F38B";
}

.mdi-music-note-sixteenth:before {
  content: "\F38C";
}

.mdi-music-note-whole:before {
  content: "\F38D";
}

.mdi-music-off:before {
  content: "\F75A";
}

.mdi-nature:before {
  content: "\F38E";
}

.mdi-nature-people:before {
  content: "\F38F";
}

.mdi-navigation:before {
  content: "\F390";
}

.mdi-near-me:before {
  content: "\F5CD";
}

.mdi-needle:before {
  content: "\F391";
}

.mdi-nest-protect:before {
  content: "\F392";
}

.mdi-nest-thermostat:before {
  content: "\F393";
}

.mdi-netflix:before {
  content: "\F745";
}

.mdi-network:before {
  content: "\F6F2";
}

.mdi-new-box:before {
  content: "\F394";
}

.mdi-newspaper:before {
  content: "\F395";
}

.mdi-nfc:before {
  content: "\F396";
}

.mdi-nfc-tap:before {
  content: "\F397";
}

.mdi-nfc-variant:before {
  content: "\F398";
}

.mdi-ninja:before {
  content: "\F773";
}

.mdi-nodejs:before {
  content: "\F399";
}

.mdi-note:before {
  content: "\F39A";
}

.mdi-note-multiple:before {
  content: "\F6B7";
}

.mdi-note-multiple-outline:before {
  content: "\F6B8";
}

.mdi-note-outline:before {
  content: "\F39B";
}

.mdi-note-plus:before {
  content: "\F39C";
}

.mdi-note-plus-outline:before {
  content: "\F39D";
}

.mdi-note-text:before {
  content: "\F39E";
}

.mdi-notification-clear-all:before {
  content: "\F39F";
}

.mdi-npm:before {
  content: "\F6F6";
}

.mdi-nuke:before {
  content: "\F6A3";
}

.mdi-numeric:before {
  content: "\F3A0";
}

.mdi-numeric-0-box:before {
  content: "\F3A1";
}

.mdi-numeric-0-box-multiple-outline:before {
  content: "\F3A2";
}

.mdi-numeric-0-box-outline:before {
  content: "\F3A3";
}

.mdi-numeric-1-box:before {
  content: "\F3A4";
}

.mdi-numeric-1-box-multiple-outline:before {
  content: "\F3A5";
}

.mdi-numeric-1-box-outline:before {
  content: "\F3A6";
}

.mdi-numeric-2-box:before {
  content: "\F3A7";
}

.mdi-numeric-2-box-multiple-outline:before {
  content: "\F3A8";
}

.mdi-numeric-2-box-outline:before {
  content: "\F3A9";
}

.mdi-numeric-3-box:before {
  content: "\F3AA";
}

.mdi-numeric-3-box-multiple-outline:before {
  content: "\F3AB";
}

.mdi-numeric-3-box-outline:before {
  content: "\F3AC";
}

.mdi-numeric-4-box:before {
  content: "\F3AD";
}

.mdi-numeric-4-box-multiple-outline:before {
  content: "\F3AE";
}

.mdi-numeric-4-box-outline:before {
  content: "\F3AF";
}

.mdi-numeric-5-box:before {
  content: "\F3B0";
}

.mdi-numeric-5-box-multiple-outline:before {
  content: "\F3B1";
}

.mdi-numeric-5-box-outline:before {
  content: "\F3B2";
}

.mdi-numeric-6-box:before {
  content: "\F3B3";
}

.mdi-numeric-6-box-multiple-outline:before {
  content: "\F3B4";
}

.mdi-numeric-6-box-outline:before {
  content: "\F3B5";
}

.mdi-numeric-7-box:before {
  content: "\F3B6";
}

.mdi-numeric-7-box-multiple-outline:before {
  content: "\F3B7";
}

.mdi-numeric-7-box-outline:before {
  content: "\F3B8";
}

.mdi-numeric-8-box:before {
  content: "\F3B9";
}

.mdi-numeric-8-box-multiple-outline:before {
  content: "\F3BA";
}

.mdi-numeric-8-box-outline:before {
  content: "\F3BB";
}

.mdi-numeric-9-box:before {
  content: "\F3BC";
}

.mdi-numeric-9-box-multiple-outline:before {
  content: "\F3BD";
}

.mdi-numeric-9-box-outline:before {
  content: "\F3BE";
}

.mdi-numeric-9-plus-box:before {
  content: "\F3BF";
}

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\F3C0";
}

.mdi-numeric-9-plus-box-outline:before {
  content: "\F3C1";
}

.mdi-nut:before {
  content: "\F6F7";
}

.mdi-nutrition:before {
  content: "\F3C2";
}

.mdi-oar:before {
  content: "\F67B";
}

.mdi-octagon:before {
  content: "\F3C3";
}

.mdi-octagon-outline:before {
  content: "\F3C4";
}

.mdi-octagram:before {
  content: "\F6F8";
}

.mdi-octagram-outline:before {
  content: "\F774";
}

.mdi-odnoklassniki:before {
  content: "\F3C5";
}

.mdi-office:before {
  content: "\F3C6";
}

.mdi-oil:before {
  content: "\F3C7";
}

.mdi-oil-temperature:before {
  content: "\F3C8";
}

.mdi-omega:before {
  content: "\F3C9";
}

.mdi-onedrive:before {
  content: "\F3CA";
}

.mdi-onenote:before {
  content: "\F746";
}

.mdi-opacity:before {
  content: "\F5CC";
}

.mdi-open-in-app:before {
  content: "\F3CB";
}

.mdi-open-in-new:before {
  content: "\F3CC";
}

.mdi-openid:before {
  content: "\F3CD";
}

.mdi-opera:before {
  content: "\F3CE";
}

.mdi-orbit:before {
  content: "\F018";
}

.mdi-ornament:before {
  content: "\F3CF";
}

.mdi-ornament-variant:before {
  content: "\F3D0";
}

.mdi-owl:before {
  content: "\F3D2";
}

.mdi-package:before {
  content: "\F3D3";
}

.mdi-package-down:before {
  content: "\F3D4";
}

.mdi-package-up:before {
  content: "\F3D5";
}

.mdi-package-variant:before {
  content: "\F3D6";
}

.mdi-package-variant-closed:before {
  content: "\F3D7";
}

.mdi-page-first:before {
  content: "\F600";
}

.mdi-page-last:before {
  content: "\F601";
}

.mdi-page-layout-body:before {
  content: "\F6F9";
}

.mdi-page-layout-footer:before {
  content: "\F6FA";
}

.mdi-page-layout-header:before {
  content: "\F6FB";
}

.mdi-page-layout-sidebar-left:before {
  content: "\F6FC";
}

.mdi-page-layout-sidebar-right:before {
  content: "\F6FD";
}

.mdi-palette:before {
  content: "\F3D8";
}

.mdi-palette-advanced:before {
  content: "\F3D9";
}

.mdi-panda:before {
  content: "\F3DA";
}

.mdi-pandora:before {
  content: "\F3DB";
}

.mdi-panorama:before {
  content: "\F3DC";
}

.mdi-panorama-fisheye:before {
  content: "\F3DD";
}

.mdi-panorama-horizontal:before {
  content: "\F3DE";
}

.mdi-panorama-vertical:before {
  content: "\F3DF";
}

.mdi-panorama-wide-angle:before {
  content: "\F3E0";
}

.mdi-paper-cut-vertical:before {
  content: "\F3E1";
}

.mdi-paperclip:before {
  content: "\F3E2";
}

.mdi-parking:before {
  content: "\F3E3";
}

.mdi-pause:before {
  content: "\F3E4";
}

.mdi-pause-circle:before {
  content: "\F3E5";
}

.mdi-pause-circle-outline:before {
  content: "\F3E6";
}

.mdi-pause-octagon:before {
  content: "\F3E7";
}

.mdi-pause-octagon-outline:before {
  content: "\F3E8";
}

.mdi-paw:before {
  content: "\F3E9";
}

.mdi-paw-off:before {
  content: "\F657";
}

.mdi-pen:before {
  content: "\F3EA";
}

.mdi-pencil:before {
  content: "\F3EB";
}

.mdi-pencil-box:before {
  content: "\F3EC";
}

.mdi-pencil-box-outline:before {
  content: "\F3ED";
}

.mdi-pencil-circle:before {
  content: "\F6FE";
}

.mdi-pencil-circle-outline:before {
  content: "\F775";
}

.mdi-pencil-lock:before {
  content: "\F3EE";
}

.mdi-pencil-off:before {
  content: "\F3EF";
}

.mdi-pentagon:before {
  content: "\F6FF";
}

.mdi-pentagon-outline:before {
  content: "\F700";
}

.mdi-percent:before {
  content: "\F3F0";
}

.mdi-periscope:before {
  content: "\F747";
}

.mdi-pharmacy:before {
  content: "\F3F1";
}

.mdi-phone:before {
  content: "\F3F2";
}

.mdi-phone-bluetooth:before {
  content: "\F3F3";
}

.mdi-phone-classic:before {
  content: "\F602";
}

.mdi-phone-forward:before {
  content: "\F3F4";
}

.mdi-phone-hangup:before {
  content: "\F3F5";
}

.mdi-phone-in-talk:before {
  content: "\F3F6";
}

.mdi-phone-incoming:before {
  content: "\F3F7";
}

.mdi-phone-locked:before {
  content: "\F3F8";
}

.mdi-phone-log:before {
  content: "\F3F9";
}

.mdi-phone-minus:before {
  content: "\F658";
}

.mdi-phone-missed:before {
  content: "\F3FA";
}

.mdi-phone-outgoing:before {
  content: "\F3FB";
}

.mdi-phone-paused:before {
  content: "\F3FC";
}

.mdi-phone-plus:before {
  content: "\F659";
}

.mdi-phone-settings:before {
  content: "\F3FD";
}

.mdi-phone-voip:before {
  content: "\F3FE";
}

.mdi-pi:before {
  content: "\F3FF";
}

.mdi-pi-box:before {
  content: "\F400";
}

.mdi-piano:before {
  content: "\F67C";
}

.mdi-pig:before {
  content: "\F401";
}

.mdi-pill:before {
  content: "\F402";
}

.mdi-pillar:before {
  content: "\F701";
}

.mdi-pin:before {
  content: "\F403";
}

.mdi-pin-off:before {
  content: "\F404";
}

.mdi-pine-tree:before {
  content: "\F405";
}

.mdi-pine-tree-box:before {
  content: "\F406";
}

.mdi-pinterest:before {
  content: "\F407";
}

.mdi-pinterest-box:before {
  content: "\F408";
}

.mdi-pistol:before {
  content: "\F702";
}

.mdi-pizza:before {
  content: "\F409";
}

.mdi-plane-shield:before {
  content: "\F6BA";
}

.mdi-play:before {
  content: "\F40A";
}

.mdi-play-box-outline:before {
  content: "\F40B";
}

.mdi-play-circle:before {
  content: "\F40C";
}

.mdi-play-circle-outline:before {
  content: "\F40D";
}

.mdi-play-pause:before {
  content: "\F40E";
}

.mdi-play-protected-content:before {
  content: "\F40F";
}

.mdi-playlist-check:before {
  content: "\F5C7";
}

.mdi-playlist-minus:before {
  content: "\F410";
}

.mdi-playlist-play:before {
  content: "\F411";
}

.mdi-playlist-plus:before {
  content: "\F412";
}

.mdi-playlist-remove:before {
  content: "\F413";
}

.mdi-playstation:before {
  content: "\F414";
}

.mdi-plex:before {
  content: "\F6B9";
}

.mdi-plus:before {
  content: "\F415";
}

.mdi-plus-box:before {
  content: "\F416";
}

.mdi-plus-box-outline:before {
  content: "\F703";
}

.mdi-plus-circle:before {
  content: "\F417";
}

.mdi-plus-circle-multiple-outline:before {
  content: "\F418";
}

.mdi-plus-circle-outline:before {
  content: "\F419";
}

.mdi-plus-network:before {
  content: "\F41A";
}

.mdi-plus-one:before {
  content: "\F41B";
}

.mdi-plus-outline:before {
  content: "\F704";
}

.mdi-pocket:before {
  content: "\F41C";
}

.mdi-pokeball:before {
  content: "\F41D";
}

.mdi-polaroid:before {
  content: "\F41E";
}

.mdi-poll:before {
  content: "\F41F";
}

.mdi-poll-box:before {
  content: "\F420";
}

.mdi-polymer:before {
  content: "\F421";
}

.mdi-pool:before {
  content: "\F606";
}

.mdi-popcorn:before {
  content: "\F422";
}

.mdi-pot:before {
  content: "\F65A";
}

.mdi-pot-mix:before {
  content: "\F65B";
}

.mdi-pound:before {
  content: "\F423";
}

.mdi-pound-box:before {
  content: "\F424";
}

.mdi-power:before {
  content: "\F425";
}

.mdi-power-plug:before {
  content: "\F6A4";
}

.mdi-power-plug-off:before {
  content: "\F6A5";
}

.mdi-power-settings:before {
  content: "\F426";
}

.mdi-power-socket:before {
  content: "\F427";
}

.mdi-prescription:before {
  content: "\F705";
}

.mdi-presentation:before {
  content: "\F428";
}

.mdi-presentation-play:before {
  content: "\F429";
}

.mdi-printer:before {
  content: "\F42A";
}

.mdi-printer-3d:before {
  content: "\F42B";
}

.mdi-printer-alert:before {
  content: "\F42C";
}

.mdi-printer-settings:before {
  content: "\F706";
}

.mdi-priority-high:before {
  content: "\F603";
}

.mdi-priority-low:before {
  content: "\F604";
}

.mdi-professional-hexagon:before {
  content: "\F42D";
}

.mdi-projector:before {
  content: "\F42E";
}

.mdi-projector-screen:before {
  content: "\F42F";
}

.mdi-publish:before {
  content: "\F6A6";
}

.mdi-pulse:before {
  content: "\F430";
}

.mdi-puzzle:before {
  content: "\F431";
}

.mdi-qqchat:before {
  content: "\F605";
}

.mdi-qrcode:before {
  content: "\F432";
}

.mdi-qrcode-scan:before {
  content: "\F433";
}

.mdi-quadcopter:before {
  content: "\F434";
}

.mdi-quality-high:before {
  content: "\F435";
}

.mdi-quicktime:before {
  content: "\F436";
}

.mdi-radar:before {
  content: "\F437";
}

.mdi-radiator:before {
  content: "\F438";
}

.mdi-radio:before {
  content: "\F439";
}

.mdi-radio-handheld:before {
  content: "\F43A";
}

.mdi-radio-tower:before {
  content: "\F43B";
}

.mdi-radioactive:before {
  content: "\F43C";
}

.mdi-radiobox-blank:before {
  content: "\F43D";
}

.mdi-radiobox-marked:before {
  content: "\F43E";
}

.mdi-raspberrypi:before {
  content: "\F43F";
}

.mdi-ray-end:before {
  content: "\F440";
}

.mdi-ray-end-arrow:before {
  content: "\F441";
}

.mdi-ray-start:before {
  content: "\F442";
}

.mdi-ray-start-arrow:before {
  content: "\F443";
}

.mdi-ray-start-end:before {
  content: "\F444";
}

.mdi-ray-vertex:before {
  content: "\F445";
}

.mdi-rdio:before {
  content: "\F446";
}

.mdi-react:before {
  content: "\F707";
}

.mdi-read:before {
  content: "\F447";
}

.mdi-readability:before {
  content: "\F448";
}

.mdi-receipt:before {
  content: "\F449";
}

.mdi-record:before {
  content: "\F44A";
}

.mdi-record-rec:before {
  content: "\F44B";
}

.mdi-recycle:before {
  content: "\F44C";
}

.mdi-reddit:before {
  content: "\F44D";
}

.mdi-redo:before {
  content: "\F44E";
}

.mdi-redo-variant:before {
  content: "\F44F";
}

.mdi-refresh:before {
  content: "\F450";
}

.mdi-regex:before {
  content: "\F451";
}

.mdi-relative-scale:before {
  content: "\F452";
}

.mdi-reload:before {
  content: "\F453";
}

.mdi-remote:before {
  content: "\F454";
}

.mdi-rename-box:before {
  content: "\F455";
}

.mdi-reorder-horizontal:before {
  content: "\F687";
}

.mdi-reorder-vertical:before {
  content: "\F688";
}

.mdi-repeat:before {
  content: "\F456";
}

.mdi-repeat-off:before {
  content: "\F457";
}

.mdi-repeat-once:before {
  content: "\F458";
}

.mdi-replay:before {
  content: "\F459";
}

.mdi-reply:before {
  content: "\F45A";
}

.mdi-reply-all:before {
  content: "\F45B";
}

.mdi-reproduction:before {
  content: "\F45C";
}

.mdi-resize-bottom-right:before {
  content: "\F45D";
}

.mdi-responsive:before {
  content: "\F45E";
}

.mdi-restart:before {
  content: "\F708";
}

.mdi-restore:before {
  content: "\F6A7";
}

.mdi-rewind:before {
  content: "\F45F";
}

.mdi-rewind-outline:before {
  content: "\F709";
}

.mdi-rhombus:before {
  content: "\F70A";
}

.mdi-rhombus-outline:before {
  content: "\F70B";
}

.mdi-ribbon:before {
  content: "\F460";
}

.mdi-road:before {
  content: "\F461";
}

.mdi-road-variant:before {
  content: "\F462";
}

.mdi-robot:before {
  content: "\F6A8";
}

.mdi-rocket:before {
  content: "\F463";
}

.mdi-roomba:before {
  content: "\F70C";
}

.mdi-rotate-3d:before {
  content: "\F464";
}

.mdi-rotate-left:before {
  content: "\F465";
}

.mdi-rotate-left-variant:before {
  content: "\F466";
}

.mdi-rotate-right:before {
  content: "\F467";
}

.mdi-rotate-right-variant:before {
  content: "\F468";
}

.mdi-rounded-corner:before {
  content: "\F607";
}

.mdi-router-wireless:before {
  content: "\F469";
}

.mdi-routes:before {
  content: "\F46A";
}

.mdi-rowing:before {
  content: "\F608";
}

.mdi-rss:before {
  content: "\F46B";
}

.mdi-rss-box:before {
  content: "\F46C";
}

.mdi-ruler:before {
  content: "\F46D";
}

.mdi-run:before {
  content: "\F70D";
}

.mdi-run-fast:before {
  content: "\F46E";
}

.mdi-sale:before {
  content: "\F46F";
}

.mdi-satellite:before {
  content: "\F470";
}

.mdi-satellite-variant:before {
  content: "\F471";
}

.mdi-saxophone:before {
  content: "\F609";
}

.mdi-scale:before {
  content: "\F472";
}

.mdi-scale-balance:before {
  content: "\F5D1";
}

.mdi-scale-bathroom:before {
  content: "\F473";
}

.mdi-scanner:before {
  content: "\F6AA";
}

.mdi-school:before {
  content: "\F474";
}

.mdi-screen-rotation:before {
  content: "\F475";
}

.mdi-screen-rotation-lock:before {
  content: "\F476";
}

.mdi-screwdriver:before {
  content: "\F477";
}

.mdi-script:before {
  content: "\F478";
}

.mdi-sd:before {
  content: "\F479";
}

.mdi-seal:before {
  content: "\F47A";
}

.mdi-search-web:before {
  content: "\F70E";
}

.mdi-seat-flat:before {
  content: "\F47B";
}

.mdi-seat-flat-angled:before {
  content: "\F47C";
}

.mdi-seat-individual-suite:before {
  content: "\F47D";
}

.mdi-seat-legroom-extra:before {
  content: "\F47E";
}

.mdi-seat-legroom-normal:before {
  content: "\F47F";
}

.mdi-seat-legroom-reduced:before {
  content: "\F480";
}

.mdi-seat-recline-extra:before {
  content: "\F481";
}

.mdi-seat-recline-normal:before {
  content: "\F482";
}

.mdi-security:before {
  content: "\F483";
}

.mdi-security-home:before {
  content: "\F689";
}

.mdi-security-network:before {
  content: "\F484";
}

.mdi-select:before {
  content: "\F485";
}

.mdi-select-all:before {
  content: "\F486";
}

.mdi-select-inverse:before {
  content: "\F487";
}

.mdi-select-off:before {
  content: "\F488";
}

.mdi-selection:before {
  content: "\F489";
}

.mdi-selection-off:before {
  content: "\F776";
}

.mdi-send:before {
  content: "\F48A";
}

.mdi-serial-port:before {
  content: "\F65C";
}

.mdi-server:before {
  content: "\F48B";
}

.mdi-server-minus:before {
  content: "\F48C";
}

.mdi-server-network:before {
  content: "\F48D";
}

.mdi-server-network-off:before {
  content: "\F48E";
}

.mdi-server-off:before {
  content: "\F48F";
}

.mdi-server-plus:before {
  content: "\F490";
}

.mdi-server-remove:before {
  content: "\F491";
}

.mdi-server-security:before {
  content: "\F492";
}

.mdi-set-all:before {
  content: "\F777";
}

.mdi-set-center:before {
  content: "\F778";
}

.mdi-set-center-right:before {
  content: "\F779";
}

.mdi-set-left:before {
  content: "\F77A";
}

.mdi-set-left-center:before {
  content: "\F77B";
}

.mdi-set-left-right:before {
  content: "\F77C";
}

.mdi-set-none:before {
  content: "\F77D";
}

.mdi-set-right:before {
  content: "\F77E";
}

.mdi-settings:before {
  content: "\F493";
}

.mdi-settings-box:before {
  content: "\F494";
}

.mdi-shape-circle-plus:before {
  content: "\F65D";
}

.mdi-shape-plus:before {
  content: "\F495";
}

.mdi-shape-polygon-plus:before {
  content: "\F65E";
}

.mdi-shape-rectangle-plus:before {
  content: "\F65F";
}

.mdi-shape-square-plus:before {
  content: "\F660";
}

.mdi-share:before {
  content: "\F496";
}

.mdi-share-variant:before {
  content: "\F497";
}

.mdi-shield:before {
  content: "\F498";
}

.mdi-shield-half-full:before {
  content: "\F77F";
}

.mdi-shield-outline:before {
  content: "\F499";
}

.mdi-shopping:before {
  content: "\F49A";
}

.mdi-shopping-music:before {
  content: "\F49B";
}

.mdi-shovel:before {
  content: "\F70F";
}

.mdi-shovel-off:before {
  content: "\F710";
}

.mdi-shredder:before {
  content: "\F49C";
}

.mdi-shuffle:before {
  content: "\F49D";
}

.mdi-shuffle-disabled:before {
  content: "\F49E";
}

.mdi-shuffle-variant:before {
  content: "\F49F";
}

.mdi-sigma:before {
  content: "\F4A0";
}

.mdi-sigma-lower:before {
  content: "\F62B";
}

.mdi-sign-caution:before {
  content: "\F4A1";
}

.mdi-sign-direction:before {
  content: "\F780";
}

.mdi-sign-text:before {
  content: "\F781";
}

.mdi-signal:before {
  content: "\F4A2";
}

.mdi-signal-2g:before {
  content: "\F711";
}

.mdi-signal-3g:before {
  content: "\F712";
}

.mdi-signal-4g:before {
  content: "\F713";
}

.mdi-signal-hspa:before {
  content: "\F714";
}

.mdi-signal-hspa-plus:before {
  content: "\F715";
}

.mdi-signal-off:before {
  content: "\F782";
}

.mdi-signal-variant:before {
  content: "\F60A";
}

.mdi-silverware:before {
  content: "\F4A3";
}

.mdi-silverware-fork:before {
  content: "\F4A4";
}

.mdi-silverware-spoon:before {
  content: "\F4A5";
}

.mdi-silverware-variant:before {
  content: "\F4A6";
}

.mdi-sim:before {
  content: "\F4A7";
}

.mdi-sim-alert:before {
  content: "\F4A8";
}

.mdi-sim-off:before {
  content: "\F4A9";
}

.mdi-sitemap:before {
  content: "\F4AA";
}

.mdi-skip-backward:before {
  content: "\F4AB";
}

.mdi-skip-forward:before {
  content: "\F4AC";
}

.mdi-skip-next:before {
  content: "\F4AD";
}

.mdi-skip-next-circle:before {
  content: "\F661";
}

.mdi-skip-next-circle-outline:before {
  content: "\F662";
}

.mdi-skip-previous:before {
  content: "\F4AE";
}

.mdi-skip-previous-circle:before {
  content: "\F663";
}

.mdi-skip-previous-circle-outline:before {
  content: "\F664";
}

.mdi-skull:before {
  content: "\F68B";
}

.mdi-skype:before {
  content: "\F4AF";
}

.mdi-skype-business:before {
  content: "\F4B0";
}

.mdi-slack:before {
  content: "\F4B1";
}

.mdi-sleep:before {
  content: "\F4B2";
}

.mdi-sleep-off:before {
  content: "\F4B3";
}

.mdi-smoking:before {
  content: "\F4B4";
}

.mdi-smoking-off:before {
  content: "\F4B5";
}

.mdi-snapchat:before {
  content: "\F4B6";
}

.mdi-snowflake:before {
  content: "\F716";
}

.mdi-snowman:before {
  content: "\F4B7";
}

.mdi-soccer:before {
  content: "\F4B8";
}

.mdi-sofa:before {
  content: "\F4B9";
}

.mdi-solid:before {
  content: "\F68C";
}

.mdi-sort:before {
  content: "\F4BA";
}

.mdi-sort-alphabetical:before {
  content: "\F4BB";
}

.mdi-sort-ascending:before {
  content: "\F4BC";
}

.mdi-sort-descending:before {
  content: "\F4BD";
}

.mdi-sort-numeric:before {
  content: "\F4BE";
}

.mdi-sort-variant:before {
  content: "\F4BF";
}

.mdi-soundcloud:before {
  content: "\F4C0";
}

.mdi-source-branch:before {
  content: "\F62C";
}

.mdi-source-commit:before {
  content: "\F717";
}

.mdi-source-commit-end:before {
  content: "\F718";
}

.mdi-source-commit-end-local:before {
  content: "\F719";
}

.mdi-source-commit-local:before {
  content: "\F71A";
}

.mdi-source-commit-next-local:before {
  content: "\F71B";
}

.mdi-source-commit-start:before {
  content: "\F71C";
}

.mdi-source-commit-start-next-local:before {
  content: "\F71D";
}

.mdi-source-fork:before {
  content: "\F4C1";
}

.mdi-source-merge:before {
  content: "\F62D";
}

.mdi-source-pull:before {
  content: "\F4C2";
}

.mdi-speaker:before {
  content: "\F4C3";
}

.mdi-speaker-off:before {
  content: "\F4C4";
}

.mdi-speaker-wireless:before {
  content: "\F71E";
}

.mdi-speedometer:before {
  content: "\F4C5";
}

.mdi-spellcheck:before {
  content: "\F4C6";
}

.mdi-spotify:before {
  content: "\F4C7";
}

.mdi-spotlight:before {
  content: "\F4C8";
}

.mdi-spotlight-beam:before {
  content: "\F4C9";
}

.mdi-spray:before {
  content: "\F665";
}

.mdi-square:before {
  content: "\F763";
}

.mdi-square-inc:before {
  content: "\F4CA";
}

.mdi-square-inc-cash:before {
  content: "\F4CB";
}

.mdi-square-outline:before {
  content: "\F762";
}

.mdi-square-root:before {
  content: "\F783";
}

.mdi-stackexchange:before {
  content: "\F60B";
}

.mdi-stackoverflow:before {
  content: "\F4CC";
}

.mdi-stadium:before {
  content: "\F71F";
}

.mdi-stairs:before {
  content: "\F4CD";
}

.mdi-star:before {
  content: "\F4CE";
}

.mdi-star-circle:before {
  content: "\F4CF";
}

.mdi-star-half:before {
  content: "\F4D0";
}

.mdi-star-off:before {
  content: "\F4D1";
}

.mdi-star-outline:before {
  content: "\F4D2";
}

.mdi-steam:before {
  content: "\F4D3";
}

.mdi-steering:before {
  content: "\F4D4";
}

.mdi-step-backward:before {
  content: "\F4D5";
}

.mdi-step-backward-2:before {
  content: "\F4D6";
}

.mdi-step-forward:before {
  content: "\F4D7";
}

.mdi-step-forward-2:before {
  content: "\F4D8";
}

.mdi-stethoscope:before {
  content: "\F4D9";
}

.mdi-sticker:before {
  content: "\F5D0";
}

.mdi-sticker-emoji:before {
  content: "\F784";
}

.mdi-stocking:before {
  content: "\F4DA";
}

.mdi-stop:before {
  content: "\F4DB";
}

.mdi-stop-circle:before {
  content: "\F666";
}

.mdi-stop-circle-outline:before {
  content: "\F667";
}

.mdi-store:before {
  content: "\F4DC";
}

.mdi-store-24-hour:before {
  content: "\F4DD";
}

.mdi-stove:before {
  content: "\F4DE";
}

.mdi-subdirectory-arrow-left:before {
  content: "\F60C";
}

.mdi-subdirectory-arrow-right:before {
  content: "\F60D";
}

.mdi-subway:before {
  content: "\F6AB";
}

.mdi-subway-variant:before {
  content: "\F4DF";
}

.mdi-summit:before {
  content: "\F785";
}

.mdi-sunglasses:before {
  content: "\F4E0";
}

.mdi-surround-sound:before {
  content: "\F5C5";
}

.mdi-svg:before {
  content: "\F720";
}

.mdi-swap-horizontal:before {
  content: "\F4E1";
}

.mdi-swap-vertical:before {
  content: "\F4E2";
}

.mdi-swim:before {
  content: "\F4E3";
}

.mdi-switch:before {
  content: "\F4E4";
}

.mdi-sword:before {
  content: "\F4E5";
}

.mdi-sword-cross:before {
  content: "\F786";
}

.mdi-sync:before {
  content: "\F4E6";
}

.mdi-sync-alert:before {
  content: "\F4E7";
}

.mdi-sync-off:before {
  content: "\F4E8";
}

.mdi-tab:before {
  content: "\F4E9";
}

.mdi-tab-plus:before {
  content: "\F75B";
}

.mdi-tab-unselected:before {
  content: "\F4EA";
}

.mdi-table:before {
  content: "\F4EB";
}

.mdi-table-column-plus-after:before {
  content: "\F4EC";
}

.mdi-table-column-plus-before:before {
  content: "\F4ED";
}

.mdi-table-column-remove:before {
  content: "\F4EE";
}

.mdi-table-column-width:before {
  content: "\F4EF";
}

.mdi-table-edit:before {
  content: "\F4F0";
}

.mdi-table-large:before {
  content: "\F4F1";
}

.mdi-table-row-height:before {
  content: "\F4F2";
}

.mdi-table-row-plus-after:before {
  content: "\F4F3";
}

.mdi-table-row-plus-before:before {
  content: "\F4F4";
}

.mdi-table-row-remove:before {
  content: "\F4F5";
}

.mdi-tablet:before {
  content: "\F4F6";
}

.mdi-tablet-android:before {
  content: "\F4F7";
}

.mdi-tablet-ipad:before {
  content: "\F4F8";
}

.mdi-taco:before {
  content: "\F761";
}

.mdi-tag:before {
  content: "\F4F9";
}

.mdi-tag-faces:before {
  content: "\F4FA";
}

.mdi-tag-heart:before {
  content: "\F68A";
}

.mdi-tag-multiple:before {
  content: "\F4FB";
}

.mdi-tag-outline:before {
  content: "\F4FC";
}

.mdi-tag-plus:before {
  content: "\F721";
}

.mdi-tag-remove:before {
  content: "\F722";
}

.mdi-tag-text-outline:before {
  content: "\F4FD";
}

.mdi-target:before {
  content: "\F4FE";
}

.mdi-taxi:before {
  content: "\F4FF";
}

.mdi-teamviewer:before {
  content: "\F500";
}

.mdi-telegram:before {
  content: "\F501";
}

.mdi-television:before {
  content: "\F502";
}

.mdi-television-guide:before {
  content: "\F503";
}

.mdi-temperature-celsius:before {
  content: "\F504";
}

.mdi-temperature-fahrenheit:before {
  content: "\F505";
}

.mdi-temperature-kelvin:before {
  content: "\F506";
}

.mdi-tennis:before {
  content: "\F507";
}

.mdi-tent:before {
  content: "\F508";
}

.mdi-terrain:before {
  content: "\F509";
}

.mdi-test-tube:before {
  content: "\F668";
}

.mdi-text-shadow:before {
  content: "\F669";
}

.mdi-text-to-speech:before {
  content: "\F50A";
}

.mdi-text-to-speech-off:before {
  content: "\F50B";
}

.mdi-textbox:before {
  content: "\F60E";
}

.mdi-texture:before {
  content: "\F50C";
}

.mdi-theater:before {
  content: "\F50D";
}

.mdi-theme-light-dark:before {
  content: "\F50E";
}

.mdi-thermometer:before {
  content: "\F50F";
}

.mdi-thermometer-lines:before {
  content: "\F510";
}

.mdi-thumb-down:before {
  content: "\F511";
}

.mdi-thumb-down-outline:before {
  content: "\F512";
}

.mdi-thumb-up:before {
  content: "\F513";
}

.mdi-thumb-up-outline:before {
  content: "\F514";
}

.mdi-thumbs-up-down:before {
  content: "\F515";
}

.mdi-ticket:before {
  content: "\F516";
}

.mdi-ticket-account:before {
  content: "\F517";
}

.mdi-ticket-confirmation:before {
  content: "\F518";
}

.mdi-ticket-percent:before {
  content: "\F723";
}

.mdi-tie:before {
  content: "\F519";
}

.mdi-tilde:before {
  content: "\F724";
}

.mdi-timelapse:before {
  content: "\F51A";
}

.mdi-timer:before {
  content: "\F51B";
}

.mdi-timer-10:before {
  content: "\F51C";
}

.mdi-timer-3:before {
  content: "\F51D";
}

.mdi-timer-off:before {
  content: "\F51E";
}

.mdi-timer-sand:before {
  content: "\F51F";
}

.mdi-timer-sand-empty:before {
  content: "\F6AC";
}

.mdi-timer-sand-full:before {
  content: "\F78B";
}

.mdi-timetable:before {
  content: "\F520";
}

.mdi-toggle-switch:before {
  content: "\F521";
}

.mdi-toggle-switch-off:before {
  content: "\F522";
}

.mdi-tooltip:before {
  content: "\F523";
}

.mdi-tooltip-edit:before {
  content: "\F524";
}

.mdi-tooltip-image:before {
  content: "\F525";
}

.mdi-tooltip-outline:before {
  content: "\F526";
}

.mdi-tooltip-outline-plus:before {
  content: "\F527";
}

.mdi-tooltip-text:before {
  content: "\F528";
}

.mdi-tooth:before {
  content: "\F529";
}

.mdi-tor:before {
  content: "\F52A";
}

.mdi-tower-beach:before {
  content: "\F680";
}

.mdi-tower-fire:before {
  content: "\F681";
}

.mdi-traffic-light:before {
  content: "\F52B";
}

.mdi-train:before {
  content: "\F52C";
}

.mdi-tram:before {
  content: "\F52D";
}

.mdi-transcribe:before {
  content: "\F52E";
}

.mdi-transcribe-close:before {
  content: "\F52F";
}

.mdi-transfer:before {
  content: "\F530";
}

.mdi-transit-transfer:before {
  content: "\F6AD";
}

.mdi-translate:before {
  content: "\F5CA";
}

.mdi-treasure-chest:before {
  content: "\F725";
}

.mdi-tree:before {
  content: "\F531";
}

.mdi-trello:before {
  content: "\F532";
}

.mdi-trending-down:before {
  content: "\F533";
}

.mdi-trending-neutral:before {
  content: "\F534";
}

.mdi-trending-up:before {
  content: "\F535";
}

.mdi-triangle:before {
  content: "\F536";
}

.mdi-triangle-outline:before {
  content: "\F537";
}

.mdi-trophy:before {
  content: "\F538";
}

.mdi-trophy-award:before {
  content: "\F539";
}

.mdi-trophy-outline:before {
  content: "\F53A";
}

.mdi-trophy-variant:before {
  content: "\F53B";
}

.mdi-trophy-variant-outline:before {
  content: "\F53C";
}

.mdi-truck:before {
  content: "\F53D";
}

.mdi-truck-delivery:before {
  content: "\F53E";
}

.mdi-truck-fast:before {
  content: "\F787";
}

.mdi-truck-trailer:before {
  content: "\F726";
}

.mdi-tshirt-crew:before {
  content: "\F53F";
}

.mdi-tshirt-v:before {
  content: "\F540";
}

.mdi-tumblr:before {
  content: "\F541";
}

.mdi-tumblr-reblog:before {
  content: "\F542";
}

.mdi-tune:before {
  content: "\F62E";
}

.mdi-tune-vertical:before {
  content: "\F66A";
}

.mdi-twitch:before {
  content: "\F543";
}

.mdi-twitter:before {
  content: "\F544";
}

.mdi-twitter-box:before {
  content: "\F545";
}

.mdi-twitter-circle:before {
  content: "\F546";
}

.mdi-twitter-retweet:before {
  content: "\F547";
}

.mdi-uber:before {
  content: "\F748";
}

.mdi-ubuntu:before {
  content: "\F548";
}

.mdi-umbraco:before {
  content: "\F549";
}

.mdi-umbrella:before {
  content: "\F54A";
}

.mdi-umbrella-outline:before {
  content: "\F54B";
}

.mdi-undo:before {
  content: "\F54C";
}

.mdi-undo-variant:before {
  content: "\F54D";
}

.mdi-unfold-less-horizontal:before {
  content: "\F54E";
}

.mdi-unfold-less-vertical:before {
  content: "\F75F";
}

.mdi-unfold-more-horizontal:before {
  content: "\F54F";
}

.mdi-unfold-more-vertical:before {
  content: "\F760";
}

.mdi-ungroup:before {
  content: "\F550";
}

.mdi-unity:before {
  content: "\F6AE";
}

.mdi-untappd:before {
  content: "\F551";
}

.mdi-update:before {
  content: "\F6AF";
}

.mdi-upload:before {
  content: "\F552";
}

.mdi-upload-network:before {
  content: "\F6F5";
}

.mdi-usb:before {
  content: "\F553";
}

.mdi-vector-arrange-above:before {
  content: "\F554";
}

.mdi-vector-arrange-below:before {
  content: "\F555";
}

.mdi-vector-circle:before {
  content: "\F556";
}

.mdi-vector-circle-variant:before {
  content: "\F557";
}

.mdi-vector-combine:before {
  content: "\F558";
}

.mdi-vector-curve:before {
  content: "\F559";
}

.mdi-vector-difference:before {
  content: "\F55A";
}

.mdi-vector-difference-ab:before {
  content: "\F55B";
}

.mdi-vector-difference-ba:before {
  content: "\F55C";
}

.mdi-vector-intersection:before {
  content: "\F55D";
}

.mdi-vector-line:before {
  content: "\F55E";
}

.mdi-vector-point:before {
  content: "\F55F";
}

.mdi-vector-polygon:before {
  content: "\F560";
}

.mdi-vector-polyline:before {
  content: "\F561";
}

.mdi-vector-radius:before {
  content: "\F749";
}

.mdi-vector-rectangle:before {
  content: "\F5C6";
}

.mdi-vector-selection:before {
  content: "\F562";
}

.mdi-vector-square:before {
  content: "\F001";
}

.mdi-vector-triangle:before {
  content: "\F563";
}

.mdi-vector-union:before {
  content: "\F564";
}

.mdi-verified:before {
  content: "\F565";
}

.mdi-vibrate:before {
  content: "\F566";
}

.mdi-video:before {
  content: "\F567";
}

.mdi-video-off:before {
  content: "\F568";
}

.mdi-video-switch:before {
  content: "\F569";
}

.mdi-view-agenda:before {
  content: "\F56A";
}

.mdi-view-array:before {
  content: "\F56B";
}

.mdi-view-carousel:before {
  content: "\F56C";
}

.mdi-view-column:before {
  content: "\F56D";
}

.mdi-view-dashboard:before {
  content: "\F56E";
}

.mdi-view-day:before {
  content: "\F56F";
}

.mdi-view-grid:before {
  content: "\F570";
}

.mdi-view-headline:before {
  content: "\F571";
}

.mdi-view-list:before {
  content: "\F572";
}

.mdi-view-module:before {
  content: "\F573";
}

.mdi-view-parallel:before {
  content: "\F727";
}

.mdi-view-quilt:before {
  content: "\F574";
}

.mdi-view-sequential:before {
  content: "\F728";
}

.mdi-view-stream:before {
  content: "\F575";
}

.mdi-view-week:before {
  content: "\F576";
}

.mdi-vimeo:before {
  content: "\F577";
}

.mdi-vine:before {
  content: "\F578";
}

.mdi-violin:before {
  content: "\F60F";
}

.mdi-visualstudio:before {
  content: "\F610";
}

.mdi-vk:before {
  content: "\F579";
}

.mdi-vk-box:before {
  content: "\F57A";
}

.mdi-vk-circle:before {
  content: "\F57B";
}

.mdi-vlc:before {
  content: "\F57C";
}

.mdi-voice:before {
  content: "\F5CB";
}

.mdi-voicemail:before {
  content: "\F57D";
}

.mdi-volume-high:before {
  content: "\F57E";
}

.mdi-volume-low:before {
  content: "\F57F";
}

.mdi-volume-medium:before {
  content: "\F580";
}

.mdi-volume-minus:before {
  content: "\F75D";
}

.mdi-volume-mute:before {
  content: "\F75E";
}

.mdi-volume-off:before {
  content: "\F581";
}

.mdi-volume-plus:before {
  content: "\F75C";
}

.mdi-vpn:before {
  content: "\F582";
}

.mdi-walk:before {
  content: "\F583";
}

.mdi-wallet:before {
  content: "\F584";
}

.mdi-wallet-giftcard:before {
  content: "\F585";
}

.mdi-wallet-membership:before {
  content: "\F586";
}

.mdi-wallet-travel:before {
  content: "\F587";
}

.mdi-wan:before {
  content: "\F588";
}

.mdi-washing-machine:before {
  content: "\F729";
}

.mdi-watch:before {
  content: "\F589";
}

.mdi-watch-export:before {
  content: "\F58A";
}

.mdi-watch-import:before {
  content: "\F58B";
}

.mdi-watch-vibrate:before {
  content: "\F6B0";
}

.mdi-water:before {
  content: "\F58C";
}

.mdi-water-off:before {
  content: "\F58D";
}

.mdi-water-percent:before {
  content: "\F58E";
}

.mdi-water-pump:before {
  content: "\F58F";
}

.mdi-watermark:before {
  content: "\F612";
}

.mdi-waves:before {
  content: "\F78C";
}

.mdi-weather-cloudy:before {
  content: "\F590";
}

.mdi-weather-fog:before {
  content: "\F591";
}

.mdi-weather-hail:before {
  content: "\F592";
}

.mdi-weather-lightning:before {
  content: "\F593";
}

.mdi-weather-lightning-rainy:before {
  content: "\F67D";
}

.mdi-weather-night:before {
  content: "\F594";
}

.mdi-weather-partlycloudy:before {
  content: "\F595";
}

.mdi-weather-pouring:before {
  content: "\F596";
}

.mdi-weather-rainy:before {
  content: "\F597";
}

.mdi-weather-snowy:before {
  content: "\F598";
}

.mdi-weather-snowy-rainy:before {
  content: "\F67E";
}

.mdi-weather-sunny:before {
  content: "\F599";
}

.mdi-weather-sunset:before {
  content: "\F59A";
}

.mdi-weather-sunset-down:before {
  content: "\F59B";
}

.mdi-weather-sunset-up:before {
  content: "\F59C";
}

.mdi-weather-windy:before {
  content: "\F59D";
}

.mdi-weather-windy-variant:before {
  content: "\F59E";
}

.mdi-web:before {
  content: "\F59F";
}

.mdi-webcam:before {
  content: "\F5A0";
}

.mdi-webhook:before {
  content: "\F62F";
}

.mdi-webpack:before {
  content: "\F72A";
}

.mdi-wechat:before {
  content: "\F611";
}

.mdi-weight:before {
  content: "\F5A1";
}

.mdi-weight-kilogram:before {
  content: "\F5A2";
}

.mdi-whatsapp:before {
  content: "\F5A3";
}

.mdi-wheelchair-accessibility:before {
  content: "\F5A4";
}

.mdi-white-balance-auto:before {
  content: "\F5A5";
}

.mdi-white-balance-incandescent:before {
  content: "\F5A6";
}

.mdi-white-balance-iridescent:before {
  content: "\F5A7";
}

.mdi-white-balance-sunny:before {
  content: "\F5A8";
}

.mdi-widgets:before {
  content: "\F72B";
}

.mdi-wifi:before {
  content: "\F5A9";
}

.mdi-wifi-off:before {
  content: "\F5AA";
}

.mdi-wii:before {
  content: "\F5AB";
}

.mdi-wiiu:before {
  content: "\F72C";
}

.mdi-wikipedia:before {
  content: "\F5AC";
}

.mdi-window-close:before {
  content: "\F5AD";
}

.mdi-window-closed:before {
  content: "\F5AE";
}

.mdi-window-maximize:before {
  content: "\F5AF";
}

.mdi-window-minimize:before {
  content: "\F5B0";
}

.mdi-window-open:before {
  content: "\F5B1";
}

.mdi-window-restore:before {
  content: "\F5B2";
}

.mdi-windows:before {
  content: "\F5B3";
}

.mdi-wordpress:before {
  content: "\F5B4";
}

.mdi-worker:before {
  content: "\F5B5";
}

.mdi-wrap:before {
  content: "\F5B6";
}

.mdi-wrench:before {
  content: "\F5B7";
}

.mdi-wunderlist:before {
  content: "\F5B8";
}

.mdi-xaml:before {
  content: "\F673";
}

.mdi-xbox:before {
  content: "\F5B9";
}

.mdi-xbox-controller:before {
  content: "\F5BA";
}

.mdi-xbox-controller-battery-alert:before {
  content: "\F74A";
}

.mdi-xbox-controller-battery-empty:before {
  content: "\F74B";
}

.mdi-xbox-controller-battery-full:before {
  content: "\F74C";
}

.mdi-xbox-controller-battery-low:before {
  content: "\F74D";
}

.mdi-xbox-controller-battery-medium:before {
  content: "\F74E";
}

.mdi-xbox-controller-battery-unknown:before {
  content: "\F74F";
}

.mdi-xbox-controller-off:before {
  content: "\F5BB";
}

.mdi-xda:before {
  content: "\F5BC";
}

.mdi-xing:before {
  content: "\F5BD";
}

.mdi-xing-box:before {
  content: "\F5BE";
}

.mdi-xing-circle:before {
  content: "\F5BF";
}

.mdi-xml:before {
  content: "\F5C0";
}

.mdi-yammer:before {
  content: "\F788";
}

.mdi-yeast:before {
  content: "\F5C1";
}

.mdi-yelp:before {
  content: "\F5C2";
}

.mdi-yin-yang:before {
  content: "\F67F";
}

.mdi-youtube-play:before {
  content: "\F5C3";
}

.mdi-zip-box:before {
  content: "\F5C4";
}

.mdi-18px.mdi-set, .mdi-18px.mdi:before {
  font-size: 18px;
}

.mdi-24px.mdi-set, .mdi-24px.mdi:before {
  font-size: 24px;
}

.mdi-36px.mdi-set, .mdi-36px.mdi:before {
  font-size: 36px;
}

.mdi-48px.mdi-set, .mdi-48px.mdi:before {
  font-size: 48px;
}

.mdi-dark:before {
  color: rgba(0, 0, 0, 0.54);
}

.mdi-dark.mdi-inactive:before {
  color: rgba(0, 0, 0, 0.26);
}

.mdi-light:before {
  color: rgb(255, 255, 255);
}

.mdi-light.mdi-inactive:before {
  color: rgba(255, 255, 255, 0.3);
}

.mdi-rotate-45 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(45deg);
      transform: scaleX(-1) rotate(45deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: scaleY(-1) rotate(45deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-45:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mdi-rotate-90 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(90deg);
      transform: scaleX(-1) rotate(90deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: scaleY(-1) rotate(90deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.mdi-rotate-135 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(135deg);
      transform: scaleX(-1) rotate(135deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(135deg);
      -ms-transform: rotate(135deg);
      transform: scaleY(-1) rotate(135deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-135:before {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.mdi-rotate-180 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(180deg);
      transform: scaleX(-1) rotate(180deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: scaleY(-1) rotate(180deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mdi-rotate-225 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(225deg);
      transform: scaleX(-1) rotate(225deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: scaleY(-1) rotate(225deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-225:before {
  -webkit-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.mdi-rotate-270 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(270deg);
      transform: scaleX(-1) rotate(270deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(270deg);
      -ms-transform: rotate(270deg);
      transform: scaleY(-1) rotate(270deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.mdi-rotate-315 {
  /*
  // Not included in production
  &.mdi-flip-h:before {
      -webkit-transform: scaleX(-1) rotate(315deg);
      transform: scaleX(-1) rotate(315deg);
      filter: FlipH;
      -ms-filter: "FlipH";
  }
  &.mdi-flip-v:before {
      -webkit-transform: scaleY(-1) rotate(315deg);
      -ms-transform: rotate(315deg);
      transform: scaleY(-1) rotate(315deg);
      filter: FlipV;
      -ms-filter: "FlipV";
  }
  */
}

.mdi-rotate-315:before {
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
}

.mdi-flip-h:before {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

.mdi-flip-v:before {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
  filter: FlipV;
  -ms-filter: "FlipV";
}

.mdi-spin:before {
  -webkit-animation: mdi-spin 2s infinite linear;
  animation: mdi-spin 2s infinite linear;
}

@-webkit-keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes mdi-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
#wrapper ngapps-payment-arrangements, #wrapper payment-arrangements-mock, body ngapps-payment-arrangements, body payment-arrangements-mock {
  display: block;
  max-width: 63rem;
}

#wrapper ngapps-start-service,
#wrapper ngapps-unauth-guest,
#wrapper ngapps-auth-customer, #wrapper app-account-registration, #wrapper app-account-preferences-confirmation,
#wrapper app-account-preferences-validation, #wrapper app-account-preferences .account-preferences-body,
#wrapper app-cp-account-preferences .account-preferences-body, #wrapper ngapps-cp-account-preferences .account-preferences-body {
  display: block;
  max-width: 54rem;
}

#wrapper ngapps-payment-multiple-confirmation .amount-due, #wrapper app-payment-ui app-selected-account .amount-due, #wrapper app-payment-ui app-confirmation-account .amount-due, #wrapper app-payment-ui app-processing-account .amount-due, #wrapper app-payment-ui app-pma-payment-tile .amount-due, #wrapper app-payment-ui app-pma-process-tile .amount-due, #wrapper app-payment-ui app-pma-confirm-tile .amount-due,
#wrapper app-pay-my-bill app-selected-account .amount-due,
#wrapper app-pay-my-bill app-confirmation-account .amount-due,
#wrapper app-pay-my-bill app-processing-account .amount-due,
#wrapper app-pay-my-bill app-pma-payment-tile .amount-due,
#wrapper app-pay-my-bill app-pma-process-tile .amount-due,
#wrapper app-pay-my-bill app-pma-confirm-tile .amount-due,
#wrapper payment-mo app-selected-account .amount-due,
#wrapper payment-mo app-confirmation-account .amount-due,
#wrapper payment-mo app-processing-account .amount-due,
#wrapper payment-mo app-pma-payment-tile .amount-due,
#wrapper payment-mo app-pma-process-tile .amount-due,
#wrapper payment-mo app-pma-confirm-tile .amount-due,
#wrapper app-loan-payoff-quote app-selected-account .amount-due,
#wrapper app-loan-payoff-quote app-confirmation-account .amount-due,
#wrapper app-loan-payoff-quote app-processing-account .amount-due,
#wrapper app-loan-payoff-quote app-pma-payment-tile .amount-due,
#wrapper app-loan-payoff-quote app-pma-process-tile .amount-due,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .amount-due,
#wrapper ngapps-ft-onetime-payment app-selected-account .amount-due,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .amount-due,
#wrapper ngapps-ft-onetime-payment app-processing-account .amount-due,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .amount-due,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .amount-due,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .amount-due, body app-payment-ui app-selected-account .amount-due, body app-payment-ui app-confirmation-account .amount-due, body app-payment-ui app-processing-account .amount-due, body app-payment-ui app-pma-payment-tile .amount-due, body app-payment-ui app-pma-process-tile .amount-due, body app-payment-ui app-pma-confirm-tile .amount-due,
body app-pay-my-bill app-selected-account .amount-due,
body app-pay-my-bill app-confirmation-account .amount-due,
body app-pay-my-bill app-processing-account .amount-due,
body app-pay-my-bill app-pma-payment-tile .amount-due,
body app-pay-my-bill app-pma-process-tile .amount-due,
body app-pay-my-bill app-pma-confirm-tile .amount-due,
body payment-mo app-selected-account .amount-due,
body payment-mo app-confirmation-account .amount-due,
body payment-mo app-processing-account .amount-due,
body payment-mo app-pma-payment-tile .amount-due,
body payment-mo app-pma-process-tile .amount-due,
body payment-mo app-pma-confirm-tile .amount-due,
body app-loan-payoff-quote app-selected-account .amount-due,
body app-loan-payoff-quote app-confirmation-account .amount-due,
body app-loan-payoff-quote app-processing-account .amount-due,
body app-loan-payoff-quote app-pma-payment-tile .amount-due,
body app-loan-payoff-quote app-pma-process-tile .amount-due,
body app-loan-payoff-quote app-pma-confirm-tile .amount-due,
body ngapps-ft-onetime-payment app-selected-account .amount-due,
body ngapps-ft-onetime-payment app-confirmation-account .amount-due,
body ngapps-ft-onetime-payment app-processing-account .amount-due,
body ngapps-ft-onetime-payment app-pma-payment-tile .amount-due,
body ngapps-ft-onetime-payment app-pma-process-tile .amount-due,
body ngapps-ft-onetime-payment app-pma-confirm-tile .amount-due, #wrapper ngapps-pma-payment-tile .amount-due, #wrapper ngapps-pma-process-tile .amount-due, #wrapper ngapps-pma-confirm-tile .amount-due, body ngapps-pma-payment-tile .amount-due, body ngapps-pma-process-tile .amount-due, body ngapps-pma-confirm-tile .amount-due, #wrapper ngapps-add-account-tile .amount-due,
#wrapper ngapps-account-tile .amount-due, #wrapper account-details .tile-body-amount-details .amount-due,
#wrapper ngapps-recent-transactions .tile-body-amount-details .amount-due,
#wrapper ngapps-billing-summary .tile-body-amount-details .amount-due,
#wrapper ngapps-account-letters .tile-body-amount-details .amount-due,
#wrapper ngapps-agent-letters .tile-body-amount-details .amount-due,
#wrapper ngapps-customer-letters .tile-body-amount-details .amount-due {
  color: #dd6716;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 2.4rem;
}

#wrapper ngapps-payment-multiple-confirmation .tile-header:after, #wrapper app-payment-ui app-selected-account .tile-header:after, #wrapper app-payment-ui app-confirmation-account .tile-header:after, #wrapper app-payment-ui app-processing-account .tile-header:after, #wrapper app-payment-ui app-pma-payment-tile .tile-header:after, #wrapper app-payment-ui app-pma-process-tile .tile-header:after, #wrapper app-payment-ui app-pma-confirm-tile .tile-header:after,
#wrapper app-pay-my-bill app-selected-account .tile-header:after,
#wrapper app-pay-my-bill app-confirmation-account .tile-header:after,
#wrapper app-pay-my-bill app-processing-account .tile-header:after,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-header:after,
#wrapper app-pay-my-bill app-pma-process-tile .tile-header:after,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-header:after,
#wrapper payment-mo app-selected-account .tile-header:after,
#wrapper payment-mo app-confirmation-account .tile-header:after,
#wrapper payment-mo app-processing-account .tile-header:after,
#wrapper payment-mo app-pma-payment-tile .tile-header:after,
#wrapper payment-mo app-pma-process-tile .tile-header:after,
#wrapper payment-mo app-pma-confirm-tile .tile-header:after,
#wrapper app-loan-payoff-quote app-selected-account .tile-header:after,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-header:after,
#wrapper app-loan-payoff-quote app-processing-account .tile-header:after,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-header:after,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-header:after,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-header:after,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-header:after,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-header:after,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-header:after,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-header:after,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-header:after,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header:after, body app-payment-ui app-selected-account .tile-header:after, body app-payment-ui app-confirmation-account .tile-header:after, body app-payment-ui app-processing-account .tile-header:after, body app-payment-ui app-pma-payment-tile .tile-header:after, body app-payment-ui app-pma-process-tile .tile-header:after, body app-payment-ui app-pma-confirm-tile .tile-header:after,
body app-pay-my-bill app-selected-account .tile-header:after,
body app-pay-my-bill app-confirmation-account .tile-header:after,
body app-pay-my-bill app-processing-account .tile-header:after,
body app-pay-my-bill app-pma-payment-tile .tile-header:after,
body app-pay-my-bill app-pma-process-tile .tile-header:after,
body app-pay-my-bill app-pma-confirm-tile .tile-header:after,
body payment-mo app-selected-account .tile-header:after,
body payment-mo app-confirmation-account .tile-header:after,
body payment-mo app-processing-account .tile-header:after,
body payment-mo app-pma-payment-tile .tile-header:after,
body payment-mo app-pma-process-tile .tile-header:after,
body payment-mo app-pma-confirm-tile .tile-header:after,
body app-loan-payoff-quote app-selected-account .tile-header:after,
body app-loan-payoff-quote app-confirmation-account .tile-header:after,
body app-loan-payoff-quote app-processing-account .tile-header:after,
body app-loan-payoff-quote app-pma-payment-tile .tile-header:after,
body app-loan-payoff-quote app-pma-process-tile .tile-header:after,
body app-loan-payoff-quote app-pma-confirm-tile .tile-header:after,
body ngapps-ft-onetime-payment app-selected-account .tile-header:after,
body ngapps-ft-onetime-payment app-confirmation-account .tile-header:after,
body ngapps-ft-onetime-payment app-processing-account .tile-header:after,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-header:after,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-header:after,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header:after, #wrapper ngapps-pma-payment-tile .tile-header:after, #wrapper ngapps-pma-process-tile .tile-header:after, #wrapper ngapps-pma-confirm-tile .tile-header:after, body ngapps-pma-payment-tile .tile-header:after, body ngapps-pma-process-tile .tile-header:after, body ngapps-pma-confirm-tile .tile-header:after, #wrapper ngapps-add-account-tile .tile-header:after,
#wrapper ngapps-account-tile .tile-header:after, #wrapper account-details .tile-body-status:after,
#wrapper ngapps-recent-transactions .tile-body-status:after,
#wrapper ngapps-billing-summary .tile-body-status:after,
#wrapper ngapps-account-letters .tile-body-status:after,
#wrapper ngapps-agent-letters .tile-body-status:after,
#wrapper ngapps-customer-letters .tile-body-status:after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-payment-multiple-confirmation .tile-header .mdi-lock, #wrapper app-payment-ui app-selected-account .tile-header .mdi-lock, #wrapper app-payment-ui app-confirmation-account .tile-header .mdi-lock, #wrapper app-payment-ui app-processing-account .tile-header .mdi-lock, #wrapper app-payment-ui app-pma-payment-tile .tile-header .mdi-lock, #wrapper app-payment-ui app-pma-process-tile .tile-header .mdi-lock, #wrapper app-payment-ui app-pma-confirm-tile .tile-header .mdi-lock,
#wrapper app-pay-my-bill app-selected-account .tile-header .mdi-lock,
#wrapper app-pay-my-bill app-confirmation-account .tile-header .mdi-lock,
#wrapper app-pay-my-bill app-processing-account .tile-header .mdi-lock,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-header .mdi-lock,
#wrapper app-pay-my-bill app-pma-process-tile .tile-header .mdi-lock,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-header .mdi-lock,
#wrapper payment-mo app-selected-account .tile-header .mdi-lock,
#wrapper payment-mo app-confirmation-account .tile-header .mdi-lock,
#wrapper payment-mo app-processing-account .tile-header .mdi-lock,
#wrapper payment-mo app-pma-payment-tile .tile-header .mdi-lock,
#wrapper payment-mo app-pma-process-tile .tile-header .mdi-lock,
#wrapper payment-mo app-pma-confirm-tile .tile-header .mdi-lock,
#wrapper app-loan-payoff-quote app-selected-account .tile-header .mdi-lock,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-header .mdi-lock,
#wrapper app-loan-payoff-quote app-processing-account .tile-header .mdi-lock,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-header .mdi-lock,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-header .mdi-lock,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-header .mdi-lock,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-header .mdi-lock,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-header .mdi-lock,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-header .mdi-lock,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-header .mdi-lock,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-header .mdi-lock,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header .mdi-lock, body app-payment-ui app-selected-account .tile-header .mdi-lock, body app-payment-ui app-confirmation-account .tile-header .mdi-lock, body app-payment-ui app-processing-account .tile-header .mdi-lock, body app-payment-ui app-pma-payment-tile .tile-header .mdi-lock, body app-payment-ui app-pma-process-tile .tile-header .mdi-lock, body app-payment-ui app-pma-confirm-tile .tile-header .mdi-lock,
body app-pay-my-bill app-selected-account .tile-header .mdi-lock,
body app-pay-my-bill app-confirmation-account .tile-header .mdi-lock,
body app-pay-my-bill app-processing-account .tile-header .mdi-lock,
body app-pay-my-bill app-pma-payment-tile .tile-header .mdi-lock,
body app-pay-my-bill app-pma-process-tile .tile-header .mdi-lock,
body app-pay-my-bill app-pma-confirm-tile .tile-header .mdi-lock,
body payment-mo app-selected-account .tile-header .mdi-lock,
body payment-mo app-confirmation-account .tile-header .mdi-lock,
body payment-mo app-processing-account .tile-header .mdi-lock,
body payment-mo app-pma-payment-tile .tile-header .mdi-lock,
body payment-mo app-pma-process-tile .tile-header .mdi-lock,
body payment-mo app-pma-confirm-tile .tile-header .mdi-lock,
body app-loan-payoff-quote app-selected-account .tile-header .mdi-lock,
body app-loan-payoff-quote app-confirmation-account .tile-header .mdi-lock,
body app-loan-payoff-quote app-processing-account .tile-header .mdi-lock,
body app-loan-payoff-quote app-pma-payment-tile .tile-header .mdi-lock,
body app-loan-payoff-quote app-pma-process-tile .tile-header .mdi-lock,
body app-loan-payoff-quote app-pma-confirm-tile .tile-header .mdi-lock,
body ngapps-ft-onetime-payment app-selected-account .tile-header .mdi-lock,
body ngapps-ft-onetime-payment app-confirmation-account .tile-header .mdi-lock,
body ngapps-ft-onetime-payment app-processing-account .tile-header .mdi-lock,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-header .mdi-lock,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-header .mdi-lock,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header .mdi-lock, #wrapper ngapps-pma-payment-tile .tile-header .mdi-lock, #wrapper ngapps-pma-process-tile .tile-header .mdi-lock, #wrapper ngapps-pma-confirm-tile .tile-header .mdi-lock, body ngapps-pma-payment-tile .tile-header .mdi-lock, body ngapps-pma-process-tile .tile-header .mdi-lock, body ngapps-pma-confirm-tile .tile-header .mdi-lock, #wrapper ngapps-add-account-tile .tile-header .mdi-lock,
#wrapper ngapps-account-tile .tile-header .mdi-lock, #wrapper account-details .tile-body-status .mdi-lock,
#wrapper ngapps-recent-transactions .tile-body-status .mdi-lock,
#wrapper ngapps-billing-summary .tile-body-status .mdi-lock,
#wrapper ngapps-account-letters .tile-body-status .mdi-lock,
#wrapper ngapps-agent-letters .tile-body-status .mdi-lock,
#wrapper ngapps-customer-letters .tile-body-status .mdi-lock,
#wrapper ngapps-payment-multiple-confirmation .tile-header .mdi-sync-alert,
#wrapper app-payment-ui app-selected-account .tile-header .mdi-sync-alert,
#wrapper app-payment-ui app-confirmation-account .tile-header .mdi-sync-alert,
#wrapper app-payment-ui app-processing-account .tile-header .mdi-sync-alert,
#wrapper app-payment-ui app-pma-payment-tile .tile-header .mdi-sync-alert,
#wrapper app-payment-ui app-pma-process-tile .tile-header .mdi-sync-alert,
#wrapper app-payment-ui app-pma-confirm-tile .tile-header .mdi-sync-alert,
#wrapper app-pay-my-bill app-selected-account .tile-header .mdi-sync-alert,
#wrapper app-pay-my-bill app-confirmation-account .tile-header .mdi-sync-alert,
#wrapper app-pay-my-bill app-processing-account .tile-header .mdi-sync-alert,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-header .mdi-sync-alert,
#wrapper app-pay-my-bill app-pma-process-tile .tile-header .mdi-sync-alert,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-header .mdi-sync-alert,
#wrapper payment-mo app-selected-account .tile-header .mdi-sync-alert,
#wrapper payment-mo app-confirmation-account .tile-header .mdi-sync-alert,
#wrapper payment-mo app-processing-account .tile-header .mdi-sync-alert,
#wrapper payment-mo app-pma-payment-tile .tile-header .mdi-sync-alert,
#wrapper payment-mo app-pma-process-tile .tile-header .mdi-sync-alert,
#wrapper payment-mo app-pma-confirm-tile .tile-header .mdi-sync-alert,
#wrapper app-loan-payoff-quote app-selected-account .tile-header .mdi-sync-alert,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-header .mdi-sync-alert,
#wrapper app-loan-payoff-quote app-processing-account .tile-header .mdi-sync-alert,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-header .mdi-sync-alert,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-header .mdi-sync-alert,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-header .mdi-sync-alert,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-header .mdi-sync-alert,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-header .mdi-sync-alert,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header .mdi-sync-alert,
body app-payment-ui app-selected-account .tile-header .mdi-sync-alert,
body app-payment-ui app-confirmation-account .tile-header .mdi-sync-alert,
body app-payment-ui app-processing-account .tile-header .mdi-sync-alert,
body app-payment-ui app-pma-payment-tile .tile-header .mdi-sync-alert,
body app-payment-ui app-pma-process-tile .tile-header .mdi-sync-alert,
body app-payment-ui app-pma-confirm-tile .tile-header .mdi-sync-alert,
body app-pay-my-bill app-selected-account .tile-header .mdi-sync-alert,
body app-pay-my-bill app-confirmation-account .tile-header .mdi-sync-alert,
body app-pay-my-bill app-processing-account .tile-header .mdi-sync-alert,
body app-pay-my-bill app-pma-payment-tile .tile-header .mdi-sync-alert,
body app-pay-my-bill app-pma-process-tile .tile-header .mdi-sync-alert,
body app-pay-my-bill app-pma-confirm-tile .tile-header .mdi-sync-alert,
body payment-mo app-selected-account .tile-header .mdi-sync-alert,
body payment-mo app-confirmation-account .tile-header .mdi-sync-alert,
body payment-mo app-processing-account .tile-header .mdi-sync-alert,
body payment-mo app-pma-payment-tile .tile-header .mdi-sync-alert,
body payment-mo app-pma-process-tile .tile-header .mdi-sync-alert,
body payment-mo app-pma-confirm-tile .tile-header .mdi-sync-alert,
body app-loan-payoff-quote app-selected-account .tile-header .mdi-sync-alert,
body app-loan-payoff-quote app-confirmation-account .tile-header .mdi-sync-alert,
body app-loan-payoff-quote app-processing-account .tile-header .mdi-sync-alert,
body app-loan-payoff-quote app-pma-payment-tile .tile-header .mdi-sync-alert,
body app-loan-payoff-quote app-pma-process-tile .tile-header .mdi-sync-alert,
body app-loan-payoff-quote app-pma-confirm-tile .tile-header .mdi-sync-alert,
body ngapps-ft-onetime-payment app-selected-account .tile-header .mdi-sync-alert,
body ngapps-ft-onetime-payment app-confirmation-account .tile-header .mdi-sync-alert,
body ngapps-ft-onetime-payment app-processing-account .tile-header .mdi-sync-alert,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-header .mdi-sync-alert,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-header .mdi-sync-alert,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-pma-payment-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-pma-process-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-pma-confirm-tile .tile-header .mdi-sync-alert,
body ngapps-pma-payment-tile .tile-header .mdi-sync-alert,
body ngapps-pma-process-tile .tile-header .mdi-sync-alert,
body ngapps-pma-confirm-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-add-account-tile .tile-header .mdi-sync-alert,
#wrapper ngapps-account-tile .tile-header .mdi-sync-alert,
#wrapper account-details .tile-body-status .mdi-sync-alert,
#wrapper ngapps-recent-transactions .tile-body-status .mdi-sync-alert,
#wrapper ngapps-billing-summary .tile-body-status .mdi-sync-alert,
#wrapper ngapps-account-letters .tile-body-status .mdi-sync-alert,
#wrapper ngapps-agent-letters .tile-body-status .mdi-sync-alert,
#wrapper ngapps-customer-letters .tile-body-status .mdi-sync-alert {
  float: left;
  margin-top: -1.3rem;
  margin-right: 0.2rem;
}
#wrapper ngapps-payment-multiple-confirmation .tile-header span, #wrapper app-payment-ui app-selected-account .tile-header span, #wrapper app-payment-ui app-confirmation-account .tile-header span, #wrapper app-payment-ui app-processing-account .tile-header span, #wrapper app-payment-ui app-pma-payment-tile .tile-header span, #wrapper app-payment-ui app-pma-process-tile .tile-header span, #wrapper app-payment-ui app-pma-confirm-tile .tile-header span,
#wrapper app-pay-my-bill app-selected-account .tile-header span,
#wrapper app-pay-my-bill app-confirmation-account .tile-header span,
#wrapper app-pay-my-bill app-processing-account .tile-header span,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-header span,
#wrapper app-pay-my-bill app-pma-process-tile .tile-header span,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-header span,
#wrapper payment-mo app-selected-account .tile-header span,
#wrapper payment-mo app-confirmation-account .tile-header span,
#wrapper payment-mo app-processing-account .tile-header span,
#wrapper payment-mo app-pma-payment-tile .tile-header span,
#wrapper payment-mo app-pma-process-tile .tile-header span,
#wrapper payment-mo app-pma-confirm-tile .tile-header span,
#wrapper app-loan-payoff-quote app-selected-account .tile-header span,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-header span,
#wrapper app-loan-payoff-quote app-processing-account .tile-header span,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-header span,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-header span,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-header span,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-header span,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-header span,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-header span,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-header span,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-header span,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header span, body app-payment-ui app-selected-account .tile-header span, body app-payment-ui app-confirmation-account .tile-header span, body app-payment-ui app-processing-account .tile-header span, body app-payment-ui app-pma-payment-tile .tile-header span, body app-payment-ui app-pma-process-tile .tile-header span, body app-payment-ui app-pma-confirm-tile .tile-header span,
body app-pay-my-bill app-selected-account .tile-header span,
body app-pay-my-bill app-confirmation-account .tile-header span,
body app-pay-my-bill app-processing-account .tile-header span,
body app-pay-my-bill app-pma-payment-tile .tile-header span,
body app-pay-my-bill app-pma-process-tile .tile-header span,
body app-pay-my-bill app-pma-confirm-tile .tile-header span,
body payment-mo app-selected-account .tile-header span,
body payment-mo app-confirmation-account .tile-header span,
body payment-mo app-processing-account .tile-header span,
body payment-mo app-pma-payment-tile .tile-header span,
body payment-mo app-pma-process-tile .tile-header span,
body payment-mo app-pma-confirm-tile .tile-header span,
body app-loan-payoff-quote app-selected-account .tile-header span,
body app-loan-payoff-quote app-confirmation-account .tile-header span,
body app-loan-payoff-quote app-processing-account .tile-header span,
body app-loan-payoff-quote app-pma-payment-tile .tile-header span,
body app-loan-payoff-quote app-pma-process-tile .tile-header span,
body app-loan-payoff-quote app-pma-confirm-tile .tile-header span,
body ngapps-ft-onetime-payment app-selected-account .tile-header span,
body ngapps-ft-onetime-payment app-confirmation-account .tile-header span,
body ngapps-ft-onetime-payment app-processing-account .tile-header span,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-header span,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-header span,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header span, #wrapper ngapps-pma-payment-tile .tile-header span, #wrapper ngapps-pma-process-tile .tile-header span, #wrapper ngapps-pma-confirm-tile .tile-header span, body ngapps-pma-payment-tile .tile-header span, body ngapps-pma-process-tile .tile-header span, body ngapps-pma-confirm-tile .tile-header span, #wrapper ngapps-add-account-tile .tile-header span,
#wrapper ngapps-account-tile .tile-header span, #wrapper account-details .tile-body-status span,
#wrapper ngapps-recent-transactions .tile-body-status span,
#wrapper ngapps-billing-summary .tile-body-status span,
#wrapper ngapps-account-letters .tile-body-status span,
#wrapper ngapps-agent-letters .tile-body-status span,
#wrapper ngapps-customer-letters .tile-body-status span {
  float: left;
  margin-top: -0.95rem;
  margin-right: 0.3rem;
  font-size: 0.8rem;
  font-weight: bold;
  color: #aa0000;
}
#wrapper ngapps-payment-multiple-confirmation .tile-header hr, #wrapper app-payment-ui app-selected-account .tile-header hr, #wrapper app-payment-ui app-confirmation-account .tile-header hr, #wrapper app-payment-ui app-processing-account .tile-header hr, #wrapper app-payment-ui app-pma-payment-tile .tile-header hr, #wrapper app-payment-ui app-pma-process-tile .tile-header hr, #wrapper app-payment-ui app-pma-confirm-tile .tile-header hr,
#wrapper app-pay-my-bill app-selected-account .tile-header hr,
#wrapper app-pay-my-bill app-confirmation-account .tile-header hr,
#wrapper app-pay-my-bill app-processing-account .tile-header hr,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-header hr,
#wrapper app-pay-my-bill app-pma-process-tile .tile-header hr,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-header hr,
#wrapper payment-mo app-selected-account .tile-header hr,
#wrapper payment-mo app-confirmation-account .tile-header hr,
#wrapper payment-mo app-processing-account .tile-header hr,
#wrapper payment-mo app-pma-payment-tile .tile-header hr,
#wrapper payment-mo app-pma-process-tile .tile-header hr,
#wrapper payment-mo app-pma-confirm-tile .tile-header hr,
#wrapper app-loan-payoff-quote app-selected-account .tile-header hr,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-header hr,
#wrapper app-loan-payoff-quote app-processing-account .tile-header hr,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-header hr,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-header hr,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-header hr,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-header hr,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-header hr,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-header hr,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-header hr,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-header hr,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header hr, body app-payment-ui app-selected-account .tile-header hr, body app-payment-ui app-confirmation-account .tile-header hr, body app-payment-ui app-processing-account .tile-header hr, body app-payment-ui app-pma-payment-tile .tile-header hr, body app-payment-ui app-pma-process-tile .tile-header hr, body app-payment-ui app-pma-confirm-tile .tile-header hr,
body app-pay-my-bill app-selected-account .tile-header hr,
body app-pay-my-bill app-confirmation-account .tile-header hr,
body app-pay-my-bill app-processing-account .tile-header hr,
body app-pay-my-bill app-pma-payment-tile .tile-header hr,
body app-pay-my-bill app-pma-process-tile .tile-header hr,
body app-pay-my-bill app-pma-confirm-tile .tile-header hr,
body payment-mo app-selected-account .tile-header hr,
body payment-mo app-confirmation-account .tile-header hr,
body payment-mo app-processing-account .tile-header hr,
body payment-mo app-pma-payment-tile .tile-header hr,
body payment-mo app-pma-process-tile .tile-header hr,
body payment-mo app-pma-confirm-tile .tile-header hr,
body app-loan-payoff-quote app-selected-account .tile-header hr,
body app-loan-payoff-quote app-confirmation-account .tile-header hr,
body app-loan-payoff-quote app-processing-account .tile-header hr,
body app-loan-payoff-quote app-pma-payment-tile .tile-header hr,
body app-loan-payoff-quote app-pma-process-tile .tile-header hr,
body app-loan-payoff-quote app-pma-confirm-tile .tile-header hr,
body ngapps-ft-onetime-payment app-selected-account .tile-header hr,
body ngapps-ft-onetime-payment app-confirmation-account .tile-header hr,
body ngapps-ft-onetime-payment app-processing-account .tile-header hr,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-header hr,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-header hr,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header hr, #wrapper ngapps-pma-payment-tile .tile-header hr, #wrapper ngapps-pma-process-tile .tile-header hr, #wrapper ngapps-pma-confirm-tile .tile-header hr, body ngapps-pma-payment-tile .tile-header hr, body ngapps-pma-process-tile .tile-header hr, body ngapps-pma-confirm-tile .tile-header hr, #wrapper ngapps-add-account-tile .tile-header hr,
#wrapper ngapps-account-tile .tile-header hr, #wrapper account-details .tile-body-status hr,
#wrapper ngapps-recent-transactions .tile-body-status hr,
#wrapper ngapps-billing-summary .tile-body-status hr,
#wrapper ngapps-account-letters .tile-body-status hr,
#wrapper ngapps-agent-letters .tile-body-status hr,
#wrapper ngapps-customer-letters .tile-body-status hr {
  border: 1px solid #aa0000;
  border-width: 3px 0 0 0;
  margin-right: 0.5rem;
}

#wrapper terms-and-conditions p,
mat-dialog-container terms-and-conditions p, body {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #4a4a4a;
}
@media only screen and (min-width: 768px) {
  #wrapper terms-and-conditions p,
  mat-dialog-container terms-and-conditions p, body {
    font-size: 1.125rem;
  }
}

#wrapper ngapps-step3-payment-info-al .line-item .amountOwnToday,
#wrapper ngapps-step3-payment-info-mo .line-item .amountOwnToday,
#wrapper ngapps-step3-payment-info-ccb .line-item .amountOwnToday,
#wrapper ngapps-initial-payment-options .line-item .amountOwnToday, #wrapper ngapps-step3-payment-info-al .line-item .amount,
#wrapper ngapps-step3-payment-info-mo .line-item .amount,
#wrapper ngapps-step3-payment-info-ccb .line-item .amount,
#wrapper ngapps-initial-payment-options .line-item .amount, #wrapper p {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1rem;
  line-height: 1.875rem;
  color: #4a4a4a;
}
@media only screen and (min-width: 768px) {
  #wrapper ngapps-step3-payment-info-al .line-item .amountOwnToday,
  #wrapper ngapps-step3-payment-info-mo .line-item .amountOwnToday,
  #wrapper ngapps-step3-payment-info-ccb .line-item .amountOwnToday,
  #wrapper ngapps-initial-payment-options .line-item .amountOwnToday, #wrapper ngapps-step3-payment-info-al .line-item .amount,
  #wrapper ngapps-step3-payment-info-mo .line-item .amount,
  #wrapper ngapps-step3-payment-info-ccb .line-item .amount,
  #wrapper ngapps-initial-payment-options .line-item .amount, #wrapper p {
    font-size: 1.125rem;
  }
}

#wrapper ngapps-list-payment-method .payment-method-block,
#wrapper ngapps-add-payment-method .payment-method-block,
#wrapper ngapps-ft-auto-pay .payment-method-block, body ngapps-list-payment-method .payment-method-block,
body ngapps-add-payment-method .payment-method-block,
body ngapps-ft-auto-pay .payment-method-block {
  border: 1px #b5b5b5 solid;
}

#wrapper ngapps-payment-arrangements-success #payment-arrangement-summary, body ngapps-payment-arrangements-success #payment-arrangement-summary, #wrapper ngapps-payment-arrangements-success h2, body ngapps-payment-arrangements-success h2, #wrapper ngapps-reconnect-service-mo ul > li, #wrapper app-profile-setting > ul > li, #wrapper ngapps-username-password > ul > li, #wrapper ngapps-payment-arrangements ul > li, #wrapper payment-arrangements-mock ul > li, body ngapps-payment-arrangements ul > li, body payment-arrangements-mock ul > li {
  border-bottom: 1px #b5b5b5 solid;
}

#wrapper ngapps-reconnect-service-mo ul label, #wrapper app-profile-setting > ul label, #wrapper ngapps-username-password > ul label, #wrapper ngapps-payment-arrangements ul label, #wrapper payment-arrangements-mock ul label, body ngapps-payment-arrangements ul label, body payment-arrangements-mock ul label, #wrapper ngapps-reconnect-service-mo ul body mat-label, body ngapps-payment-arrangements ul body mat-label, body payment-arrangements-mock ul body mat-label, body #wrapper ngapps-reconnect-service-mo ul mat-label, #wrapper ngapps-reconnect-service-mo body ul mat-label, body ngapps-payment-arrangements ul mat-label, body payment-arrangements-mock ul mat-label, #wrapper ngapps-reconnect-service-mo ul #wrapper mat-label, body ngapps-payment-arrangements ul #wrapper mat-label, body payment-arrangements-mock ul #wrapper mat-label, #wrapper ngapps-reconnect-service-mo ul mat-label, #wrapper app-profile-setting > ul mat-label, #wrapper ngapps-username-password > ul mat-label, #wrapper ngapps-payment-arrangements ul mat-label, #wrapper payment-arrangements-mock ul mat-label, body ngapps-payment-arrangements #wrapper ul mat-label, body payment-arrangements-mock #wrapper ul mat-label {
  color: #4a4a4a;
}

nav#left-nav a.subnav:after {
  content: "\F142";
  font-family: "Material Design Icons";
  clear: right;
  display: block;
  float: right;
}
nav#left-nav a.expanded.subnav:after {
  content: "\F140";
}

#wrapper nav#top-navigation a.subnav:after {
  font-size: 2rem;
  color: #dd6716;
  content: "\F140";
  font-family: "Material Design Icons";
  position: relative;
  top: 2px;
  left: 4px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation a.subnav:after {
    font-size: 1.2rem;
    color: #ffffff;
  }
}
#wrapper nav#top-navigation a.expanded.subnav:after {
  content: "\F143";
}

#wrapper ngapps-basic-account-info, #wrapper app-top-navigation, app-left-hand-column {
  transition: all 0.5s ease;
}

mat-dialog-container a, #wrapper a {
  color: #250e62;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  text-decoration: none;
}
mat-dialog-container a:hover, #wrapper a:hover {
  text-decoration: underline;
}

#wrapper .alert.alert-success > div,
mat-dialog-container .alert.alert-success > div, #wrapper .alert.alert-danger > div,
mat-dialog-container .alert.alert-danger > div, #wrapper .alert.alert-info > div,
mat-dialog-container .alert.alert-info > div {
  display: inline-block;
  vertical-align: middle;
}
#wrapper .alert.alert-success > div:nth-child(0n+2),
mat-dialog-container .alert.alert-success > div:nth-child(0n+2), #wrapper .alert.alert-danger > div:nth-child(0n+2),
mat-dialog-container .alert.alert-danger > div:nth-child(0n+2), #wrapper .alert.alert-info > div:nth-child(0n+2),
mat-dialog-container .alert.alert-info > div:nth-child(0n+2) {
  padding: 0.6rem;
  white-space: normal;
}

#wrapper .form-group.spire-checkbox input[type=checkbox], #wrapper dynamic-form input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
#wrapper .form-group.spire-checkbox input[type=checkbox] + label, #wrapper .form-group.spire-checkbox input[type=checkbox] + mat-label, #wrapper dynamic-form input[type=checkbox] + label, #wrapper dynamic-form body input[type=checkbox] + mat-label, body #wrapper dynamic-form input[type=checkbox] + mat-label, #wrapper dynamic-form input[type=checkbox] + mat-label {
  position: relative;
  cursor: pointer;
  padding: 0;
}
#wrapper .form-group.spire-checkbox input[type=checkbox] + label:before, #wrapper .form-group.spire-checkbox input[type=checkbox] + mat-label:before, #wrapper dynamic-form input[type=checkbox] + label:before, #wrapper dynamic-form body input[type=checkbox] + mat-label:before, body #wrapper dynamic-form input[type=checkbox] + mat-label:before, #wrapper dynamic-form input[type=checkbox] + mat-label:before {
  border: 2px solid #b5b5b5;
  border-radius: 2px;
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  background: white;
}
#wrapper .form-group.spire-checkbox input[type=checkbox]:hover + label:before, #wrapper .form-group.spire-checkbox input[type=checkbox]:hover + mat-label:before, #wrapper dynamic-form input[type=checkbox]:hover + label:before, #wrapper dynamic-form body input[type=checkbox]:hover + mat-label:before, body #wrapper dynamic-form input[type=checkbox]:hover + mat-label:before, #wrapper dynamic-form input[type=checkbox]:hover + mat-label:before {
  border-color: #dd6716;
}
#wrapper .form-group.spire-checkbox input[type=checkbox]:focus + label:before, #wrapper .form-group.spire-checkbox input[type=checkbox]:focus + mat-label:before, #wrapper dynamic-form input[type=checkbox]:focus + label:before, #wrapper dynamic-form body input[type=checkbox]:focus + mat-label:before, body #wrapper dynamic-form input[type=checkbox]:focus + mat-label:before, #wrapper dynamic-form input[type=checkbox]:focus + mat-label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
  border-color: #dd6716;
}
#wrapper .form-group.spire-checkbox input[type=checkbox]:checked + label:before, #wrapper .form-group.spire-checkbox input[type=checkbox]:checked + mat-label:before, #wrapper dynamic-form input[type=checkbox]:checked + label:before, #wrapper dynamic-form body input[type=checkbox]:checked + mat-label:before, body #wrapper dynamic-form input[type=checkbox]:checked + mat-label:before, #wrapper dynamic-form input[type=checkbox]:checked + mat-label:before {
  background: #dd6716;
  border-color: #dd6716;
}
#wrapper .form-group.spire-checkbox input[type=checkbox]:disabled + label, #wrapper .form-group.spire-checkbox input[type=checkbox]:disabled + mat-label, #wrapper dynamic-form input[type=checkbox]:disabled + label, #wrapper dynamic-form body input[type=checkbox]:disabled + mat-label, body #wrapper dynamic-form input[type=checkbox]:disabled + mat-label, #wrapper dynamic-form input[type=checkbox]:disabled + mat-label {
  color: #b5b5b5;
  cursor: auto;
}
#wrapper .form-group.spire-checkbox input[type=checkbox]:disabled + label:before, #wrapper .form-group.spire-checkbox input[type=checkbox]:disabled + mat-label:before, #wrapper dynamic-form input[type=checkbox]:disabled + label:before, #wrapper dynamic-form body input[type=checkbox]:disabled + mat-label:before, body #wrapper dynamic-form input[type=checkbox]:disabled + mat-label:before, #wrapper dynamic-form input[type=checkbox]:disabled + mat-label:before {
  box-shadow: none;
  background: #ededed;
}
#wrapper .form-group.spire-checkbox input[type=checkbox]:checked + label:after, #wrapper .form-group.spire-checkbox input[type=checkbox]:checked + mat-label:after, #wrapper dynamic-form input[type=checkbox]:checked + label:after, #wrapper dynamic-form body input[type=checkbox]:checked + mat-label:after, body #wrapper dynamic-form input[type=checkbox]:checked + mat-label:after, #wrapper dynamic-form input[type=checkbox]:checked + mat-label:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 16px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 0px 0 0 white, 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white, 4px -10px white;
  transform: rotate(45deg);
}

#wrapper .mydp .selbtngroup, #wrapper .ngxmdp .selbtngroup, #wrapper .mydp .selectiongroup > input, #wrapper .ngxmdp .selectiongroup > input {
  border-bottom: 2px solid #979797 !important;
  color: #250e62;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem !important;
}
#wrapper .mydp .selbtngroup:focus, #wrapper .ngxmdp .selbtngroup:focus, #wrapper .mydp .selectiongroup > input:focus, #wrapper .ngxmdp .selectiongroup > input:focus {
  border-color: #250e62;
  color: #250e62;
}

#wrapper dynamic-form df-question {
  display: block;
  margin-bottom: 1rem;
  padding: 0;
  border: 0;
  position: relative;
}
#wrapper dynamic-form df-question::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper dynamic-form input[type=email],
#wrapper dynamic-form input[type=number],
#wrapper dynamic-form input[type=password],
#wrapper dynamic-form input[type=search],
#wrapper dynamic-form input[type=tel],
#wrapper dynamic-form input[type=text],
#wrapper dynamic-form input[type=url] {
  background: rgba(255, 255, 255, 0.97);
  display: block;
  height: 3.25rem;
  outline: 0;
  padding: 16px 8px;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
#wrapper dynamic-form input[type=email][data-empty=false], #wrapper dynamic-form input[type=email]:focus,
#wrapper dynamic-form input[type=number][data-empty=false],
#wrapper dynamic-form input[type=number]:focus,
#wrapper dynamic-form input[type=password][data-empty=false],
#wrapper dynamic-form input[type=password]:focus,
#wrapper dynamic-form input[type=search][data-empty=false],
#wrapper dynamic-form input[type=search]:focus,
#wrapper dynamic-form input[type=tel][data-empty=false],
#wrapper dynamic-form input[type=tel]:focus,
#wrapper dynamic-form input[type=text][data-empty=false],
#wrapper dynamic-form input[type=text]:focus,
#wrapper dynamic-form input[type=url][data-empty=false],
#wrapper dynamic-form input[type=url]:focus {
  padding: 22px 8px 10px;
  outline: 0;
  background: rgb(255, 255, 255);
}
#wrapper dynamic-form input[type=email][data-empty=false] + label, #wrapper dynamic-form body input[type=email][data-empty=false] + mat-label, body #wrapper dynamic-form input[type=email][data-empty=false] + mat-label, #wrapper dynamic-form input[type=email][data-empty=false] + mat-label, #wrapper dynamic-form input[type=email]:focus + label, #wrapper dynamic-form body input[type=email]:focus + mat-label, body #wrapper dynamic-form input[type=email]:focus + mat-label, #wrapper dynamic-form input[type=email]:focus + mat-label,
#wrapper dynamic-form input[type=number][data-empty=false] + label,
#wrapper dynamic-form body input[type=number][data-empty=false] + mat-label,
body #wrapper dynamic-form input[type=number][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=number][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=number]:focus + label,
#wrapper dynamic-form body input[type=number]:focus + mat-label,
body #wrapper dynamic-form input[type=number]:focus + mat-label,
#wrapper dynamic-form input[type=number]:focus + mat-label,
#wrapper dynamic-form input[type=password][data-empty=false] + label,
#wrapper dynamic-form body input[type=password][data-empty=false] + mat-label,
body #wrapper dynamic-form input[type=password][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=password][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=password]:focus + label,
#wrapper dynamic-form body input[type=password]:focus + mat-label,
body #wrapper dynamic-form input[type=password]:focus + mat-label,
#wrapper dynamic-form input[type=password]:focus + mat-label,
#wrapper dynamic-form input[type=search][data-empty=false] + label,
#wrapper dynamic-form body input[type=search][data-empty=false] + mat-label,
body #wrapper dynamic-form input[type=search][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=search][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=search]:focus + label,
#wrapper dynamic-form body input[type=search]:focus + mat-label,
body #wrapper dynamic-form input[type=search]:focus + mat-label,
#wrapper dynamic-form input[type=search]:focus + mat-label,
#wrapper dynamic-form input[type=tel][data-empty=false] + label,
#wrapper dynamic-form body input[type=tel][data-empty=false] + mat-label,
body #wrapper dynamic-form input[type=tel][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=tel][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=tel]:focus + label,
#wrapper dynamic-form body input[type=tel]:focus + mat-label,
body #wrapper dynamic-form input[type=tel]:focus + mat-label,
#wrapper dynamic-form input[type=tel]:focus + mat-label,
#wrapper dynamic-form input[type=text][data-empty=false] + label,
#wrapper dynamic-form body input[type=text][data-empty=false] + mat-label,
body #wrapper dynamic-form input[type=text][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=text][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=text]:focus + label,
#wrapper dynamic-form body input[type=text]:focus + mat-label,
body #wrapper dynamic-form input[type=text]:focus + mat-label,
#wrapper dynamic-form input[type=text]:focus + mat-label,
#wrapper dynamic-form input[type=url][data-empty=false] + label,
#wrapper dynamic-form body input[type=url][data-empty=false] + mat-label,
body #wrapper dynamic-form input[type=url][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=url][data-empty=false] + mat-label,
#wrapper dynamic-form input[type=url]:focus + label,
#wrapper dynamic-form body input[type=url]:focus + mat-label,
body #wrapper dynamic-form input[type=url]:focus + mat-label,
#wrapper dynamic-form input[type=url]:focus + mat-label {
  color: #979797;
  font-weight: 700;
  font-size: 12px;
  transform: translate3d(0, -10px, 0);
}
#wrapper dynamic-form input[type=email] + label, #wrapper dynamic-form body input[type=email] + mat-label, body #wrapper dynamic-form input[type=email] + mat-label, #wrapper dynamic-form input[type=email] + mat-label,
#wrapper dynamic-form input[type=number] + label,
#wrapper dynamic-form body input[type=number] + mat-label,
body #wrapper dynamic-form input[type=number] + mat-label,
#wrapper dynamic-form input[type=number] + mat-label,
#wrapper dynamic-form input[type=password] + label,
#wrapper dynamic-form body input[type=password] + mat-label,
body #wrapper dynamic-form input[type=password] + mat-label,
#wrapper dynamic-form input[type=password] + mat-label,
#wrapper dynamic-form input[type=search] + label,
#wrapper dynamic-form body input[type=search] + mat-label,
body #wrapper dynamic-form input[type=search] + mat-label,
#wrapper dynamic-form input[type=search] + mat-label,
#wrapper dynamic-form input[type=tel] + label,
#wrapper dynamic-form body input[type=tel] + mat-label,
body #wrapper dynamic-form input[type=tel] + mat-label,
#wrapper dynamic-form input[type=tel] + mat-label,
#wrapper dynamic-form input[type=text] + label,
#wrapper dynamic-form body input[type=text] + mat-label,
body #wrapper dynamic-form input[type=text] + mat-label,
#wrapper dynamic-form input[type=text] + mat-label,
#wrapper dynamic-form input[type=url] + label,
#wrapper dynamic-form body input[type=url] + mat-label,
body #wrapper dynamic-form input[type=url] + mat-label,
#wrapper dynamic-form input[type=url] + mat-label {
  position: absolute;
  top: 15px;
  left: 8px;
  color: #979797;
  transform: translate3d(0, 0, 0);
  transition: all 0.2s ease-in-out;
}
#wrapper dynamic-form input.password-field ~ .show-password > button {
  height: 3.25rem !important;
}

mat-dialog-container ngapps-account-details input[type=radio], #wrapper .form-group.spire-radio input[type=radio], #wrapper dynamic-form input[type=radio] {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
mat-dialog-container ngapps-account-details input[type=radio]:checked + label:before, body mat-dialog-container ngapps-account-details input[type=radio]:checked + mat-label:before, mat-dialog-container ngapps-account-details body input[type=radio]:checked + mat-label:before, #wrapper mat-dialog-container ngapps-account-details input[type=radio]:checked + mat-label:before, mat-dialog-container ngapps-account-details #wrapper input[type=radio]:checked + mat-label:before, #wrapper .form-group.spire-radio input[type=radio]:checked + label:before, #wrapper .form-group.spire-radio input[type=radio]:checked + mat-label:before, #wrapper dynamic-form input[type=radio]:checked + label:before, #wrapper dynamic-form body input[type=radio]:checked + mat-label:before, body #wrapper dynamic-form input[type=radio]:checked + mat-label:before, #wrapper dynamic-form input[type=radio]:checked + mat-label:before, mat-dialog-container ngapps-account-details input[type=radio]:active + label:before, body mat-dialog-container ngapps-account-details input[type=radio]:active + mat-label:before, mat-dialog-container ngapps-account-details body input[type=radio]:active + mat-label:before, #wrapper mat-dialog-container ngapps-account-details input[type=radio]:active + mat-label:before, mat-dialog-container ngapps-account-details #wrapper input[type=radio]:active + mat-label:before, #wrapper .form-group.spire-radio input[type=radio]:active + label:before, #wrapper .form-group.spire-radio input[type=radio]:active + mat-label:before, #wrapper dynamic-form input[type=radio]:active + label:before, #wrapper dynamic-form body input[type=radio]:active + mat-label:before, body #wrapper dynamic-form input[type=radio]:active + mat-label:before, #wrapper dynamic-form input[type=radio]:active + mat-label:before, mat-dialog-container ngapps-account-details input[type=radio]:focus + label:before, body mat-dialog-container ngapps-account-details input[type=radio]:focus + mat-label:before, mat-dialog-container ngapps-account-details body input[type=radio]:focus + mat-label:before, #wrapper mat-dialog-container ngapps-account-details input[type=radio]:focus + mat-label:before, mat-dialog-container ngapps-account-details #wrapper input[type=radio]:focus + mat-label:before, #wrapper .form-group.spire-radio input[type=radio]:focus + label:before, #wrapper .form-group.spire-radio input[type=radio]:focus + mat-label:before, #wrapper dynamic-form input[type=radio]:focus + label:before, #wrapper dynamic-form body input[type=radio]:focus + mat-label:before, body #wrapper dynamic-form input[type=radio]:focus + mat-label:before, #wrapper dynamic-form input[type=radio]:focus + mat-label:before {
  border: 2px solid #dd6716;
}
mat-dialog-container ngapps-account-details input[type=radio]:checked + label:after, body mat-dialog-container ngapps-account-details input[type=radio]:checked + mat-label:after, mat-dialog-container ngapps-account-details body input[type=radio]:checked + mat-label:after, #wrapper mat-dialog-container ngapps-account-details input[type=radio]:checked + mat-label:after, mat-dialog-container ngapps-account-details #wrapper input[type=radio]:checked + mat-label:after, #wrapper .form-group.spire-radio input[type=radio]:checked + label:after, #wrapper .form-group.spire-radio input[type=radio]:checked + mat-label:after, #wrapper dynamic-form input[type=radio]:checked + label:after, #wrapper dynamic-form body input[type=radio]:checked + mat-label:after, body #wrapper dynamic-form input[type=radio]:checked + mat-label:after, #wrapper dynamic-form input[type=radio]:checked + mat-label:after {
  content: "";
  display: inline-block;
  position: absolute;
  background-color: #dd6716;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  top: 4px;
  left: 4px;
}
mat-dialog-container ngapps-account-details input[type=radio] + label:not(.sr-only), body mat-dialog-container ngapps-account-details input[type=radio] + mat-label:not(.sr-only), mat-dialog-container ngapps-account-details body input[type=radio] + mat-label:not(.sr-only), #wrapper mat-dialog-container ngapps-account-details input[type=radio] + mat-label:not(.sr-only), mat-dialog-container ngapps-account-details #wrapper input[type=radio] + mat-label:not(.sr-only), #wrapper .form-group.spire-radio input[type=radio] + label:not(.sr-only), #wrapper .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), #wrapper dynamic-form input[type=radio] + label:not(.sr-only), #wrapper dynamic-form body input[type=radio] + mat-label:not(.sr-only), body #wrapper dynamic-form input[type=radio] + mat-label:not(.sr-only), #wrapper dynamic-form input[type=radio] + mat-label:not(.sr-only) {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: inherit;
  font-size: inherit;
  padding-left: 27px;
  margin: 10px auto;
  line-height: 21px;
}
mat-dialog-container ngapps-account-details input[type=radio] + label:not(.sr-only):before, body mat-dialog-container ngapps-account-details input[type=radio] + mat-label:not(.sr-only):before, mat-dialog-container ngapps-account-details body input[type=radio] + mat-label:not(.sr-only):before, #wrapper mat-dialog-container ngapps-account-details input[type=radio] + mat-label:not(.sr-only):before, mat-dialog-container ngapps-account-details #wrapper input[type=radio] + mat-label:not(.sr-only):before, #wrapper .form-group.spire-radio input[type=radio] + label:not(.sr-only):before, #wrapper .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):before, #wrapper dynamic-form input[type=radio] + label:not(.sr-only):before, #wrapper dynamic-form body input[type=radio] + mat-label:not(.sr-only):before, body #wrapper dynamic-form input[type=radio] + mat-label:not(.sr-only):before, #wrapper dynamic-form input[type=radio] + mat-label:not(.sr-only):before {
  content: "";
  display: inline-block;
  position: absolute;
  border: 2px solid #666666;
  border-radius: 50%;
  height: 18px;
  width: 18px;
  top: 0;
  left: 0;
}

#wrapper account-text-alerts .terms-and-conditions-content {
  background-color: #ededed;
  padding: 1rem;
}

#wrapper ngapps-reconnect-service-mo ul, #wrapper app-profile-setting > ul, #wrapper ngapps-username-password > ul, #wrapper ngapps-payment-arrangements ul, #wrapper payment-arrangements-mock ul, body ngapps-payment-arrangements ul, body payment-arrangements-mock ul {
  list-style: none;
}
#wrapper ngapps-reconnect-service-mo ul > li, #wrapper app-profile-setting > ul > li, #wrapper ngapps-username-password > ul > li, #wrapper ngapps-payment-arrangements ul > li, #wrapper payment-arrangements-mock ul > li, body ngapps-payment-arrangements ul > li, body payment-arrangements-mock ul > li {
  padding: 2.5rem 1rem;
}
#wrapper ngapps-reconnect-service-mo ul > li:last-child, #wrapper app-profile-setting > ul > li:last-child, #wrapper ngapps-username-password > ul > li:last-child, #wrapper ngapps-payment-arrangements ul > li:last-child, #wrapper payment-arrangements-mock ul > li:last-child, body ngapps-payment-arrangements ul > li:last-child, body payment-arrangements-mock ul > li:last-child {
  border-bottom: none;
}
#wrapper ngapps-reconnect-service-mo ul input, #wrapper app-profile-setting > ul input, #wrapper ngapps-username-password > ul input, #wrapper ngapps-payment-arrangements ul input, #wrapper payment-arrangements-mock ul input, body ngapps-payment-arrangements ul input, body payment-arrangements-mock ul input {
  float: left;
}
#wrapper ngapps-create-email-password .show-password, ngapps-sign-in #sign-in-modal-container #password-section > .show-password, ngapps-sign-in #sign-in-modal-container .show-password, #wrapper ngapps-edit-username-password .show-password, #wrapper ngapps-edit-username-password-agent .show-password, #wrapper ngapps-reset-password .show-password, #wrapper ngapps-liferay-reset-password .show-password, #wrapper app-validate-email .show-password,
#wrapper ngapps-validate-email .show-password, #wrapper app-password-and-terms .show-password,
#wrapper ngapps-reg-password-terms .show-password, #wrapper dynamic-form input.password-field ~ .show-password {
  float: right;
}
#wrapper ngapps-create-email-password .show-password > button, ngapps-sign-in #sign-in-modal-container #password-section > .show-password > button, ngapps-sign-in #sign-in-modal-container .show-password > button, #wrapper ngapps-edit-username-password .show-password > button, #wrapper ngapps-edit-username-password-agent .show-password > button, #wrapper ngapps-reset-password .show-password > button, #wrapper ngapps-liferay-reset-password .show-password > button, #wrapper app-validate-email .show-password > button,
#wrapper ngapps-validate-email .show-password > button, #wrapper app-password-and-terms .show-password > button,
#wrapper ngapps-reg-password-terms .show-password > button, #wrapper dynamic-form input.password-field ~ .show-password > button {
  background: none;
  border: none;
  height: 40px;
  margin: 0;
  padding: 6px 0;
  width: 70px;
}
#wrapper ngapps-create-email-password .show-password > button .mdi, ngapps-sign-in #sign-in-modal-container #password-section > .show-password > button .mdi, ngapps-sign-in #sign-in-modal-container .show-password > button .mdi, #wrapper ngapps-edit-username-password .show-password > button .mdi, #wrapper ngapps-edit-username-password-agent .show-password > button .mdi, #wrapper ngapps-reset-password .show-password > button .mdi, #wrapper ngapps-liferay-reset-password .show-password > button .mdi, #wrapper app-validate-email .show-password > button .mdi,
#wrapper ngapps-validate-email .show-password > button .mdi, #wrapper app-password-and-terms .show-password > button .mdi,
#wrapper ngapps-reg-password-terms .show-password > button .mdi, #wrapper dynamic-form input.password-field ~ .show-password > button .mdi {
  color: #250e62;
}
@media screen and (min-width: 980px) {
  #wrapper ngapps-create-email-password .show-password > button, ngapps-sign-in #sign-in-modal-container #password-section > .show-password > button, ngapps-sign-in #sign-in-modal-container .show-password > button, #wrapper ngapps-edit-username-password .show-password > button, #wrapper ngapps-edit-username-password-agent .show-password > button, #wrapper ngapps-reset-password .show-password > button, #wrapper ngapps-liferay-reset-password .show-password > button, #wrapper app-validate-email .show-password > button,
  #wrapper ngapps-validate-email .show-password > button, #wrapper app-password-and-terms .show-password > button,
  #wrapper ngapps-reg-password-terms .show-password > button, #wrapper dynamic-form input.password-field ~ .show-password > button {
    padding: 8px 0;
  }
}

#wrapper ngapps-create-email-password #customerPassword,
#wrapper ngapps-create-email-password #confirmPassword, #wrapper ngapps-edit-username-password input#currentPassword, #wrapper ngapps-edit-username-password input#newPassword, #wrapper ngapps-edit-username-password input#confirmNewPassword, #wrapper ngapps-edit-username-password-agent input#currentPassword, #wrapper ngapps-edit-username-password-agent input#newPassword, #wrapper ngapps-edit-username-password-agent input#confirmNewPassword, #wrapper ngapps-reset-password input#newPassword, #wrapper ngapps-reset-password input#confirmNewPassword, #wrapper ngapps-liferay-reset-password input#newPassword, #wrapper ngapps-liferay-reset-password input#confirmNewPassword, #wrapper app-validate-email #customerPassword,
#wrapper ngapps-validate-email #customerPassword, #wrapper app-password-and-terms #customerPassword, #wrapper app-password-and-terms #confirmPassword,
#wrapper ngapps-reg-password-terms #customerPassword,
#wrapper ngapps-reg-password-terms #confirmPassword, #wrapper dynamic-form input.password-field {
  float: left;
  width: calc(100% - 70px);
}

#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox] {
  display: none;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox] + label, #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox] + mat-label {
  position: relative;
  cursor: pointer;
  padding: 0;
  padding-left: 0.3rem;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox] + label:before, #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox] + mat-label:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 0.5rem;
  left: -0.3rem;
  height: 25px;
  width: 55px;
  border-radius: 12px;
  background-color: #666666;
  outline: 0;
  cursor: pointer;
  transition: background-color 0.09s ease-in-out;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox] + label:after, #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox] + mat-label:after {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 1.5rem;
  background-color: #ececec;
  position: absolute;
  top: 0.7rem;
  left: 0.2rem;
  cursor: pointer;
  transition: left 0.09s ease-in-out;
  box-shadow: 0 2px 4px 0 #9b9b9b;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox]:checked + label:before, #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox]:checked + mat-label:before {
  background-color: #250e62;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox]:checked + label:after, #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > input[type=checkbox]:checked + mat-label:after {
  left: 2.1rem;
}

/* 
    Header style aliases:
    --------------------
    These apply the style of a defined header level to any given header
    in order to conform to WCAG accesibility standard of not skipping 
    header levels in a document.
*/
#wrapper ngapps-start-service-headline h2, #wrapper h1 {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.875rem;
  line-height: 2.5rem;
  color: #e87322;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #wrapper ngapps-start-service-headline h2, #wrapper h1 {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}

#wrapper h2 {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #wrapper h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }
}

#wrapper account-details h2.h3-style,
#wrapper ngapps-recent-transactions h2.h3-style,
#wrapper ngapps-billing-summary h2.h3-style,
#wrapper ngapps-account-letters h2.h3-style,
#wrapper ngapps-agent-letters h2.h3-style,
#wrapper ngapps-customer-letters h2.h3-style, #wrapper h3 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #wrapper account-details h2.h3-style,
  #wrapper ngapps-recent-transactions h2.h3-style,
  #wrapper ngapps-billing-summary h2.h3-style,
  #wrapper ngapps-account-letters h2.h3-style,
  #wrapper ngapps-agent-letters h2.h3-style,
  #wrapper ngapps-customer-letters h2.h3-style, #wrapper h3 {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

#wrapper ngapps-step3-payment-info-al .reconnection-fees-table .row-total,
#wrapper ngapps-step3-payment-info-mo .reconnection-fees-table .row-total,
#wrapper ngapps-step3-payment-info-ccb .reconnection-fees-table .row-total,
#wrapper ngapps-initial-payment-options .reconnection-fees-table .row-total, #wrapper ngapps-step1-address-entry .row-total,
#wrapper ngapps-step1-multiple-addresses .row-total,
#wrapper ngapps-step2-contact-info .row-total,
#wrapper ngapps-step2-call-us .row-total,
#wrapper ngapps-step3-nothing-due .row-total,
#wrapper ngapps-step3-payment-info-al .row-total,
#wrapper ngapps-step3-payment-info-mo .row-total,
#wrapper ngapps-step3-payment-info-ccb .row-total,
#wrapper ngapps-step3-payment-confirmation .row-total,
#wrapper ngapps-step4-schedule .row-total, #wrapper ngapps-reconnect-service-mo li .reconnection-fees-table .row-total, #wrapper ngapps-gas-on-off-main .reconnection-fees-table .row-total,
#wrapper ngapps-reconnect-service .reconnection-fees-table .row-total,
#wrapper ngapps-seasonal-turn-on .reconnection-fees-table .row-total,
#wrapper ngapps-service-address-selector .reconnection-fees-table .row-total,
#wrapper ngapps-reconnect-contact-information .reconnection-fees-table .row-total,
#wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table .row-total,
#wrapper ngapps-pa-agent-only-option .reconnection-fees-table .row-total,
#wrapper ngapps-agent-only-instruction .reconnection-fees-table .row-total,
#wrapper ngapps-agent-only-option .reconnection-fees-table .row-total, #wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table .row-total,
#wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table .row-total,
#wrapper ngapps-quote-amounts .reconnection-fees-table .row-total,
#wrapper ngapps-remaining-payment .reconnection-fees-table .row-total {
  max-width: 34rem;
  border-top: 2px solid #666666;
  padding: 1rem 0;
}

#wrapper ngapps-step3-payment-confirmation .fixed-button-container, #wrapper app-payment-ui app-pma-main .fixed-button-container, #wrapper app-payment-ui app-ccb-pay-bills .fixed-button-container, #wrapper app-payment-ui app-ccb-process-bills .fixed-button-container, #wrapper app-payment-ui app-ccb-confirm-bills .fixed-button-container,
#wrapper app-pay-my-bill app-pma-main .fixed-button-container,
#wrapper app-pay-my-bill app-ccb-pay-bills .fixed-button-container,
#wrapper app-pay-my-bill app-ccb-process-bills .fixed-button-container,
#wrapper app-pay-my-bill app-ccb-confirm-bills .fixed-button-container,
#wrapper payment-mo app-pma-main .fixed-button-container,
#wrapper payment-mo app-ccb-pay-bills .fixed-button-container,
#wrapper payment-mo app-ccb-process-bills .fixed-button-container,
#wrapper payment-mo app-ccb-confirm-bills .fixed-button-container,
#wrapper app-loan-payoff-quote app-pma-main .fixed-button-container,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container,
#wrapper app-loan-payoff-quote app-ccb-process-bills .fixed-button-container,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container,
#wrapper ngapps-ft-onetime-payment app-pma-main .fixed-button-container,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container, body app-payment-ui app-pma-main .fixed-button-container, body app-payment-ui app-ccb-pay-bills .fixed-button-container, body app-payment-ui app-ccb-process-bills .fixed-button-container, body app-payment-ui app-ccb-confirm-bills .fixed-button-container,
body app-pay-my-bill app-pma-main .fixed-button-container,
body app-pay-my-bill app-ccb-pay-bills .fixed-button-container,
body app-pay-my-bill app-ccb-process-bills .fixed-button-container,
body app-pay-my-bill app-ccb-confirm-bills .fixed-button-container,
body payment-mo app-pma-main .fixed-button-container,
body payment-mo app-ccb-pay-bills .fixed-button-container,
body payment-mo app-ccb-process-bills .fixed-button-container,
body payment-mo app-ccb-confirm-bills .fixed-button-container,
body app-loan-payoff-quote app-pma-main .fixed-button-container,
body app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container,
body app-loan-payoff-quote app-ccb-process-bills .fixed-button-container,
body app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container,
body ngapps-ft-onetime-payment app-pma-main .fixed-button-container,
body ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container,
body ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container, #wrapper ngapps-ccb-pay-bills .fixed-button-container, #wrapper ngapps-ccb-process-bills .fixed-button-container, #wrapper ngapps-ccb-confirm-bills .fixed-button-container, body ngapps-ccb-pay-bills .fixed-button-container, body ngapps-ccb-process-bills .fixed-button-container, body ngapps-ccb-confirm-bills .fixed-button-container, #wrapper ngapps-account-tiles .fixed-button-container {
  position: fixed;
  width: 100%;
  text-align: center;
  right: 0;
  bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  z-index: 50;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-step3-payment-confirmation .fixed-button-container, #wrapper app-payment-ui app-pma-main .fixed-button-container, #wrapper app-payment-ui app-ccb-pay-bills .fixed-button-container, #wrapper app-payment-ui app-ccb-process-bills .fixed-button-container, #wrapper app-payment-ui app-ccb-confirm-bills .fixed-button-container,
  #wrapper app-pay-my-bill app-pma-main .fixed-button-container,
  #wrapper app-pay-my-bill app-ccb-pay-bills .fixed-button-container,
  #wrapper app-pay-my-bill app-ccb-process-bills .fixed-button-container,
  #wrapper app-pay-my-bill app-ccb-confirm-bills .fixed-button-container,
  #wrapper payment-mo app-pma-main .fixed-button-container,
  #wrapper payment-mo app-ccb-pay-bills .fixed-button-container,
  #wrapper payment-mo app-ccb-process-bills .fixed-button-container,
  #wrapper payment-mo app-ccb-confirm-bills .fixed-button-container,
  #wrapper app-loan-payoff-quote app-pma-main .fixed-button-container,
  #wrapper app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container,
  #wrapper app-loan-payoff-quote app-ccb-process-bills .fixed-button-container,
  #wrapper app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container,
  #wrapper ngapps-ft-onetime-payment app-pma-main .fixed-button-container,
  #wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container,
  #wrapper ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container,
  #wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container, body app-payment-ui app-pma-main .fixed-button-container, body app-payment-ui app-ccb-pay-bills .fixed-button-container, body app-payment-ui app-ccb-process-bills .fixed-button-container, body app-payment-ui app-ccb-confirm-bills .fixed-button-container,
  body app-pay-my-bill app-pma-main .fixed-button-container,
  body app-pay-my-bill app-ccb-pay-bills .fixed-button-container,
  body app-pay-my-bill app-ccb-process-bills .fixed-button-container,
  body app-pay-my-bill app-ccb-confirm-bills .fixed-button-container,
  body payment-mo app-pma-main .fixed-button-container,
  body payment-mo app-ccb-pay-bills .fixed-button-container,
  body payment-mo app-ccb-process-bills .fixed-button-container,
  body payment-mo app-ccb-confirm-bills .fixed-button-container,
  body app-loan-payoff-quote app-pma-main .fixed-button-container,
  body app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container,
  body app-loan-payoff-quote app-ccb-process-bills .fixed-button-container,
  body app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container,
  body ngapps-ft-onetime-payment app-pma-main .fixed-button-container,
  body ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container,
  body ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container,
  body ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container, #wrapper ngapps-ccb-pay-bills .fixed-button-container, #wrapper ngapps-ccb-process-bills .fixed-button-container, #wrapper ngapps-ccb-confirm-bills .fixed-button-container, body ngapps-ccb-pay-bills .fixed-button-container, body ngapps-ccb-process-bills .fixed-button-container, body ngapps-ccb-confirm-bills .fixed-button-container, #wrapper ngapps-account-tiles .fixed-button-container {
    width: inherit;
    top: 16.25rem;
    bottom: inherit;
  }
}
#wrapper ngapps-step3-payment-confirmation .fixed-button-container button, #wrapper app-payment-ui app-pma-main .fixed-button-container button, #wrapper app-payment-ui app-ccb-pay-bills .fixed-button-container button, #wrapper app-payment-ui app-ccb-process-bills .fixed-button-container button, #wrapper app-payment-ui app-ccb-confirm-bills .fixed-button-container button,
#wrapper app-pay-my-bill app-pma-main .fixed-button-container button,
#wrapper app-pay-my-bill app-ccb-pay-bills .fixed-button-container button,
#wrapper app-pay-my-bill app-ccb-process-bills .fixed-button-container button,
#wrapper app-pay-my-bill app-ccb-confirm-bills .fixed-button-container button,
#wrapper payment-mo app-pma-main .fixed-button-container button,
#wrapper payment-mo app-ccb-pay-bills .fixed-button-container button,
#wrapper payment-mo app-ccb-process-bills .fixed-button-container button,
#wrapper payment-mo app-ccb-confirm-bills .fixed-button-container button,
#wrapper app-loan-payoff-quote app-pma-main .fixed-button-container button,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container button,
#wrapper app-loan-payoff-quote app-ccb-process-bills .fixed-button-container button,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container button,
#wrapper ngapps-ft-onetime-payment app-pma-main .fixed-button-container button,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container button,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container button,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container button, body app-payment-ui app-pma-main .fixed-button-container button, body app-payment-ui app-ccb-pay-bills .fixed-button-container button, body app-payment-ui app-ccb-process-bills .fixed-button-container button, body app-payment-ui app-ccb-confirm-bills .fixed-button-container button,
body app-pay-my-bill app-pma-main .fixed-button-container button,
body app-pay-my-bill app-ccb-pay-bills .fixed-button-container button,
body app-pay-my-bill app-ccb-process-bills .fixed-button-container button,
body app-pay-my-bill app-ccb-confirm-bills .fixed-button-container button,
body payment-mo app-pma-main .fixed-button-container button,
body payment-mo app-ccb-pay-bills .fixed-button-container button,
body payment-mo app-ccb-process-bills .fixed-button-container button,
body payment-mo app-ccb-confirm-bills .fixed-button-container button,
body app-loan-payoff-quote app-pma-main .fixed-button-container button,
body app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container button,
body app-loan-payoff-quote app-ccb-process-bills .fixed-button-container button,
body app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container button,
body ngapps-ft-onetime-payment app-pma-main .fixed-button-container button,
body ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container button,
body ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container button,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container button, #wrapper ngapps-ccb-pay-bills .fixed-button-container button, #wrapper ngapps-ccb-process-bills .fixed-button-container button, #wrapper ngapps-ccb-confirm-bills .fixed-button-container button, body ngapps-ccb-pay-bills .fixed-button-container button, body ngapps-ccb-process-bills .fixed-button-container button, body ngapps-ccb-confirm-bills .fixed-button-container button, #wrapper ngapps-account-tiles .fixed-button-container button {
  box-shadow: 5px 5px 3px -2px rgba(0, 0, 0, 0.4);
  width: 100%;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-step3-payment-confirmation .fixed-button-container button, #wrapper app-payment-ui app-pma-main .fixed-button-container button, #wrapper app-payment-ui app-ccb-pay-bills .fixed-button-container button, #wrapper app-payment-ui app-ccb-process-bills .fixed-button-container button, #wrapper app-payment-ui app-ccb-confirm-bills .fixed-button-container button,
  #wrapper app-pay-my-bill app-pma-main .fixed-button-container button,
  #wrapper app-pay-my-bill app-ccb-pay-bills .fixed-button-container button,
  #wrapper app-pay-my-bill app-ccb-process-bills .fixed-button-container button,
  #wrapper app-pay-my-bill app-ccb-confirm-bills .fixed-button-container button,
  #wrapper payment-mo app-pma-main .fixed-button-container button,
  #wrapper payment-mo app-ccb-pay-bills .fixed-button-container button,
  #wrapper payment-mo app-ccb-process-bills .fixed-button-container button,
  #wrapper payment-mo app-ccb-confirm-bills .fixed-button-container button,
  #wrapper app-loan-payoff-quote app-pma-main .fixed-button-container button,
  #wrapper app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container button,
  #wrapper app-loan-payoff-quote app-ccb-process-bills .fixed-button-container button,
  #wrapper app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container button,
  #wrapper ngapps-ft-onetime-payment app-pma-main .fixed-button-container button,
  #wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container button,
  #wrapper ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container button,
  #wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container button, body app-payment-ui app-pma-main .fixed-button-container button, body app-payment-ui app-ccb-pay-bills .fixed-button-container button, body app-payment-ui app-ccb-process-bills .fixed-button-container button, body app-payment-ui app-ccb-confirm-bills .fixed-button-container button,
  body app-pay-my-bill app-pma-main .fixed-button-container button,
  body app-pay-my-bill app-ccb-pay-bills .fixed-button-container button,
  body app-pay-my-bill app-ccb-process-bills .fixed-button-container button,
  body app-pay-my-bill app-ccb-confirm-bills .fixed-button-container button,
  body payment-mo app-pma-main .fixed-button-container button,
  body payment-mo app-ccb-pay-bills .fixed-button-container button,
  body payment-mo app-ccb-process-bills .fixed-button-container button,
  body payment-mo app-ccb-confirm-bills .fixed-button-container button,
  body app-loan-payoff-quote app-pma-main .fixed-button-container button,
  body app-loan-payoff-quote app-ccb-pay-bills .fixed-button-container button,
  body app-loan-payoff-quote app-ccb-process-bills .fixed-button-container button,
  body app-loan-payoff-quote app-ccb-confirm-bills .fixed-button-container button,
  body ngapps-ft-onetime-payment app-pma-main .fixed-button-container button,
  body ngapps-ft-onetime-payment app-ccb-pay-bills .fixed-button-container button,
  body ngapps-ft-onetime-payment app-ccb-process-bills .fixed-button-container button,
  body ngapps-ft-onetime-payment app-ccb-confirm-bills .fixed-button-container button, #wrapper ngapps-ccb-pay-bills .fixed-button-container button, #wrapper ngapps-ccb-process-bills .fixed-button-container button, #wrapper ngapps-ccb-confirm-bills .fixed-button-container button, body ngapps-ccb-pay-bills .fixed-button-container button, body ngapps-ccb-process-bills .fixed-button-container button, body ngapps-ccb-confirm-bills .fixed-button-container button, #wrapper ngapps-account-tiles .fixed-button-container button {
    width: inherit;
  }
}

#wrapper button,
#wrapper app-protected-access-control button,
mat-dialog-container button,
mat-dialog-container app-protected-access-control button {
  margin: 10px 0;
}
@media print {
  #wrapper button,
  #wrapper app-protected-access-control button,
  mat-dialog-container button,
  mat-dialog-container app-protected-access-control button {
    display: none;
  }
}
#wrapper button.btn,
#wrapper app-protected-access-control button.btn,
mat-dialog-container button.btn,
mat-dialog-container app-protected-access-control button.btn {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 24px;
  font-weight: 500;
  margin-right: 5px;
  min-width: 150px;
  height: 55px;
  padding: 5px 30px;
  white-space: nowrap;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
}
#wrapper button.btn:focus, #wrapper button.btn:active:focus, #wrapper button.btn.active:focus,
#wrapper app-protected-access-control button.btn:focus,
#wrapper app-protected-access-control button.btn:active:focus,
#wrapper app-protected-access-control button.btn.active:focus,
mat-dialog-container button.btn:focus,
mat-dialog-container button.btn:active:focus,
mat-dialog-container button.btn.active:focus,
mat-dialog-container app-protected-access-control button.btn:focus,
mat-dialog-container app-protected-access-control button.btn:active:focus,
mat-dialog-container app-protected-access-control button.btn.active:focus {
  outline: 0 none;
}
#wrapper button.btn.btn-primary,
#wrapper app-protected-access-control button.btn.btn-primary,
mat-dialog-container button.btn.btn-primary,
mat-dialog-container app-protected-access-control button.btn.btn-primary {
  color: #ffffff;
  background-color: #dd6716;
  border-color: #dd6716;
}
#wrapper button.btn.btn-primary:hover,
#wrapper app-protected-access-control button.btn.btn-primary:hover,
mat-dialog-container button.btn.btn-primary:hover,
mat-dialog-container app-protected-access-control button.btn.btn-primary:hover {
  color: #250e62;
  background-color: #ffffff;
  border-color: #250e62;
}
#wrapper button.btn.btn-small,
#wrapper app-protected-access-control button.btn.btn-small,
mat-dialog-container button.btn.btn-small,
mat-dialog-container app-protected-access-control button.btn.btn-small {
  padding: 0px 15px;
  height: 40px;
  font-size: 18px;
}
#wrapper button.btn.btn-secondary,
#wrapper app-protected-access-control button.btn.btn-secondary,
mat-dialog-container button.btn.btn-secondary,
mat-dialog-container app-protected-access-control button.btn.btn-secondary {
  color: #dd6716;
  background-color: #ffffff;
  border-color: #dd6716;
}
#wrapper button.btn.btn-secondary:hover,
#wrapper app-protected-access-control button.btn.btn-secondary:hover,
mat-dialog-container button.btn.btn-secondary:hover,
mat-dialog-container app-protected-access-control button.btn.btn-secondary:hover {
  color: #250e62;
  background-color: #ffffff;
  border-color: #250e62;
}
#wrapper button.btn.btn-secondary-danger,
#wrapper app-protected-access-control button.btn.btn-secondary-danger,
mat-dialog-container button.btn.btn-secondary-danger,
mat-dialog-container app-protected-access-control button.btn.btn-secondary-danger {
  color: #ffffff;
  background-color: #dd6716;
  border-color: #dd6716;
}
#wrapper button.btn.btn-secondary-danger:hover,
#wrapper app-protected-access-control button.btn.btn-secondary-danger:hover,
mat-dialog-container button.btn.btn-secondary-danger:hover,
mat-dialog-container app-protected-access-control button.btn.btn-secondary-danger:hover {
  color: #dd6716;
  background-color: #ffffff;
}
#wrapper button.btn.btn-secondary-danger i,
#wrapper app-protected-access-control button.btn.btn-secondary-danger i,
mat-dialog-container button.btn.btn-secondary-danger i,
mat-dialog-container app-protected-access-control button.btn.btn-secondary-danger i {
  background-color: white;
  border-radius: 50%;
  color: #dd6716;
  display: block;
  float: left;
  line-height: 1.5rem;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
  width: 1.375rem;
  height: 1.375rem;
}
@media screen and (min-width: 768px) {
  #wrapper button.btn.btn-secondary-danger i,
  #wrapper app-protected-access-control button.btn.btn-secondary-danger i,
  mat-dialog-container button.btn.btn-secondary-danger i,
  mat-dialog-container app-protected-access-control button.btn.btn-secondary-danger i {
    margin-top: 0;
  }
}
#wrapper button.btn:disabled,
#wrapper app-protected-access-control button.btn:disabled,
mat-dialog-container button.btn:disabled,
mat-dialog-container app-protected-access-control button.btn:disabled {
  color: #ffffff;
  background-color: #b5b5b5;
  border-color: #b5b5b5;
  pointer-events: none;
}
#wrapper button.btn:disabled.loading,
#wrapper app-protected-access-control button.btn:disabled.loading,
mat-dialog-container button.btn:disabled.loading,
mat-dialog-container app-protected-access-control button.btn:disabled.loading {
  color: #ededed;
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@media only screen and (max-width: 480px) {
  #wrapper button,
  mat-dialog-container button {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  #wrapper button.btn,
  mat-dialog-container button.btn {
    float: none !important;
    width: 100%;
  }
}
#wrapper .datepicker-align-button,
mat-dialog-container .datepicker-align-button {
  display: flex;
  align-items: center;
}

#wrapper .form-group {
  position: relative;
}
#wrapper .form-group h4, #wrapper .form-group legend {
  color: #666666;
  font-size: 1rem;
}
#wrapper .form-group legend {
  border-bottom: 0;
}
#wrapper .form-group ::-webkit-input-placeholder {
  color: #b5b5b5;
}
#wrapper .form-group :-moz-placeholder {
  color: #b5b5b5;
}
#wrapper .form-group ::-moz-placeholder {
  color: #b5b5b5;
}
#wrapper .form-group :-ms-input-placeholder {
  color: #b5b5b5;
}
#wrapper .form-group .form-control {
  border-color: #666666;
  color: #666666;
  border-width: 0 0 1px 0 !important;
  background-color: transparent !important;
  padding-left: 0rem;
  border-radius: 0;
  box-shadow: none !important;
}
#wrapper .form-group .form-control:focus {
  border-color: #250e62;
  color: #250e62;
}
#wrapper .form-group.has-error .form-control {
  border-color: #aa0000;
  border-width: 2px;
}
#wrapper .form-group.spire-checkbox.scale-up {
  transform: scale(1.2);
}
#wrapper .form-group.spire-checkbox.scale-up label, #wrapper .form-group.spire-checkbox.scale-up mat-label {
  font-size: 1rem;
}
#wrapper .form-group select.form-control {
  word-wrap: normal;
}
.payment-icon {
  width: 37px;
  height: 23px;
  background: url(/o/spire-mya-theme-css/images/spire-payment-icons-sm.png) no-repeat;
}
.payment-icon.visa {
  background-position-y: 0;
}
.payment-icon.mastercard {
  background-position-y: -23px;
}
.payment-icon.amex {
  background-position-y: -46px;
}
.payment-icon.discover {
  background-position-y: -70px;
}
.payment-icon.paypal {
  background-position-y: -93px;
}

.payment-method-icon {
  width: 64px;
  height: 40px;
  background: url(/o/spire-mya-theme-css/images/spire-payment-icons_64w.png) no-repeat;
  margin: 0 auto 0.3rem;
}
.payment-method-icon.visa {
  background-position-y: 0;
}
.payment-method-icon.mastercard {
  background-position-y: -40px;
}
.payment-method-icon.amex {
  background-position-y: -80px;
}
.payment-method-icon.discover {
  background-position-y: -120px;
}
.payment-method-icon.paypal {
  background-position-y: -160px;
}
.payment-method-icon.bank {
  background-position-y: -200px;
}

#wrapper .alert,
mat-dialog-container .alert {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  height: 52px;
  padding: 0.9325rem;
  font-family: Lato;
  font-size: 1.125rem;
  align-items: center;
  display: flex;
  height: auto;
}
#wrapper .alert a.alert-link,
mat-dialog-container .alert a.alert-link {
  color: inherit;
}
#wrapper .alert.alert-info,
mat-dialog-container .alert.alert-info {
  width: 100%;
  color: #4a4a4a;
  background-color: #fdedcd;
  border-color: transparent;
}
#wrapper .alert.alert-info p,
mat-dialog-container .alert.alert-info p {
  color: #4a4a4a;
}
#wrapper .alert.alert-info p:last-child,
mat-dialog-container .alert.alert-info p:last-child {
  margin-bottom: 0;
}
#wrapper .alert.alert-info .close,
mat-dialog-container .alert.alert-info .close {
  margin: 0;
  top: 0.1rem;
  left: 0.1rem;
  color: #250e62;
}
#wrapper .alert.alert-info button,
mat-dialog-container .alert.alert-info button {
  margin: 0;
}
#wrapper .alert.alert-warning,
mat-dialog-container .alert.alert-warning {
  width: 100%;
  color: #4a4a4a;
  background-color: #fdedcd;
}
#wrapper .alert.alert-danger,
mat-dialog-container .alert.alert-danger {
  width: 100%;
  color: #aa0000;
  background-color: #eec6c6;
}
#wrapper .alert.alert-danger > div:not(:first-child),
mat-dialog-container .alert.alert-danger > div:not(:first-child) {
  width: calc(100% - 52px);
  float: right;
}
#wrapper .alert.alert-danger p,
mat-dialog-container .alert.alert-danger p {
  color: #aa0000;
}
#wrapper .alert.alert-success,
mat-dialog-container .alert.alert-success {
  width: 100%;
  color: #979797;
  background-color: #edf8f4;
}
#wrapper .alert.alert-success > div:not(:first-child),
mat-dialog-container .alert.alert-success > div:not(:first-child) {
  width: calc(100% - 52px);
  float: right;
}
#wrapper .alert.alert-success .mdi,
mat-dialog-container .alert.alert-success .mdi {
  color: #1ab24e;
}
#wrapper .alert .message-and-button,
mat-dialog-container .alert .message-and-button {
  display: flex;
  justify-content: space-between;
}
#wrapper .alert .message-and-button > div,
mat-dialog-container .alert .message-and-button > div {
  display: inline-block;
  line-height: 2rem;
}
#wrapper .alert .message-and-button > div:first-child,
mat-dialog-container .alert .message-and-button > div:first-child {
  margin-bottom: 1rem;
  margin-right: 1rem;
}
@media screen and (max-width: 479px) {
  #wrapper .alert .message-and-button,
  mat-dialog-container .alert .message-and-button {
    flex-wrap: wrap;
    justify-content: center;
  }
}
#wrapper .alert .link-button a.alert-link,
mat-dialog-container .alert .link-button a.alert-link {
  font-weight: normal;
  color: inherit;
}
#wrapper .alert .link-button > div,
mat-dialog-container .alert .link-button > div {
  display: inline-block;
}
#wrapper .alert .link-button .link-icon,
mat-dialog-container .alert .link-button .link-icon {
  vertical-align: sub;
}
#wrapper .alert .alert-hyperlink,
mat-dialog-container .alert .alert-hyperlink {
  cursor: pointer;
}
#wrapper .form-group .alert,
mat-dialog-container .form-group .alert {
  height: auto;
  margin-top: 0;
}
#wrapper .form-group .alert:before,
mat-dialog-container .form-group .alert:before {
  border-top: 22px solid transparent;
  border-bottom: 22px solid transparent;
  border-right: 14px solid #fdedcd;
  display: block;
  height: 0;
  margin-left: -22px;
  width: 0;
}
#wrapper .form-group .alert .mdi,
mat-dialog-container .form-group .alert .mdi {
  display: none;
}
#wrapper .form-group .alert.alert-danger:before,
mat-dialog-container .form-group .alert.alert-danger:before {
  border-right-color: #eec6c6;
}
#wrapper .form-group .alert.alert-success:before,
mat-dialog-container .form-group .alert.alert-success:before {
  border-right-color: #edf8f4;
}
#wrapper .form-group alert.no-arrow .alert:before,
mat-dialog-container .form-group alert.no-arrow .alert:before {
  display: none;
}

.mat-checkbox-layout {
  white-space: normal !important;
}

.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-badge-small .mat-badge-content {
  font-size: 9px;
}

.mat-badge-large .mat-badge-content {
  font-size: 24px;
}

.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}

.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}

.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}

.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}

.mat-card-header .mat-card-title {
  font-size: 20px;
}

.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}

.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}

.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}

.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}

.mat-cell, .mat-footer-cell {
  font-size: 14px;
}

.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-calendar-body {
  font-size: 13px;
}

.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}

.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}

.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}

.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}

.mat-form-field-label {
  top: 1.34375em;
}

.mat-form-field-underline {
  bottom: 1.34375em;
}

.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}

.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}

@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}

.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}

input.mat-input-element {
  margin-top: -0.0625em;
}

.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}

.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-select-trigger {
  height: 1.125em;
}

.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}

.mat-step-sub-label-error {
  font-weight: normal;
}

.mat-step-label-error {
  font-size: 14px;
}

.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}

.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}

.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}

.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}

.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}

.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}

.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale(0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}

.mat-mdc-focus-indicator {
  position: relative;
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #250e62;
}

.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #e87322;
}

.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}

.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #250e62;
}

.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #e87322;
}

.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: white;
  background: #250e62;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: #e87322;
  color: black;
}

.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #250e62;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #e87322;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #250e62;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #e87322;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}

.mat-button-focus-overlay {
  background: black;
}

.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}

.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: black;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #250e62;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #e87322;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}

.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}

.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-checkbox-checkmark {
  fill: #fafafa;
}

.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}

.mat-checkbox-mixedmark {
  background-color: #fafafa;
}

.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #250e62;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #e87322;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}

.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-checkbox .mat-ripple-element {
  background-color: black;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #250e62;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #e87322;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}

.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}

.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #250e62;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #e87322;
  color: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: black;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-table {
  background: white;
}

.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}

mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}

.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: rgba(37, 14, 98, 0.2);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(37, 14, 98, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(37, 14, 98, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: #250e62;
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(37, 14, 98, 0.4);
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(37, 14, 98, 0.3);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(37, 14, 98, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(232, 115, 34, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(232, 115, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(232, 115, 34, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #e87322;
  color: black;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(232, 115, 34, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px black;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(232, 115, 34, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(232, 115, 34, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}

.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: #250e62;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #e87322;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}

.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}

.mat-form-field.mat-focused .mat-form-field-label {
  color: #250e62;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #e87322;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}

.mat-focused .mat-form-field-required-marker {
  color: #e87322;
}

.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #250e62;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #e87322;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #250e62;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #e87322;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}

.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}

.mat-error {
  color: #f44336;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}

.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #250e62;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #e87322;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}

.mat-icon.mat-primary {
  color: #250e62;
}
.mat-icon.mat-accent {
  color: #e87322;
}
.mat-icon.mat-warn {
  color: #f44336;
}

.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-input-element {
  caret-color: #250e62;
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-form-field.mat-accent .mat-input-element {
  caret-color: #e87322;
}

.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}

.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}

.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}

.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}

.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}

.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}

.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}

.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-paginator {
  background: white;
}

.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}

.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-paginator-container {
  min-height: 56px;
}

.mat-progress-bar-background {
  fill: #c5bfd4;
}

.mat-progress-bar-buffer {
  background-color: #c5bfd4;
}

.mat-progress-bar-fill::after {
  background-color: #250e62;
}

.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #f6d8c4;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #f6d8c4;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #e87322;
}

.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}

.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #250e62;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #e87322;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}

.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #250e62;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #250e62;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #e87322;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #e87322;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}

.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}

.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}

.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #250e62;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #e87322;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #e87322;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(232, 115, 34, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #e87322;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #250e62;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(37, 14, 98, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #250e62;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}

.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}

.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #250e62;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(37, 14, 98, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #e87322;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: black;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(232, 115, 34, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}

.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}

.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}

.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}

.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #250e62;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: black;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #e87322;
  color: black;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.mat-sort-header-arrow {
  color: #757575;
}

.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}

.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}

.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}

.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}

.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(190, 183, 208, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #250e62;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(248, 213, 189, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #e87322;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: black;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(190, 183, 208, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #250e62;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(248, 213, 189, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #e87322;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: black;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: black;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: black;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: black;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #250e62;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #e87322;
  color: black;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}

.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.mat-simple-snackbar-action {
  color: #e87322;
}

/*
IMPORTANT: aui.css will override everything that's not inside the #wrapper tag, however the modal lives outside the 
#wrapper tag so we have to create a duplicate set of rules that extends body. It's all aui's fault, just like most 
of the other hacks in this stylesheet
*/
body app-ngp-select .ngp-form-field, body app-ngp-select-currency .ngp-form-field, #wrapper app-ngp-select .ngp-form-field, #wrapper app-ngp-select-currency .ngp-form-field, body app-ngp-radio .ngp-form-field, #wrapper app-ngp-radio .ngp-form-field, body app-ngp-paragraph .ngp-form-field, #wrapper app-ngp-paragraph .ngp-form-field, body app-ngp-image .ngp-form-field, #wrapper app-ngp-image .ngp-form-field, body app-ngp-div .ngp-form-field, #wrapper app-ngp-div .ngp-form-field, body app-ngp-checkbox .ngp-form-field, #wrapper app-ngp-checkbox .ngp-form-field {
  margin-bottom: 0.5rem;
}

body mat-form-field, #wrapper mat-form-field {
  margin-bottom: 0.5rem;
  width: 100%;
}
body mat-form-field.mat-form-field, #wrapper mat-form-field.mat-form-field {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
body ngapps-calendar-inline mat-form-field.mat-form-field,
body app-ngp-simple-date-picker mat-form-field.mat-form-field, #wrapper ngapps-calendar-inline mat-form-field.mat-form-field,
#wrapper app-ngp-simple-date-picker mat-form-field.mat-form-field {
  width: 20rem;
}
@media screen and (max-width: 480px) {
  body ngapps-calendar-inline mat-form-field.mat-form-field,
  body app-ngp-simple-date-picker mat-form-field.mat-form-field, #wrapper ngapps-calendar-inline mat-form-field.mat-form-field,
  #wrapper app-ngp-simple-date-picker mat-form-field.mat-form-field {
    width: 100%;
  }
}
body ngapps-calendar-inline mat-datepicker-toggle mat-icon span,
body app-ngp-simple-date-picker mat-datepicker-toggle mat-icon span, #wrapper ngapps-calendar-inline mat-datepicker-toggle mat-icon span,
#wrapper app-ngp-simple-date-picker mat-datepicker-toggle mat-icon span {
  color: #869cad;
  font-size: 24px;
}
body ngapps-calendar-inline mat-datepicker-toggle.mat-datepicker-toggle-active mat-icon span,
body app-ngp-simple-date-picker mat-datepicker-toggle.mat-datepicker-toggle-active mat-icon span, #wrapper ngapps-calendar-inline mat-datepicker-toggle.mat-datepicker-toggle-active mat-icon span,
#wrapper app-ngp-simple-date-picker mat-datepicker-toggle.mat-datepicker-toggle-active mat-icon span {
  color: #e87322;
}
body ngapps-calendar-inline mat-label,
body app-ngp-simple-date-picker mat-label, #wrapper ngapps-calendar-inline mat-label,
#wrapper app-ngp-simple-date-picker mat-label {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}

/**
 * @param $lg-min-width     Anything less than this will use more condensed table
 * @param $md-min-width     If specified, anything less than this will use mobile table
 **/
body, #wrapper {
  display: block;
}
body mat-table, #wrapper mat-table {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  width: 100%;
}
body mat-table mat-header-row, #wrapper mat-table mat-header-row {
  background-color: #ededed;
}
body mat-table mat-header-row mat-header-cell, #wrapper mat-table mat-header-row mat-header-cell {
  color: #4a4a4a;
  font-weight: normal;
  font-size: 1.125rem;
}
body mat-table mat-header-row mat-header-cell:hover, #wrapper mat-table mat-header-row mat-header-cell:hover {
  color: black;
  text-decoration: none;
}
body mat-table mat-header-row mat-header-cell .mat-sort-header-arrow, #wrapper mat-table mat-header-row mat-header-cell .mat-sort-header-arrow {
  margin: 1rem 0.25rem;
}
body mat-table mat-header-row mat-header-cell .mat-sort-header-button, #wrapper mat-table mat-header-row mat-header-cell .mat-sort-header-button {
  text-align: left;
}
body mat-table mat-header-row mat-header-cell.number, body mat-table mat-header-row mat-header-cell.currency, #wrapper mat-table mat-header-row mat-header-cell.number, #wrapper mat-table mat-header-row mat-header-cell.currency {
  text-align: right;
}
body mat-table mat-header-row mat-header-cell.number .mat-sort-header-container, body mat-table mat-header-row mat-header-cell.currency .mat-sort-header-container, #wrapper mat-table mat-header-row mat-header-cell.number .mat-sort-header-container, #wrapper mat-table mat-header-row mat-header-cell.currency .mat-sort-header-container {
  float: right;
}
body mat-table mat-row mat-cell, #wrapper mat-table mat-row mat-cell {
  font-weight: normal;
  font-size: 1.125rem;
  text-align: left;
  padding-right: 1rem;
}
body mat-table mat-row mat-cell.number, body mat-table mat-row mat-cell.currency, #wrapper mat-table mat-row mat-cell.number, #wrapper mat-table mat-row mat-cell.currency {
  text-align: right;
}
@media screen and (max-width: 47.9375rem) {
  body mat-header-row, #wrapper mat-header-row {
    display: none;
  }
  body mat-row, #wrapper mat-row {
    display: block;
    float: left;
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  body mat-row mat-cell, #wrapper mat-row mat-cell {
    display: block;
    float: left;
    text-align: left !important;
    width: 100%;
  }
  body strong.mobile-only, #wrapper strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  body mat-row mat-cell, #wrapper mat-row mat-cell {
    margin-bottom: 1rem;
  }
  body strong.mobile-only, #wrapper strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  body .mobile-only, #wrapper .mobile-only {
    display: none;
  }
}
@media screen and (min-width: 70rem) {
  body mat-header-row, #wrapper mat-header-row {
    padding: 1rem 2rem;
  }
  body mat-row mat-cell, #wrapper mat-row mat-cell {
    padding: 1rem 2rem;
  }
}

#wrapper app-ngp-input-date .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, body app-ngp-input-date .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, #wrapper app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, body app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, #wrapper app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, body app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, #wrapper app-ngp-input-number .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, body app-ngp-input-number .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, #wrapper app-ngp-input .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, body app-ngp-input .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, body ngapps-calendar-inline .mat-input-container .mat-input-underline[data-valid] .mat-input-underline,
body app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, #wrapper ngapps-calendar-inline .mat-input-container .mat-input-underline[data-valid] .mat-input-underline,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-valid] .mat-input-underline, #wrapper app-ngp-input-date .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, body app-ngp-input-date .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, body app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, body app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input-number .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, body app-ngp-input-number .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, body app-ngp-input .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, body ngapps-calendar-inline .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple,
body app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, #wrapper ngapps-calendar-inline .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, body app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, #wrapper app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, body app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, #wrapper app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, body app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, #wrapper app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, body app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, #wrapper app-ngp-input .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, body app-ngp-input .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, body ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline,
body app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, #wrapper ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-valid] .mat-input-underline, #wrapper app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, body app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, body app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, body app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, body app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, #wrapper app-ngp-input .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, body app-ngp-input .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, body ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple,
body app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple, #wrapper ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-ripple {
  background-color: #1ab24e;
}
#wrapper app-ngp-input-date .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-date .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-number .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, body ngapps-calendar-inline .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after,
body app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, #wrapper ngapps-calendar-inline .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, body app-ngp-input .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, body ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after,
body app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after, #wrapper ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-valid] .mat-form-field-label-wrapper:after {
  content: "\F5E1";
  font-family: "Material Design Icons";
  color: #1ab24e;
}
#wrapper app-ngp-input-date .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, body app-ngp-input-date .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, #wrapper app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, body app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, #wrapper app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, body app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, #wrapper app-ngp-input-number .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, body app-ngp-input-number .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, #wrapper app-ngp-input .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, body app-ngp-input .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, body ngapps-calendar-inline .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline,
body app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, #wrapper ngapps-calendar-inline .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-invalid] .mat-input-underline, #wrapper app-ngp-input-date .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, body app-ngp-input-date .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, body app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, body app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input-number .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, body app-ngp-input-number .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, body app-ngp-input .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, body ngapps-calendar-inline .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple,
body app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, #wrapper ngapps-calendar-inline .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, body app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, #wrapper app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, body app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, #wrapper app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, body app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, #wrapper app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, body app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, #wrapper app-ngp-input .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, body app-ngp-input .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, body ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline,
body app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, #wrapper ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-invalid] .mat-input-underline, #wrapper app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, body app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, body app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, body app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, body app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, #wrapper app-ngp-input .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, body app-ngp-input .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, body ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple,
body app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple, #wrapper ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-ripple {
  background-color: #aa0000;
}
#wrapper app-ngp-input-date .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-date .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-limit-length .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-number-icon .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-number .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, body ngapps-calendar-inline .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after,
body app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, #wrapper ngapps-calendar-inline .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-input-underline[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-date .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-limit-length .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-number-icon .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input-number .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, #wrapper app-ngp-input .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, body app-ngp-input .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, body ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after,
body app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after, #wrapper ngapps-calendar-inline .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after,
#wrapper app-ngp-simple-date-picker .mat-input-container .mat-form-field-ripple[data-invalid] .mat-form-field-label-wrapper:after {
  content: "\F5D6";
  font-family: "Material Design Icons";
  color: #aa0000;
}

#wrapper app-ngp-input-number-icon .readonly-red-hint, body app-ngp-input-number-icon .readonly-red-hint {
  color: red;
}
@media (min-width: 48rem) {
  #wrapper app-ngp-simple-dialog .ngp-dialog, body app-ngp-simple-dialog .ngp-dialog {
    width: 37.5rem;
    margin: 1.875rem auto;
  }
}

#wrapper app-ngp-simple-dialog .ngp-mat-dialog-actions, body app-ngp-simple-dialog .ngp-mat-dialog-actions {
  padding: 12px 0;
  margin-bottom: -24px;
}
#wrapper app-ngp-simple-dialog button.btn, body app-ngp-simple-dialog button.btn {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 24px;
  min-width: 150px;
  height: 55px;
  padding: 5px 30px;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
}
#wrapper app-ngp-simple-dialog button.btn:focus, #wrapper app-ngp-simple-dialog button.btn:active:focus, #wrapper app-ngp-simple-dialog button.btn.active:focus, body app-ngp-simple-dialog button.btn:focus, body app-ngp-simple-dialog button.btn:active:focus, body app-ngp-simple-dialog button.btn.active:focus {
  outline: 0 none;
}
#wrapper app-ngp-simple-dialog button.btn.btn-primary, body app-ngp-simple-dialog button.btn.btn-primary {
  color: #ffffff;
  background-color: #dd6716;
  border-color: #dd6716;
}
#wrapper app-ngp-simple-dialog button.btn.btn-primary:hover, body app-ngp-simple-dialog button.btn.btn-primary:hover {
  color: #250e62;
  background-color: #ffffff;
  border-color: #250e62;
}
@media screen and (max-width: 48rem) {
  #wrapper app-ngp-simple-dialog button.btn.btn-primary, body app-ngp-simple-dialog button.btn.btn-primary {
    width: 15rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
}
#wrapper app-ngp-simple-dialog button.btn.btn-secondary, body app-ngp-simple-dialog button.btn.btn-secondary {
  color: #dd6716;
  background-color: #ffffff;
  border-color: #dd6716;
}
#wrapper app-ngp-simple-dialog button.btn.btn-secondary:hover, body app-ngp-simple-dialog button.btn.btn-secondary:hover {
  color: #250e62;
  background-color: #ffffff;
  border-color: #250e62;
}
@media screen and (max-width: 48rem) {
  #wrapper app-ngp-simple-dialog button.btn.btn-secondary, body app-ngp-simple-dialog button.btn.btn-secondary {
    width: 15rem;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }
}
#wrapper app-ngp-simple-dialog button.btn.btn-secondary-danger, body app-ngp-simple-dialog button.btn.btn-secondary-danger {
  color: #ffffff;
  background-color: #dd6716;
  border-color: #dd6716;
}
#wrapper app-ngp-simple-dialog button.btn.btn-secondary-danger:hover, body app-ngp-simple-dialog button.btn.btn-secondary-danger:hover {
  color: #dd6716;
  background-color: #ffffff;
}
#wrapper app-ngp-simple-dialog button.btn.btn-secondary-danger i, body app-ngp-simple-dialog button.btn.btn-secondary-danger i {
  background-color: white;
  border-radius: 50%;
  color: #dd6716;
  display: block;
  float: left;
  line-height: 1.5rem;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
  width: 1.375rem;
  height: 1.375rem;
}
@media screen and (min-width: 768px) {
  #wrapper app-ngp-simple-dialog button.btn.btn-secondary-danger i, body app-ngp-simple-dialog button.btn.btn-secondary-danger i {
    margin-top: 0;
  }
}
#wrapper app-ngp-simple-dialog button.btn:disabled, body app-ngp-simple-dialog button.btn:disabled {
  color: #ffffff;
  background-color: #b5b5b5;
  border-color: #b5b5b5;
  pointer-events: none;
}
#wrapper app-ngp-simple-dialog button.btn:disabled.loading, body app-ngp-simple-dialog button.btn:disabled.loading {
  color: #ededed;
}

#wrapper .modal-dialog {
  position: relative;
}
#wrapper .modal-content {
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: inherit;
  height: 100vh;
  max-height: 100vh;
}
@media screen and (min-width: 768px) {
  #wrapper .modal-content {
    height: auto;
    max-height: 90vh;
  }
}
#wrapper .modal-content .modal-header {
  position: relative;
  background-color: inherit;
  border-bottom: 0;
}
#wrapper .modal-content .modal-header button {
  position: absolute;
  margin: 0;
  top: 12px;
  right: 0;
  z-index: 10;
}
#wrapper .modal-content .modal-header h4.modal-title {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  text-align: left;
  color: #4a4a4a;
  font-size: 1.5rem;
}
#wrapper .modal-content .modal-header h4.modal-title span.title-style {
  padding-left: 1.1rem;
  font-weight: bold;
}
#wrapper .modal-content .modal-header .close,
#wrapper .modal-content .modal-header .modal-primary-action-button {
  color: #000000;
}
#wrapper .modal-content .modal-body {
  background-color: inherit;
  bottom: 0;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
}
#wrapper .modal-content .modal-body p {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#wrapper .modal-content .body-clear-style {
  clear: both;
  padding: 1rem 1rem 2rem 2rem;
}
#wrapper .modal-content .modal-footer {
  border-top: 0;
  box-shadow: none;
  text-align: center;
}
#wrapper .modal-content .modal-footer button {
  margin-right: 1rem;
}
#wrapper .center-modal {
  position: relative;
  height: 100%;
}
#wrapper .reset-text {
  clear: both;
  text-align: left;
}

#wrapper .panel-title {
  font-size: 1.25rem;
  line-height: 2rem;
}
#wrapper .panel-group .panel-heading {
  padding: 0.4rem;
}
#wrapper .panel {
  box-shadow: none;
}
#wrapper .panel-default {
  background: none;
  margin-bottom: 2rem;
}
#wrapper .panel-default > .panel-heading {
  color: inherit;
  background: #ededed;
}
#wrapper .panel-default .panel-body {
  border-top: none;
}
#wrapper .accordion-group i.mdi {
  color: #250e62;
}
#wrapper .accordion-heading {
  line-height: 2.25rem;
}

#wrapper input[ngx-mydatepicker] + span > button, #wrapper input[ngx-mydatepicker] + span > button.btn, #wrapper input[ngx-mydatepicker] + span > button.btn-default:focus, #wrapper input[ngx-mydatepicker] + span > button.btn-default:hover, #wrapper ngx-my-date-picker + span > button, #wrapper ngx-my-date-picker + span > button.btn, #wrapper ngx-my-date-picker + span > button.btn-default:focus, #wrapper ngx-my-date-picker + span > button.btn-default:hover {
  border: none;
  cursor: pointer;
  min-width: 3rem;
}
#wrapper input[ngx-mydatepicker] {
  display: inline-block;
  margin-top: 0.5rem;
  width: 5.4rem;
  padding-left: 0;
  padding-right: 0;
}
@media screen and (min-width: 35rem) {
  #wrapper input[ngx-mydatepicker] {
    padding-left: 4px;
    padding-right: 10px;
  }
}
@media screen and (min-width: 30rem) {
  #wrapper input[ngx-mydatepicker] {
    width: 8rem;
  }
}
#wrapper ngx-my-date-picker {
  display: block;
  position: absolute;
  top: 1rem;
}
#wrapper ngx-my-date-picker + span i {
  color: #dd6716;
  transition: all 300ms ease-in-out;
}
#wrapper .mydp, #wrapper .ngxmdp {
  border: none;
  width: 8rem !important;
  /* Overriding %table-container placeholder which breaks datepicker */
  /* NOTE: table-container should be used in the immediate parent of the table, but will figure out refactor to avoid this later.*/
}
#wrapper .mydp*, #wrapper .ngxmdp* {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
#wrapper .mydp .selector, #wrapper .ngxmdp .selector {
  box-shadow: 0 0 21px -2px rgba(0, 0, 0, 0.3);
}
#wrapper .mydp .selectiongroup > input, #wrapper .ngxmdp .selectiongroup > input {
  text-align: left;
  padding-left: 0.4rem;
}
#wrapper .mydp .selbtngroup, #wrapper .ngxmdp .selbtngroup {
  border-bottom: none !important;
  bottom: 0.1rem;
  margin-top: 1rem;
}
#wrapper .mydp button.btnpicker.btnleftborder, #wrapper .ngxmdp button.btnpicker.btnleftborder {
  border-left: none;
  margin: 1rem 0 0 0 0;
}
#wrapper .mydp button.btnpicker, #wrapper .mydp button.btnpickerenabled:hover, #wrapper .ngxmdp button.btnpicker, #wrapper .ngxmdp button.btnpickerenabled:hover {
  background: inherit;
}
#wrapper .mydp table, #wrapper .ngxmdp table {
  margin-bottom: inherit;
}
#wrapper .mydp table.caltable, #wrapper .ngxmdp table.caltable {
  height: auto;
}
#wrapper .mydp thead, #wrapper .ngxmdp thead {
  background-color: inherit;
}
#wrapper .mydp thead a, #wrapper .ngxmdp thead a {
  color: inherit;
  font-weight: normal;
}
#wrapper .mydp thead a:hover, #wrapper .ngxmdp thead a:hover {
  color: inherit;
  text-decoration: inherit;
}
#wrapper .mydp tbody tr, #wrapper .ngxmdp tbody tr {
  border-bottom: inherit;
}
#wrapper .mydp th, #wrapper .mydp td, #wrapper .ngxmdp th, #wrapper .ngxmdp td {
  padding: 5px;
  text-align: center;
}

.cdk-overlay-container .mat-datepicker-popup {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.cdk-overlay-container mat-datepicker-content .mat-calendar {
  width: 320px !important;
  height: 384px !important;
}
.cdk-overlay-container .mat-select-panel-wrap div.mat-select-panel {
  background-color: #f1f2f5;
}
.cdk-overlay-container .mat-select-panel-wrap .mat-select-options-hidden {
  display: none;
}

app-left-hand-column {
  background-color: #ededed;
  border-bottom: 1px solid #b5b5b5;
  display: block;
  margin-bottom: 0;
  padding: 0;
  width: 100%;
}
@media print {
  app-left-hand-column {
    display: none;
  }
}
app-left-hand-column a:hover {
  text-decoration: none;
}
app-left-hand-column > div {
  padding: 0.5rem 2rem;
  border-bottom: 1px solid #b5b5b5;
}
app-left-hand-column > div.top-nav {
  background: #ededed;
}
app-left-hand-column > div.top-nav > a {
  display: block;
}
app-left-hand-column .mobile-hide {
  display: none;
}
app-left-hand-column #account-info-main-container::after {
  content: "";
  display: table;
  clear: both;
}
app-left-hand-column #account-info-main {
  float: left;
  width: 90%;
}
app-left-hand-column #account-info-main > h2 {
  margin-top: 0;
  overflow: hidden;
  text-align: left;
}
app-left-hand-column #account-info-main > h2 > a, app-left-hand-column #account-info-main > h2 > a:hover, app-left-hand-column #account-info-main > h2 > a:visited, app-left-hand-column #account-info-main > h2 > a:active {
  color: #dd6716;
}
app-left-hand-column #account-info-main > h2.add-nickname-link {
  color: #dd6716;
  font-size: 1.25rem;
}
app-left-hand-column #account-info-main > a:hover {
  text-decoration: none;
}
app-left-hand-column #account-info-main > a > .account-number h3 {
  font-size: 0.725rem;
}
app-left-hand-column #account-info-main > a > .account-number h3, app-left-hand-column #account-info-main > a > .account-number div {
  color: #4a4a4a;
  display: inline-block;
  margin: 0;
}
app-left-hand-column #account-info-main + .mobile-hide-toggle {
  float: right;
  font-size: 2rem;
  margin-top: 0.5rem;
  text-align: right;
  width: 10%;
}
app-left-hand-column #account-info-main button.btn {
  min-width: 90px;
}
app-left-hand-column section.account-name-address {
  margin-top: 1rem;
}
app-left-hand-column left-nav-addresses div {
  box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.4);
  height: 30vh;
  margin: 1rem auto;
  overflow: auto;
  padding: 0.5rem 1rem;
}
@media screen and (min-height: 520px) {
  app-left-hand-column left-nav-addresses div {
    height: 50vh;
  }
}
@media screen and (min-height: 700px) {
  app-left-hand-column left-nav-addresses div {
    height: 60vh;
  }
}
@media screen and (min-height: 1026px) {
  app-left-hand-column left-nav-addresses div {
    height: 70vh;
  }
}
@media screen and (min-width: 992px) {
  app-left-hand-column {
    width: 16rem;
  }
  app-left-hand-column .mobile-hide {
    display: block;
  }
  app-left-hand-column .top-nav {
    background: none;
  }
  app-left-hand-column a.top-nav-action {
    font-size: 0.875rem;
  }
  app-left-hand-column h2 {
    margin: 0;
  }
  app-left-hand-column #account-info-main {
    width: auto;
    float: none;
  }
  app-left-hand-column #account-info-main > .account-number h3 {
    font-size: 0.725rem;
  }
  app-left-hand-column #account-info-main > .account-number h3, app-left-hand-column #account-info-main > .account-number div {
    display: inline-block;
    margin: 0;
  }
  app-left-hand-column #account-info-main + .mobile-hide-toggle {
    display: none;
  }
  app-left-hand-column p.account-number {
    letter-spacing: 1.5px;
  }
  app-left-hand-column p.account-name {
    font-family: "Tiempos", "Times New Roman", Georgia, serif;
  }
}

nav#left-nav a {
  color: #4a4a4a;
}
nav#left-nav a:hover {
  text-decoration: none;
}
nav#left-nav a.subnav:after {
  margin-right: -1rem;
}
nav#left-nav ul {
  list-style: none;
  padding-left: 0;
}
nav#left-nav > ul > li {
  border-bottom: 1px solid #b5b5b5;
}
nav#left-nav > ul > li > a {
  display: block;
  padding: 0.25rem 2rem;
  transition-property: none;
}
nav#left-nav > ul > li > a:hover {
  border-left: 2px solid #250e62;
  padding-left: 1.875rem;
  transition-property: none;
}
nav#left-nav > ul > li > a.active, nav#left-nav > ul > li > a.active:hover {
  border-left: 6px solid #250e62;
  padding-left: 1.625rem;
}
nav#left-nav > ul > li > ul {
  margin: 0;
}
nav#left-nav > ul > li > ul > li > a {
  display: block;
  padding: 0.125rem 2rem;
  transition-property: none;
}
nav#left-nav > ul > li > ul > li > a:hover {
  border-left: 2px solid #250e62;
  padding-left: 1.875rem;
  transition-property: none;
}
nav#left-nav > ul > li > ul > li > a.active, nav#left-nav > ul > li > ul > li > a.active:hover {
  border-left: 6px solid #250e62;
  padding-left: 1.625rem;
}
nav#left-nav > ul > li.profile-setting {
  border-bottom: none;
}
nav#left-nav > ul > li.profile-setting > a {
  color: #dd6716;
}
@media screen and (min-width: 992px) {
  nav#left-nav > ul > li > a {
    padding: 0.5rem 2rem;
  }
  nav#left-nav > ul > li > ul {
    font-size: 0.875rem;
  }
  nav#left-nav > ul > li > ul > li > a {
    padding: 0.25rem 2.5rem;
  }
  nav#left-nav > ul > li > ul > li > a:hover {
    padding: 0.25rem 2.375rem;
  }
  nav#left-nav > ul > li > ul > li > a.active, nav#left-nav > ul > li > ul > li > a.active:hover {
    padding-left: 2.125rem;
  }
}

#wrapper app-top-navigation {
  background-color: #ffffff;
  border-bottom: 1px solid #4a4a4a;
  display: block;
  width: 100%;
}
@media print {
  #wrapper app-top-navigation {
    display: none;
  }
}
#wrapper app-top-navigation a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #wrapper app-top-navigation .account-info {
    height: 4.25rem;
    margin-top: 4.125rem;
    overflow: hidden;
  }
}
#wrapper app-top-navigation .account-info.nav-top {
  background: #ededed;
}
#wrapper app-top-navigation .account-info.nav-top > a {
  display: block;
}
#wrapper app-top-navigation #account-info-main-container {
  height: 100%;
  padding: 0 1rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  #wrapper app-top-navigation #account-info-main-container {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}
@media screen and (min-width: 90rem) {
  #wrapper app-top-navigation #account-info-main-container {
    padding: 10px 7.375rem;
  }
  #wrapper app-top-navigation #account-info-main-container .account-name-address {
    white-space: nowrap;
  }
}
#wrapper app-top-navigation #account-info-main-container > div {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #wrapper app-top-navigation #account-info-main-container > div {
    border-left: 1px solid #979797;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: 3.5rem;
    margin-bottom: 0;
  }
  #wrapper app-top-navigation #account-info-main-container > div:first-child {
    border-left: none;
    padding-left: 0;
  }
  #wrapper app-top-navigation #account-info-main-container > div.send-us-a-message {
    border-left: none;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  #wrapper app-top-navigation #account-info-main-container > div.send-us-a-message {
    height: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  #wrapper app-top-navigation #account-info-main-container > div {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
#wrapper app-top-navigation .account-add-nickname a h2.add-nickname-link {
  font-size: 1.5rem;
  line-height: inherit;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #wrapper app-top-navigation .account-add-nickname a h2.add-nickname-link {
    font-size: 1.125rem;
    max-width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#wrapper app-top-navigation .account-number {
  display: flex;
}
@media screen and (min-width: 768px) {
  #wrapper app-top-navigation .account-number {
    display: block;
  }
}
#wrapper app-top-navigation .account-number h3 {
  font-size: 0.875rem;
  line-height: inherit;
  margin: 0 1rem 0 0;
}
@media screen and (min-width: 768px) {
  #wrapper app-top-navigation .account-number h3 {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper app-top-navigation .account-number h3 {
    font-size: 1rem;
  }
}
#wrapper app-top-navigation .account-number > div {
  font-weight: bold;
}
#wrapper app-top-navigation .account-name-address {
  max-width: 17.5rem;
}
@media screen and (min-width: 992px) {
  #wrapper app-top-navigation .account-name-address {
    max-width: unset;
  }
}
#wrapper app-top-navigation .send-us-a-message {
  margin-left: auto;
}
#wrapper app-top-navigation .send-us-a-message a::before {
  content: "\f48a";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 1.1rem;
  text-rendering: auto;
  line-height: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5rem;
}
#wrapper app-top-navigation app-top-nav-addresses div {
  box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.4);
  height: 30vh;
  margin: 1rem auto;
  overflow: auto;
  padding: 0.5rem 1rem;
}
@media screen and (min-height: 520px) {
  #wrapper app-top-navigation app-top-nav-addresses div {
    height: 50vh;
  }
}
@media screen and (min-height: 700px) {
  #wrapper app-top-navigation app-top-nav-addresses div {
    height: 60vh;
  }
}
@media screen and (min-height: 1026px) {
  #wrapper app-top-navigation app-top-nav-addresses div {
    height: 70vh;
  }
}
#wrapper app-top-navigation app-top-nav-addresses div p {
  border-bottom: 1px solid #979797;
}
#wrapper app-top-navigation app-top-nav-addresses div p:last-child {
  border-bottom: 0;
}
#wrapper ngapps-basic-account-info {
  background-color: #ffffff;
  border-bottom: 1px solid #4a4a4a;
  display: block;
  width: 100%;
}
@media print {
  #wrapper ngapps-basic-account-info {
    display: none;
  }
}
#wrapper ngapps-basic-account-info a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-basic-account-info .account-info {
    height: 4.25rem;
    margin-top: 4.125rem;
    overflow: hidden;
  }
}
#wrapper ngapps-basic-account-info .account-info.nav-top {
  background: #ededed;
}
#wrapper ngapps-basic-account-info .account-info.nav-top > a {
  display: block;
}
#wrapper ngapps-basic-account-info #account-info-main-container {
  height: 100%;
  padding: 0 1rem;
  margin-top: 3.75rem;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-basic-account-info #account-info-main-container {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}
@media screen and (min-width: 90rem) {
  #wrapper ngapps-basic-account-info #account-info-main-container {
    padding: 10px 7.375rem;
  }
  #wrapper ngapps-basic-account-info #account-info-main-container .account-name-address {
    white-space: nowrap;
  }
}
#wrapper ngapps-basic-account-info #account-info-main-container > div {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-basic-account-info #account-info-main-container > div {
    border-left: 1px solid #979797;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    height: 3.5rem;
    margin-bottom: 0;
  }
  #wrapper ngapps-basic-account-info #account-info-main-container > div:first-child {
    border-left: none;
    padding-left: 0;
  }
  #wrapper ngapps-basic-account-info #account-info-main-container > div.send-us-a-message {
    border-left: none;
    padding-right: 0;
  }
}
@media screen and (min-width: 768px) and (min-width: 1200px) {
  #wrapper ngapps-basic-account-info #account-info-main-container > div.send-us-a-message {
    height: 2.5rem;
  }
}
@media screen and (min-width: 992px) {
  #wrapper ngapps-basic-account-info #account-info-main-container > div {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
#wrapper ngapps-basic-account-info .account-add-nickname a h2.add-nickname-link {
  font-size: 1.5rem;
  line-height: inherit;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-basic-account-info .account-add-nickname a h2.add-nickname-link {
    font-size: 1.125rem;
    max-width: 10rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#wrapper ngapps-basic-account-info .account-number {
  display: flex;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-basic-account-info .account-number {
    display: block;
  }
}
#wrapper ngapps-basic-account-info .account-number h3 {
  font-size: 0.875rem;
  line-height: inherit;
  margin: 0 1rem 0 0;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-basic-account-info .account-number h3 {
    margin: 0;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper ngapps-basic-account-info .account-number h3 {
    font-size: 1rem;
  }
}
#wrapper ngapps-basic-account-info .account-number > div {
  font-weight: bold;
}
#wrapper ngapps-basic-account-info .account-name-address {
  max-width: 17.5rem;
}
@media screen and (min-width: 992px) {
  #wrapper ngapps-basic-account-info .account-name-address {
    max-width: unset;
  }
}
#wrapper ngapps-basic-account-info .send-us-a-message {
  margin-left: auto;
}
#wrapper ngapps-basic-account-info .send-us-a-message a::before {
  content: "\f48a";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 1.1rem;
  text-rendering: auto;
  line-height: normal;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5rem;
}
#wrapper nav#top-navigation {
  background: #ffffff;
  min-height: 2.9375rem;
  position: fixed;
  z-index: 20;
  width: 100%;
  /* Parent navigation list */
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation {
    background: #4a4a4a;
    height: 4.125rem;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper nav#top-navigation {
    background: #4a4a4a;
    height: 4.125rem;
    padding-left: 7.5rem;
  }
}
@media screen and (min-width: 1600px) {
  #wrapper nav#top-navigation {
    width: 100rem;
  }
}
#wrapper nav#top-navigation a {
  color: #4a4a4a;
}
#wrapper nav#top-navigation a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation a {
    color: #ffffff;
  }
}
#wrapper nav#top-navigation li#home-icon {
  display: none;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation li#home-icon {
    display: list-item;
  }
}
#wrapper nav#top-navigation .mdi-home:before {
  position: relative;
  vertical-align: middle;
}
@media screen and (min-width: 992px) {
  #wrapper nav#top-navigation .mdi-home:before {
    font-size: 1.5rem;
  }
}
#wrapper nav#top-navigation ul {
  list-style: none;
  padding-left: 0;
}
#wrapper nav#top-navigation > ul {
  max-height: 0;
  overflow: hidden;
  /* Expanded hamburger menu in mobile */
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation > ul {
    display: flex;
    align-items: center;
    height: 100%;
    max-height: 100%;
    overflow: inherit;
    margin-bottom: 0;
  }
}
#wrapper nav#top-navigation > ul.expanded {
  max-height: 100%;
}
#wrapper nav#top-navigation > ul > li {
  /* Child navigation list */
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation > ul > li {
    margin-right: 1.7rem;
  }
  #wrapper nav#top-navigation > ul > li:last-child {
    margin-right: 0;
  }
}
#wrapper nav#top-navigation > ul > li > a {
  display: block;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  height: 3.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #ededed;
  padding: 0.8rem 1.25rem;
  transition-property: none;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation > ul > li > a {
    height: auto;
    line-height: 1.3125rem;
    border-bottom: 0;
    padding: 0;
  }
}
@media screen and (min-width: 992px) {
  #wrapper nav#top-navigation > ul > li > a {
    font-size: 1.125rem;
  }
}
#wrapper nav#top-navigation > ul > li > a:hover {
  transition-property: none;
}
#wrapper nav#top-navigation > ul > li > ul {
  background: #ededed;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation > ul > li > ul {
    position: absolute;
    top: 4.125rem;
    margin: 0;
    background: #ffffff;
    border: 1px solid #ededed;
    border-top: none;
    border-bottom-left-radius: 0.3125rem;
    border-bottom-right-radius: 0.3125rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 -1px 0 0 rgba(0, 0, 0, 0.02);
    z-index: 100;
  }
}
#wrapper nav#top-navigation > ul > li > ul > li {
  border-bottom: 1px solid #ededed;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation > ul > li > ul > li {
    display: flex;
    align-items: center;
    height: 2.5rem;
  }
}
#wrapper nav#top-navigation > ul > li > ul > li:last-child {
  border-bottom: none;
}
#wrapper nav#top-navigation > ul > li > ul > li > a {
  display: block;
  height: 3.25rem;
  color: #4a4a4a;
  font-size: 1.125rem;
  line-height: 1.5rem;
  border-bottom: 1px solid #ededed;
  padding: 0.8rem 1.25rem;
  transition-property: none;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation > ul > li > ul > li > a {
    height: auto;
    width: 13.5rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    border-bottom: 0;
  }
}
@media screen and (min-width: 992px) {
  #wrapper nav#top-navigation > ul > li > ul > li > a {
    padding: 0.125rem 2rem;
  }
}
#wrapper nav#top-navigation > ul > li > ul > li > a:hover {
  transition-property: none;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation > ul > li > ul:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    margin-left: -90px;
    top: -15px;
    left: 50%;
  }
}
#wrapper nav#top-navigation .nav-sign-out {
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation .nav-sign-out {
    padding-right: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper nav#top-navigation .nav-sign-out {
    padding-right: 7.375rem;
  }
}
@media screen and (min-width: 992px) {
  #wrapper nav#top-navigation > ul > li > a {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
  #wrapper nav#top-navigation > ul > li > ul {
    font-size: 0.875rem;
  }
  #wrapper nav#top-navigation > ul > li > ul > li > a {
    padding: 0.25rem 1.25rem;
  }
}
#wrapper nav#top-navigation .mobile-nav-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.25rem;
  color: #ffffff;
  background: #4a4a4a;
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  #wrapper nav#top-navigation .mobile-nav-header {
    display: none;
  }
}
#wrapper nav#top-navigation .mobile-nav-header a {
  display: block;
  color: #ffffff;
}
#wrapper nav#top-navigation .mobile-nav-header a:hover,
#wrapper nav#top-navigation .mobile-nav-header a :active,
#wrapper nav#top-navigation .mobile-nav-header a :visited {
  color: #ffffff;
}
#wrapper nav#top-navigation .mobile-nav-header .mdi-menu::before,
#wrapper nav#top-navigation .mobile-nav-header .mdi-close::before {
  font-size: 2.2rem;
  line-height: 3rem;
}
#wrapper nav#top-navigation .mobile-nav-header .mdi-account-circle::before {
  font-size: 1.8rem;
  line-height: 2.8rem;
}

#wrapper .site-navbar {
  background: #ffffff;
  min-height: 2.9375rem;
  position: fixed;
  z-index: 20;
  width: 100%;
}
@media screen and (min-width: 768px) {
  #wrapper .site-navbar {
    background: #4a4a4a;
    height: 4rem;
    padding-left: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper .site-navbar {
    background: #4a4a4a;
    height: 4rem;
    padding-left: 7.5rem;
  }
}
@media screen and (min-width: 1600px) {
  #wrapper .site-navbar {
    width: 100rem;
  }
}
#wrapper .dropdown-item {
  align-items: center;
  height: 2.5rem;
}
#wrapper .dropdown-menu.show {
  overflow: visible;
  top: 51px;
}
#wrapper .site-navbar a:hover {
  text-decoration: none !important;
}
#wrapper .site-navbar a {
  color: #fff !important;
  font-family: "Tiempos", "Times New Roman", Georgia, serif !important;
  font-size: 18px;
  line-height: 21px;
  margin-right: 1.7rem;
}
#wrapper .site-navbar .dropdown-menu:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  top: -14px;
  left: 15%;
}
#wrapper .site-navbar .dropdown-menu a {
  font-family: "Lato", Arial, Helvetica, sans-serif !important;
  color: #4a4a4a !important;
  font-size: 14px;
  line-height: 21px;
  background-color: transparent !important;
  border-bottom: 1px solid #ededed;
  padding: 0.25rem 1.25rem;
}
#wrapper .site-navbar .dropdown-menu a:last-child {
  border-bottom: 0;
}
#wrapper .dropdown .dropdown-toggle.arrow-updown::after {
  font-size: 1.2rem;
  color: #fff;
  content: "\f140";
  font-family: "Material Design Icons";
  position: relative;
  top: 2px;
  left: 4px;
  display: inline-block;
  margin-left: 0;
  vertical-align: 0;
  border-top: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
}
#wrapper .dropdown.show .dropdown-toggle.arrow-updown::after {
  content: "\f143" !important;
}
#wrapper .hide-desktop {
  display: none;
}
@media (max-width: 767px) {
  #wrapper .mdi-menu:before {
    font-size: 2.2rem;
    line-height: 3rem;
    font-family: "Material Design Icons";
    content: "\f35c";
  }
  #wrapper .navbar-toggler.collapsed .mdi-menu:before {
    content: "\f156" !important;
  }
  #wrapper .site-navbar {
    padding-left: 0px;
    font-size: 2rem;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    align-items: center;
    height: 3.25rem;
    color: #fff;
    background: #4a4a4a;
    width: 100%;
  }
  #wrapper .mdi-account-circle {
    text-decoration: none !important;
    margin-right: 1.5rem;
    border: none !important;
  }
  #wrapper .mdi-account-circle:before {
    content: "\f009";
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
    margin-right: 1.5rem;
  }
  #wrapper .dropdown .dropdown-toggle.arrow-updown::after {
    color: #dd6716;
    font-size: 2rem;
    top: 5px;
    left: 4px;
  }
  #wrapper .dropdown .dropdown-toggle.arrow-updown::before {
    color: #dd6716;
    font-size: 2rem;
    top: 5px;
    left: 4px;
  }
  #wrapper .site-navbar .signout {
    margin-left: -8px;
  }
  #wrapper .site-navbar a {
    color: #4a4a4a !important;
    font-family: "Tiempos", "Times New Roman", Georgia, serif !important;
    height: 3.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    border-bottom: 1px solid #ededed;
    margin-right: 0px;
    padding-left: 1rem;
  }
  #wrapper .site-navbar .dropdown-menu {
    background: #ededed !important;
  }
  #wrapper .site-navbar .dropdown-menu a {
    display: block;
    height: 3.25rem;
    color: #4a4a4a !important;
    font-size: 1.125rem;
    line-height: 1.5rem;
    border-bottom: 1px solid #ededed;
    padding: 0.8rem 1.25rem;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
  }
  #wrapper .hide-mobile {
    display: none;
  }
  #wrapper .hide-desktop {
    display: block !important;
  }
  #wrapper .site-navbar .dropdown-menu:before {
    content: none;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  #wrapper .navbar {
    padding: 0 !important;
  }
  #wrapper .navbar-toggler:not(.collapsed) .navbar-toggler-icon {
    background-image: url(/o/spire-mya-theme-css/images/menu-close.svg);
    height: 24px;
    width: 24px;
  }
}
@media only screen and (max-width: 480px) {
  #wrapper .site-navbar button {
    margin-right: 0 !important;
    margin-left: 0 !important;
    border: 0 !important;
  }
}

/**
 * @param $lg-min-width     Anything less than this will use more condensed table
 * @param $md-min-width     If specified, anything less than this will use mobile table
 **/
#wrapper ngapps-payment-arrangements section.installments h2, #wrapper payment-arrangements-mock section.installments h2, body ngapps-payment-arrangements section.installments h2, body payment-arrangements-mock section.installments h2 {
  margin: 1rem 0;
  color: #dd6716;
}
#wrapper ngapps-payment-arrangements section.installments h2 a, #wrapper payment-arrangements-mock section.installments h2 a, body ngapps-payment-arrangements section.installments h2 a, body payment-arrangements-mock section.installments h2 a {
  font-size: 2rem;
}
#wrapper ngapps-payment-arrangements section.installments table, #wrapper payment-arrangements-mock section.installments table, body ngapps-payment-arrangements section.installments table, body payment-arrangements-mock section.installments table {
  margin-bottom: 4rem;
  width: 100%;
}
#wrapper ngapps-payment-arrangements section.installments thead, #wrapper payment-arrangements-mock section.installments thead, body ngapps-payment-arrangements section.installments thead, body payment-arrangements-mock section.installments thead {
  background-color: #ededed;
}
#wrapper ngapps-payment-arrangements section.installments thead a, #wrapper payment-arrangements-mock section.installments thead a, body ngapps-payment-arrangements section.installments thead a, body payment-arrangements-mock section.installments thead a {
  color: #4a4a4a;
  font-weight: normal;
}
#wrapper ngapps-payment-arrangements section.installments thead a:hover, #wrapper payment-arrangements-mock section.installments thead a:hover, body ngapps-payment-arrangements section.installments thead a:hover, body payment-arrangements-mock section.installments thead a:hover {
  color: black;
  text-decoration: none;
}
#wrapper ngapps-payment-arrangements section.installments tbody tr, #wrapper payment-arrangements-mock section.installments tbody tr, body ngapps-payment-arrangements section.installments tbody tr, body payment-arrangements-mock section.installments tbody tr {
  border-bottom: 1px solid #979797;
}
#wrapper ngapps-payment-arrangements section.installments th, #wrapper payment-arrangements-mock section.installments th, body ngapps-payment-arrangements section.installments th, body payment-arrangements-mock section.installments th, #wrapper ngapps-payment-arrangements section.installments td, #wrapper payment-arrangements-mock section.installments td, body ngapps-payment-arrangements section.installments td, body payment-arrangements-mock section.installments td {
  padding: 1rem 2rem;
  text-align: left;
}
#wrapper ngapps-payment-arrangements section.installments th.number, #wrapper payment-arrangements-mock section.installments th.number, body ngapps-payment-arrangements section.installments th.number, body payment-arrangements-mock section.installments th.number, #wrapper ngapps-payment-arrangements section.installments th.currency, #wrapper payment-arrangements-mock section.installments th.currency, body ngapps-payment-arrangements section.installments th.currency, body payment-arrangements-mock section.installments th.currency, #wrapper ngapps-payment-arrangements section.installments td.number, #wrapper payment-arrangements-mock section.installments td.number, body ngapps-payment-arrangements section.installments td.number, body payment-arrangements-mock section.installments td.number, #wrapper ngapps-payment-arrangements section.installments td.currency, #wrapper payment-arrangements-mock section.installments td.currency, body ngapps-payment-arrangements section.installments td.currency, body payment-arrangements-mock section.installments td.currency {
  text-align: right;
}

.matTooltipClassBgk {
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  background: #250e62;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 0.9rem;
  white-space: pre-wrap;
}

#wrapper widgets-button-loading {
  background-color: #ededed;
  border-color: #ededed;
  color: #b5b5b5;
  display: block;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.2rem;
  height: 55px;
  line-height: 55px;
  margin-top: 0.625rem;
  width: 150px;
  position: relative;
  text-align: center;
}
#wrapper widgets-button-loading > .loading-icon {
  margin-top: -1.75rem;
}

#wrapper ::-webkit-scrollbar {
  width: 1rem;
}
#wrapper ::-webkit-scrollbar-track {
  background-color: #b5b5b5;
}
#wrapper ::-webkit-scrollbar-thumb {
  background-color: #666666;
}

#wrapper progressbar {
  background-color: #b5b5b5;
}
#wrapper progressbar.progress {
  border-radius: 10px;
}
#wrapper progressbar bar {
  background-color: #dd6716 !important;
}

@keyframes loading-button-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-button-pulse {
  50% {
    background: rgb(232, 115, 34);
  }
}
.btn.loading:after {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
}
.btn.loading::after--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  .btn.loading:after {
    margin-top: -23px;
  }
}

.link-loading-small-right {
  position: absolute;
  top: 1.35rem;
  right: 1.2rem;
}
.link-loading-small-right:after {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
}
.link-loading-small-right::after--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  .link-loading-small-right:after {
    margin-top: -23px;
  }
}

.link-loading-small-left {
  position: absolute;
  top: 1.35rem;
  left: 1rem;
}
.link-loading-small-left:after {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
}
.link-loading-small-left::after--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  .link-loading-small-left:after {
    margin-top: -23px;
  }
}

.loading-small {
  padding: 2rem;
}
.loading-small:after {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
}
.loading-small::after--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  .loading-small:after {
    margin-top: -23px;
  }
}

.alert .loading-small {
  padding: 0;
}
.alert .loading-small:after {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
  margin-top: 0;
}
.alert .loading-small::after--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  .alert .loading-small:after {
    margin-top: -23px;
  }
}
@media screen and (min-width: 50rem) {
  .alert .loading-small:after {
    margin-top: 0;
  }
}

loading {
  display: block;
  text-align: center;
}
loading > div {
  display: flex;
  justify-content: space-around;
  align-items: center;
  height: 133px;
  background: top/contain no-repeat url(/o/spire-mya-theme-css/images/skeletons/Generic-Page.gif);
}
@media screen and (min-width: 50rem) {
  loading > div {
    height: 376px;
  }
}
loading > div .spinner {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
  margin-top: -14px;
}
loading > div .spinner--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  loading > div .spinner {
    margin-top: -23px;
  }
}
@media screen and (min-width: 768px) {
  loading > div .spinner {
    margin-top: 0;
  }
}
loading.small-grid > div {
  height: 95px;
  margin-top: 1.125rem;
  background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/Small-Grid-375.gif);
}
@media screen and (min-width: 768px) {
  loading.small-grid > div {
    height: 160px;
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/Small-Grid.gif);
  }
}
loading.top-account > div {
  height: 253px;
  margin-top: 4.125rem;
  background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/mobile/top-navigation/AccountInfo_375.gif);
}
@media screen and (min-width: 768px) {
  loading.top-account > div {
    height: 4.25rem;
    margin-top: unset;
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/mobile/top-navigation/AccountInfo_768.gif);
  }
}
@media screen and (min-width: 992px) {
  loading.top-account > div {
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/desktop/top-navigation/AccountInfo_992.gif);
  }
}
@media screen and (min-width: 1200px) {
  loading.top-account > div {
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/desktop/top-navigation/AccountInfo_1200.gif);
  }
}
@media screen and (min-width: 1600px) {
  loading.top-account > div {
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/desktop/top-navigation/AccountInfo_1600.gif);
  }
}
loading.top-nav {
  min-height: 2.9375rem;
  position: fixed;
  z-index: 20;
  width: 100%;
}
@media screen and (min-width: 768px) {
  loading.top-nav {
    background: #4a4a4a;
    height: 4.125rem;
  }
}
@media screen and (min-width: 1200px) {
  loading.top-nav {
    background: #4a4a4a;
    height: 4.125rem;
  }
}
@media screen and (min-width: 1600px) {
  loading.top-nav {
    width: 100rem;
  }
}
loading.top-nav > div {
  height: 4.125rem;
  background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/mobile/top-navigation/TopNav_375.gif);
}
@media screen and (min-width: 768px) {
  loading.top-nav > div {
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/mobile/top-navigation/TopNav_768.gif);
  }
}
@media screen and (min-width: 992px) {
  loading.top-nav > div {
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/desktop/top-navigation/TopNav_992.gif);
  }
}
@media screen and (min-width: 1200px) {
  loading.top-nav > div {
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/desktop/top-navigation/TopNav_1200.gif);
  }
}
@media screen and (min-width: 1600px) {
  loading.top-nav > div {
    background: top no-repeat url(/o/spire-mya-theme-css/images/skeletons/desktop/top-navigation/TopNav_1600.gif);
  }
}
loading.usage > div {
  height: 180px;
  background: top/contain no-repeat url(/o/spire-mya-theme-css/images/skeletons/Overview-Usage-Chart.gif);
}
@media screen and (min-width: 50rem) {
  loading.usage > div {
    height: 456px;
  }
}
loading.payment > div {
  height: 308px;
  background: top/contain no-repeat url(/o/spire-mya-theme-css/images/skeletons/Overview-Payment_info.gif);
}
loading.options > div {
  height: 181px;
  background: top/contain no-repeat url(/o/spire-mya-theme-css/images/skeletons/Overview-Options.gif);
}
loading .dotring {
  position: relative;
  display: inline-block;
}
loading .pipeline {
  display: block;
  position: relative;
  z-index: 2;
  width: 75px;
  height: 75px;
  top: 0;
  left: 0;
  border-radius: 100%;
  border: 14.4995px solid transparent;
  border-top: 14.4995px solid #dd6716;
  border-left: 14.4995px solid #dd6716;
  animation: rotato 2800ms linear infinite;
  overflow: visible;
  transform: rotate(315deg);
}
loading .loader-container {
  max-width: 39.4995px;
  overflow: hidden;
}
loading .loader-container.bottom {
  top: 32.24975px;
  left: 39.4995px;
  position: absolute;
}
loading .loader-container.bottom .pipeline {
  animation: rotato2 2800ms linear infinite;
  float: right;
  transform: rotate(-225deg);
}
@keyframes rotato1 {
  0% {
    transform: rotate(-45deg);
  }
  20% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(130deg);
  }
  80% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(315deg);
  }
}
@keyframes rotato12 {
  0% {
    transform: rotate(-231deg);
  }
  30% {
    transform: rotate(-400deg);
  }
  60% {
    transform: rotate(-585deg);
  }
  100% {
    transform: rotate(-585deg);
  }
}
@keyframes rotato {
  0% {
    transform: rotate(-45deg);
  }
  25% {
    transform: rotate(-45deg);
  }
  50% {
    transform: rotate(135deg);
  }
  95% {
    transform: rotate(315deg);
  }
  100% {
    transform: rotate(315deg);
  }
}
@keyframes rotato2 {
  0% {
    transform: rotate(135deg);
  }
  33% {
    transform: rotate(-45deg);
  }
  66% {
    transform: rotate(-225deg);
  }
  95% {
    transform: rotate(-225deg);
  }
  100% {
    transform: rotate(-225deg);
  }
}

#wrapper outage-messages {
  display: none;
  width: 100%;
}
@media print {
  #wrapper outage-messages {
    display: none;
  }
}
#wrapper outage-messages div#uat-message {
  word-break: break-word;
  text-align: center;
}
#wrapper outage-messages div#uat-message p {
  color: red;
  font-size: 2rem;
  line-height: 2.5rem;
}
#wrapper outage-messages div.alert {
  margin: 0;
  padding: 1rem 1rem 1rem 1rem;
}
#wrapper outage-messages div.info {
  margin: 0;
  padding: 1rem 1rem 1rem 1rem;
}

#wrapper terms-and-conditions > div:first-child,
mat-dialog-container terms-and-conditions > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrapper terms-and-conditions > div:first-child > div,
mat-dialog-container terms-and-conditions > div:first-child > div {
  display: inline-flex;
  color: #250e62;
}
#wrapper terms-and-conditions > div.terms-and-conditions,
mat-dialog-container terms-and-conditions > div.terms-and-conditions {
  background-color: #ffffff;
  border: 1px solid #b5b5b5;
  height: 15rem;
  overflow-y: scroll;
  padding: 1rem;
  margin: 1rem 0;
}

mat-dialog-container a.arrow-link::after {
  content: "\f054";
  display: inline-block;
  font-family: "Material Design Icons";
  font-size: 1.1rem;
  text-rendering: auto;
  line-height: inherit;
  padding-left: 0.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
mat-dialog-container ngapps-body-content-dialog-template .mat-modal-content .mat-modal-title,
mat-dialog-container ngapps-confirmation-dialog-template .mat-modal-content .mat-modal-title,
mat-dialog-container ngapps-close-ony-dialog-template .mat-modal-content .mat-modal-title,
mat-dialog-container ngapps-address-dialog-template .mat-modal-content .mat-modal-title,
mat-dialog-container ngapps-dynamic-dialog-template .mat-modal-content .mat-modal-title,
mat-dialog-container ngapps-agent-override-hard-stop-options .mat-modal-content .mat-modal-title,
mat-dialog-container address-validation-dialog .mat-modal-content .mat-modal-title {
  float: left;
  margin-top: 1rem;
  font-size: 2rem;
}
mat-dialog-container ngapps-body-content-dialog-template .mat-modal-content .h4,
mat-dialog-container ngapps-confirmation-dialog-template .mat-modal-content .h4,
mat-dialog-container ngapps-close-ony-dialog-template .mat-modal-content .h4,
mat-dialog-container ngapps-address-dialog-template .mat-modal-content .h4,
mat-dialog-container ngapps-dynamic-dialog-template .mat-modal-content .h4,
mat-dialog-container ngapps-agent-override-hard-stop-options .mat-modal-content .h4,
mat-dialog-container address-validation-dialog .mat-modal-content .h4 {
  font-size: 1.5rem;
}
mat-dialog-container ngapps-body-content-dialog-template .mat-modal-content .mat-modal-header,
mat-dialog-container ngapps-confirmation-dialog-template .mat-modal-content .mat-modal-header,
mat-dialog-container ngapps-close-ony-dialog-template .mat-modal-content .mat-modal-header,
mat-dialog-container ngapps-address-dialog-template .mat-modal-content .mat-modal-header,
mat-dialog-container ngapps-dynamic-dialog-template .mat-modal-content .mat-modal-header,
mat-dialog-container ngapps-agent-override-hard-stop-options .mat-modal-content .mat-modal-header,
mat-dialog-container address-validation-dialog .mat-modal-content .mat-modal-header {
  padding-bottom: 1.5rem;
}
mat-dialog-container ngapps-body-content-dialog-template .invisible-button,
mat-dialog-container ngapps-confirmation-dialog-template .invisible-button,
mat-dialog-container ngapps-close-ony-dialog-template .invisible-button,
mat-dialog-container ngapps-address-dialog-template .invisible-button,
mat-dialog-container ngapps-dynamic-dialog-template .invisible-button,
mat-dialog-container ngapps-agent-override-hard-stop-options .invisible-button,
mat-dialog-container address-validation-dialog .invisible-button {
  visibility: hidden;
}
mat-dialog-container ngapps-body-content-dialog-template ngapps-mfa-try-another-method .mfa-list,
mat-dialog-container ngapps-confirmation-dialog-template ngapps-mfa-try-another-method .mfa-list,
mat-dialog-container ngapps-close-ony-dialog-template ngapps-mfa-try-another-method .mfa-list,
mat-dialog-container ngapps-address-dialog-template ngapps-mfa-try-another-method .mfa-list,
mat-dialog-container ngapps-dynamic-dialog-template ngapps-mfa-try-another-method .mfa-list,
mat-dialog-container ngapps-agent-override-hard-stop-options ngapps-mfa-try-another-method .mfa-list,
mat-dialog-container address-validation-dialog ngapps-mfa-try-another-method .mfa-list {
  margin: 1rem;
}
mat-dialog-container ngapps-body-content-dialog-template ngapps-mfa-try-another-method .mfa-item,
mat-dialog-container ngapps-confirmation-dialog-template ngapps-mfa-try-another-method .mfa-item,
mat-dialog-container ngapps-close-ony-dialog-template ngapps-mfa-try-another-method .mfa-item,
mat-dialog-container ngapps-address-dialog-template ngapps-mfa-try-another-method .mfa-item,
mat-dialog-container ngapps-dynamic-dialog-template ngapps-mfa-try-another-method .mfa-item,
mat-dialog-container ngapps-agent-override-hard-stop-options ngapps-mfa-try-another-method .mfa-item,
mat-dialog-container address-validation-dialog ngapps-mfa-try-another-method .mfa-item {
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 50rem) {
  mat-dialog-container ngapps-body-content-dialog-template ngapps-mfa-try-another-method loading > div,
  mat-dialog-container ngapps-body-content-dialog-template ngapps-mfa-verify-code loading > div,
  mat-dialog-container ngapps-confirmation-dialog-template ngapps-mfa-try-another-method loading > div,
  mat-dialog-container ngapps-confirmation-dialog-template ngapps-mfa-verify-code loading > div,
  mat-dialog-container ngapps-close-ony-dialog-template ngapps-mfa-try-another-method loading > div,
  mat-dialog-container ngapps-close-ony-dialog-template ngapps-mfa-verify-code loading > div,
  mat-dialog-container ngapps-address-dialog-template ngapps-mfa-try-another-method loading > div,
  mat-dialog-container ngapps-address-dialog-template ngapps-mfa-verify-code loading > div,
  mat-dialog-container ngapps-dynamic-dialog-template ngapps-mfa-try-another-method loading > div,
  mat-dialog-container ngapps-dynamic-dialog-template ngapps-mfa-verify-code loading > div,
  mat-dialog-container ngapps-agent-override-hard-stop-options ngapps-mfa-try-another-method loading > div,
  mat-dialog-container ngapps-agent-override-hard-stop-options ngapps-mfa-verify-code loading > div,
  mat-dialog-container address-validation-dialog ngapps-mfa-try-another-method loading > div,
  mat-dialog-container address-validation-dialog ngapps-mfa-verify-code loading > div {
    height: 176px;
  }
}
mat-dialog-container ngapps-body-content-dialog-template .verification-container .verify-container,
mat-dialog-container ngapps-confirmation-dialog-template .verification-container .verify-container,
mat-dialog-container ngapps-close-ony-dialog-template .verification-container .verify-container,
mat-dialog-container ngapps-address-dialog-template .verification-container .verify-container,
mat-dialog-container ngapps-dynamic-dialog-template .verification-container .verify-container,
mat-dialog-container ngapps-agent-override-hard-stop-options .verification-container .verify-container,
mat-dialog-container address-validation-dialog .verification-container .verify-container {
  display: flex;
}
mat-dialog-container ngapps-body-content-dialog-template .verification-container .input-column,
mat-dialog-container ngapps-confirmation-dialog-template .verification-container .input-column,
mat-dialog-container ngapps-close-ony-dialog-template .verification-container .input-column,
mat-dialog-container ngapps-address-dialog-template .verification-container .input-column,
mat-dialog-container ngapps-dynamic-dialog-template .verification-container .input-column,
mat-dialog-container ngapps-agent-override-hard-stop-options .verification-container .input-column,
mat-dialog-container address-validation-dialog .verification-container .input-column {
  width: 60%;
  padding-right: 1rem;
  padding-top: 1rem;
}
mat-dialog-container ngapps-body-content-dialog-template .verification-container .action-column,
mat-dialog-container ngapps-confirmation-dialog-template .verification-container .action-column,
mat-dialog-container ngapps-close-ony-dialog-template .verification-container .action-column,
mat-dialog-container ngapps-address-dialog-template .verification-container .action-column,
mat-dialog-container ngapps-dynamic-dialog-template .verification-container .action-column,
mat-dialog-container ngapps-agent-override-hard-stop-options .verification-container .action-column,
mat-dialog-container address-validation-dialog .verification-container .action-column {
  width: 40%;
}
mat-dialog-container ngapps-body-content-dialog-template .verification-container .form-links,
mat-dialog-container ngapps-confirmation-dialog-template .verification-container .form-links,
mat-dialog-container ngapps-close-ony-dialog-template .verification-container .form-links,
mat-dialog-container ngapps-address-dialog-template .verification-container .form-links,
mat-dialog-container ngapps-dynamic-dialog-template .verification-container .form-links,
mat-dialog-container ngapps-agent-override-hard-stop-options .verification-container .form-links,
mat-dialog-container address-validation-dialog .verification-container .form-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 0.75rem;
}
mat-dialog-container ngapps-body-content-dialog-template .verification-container .mfa-try-another-link,
mat-dialog-container ngapps-confirmation-dialog-template .verification-container .mfa-try-another-link,
mat-dialog-container ngapps-close-ony-dialog-template .verification-container .mfa-try-another-link,
mat-dialog-container ngapps-address-dialog-template .verification-container .mfa-try-another-link,
mat-dialog-container ngapps-dynamic-dialog-template .verification-container .mfa-try-another-link,
mat-dialog-container ngapps-agent-override-hard-stop-options .verification-container .mfa-try-another-link,
mat-dialog-container address-validation-dialog .verification-container .mfa-try-another-link {
  padding-right: 5rem;
}
mat-dialog-container ngapps-body-content-dialog-template .gas-unit-container h4,
mat-dialog-container ngapps-confirmation-dialog-template .gas-unit-container h4,
mat-dialog-container ngapps-close-ony-dialog-template .gas-unit-container h4,
mat-dialog-container ngapps-address-dialog-template .gas-unit-container h4,
mat-dialog-container ngapps-dynamic-dialog-template .gas-unit-container h4,
mat-dialog-container ngapps-agent-override-hard-stop-options .gas-unit-container h4,
mat-dialog-container address-validation-dialog .gas-unit-container h4 {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  color: #4a4a4a;
  font-size: 1.5rem;
}
mat-dialog-container ngapps-body-content-dialog-template .pay-more-than-own-msg-container,
mat-dialog-container ngapps-confirmation-dialog-template .pay-more-than-own-msg-container,
mat-dialog-container ngapps-close-ony-dialog-template .pay-more-than-own-msg-container,
mat-dialog-container ngapps-address-dialog-template .pay-more-than-own-msg-container,
mat-dialog-container ngapps-dynamic-dialog-template .pay-more-than-own-msg-container,
mat-dialog-container ngapps-agent-override-hard-stop-options .pay-more-than-own-msg-container,
mat-dialog-container address-validation-dialog .pay-more-than-own-msg-container {
  text-align: center;
}
mat-dialog-container ngapps-body-content-dialog-template .pay-more-than-own-msg-container .buttons,
mat-dialog-container ngapps-confirmation-dialog-template .pay-more-than-own-msg-container .buttons,
mat-dialog-container ngapps-close-ony-dialog-template .pay-more-than-own-msg-container .buttons,
mat-dialog-container ngapps-address-dialog-template .pay-more-than-own-msg-container .buttons,
mat-dialog-container ngapps-dynamic-dialog-template .pay-more-than-own-msg-container .buttons,
mat-dialog-container ngapps-agent-override-hard-stop-options .pay-more-than-own-msg-container .buttons,
mat-dialog-container address-validation-dialog .pay-more-than-own-msg-container .buttons {
  padding-top: 2rem;
}
mat-dialog-container ngapps-body-content-dialog-template .cancel-budget-billing-container,
mat-dialog-container ngapps-confirmation-dialog-template .cancel-budget-billing-container,
mat-dialog-container ngapps-close-ony-dialog-template .cancel-budget-billing-container,
mat-dialog-container ngapps-address-dialog-template .cancel-budget-billing-container,
mat-dialog-container ngapps-dynamic-dialog-template .cancel-budget-billing-container,
mat-dialog-container ngapps-agent-override-hard-stop-options .cancel-budget-billing-container,
mat-dialog-container address-validation-dialog .cancel-budget-billing-container {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
mat-dialog-container ngapps-body-content-dialog-template .cancel-budget-billing-container .mat-modal-body h1,
mat-dialog-container ngapps-confirmation-dialog-template .cancel-budget-billing-container .mat-modal-body h1,
mat-dialog-container ngapps-close-ony-dialog-template .cancel-budget-billing-container .mat-modal-body h1,
mat-dialog-container ngapps-address-dialog-template .cancel-budget-billing-container .mat-modal-body h1,
mat-dialog-container ngapps-dynamic-dialog-template .cancel-budget-billing-container .mat-modal-body h1,
mat-dialog-container ngapps-agent-override-hard-stop-options .cancel-budget-billing-container .mat-modal-body h1,
mat-dialog-container address-validation-dialog .cancel-budget-billing-container .mat-modal-body h1 {
  font-size: 1.875rem;
  line-height: 2.5rem;
  color: #e87322;
  font-weight: 500;
}
mat-dialog-container ngapps-body-content-dialog-template .cancel-budget-billing-container .mat-modal-title h4,
mat-dialog-container ngapps-confirmation-dialog-template .cancel-budget-billing-container .mat-modal-title h4,
mat-dialog-container ngapps-close-ony-dialog-template .cancel-budget-billing-container .mat-modal-title h4,
mat-dialog-container ngapps-address-dialog-template .cancel-budget-billing-container .mat-modal-title h4,
mat-dialog-container ngapps-dynamic-dialog-template .cancel-budget-billing-container .mat-modal-title h4,
mat-dialog-container ngapps-agent-override-hard-stop-options .cancel-budget-billing-container .mat-modal-title h4,
mat-dialog-container address-validation-dialog .cancel-budget-billing-container .mat-modal-title h4 {
  color: #4a4a4a;
  font-size: 1.3rem;
  font-weight: 500;
}
mat-dialog-container ngapps-body-content-dialog-template .service-address-dialog-container h2,
mat-dialog-container ngapps-confirmation-dialog-template .service-address-dialog-container h2,
mat-dialog-container ngapps-close-ony-dialog-template .service-address-dialog-container h2,
mat-dialog-container ngapps-address-dialog-template .service-address-dialog-container h2,
mat-dialog-container ngapps-dynamic-dialog-template .service-address-dialog-container h2,
mat-dialog-container ngapps-agent-override-hard-stop-options .service-address-dialog-container h2,
mat-dialog-container address-validation-dialog .service-address-dialog-container h2 {
  color: #e87322;
}
mat-dialog-container ngapps-body-content-dialog-template .service-address-dialog-container div.mat-modal-body,
mat-dialog-container ngapps-confirmation-dialog-template .service-address-dialog-container div.mat-modal-body,
mat-dialog-container ngapps-close-ony-dialog-template .service-address-dialog-container div.mat-modal-body,
mat-dialog-container ngapps-address-dialog-template .service-address-dialog-container div.mat-modal-body,
mat-dialog-container ngapps-dynamic-dialog-template .service-address-dialog-container div.mat-modal-body,
mat-dialog-container ngapps-agent-override-hard-stop-options .service-address-dialog-container div.mat-modal-body,
mat-dialog-container address-validation-dialog .service-address-dialog-container div.mat-modal-body {
  box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.4);
  height: 30vh;
  margin: 1rem auto;
  overflow: auto;
  padding: 0.5rem 1rem;
}
@media screen and (min-height: 520px) {
  mat-dialog-container ngapps-body-content-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-confirmation-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-close-ony-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-address-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-dynamic-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-agent-override-hard-stop-options .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container address-validation-dialog .service-address-dialog-container div.mat-modal-body {
    height: 50vh;
  }
}
@media screen and (min-height: 700px) {
  mat-dialog-container ngapps-body-content-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-confirmation-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-close-ony-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-address-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-dynamic-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-agent-override-hard-stop-options .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container address-validation-dialog .service-address-dialog-container div.mat-modal-body {
    height: 60vh;
  }
}
@media screen and (min-height: 1026px) {
  mat-dialog-container ngapps-body-content-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-confirmation-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-close-ony-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-address-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-dynamic-dialog-template .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container ngapps-agent-override-hard-stop-options .service-address-dialog-container div.mat-modal-body,
  mat-dialog-container address-validation-dialog .service-address-dialog-container div.mat-modal-body {
    height: 70vh;
  }
}
mat-dialog-container ngapps-body-content-dialog-template .service-address-dialog-container div.mat-modal-body p,
mat-dialog-container ngapps-confirmation-dialog-template .service-address-dialog-container div.mat-modal-body p,
mat-dialog-container ngapps-close-ony-dialog-template .service-address-dialog-container div.mat-modal-body p,
mat-dialog-container ngapps-address-dialog-template .service-address-dialog-container div.mat-modal-body p,
mat-dialog-container ngapps-dynamic-dialog-template .service-address-dialog-container div.mat-modal-body p,
mat-dialog-container ngapps-agent-override-hard-stop-options .service-address-dialog-container div.mat-modal-body p,
mat-dialog-container address-validation-dialog .service-address-dialog-container div.mat-modal-body p {
  border-bottom: 1px solid #979797;
}
mat-dialog-container ngapps-body-content-dialog-template .service-address-dialog-container div.mat-modal-body p:last-child,
mat-dialog-container ngapps-confirmation-dialog-template .service-address-dialog-container div.mat-modal-body p:last-child,
mat-dialog-container ngapps-close-ony-dialog-template .service-address-dialog-container div.mat-modal-body p:last-child,
mat-dialog-container ngapps-address-dialog-template .service-address-dialog-container div.mat-modal-body p:last-child,
mat-dialog-container ngapps-dynamic-dialog-template .service-address-dialog-container div.mat-modal-body p:last-child,
mat-dialog-container ngapps-agent-override-hard-stop-options .service-address-dialog-container div.mat-modal-body p:last-child,
mat-dialog-container address-validation-dialog .service-address-dialog-container div.mat-modal-body p:last-child {
  border-bottom: 0;
}
mat-dialog-container ngapps-body-content-dialog-template .ss-modal-dialog-container h4,
mat-dialog-container ngapps-confirmation-dialog-template .ss-modal-dialog-container h4,
mat-dialog-container ngapps-close-ony-dialog-template .ss-modal-dialog-container h4,
mat-dialog-container ngapps-address-dialog-template .ss-modal-dialog-container h4,
mat-dialog-container ngapps-dynamic-dialog-template .ss-modal-dialog-container h4,
mat-dialog-container ngapps-agent-override-hard-stop-options .ss-modal-dialog-container h4,
mat-dialog-container address-validation-dialog .ss-modal-dialog-container h4 {
  font-size: x-large;
}
mat-dialog-container ngapps-body-content-dialog-template .add-account-dialog-container h1,
mat-dialog-container ngapps-confirmation-dialog-template .add-account-dialog-container h1,
mat-dialog-container ngapps-close-ony-dialog-template .add-account-dialog-container h1,
mat-dialog-container ngapps-address-dialog-template .add-account-dialog-container h1,
mat-dialog-container ngapps-dynamic-dialog-template .add-account-dialog-container h1,
mat-dialog-container ngapps-agent-override-hard-stop-options .add-account-dialog-container h1,
mat-dialog-container address-validation-dialog .add-account-dialog-container h1 {
  font-size: 2rem !important;
  font-weight: normal;
  color: #e87322;
}
mat-dialog-container ngapps-body-content-dialog-template a,
mat-dialog-container ngapps-confirmation-dialog-template a,
mat-dialog-container ngapps-close-ony-dialog-template a,
mat-dialog-container ngapps-address-dialog-template a,
mat-dialog-container ngapps-dynamic-dialog-template a,
mat-dialog-container ngapps-agent-override-hard-stop-options a,
mat-dialog-container address-validation-dialog a {
  color: #250e62 !important;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
mat-dialog-container ngapps-body-content-dialog-template .contact-us-container,
mat-dialog-container ngapps-confirmation-dialog-template .contact-us-container,
mat-dialog-container ngapps-close-ony-dialog-template .contact-us-container,
mat-dialog-container ngapps-address-dialog-template .contact-us-container,
mat-dialog-container ngapps-dynamic-dialog-template .contact-us-container,
mat-dialog-container ngapps-agent-override-hard-stop-options .contact-us-container,
mat-dialog-container address-validation-dialog .contact-us-container {
  text-align: center;
}
mat-dialog-container ngapps-body-content-dialog-template .contact-us-container .mat-modal-header,
mat-dialog-container ngapps-confirmation-dialog-template .contact-us-container .mat-modal-header,
mat-dialog-container ngapps-close-ony-dialog-template .contact-us-container .mat-modal-header,
mat-dialog-container ngapps-address-dialog-template .contact-us-container .mat-modal-header,
mat-dialog-container ngapps-dynamic-dialog-template .contact-us-container .mat-modal-header,
mat-dialog-container ngapps-agent-override-hard-stop-options .contact-us-container .mat-modal-header,
mat-dialog-container address-validation-dialog .contact-us-container .mat-modal-header {
  padding-bottom: 0rem !important;
}
mat-dialog-container ngapps-body-content-dialog-template .cancel-service-order-container,
mat-dialog-container ngapps-confirmation-dialog-template .cancel-service-order-container,
mat-dialog-container ngapps-close-ony-dialog-template .cancel-service-order-container,
mat-dialog-container ngapps-address-dialog-template .cancel-service-order-container,
mat-dialog-container ngapps-dynamic-dialog-template .cancel-service-order-container,
mat-dialog-container ngapps-agent-override-hard-stop-options .cancel-service-order-container,
mat-dialog-container address-validation-dialog .cancel-service-order-container {
  text-align: center;
}
mat-dialog-container ngapps-body-content-dialog-template .cancel-service-order-container .mat-modal-body,
mat-dialog-container ngapps-confirmation-dialog-template .cancel-service-order-container .mat-modal-body,
mat-dialog-container ngapps-close-ony-dialog-template .cancel-service-order-container .mat-modal-body,
mat-dialog-container ngapps-address-dialog-template .cancel-service-order-container .mat-modal-body,
mat-dialog-container ngapps-dynamic-dialog-template .cancel-service-order-container .mat-modal-body,
mat-dialog-container ngapps-agent-override-hard-stop-options .cancel-service-order-container .mat-modal-body,
mat-dialog-container address-validation-dialog .cancel-service-order-container .mat-modal-body {
  font-size: 1.5rem;
  padding-bottom: 1rem;
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments-title,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments-title,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments-title,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments-title,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments-title,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments-title,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments-title {
  color: #e87322;
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments {
  height: 30vh;
  overflow: auto;
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments h2,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments h2,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments h2,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments h2,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments h2,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments h2,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments h2 {
  margin: 1rem 0;
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments h2 a,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments h2 a,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments h2 a,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments h2 a,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments h2 a,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments h2 a,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments h2 a {
  font-size: 2rem;
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments table,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 34.9375rem) {
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments thead,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments thead {
    display: none;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments tr, mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments tr,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td {
    display: block;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments tr,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments tr,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td {
    text-align: left !important;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td {
    margin-bottom: 1rem;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments strong.mobile-only,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 35rem) {
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments .mobile-only,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments .mobile-only,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments .mobile-only,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments .mobile-only,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments .mobile-only,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments .mobile-only,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments .mobile-only {
    display: none;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments thead,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments thead,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments thead {
    background-color: #ededed;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments thead a,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments thead a,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments thead a,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments thead a,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments thead a,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments thead a,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments thead a:hover,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments thead a:hover,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments thead a:hover,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments thead a:hover,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments thead a:hover,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments thead a:hover,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments thead a:hover {
    color: black;
    text-decoration: none;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments tbody tr,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments tbody tr,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments tbody tr,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments tbody tr,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments tbody tr,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments tbody tr,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments tbody tr {
    border-bottom: 1px solid #979797;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments th, mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments th,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td {
    padding: 1rem;
    text-align: left;
  }
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments th.number, mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments th.currency, mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td.number, mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td.currency,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments th.number,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments th.currency,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td.number,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td.currency,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments th.number,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments th.currency,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td.number,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td.currency,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments th.number,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments th.currency,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td.number,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td.currency,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments th.number,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments th.currency,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td.number,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td.currency,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments th.number,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments th.currency,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td.number,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td.currency,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments th.number,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments th.currency,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td.number,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 60rem) {
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments th, mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments th,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments th,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td {
    padding: 1rem 2rem;
  }
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments .requested-date,
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments .currency,
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments .description,
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments .actions,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments .requested-date,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments .currency,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments .description,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments .actions,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments .requested-date,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments .currency,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments .description,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments .actions,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments .requested-date,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments .currency,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments .description,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments .actions,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments .requested-date,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments .currency,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments .description,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments .actions,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments .requested-date,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments .currency,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments .description,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments .actions,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments .requested-date,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments .currency,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments .description,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments .actions {
  text-align: left;
  white-space: nowrap;
}
@media screen and (min-height: 520px) {
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments {
    height: 46vh;
  }
}
@media screen and (min-height: 700px) {
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments {
    height: 56vh;
  }
}
@media screen and (min-height: 1026px) {
  mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments,
  mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments,
  mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments {
    height: 66vh;
  }
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments table,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments table,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments table {
  margin-bottom: 1rem !important;
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments th,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments th,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments th,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments th,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments th,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments th,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments th {
  padding: 1rem 0.5rem !important;
}
mat-dialog-container ngapps-body-content-dialog-template .future-payment-dialog-container #future-payments td,
mat-dialog-container ngapps-confirmation-dialog-template .future-payment-dialog-container #future-payments td,
mat-dialog-container ngapps-close-ony-dialog-template .future-payment-dialog-container #future-payments td,
mat-dialog-container ngapps-address-dialog-template .future-payment-dialog-container #future-payments td,
mat-dialog-container ngapps-dynamic-dialog-template .future-payment-dialog-container #future-payments td,
mat-dialog-container ngapps-agent-override-hard-stop-options .future-payment-dialog-container #future-payments td,
mat-dialog-container address-validation-dialog .future-payment-dialog-container #future-payments td {
  padding: 1rem 0.5rem !important;
}
mat-dialog-container ngapps-body-content-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section h3,
mat-dialog-container ngapps-confirmation-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section h3,
mat-dialog-container ngapps-close-ony-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section h3,
mat-dialog-container ngapps-address-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section h3,
mat-dialog-container ngapps-dynamic-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section h3,
mat-dialog-container ngapps-agent-override-hard-stop-options .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section h3,
mat-dialog-container address-validation-dialog .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section h3 {
  color: #e87322;
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-weight: normal;
  font-size: 1.5rem;
}
mat-dialog-container ngapps-body-content-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field.dollar-amount-input,
mat-dialog-container ngapps-confirmation-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field.dollar-amount-input,
mat-dialog-container ngapps-close-ony-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field.dollar-amount-input,
mat-dialog-container ngapps-address-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field.dollar-amount-input,
mat-dialog-container ngapps-dynamic-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field.dollar-amount-input,
mat-dialog-container ngapps-agent-override-hard-stop-options .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field.dollar-amount-input,
mat-dialog-container address-validation-dialog .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field.dollar-amount-input {
  width: 45% !important;
}
mat-dialog-container ngapps-body-content-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field input,
mat-dialog-container ngapps-confirmation-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field input,
mat-dialog-container ngapps-close-ony-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field input,
mat-dialog-container ngapps-address-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field input,
mat-dialog-container ngapps-dynamic-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field input,
mat-dialog-container ngapps-agent-override-hard-stop-options .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field input,
mat-dialog-container address-validation-dialog .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-form-field input {
  text-align: left !important;
}
mat-dialog-container ngapps-body-content-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-label,
mat-dialog-container ngapps-confirmation-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-label,
mat-dialog-container ngapps-close-ony-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-label,
mat-dialog-container ngapps-address-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-label,
mat-dialog-container ngapps-dynamic-dialog-template .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-label,
mat-dialog-container ngapps-agent-override-hard-stop-options .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-label,
mat-dialog-container address-validation-dialog .enroll-carboffset-dialog-container apps-enroll-carboffset-dialog section mat-label {
  font-size: 1rem !important;
  color: #777777;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
mat-dialog-container ngapps-body-content-dialog-template .stop-participation-container .mat-modal-title h4,
mat-dialog-container ngapps-confirmation-dialog-template .stop-participation-container .mat-modal-title h4,
mat-dialog-container ngapps-close-ony-dialog-template .stop-participation-container .mat-modal-title h4,
mat-dialog-container ngapps-address-dialog-template .stop-participation-container .mat-modal-title h4,
mat-dialog-container ngapps-dynamic-dialog-template .stop-participation-container .mat-modal-title h4,
mat-dialog-container ngapps-agent-override-hard-stop-options .stop-participation-container .mat-modal-title h4,
mat-dialog-container address-validation-dialog .stop-participation-container .mat-modal-title h4 {
  color: #e87322;
  font-size: 1.6rem;
  font-weight: 500;
}
mat-dialog-container ngapps-body-content-dialog-template .stop-participation-container .mat-modal-body,
mat-dialog-container ngapps-confirmation-dialog-template .stop-participation-container .mat-modal-body,
mat-dialog-container ngapps-close-ony-dialog-template .stop-participation-container .mat-modal-body,
mat-dialog-container ngapps-address-dialog-template .stop-participation-container .mat-modal-body,
mat-dialog-container ngapps-dynamic-dialog-template .stop-participation-container .mat-modal-body,
mat-dialog-container ngapps-agent-override-hard-stop-options .stop-participation-container .mat-modal-body,
mat-dialog-container address-validation-dialog .stop-participation-container .mat-modal-body {
  padding-bottom: 0.5rem;
}
mat-dialog-container ngapps-body-content-dialog-template .agent-override-hard-stop-options-container .mat-modal-title,
mat-dialog-container ngapps-confirmation-dialog-template .agent-override-hard-stop-options-container .mat-modal-title,
mat-dialog-container ngapps-close-ony-dialog-template .agent-override-hard-stop-options-container .mat-modal-title,
mat-dialog-container ngapps-address-dialog-template .agent-override-hard-stop-options-container .mat-modal-title,
mat-dialog-container ngapps-dynamic-dialog-template .agent-override-hard-stop-options-container .mat-modal-title,
mat-dialog-container ngapps-agent-override-hard-stop-options .agent-override-hard-stop-options-container .mat-modal-title,
mat-dialog-container address-validation-dialog .agent-override-hard-stop-options-container .mat-modal-title {
  display: flex;
  align-items: baseline;
  color: #e87322;
}
mat-dialog-container ngapps-body-content-dialog-template .agent-override-hard-stop-options-container .mat-modal-title h2,
mat-dialog-container ngapps-confirmation-dialog-template .agent-override-hard-stop-options-container .mat-modal-title h2,
mat-dialog-container ngapps-close-ony-dialog-template .agent-override-hard-stop-options-container .mat-modal-title h2,
mat-dialog-container ngapps-address-dialog-template .agent-override-hard-stop-options-container .mat-modal-title h2,
mat-dialog-container ngapps-dynamic-dialog-template .agent-override-hard-stop-options-container .mat-modal-title h2,
mat-dialog-container ngapps-agent-override-hard-stop-options .agent-override-hard-stop-options-container .mat-modal-title h2,
mat-dialog-container address-validation-dialog .agent-override-hard-stop-options-container .mat-modal-title h2 {
  padding-left: 0.5rem;
  font-size: 2rem;
  font-weight: 500;
}
mat-dialog-container ngapps-body-content-dialog-template .agent-override-hard-stop-options-container .mat-modal-body .agent-messages-container div,
mat-dialog-container ngapps-confirmation-dialog-template .agent-override-hard-stop-options-container .mat-modal-body .agent-messages-container div,
mat-dialog-container ngapps-close-ony-dialog-template .agent-override-hard-stop-options-container .mat-modal-body .agent-messages-container div,
mat-dialog-container ngapps-address-dialog-template .agent-override-hard-stop-options-container .mat-modal-body .agent-messages-container div,
mat-dialog-container ngapps-dynamic-dialog-template .agent-override-hard-stop-options-container .mat-modal-body .agent-messages-container div,
mat-dialog-container ngapps-agent-override-hard-stop-options .agent-override-hard-stop-options-container .mat-modal-body .agent-messages-container div,
mat-dialog-container address-validation-dialog .agent-override-hard-stop-options-container .mat-modal-body .agent-messages-container div {
  padding-bottom: 1rem;
}
mat-dialog-container ngapps-body-content-dialog-template .agent-override-hard-stop-options-container .buttons,
mat-dialog-container ngapps-confirmation-dialog-template .agent-override-hard-stop-options-container .buttons,
mat-dialog-container ngapps-close-ony-dialog-template .agent-override-hard-stop-options-container .buttons,
mat-dialog-container ngapps-address-dialog-template .agent-override-hard-stop-options-container .buttons,
mat-dialog-container ngapps-dynamic-dialog-template .agent-override-hard-stop-options-container .buttons,
mat-dialog-container ngapps-agent-override-hard-stop-options .agent-override-hard-stop-options-container .buttons,
mat-dialog-container address-validation-dialog .agent-override-hard-stop-options-container .buttons {
  padding-top: 0.5rem;
}
mat-dialog-container ngapps-mfa-enrolled-dialog-template .mat-modal-content {
  padding-left: 1rem !important;
  text-align: center;
}
mat-dialog-container ngapps-mfa-enrolled-dialog-template .mat-modal-content .mat-modal-header {
  padding-bottom: 0rem !important;
}
mat-dialog-container ngapps-mfa-enrolled-dialog-template .mat-modal-content .mat-modal-body {
  padding-bottom: 1rem;
}
mat-dialog-container ngapps-address-validation-modal .mat-modal-content {
  padding-left: 1rem !important;
  text-align: center;
}
mat-dialog-container ngapps-address-validation-modal .mat-modal-content .mat-modal-header {
  padding-bottom: 0rem !important;
}
mat-dialog-container ngapps-address-validation-modal #method-confirmation-title {
  font-size: 1.875rem;
  line-height: 2.5rem;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  padding-bottom: 1rem;
}
mat-dialog-container ngapps-dynamic-dialog-template .mat-modal-content .mat-modal-header {
  padding-bottom: 0rem;
}
mat-dialog-container ngapps-dollar-help-update h3 {
  color: #e87322;
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-weight: normal;
  font-size: 1.5rem;
}
mat-dialog-container ngapps-dollar-help-popup-form input[type=text]#differentAmount {
  width: 10rem;
  border-width: 0 0 2px 0;
  box-shadow: none;
  padding: 6px 4px;
  background-color: initial;
}
mat-dialog-container ngapps-dollar-help-popup-form .dollar-sign {
  padding-top: 0.3rem;
}
mat-dialog-container ngapps-dollar-help-popup-form .different-amount-input-container {
  display: flex;
}
mat-dialog-container ngapps-account-details {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 60rem;
}
mat-dialog-container ngapps-account-details .verify-box {
  float: right;
  margin-top: -40px;
  color: #006602;
  display: flex;
  margin-left: auto;
  padding-bottom: 1.5rem;
}
mat-dialog-container ngapps-account-details .verify-text {
  padding-top: 10px;
  padding-right: 10px;
}
mat-dialog-container ngapps-account-details .verify-icon {
  margin-top: -5px;
}
mat-dialog-container ngapps-account-details .messages-section {
  padding-right: 1rem;
  padding-left: 0.7rem;
}
mat-dialog-container ngapps-account-details app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number {
  width: 100% !important;
}
mat-dialog-container ngapps-account-details,
mat-dialog-container ngapps-account-validations {
  width: 100%;
}
mat-dialog-container ngapps-account-details p,
mat-dialog-container ngapps-account-validations p {
  padding-top: 1rem;
  font-size: 1.15rem;
}
mat-dialog-container ngapps-account-details .spire-radio.form-group label.control-label.option, mat-dialog-container ngapps-account-details .spire-radio.form-group body mat-label.control-label.option, body mat-dialog-container ngapps-account-details .spire-radio.form-group mat-label.control-label.option, mat-dialog-container ngapps-account-details .spire-radio.form-group #wrapper mat-label.control-label.option, #wrapper mat-dialog-container ngapps-account-details .spire-radio.form-group mat-label.control-label.option,
mat-dialog-container ngapps-account-validations .spire-radio.form-group label.control-label.option,
mat-dialog-container ngapps-account-validations .spire-radio.form-group body mat-label.control-label.option,
body mat-dialog-container ngapps-account-validations .spire-radio.form-group mat-label.control-label.option,
mat-dialog-container ngapps-account-validations .spire-radio.form-group #wrapper mat-label.control-label.option,
#wrapper mat-dialog-container ngapps-account-validations .spire-radio.form-group mat-label.control-label.option {
  font-size: 0.8rem !important;
}
mat-dialog-container ngapps-account-details input.form-control,
mat-dialog-container ngapps-account-validations input.form-control {
  border-width: 0 0 2px 0 !important;
  padding: 6px 4px;
  color: #869cad;
  background-color: transparent !important;
  background-image: none;
  border: 1px solid #869cad;
  border-radius: 0;
}
mat-dialog-container ngapps-account-details label.control-label, mat-dialog-container ngapps-account-details body mat-label.control-label, body mat-dialog-container ngapps-account-details mat-label.control-label, mat-dialog-container ngapps-account-details #wrapper mat-label.control-label, #wrapper mat-dialog-container ngapps-account-details mat-label.control-label,
mat-dialog-container ngapps-account-validations label.control-label,
mat-dialog-container ngapps-account-validations body mat-label.control-label,
body mat-dialog-container ngapps-account-validations mat-label.control-label,
mat-dialog-container ngapps-account-validations #wrapper mat-label.control-label,
#wrapper mat-dialog-container ngapps-account-validations mat-label.control-label {
  font-size: 1.15rem !important;
  font-weight: normal;
}
mat-dialog-container ngapps-account-details input.form-control[disabled],
mat-dialog-container ngapps-account-validations input.form-control[disabled] {
  color: #869cad;
  opacity: 0.5;
  background-color: transparent !important;
  border-color: #666;
}
mat-dialog-container ngapps-account-details .has-error .form-control,
mat-dialog-container ngapps-account-validations .has-error .form-control {
  color: #aa0000 !important;
}
mat-dialog-container ngapps-account-details ngapps-reg-account-number h2,
mat-dialog-container ngapps-account-validations ngapps-reg-account-number h2 {
  font-weight: 500;
}
mat-dialog-container ngapps-account-details ngapps-reg-account-number div.dynamic-form,
mat-dialog-container ngapps-account-validations ngapps-reg-account-number div.dynamic-form {
  width: 100%;
}
mat-dialog-container ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
mat-dialog-container ngapps-account-validations ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number {
  width: 56%;
  margin-right: 1rem;
}
mat-dialog-container ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
mat-dialog-container ngapps-account-validations ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code {
  width: 39%;
}
mat-dialog-container ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
mat-dialog-container ngapps-account-validations ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label {
  font-weight: 500;
}
mat-dialog-container ngapps-personal-info #action-buttons,
mat-dialog-container ngapps-personal-info #account-name-address {
  padding-top: 2rem;
}
mat-dialog-container ngapps-personal-info .account-name {
  padding-bottom: 1rem;
}
mat-dialog-container ngapps-personal-info h2 {
  line-height: 2.25rem;
  font-size: 1.875rem;
  font-weight: normal;
  padding-top: 1rem;
}
mat-dialog-container ngapps-personal-info h3 {
  font-weight: 700;
}
mat-dialog-container ngapps-personal-info .name-capitalize {
  text-transform: capitalize;
}
mat-dialog-container ngapps-personal-info .scrolling-address-list {
  max-height: 8rem;
  overflow-y: auto;
  min-height: 5rem;
}
mat-dialog-container .mat-modal-content .mat-modal-header {
  text-align: right;
  padding-bottom: 3rem;
}
mat-dialog-container .mat-modal-content .mat-modal-header button.close {
  font-size: 1.5em;
  box-shadow: none !important;
}
mat-dialog-container a {
  color: #dd6716 !important;
}
mat-dialog-container app-account-eligibility-confirmation .mat-modal-header {
  padding-bottom: 1rem !important;
}
mat-dialog-container app-account-eligibility-confirmation .mat-modal-body {
  padding-bottom: 1rem;
}
mat-dialog-container app-account-eligibility-confirmation div.buttons app-protected-access-control:first-of-type {
  margin-right: 2rem;
}
mat-dialog-container .mfa-jwt-token-validator-container .modal-body,
mat-dialog-container .session-timeout-container .modal-body {
  border-top: none !important;
  padding: 2.5rem !important;
}
mat-dialog-container .mfa-jwt-token-validator-container .close,
mat-dialog-container .session-timeout-container .close {
  float: right;
}
mat-dialog-container .mfa-jwt-token-validator-container h4.modal-title#dialog-static-name,
mat-dialog-container .session-timeout-container h4.modal-title#dialog-static-name {
  font-size: 1.4rem;
  text-align: left;
  padding-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  mat-dialog-container .mfa-jwt-token-validator-container h4.modal-title#dialog-static-name,
  mat-dialog-container .session-timeout-container h4.modal-title#dialog-static-name {
    text-align: left;
    font-size: 1.5rem;
  }
}
mat-dialog-container .mfa-jwt-token-validator-container #session-timeout-container,
mat-dialog-container .session-timeout-container #session-timeout-container {
  display: flex;
}
mat-dialog-container .mfa-jwt-token-validator-container #session-timeout-container .message-and-timer p,
mat-dialog-container .session-timeout-container #session-timeout-container .message-and-timer p {
  white-space: nowrap;
  font-size: 1.1rem;
  padding: 0;
}
mat-dialog-container .mfa-jwt-token-validator-container #session-timeout-container .timer-component,
mat-dialog-container .session-timeout-container #session-timeout-container .timer-component {
  text-align: left;
  font-family: "Tiempos";
  font-size: 2rem;
}
@media screen and (min-width: 992px) {
  mat-dialog-container .mfa-jwt-token-validator-container .buttons,
  mat-dialog-container .session-timeout-container .buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
  }
}
mat-dialog-container .mfa-jwt-token-validator-container .modal-title {
  color: #dd6716;
  font-size: 24px;
  padding-bottom: 1rem;
}
mat-dialog-container .mfa-jwt-token-validator-container .message-container {
  padding-bottom: 1rem;
}
mat-dialog-container .mfa-jwt-token-validator-container .buttons {
  display: inline;
}
mat-dialog-container .session-timeout-dialog-container {
  display: initial !important;
  padding: 0px !important;
}
mat-dialog-container ngapps-refunds-dialog-template h1 {
  color: #dd6716;
}
mat-dialog-container ngapps-refunds-dialog-template .refund-details {
  display: flex;
  justify-content: space-between;
  padding: 5px;
}
mat-dialog-container ngapps-refunds-dialog-template .refund-details-summary {
  font-weight: bold;
}

#wrapper spire-chip {
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
  overflow-y: auto;
  width: 100%;
  max-height: 300px;
}
#wrapper spire-chip .spire-chip-container {
  flex-direction: row;
  display: flex;
}
#wrapper spire-chip chip {
  height: 32px;
  padding: 0 15px;
  display: inline-block;
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  line-height: 32px;
  white-space: nowrap;
  position: relative;
  margin-right: 8px;
  margin-bottom: 4px;
  background-color: #ededed;
  color: #444;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
#wrapper spire-chip .selected {
  background: #dd6716;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #ffffff;
}
#wrapper spire-chip-group {
  padding: 5px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  position: relative;
  overflow-y: auto;
  width: 100%;
  max-height: 300px;
}
#wrapper spire-chip-group .spire-chip-container .spire-chip-group-container {
  flex-direction: row;
}
#wrapper spire-chip-group chip {
  height: 32px;
  padding: 0 15px;
  display: inline-block;
  border-radius: 16px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  line-height: 32px;
  white-space: nowrap;
  position: relative;
  margin-right: 8px;
  margin-bottom: 4px;
  background-color: #ededed;
  color: #444;
  user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
}
#wrapper spire-chip-group .selected {
  background: #dd6716;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #ffffff;
}
#wrapper spire-chip-group .group-title {
  padding: 5px 0 10px 0;
}

#wrapper .ui-tile {
  width: 100%;
  min-height: 26rem;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #wrapper .ui-tile {
    width: 21.5rem;
    margin-right: 1rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper .ui-tile {
    width: 17.25rem;
    margin-right: 1rem;
  }
}
#wrapper .ui-tile > div {
  padding: 1rem;
  border: 1px solid #979797;
  background: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
}
#wrapper .ui-tile > div.disabled {
  opacity: 0.3;
  pointer-events: none;
}
#wrapper .ui-tile.disabled {
  cursor: not-allowed;
}
#wrapper .isolated-tile-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2rem;
}
@media screen and (min-width: 480px) {
  #wrapper .isolated-tile-wrapper {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #wrapper .isolated-tile-wrapper {
    background: #ededed;
    padding: 1rem 0;
  }
}
#wrapper .isolated-tile-wrapper .ui-tile {
  width: 21.5rem;
  min-height: 32rem;
  margin-bottom: 0;
  margin-right: 0;
}
@media screen and (max-width: 480px) {
  #wrapper .isolated-tile-wrapper .ui-tile > div {
    padding: 0;
    border: 0;
  }
}
#wrapper .isolated-tile-wrapper button {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
#wrapper .isolated-tile-wrapper button.btn {
  width: 100%;
}

@media print {
  #wrapper #header {
    display: none;
  }
}
#wrapper header#banner {
  padding: 0;
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 100;
}
#wrapper header#banner .portlet-topper {
  z-index: 1;
}
#wrapper header#banner .location-header {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding: 0.8rem 1rem;
}
@media print {
  #wrapper header#banner .location-header {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #wrapper header#banner .location-header {
    min-height: 5rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper header#banner .location-header {
    padding: 0.8rem 8rem;
  }
}
#wrapper header#banner .location-header #header-logo {
  width: 76px;
  height: 29.94px;
  margin-right: auto;
}
@media screen and (min-width: 992px) {
  #wrapper header#banner .location-header #header-logo {
    width: 145px;
    height: 49.94px;
  }
}
#wrapper header#banner .location-header #header-logo svg path {
  fill: #e87322;
}
#wrapper header#banner .location-header .emergency-contact-header {
  font-size: 1rem;
  display: none;
}
@media screen and (min-width: 40rem) {
  #wrapper header#banner .location-header .emergency-contact-header {
    display: block;
  }
}
#wrapper header#banner .location-header .emergency-contact-header .updateable-content:before {
  content: "\F3F2";
  font-family: "Material Design Icons";
  color: #250e62;
  font-size: 1.5rem;
  vertical-align: middle;
  margin-right: 0.4rem;
}
#wrapper header#banner .location-header .emergency-contact-header a.emergency-number {
  font-weight: bold;
  text-decoration: none;
}
#wrapper header#banner .location-header .explore-spire {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1rem;
  line-height: 1.875rem;
  padding-left: 2rem;
  margin-left: 2rem;
  cursor: pointer;
}
@media screen and (min-width: 40rem) {
  #wrapper header#banner .location-header .explore-spire {
    border-left: 1px solid #979797;
  }
}
#wrapper header#banner .location-header .explore-spire:after {
  content: "\f03b";
  font-family: "Material Design Icons";
  font-size: 1.5rem;
  color: #dd6716;
  margin-left: 0.6rem;
  text-rendering: auto;
  line-height: inherit;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper header#banner .header-location-picker-form {
  top: 0;
  left: 0;
  right: 0;
  position: fixed;
  height: 3.6rem;
  background: #4a4a4a;
  text-align: center;
  color: #ffffff;
  opacity: 1;
  transition: all 400ms;
  display: none;
}
#wrapper header#banner .header-location-picker-form .inner {
  display: flex;
  align-items: center;
  height: 100%;
  width: 575px;
  margin-left: auto;
  margin-right: auto;
}
#wrapper header#banner .header-location-picker-form .location-field {
  flex-grow: 2;
}
#wrapper header#banner .header-location-picker-form .location-field ::-webkit-input-placeholder {
  color: #ffffff;
}
#wrapper header#banner .header-location-picker-form .location-field :-moz-placeholder {
  color: #ffffff;
}
#wrapper header#banner .header-location-picker-form .location-field ::-moz-placeholder {
  color: #ffffff;
}
#wrapper header#banner .header-location-picker-form .location-field :-ms-input-placeholder {
  color: #ffffff;
}
#wrapper header#banner .header-location-picker-form .location-field :focus::-webkit-input-placeholder {
  color: #b5b5b5;
}
#wrapper header#banner .header-location-picker-form .location-field :focus:-moz-placeholder {
  color: #b5b5b5;
}
#wrapper header#banner .header-location-picker-form .location-field :focus::-moz-placeholder {
  color: #b5b5b5;
}
#wrapper header#banner .header-location-picker-form .location-field :focus:-ms-input-placeholder {
  color: #b5b5b5;
}
#wrapper header#banner .header-location-picker-form .location-field .location-picker {
  box-sizing: border-box;
  padding: 0.2rem;
  width: 100%;
  color: #ffffff;
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #ffffff;
}
#wrapper header#banner .header-location-picker-form .location-field .location-picker:focus {
  color: #250e62;
  background: #ffffff;
}

@media only screen and (min-width: 768px) {
  .control-menu + #wrapper header#banner {
    top: 4rem;
  }
}
.control-menu + #wrapper #content {
  margin-top: 44px;
}

@media only screen and (min-width: 768px) {
  body #wrapper header#banner {
    transition: left 0.5s ease-out;
  }
  body.open #wrapper header#banner {
    width: calc(100% - 320px);
    left: 320px;
  }
}
a {
  cursor: pointer;
  box-shadow: none !important;
}

.container-fluid-1280 {
  padding-left: 0;
  padding-right: 0;
  max-width: 1600px;
}
.container-fluid-1280::after {
  content: "";
  display: table;
  clear: both;
}

.container-fluid {
  padding-left: 0;
  padding-right: 0;
  /*display: flex;*/
  flex-wrap: wrap;
}
.container-fluid > error-message {
  width: 100%;
}
@media print {
  .container-fluid > error-message {
    display: none;
  }
}

#content {
  min-height: calc(100vh - 118px);
  padding-top: 0rem;
  margin: 0 auto;
}

#content .row {
  margin-left: 0;
  margin-right: 0;
}

.portlet {
  margin-bottom: 0;
}

.portlet-content {
  padding: 0;
}
.portlet-content div.h2 {
  display: none;
}

.col-md-12.portlet-column {
  padding-left: 0;
  padding-right: 0;
}
@media screen and (max-width: 480px) {
  .col-md-12 .col-sm-12,
  .col-md-12 .col-md-12 {
    padding-left: 0;
    padding-right: 0;
  }
}

.portlet-decorate .portlet-content {
  border: none;
  background: none !important;
  padding: 0;
}

.modify-pages .delete-tab {
  height: 20px;
  top: 22px;
}

@media (min-width: 0) {
  .display-style-buttons > .dropdown > .dropdown-menu:after, .display-style-buttons > .dropdown > .dropdown-menu:before {
    border-width: 0;
  }
}

#app-content {
  margin-top: 2rem;
  padding: 0 1rem;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #app-content.middle-column {
    padding: 0 13%;
  }
}
@media screen and (min-width: 768px) {
  #app-content.sign-in {
    background: top/cover no-repeat url(/o/spire-mya-theme-css/images/signin-bg/spire-login-bg-0.5x.jpg);
    padding-right: 0;
  }
}
@media screen and (min-width: 992px) {
  #app-content.sign-in {
    background: top/cover no-repeat url(/o/spire-mya-theme-css/images/signin-bg/spire-login-bg-0.75x.jpg);
  }
}
@media screen and (min-width: 1200px) {
  #app-content.sign-in {
    background: top/cover no-repeat url(/o/spire-mya-theme-css/images/signin-bg/spire-login-bg.jpg);
    padding: 3.5rem 8rem;
  }
}

p.description,
div.description,
secition.description {
  background-color: #eee;
  padding: 1rem;
}

asset-renderer {
  display: block;
}
asset-renderer::after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 576px) {
  .overlay-focused:focus {
    outline: 0;
  }
}
.pac-container {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  padding: 5px;
  color: #666666;
}
.pac-container .pac-item {
  font-size: 1rem;
  padding: 0.35rem 0.6rem;
}
.pac-container .pac-item:first-child {
  border-top: 0;
}
.pac-container .pac-item:hover, .pac-container .pac-item.pac-item-selected {
  color: #250e62;
  background-color: #ededed;
}
.pac-container .pac-item:hover .pac-matched, .pac-container .pac-item.pac-item-selected .pac-matched {
  color: #250e62;
}
.pac-container .pac-item .pac-icon {
  display: none;
}
.pac-container .pac-item .pac-item-query {
  font-size: 1rem;
}

.link-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.link-disabled > a {
  color: currentColor;
  display: inline-block; /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
}

section #chat-app-integration div.icon-box {
  position: fixed;
  bottom: 0em;
  font-size: 3rem;
  color: #e87322;
  right: 0rem;
  text-align: right;
  cursor: pointer;
}

#need-help {
  color: white;
  font-size: 12pt;
}
#need-help .modal-title {
  color: white !important;
  font-size: 14pt !important;
}
#need-help div.modal-content {
  background-color: #4a4a4a;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
#need-help button.close {
  color: white !important;
}
#need-help .title-style {
  padding-left: 0rem !important;
}
#need-help .modal-dialog {
  width: 400px !important;
}
#need-help .modal-body {
  padding-left: 1rem !important;
  padding-top: 0rem !important;
  height: 200px;
  overflow: hidden;
  color: #fff;
}
#need-help .agree {
  padding-bottom: 1rem;
  padding-top: 1rem;
  font-weight: bold;
  cursor: pointer;
}
#need-help .disAgree {
  font-weight: bold;
  cursor: pointer;
}

#wrapper account-details > div,
#wrapper ngapps-recent-transactions > div,
#wrapper ngapps-billing-summary > div,
#wrapper ngapps-account-letters > div,
#wrapper ngapps-agent-letters > div,
#wrapper ngapps-customer-letters > div {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  #wrapper account-details > div,
  #wrapper ngapps-recent-transactions > div,
  #wrapper ngapps-billing-summary > div,
  #wrapper ngapps-account-letters > div,
  #wrapper ngapps-agent-letters > div,
  #wrapper ngapps-customer-letters > div {
    margin-top: 3.3125rem;
  }
}
#wrapper account-details h1.title-overview,
#wrapper ngapps-recent-transactions h1.title-overview,
#wrapper ngapps-billing-summary h1.title-overview,
#wrapper ngapps-account-letters h1.title-overview,
#wrapper ngapps-agent-letters h1.title-overview,
#wrapper ngapps-customer-letters h1.title-overview {
  margin-top: 0;
}
#wrapper account-details h2.h3-style,
#wrapper ngapps-recent-transactions h2.h3-style,
#wrapper ngapps-billing-summary h2.h3-style,
#wrapper ngapps-account-letters h2.h3-style,
#wrapper ngapps-agent-letters h2.h3-style,
#wrapper ngapps-customer-letters h2.h3-style {
  border-bottom: 1px #ededed solid;
  padding-bottom: 4px;
}
#wrapper account-details #account-summary::after,
#wrapper ngapps-recent-transactions #account-summary::after,
#wrapper ngapps-billing-summary #account-summary::after,
#wrapper ngapps-account-letters #account-summary::after,
#wrapper ngapps-agent-letters #account-summary::after,
#wrapper ngapps-customer-letters #account-summary::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper account-details #account-summary-left,
#wrapper ngapps-recent-transactions #account-summary-left,
#wrapper ngapps-billing-summary #account-summary-left,
#wrapper ngapps-account-letters #account-summary-left,
#wrapper ngapps-agent-letters #account-summary-left,
#wrapper ngapps-customer-letters #account-summary-left {
  float: left;
  width: 100%;
  border-bottom: 1px solid #ededed;
  margin-bottom: 2rem;
}
@media screen and (min-width: 48rem) {
  #wrapper account-details #account-summary-left,
  #wrapper ngapps-recent-transactions #account-summary-left,
  #wrapper ngapps-billing-summary #account-summary-left,
  #wrapper ngapps-account-letters #account-summary-left,
  #wrapper ngapps-agent-letters #account-summary-left,
  #wrapper ngapps-customer-letters #account-summary-left {
    width: 14rem;
    border-bottom: none;
    margin-bottom: inherit;
  }
}
#wrapper account-details account-details-payment-tile,
#wrapper ngapps-recent-transactions account-details-payment-tile,
#wrapper ngapps-billing-summary account-details-payment-tile,
#wrapper ngapps-account-letters account-details-payment-tile,
#wrapper ngapps-agent-letters account-details-payment-tile,
#wrapper ngapps-customer-letters account-details-payment-tile {
  font-size: 0.8rem;
}
#wrapper account-details .tile-body,
#wrapper ngapps-recent-transactions .tile-body,
#wrapper ngapps-billing-summary .tile-body,
#wrapper ngapps-account-letters .tile-body,
#wrapper ngapps-agent-letters .tile-body,
#wrapper ngapps-customer-letters .tile-body {
  font-size: 1.125rem;
}
#wrapper account-details .tile-body-amount-details .amount-due,
#wrapper ngapps-recent-transactions .tile-body-amount-details .amount-due,
#wrapper ngapps-billing-summary .tile-body-amount-details .amount-due,
#wrapper ngapps-account-letters .tile-body-amount-details .amount-due,
#wrapper ngapps-agent-letters .tile-body-amount-details .amount-due,
#wrapper ngapps-customer-letters .tile-body-amount-details .amount-due {
  font-size: 3.125rem;
  line-height: 4.125rem;
}
#wrapper account-details .tile-body-amount-details .btn-primary,
#wrapper ngapps-recent-transactions .tile-body-amount-details .btn-primary,
#wrapper ngapps-billing-summary .tile-body-amount-details .btn-primary,
#wrapper ngapps-account-letters .tile-body-amount-details .btn-primary,
#wrapper ngapps-agent-letters .tile-body-amount-details .btn-primary,
#wrapper ngapps-customer-letters .tile-body-amount-details .btn-primary {
  min-width: 300px;
}
#wrapper account-details .pay-bill-action button.btn,
#wrapper ngapps-recent-transactions .pay-bill-action button.btn,
#wrapper ngapps-billing-summary .pay-bill-action button.btn,
#wrapper ngapps-account-letters .pay-bill-action button.btn,
#wrapper ngapps-agent-letters .pay-bill-action button.btn,
#wrapper ngapps-customer-letters .pay-bill-action button.btn {
  margin: 2rem 0;
}
#wrapper account-details .help-paying-bill app-protected-access-control > a,
#wrapper ngapps-recent-transactions .help-paying-bill app-protected-access-control > a,
#wrapper ngapps-billing-summary .help-paying-bill app-protected-access-control > a,
#wrapper ngapps-account-letters .help-paying-bill app-protected-access-control > a,
#wrapper ngapps-agent-letters .help-paying-bill app-protected-access-control > a,
#wrapper ngapps-customer-letters .help-paying-bill app-protected-access-control > a {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.875rem;
}
#wrapper account-details #account-usage,
#wrapper ngapps-recent-transactions #account-usage,
#wrapper ngapps-billing-summary #account-usage,
#wrapper ngapps-account-letters #account-usage,
#wrapper ngapps-agent-letters #account-usage,
#wrapper ngapps-customer-letters #account-usage {
  float: right;
  width: 100%;
}
@media screen and (min-width: 48rem) {
  #wrapper account-details #account-usage,
  #wrapper ngapps-recent-transactions #account-usage,
  #wrapper ngapps-billing-summary #account-usage,
  #wrapper ngapps-account-letters #account-usage,
  #wrapper ngapps-agent-letters #account-usage,
  #wrapper ngapps-customer-letters #account-usage {
    width: calc(100% - 16rem);
  }
}
#wrapper account-details .see-all-link,
#wrapper ngapps-recent-transactions .see-all-link,
#wrapper ngapps-billing-summary .see-all-link,
#wrapper ngapps-account-letters .see-all-link,
#wrapper ngapps-agent-letters .see-all-link,
#wrapper ngapps-customer-letters .see-all-link {
  float: right;
  margin-top: -2.6rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.875rem;
}
@media (max-width: 390px) {
  #wrapper account-details #bill-payment-history .see-all-link,
  #wrapper ngapps-recent-transactions #bill-payment-history .see-all-link,
  #wrapper ngapps-billing-summary #bill-payment-history .see-all-link,
  #wrapper ngapps-account-letters #bill-payment-history .see-all-link,
  #wrapper ngapps-agent-letters #bill-payment-history .see-all-link,
  #wrapper ngapps-customer-letters #bill-payment-history .see-all-link {
    float: right;
    margin-top: 0.1rem;
  }
  #wrapper account-details #bill-payment-history .see-all-link + div > h4,
  #wrapper ngapps-recent-transactions #bill-payment-history .see-all-link + div > h4,
  #wrapper ngapps-billing-summary #bill-payment-history .see-all-link + div > h4,
  #wrapper ngapps-account-letters #bill-payment-history .see-all-link + div > h4,
  #wrapper ngapps-agent-letters #bill-payment-history .see-all-link + div > h4,
  #wrapper ngapps-customer-letters #bill-payment-history .see-all-link + div > h4 {
    line-height: auto;
  }
  #wrapper account-details #bill-payment-history .see-all-link + div + a,
  #wrapper ngapps-recent-transactions #bill-payment-history .see-all-link + div + a,
  #wrapper ngapps-billing-summary #bill-payment-history .see-all-link + div + a,
  #wrapper ngapps-account-letters #bill-payment-history .see-all-link + div + a,
  #wrapper ngapps-agent-letters #bill-payment-history .see-all-link + div + a,
  #wrapper ngapps-customer-letters #bill-payment-history .see-all-link + div + a {
    float: right;
  }
}
#wrapper account-details h3,
#wrapper account-details h4,
#wrapper ngapps-recent-transactions h3,
#wrapper ngapps-recent-transactions h4,
#wrapper ngapps-billing-summary h3,
#wrapper ngapps-billing-summary h4,
#wrapper ngapps-account-letters h3,
#wrapper ngapps-account-letters h4,
#wrapper ngapps-agent-letters h3,
#wrapper ngapps-agent-letters h4,
#wrapper ngapps-customer-letters h3,
#wrapper ngapps-customer-letters h4 {
  color: #4a4a4a;
  font-size: 1.5rem;
  line-height: 2.5rem;
}
#wrapper account-details accordion accordion-group .panel-body,
#wrapper ngapps-recent-transactions accordion accordion-group .panel-body,
#wrapper ngapps-billing-summary accordion accordion-group .panel-body,
#wrapper ngapps-account-letters accordion accordion-group .panel-body,
#wrapper ngapps-agent-letters accordion accordion-group .panel-body,
#wrapper ngapps-customer-letters accordion accordion-group .panel-body {
  padding-left: 1rem !important;
  padding-top: 0rem !important;
}
#wrapper account-details accordion accordion-group mat-radio-group,
#wrapper ngapps-recent-transactions accordion accordion-group mat-radio-group,
#wrapper ngapps-billing-summary accordion accordion-group mat-radio-group,
#wrapper ngapps-account-letters accordion accordion-group mat-radio-group,
#wrapper ngapps-agent-letters accordion accordion-group mat-radio-group,
#wrapper ngapps-customer-letters accordion accordion-group mat-radio-group {
  display: flex;
  flex-direction: column;
}
#wrapper account-details accordion accordion-group mat-radio-group mat-radio-button,
#wrapper ngapps-recent-transactions accordion accordion-group mat-radio-group mat-radio-button,
#wrapper ngapps-billing-summary accordion accordion-group mat-radio-group mat-radio-button,
#wrapper ngapps-account-letters accordion accordion-group mat-radio-group mat-radio-button,
#wrapper ngapps-agent-letters accordion accordion-group mat-radio-group mat-radio-button,
#wrapper ngapps-customer-letters accordion accordion-group mat-radio-group mat-radio-button {
  padding-bottom: 1rem;
}
#wrapper account-details .relative-table-cell,
#wrapper ngapps-recent-transactions .relative-table-cell,
#wrapper ngapps-billing-summary .relative-table-cell,
#wrapper ngapps-account-letters .relative-table-cell,
#wrapper ngapps-agent-letters .relative-table-cell,
#wrapper ngapps-customer-letters .relative-table-cell {
  position: relative;
}
#wrapper account-details .link-disabled,
#wrapper ngapps-recent-transactions .link-disabled,
#wrapper ngapps-billing-summary .link-disabled,
#wrapper ngapps-account-letters .link-disabled,
#wrapper ngapps-agent-letters .link-disabled,
#wrapper ngapps-customer-letters .link-disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none !important;
}
#wrapper account-details a.link-disabled:hover,
#wrapper ngapps-recent-transactions a.link-disabled:hover,
#wrapper ngapps-billing-summary a.link-disabled:hover,
#wrapper ngapps-account-letters a.link-disabled:hover,
#wrapper ngapps-agent-letters a.link-disabled:hover,
#wrapper ngapps-customer-letters a.link-disabled:hover {
  text-decoration: none !important;
}
#wrapper ngapps-carb-offset-calculator .carb-offset-calculator {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  text-align: center;
  padding-bottom: 2rem;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-header-navigator .header-links {
  display: inline-flex;
  flex-flow: row;
  padding: 2rem;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-header-navigator .header-links .header-navigator-item {
  padding-right: 1.5rem;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-header-navigator .header-links .header-navigator-item .active {
  text-decoration: underline;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-terms .carb-offset-terms {
  padding: 1rem 0 1rem 0;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-terms a.terms-hyperlink {
  color: #e87322;
  text-decoration: underline;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-monthly-cost .form-group mat-form-field, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-percentage .form-group mat-form-field {
  width: 25%;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-monthly-cost .form-group mat-form-field .mat-form-field-wrapper, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-percentage .form-group mat-form-field .mat-form-field-wrapper {
  text-align: center;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-monthly-cost .form-group mat-form-field .mat-form-field-wrapper label.mat-form-field-label, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-monthly-cost .form-group mat-form-field .mat-form-field-wrapper mat-label.mat-form-field-label, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-percentage .form-group mat-form-field .mat-form-field-wrapper label.mat-form-field-label, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-percentage .form-group mat-form-field .mat-form-field-wrapper mat-label.mat-form-field-label {
  transform-origin: center !important;
  padding-top: 0.3rem;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-monthly-cost .form-group mat-form-field .mat-form-field-wrapper .mat-form-field-flex, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-percentage .form-group mat-form-field .mat-form-field-wrapper .mat-form-field-flex {
  background-color: rgb(243, 242, 240);
  color: gray;
  font-size: larger;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-gas-details .offset-details-row, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-cost-details .offset-details-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-top: 2rem;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-gas-details .offset-details-row .detail-separator, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-cost-details .offset-details-row .detail-separator {
  border-right: 1px solid #ccc;
  width: 1.5rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-gas-details .offset-details-row .offset-details-monthly-impact, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-gas-details .offset-details-row .offset-detail-annual-cost, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-cost-details .offset-details-row .offset-details-monthly-impact, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-cost-details .offset-details-row .offset-detail-annual-cost {
  flex: 1;
  text-align: center;
}
#wrapper ngapps-carb-offset-calculator ngapps-carb-offset-gas-details .offset-details-row .units-amount, #wrapper ngapps-carb-offset-calculator ngapps-carb-offset-cost-details .offset-details-row .units-amount {
  color: #e87322;
  font-size: 3rem;
  margin-bottom: 10px;
}
#wrapper ngapps-carb-offset-calculator .title {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.875rem;
  line-height: 2.5rem;
  color: #e87322;
  font-weight: 500;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
#wrapper ngapps-carb-offset-calculator .form-group, #wrapper ngapps-carb-offset-calculator .average-monthly-label {
  margin-bottom: 1rem;
}
#wrapper ngapps-carb-offset-calculator .start-over {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
#wrapper ngapps-carb-offset-calculator #terms-and-conditions {
  text-align: left;
}
#wrapper apps-carboffset-maint .enroll-container {
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  margin: 2rem 0;
  padding: 1rem 0;
  display: flex;
  flex-direction: row;
}
#wrapper apps-carboffset-maint div#icon-save-energy {
  background: url("/o/spire-mya-theme-css/images/Energy_Efficiency_150x150.png") no-repeat;
  width: 90px;
  height: 90px;
  background-size: 90px;
  margin-left: 5rem;
}
#wrapper apps-carboffset-maint label#thankyou, #wrapper apps-carboffset-maint mat-label#thankyou {
  display: flex;
  align-items: center;
  padding-top: 2.5rem;
}
#wrapper ngapps-carboffset-history ngapps-carboffset-history-list download-link {
  display: inline-block;
  font-size: 1.2rem;
  margin: 1rem 1rem 1rem 0;
}
#wrapper ngapps-carboffset-history ngapps-carboffset-history-list .loading:before {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}
#wrapper ngapps-carboffset-history ngapps-carboffset-history-list .loading::before--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-carboffset-history ngapps-carboffset-history-list .loading:before {
    margin-top: -23px;
  }
}
#wrapper ngapps-billing-summary > div {
  margin-top: initial !important;
}
#wrapper ngapps-billing-summary h2 {
  margin: initial !important;
}
#wrapper ngapps-billing-summary h2, #wrapper ngapps-recent-transactions h2 {
  margin: 1rem 0;
}
#wrapper ngapps-billing-summary h2 a, #wrapper ngapps-recent-transactions h2 a {
  font-size: 2rem;
}
#wrapper ngapps-billing-summary table, #wrapper ngapps-recent-transactions table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 34.9375rem) {
  #wrapper ngapps-billing-summary thead, #wrapper ngapps-recent-transactions thead {
    display: none;
  }
  #wrapper ngapps-billing-summary tr, #wrapper ngapps-billing-summary td, #wrapper ngapps-recent-transactions tr, #wrapper ngapps-recent-transactions td {
    display: block;
  }
  #wrapper ngapps-billing-summary tr, #wrapper ngapps-recent-transactions tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper ngapps-billing-summary td, #wrapper ngapps-recent-transactions td {
    text-align: left !important;
  }
  #wrapper ngapps-billing-summary strong.mobile-only, #wrapper ngapps-recent-transactions strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper ngapps-billing-summary td, #wrapper ngapps-recent-transactions td {
    margin-bottom: 1rem;
  }
  #wrapper ngapps-billing-summary strong.mobile-only, #wrapper ngapps-recent-transactions strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 35rem) {
  #wrapper ngapps-billing-summary .mobile-only, #wrapper ngapps-recent-transactions .mobile-only {
    display: none;
  }
  #wrapper ngapps-billing-summary thead, #wrapper ngapps-recent-transactions thead {
    background-color: #ededed;
  }
  #wrapper ngapps-billing-summary thead a, #wrapper ngapps-recent-transactions thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper ngapps-billing-summary thead a:hover, #wrapper ngapps-recent-transactions thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper ngapps-billing-summary tbody tr, #wrapper ngapps-recent-transactions tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper ngapps-billing-summary th, #wrapper ngapps-billing-summary td, #wrapper ngapps-recent-transactions th, #wrapper ngapps-recent-transactions td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper ngapps-billing-summary th.number, #wrapper ngapps-billing-summary th.currency, #wrapper ngapps-billing-summary td.number, #wrapper ngapps-billing-summary td.currency, #wrapper ngapps-recent-transactions th.number, #wrapper ngapps-recent-transactions th.currency, #wrapper ngapps-recent-transactions td.number, #wrapper ngapps-recent-transactions td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 38rem) {
  #wrapper ngapps-billing-summary th, #wrapper ngapps-billing-summary td, #wrapper ngapps-recent-transactions th, #wrapper ngapps-recent-transactions td {
    padding: 1rem 2rem;
  }
}
#wrapper ngapps-billing-summary tr > td, #wrapper ngapps-recent-transactions tr > td {
  padding: 0;
}
#wrapper ngapps-billing-summary tr > td.date, #wrapper ngapps-recent-transactions tr > td.date {
  font-weight: bold;
}
@media screen and (min-width: 35rem) {
  #wrapper ngapps-billing-summary tr > td, #wrapper ngapps-recent-transactions tr > td {
    font-weight: normal;
    padding: 1rem;
  }
}
#wrapper ngapps-billing-summary tr > td:last-child, #wrapper ngapps-recent-transactions tr > td:last-child {
  text-align: right;
}
#wrapper #account-letters {
  margin-bottom: 2rem;
}
#wrapper #account-letters download-link {
  display: inline-block;
  font-size: 1.2rem;
  margin: 1rem 1rem 1rem 0;
}
#wrapper #account-letters .loading:before {
  animation: loading-button-spin 1s infinite linear;
  border: 0.25rem solid rgba(232, 115, 34, 0.3);
  border-top-color: rgb(232, 115, 34);
  border-radius: 50%;
  content: "";
  display: block;
  height: 2rem;
  margin: 0 auto;
  margin-top: -28px;
  width: 2rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}
#wrapper #account-letters .loading::before--double {
  border-style: double;
  border-width: 0.5rem;
}
@media screen and (min-width: 50rem) {
  #wrapper #account-letters .loading:before {
    margin-top: -23px;
  }
}
#wrapper #agent-letters .agent-letters-accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-transform: none;
  font-weight: normal;
}
#wrapper #agent-letters .spire-radio label, #wrapper #agent-letters .spire-radio mat-label {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
#wrapper ngapps-account-options {
  display: block;
  float: none;
  clear: both;
}
#wrapper ngapps-account-options ul#account-options-toggle {
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
#wrapper ngapps-account-options ul#account-options-toggle::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-account-options ul#account-options-toggle > li {
  display: flex;
  align-items: center;
  width: 100%;
  color: #666666;
  width: 100%;
  padding: 1rem;
  margin: 0;
  height: 4.25rem;
}
@media screen and (min-width: 480px) {
  #wrapper ngapps-account-options ul#account-options-toggle > li {
    width: 40%;
  }
  #wrapper ngapps-account-options ul#account-options-toggle > li:nth-child(odd) {
    border-right: 1px solid grey;
  }
}
@media screen and (min-width: 1026px) {
  #wrapper ngapps-account-options ul#account-options-toggle > li {
    justify-content: center;
    width: 25%;
    border-right: 1px solid grey;
  }
  #wrapper ngapps-account-options ul#account-options-toggle > li:last-child {
    border-right: 0;
  }
}
#wrapper ngapps-account-options ul#account-options-toggle > li .icon-options {
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 0.75rem;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .icon-options.auto-pay, #wrapper ngapps-account-options ul#account-options-toggle > li .icon-options.dollar-help {
  width: 3rem;
  height: 3rem;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .icon-options.paperless-billing, #wrapper ngapps-account-options ul#account-options-toggle > li .icon-options.budget-billing {
  margin-top: 0.5rem;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .icon-options.energy-x {
  margin-right: 0;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .icon-options a {
  display: block;
  height: inherit;
  width: inherit;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .icon-options i.mdi {
  display: block;
  height: inherit;
  width: inherit;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .auto-pay-icon {
  background: url(/o/spire-mya-theme-css/images/auto-pay.svg) no-repeat;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .paperless-billing-icon {
  background: url(/o/spire-mya-theme-css/images/online.svg) no-repeat;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .dollar-help-icon {
  background: url(/o/spire-mya-theme-css/images/dollar-help.svg) no-repeat;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .budget-billing-icon {
  background: url(/o/spire-mya-theme-css/images/budget-billing.svg) no-repeat;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .mdi-leaf {
  font-size: 3em;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .iconStatus {
  display: flex;
  align-items: center;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .iconStatus a {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  color: #4a4a4a;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .iconStatus a:hover {
  text-decoration: none;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .iconStatus .onStatus a div:nth-child(2) {
  color: #e87322;
}
#wrapper ngapps-account-options ul#account-options-toggle > li .iconStatus .mdi-chevron-right {
  font-size: 1.25rem;
  color: #e87322;
  cursor: pointer;
  margin-left: 1rem;
}
@media screen and (max-width: 1025px) and (min-width: 480px) {
  #wrapper ngapps-account-options ul#account-options-toggle li.energyXEnabled:last-child {
    border-right: 0;
    width: 80% !important;
  }
}
@media screen and (min-width: 1026px) {
  #wrapper ngapps-account-options ul#account-options-toggle li.energyXEnabled {
    width: 20% !important;
  }
}
#wrapper ngapps-energy-x-dialog-option {
  display: flex;
}
#wrapper account-text-alerts {
  display: block;
  max-width: 1280px;
}
#wrapper account-text-alerts label, #wrapper account-text-alerts body mat-label, body #wrapper account-text-alerts mat-label, #wrapper account-text-alerts mat-label {
  color: #4a4a4a;
}
#wrapper account-text-alerts .buttons {
  padding: 1rem 0;
}
#wrapper account-text-alerts #text-alerts-options-container {
  margin-right: -12px;
  margin-left: -12px;
  border-bottom: 1px #b5b5b5 solid;
  padding: 1rem 0;
}
#wrapper account-text-alerts #text-alerts-options-container ul {
  list-style: none;
  padding: 0;
}
#wrapper account-text-alerts #text-alerts-options-container ul.not-enrolled {
  opacity: 0.7;
}
#wrapper account-text-alerts #text-alerts-options-container li {
  padding: 0.5rem 1rem;
}
#wrapper account-text-alerts #text-alerts-options-container > * {
  float: left;
}
#wrapper account-text-alerts #text-alerts-options-container .text-alert-static {
  padding: 0 1rem;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
}
#wrapper account-text-alerts #text-alerts-options-container .text-alert-static ul {
  list-style: disc inside;
}
#wrapper account-text-alerts #text-alerts-options {
  margin: 0;
  padding-right: 3rem;
}
#wrapper account-text-alerts #text-alerts-options > .buttons {
  padding: 0 1rem;
}
#wrapper account-text-alerts #text-alerts-enroll-link a {
  color: #dd6716;
}
#wrapper account-text-alerts #text-alerts-enroll-link .buttons {
  color: #dd6716;
}
#wrapper account-text-alerts #text-alerts-enroll-link input:disabled {
  color: #e87322;
}
#wrapper account-text-alerts .enter-mobile-number {
  margin: 2rem 0;
}
#wrapper account-text-alerts .enter-mobile-number > label, #wrapper account-text-alerts .enter-mobile-number > mat-label, #wrapper account-text-alerts .enter-mobile-number > fieldset > label, #wrapper account-text-alerts .enter-mobile-number > fieldset > mat-label {
  line-height: 2.25rem;
  font-size: 10px;
  margin-right: 1rem;
}
#wrapper account-text-alerts .enter-mobile-number > fieldset {
  margin-bottom: 1rem;
}
#wrapper account-text-alerts .enter-mobile-number > input, #wrapper account-text-alerts .enter-mobile-number > fieldset > input {
  width: 8rem;
}
#wrapper account-text-alerts .enter-mobile-number > .buttons {
  clear: both;
}
#wrapper account-text-alerts confirmation-dialog ul {
  margin-bottom: 2rem;
  list-style-type: none;
}
#wrapper account-text-alerts confirmation-dialog li {
  padding: 0 1rem;
  line-height: 2.5rem;
}
#wrapper account-text-alerts confirmation-dialog li:before {
  content: "• ";
  color: orange;
  font-size: 2rem;
  margin-right: 0.5rem;
  vertical-align: top;
}
#wrapper account-text-alerts #text-alerts-enroll-cancel-form .buttons {
  display: flex;
}
#wrapper account-text-alerts #text-alerts-enroll-cancel-form .buttons button {
  flex: 1;
  margin: 1rem;
}
#wrapper account-text-alerts .terms-and-conditions {
  margin-bottom: 2rem;
}
#wrapper account-text-alerts .terms-and-conditions-header::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper account-text-alerts .terms-and-conditions-header .disclaimer {
  float: left;
  font-weight: bold;
}
#wrapper account-text-alerts .terms-and-conditions-header .download-print {
  float: right;
  font-size: 1.5rem;
}
#wrapper account-text-alerts .terms-and-conditions-content h5 {
  text-align: left;
}
#wrapper account-text-alerts .confirmation-modal {
  position: relative;
  height: 100%;
}
#wrapper ngapps-account-tiles {
  display: flex;
}
#wrapper ngapps-account-tiles .account-tiles {
  margin: auto;
}
#wrapper ngapps-account-tiles .tiles-content {
  padding-top: 3rem;
}
#wrapper ngapps-account-tiles .tiles-content::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-account-tiles .tiles-content {
    background-color: #ededed;
  }
}
#wrapper ngapps-account-tiles .tiles-content > div {
  margin: 0 auto;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-account-tiles .tiles-content > div {
    width: 48rem;
  }
  #wrapper ngapps-account-tiles .tiles-content > div.tile-count-1 {
    width: 100%;
  }
}
@media screen and (min-width: 70rem) {
  #wrapper ngapps-account-tiles .tiles-content > div {
    width: 48rem;
  }
}
@media screen and (min-width: 75rem) {
  #wrapper ngapps-account-tiles .tiles-content > div {
    width: 72rem;
  }
}
@media screen and (min-width: 98rem) {
  #wrapper ngapps-account-tiles .tiles-content > div {
    width: 96rem;
  }
  #wrapper ngapps-account-tiles .tiles-content > div.tile-count-2 {
    width: 100%;
  }
  #wrapper ngapps-account-tiles .tiles-content > div.tile-count-3 {
    width: 72rem;
  }
}
#wrapper ngapps-account-tiles .hidden-account {
  display: none;
}
#wrapper ngapps-account-tiles .header {
  margin-bottom: 2rem;
}
#wrapper ngapps-account-tiles .header .form-control {
  box-shadow: none;
  background-color: transparent;
  border-radius: 0;
  padding: 0rem;
  margin-left: 0.5rem;
  border: 1px solid #666666;
  border-width: 0 0 2px 0;
}
@media screen and (min-width: 60rem) {
  #wrapper ngapps-account-tiles .header {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 60rem) {
  #wrapper ngapps-account-tiles .header .sort-and-search {
    margin-top: 1.4rem;
  }
}
#wrapper ngapps-account-tiles .header .edit-account {
  display: inline-block;
  margin-right: 3rem;
}
@media screen and (max-width: 49rem) {
  #wrapper ngapps-account-tiles .header .add-account {
    display: block;
  }
  #wrapper ngapps-account-tiles .header .add-account a {
    color: #dd6716;
    background-color: #ffffff;
    border: 1px solid #dd6716;
    display: block;
    font-family: "Tiempos", "Times New Roman", Georgia, serif;
    margin-bottom: 1rem;
    padding: 1rem;
    text-align: center;
    text-decoration: none;
  }
  #wrapper ngapps-account-tiles .header .add-account a:hover, #wrapper ngapps-account-tiles .header .add-account a:active {
    text-decoration: none;
  }
  #wrapper ngapps-account-tiles .header .add-account a:hover {
    color: #250e62;
    background-color: #ffffff;
    border-color: #250e62;
  }
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-account-tiles .header .add-account {
    display: inline-block;
    margin-right: 3rem;
  }
}
#wrapper ngapps-account-tiles .header .sort-wrapper,
#wrapper ngapps-account-tiles .header .search-query {
  margin-right: 1rem;
}
@media screen and (max-width: 479px) {
  #wrapper ngapps-account-tiles .header .sort-wrapper,
  #wrapper ngapps-account-tiles .header .search-query {
    width: 100%;
  }
}
@media screen and (min-width: 30rem) {
  #wrapper ngapps-account-tiles .header .sort-wrapper,
  #wrapper ngapps-account-tiles .header .search-query {
    display: inline-block;
    width: auto;
  }
}
#wrapper ngapps-account-tiles .header .sort-wrapper {
  display: inline-block;
}
#wrapper ngapps-account-tiles .header .sort-wrapper label, #wrapper ngapps-account-tiles .header .sort-wrapper mat-label,
#wrapper ngapps-account-tiles .header .sort-wrapper select {
  color: #4a4a4a;
}
@media screen and (min-width: 30rem) {
  #wrapper ngapps-account-tiles .header .sort-wrapper label, #wrapper ngapps-account-tiles .header .sort-wrapper mat-label,
  #wrapper ngapps-account-tiles .header .sort-wrapper select {
    display: inline-block;
    font-size: 0.8rem;
  }
}
#wrapper ngapps-account-tiles .header .sort-wrapper label, #wrapper ngapps-account-tiles .header .sort-wrapper mat-label {
  font-size: 1rem;
}
@media screen and (min-width: 479px) {
  #wrapper ngapps-account-tiles .header .sort-wrapper label, #wrapper ngapps-account-tiles .header .sort-wrapper mat-label {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 30rem) {
  #wrapper ngapps-account-tiles .header .sort-wrapper select {
    width: 8rem;
  }
}
@media screen and (max-width: 479px) {
  #wrapper ngapps-account-tiles .header .search-query {
    width: 100%;
  }
}
#wrapper ngapps-account-tiles .header .search-query input {
  display: inline-block;
  float: none;
  line-height: 1.875rem;
  position: relative;
  z-index: 0;
  width: 100%;
}
@media screen and (min-width: 30rem) {
  #wrapper ngapps-account-tiles .header .search-query input {
    width: 8rem;
  }
}
#wrapper ngapps-account-tiles .header .search-query input:focus {
  color: #250e62;
  border-color: #250e62;
}
#wrapper ngapps-account-tiles .header .search-query .search-button {
  position: absolute;
  z-index: 0;
  border-style: none;
  right: 0.25rem;
  padding: 0.5rem 0;
  top: 0;
}
@media screen and (max-width: 479px) {
  #wrapper ngapps-account-tiles .header .account-sign-out {
    width: 100%;
    text-align: right;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 30rem) {
  #wrapper ngapps-account-tiles .header .account-sign-out {
    display: inline-block;
  }
}
#wrapper ngapps-account-tiles .header .disabled-link {
  pointer-events: none;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts {
  background: #ffffff;
  right: 0;
  left: 0;
  margin: -4rem auto 0;
  border: 1px solid #ededed;
  z-index: 50;
  margin-bottom: 2rem;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts.shrink {
  position: fixed;
  margin-top: -442px;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts.shrink.pma-open {
  margin-top: -362px;
}
@media screen and (min-width: 480px) {
  #wrapper ngapps-account-tiles .pay-multiple-accounts {
    height: 4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -3rem;
  }
  #wrapper ngapps-account-tiles .pay-multiple-accounts.shrink {
    margin-top: -326px;
  }
  #wrapper ngapps-account-tiles .pay-multiple-accounts.shrink.pma-open {
    margin-top: -254px;
  }
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-account-tiles .pay-multiple-accounts {
    padding-right: 0.5rem;
  }
  #wrapper ngapps-account-tiles .pay-multiple-accounts.shrink {
    margin-top: -344px;
  }
  #wrapper ngapps-account-tiles .pay-multiple-accounts.shrink.pma-open {
    margin-top: -263px;
  }
}
@media screen and (min-width: 992px) {
  #wrapper ngapps-account-tiles .pay-multiple-accounts {
    width: 90%;
    margin-bottom: 0;
  }
  #wrapper ngapps-account-tiles .pay-multiple-accounts.shrink {
    width: 70%;
    margin-top: -205px;
  }
  #wrapper ngapps-account-tiles .pay-multiple-accounts.shrink.pma-open {
    margin-top: -205px;
  }
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .select-container {
  text-align: center;
  margin-bottom: 0.9rem;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .select-container a:first-child {
  margin-right: 1rem;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-account-tiles .pay-multiple-accounts .select-container {
    margin-bottom: 0;
  }
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .num-accounts-selected {
  margin-left: 1rem;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-checkbox {
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: 10%;
}
@media screen and (min-width: 30rem) {
  #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-checkbox {
    margin-bottom: 2rem;
    margin-left: 1rem;
  }
  #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-checkbox.pin-left {
    margin-right: auto;
  }
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-checkbox {
    margin-left: 2rem;
  }
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle {
  margin-left: 0.5rem;
}
#wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > label, #wrapper ngapps-account-tiles .pay-multiple-accounts .spire-toggle > mat-label {
  color: #4a4a4a;
  font-size: 1rem;
  white-space: nowrap;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 1239px) {
  #wrapper ngapps-account-tiles .pay-multiple-accounts app-protected-access-control button.btn {
    min-width: initial;
    font-size: 1.5vw;
  }
}
#wrapper ngapps-account-tiles .tiles-container {
  display: flex;
  flex-flow: row wrap;
}
@media only screen and (max-width: 30rem) {
  #wrapper ngapps-account-tiles .tiles-container {
    flex-flow: column;
  }
}
#wrapper ngapps-account-tiles .tiles-container .pma-payment-processor-out {
  margin: 1.5rem 5% 29rem;
}
#wrapper ngapps-account-tiles modal-confirmation .modal-body {
  margin-top: -3rem;
}
@media screen and (min-width: 992px) {
  #wrapper ngapps-account-tiles modal-confirmation .modal-lg {
    width: 600px;
  }
}
#wrapper ngapps-account-tiles loading {
  width: 100%;
}
#wrapper account-tile-edit-options .edit-mode-options {
  padding-top: 1rem;
}
#wrapper account-tile-edit-options .edit-mode-options .selected-accounts {
  display: inline-block;
  margin-right: 3rem;
  padding-top: 1.2rem;
}
#wrapper account-tile-edit-options .edit-mode-options .selected-accounts label, #wrapper account-tile-edit-options .edit-mode-options .selected-accounts mat-label {
  color: #4a4a4a;
}
#wrapper account-tile-edit-options .edit-mode-options .hide-account-btn {
  min-width: 130px;
}
#wrapper account-tile-edit-options .edit-mode-options .un-hide-account-btn {
  min-width: 130px;
}
#wrapper account-tile-edit-options .edit-mode-options .remove-account-btn {
  min-width: 130px;
}
#wrapper account-tile-edit-options .edit-mode-options .toggle-select-unselect-link {
  display: inline-block;
  padding-top: 1rem;
}
#wrapper account-tile-edit-options .edit-mode-options .select-link {
  display: inline-block;
  display: inline-block;
  margin-right: 1.5rem;
}
#wrapper account-tile-edit-options .edit-mode-options .close-edit-option-link {
  display: inline-block;
  margin-right: 3.5rem;
  padding-bottom: 1.5rem;
  padding-right: 3rem;
}
#wrapper account-tile-edit-options .edit-mode-options .close-edit-option {
  display: inline-block;
  font-size: 1.6rem;
}
#wrapper account-tile-edit-options .edit-mode-options .done-button {
  position: absolute;
}
#wrapper ngapps-add-account-tile .account-tile-wrapper,
#wrapper ngapps-account-tile .account-tile-wrapper {
  background: white;
  box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.4);
  margin-bottom: 1rem;
  padding: 0.5rem 1.2rem;
}
#wrapper ngapps-add-account-tile .account-tile-wrapper::after,
#wrapper ngapps-account-tile .account-tile-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-add-account-tile .account-tile-wrapper,
  #wrapper ngapps-account-tile .account-tile-wrapper {
    float: left;
    margin: 2rem;
    width: 20rem;
    height: auto;
  }
}
#wrapper ngapps-add-account-tile .account-tile,
#wrapper ngapps-account-tile .account-tile {
  cursor: pointer;
}
#wrapper ngapps-add-account-tile .account-tile-left,
#wrapper ngapps-account-tile .account-tile-left {
  float: left;
  width: 90%;
}
#wrapper ngapps-add-account-tile .account-tile-right,
#wrapper ngapps-account-tile .account-tile-right {
  float: right;
  width: 10%;
}
#wrapper ngapps-add-account-tile .account-tile-right button.remove-account-button,
#wrapper ngapps-account-tile .account-tile-right button.remove-account-button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0;
  text-align: right;
  width: 100%;
}
#wrapper ngapps-add-account-tile .account-tile-right .spire-checkbox,
#wrapper ngapps-account-tile .account-tile-right .spire-checkbox {
  margin-top: 0.7rem;
  margin-left: 0.8rem;
}
#wrapper ngapps-add-account-tile .tile-header,
#wrapper ngapps-account-tile .tile-header {
  margin-top: 0.5rem;
}
#wrapper ngapps-add-account-tile .tile-header.tile-loading span,
#wrapper ngapps-account-tile .tile-header.tile-loading span {
  color: #250e62;
}
#wrapper ngapps-add-account-tile .tile-header.tile-loading hr,
#wrapper ngapps-account-tile .tile-header.tile-loading hr {
  border-color: #250e62;
}
#wrapper ngapps-add-account-tile .tile-header.past-due span,
#wrapper ngapps-account-tile .tile-header.past-due span {
  color: #aa0000;
}
#wrapper ngapps-add-account-tile .tile-header.past-due hr,
#wrapper ngapps-account-tile .tile-header.past-due hr {
  border-color: #aa0000;
}
#wrapper ngapps-add-account-tile .tile-header.inactive-account span,
#wrapper ngapps-account-tile .tile-header.inactive-account span {
  color: #b5b5b5;
}
#wrapper ngapps-add-account-tile .tile-header.inactive-account hr,
#wrapper ngapps-account-tile .tile-header.inactive-account hr {
  border-color: #b5b5b5;
}
#wrapper ngapps-add-account-tile .tile-top-body-edit-mode,
#wrapper ngapps-account-tile .tile-top-body-edit-mode {
  overflow: hidden;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-add-account-tile .tile-top-body-edit-mode,
  #wrapper ngapps-account-tile .tile-top-body-edit-mode {
    height: 13rem;
    margin-top: 2.6rem;
  }
  #wrapper ngapps-add-account-tile .tile-top-body-edit-mode.with-tile-header,
  #wrapper ngapps-account-tile .tile-top-body-edit-mode.with-tile-header {
    margin-top: 0;
  }
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper ngapps-add-account-tile .tile-top-body-edit-mode,
  #wrapper ngapps-account-tile .tile-top-body-edit-mode {
    border-bottom: none;
    float: left;
  }
}
#wrapper ngapps-add-account-tile .background-hidden,
#wrapper ngapps-account-tile .background-hidden {
  background-color: #e1e1e1;
}
#wrapper ngapps-add-account-tile .hr-edit-mode,
#wrapper ngapps-account-tile .hr-edit-mode {
  margin-bottom: 2rem;
}
#wrapper ngapps-add-account-tile .margin-no-heading-title,
#wrapper ngapps-account-tile .margin-no-heading-title {
  margin-top: 0.4rem !important;
}
#wrapper ngapps-add-account-tile .tile-top-body,
#wrapper ngapps-account-tile .tile-top-body {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-add-account-tile .tile-top-body,
  #wrapper ngapps-account-tile .tile-top-body {
    height: 13rem;
    margin-top: 2.6rem;
  }
  #wrapper ngapps-add-account-tile .tile-top-body.with-tile-header,
  #wrapper ngapps-account-tile .tile-top-body.with-tile-header {
    margin-top: 0;
  }
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper ngapps-add-account-tile .tile-top-body,
  #wrapper ngapps-account-tile .tile-top-body {
    border-bottom: none;
    float: left;
  }
}
#wrapper ngapps-add-account-tile .account-number > h2,
#wrapper ngapps-account-tile .account-number > h2 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  margin: 0;
  line-height: inherit;
}
#wrapper ngapps-add-account-tile .account-number > h2 > span,
#wrapper ngapps-account-tile .account-number > h2 > span {
  padding-right: 6rem;
}
#wrapper ngapps-add-account-tile .account-number > p,
#wrapper ngapps-account-tile .account-number > p {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  letter-spacing: 1.5px;
  font-size: 1.2rem;
  color: #250e62;
  margin-bottom: 0;
}
#wrapper ngapps-add-account-tile .nickname,
#wrapper ngapps-account-tile .nickname {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  margin-top: 0.2rem;
  font-size: 1.5rem;
  height: 4.1rem;
  overflow: hidden;
}
#wrapper ngapps-add-account-tile .address,
#wrapper ngapps-account-tile .address {
  margin: 0.5rem 0 1rem;
  overflow: hidden;
}
#wrapper ngapps-add-account-tile .address span,
#wrapper ngapps-account-tile .address span {
  font-size: 0.8rem;
  margin: 0;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-add-account-tile .address,
  #wrapper ngapps-account-tile .address {
    font-size: 1rem;
    height: 6.5rem;
  }
}
#wrapper ngapps-add-account-tile .tile-bottom-body,
#wrapper ngapps-account-tile .tile-bottom-body {
  margin-top: 0.5rem;
}
#wrapper ngapps-add-account-tile .tile-bottom-body > .loading-small,
#wrapper ngapps-account-tile .tile-bottom-body > .loading-small {
  margin: 2.4rem auto;
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper ngapps-add-account-tile .tile-bottom-body,
  #wrapper ngapps-account-tile .tile-bottom-body {
    float: right;
  }
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-add-account-tile .tile-bottom-body,
  #wrapper ngapps-account-tile .tile-bottom-body {
    height: auto;
  }
}
#wrapper ngapps-add-account-tile .tile-bottom-body .buttons,
#wrapper ngapps-account-tile .tile-bottom-body .buttons {
  display: flex;
  align-items: center;
}
#wrapper ngapps-add-account-tile .due-date,
#wrapper ngapps-account-tile .due-date {
  font-size: 1rem;
  height: 1.1rem;
  margin-bottom: 0.5rem;
}
#wrapper ngapps-add-account-tile .amount-due,
#wrapper ngapps-account-tile .amount-due {
  line-height: 2.4rem;
  min-height: 38px;
}
#wrapper ngapps-add-account-tile .automatic-payment,
#wrapper ngapps-account-tile .automatic-payment {
  font-size: 0.8rem;
  font-weight: bold;
}
#wrapper ngapps-add-account-tile .buttons a,
#wrapper ngapps-account-tile .buttons a {
  margin-left: 1rem;
  font-size: 0.8rem;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  #wrapper ngapps-add-account-tile .btn-primary,
  #wrapper ngapps-account-tile .btn-primary {
    font-size: 0.8em;
    min-width: 50px;
  }
}
#wrapper ngapps-add-account-tile .locked,
#wrapper ngapps-account-tile .locked {
  cursor: not-allowed;
}
#wrapper ngapps-add-account-tile .locked .tile-header span,
#wrapper ngapps-account-tile .locked .tile-header span {
  color: #4a4a4a;
}
#wrapper ngapps-add-account-tile .locked .tile-header hr,
#wrapper ngapps-account-tile .locked .tile-header hr {
  border-color: #4a4a4a;
}
#wrapper ngapps-add-account-tile .locked .tile-top-body,
#wrapper ngapps-account-tile .locked .tile-top-body {
  overflow: hidden;
}
#wrapper ngapps-add-account-tile .locked .tile-top-body p,
#wrapper ngapps-account-tile .locked .tile-top-body p {
  color: inherit;
}
#wrapper ngapps-add-account-tile .outage,
#wrapper ngapps-account-tile .outage {
  cursor: not-allowed;
}
#wrapper ngapps-add-account-tile .outage .tile-header .mdi-sync-alert,
#wrapper ngapps-account-tile .outage .tile-header .mdi-sync-alert {
  color: #aa0000;
}
#wrapper ngapps-add-account-tile .outage .tile-top-body,
#wrapper ngapps-account-tile .outage .tile-top-body {
  overflow: hidden;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-add-account-tile .outage .tile-top-body,
  #wrapper ngapps-account-tile .outage .tile-top-body {
    height: 15.6rem;
  }
  #wrapper ngapps-add-account-tile .outage .tile-top-body.with-tile-header,
  #wrapper ngapps-account-tile .outage .tile-top-body.with-tile-header {
    height: 15.6rem;
  }
}
#wrapper ngapps-add-account-tile .outage .tile-top-body p,
#wrapper ngapps-account-tile .outage .tile-top-body p {
  color: inherit;
}
#wrapper ngapps-add-account-tile .account-tile.inactive .amount-due,
#wrapper ngapps-account-tile .account-tile.inactive .amount-due {
  color: #666666;
}
#wrapper ngapps-add-account-tile .check-box-edit-mode,
#wrapper ngapps-account-tile .check-box-edit-mode {
  float: left;
  margin: -0.9rem -2.4rem !important;
}
#wrapper ngapps-add-account-tile {
  display: flex;
  align-items: center;
}
#wrapper ngapps-add-account-tile .account-tile-wrapper {
  padding: 0.5rem 1.2rem;
  border: solid 3px white;
  transition: border 0.5s ease;
  width: 34rem;
}
@media screen and (min-width: 780px) {
  #wrapper ngapps-add-account-tile .account-tile-wrapper {
    width: 20rem;
  }
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-add-account-tile .account-tile-wrapper {
    float: left;
    margin: 2rem;
    height: auto;
    padding: 2rem;
  }
}
#wrapper ngapps-add-account-tile .tile-body {
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 780px) {
  #wrapper ngapps-add-account-tile .tile-body {
    padding-bottom: 128.6px;
  }
}
#wrapper ngapps-add-account-tile h1 {
  padding-top: 0.75rem;
  padding-bottom: 1rem;
  font-size: 85pt;
  margin-top: 3.5rem;
  background-color: #666;
  color: white;
  border-radius: 20px;
  width: 35%;
  align-self: center;
  transition: color 0.5s ease;
}
#wrapper ngapps-add-account-tile p {
  padding-top: 1rem;
  color: #666666;
  transition: color 0.5s ease;
  font-size: 1.5rem;
}
#wrapper ngapps-add-account-tile .buttons {
  justify-content: center;
}
#wrapper ngapps-add-account-tile .account-tile-left {
  width: 100%;
}
#wrapper ngapps-energyx .mdi-leaf {
  font-size: 5em;
}
#wrapper ngapps-energyx .mdi-help-circle {
  color: #250e62 !important;
  font-size: 1.5em;
}
#wrapper ngapps-energyx .faq-box {
  background-color: #ededed;
  margin-top: 2rem;
  padding: 1rem;
  width: 49%;
}
#wrapper ngapps-energyx .faq-box p .mdi-help-circle {
  vertical-align: middle;
  margin-right: 0.25rem;
}
#wrapper ngapps-energyx .faq-box a {
  color: #4a4a4a;
}
#wrapper .energyx {
  margin-bottom: 2rem;
}
#wrapper app-account-profile-home form {
  border-top: 1px #b5b5b5 solid;
  padding: 2rem 0;
}
#wrapper app-account-profile-home form:first-of-type {
  border-top: none;
}
#wrapper app-account-profile-home form h2 {
  margin: 0 0 2rem;
  color: #e87322;
}
#wrapper app-account-profile-home form p.description {
  background-color: #eee;
  padding: 1rem;
}
#wrapper app-account-profile-home fieldset {
  margin: 1rem;
}
#wrapper app-account-profile-home fieldset legend {
  border-bottom: none;
  font-size: 1rem;
}
#wrapper app-account-profile-home .form-group {
  margin-bottom: 0;
}
#wrapper app-account-profile-home button {
  margin-top: 2rem;
}
#wrapper app-account-profile-home .new-email-container > div {
  float: left;
  width: auto;
}
#wrapper app-account-profile-home .new-email-container input#emailAddress {
  width: 35ch;
}
#wrapper app-account-profile-home div.buttons {
  clear: both;
}
#wrapper #usage-temperature-footnote {
  margin-top: 1rem;
  font-size: 0.75rem;
  font-style: italic;
}
#wrapper #usage-monthly-bill-footnote {
  font-size: 0.75rem;
  font-style: italic;
}
#wrapper #account-usage .h3-style {
  border-bottom: 1px #ededed solid;
  margin-bottom: 1rem;
}
#wrapper #account-usage .see-all-link {
  float: right;
  margin-top: -2.6rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.875rem;
}
#wrapper ngapps-usage select,
#wrapper #app-usage select,
#wrapper ngapps-usage-daily select {
  background-position: right;
}
#wrapper ngapps-usage .middle-column,
#wrapper #app-usage .middle-column,
#wrapper ngapps-usage-daily .middle-column {
  margin-right: -12px;
  margin-left: -12px;
}
#wrapper ngapps-usage .middle-column .usage-container,
#wrapper #app-usage .middle-column .usage-container,
#wrapper ngapps-usage-daily .middle-column .usage-container {
  max-width: 1280px;
}
#wrapper ngapps-usage .usage-separator,
#wrapper #app-usage .usage-separator,
#wrapper ngapps-usage-daily .usage-separator {
  border-bottom: 1px solid #979797;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#wrapper ngapps-usage .usage-table-link,
#wrapper #app-usage .usage-table-link,
#wrapper ngapps-usage-daily .usage-table-link {
  float: right;
}
#wrapper ngapps-usage .usage-table-link .active,
#wrapper #app-usage .usage-table-link .active,
#wrapper ngapps-usage-daily .usage-table-link .active {
  text-decoration: underline;
}
#wrapper ngapps-usage .usage-link,
#wrapper #app-usage .usage-link,
#wrapper ngapps-usage-daily .usage-link {
  float: right;
  padding-top: 0.5rem;
}
@media screen and (min-width: 800px) {
  #wrapper ngapps-usage .usage-link,
  #wrapper #app-usage .usage-link,
  #wrapper ngapps-usage-daily .usage-link {
    padding-right: 1.6rem;
  }
}
@media screen and (max-width: 48rem) {
  #wrapper ngapps-usage .usage-link,
  #wrapper #app-usage .usage-link,
  #wrapper ngapps-usage-daily .usage-link {
    float: none;
    margin-right: 0.1rem !important;
  }
}
#wrapper ngapps-usage ngapps-usage-filter,
#wrapper #app-usage ngapps-usage-filter,
#wrapper ngapps-usage-daily ngapps-usage-filter {
  display: block;
  margin: 0rem auto 1rem;
}
#wrapper ngapps-usage ngapps-usage-filter::after,
#wrapper #app-usage ngapps-usage-filter::after,
#wrapper ngapps-usage-daily ngapps-usage-filter::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle {
  display: block;
  margin-bottom: -1rem;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle::after,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle::after,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle form.form-group,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle form.form-group,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle form.form-group {
  float: left;
  margin: 0.5rem 0 1rem 0.1rem;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle select.form-control,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle select.form-control,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle select.form-control {
  border-width: 0 0 2px 0;
  box-shadow: none;
  background-color: initial !important;
  border-radius: 0;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles {
  clear: both;
  float: none;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles,
  #wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles,
  #wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles {
    clear: right;
    float: right;
  }
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a, #wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a, #wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a {
  display: block;
  float: left;
  padding: 1rem 0.5rem 0;
  color: #4a4a4a;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a i, #wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a i, #wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a i,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a i,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a i,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a i,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a i,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a i,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a i {
  color: #979797;
  font-size: 1.6rem;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a.active i, #wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a.active i, #wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a.active i,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a.active i,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a.active i,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a.active i,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > a.active i,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > a.active i,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles > span > app-protected-access-control > a.active i {
  color: #dd6716;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container {
  border-bottom: 2px solid #979797;
  display: block;
  float: left;
  margin-left: 2rem;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container a:hover,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container a:hover,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container a:hover {
  text-decoration: none;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container expand-arrow,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container expand-arrow,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container expand-arrow {
  display: block;
  margin-top: 0.25rem;
  margin-bottom: -0.25rem;
  float: left;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container expand-arrow i,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container expand-arrow i,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container expand-arrow i {
  color: #250e62;
  font-size: 2rem;
}
#wrapper ngapps-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container.expanded,
#wrapper #app-usage ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container.expanded,
#wrapper ngapps-usage-daily ngapps-usage-filter #usage-chart-toggle div.chart-toggles #chart-expand-container.expanded {
  background-color: #ededed;
  border-bottom-color: #ededed;
  padding-bottom: 1rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options {
  background-color: #ededed;
  padding: 0.5rem 0;
  margin: 1rem 0;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options::after,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options::after,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options .form-group,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options .form-group,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options .form-group {
  float: left;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options ul,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options ul,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options ul {
  margin-left: 0rem !important;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options select.usage-daily-filter-year,
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options select#usage-daily-filter-month,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options select.usage-daily-filter-year,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options select#usage-daily-filter-month,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options select.usage-daily-filter-year,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options select#usage-daily-filter-month {
  width: auto;
  background-color: transparent;
  border-width: 0 0 2px 0;
  border-color: #869cad;
  border-radius: 0;
  padding: 3px;
  padding-right: 2rem;
  margin-right: 0.5rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options select.usage-filter-year,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options select.usage-filter-year,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options select.usage-filter-year {
  margin-left: 3rem;
  background-color: transparent;
  width: auto;
  border-width: 0 0 2px 0;
  border-color: #869cad;
  border-radius: 0;
  padding: 3px;
  padding-right: 2rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options select#usage-filter-month,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options select#usage-filter-month,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options select#usage-filter-month {
  margin-left: 3rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-compare,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-compare,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-compare {
  margin-left: 5rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature {
  margin-bottom: -6px;
  margin-left: 2rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature label, #wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature mat-label,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature label,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature mat-label,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature label,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-temperature mat-label {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision {
  margin-bottom: -6px;
  margin-left: 2rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision label, #wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision mat-label,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision label,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision mat-label,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision label,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-yearly-comparision mat-label {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-billing-cycle,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options div#usage-filter-billing-cycle,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options div#usage-filter-billing-cycle {
  margin-bottom: -6px;
  margin-left: 2rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options ul li,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options ul li,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options ul li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}
#wrapper ngapps-usage ngapps-usage-filter section#usage-chart-options ul li a.active,
#wrapper #app-usage ngapps-usage-filter section#usage-chart-options ul li a.active,
#wrapper ngapps-usage-daily ngapps-usage-filter section#usage-chart-options ul li a.active {
  text-decoration: underline;
}
#wrapper ngapps-usage ngapps-usage-chart,
#wrapper #app-usage ngapps-usage-chart,
#wrapper ngapps-usage-daily ngapps-usage-chart {
  display: block;
  float: left;
  padding-bottom: 2.5rem;
  width: 100%;
}
#wrapper ngapps-usage ngapps-usage-chart .alert,
#wrapper #app-usage ngapps-usage-chart .alert,
#wrapper ngapps-usage-daily ngapps-usage-chart .alert {
  padding: 1rem;
}
#wrapper ngapps-usage ngapps-usage-chart .alert#usage-temperature-footnote,
#wrapper #app-usage ngapps-usage-chart .alert#usage-temperature-footnote,
#wrapper ngapps-usage-daily ngapps-usage-chart .alert#usage-temperature-footnote {
  margin-top: 1rem;
  font-size: 0.75rem;
}
#wrapper ngapps-usage ngapps-usage-chart .gas-units-display-disabled:link,
#wrapper #app-usage ngapps-usage-chart .gas-units-display-disabled:link,
#wrapper ngapps-usage-daily ngapps-usage-chart .gas-units-display-disabled:link {
  text-decoration: inherit;
  color: inherit;
  cursor: auto;
}
#wrapper ngapps-usage ngapps-usage-chart .usage-text,
#wrapper #app-usage ngapps-usage-chart .usage-text,
#wrapper ngapps-usage-daily ngapps-usage-chart .usage-text {
  float: left;
  width: 8rem;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-chart .usage-text,
  #wrapper #app-usage ngapps-usage-chart .usage-text,
  #wrapper ngapps-usage-daily ngapps-usage-chart .usage-text {
    padding-top: 10rem;
  }
}
#wrapper ngapps-usage ngapps-usage-chart .usage-text .mdi:before,
#wrapper #app-usage ngapps-usage-chart .usage-text .mdi:before,
#wrapper ngapps-usage-daily ngapps-usage-chart .usage-text .mdi:before {
  font-size: 36px;
}
#wrapper ngapps-usage ngapps-usage-chart .usage-text .mdi span,
#wrapper #app-usage ngapps-usage-chart .usage-text .mdi span,
#wrapper ngapps-usage-daily ngapps-usage-chart .usage-text .mdi span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
  margin-top: -2.2rem;
}
#wrapper ngapps-usage ngapps-usage-chart .usage-chart,
#wrapper #app-usage ngapps-usage-chart .usage-chart,
#wrapper ngapps-usage-daily ngapps-usage-chart .usage-chart {
  text-align: center;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-chart .usage-chart,
  #wrapper #app-usage ngapps-usage-chart .usage-chart,
  #wrapper ngapps-usage-daily ngapps-usage-chart .usage-chart {
    float: left;
    width: calc(100% - 14rem);
  }
}
#wrapper ngapps-usage ngapps-usage-chart #usage-chart-comparison,
#wrapper #app-usage ngapps-usage-chart #usage-chart-comparison,
#wrapper ngapps-usage-daily ngapps-usage-chart #usage-chart-comparison {
  max-height: 1000px;
  opacity: 1;
  overflow: hidden;
  transition: all 1s ease-out;
}
#wrapper ngapps-usage ngapps-usage-chart #usage-chart-comparison.slide-up,
#wrapper #app-usage ngapps-usage-chart #usage-chart-comparison.slide-up,
#wrapper ngapps-usage-daily ngapps-usage-chart #usage-chart-comparison.slide-up {
  max-height: 0;
  opacity: 0;
}
#wrapper ngapps-usage ngapps-usage-chart #usage-chart-comparison-arrow-container,
#wrapper #app-usage ngapps-usage-chart #usage-chart-comparison-arrow-container,
#wrapper ngapps-usage-daily ngapps-usage-chart #usage-chart-comparison-arrow-container {
  border-bottom: 1px solid #666666;
  height: 20px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
#wrapper ngapps-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg,
#wrapper #app-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg,
#wrapper ngapps-usage-daily ngapps-usage-chart #usage-chart-comparison-arrow-container > svg {
  height: 20px;
  left: -40px;
  position: absolute;
  transition: all 0.5s ease-out;
  width: 40px;
}
#wrapper ngapps-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-bottom,
#wrapper #app-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-bottom,
#wrapper ngapps-usage-daily ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-bottom {
  stroke: white;
}
#wrapper ngapps-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-left, #wrapper ngapps-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-right,
#wrapper #app-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-left,
#wrapper #app-usage ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-right,
#wrapper ngapps-usage-daily ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-left,
#wrapper ngapps-usage-daily ngapps-usage-chart #usage-chart-comparison-arrow-container > svg > line.line-right {
  stroke: #666666;
}
#wrapper ngapps-usage ngapps-usage-chart .usage-temperature-text,
#wrapper #app-usage ngapps-usage-chart .usage-temperature-text,
#wrapper ngapps-usage-daily ngapps-usage-chart .usage-temperature-text {
  float: right;
  line-height: 4rem;
  text-align: right;
  width: 6rem;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-chart .usage-temperature-text,
  #wrapper #app-usage ngapps-usage-chart .usage-temperature-text,
  #wrapper ngapps-usage-daily ngapps-usage-chart .usage-temperature-text {
    padding-top: 10rem;
  }
}
#wrapper ngapps-usage ngapps-usage-daily-chart,
#wrapper #app-usage ngapps-usage-daily-chart,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart {
  display: block;
  float: left;
  padding-bottom: 2.5rem;
  width: 100%;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .alert,
#wrapper #app-usage ngapps-usage-daily-chart .alert,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .alert {
  padding: 1rem;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .alert#usage-temperature-footnote,
#wrapper #app-usage ngapps-usage-daily-chart .alert#usage-temperature-footnote,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .alert#usage-temperature-footnote {
  margin-top: 1rem;
  font-size: 0.75rem;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .usage-text,
#wrapper #app-usage ngapps-usage-daily-chart .usage-text,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-text {
  float: left;
  width: 8rem;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-daily-chart .usage-text,
  #wrapper #app-usage ngapps-usage-daily-chart .usage-text,
  #wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-text {
    padding-top: 10rem;
  }
}
#wrapper ngapps-usage ngapps-usage-daily-chart .usage-text .mdi:before,
#wrapper #app-usage ngapps-usage-daily-chart .usage-text .mdi:before,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-text .mdi:before {
  font-size: 36px;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .usage-text .mdi span,
#wrapper #app-usage ngapps-usage-daily-chart .usage-text .mdi span,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-text .mdi span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 1rem;
  margin-top: -2.2rem;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .usage-chart,
#wrapper #app-usage ngapps-usage-daily-chart .usage-chart,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-chart {
  text-align: center;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-daily-chart .usage-chart,
  #wrapper #app-usage ngapps-usage-daily-chart .usage-chart,
  #wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-chart {
    float: left;
    width: calc(100% - 14rem);
  }
}
#wrapper ngapps-usage ngapps-usage-daily-chart .chart-legend,
#wrapper #app-usage ngapps-usage-daily-chart .chart-legend,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .chart-legend {
  list-style: none;
  font-size: 10pt;
  text-align: center;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .chart-legend ul,
#wrapper #app-usage ngapps-usage-daily-chart .chart-legend ul,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .chart-legend ul {
  display: inline-block;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .chart-legend li,
#wrapper #app-usage ngapps-usage-daily-chart .chart-legend li,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .chart-legend li {
  float: left;
  margin-right: 10px;
  display: flex;
  align-items: center;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .chart-legend span,
#wrapper #app-usage ngapps-usage-daily-chart .chart-legend span,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .chart-legend span {
  border: 1px solid #ccc;
  float: left;
  width: 2.5rem;
  height: 1rem;
  margin-left: 5px;
  margin-right: 5px;
}
#wrapper ngapps-usage ngapps-usage-daily-chart .usage-temperature-text,
#wrapper #app-usage ngapps-usage-daily-chart .usage-temperature-text,
#wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-temperature-text {
  float: right;
  line-height: 4rem;
  text-align: right;
  width: 6rem;
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-daily-chart .usage-temperature-text,
  #wrapper #app-usage ngapps-usage-daily-chart .usage-temperature-text,
  #wrapper ngapps-usage-daily ngapps-usage-daily-chart .usage-temperature-text {
    padding-top: 10rem;
  }
}
#wrapper ngapps-usage .usage-download,
#wrapper #app-usage .usage-download,
#wrapper ngapps-usage-daily .usage-download {
  clear: both;
  text-align: center;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row,
#wrapper #app-usage ngapps-usage-details .usage-details-row,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row {
  margin: 2rem auto;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row .usage-details-this-month p,
#wrapper ngapps-usage ngapps-usage-details .usage-details-row .usage-details-this-month span,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row .usage-details-this-month p,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row .usage-details-this-month span,
#wrapper #app-usage ngapps-usage-details .usage-details-row .usage-details-this-month p,
#wrapper #app-usage ngapps-usage-details .usage-details-row .usage-details-this-month span,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row .usage-details-this-month p,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row .usage-details-this-month span,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row .usage-details-this-month p,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row .usage-details-this-month span,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row .usage-details-this-month p,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row .usage-details-this-month span {
  color: #e87322;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row span.unavailable,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row span.unavailable,
#wrapper #app-usage ngapps-usage-details .usage-details-row span.unavailable,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row span.unavailable,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row span.unavailable,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row span.unavailable {
  font-size: 1.2rem;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row span.unavailable > span.unavailable-date,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row span.unavailable > span.unavailable-date,
#wrapper #app-usage ngapps-usage-details .usage-details-row span.unavailable > span.unavailable-date,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row span.unavailable > span.unavailable-date,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row span.unavailable > span.unavailable-date,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row span.unavailable > span.unavailable-date {
  white-space: nowrap;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row,
#wrapper #app-usage ngapps-usage-details .usage-details-row,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row {
  display: block;
  flex-wrap: wrap;
}
@media screen and (min-width: 646px) and (max-width: 992px) {
  #wrapper ngapps-usage ngapps-usage-details .usage-details-row,
  #wrapper #app-usage ngapps-usage-details .usage-details-row,
  #wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row {
    display: flex;
  }
}
@media screen and (min-width: 800px) {
  #wrapper ngapps-usage ngapps-usage-details .usage-details-row,
  #wrapper #app-usage ngapps-usage-details .usage-details-row,
  #wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row {
    display: flex;
  }
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div,
#wrapper #app-usage ngapps-usage-details .usage-details-row div,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div {
  text-align: center;
}
@media screen and (min-width: 660px) and (max-width: 691px) {
  #wrapper ngapps-usage ngapps-usage-details .usage-details-row div,
  #wrapper #app-usage ngapps-usage-details .usage-details-row div,
  #wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div {
    border-left: 1px solid #b5b5b5;
    flex: 1;
  }
}
@media screen and (min-width: 800px) {
  #wrapper ngapps-usage ngapps-usage-details .usage-details-row div,
  #wrapper #app-usage ngapps-usage-details .usage-details-row div,
  #wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div {
    border-left: 1px solid #b5b5b5;
    flex: 1;
  }
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div:first-child,
#wrapper #app-usage ngapps-usage-details .usage-details-row div:first-child,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div:first-child {
  border-left: none;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div > p,
#wrapper #app-usage ngapps-usage-details .usage-details-row div > p,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div > p {
  margin-top: 1rem;
  min-height: 100px;
  position: relative;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div > p > span.units-amount, #wrapper ngapps-usage ngapps-usage-details .usage-details-row div > p > span.dollars-amount,
#wrapper #app-usage ngapps-usage-details .usage-details-row div > p > span.units-amount,
#wrapper #app-usage ngapps-usage-details .usage-details-row div > p > span.dollars-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div > p > span.units-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div > p > span.dollars-amount {
  display: block;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div.usage-details-this-month span.units-amount strong,
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div.usage-details-this-month span.dollars-amount strong, #wrapper ngapps-usage ngapps-usage-details .usage-details-row div.usage-details-last-month span.units-amount strong,
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div.usage-details-last-month span.dollars-amount strong, #wrapper ngapps-usage ngapps-usage-details .usage-details-row div.usage-details-last-year span.units-amount strong,
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div.usage-details-last-year span.dollars-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-details-row div.usage-details-this-month span.units-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-details-row div.usage-details-this-month span.dollars-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-details-row div.usage-details-last-month span.units-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-details-row div.usage-details-last-month span.dollars-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-details-row div.usage-details-last-year span.units-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-details-row div.usage-details-last-year span.dollars-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div.usage-details-this-month span.units-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div.usage-details-this-month span.dollars-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div.usage-details-last-month span.units-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div.usage-details-last-month span.dollars-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div.usage-details-last-year span.units-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div.usage-details-last-year span.dollars-amount strong {
  font-size: 4rem;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div .period-usage,
#wrapper #app-usage ngapps-usage-details .usage-details-row div .period-usage,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div .period-usage {
  margin-bottom: 0;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div .label,
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div .label span:first-child,
#wrapper #app-usage ngapps-usage-details .usage-details-row div .label,
#wrapper #app-usage ngapps-usage-details .usage-details-row div .label span:first-child,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div .label,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div .label span:first-child {
  color: #4a4a4a;
  text-transform: none;
  font-size: 16px;
  margin-bottom: 0.5rem;
  font-weight: 500;
  display: inline-block;
  border: none;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div span.units-amount,
#wrapper #app-usage ngapps-usage-details .usage-details-row div span.units-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div span.units-amount {
  display: block;
  font-size: 1.6rem;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div span.dollars-amount,
#wrapper #app-usage ngapps-usage-details .usage-details-row div span.dollars-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div span.dollars-amount {
  display: block;
  font-size: 1.6rem;
}
#wrapper ngapps-usage ngapps-usage-details .usage-details-row div .period-description,
#wrapper #app-usage ngapps-usage-details .usage-details-row div .period-description,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-details-row div .period-description {
  font-size: 0.8rem;
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row {
  display: flex;
  margin-right: -12px;
  margin-left: -12px;
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  border-left: 1px solid #b5b5b5;
  text-align: center;
}
@media (min-width: 576px) {
  #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div,
  #wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div,
  #wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div {
    flex: 0 0 46.1666666667%;
    max-width: 46.1666666667%;
  }
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div:first-child,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div:first-child,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div:first-child {
  border-left: none;
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .period-usage, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .period-usage, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .period-usage,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .period-usage,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .period-usage,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .period-usage,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .period-usage,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .period-usage,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .period-usage {
  margin-bottom: 0;
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .label,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .label span:first-child, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .label,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .label span:first-child, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .label,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .label span:first-child,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .label,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .label span:first-child,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .label,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .label span:first-child,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .label,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .label span:first-child,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .label,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month .label span:first-child,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .label,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month .label span:first-child,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .label,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year .label span:first-child {
  color: #4a4a4a;
  text-transform: none;
  font-size: 16px;
  margin-bottom: 0.5rem;
  font-weight: 500;
  display: inline-block;
  border: none;
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.units-amount,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.dollars-amount, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.units-amount,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.dollars-amount, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.units-amount,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.dollars-amount,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.units-amount,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.dollars-amount,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.units-amount,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.dollars-amount,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.units-amount,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.dollars-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.units-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.dollars-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.units-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.dollars-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.units-amount,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.dollars-amount {
  display: block;
  font-size: 1.6rem;
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.units-amount strong,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.dollars-amount strong, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.units-amount strong,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.dollars-amount strong, #wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.units-amount strong,
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.dollars-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.units-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.dollars-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.units-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.dollars-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.units-amount strong,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.dollars-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.units-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-this-month span.dollars-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.units-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-month span.dollars-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.units-amount strong,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div.usage-details-last-year span.dollars-amount strong {
  font-size: 4rem;
}
#wrapper ngapps-usage ngapps-usage-details .usage-year-comparision-details-row div .period-description,
#wrapper #app-usage ngapps-usage-details .usage-year-comparision-details-row div .period-description,
#wrapper ngapps-usage-daily ngapps-usage-details .usage-year-comparision-details-row div .period-description {
  font-size: 0.8rem;
}
#wrapper ngapps-usage ngapps-usage-details #download-usage-data,
#wrapper #app-usage ngapps-usage-details #download-usage-data,
#wrapper ngapps-usage-daily ngapps-usage-details #download-usage-data {
  text-align: center;
  border-bottom: 1px solid gray;
  margin: 1rem auto;
  padding: 1.5rem 0;
}
#wrapper ngapps-usage ngapps-usage-details #download-usage-data i,
#wrapper #app-usage ngapps-usage-details #download-usage-data i,
#wrapper ngapps-usage-daily ngapps-usage-details #download-usage-data i {
  padding-right: 1rem;
  font-size: 1.5rem;
}
#wrapper ngapps-usage ngapps-usage-table,
#wrapper #app-usage ngapps-usage-table,
#wrapper ngapps-usage-daily ngapps-usage-table {
  display: block;
}
#wrapper ngapps-usage ngapps-usage-table h2,
#wrapper #app-usage ngapps-usage-table h2,
#wrapper ngapps-usage-daily ngapps-usage-table h2 {
  margin: 1rem 0;
}
#wrapper ngapps-usage ngapps-usage-table h2 a,
#wrapper #app-usage ngapps-usage-table h2 a,
#wrapper ngapps-usage-daily ngapps-usage-table h2 a {
  font-size: 2rem;
}
#wrapper ngapps-usage ngapps-usage-table table,
#wrapper #app-usage ngapps-usage-table table,
#wrapper ngapps-usage-daily ngapps-usage-table table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 47.9375rem) {
  #wrapper ngapps-usage ngapps-usage-table thead,
  #wrapper #app-usage ngapps-usage-table thead,
  #wrapper ngapps-usage-daily ngapps-usage-table thead {
    display: none;
  }
  #wrapper ngapps-usage ngapps-usage-table tr, #wrapper ngapps-usage ngapps-usage-table td,
  #wrapper #app-usage ngapps-usage-table tr,
  #wrapper #app-usage ngapps-usage-table td,
  #wrapper ngapps-usage-daily ngapps-usage-table tr,
  #wrapper ngapps-usage-daily ngapps-usage-table td {
    display: block;
  }
  #wrapper ngapps-usage ngapps-usage-table tr,
  #wrapper #app-usage ngapps-usage-table tr,
  #wrapper ngapps-usage-daily ngapps-usage-table tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper ngapps-usage ngapps-usage-table td,
  #wrapper #app-usage ngapps-usage-table td,
  #wrapper ngapps-usage-daily ngapps-usage-table td {
    text-align: left !important;
  }
  #wrapper ngapps-usage ngapps-usage-table strong.mobile-only,
  #wrapper #app-usage ngapps-usage-table strong.mobile-only,
  #wrapper ngapps-usage-daily ngapps-usage-table strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper ngapps-usage ngapps-usage-table td,
  #wrapper #app-usage ngapps-usage-table td,
  #wrapper ngapps-usage-daily ngapps-usage-table td {
    margin-bottom: 1rem;
  }
  #wrapper ngapps-usage ngapps-usage-table strong.mobile-only,
  #wrapper #app-usage ngapps-usage-table strong.mobile-only,
  #wrapper ngapps-usage-daily ngapps-usage-table strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-table .mobile-only,
  #wrapper #app-usage ngapps-usage-table .mobile-only,
  #wrapper ngapps-usage-daily ngapps-usage-table .mobile-only {
    display: none;
  }
  #wrapper ngapps-usage ngapps-usage-table thead,
  #wrapper #app-usage ngapps-usage-table thead,
  #wrapper ngapps-usage-daily ngapps-usage-table thead {
    background-color: #ededed;
  }
  #wrapper ngapps-usage ngapps-usage-table thead a,
  #wrapper #app-usage ngapps-usage-table thead a,
  #wrapper ngapps-usage-daily ngapps-usage-table thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper ngapps-usage ngapps-usage-table thead a:hover,
  #wrapper #app-usage ngapps-usage-table thead a:hover,
  #wrapper ngapps-usage-daily ngapps-usage-table thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper ngapps-usage ngapps-usage-table tbody tr,
  #wrapper #app-usage ngapps-usage-table tbody tr,
  #wrapper ngapps-usage-daily ngapps-usage-table tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper ngapps-usage ngapps-usage-table th, #wrapper ngapps-usage ngapps-usage-table td,
  #wrapper #app-usage ngapps-usage-table th,
  #wrapper #app-usage ngapps-usage-table td,
  #wrapper ngapps-usage-daily ngapps-usage-table th,
  #wrapper ngapps-usage-daily ngapps-usage-table td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper ngapps-usage ngapps-usage-table th.number, #wrapper ngapps-usage ngapps-usage-table th.currency, #wrapper ngapps-usage ngapps-usage-table td.number, #wrapper ngapps-usage ngapps-usage-table td.currency,
  #wrapper #app-usage ngapps-usage-table th.number,
  #wrapper #app-usage ngapps-usage-table th.currency,
  #wrapper #app-usage ngapps-usage-table td.number,
  #wrapper #app-usage ngapps-usage-table td.currency,
  #wrapper ngapps-usage-daily ngapps-usage-table th.number,
  #wrapper ngapps-usage-daily ngapps-usage-table th.currency,
  #wrapper ngapps-usage-daily ngapps-usage-table td.number,
  #wrapper ngapps-usage-daily ngapps-usage-table td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 70rem) {
  #wrapper ngapps-usage ngapps-usage-table th, #wrapper ngapps-usage ngapps-usage-table td,
  #wrapper #app-usage ngapps-usage-table th,
  #wrapper #app-usage ngapps-usage-table td,
  #wrapper ngapps-usage-daily ngapps-usage-table th,
  #wrapper ngapps-usage-daily ngapps-usage-table td {
    padding: 1rem 2rem;
  }
}
#wrapper ngapps-usage ngapps-usage-table th:first-child,
#wrapper ngapps-usage ngapps-usage-table td:first-child,
#wrapper #app-usage ngapps-usage-table th:first-child,
#wrapper #app-usage ngapps-usage-table td:first-child,
#wrapper ngapps-usage-daily ngapps-usage-table th:first-child,
#wrapper ngapps-usage-daily ngapps-usage-table td:first-child {
  text-align: left;
}
#wrapper ngapps-usage ngapps-usage-table-for .datepicker-containers,
#wrapper #app-usage ngapps-usage-table-for .datepicker-containers,
#wrapper ngapps-usage-daily ngapps-usage-table-for .datepicker-containers {
  padding-top: 1.5rem;
}
#wrapper ngapps-usage ngapps-usage-table-for .datepicker-containers::after,
#wrapper #app-usage ngapps-usage-table-for .datepicker-containers::after,
#wrapper ngapps-usage-daily ngapps-usage-table-for .datepicker-containers::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-usage ngapps-usage-table-for .datepicker-containers > div,
#wrapper #app-usage ngapps-usage-table-for .datepicker-containers > div,
#wrapper ngapps-usage-daily ngapps-usage-table-for .datepicker-containers > div {
  float: left;
  padding-right: 0.7rem;
}
#wrapper ngapps-usage ngapps-usage-table-for .datepicker-containers label.control-label, #wrapper ngapps-usage ngapps-usage-table-for .datepicker-containers mat-label.control-label,
#wrapper #app-usage ngapps-usage-table-for .datepicker-containers label.control-label,
#wrapper #app-usage ngapps-usage-table-for .datepicker-containers mat-label.control-label,
#wrapper ngapps-usage-daily ngapps-usage-table-for .datepicker-containers label.control-label,
#wrapper ngapps-usage-daily ngapps-usage-table-for .datepicker-containers mat-label.control-label {
  font-size: 1.2rem;
}
#wrapper ngapps-usage ngapps-usage-table-for .datepicker-containers .usage-for,
#wrapper #app-usage ngapps-usage-table-for .datepicker-containers .usage-for,
#wrapper ngapps-usage-daily ngapps-usage-table-for .datepicker-containers .usage-for {
  padding-top: 1rem;
}
#wrapper ngapps-usage ngapps-usage-table-for #startDate, #wrapper ngapps-usage ngapps-usage-table-for #endDate,
#wrapper #app-usage ngapps-usage-table-for #startDate,
#wrapper #app-usage ngapps-usage-table-for #endDate,
#wrapper ngapps-usage-daily ngapps-usage-table-for #startDate,
#wrapper ngapps-usage-daily ngapps-usage-table-for #endDate {
  border-width: 0 0 2px 0;
  background-color: initial !important;
  border-radius: 0;
}
#wrapper ngapps-usage ngapps-usage-table-history h2,
#wrapper #app-usage ngapps-usage-table-history h2,
#wrapper ngapps-usage-daily ngapps-usage-table-history h2 {
  margin: 1rem 0;
}
#wrapper ngapps-usage ngapps-usage-table-history h2 a,
#wrapper #app-usage ngapps-usage-table-history h2 a,
#wrapper ngapps-usage-daily ngapps-usage-table-history h2 a {
  font-size: 2rem;
}
#wrapper ngapps-usage ngapps-usage-table-history table,
#wrapper #app-usage ngapps-usage-table-history table,
#wrapper ngapps-usage-daily ngapps-usage-table-history table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 47.9375rem) {
  #wrapper ngapps-usage ngapps-usage-table-history thead,
  #wrapper #app-usage ngapps-usage-table-history thead,
  #wrapper ngapps-usage-daily ngapps-usage-table-history thead {
    display: none;
  }
  #wrapper ngapps-usage ngapps-usage-table-history tr, #wrapper ngapps-usage ngapps-usage-table-history td,
  #wrapper #app-usage ngapps-usage-table-history tr,
  #wrapper #app-usage ngapps-usage-table-history td,
  #wrapper ngapps-usage-daily ngapps-usage-table-history tr,
  #wrapper ngapps-usage-daily ngapps-usage-table-history td {
    display: block;
  }
  #wrapper ngapps-usage ngapps-usage-table-history tr,
  #wrapper #app-usage ngapps-usage-table-history tr,
  #wrapper ngapps-usage-daily ngapps-usage-table-history tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper ngapps-usage ngapps-usage-table-history td,
  #wrapper #app-usage ngapps-usage-table-history td,
  #wrapper ngapps-usage-daily ngapps-usage-table-history td {
    text-align: left !important;
  }
  #wrapper ngapps-usage ngapps-usage-table-history strong.mobile-only,
  #wrapper #app-usage ngapps-usage-table-history strong.mobile-only,
  #wrapper ngapps-usage-daily ngapps-usage-table-history strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper ngapps-usage ngapps-usage-table-history td,
  #wrapper #app-usage ngapps-usage-table-history td,
  #wrapper ngapps-usage-daily ngapps-usage-table-history td {
    margin-bottom: 1rem;
  }
  #wrapper ngapps-usage ngapps-usage-table-history strong.mobile-only,
  #wrapper #app-usage ngapps-usage-table-history strong.mobile-only,
  #wrapper ngapps-usage-daily ngapps-usage-table-history strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-usage ngapps-usage-table-history .mobile-only,
  #wrapper #app-usage ngapps-usage-table-history .mobile-only,
  #wrapper ngapps-usage-daily ngapps-usage-table-history .mobile-only {
    display: none;
  }
  #wrapper ngapps-usage ngapps-usage-table-history thead,
  #wrapper #app-usage ngapps-usage-table-history thead,
  #wrapper ngapps-usage-daily ngapps-usage-table-history thead {
    background-color: #ededed;
  }
  #wrapper ngapps-usage ngapps-usage-table-history thead a,
  #wrapper #app-usage ngapps-usage-table-history thead a,
  #wrapper ngapps-usage-daily ngapps-usage-table-history thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper ngapps-usage ngapps-usage-table-history thead a:hover,
  #wrapper #app-usage ngapps-usage-table-history thead a:hover,
  #wrapper ngapps-usage-daily ngapps-usage-table-history thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper ngapps-usage ngapps-usage-table-history tbody tr,
  #wrapper #app-usage ngapps-usage-table-history tbody tr,
  #wrapper ngapps-usage-daily ngapps-usage-table-history tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper ngapps-usage ngapps-usage-table-history th, #wrapper ngapps-usage ngapps-usage-table-history td,
  #wrapper #app-usage ngapps-usage-table-history th,
  #wrapper #app-usage ngapps-usage-table-history td,
  #wrapper ngapps-usage-daily ngapps-usage-table-history th,
  #wrapper ngapps-usage-daily ngapps-usage-table-history td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper ngapps-usage ngapps-usage-table-history th.number, #wrapper ngapps-usage ngapps-usage-table-history th.currency, #wrapper ngapps-usage ngapps-usage-table-history td.number, #wrapper ngapps-usage ngapps-usage-table-history td.currency,
  #wrapper #app-usage ngapps-usage-table-history th.number,
  #wrapper #app-usage ngapps-usage-table-history th.currency,
  #wrapper #app-usage ngapps-usage-table-history td.number,
  #wrapper #app-usage ngapps-usage-table-history td.currency,
  #wrapper ngapps-usage-daily ngapps-usage-table-history th.number,
  #wrapper ngapps-usage-daily ngapps-usage-table-history th.currency,
  #wrapper ngapps-usage-daily ngapps-usage-table-history td.number,
  #wrapper ngapps-usage-daily ngapps-usage-table-history td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 70rem) {
  #wrapper ngapps-usage ngapps-usage-table-history th, #wrapper ngapps-usage ngapps-usage-table-history td,
  #wrapper #app-usage ngapps-usage-table-history th,
  #wrapper #app-usage ngapps-usage-table-history td,
  #wrapper ngapps-usage-daily ngapps-usage-table-history th,
  #wrapper ngapps-usage-daily ngapps-usage-table-history td {
    padding: 1rem 2rem;
  }
}
#wrapper ngapps-usage ngapps-usage-table-history th:first-child,
#wrapper ngapps-usage ngapps-usage-table-history td:first-child,
#wrapper #app-usage ngapps-usage-table-history th:first-child,
#wrapper #app-usage ngapps-usage-table-history td:first-child,
#wrapper ngapps-usage-daily ngapps-usage-table-history th:first-child,
#wrapper ngapps-usage-daily ngapps-usage-table-history td:first-child {
  text-align: left;
}
@media screen and (min-width: 48rem) {
  #wrapper #app-usage ngapps-usage-chart .usage-text,
  #wrapper #app-usage ngapps-usage-chart .usage-temperature-text {
    transform: rotate(-90deg);
    padding: 0;
  }
  #wrapper #app-usage ngapps-usage-chart .usage-text {
    margin: 15% 0 0 -3rem;
  }
  #wrapper #app-usage ngapps-usage-chart .usage-temperature-text {
    margin: 15% -2rem 0 -3rem;
  }
  #wrapper #app-usage ngapps-usage-chart .usage-chart {
    margin-left: -2rem;
    width: calc(100% - 6rem);
  }
  #wrapper #app-usage ngapps-usage-daily-chart .usage-text,
  #wrapper #app-usage ngapps-usage-daily-chart .usage-temperature-text {
    transform: rotate(-90deg);
    padding: 0;
  }
  #wrapper #app-usage ngapps-usage-daily-chart .usage-text {
    margin: 15% 0 0 -3rem;
  }
  #wrapper #app-usage ngapps-usage-daily-chart .usage-temperature-text {
    margin: 15% -2rem 0 -3rem;
  }
  #wrapper #app-usage ngapps-usage-daily-chart .usage-chart {
    margin-left: -2rem;
    width: calc(100% - 3rem);
  }
}
#wrapper user-pins .message-error {
  color: red;
  font-size: 12pt;
}
#wrapper user-pins .pin-component {
  padding-top: 20px;
  padding-bottom: 20px;
}
#wrapper user-pins .pin-text-red {
  color: #ff6666;
}
#wrapper user-pins .pin-text-black {
  color: #000000;
}
#wrapper user-pins .pin-input-number {
  width: 150px;
}
#wrapper user-pins .pin-btn {
  width: 150px;
  margin-right: 15px;
  margin-bottom: 15px;
}
#wrapper user-pins .pin-create {
  padding: 15px 20px;
}
#wrapper user-pins .pin-create-bg {
  background-color: #ffffcc;
}
#wrapper user-pins .pin-modal-confirmation-btn {
  width: 250px;
  margin-right: 15px;
  margin-bottom: 15px;
}
#wrapper user-pins .pin-modal-confirmation-row {
  padding: 15px 25px;
}
#wrapper app-account-number .verify-box {
  float: right;
  margin-top: -40px;
  color: #006602;
}
#wrapper app-account-number .verify-text {
  padding-top: 10px;
  padding-right: 10px;
}
#wrapper app-account-number .verify-icon {
  margin-top: -5px;
}
#wrapper app-account-preferences .account-preferences-header,
#wrapper app-cp-account-preferences .account-preferences-header, #wrapper ngapps-cp-account-preferences .account-preferences-header {
  padding-top: 3rem;
  padding-bottom: 1rem;
  background-color: transparent;
}
#wrapper app-account-preferences .account-preferences-header h1,
#wrapper app-cp-account-preferences .account-preferences-header h1, #wrapper ngapps-cp-account-preferences .account-preferences-header h1 {
  margin: 0 0 38px 0;
}
#wrapper app-account-preferences .account-preferences-header p,
#wrapper app-cp-account-preferences .account-preferences-header p, #wrapper ngapps-cp-account-preferences .account-preferences-header p {
  line-height: 1rem;
}
#wrapper app-account-preferences .account-preferences-body .label-inline,
#wrapper app-cp-account-preferences .account-preferences-body .label-inline, #wrapper ngapps-cp-account-preferences .account-preferences-body .label-inline {
  width: 100%;
}
#wrapper app-account-preferences .account-preferences-body .input-inline,
#wrapper app-cp-account-preferences .account-preferences-body .input-inline, #wrapper ngapps-cp-account-preferences .account-preferences-body .input-inline {
  margin-top: -10px;
}
#wrapper app-account-preferences .account-preferences-body p,
#wrapper app-cp-account-preferences .account-preferences-body p, #wrapper ngapps-cp-account-preferences .account-preferences-body p {
  margin-bottom: 20px;
}
#wrapper app-account-preferences .cp-account-preferences-container,
#wrapper app-cp-account-preferences .cp-account-preferences-container, #wrapper ngapps-cp-account-preferences .cp-account-preferences-container {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-radio mat-label.ngp-radio-group-label,
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-radio mat-label.ngp-radio-group-label, #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-radio mat-label.ngp-radio-group-label {
  display: flex;
  width: inherit;
}
#wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-radio mat-radio-group mat-radio-button,
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-radio mat-radio-group mat-radio-button, #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-radio mat-radio-group mat-radio-button {
  display: flex !important;
  width: 100%;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}
#wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form label.mat-form-field-placeholder, #wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form mat-label.mat-form-field-placeholder,
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form label.mat-form-field-placeholder,
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form mat-label.mat-form-field-placeholder, #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form label.mat-form-field-placeholder, #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form mat-label.mat-form-field-placeholder {
  font-size: 1rem;
  color: #b5b5b5;
}
#wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-input-standard:nth-of-type(1),
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-input-standard:nth-of-type(1), #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-input-standard:nth-of-type(1) {
  display: inherit !important;
  margin-left: 2rem;
  margin-top: -4rem;
  width: 70%;
}
#wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-input-standard:nth-of-type(2n + 2),
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-input-standard:nth-of-type(2n + 2), #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form app-ngp-input-standard:nth-of-type(2n + 2) {
  margin-left: 2rem;
  margin-bottom: 1rem;
  width: 70%;
  margin-top: -1rem;
  display: inherit !important;
}
#wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form .mat-form-field-disabled .mat-form-field-underline,
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form .mat-form-field-disabled .mat-form-field-underline, #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form .mat-form-field-disabled .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42) !important;
  background-image: none !important;
}
#wrapper app-account-preferences .cp-account-preferences-container app-ngp-dynamic-form input.mat-input-element:disabled,
#wrapper app-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form input.mat-input-element:disabled, #wrapper ngapps-cp-account-preferences .cp-account-preferences-container app-ngp-dynamic-form input.mat-input-element:disabled {
  cursor: not-allowed;
}
#wrapper #text-alerts-enroll-buttonboxback {
  width: 300px;
  height: 40px;
  color: #aa0000;
  background-color: #eec6c6;
  position: relative;
  text-align: left;
  margin-left: 165px;
  margin-top: -37px;
  border-radius: 5px;
  border-color: #eec6c6;
}
#wrapper #text-alerts-enroll-buttonboxback:before {
  content: "";
  position: absolute;
  top: 0;
  left: -17px;
  border-style: solid;
  border-width: 20px 20px 20px 0;
  border-color: transparent #eec6c6 transparent transparent;
}
#wrapper app-account-preferences-confirmation h1,
#wrapper app-account-preferences-validation h1 {
  margin: 38px 0 38px 0;
}
#wrapper ngapps-dollar-help #enroll-container.spire-checkbox {
  border-top: 1px solid #b5b5b5;
  border-bottom: 1px solid #b5b5b5;
  margin: 2rem 0;
  padding: 3rem 0;
}
#wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] {
  position: absolute;
  opacity: 0;
}
#wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + label, #wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + mat-label {
  align-items: center;
  color: #4a4a4a;
  display: flex;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.5rem;
}
@media screen and (min-width: 640px) {
  #wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + label, #wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + mat-label {
    margin-left: 9rem;
  }
}
#wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + label:before, #wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + mat-label:before {
  content: "";
  height: 96px;
  min-width: 96px;
  width: 96px;
  background: url(/o/spire-mya-theme-css/images/dollarhelp/dollarhelp-checkbox.png) no-repeat;
  background-position-y: 0;
  border: none;
}
#wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + label:after, #wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox] + mat-label:after {
  content: "";
  visibility: hidden;
}
#wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox]:checked + label:before, #wrapper ngapps-dollar-help #enroll-container.spire-checkbox input[type=checkbox]:checked + mat-label:before {
  content: "";
  background-position-y: -192px;
}
#wrapper ngapps-dollar-help form {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}
#wrapper ngapps-dollar-help .different-amount-input-container > input {
  display: inline-block;
}
#wrapper ngapps-dollar-help input[type=text]#differentAmount {
  width: 10rem;
}
#wrapper ngapps-dollar-help .spire-padding-10 {
  padding-left: 2rem;
}
#wrapper ngapps-dollar-help .modal-dialog {
  width: 100%;
}
@media (min-width: 768px) {
  #wrapper ngapps-dollar-help .modal-dialog {
    width: 38rem;
  }
}
@media (min-width: 992px) {
  #wrapper ngapps-dollar-help .modal-lg {
    width: 38rem;
  }
}
#wrapper ngapps-dollar-help ngapps-dollar-help-form div.dynamic-form {
  padding-left: 8rem;
}
#wrapper ngapps-dollar-help ngapps-dollar-help-form mat-radio-button {
  display: flex;
  padding-bottom: 1.2rem;
}
#wrapper ngapps-dollar-help ngapps-dollar-help-form app-ngp-radio div.ngp-form-field {
  padding-left: 3rem;
}
#wrapper ngapps-dollar-help ngapps-dollar-help-form app-ngp-input-standard {
  padding-left: 3rem;
}
#wrapper ngapps-dollar-help ngapps-dollar-help-form app-ngp-input-standard mat-label {
  padding-right: 0.5rem;
}
#wrapper ngapps-dollar-help ngapps-dollar-help-form app-ngp-input-standard mat-form-field {
  position: absolute;
  width: 15%;
}
#wrapper ngapps-dollar-help ngapps-dollar-help-form app-ngp-input-standard mat-form-field div.mat-form-field-infix {
  margin-top: -1.2rem;
}
#wrapper ngapps-contribution-history .text-bold,
#wrapper ngapps-carboffset-history .text-bold {
  font-weight: bold;
}
#wrapper ngapps-contribution-history .width-100per,
#wrapper ngapps-carboffset-history .width-100per {
  width: 100%;
}
#wrapper ngapps-contribution-history .empty-table,
#wrapper ngapps-carboffset-history .empty-table {
  margin-bottom: 0;
}
#wrapper ngapps-contribution-history-header .history-datepicker-containers::after,
#wrapper ngapps-carboffset-history-header .history-datepicker-containers::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-contribution-history-header .history-datepicker-containers > div,
#wrapper ngapps-carboffset-history-header .history-datepicker-containers > div {
  float: left;
  min-width: 360px;
  padding: 1rem 2rem;
}
#wrapper ngapps-usage-table-for app-ngp-dynamic-form .dynamic-form,
#wrapper ngapps-contribution-history-form-header app-ngp-dynamic-form .dynamic-form,
#wrapper ngapps-carboffset-history-form-header app-ngp-dynamic-form .dynamic-form {
  display: inline-flex;
  padding-left: 1.5rem;
}
#wrapper ngapps-usage-table-for app-ngp-dynamic-form app-ngp-simple-date-picker,
#wrapper ngapps-contribution-history-form-header app-ngp-dynamic-form app-ngp-simple-date-picker,
#wrapper ngapps-carboffset-history-form-header app-ngp-dynamic-form app-ngp-simple-date-picker {
  padding-right: 2rem;
}
#wrapper ngapps-usage-table-for app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field,
#wrapper ngapps-contribution-history-form-header app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field,
#wrapper ngapps-carboffset-history-form-header app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field {
  width: 12rem !important;
}
#wrapper ngapps-usage-table-for app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field .mat-form-field-flex,
#wrapper ngapps-contribution-history-form-header app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field .mat-form-field-flex,
#wrapper ngapps-carboffset-history-form-header app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field .mat-form-field-flex {
  border: 1px solid #869cad;
  background: transparent !important;
  border-radius: 0;
  border-width: 0 0 2px 0;
}
#wrapper ngapps-usage-table-for .buttons,
#wrapper ngapps-contribution-history-form-header .buttons,
#wrapper ngapps-carboffset-history-form-header .buttons {
  padding-bottom: 1rem;
}
#wrapper ngapps-contribution-history-list h2,
#wrapper ngapps-carboffset-history-list h2 {
  margin: 1rem 0;
}
#wrapper ngapps-contribution-history-list h2 a,
#wrapper ngapps-carboffset-history-list h2 a {
  font-size: 2rem;
}
#wrapper ngapps-contribution-history-list table,
#wrapper ngapps-carboffset-history-list table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 34.9375rem) {
  #wrapper ngapps-contribution-history-list thead,
  #wrapper ngapps-carboffset-history-list thead {
    display: none;
  }
  #wrapper ngapps-contribution-history-list tr, #wrapper ngapps-contribution-history-list td,
  #wrapper ngapps-carboffset-history-list tr,
  #wrapper ngapps-carboffset-history-list td {
    display: block;
  }
  #wrapper ngapps-contribution-history-list tr,
  #wrapper ngapps-carboffset-history-list tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper ngapps-contribution-history-list td,
  #wrapper ngapps-carboffset-history-list td {
    text-align: left !important;
  }
  #wrapper ngapps-contribution-history-list strong.mobile-only,
  #wrapper ngapps-carboffset-history-list strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper ngapps-contribution-history-list td,
  #wrapper ngapps-carboffset-history-list td {
    margin-bottom: 1rem;
  }
  #wrapper ngapps-contribution-history-list strong.mobile-only,
  #wrapper ngapps-carboffset-history-list strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 35rem) {
  #wrapper ngapps-contribution-history-list .mobile-only,
  #wrapper ngapps-carboffset-history-list .mobile-only {
    display: none;
  }
  #wrapper ngapps-contribution-history-list thead,
  #wrapper ngapps-carboffset-history-list thead {
    background-color: #ededed;
  }
  #wrapper ngapps-contribution-history-list thead a,
  #wrapper ngapps-carboffset-history-list thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper ngapps-contribution-history-list thead a:hover,
  #wrapper ngapps-carboffset-history-list thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper ngapps-contribution-history-list tbody tr,
  #wrapper ngapps-carboffset-history-list tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper ngapps-contribution-history-list th, #wrapper ngapps-contribution-history-list td,
  #wrapper ngapps-carboffset-history-list th,
  #wrapper ngapps-carboffset-history-list td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper ngapps-contribution-history-list th.number, #wrapper ngapps-contribution-history-list th.currency, #wrapper ngapps-contribution-history-list td.number, #wrapper ngapps-contribution-history-list td.currency,
  #wrapper ngapps-carboffset-history-list th.number,
  #wrapper ngapps-carboffset-history-list th.currency,
  #wrapper ngapps-carboffset-history-list td.number,
  #wrapper ngapps-carboffset-history-list td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 38rem) {
  #wrapper ngapps-contribution-history-list th, #wrapper ngapps-contribution-history-list td,
  #wrapper ngapps-carboffset-history-list th,
  #wrapper ngapps-carboffset-history-list td {
    padding: 1rem 2rem;
  }
}
#wrapper ngapps-contribution-history-list table,
#wrapper ngapps-carboffset-history-list table {
  max-width: 680px;
}
#wrapper ngapps-contribution-history-list #dlhEmptyResult, #wrapper ngapps-contribution-history-list #empty-result,
#wrapper ngapps-carboffset-history-list #dlhEmptyResult,
#wrapper ngapps-carboffset-history-list #empty-result {
  max-width: 680px;
}
#wrapper ngapps-contribution-history-list #download-pdf-section,
#wrapper ngapps-carboffset-history-list #download-pdf-section {
  padding-bottom: 2rem;
  padding-right: 2rem;
  float: left;
}
#wrapper ngapps-rebate-main-page .rebate-form-top {
  display: flex;
  flex-direction: row;
  padding-top: 2rem;
}
@media only screen and (max-width: 30rem) {
  #wrapper ngapps-rebate-main-page .rebate-form-top {
    flex-flow: column;
  }
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info {
  flex: 60%;
  padding-right: 2rem;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info .customer-rebate-form app-ngp-dynamic-form .rb-ci-street {
  width: 71%;
  margin-right: 1rem;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info .customer-rebate-form app-ngp-dynamic-form .rb-ci-unit {
  width: calc(29% - 1rem);
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info .customer-rebate-form app-ngp-dynamic-form .rb-ci-city {
  width: 50%;
  margin-right: 1rem;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info .customer-rebate-form app-ngp-dynamic-form .rb-ci-state {
  width: calc(28% - 1rem);
  margin-right: 1rem;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info .customer-rebate-form app-ngp-dynamic-form .rb-ci-zipcode {
  width: calc(22% - 1rem);
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info .customer-rebate-form app-ngp-dynamic-form .rb-ci-phone-no {
  width: 50%;
  margin-right: 1rem;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-customer-info .customer-rebate-form app-ngp-dynamic-form .rb-ci-account-no {
  width: calc(50% - 1rem);
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-gas-products {
  flex: 39%;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-gas-products .other-gas-product-form fieldset {
  border: 1px solid #999;
  border-radius: 8px;
  border-radius: 1px;
  padding-left: 15px;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-gas-products .other-gas-product-form fieldset legend {
  background: #fff;
  font-weight: 600;
  padding: 5px 10px;
  font-size: inherit;
  margin-left: 20px;
  max-width: fit-content;
}
#wrapper ngapps-rebate-main-page .rebate-form-top ngapps-rebate-gas-products .other-gas-product-form fieldset app-ngp-dynamic-form div.dynamic-form {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 0.7rem;
}
#wrapper ngapps-rebate-main-page .rebate-buttons-container {
  margin-top: 2rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-installing-contractor .installing-contractor-form {
  width: 99%;
  margin-top: 2rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-installing-contractor .installing-contractor-form app-ngp-dynamic-form .rb-cl-license-type {
  width: 35%;
  padding-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-installing-contractor .installing-contractor-form app-ngp-dynamic-form .rb-cl-license-number {
  width: 32%;
  padding-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-installing-contractor .installing-contractor-form app-ngp-dynamic-form .rb-ci-phone-no {
  width: 33%;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form {
  width: calc(59% - 1rem);
  margin-top: 2rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form mat-radio-group mat-radio-button {
  margin-right: 4rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form app-ngp-dynamic-form .rb-ci-street {
  width: 71%;
  margin-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form app-ngp-dynamic-form .rb-ci-unit {
  width: calc(29% - 1rem);
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form app-ngp-dynamic-form .rb-ci-city {
  width: 50%;
  margin-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form app-ngp-dynamic-form .rb-ci-state {
  width: calc(28% - 1rem);
  margin-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form app-ngp-dynamic-form .rb-ci-zipcode {
  width: calc(22% - 1rem);
}
#wrapper ngapps-rebate-main-page ngapps-rebate-payment-options .rebate-payment-options-form .mailing-address-selection-form {
  padding-top: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form {
  margin-top: 2rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace {
  display: flex;
  column-gap: 4rem;
  margin-top: 1rem;
}
@media only screen and (max-width: 30rem) {
  #wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace {
    flex-flow: column;
  }
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace .switch-and-replace-items {
  flex: 45%;
  padding-top: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace .switch-and-replace-items app-ngp-dynamic-form div.dynamic-form {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace .switch-and-replace-items app-ngp-dynamic-form div.dynamic-form mat-radio-button {
  border: 1px solid #ededed;
  padding: 10px;
  width: 100%;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace .switch-and-replace-items app-ngp-dynamic-form div.dynamic-form mat-radio-button .mat-radio-label {
  align-items: start;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace .switch-and-replace-items app-ngp-dynamic-form div.dynamic-form mat-radio-button .mat-radio-label .mat-radio-container {
  margin-top: 5px;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace .switch-and-replace-items app-ngp-dynamic-form div.dynamic-form mat-radio-button .mat-radio-label .mat-radio-label-content {
  text-wrap: auto;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .switch-and-replace .switch-and-replace-items .row-header {
  text-align: center;
  font-size: large;
  font-weight: 600;
  color: #e87322;
  border-top: 3px solid #ededed;
  border-right: 3px solid #ededed;
  border-left: 3px solid #ededed;
  width: 100%;
  padding: 10px;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-qualify-purchase-options .qualify-purchase-form .qualifying-purchase-hint {
  margin-top: 1rem;
  font-size: 0.75rem;
  font-style: italic;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form {
  margin-top: 2rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list {
  display: table;
  width: 100%;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div {
  display: flex;
  flex-wrap: wrap;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-input-validation:nth-of-type(1) {
  flex: 2;
  padding-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-input-validation:nth-of-type(2) {
  flex: 1.5;
  padding-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-input-validation:nth-of-type(3) {
  flex: 1;
  padding-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-input-validation:nth-of-type(4) {
  flex: 1;
  padding-right: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-simple-date-picker {
  flex: 1;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-simple-date-picker mat-form-field {
  width: 100% !important;
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex {
  font-size: initial;
  padding: 0.25em 0em 0rem 0rem;
  background: transparent !important;
  margin-bottom: -17.6px;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex {
    margin-bottom: -14px;
  }
}
#wrapper ngapps-rebate-main-page ngapps-rebate-enter-appliances .select-appliance-form .new-appliance-list .new-appliance-col > div button.remove-appliance-btn {
  background: none;
  border: none;
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader .attachments {
  margin-top: 2rem;
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-drop .file-drop-wrapper {
  display: flex;
  border: 2px dashed #ecf0f1;
  border-radius: 3px;
  padding: 20px 10px;
  background: rgb(238, 238, 238);
}
@media only screen and (max-width: 30rem) {
  #wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-drop .file-drop-wrapper {
    flex-flow: column;
  }
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-drop .file-input {
  display: none;
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-table .files-list .file-element {
  border-bottom: 1px solid #979797;
  display: flex;
  line-height: normal;
  padding: 5px;
}
@media only screen and (max-width: 30rem) {
  #wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-table .files-list .file-element {
    flex-flow: row;
  }
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-table .files-list .file-element .info {
  width: 100%;
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-table .files-list .file-element .size {
  font-size: x-small;
  color: #b5b5b5;
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader ngapps-ngx-file-table .files-list .file-element .delete {
  display: block;
  cursor: pointer;
  padding-top: 0.6rem;
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader .file-table-wrapper {
  padding-top: 1rem;
}
#wrapper ngapps-rebate-main-page ngapps-ngx-uploader span.extensions {
  font-size: small;
  color: #b5b5b5;
}
#wrapper ngapps-rebate-main-page terms-and-conditions h3 {
  padding-top: 2rem;
}

energyx-popup-component {
  background: #ffffff;
  color: #4a4a4a;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.875rem;
}
energyx-popup-component .action-div button.btn.btn-primary {
  color: white;
  background: #e87322;
  border-color: #e87322;
  height: auto;
  font-size: 16px;
  min-width: 90px;
  padding: 0 10px;
}

#wrapper ebill-enrollment .clear-both, #wrapper ebill-enrollment-enrolled .clear-both {
  clear: both;
}
#wrapper ebill-enrollment form, #wrapper ebill-enrollment-enrolled form {
  padding: 1rem 0;
}
#wrapper ebill-enrollment #send-email-to, #wrapper ebill-enrollment-enrolled #send-email-to {
  padding: 1rem 0 2rem 2rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #ededed;
}
#wrapper ebill-enrollment #send-email-to p, #wrapper ebill-enrollment-enrolled #send-email-to p {
  clear: both;
}
#wrapper ebill-enrollment #send-email-to .my-email-address, #wrapper ebill-enrollment-enrolled #send-email-to .my-email-address {
  float: left;
  margin-bottom: 2rem;
}
#wrapper ebill-enrollment .confirmation-modal, #wrapper ebill-enrollment-enrolled .confirmation-modal {
  position: relative;
  height: 100%;
}
#wrapper ngapps-budget-billing h2 {
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
#wrapper ngapps-budget-billing .plan-summary {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
  margin-top: 2rem;
}
#wrapper ngapps-budget-billing .plan-summary::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-budget-billing .plan-details {
  margin-bottom: 3rem;
}
#wrapper ngapps-budget-billing .plan-details::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-budget-billing .plan-details section {
  float: left;
  margin-right: 4rem;
}
#wrapper ngapps-budget-billing span.amount {
  margin-left: 0.25rem;
}
#wrapper ngapps-budget-billing .stop-button {
  margin-top: 2rem;
}
#wrapper ngapps-budget-billing .message-position {
  position: inherit !important;
}
#wrapper ngapps-budget-billing .message-sign {
  padding-right: 10px;
}
#wrapper ngapps-budget-billing .message-align {
  vertical-align: text-bottom;
}
#wrapper ngapps-budget-billing .confirmation-modal {
  position: relative;
  height: 100%;
}
#wrapper ngapps-budget-billing .message-height {
  min-height: 5.3125rem;
  padding-bottom: 1rem;
}
#wrapper ngapps-budget-billing .amount {
  font-size: 1.75rem;
}
#wrapper bill-payment-history h2, #wrapper payment-history h2, #wrapper bill-payment-history-summary h2, #wrapper ngapps-bill-payment-history h2 {
  margin: 1rem 0;
}
#wrapper bill-payment-history h2 a, #wrapper payment-history h2 a, #wrapper bill-payment-history-summary h2 a, #wrapper ngapps-bill-payment-history h2 a {
  font-size: 2rem;
}
#wrapper bill-payment-history table, #wrapper payment-history table, #wrapper bill-payment-history-summary table, #wrapper ngapps-bill-payment-history table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 34.9375rem) {
  #wrapper bill-payment-history thead, #wrapper payment-history thead, #wrapper bill-payment-history-summary thead, #wrapper ngapps-bill-payment-history thead {
    display: none;
  }
  #wrapper bill-payment-history tr, #wrapper bill-payment-history td, #wrapper payment-history tr, #wrapper payment-history td, #wrapper bill-payment-history-summary tr, #wrapper bill-payment-history-summary td, #wrapper ngapps-bill-payment-history tr, #wrapper ngapps-bill-payment-history td {
    display: block;
  }
  #wrapper bill-payment-history tr, #wrapper payment-history tr, #wrapper bill-payment-history-summary tr, #wrapper ngapps-bill-payment-history tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper bill-payment-history td, #wrapper payment-history td, #wrapper bill-payment-history-summary td, #wrapper ngapps-bill-payment-history td {
    text-align: left !important;
  }
  #wrapper bill-payment-history strong.mobile-only, #wrapper payment-history strong.mobile-only, #wrapper bill-payment-history-summary strong.mobile-only, #wrapper ngapps-bill-payment-history strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper bill-payment-history td, #wrapper payment-history td, #wrapper bill-payment-history-summary td, #wrapper ngapps-bill-payment-history td {
    margin-bottom: 1rem;
  }
  #wrapper bill-payment-history strong.mobile-only, #wrapper payment-history strong.mobile-only, #wrapper bill-payment-history-summary strong.mobile-only, #wrapper ngapps-bill-payment-history strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 35rem) {
  #wrapper bill-payment-history .mobile-only, #wrapper payment-history .mobile-only, #wrapper bill-payment-history-summary .mobile-only, #wrapper ngapps-bill-payment-history .mobile-only {
    display: none;
  }
  #wrapper bill-payment-history thead, #wrapper payment-history thead, #wrapper bill-payment-history-summary thead, #wrapper ngapps-bill-payment-history thead {
    background-color: #ededed;
  }
  #wrapper bill-payment-history thead a, #wrapper payment-history thead a, #wrapper bill-payment-history-summary thead a, #wrapper ngapps-bill-payment-history thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper bill-payment-history thead a:hover, #wrapper payment-history thead a:hover, #wrapper bill-payment-history-summary thead a:hover, #wrapper ngapps-bill-payment-history thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper bill-payment-history tbody tr, #wrapper payment-history tbody tr, #wrapper bill-payment-history-summary tbody tr, #wrapper ngapps-bill-payment-history tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper bill-payment-history th, #wrapper bill-payment-history td, #wrapper payment-history th, #wrapper payment-history td, #wrapper bill-payment-history-summary th, #wrapper bill-payment-history-summary td, #wrapper ngapps-bill-payment-history th, #wrapper ngapps-bill-payment-history td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper bill-payment-history th.number, #wrapper bill-payment-history th.currency, #wrapper bill-payment-history td.number, #wrapper bill-payment-history td.currency, #wrapper payment-history th.number, #wrapper payment-history th.currency, #wrapper payment-history td.number, #wrapper payment-history td.currency, #wrapper bill-payment-history-summary th.number, #wrapper bill-payment-history-summary th.currency, #wrapper bill-payment-history-summary td.number, #wrapper bill-payment-history-summary td.currency, #wrapper ngapps-bill-payment-history th.number, #wrapper ngapps-bill-payment-history th.currency, #wrapper ngapps-bill-payment-history td.number, #wrapper ngapps-bill-payment-history td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 38rem) {
  #wrapper bill-payment-history th, #wrapper bill-payment-history td, #wrapper payment-history th, #wrapper payment-history td, #wrapper bill-payment-history-summary th, #wrapper bill-payment-history-summary td, #wrapper ngapps-bill-payment-history th, #wrapper ngapps-bill-payment-history td {
    padding: 1rem 2rem;
  }
}
#wrapper bill-payment-history td.show-premises, #wrapper ngapps-bill-payment-history td.show-premises {
  text-align: center;
}
#wrapper bill-payment-history tr.expanded, #wrapper ngapps-bill-payment-history tr.expanded {
  border-bottom: 1px solid white;
}
#wrapper bill-payment-history tr.premises-list-container, #wrapper ngapps-bill-payment-history tr.premises-list-container {
  border-bottom: none;
}
#wrapper bill-payment-history td.premises-list, #wrapper ngapps-bill-payment-history td.premises-list {
  border-bottom: 1px solid #b5b5b5;
  font-size: 0.875rem;
  padding-top: 0;
}
#wrapper bill-payment-history td.premises-list > ul, #wrapper ngapps-bill-payment-history td.premises-list > ul {
  max-height: 10rem;
  overflow-y: auto;
}
#wrapper billing-and-payment-history .nav.nav-pills, #wrapper ngapps-transactions .nav.nav-pills {
  padding-bottom: 15px;
  padding-top: 1rem;
}
#wrapper billing-and-payment-history ul, #wrapper ngapps-transactions ul {
  list-style: none;
}
#wrapper billing-and-payment-history li, #wrapper ngapps-transactions li {
  padding-right: 1rem;
}
#wrapper billing-and-payment-history .relative-table-cell, #wrapper ngapps-transactions .relative-table-cell {
  position: relative;
}
#wrapper billing-and-payment-history .link-disabled, #wrapper ngapps-transactions .link-disabled {
  pointer-events: none;
  cursor: default;
  text-decoration: none !important;
}
#wrapper billing-and-payment-history a.link-disabled:hover, #wrapper ngapps-transactions a.link-disabled:hover {
  text-decoration: none !important;
}
#wrapper ngapps-view-statement-form {
  display: block;
  margin-top: 4rem;
  border-bottom: 1px solid #979797;
  margin-bottom: 4rem;
}
#wrapper ngapps-view-statement-form h2 {
  margin: 1rem 0;
  color: #dd6716;
}
#wrapper ngapps-view-statement-form h3 {
  background-color: #ededed;
  padding: 1.5rem 1rem;
}
#wrapper ngapps-view-statement-form app-ngp-dynamic-form .dynamic-form {
  display: inline-flex;
  padding-left: 1.5rem;
}
#wrapper ngapps-view-statement-form app-ngp-dynamic-form .dynamic-form app-ngp-select .mat-form-field-wrapper {
  margin-right: 2rem;
  padding-bottom: 2rem !important;
}
#wrapper ngapps-view-statement-form app-ngp-dynamic-form .dynamic-form app-ngp-select .mat-form-field-flex {
  padding-top: 1rem;
  width: 30rem;
  background: transparent !important;
}
#wrapper ngapps-view-statement-form app-ngp-dynamic-form app-ngp-simple-date-picker {
  padding-right: 2rem;
}
#wrapper ngapps-view-statement-form app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field {
  width: 12rem !important;
}
#wrapper ngapps-view-statement-form app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field .mat-form-field-flex {
  border: 1px solid #869cad;
  border-radius: 0;
  border-width: 0 0 2px 0;
  background: transparent !important;
}
#wrapper ngapps-view-statement-form .buttons {
  padding-bottom: 1rem;
}
#wrapper account-statement h2, #wrapper ngapps-account-statement h2 {
  margin: 1rem 0;
}
#wrapper account-statement h2 a, #wrapper ngapps-account-statement h2 a {
  font-size: 2rem;
}
#wrapper account-statement table, #wrapper ngapps-account-statement table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 34.9375rem) {
  #wrapper account-statement thead, #wrapper ngapps-account-statement thead {
    display: none;
  }
  #wrapper account-statement tr, #wrapper account-statement td, #wrapper ngapps-account-statement tr, #wrapper ngapps-account-statement td {
    display: block;
  }
  #wrapper account-statement tr, #wrapper ngapps-account-statement tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper account-statement td, #wrapper ngapps-account-statement td {
    text-align: left !important;
  }
  #wrapper account-statement strong.mobile-only, #wrapper ngapps-account-statement strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper account-statement td, #wrapper ngapps-account-statement td {
    margin-bottom: 1rem;
  }
  #wrapper account-statement strong.mobile-only, #wrapper ngapps-account-statement strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 35rem) {
  #wrapper account-statement .mobile-only, #wrapper ngapps-account-statement .mobile-only {
    display: none;
  }
  #wrapper account-statement thead, #wrapper ngapps-account-statement thead {
    background-color: #ededed;
  }
  #wrapper account-statement thead a, #wrapper ngapps-account-statement thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper account-statement thead a:hover, #wrapper ngapps-account-statement thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper account-statement tbody tr, #wrapper ngapps-account-statement tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper account-statement th, #wrapper account-statement td, #wrapper ngapps-account-statement th, #wrapper ngapps-account-statement td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper account-statement th.number, #wrapper account-statement th.currency, #wrapper account-statement td.number, #wrapper account-statement td.currency, #wrapper ngapps-account-statement th.number, #wrapper ngapps-account-statement th.currency, #wrapper ngapps-account-statement td.number, #wrapper ngapps-account-statement td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 38rem) {
  #wrapper account-statement th, #wrapper account-statement td, #wrapper ngapps-account-statement th, #wrapper ngapps-account-statement td {
    padding: 1rem 2rem;
  }
}
#wrapper account-statement .text-bold, #wrapper ngapps-account-statement .text-bold {
  font-weight: bold;
}
#wrapper account-statement .empty-table, #wrapper ngapps-account-statement .empty-table {
  margin-bottom: 0;
}
#wrapper account-statement .message-sign, #wrapper ngapps-account-statement .message-sign {
  padding-right: 10px;
}
#wrapper account-statement .account-info, #wrapper ngapps-account-statement .account-info {
  width: 20rem;
}
#wrapper app-agency-assistance app-ngp-message, #wrapper ngapps-assistance-history app-ngp-message {
  width: 100%;
}
#wrapper app-agency-assistance .agency-assistance, #wrapper ngapps-assistance-history .agency-assistance {
  margin-top: 3rem;
}
#wrapper app-agency-assistance .agency-assistance h2, #wrapper ngapps-assistance-history .agency-assistance h2 {
  margin: 1rem 0;
}
#wrapper app-agency-assistance .agency-assistance h2 a, #wrapper ngapps-assistance-history .agency-assistance h2 a {
  font-size: 2rem;
}
#wrapper app-agency-assistance .agency-assistance table, #wrapper ngapps-assistance-history .agency-assistance table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 34.9375rem) {
  #wrapper app-agency-assistance .agency-assistance thead, #wrapper ngapps-assistance-history .agency-assistance thead {
    display: none;
  }
  #wrapper app-agency-assistance .agency-assistance tr, #wrapper app-agency-assistance .agency-assistance td, #wrapper ngapps-assistance-history .agency-assistance tr, #wrapper ngapps-assistance-history .agency-assistance td {
    display: block;
  }
  #wrapper app-agency-assistance .agency-assistance tr, #wrapper ngapps-assistance-history .agency-assistance tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper app-agency-assistance .agency-assistance td, #wrapper ngapps-assistance-history .agency-assistance td {
    text-align: left !important;
  }
  #wrapper app-agency-assistance .agency-assistance strong.mobile-only, #wrapper ngapps-assistance-history .agency-assistance strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper app-agency-assistance .agency-assistance td, #wrapper ngapps-assistance-history .agency-assistance td {
    margin-bottom: 1rem;
  }
  #wrapper app-agency-assistance .agency-assistance strong.mobile-only, #wrapper ngapps-assistance-history .agency-assistance strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 35rem) {
  #wrapper app-agency-assistance .agency-assistance .mobile-only, #wrapper ngapps-assistance-history .agency-assistance .mobile-only {
    display: none;
  }
  #wrapper app-agency-assistance .agency-assistance thead, #wrapper ngapps-assistance-history .agency-assistance thead {
    background-color: #ededed;
  }
  #wrapper app-agency-assistance .agency-assistance thead a, #wrapper ngapps-assistance-history .agency-assistance thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper app-agency-assistance .agency-assistance thead a:hover, #wrapper ngapps-assistance-history .agency-assistance thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper app-agency-assistance .agency-assistance tbody tr, #wrapper ngapps-assistance-history .agency-assistance tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper app-agency-assistance .agency-assistance th, #wrapper app-agency-assistance .agency-assistance td, #wrapper ngapps-assistance-history .agency-assistance th, #wrapper ngapps-assistance-history .agency-assistance td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper app-agency-assistance .agency-assistance th.number, #wrapper app-agency-assistance .agency-assistance th.currency, #wrapper app-agency-assistance .agency-assistance td.number, #wrapper app-agency-assistance .agency-assistance td.currency, #wrapper ngapps-assistance-history .agency-assistance th.number, #wrapper ngapps-assistance-history .agency-assistance th.currency, #wrapper ngapps-assistance-history .agency-assistance td.number, #wrapper ngapps-assistance-history .agency-assistance td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 60rem) {
  #wrapper app-agency-assistance .agency-assistance th, #wrapper app-agency-assistance .agency-assistance td, #wrapper ngapps-assistance-history .agency-assistance th, #wrapper ngapps-assistance-history .agency-assistance td {
    padding: 1rem 2rem;
  }
}
#wrapper app-agency-assistance .agency-assistance table, #wrapper ngapps-assistance-history .agency-assistance table {
  width: 100%;
}
@media screen and (min-width: 35rem) {
  #wrapper app-agency-assistance .agency-assistance table th, #wrapper app-agency-assistance .agency-assistance table td, #wrapper ngapps-assistance-history .agency-assistance table th, #wrapper ngapps-assistance-history .agency-assistance table td {
    width: 25%;
  }
  #wrapper app-agency-assistance .agency-assistance table .currency, #wrapper ngapps-assistance-history .agency-assistance table .currency {
    text-align: right;
  }
  #wrapper app-agency-assistance .agency-assistance table .currency > div, #wrapper ngapps-assistance-history .agency-assistance table .currency > div {
    margin-right: 10rem;
  }
}
#wrapper app-agency-assistance .agency-assistance .do-not-have, #wrapper ngapps-assistance-history .agency-assistance .do-not-have {
  padding: 2rem;
}
#wrapper app-agency-assistance .agency-assistance em, #wrapper ngapps-assistance-history .agency-assistance em {
  color: #250e62;
}

#wrapper ngapps-ccb-pay-bills, #wrapper ngapps-ccb-process-bills, #wrapper ngapps-ccb-confirm-bills, body ngapps-ccb-pay-bills, body ngapps-ccb-process-bills, body ngapps-ccb-confirm-bills {
  display: block;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-ccb-pay-bills .tiles-content, #wrapper ngapps-ccb-process-bills .tiles-content, #wrapper ngapps-ccb-confirm-bills .tiles-content, body ngapps-ccb-pay-bills .tiles-content, body ngapps-ccb-process-bills .tiles-content, body ngapps-ccb-confirm-bills .tiles-content {
    background-color: #ededed;
  }
}
#wrapper ngapps-ccb-pay-bills .tiles-content > div, #wrapper ngapps-ccb-process-bills .tiles-content > div, #wrapper ngapps-ccb-confirm-bills .tiles-content > div, body ngapps-ccb-pay-bills .tiles-content > div, body ngapps-ccb-process-bills .tiles-content > div, body ngapps-ccb-confirm-bills .tiles-content > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#wrapper ngapps-ccb-pay-bills .tiles-content > div > div, #wrapper ngapps-ccb-process-bills .tiles-content > div > div, #wrapper ngapps-ccb-confirm-bills .tiles-content > div > div, body ngapps-ccb-pay-bills .tiles-content > div > div, body ngapps-ccb-process-bills .tiles-content > div > div, body ngapps-ccb-confirm-bills .tiles-content > div > div {
  display: flex;
  width: 98%;
}
@media all and (min-width: 50rem) {
  #wrapper ngapps-ccb-pay-bills .tiles-content > div > div, #wrapper ngapps-ccb-process-bills .tiles-content > div > div, #wrapper ngapps-ccb-confirm-bills .tiles-content > div > div, body ngapps-ccb-pay-bills .tiles-content > div > div, body ngapps-ccb-process-bills .tiles-content > div > div, body ngapps-ccb-confirm-bills .tiles-content > div > div {
    width: 48%;
  }
}
@media all and (min-width: 70rem) {
  #wrapper ngapps-ccb-pay-bills .tiles-content > div > div, #wrapper ngapps-ccb-process-bills .tiles-content > div > div, #wrapper ngapps-ccb-confirm-bills .tiles-content > div > div, body ngapps-ccb-pay-bills .tiles-content > div > div, body ngapps-ccb-process-bills .tiles-content > div > div, body ngapps-ccb-confirm-bills .tiles-content > div > div {
    width: 32%;
  }
}
@media all and (min-width: 90rem) {
  #wrapper ngapps-ccb-pay-bills .tiles-content > div > div, #wrapper ngapps-ccb-process-bills .tiles-content > div > div, #wrapper ngapps-ccb-confirm-bills .tiles-content > div > div, body ngapps-ccb-pay-bills .tiles-content > div > div, body ngapps-ccb-process-bills .tiles-content > div > div, body ngapps-ccb-confirm-bills .tiles-content > div > div {
    width: 24%;
  }
}
#wrapper ngapps-ccb-pay-bills .payment-summary, #wrapper ngapps-ccb-process-bills .payment-summary, #wrapper ngapps-ccb-confirm-bills .payment-summary, body ngapps-ccb-pay-bills .payment-summary, body ngapps-ccb-process-bills .payment-summary, body ngapps-ccb-confirm-bills .payment-summary {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
#wrapper ngapps-ccb-pay-bills .total-amount-due, #wrapper ngapps-ccb-process-bills .total-amount-due, #wrapper ngapps-ccb-confirm-bills .total-amount-due, body ngapps-ccb-pay-bills .total-amount-due, body ngapps-ccb-process-bills .total-amount-due, body ngapps-ccb-confirm-bills .total-amount-due {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
#wrapper ngapps-ccb-pay-bills .payment-date, #wrapper ngapps-ccb-process-bills .payment-date, #wrapper ngapps-ccb-confirm-bills .payment-date, body ngapps-ccb-pay-bills .payment-date, body ngapps-ccb-process-bills .payment-date, body ngapps-ccb-confirm-bills .payment-date {
  font-size: 1.1rem;
}
#wrapper ngapps-ccb-pay-bills .panel-default, #wrapper ngapps-ccb-process-bills .panel-default, #wrapper ngapps-ccb-confirm-bills .panel-default, body ngapps-ccb-pay-bills .panel-default, body ngapps-ccb-process-bills .panel-default, body ngapps-ccb-confirm-bills .panel-default {
  margin-bottom: 1rem;
}
#wrapper ngapps-ccb-pay-bills .panel-title, #wrapper ngapps-ccb-process-bills .panel-title, #wrapper ngapps-ccb-confirm-bills .panel-title, body ngapps-ccb-pay-bills .panel-title, body ngapps-ccb-process-bills .panel-title, body ngapps-ccb-confirm-bills .panel-title {
  text-transform: none;
  font-weight: normal;
}
#wrapper ngapps-ccb-pay-bills .panel-collapse, #wrapper ngapps-ccb-process-bills .panel-collapse, #wrapper ngapps-ccb-confirm-bills .panel-collapse, body ngapps-ccb-pay-bills .panel-collapse, body ngapps-ccb-process-bills .panel-collapse, body ngapps-ccb-confirm-bills .panel-collapse {
  background: #ededed;
}
#wrapper ngapps-ccb-pay-bills app-ft-payment-method accordion.panel-group, #wrapper ngapps-ccb-process-bills app-ft-payment-method accordion.panel-group, #wrapper ngapps-ccb-confirm-bills app-ft-payment-method accordion.panel-group, body ngapps-ccb-pay-bills app-ft-payment-method accordion.panel-group, body ngapps-ccb-process-bills app-ft-payment-method accordion.panel-group, body ngapps-ccb-confirm-bills app-ft-payment-method accordion.panel-group {
  width: 100%;
}
#wrapper ngapps-ccb-pay-bills app-ft-payment-method accordion-group div[accordion-heading], #wrapper ngapps-ccb-process-bills app-ft-payment-method accordion-group div[accordion-heading], #wrapper ngapps-ccb-confirm-bills app-ft-payment-method accordion-group div[accordion-heading], body ngapps-ccb-pay-bills app-ft-payment-method accordion-group div[accordion-heading], body ngapps-ccb-process-bills app-ft-payment-method accordion-group div[accordion-heading], body ngapps-ccb-confirm-bills app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  font-weight: normal;
  text-transform: none;
}
#wrapper ngapps-pma-payment-tile, #wrapper ngapps-pma-process-tile, #wrapper ngapps-pma-confirm-tile, body ngapps-pma-payment-tile, body ngapps-pma-process-tile, body ngapps-pma-confirm-tile {
  width: 100%;
}
#wrapper ngapps-pma-payment-tile .account-tile-wrapper, #wrapper ngapps-pma-process-tile .account-tile-wrapper, #wrapper ngapps-pma-confirm-tile .account-tile-wrapper, body ngapps-pma-payment-tile .account-tile-wrapper, body ngapps-pma-process-tile .account-tile-wrapper, body ngapps-pma-confirm-tile .account-tile-wrapper {
  background: white;
  box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.4);
  margin-bottom: 1rem;
  padding: 1.2rem;
}
#wrapper ngapps-pma-payment-tile .account-tile-wrapper::after, #wrapper ngapps-pma-process-tile .account-tile-wrapper::after, #wrapper ngapps-pma-confirm-tile .account-tile-wrapper::after, body ngapps-pma-payment-tile .account-tile-wrapper::after, body ngapps-pma-process-tile .account-tile-wrapper::after, body ngapps-pma-confirm-tile .account-tile-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-pma-payment-tile .account-tile-wrapper, #wrapper ngapps-pma-process-tile .account-tile-wrapper, #wrapper ngapps-pma-confirm-tile .account-tile-wrapper, body ngapps-pma-payment-tile .account-tile-wrapper, body ngapps-pma-process-tile .account-tile-wrapper, body ngapps-pma-confirm-tile .account-tile-wrapper {
    display: flex;
    flex-direction: column;
    margin: 2rem;
    width: 20rem;
  }
}
#wrapper ngapps-pma-payment-tile .account-tile, #wrapper ngapps-pma-process-tile .account-tile, #wrapper ngapps-pma-confirm-tile .account-tile, body ngapps-pma-payment-tile .account-tile, body ngapps-pma-process-tile .account-tile, body ngapps-pma-confirm-tile .account-tile {
  display: flex;
  justify-content: space-between;
}
#wrapper ngapps-pma-payment-tile .account-tile-left, #wrapper ngapps-pma-process-tile .account-tile-left, #wrapper ngapps-pma-confirm-tile .account-tile-left, body ngapps-pma-payment-tile .account-tile-left, body ngapps-pma-process-tile .account-tile-left, body ngapps-pma-confirm-tile .account-tile-left {
  width: 90%;
}
#wrapper ngapps-pma-payment-tile .account-tile-left .alert, #wrapper ngapps-pma-process-tile .account-tile-left .alert, #wrapper ngapps-pma-confirm-tile .account-tile-left .alert, body ngapps-pma-payment-tile .account-tile-left .alert, body ngapps-pma-process-tile .account-tile-left .alert, body ngapps-pma-confirm-tile .account-tile-left .alert {
  width: 98%;
}
#wrapper ngapps-pma-payment-tile .account-tile-right button.remove-account-button, #wrapper ngapps-pma-process-tile .account-tile-right button.remove-account-button, #wrapper ngapps-pma-confirm-tile .account-tile-right button.remove-account-button, body ngapps-pma-payment-tile .account-tile-right button.remove-account-button, body ngapps-pma-process-tile .account-tile-right button.remove-account-button, body ngapps-pma-confirm-tile .account-tile-right button.remove-account-button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0;
  text-align: right;
  width: 100%;
}
#wrapper ngapps-pma-payment-tile .tile-header, #wrapper ngapps-pma-process-tile .tile-header, #wrapper ngapps-pma-confirm-tile .tile-header, body ngapps-pma-payment-tile .tile-header, body ngapps-pma-process-tile .tile-header, body ngapps-pma-confirm-tile .tile-header {
  margin-top: 0.5rem;
}
#wrapper ngapps-pma-payment-tile .tile-top-body, #wrapper ngapps-pma-process-tile .tile-top-body, #wrapper ngapps-pma-confirm-tile .tile-top-body, body ngapps-pma-payment-tile .tile-top-body, body ngapps-pma-process-tile .tile-top-body, body ngapps-pma-confirm-tile .tile-top-body {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-pma-payment-tile .tile-top-body, #wrapper ngapps-pma-process-tile .tile-top-body, #wrapper ngapps-pma-confirm-tile .tile-top-body, body ngapps-pma-payment-tile .tile-top-body, body ngapps-pma-process-tile .tile-top-body, body ngapps-pma-confirm-tile .tile-top-body {
    height: 15.6rem;
  }
  #wrapper ngapps-pma-payment-tile .tile-top-body.with-tile-header, #wrapper ngapps-pma-process-tile .tile-top-body.with-tile-header, #wrapper ngapps-pma-confirm-tile .tile-top-body.with-tile-header, body ngapps-pma-payment-tile .tile-top-body.with-tile-header, body ngapps-pma-process-tile .tile-top-body.with-tile-header, body ngapps-pma-confirm-tile .tile-top-body.with-tile-header {
    height: 13rem;
  }
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper ngapps-pma-payment-tile .tile-top-body, #wrapper ngapps-pma-process-tile .tile-top-body, #wrapper ngapps-pma-confirm-tile .tile-top-body, body ngapps-pma-payment-tile .tile-top-body, body ngapps-pma-process-tile .tile-top-body, body ngapps-pma-confirm-tile .tile-top-body {
    border-bottom: none;
    float: left;
  }
}
#wrapper ngapps-pma-payment-tile .account-number > h2, #wrapper ngapps-pma-process-tile .account-number > h2, #wrapper ngapps-pma-confirm-tile .account-number > h2, body ngapps-pma-payment-tile .account-number > h2, body ngapps-pma-process-tile .account-number > h2, body ngapps-pma-confirm-tile .account-number > h2 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  margin-bottom: 0;
}
#wrapper ngapps-pma-payment-tile .account-number > h2 > span, #wrapper ngapps-pma-process-tile .account-number > h2 > span, #wrapper ngapps-pma-confirm-tile .account-number > h2 > span, body ngapps-pma-payment-tile .account-number > h2 > span, body ngapps-pma-process-tile .account-number > h2 > span, body ngapps-pma-confirm-tile .account-number > h2 > span {
  padding-right: 6rem;
}
#wrapper ngapps-pma-payment-tile .account-number > p, #wrapper ngapps-pma-process-tile .account-number > p, #wrapper ngapps-pma-confirm-tile .account-number > p, body ngapps-pma-payment-tile .account-number > p, body ngapps-pma-process-tile .account-number > p, body ngapps-pma-confirm-tile .account-number > p {
  letter-spacing: 1.5px;
  font-size: 1.2rem;
  color: #250e62;
  margin-bottom: 0;
}
#wrapper ngapps-pma-payment-tile .address, #wrapper ngapps-pma-process-tile .address, #wrapper ngapps-pma-confirm-tile .address, body ngapps-pma-payment-tile .address, body ngapps-pma-process-tile .address, body ngapps-pma-confirm-tile .address {
  margin: 0.5rem 0 1rem;
  overflow: hidden;
}
#wrapper ngapps-pma-payment-tile .address span, #wrapper ngapps-pma-process-tile .address span, #wrapper ngapps-pma-confirm-tile .address span, body ngapps-pma-payment-tile .address span, body ngapps-pma-process-tile .address span, body ngapps-pma-confirm-tile .address span {
  font-size: 0.8rem;
  margin: 0;
}
#wrapper ngapps-pma-payment-tile .tile-bottom-body, #wrapper ngapps-pma-process-tile .tile-bottom-body, #wrapper ngapps-pma-confirm-tile .tile-bottom-body, body ngapps-pma-payment-tile .tile-bottom-body, body ngapps-pma-process-tile .tile-bottom-body, body ngapps-pma-confirm-tile .tile-bottom-body {
  margin-top: 1rem;
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper ngapps-pma-payment-tile .tile-bottom-body, #wrapper ngapps-pma-process-tile .tile-bottom-body, #wrapper ngapps-pma-confirm-tile .tile-bottom-body, body ngapps-pma-payment-tile .tile-bottom-body, body ngapps-pma-process-tile .tile-bottom-body, body ngapps-pma-confirm-tile .tile-bottom-body {
    float: right;
  }
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-pma-payment-tile .tile-bottom-body, #wrapper ngapps-pma-process-tile .tile-bottom-body, #wrapper ngapps-pma-confirm-tile .tile-bottom-body, body ngapps-pma-payment-tile .tile-bottom-body, body ngapps-pma-process-tile .tile-bottom-body, body ngapps-pma-confirm-tile .tile-bottom-body {
    height: 12rem;
  }
}
#wrapper ngapps-pma-payment-tile .due-date, #wrapper ngapps-pma-process-tile .due-date, #wrapper ngapps-pma-confirm-tile .due-date, body ngapps-pma-payment-tile .due-date, body ngapps-pma-process-tile .due-date, body ngapps-pma-confirm-tile .due-date {
  font-size: 1rem;
  height: 1.1rem;
}
#wrapper app-payment-ui .confirmation-modal,
#wrapper app-pay-my-bill .confirmation-modal,
#wrapper payment-mo .confirmation-modal,
#wrapper app-loan-payoff-quote .confirmation-modal,
#wrapper ngapps-ft-onetime-payment .confirmation-modal, body app-payment-ui .confirmation-modal,
body app-pay-my-bill .confirmation-modal,
body payment-mo .confirmation-modal,
body app-loan-payoff-quote .confirmation-modal,
body ngapps-ft-onetime-payment .confirmation-modal {
  position: relative;
  height: 100%;
}
#wrapper app-payment-ui #make-a-payment-header,
#wrapper app-pay-my-bill #make-a-payment-header,
#wrapper payment-mo #make-a-payment-header,
#wrapper app-loan-payoff-quote #make-a-payment-header,
#wrapper ngapps-ft-onetime-payment #make-a-payment-header, body app-payment-ui #make-a-payment-header,
body app-pay-my-bill #make-a-payment-header,
body payment-mo #make-a-payment-header,
body app-loan-payoff-quote #make-a-payment-header,
body ngapps-ft-onetime-payment #make-a-payment-header {
  color: #dd6716;
}
#wrapper app-payment-ui #make-a-payment,
#wrapper app-pay-my-bill #make-a-payment,
#wrapper payment-mo #make-a-payment,
#wrapper app-loan-payoff-quote #make-a-payment,
#wrapper ngapps-ft-onetime-payment #make-a-payment, body app-payment-ui #make-a-payment,
body app-pay-my-bill #make-a-payment,
body payment-mo #make-a-payment,
body app-loan-payoff-quote #make-a-payment,
body ngapps-ft-onetime-payment #make-a-payment {
  margin-bottom: 10px;
}
#wrapper app-payment-ui #make-a-payment .form-group.amount-due label, #wrapper app-payment-ui #make-a-payment .form-group.amount-due mat-label, #wrapper app-payment-ui #make-a-payment .form-group.amount-due div,
#wrapper app-pay-my-bill #make-a-payment .form-group.amount-due label,
#wrapper app-pay-my-bill #make-a-payment .form-group.amount-due mat-label,
#wrapper app-pay-my-bill #make-a-payment .form-group.amount-due div,
#wrapper payment-mo #make-a-payment .form-group.amount-due label,
#wrapper payment-mo #make-a-payment .form-group.amount-due mat-label,
#wrapper payment-mo #make-a-payment .form-group.amount-due div,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.amount-due label,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.amount-due mat-label,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.amount-due div,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due mat-label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due div, body app-payment-ui #make-a-payment .form-group.amount-due label, body app-payment-ui #make-a-payment .form-group.amount-due mat-label, body app-payment-ui #make-a-payment .form-group.amount-due div,
body app-pay-my-bill #make-a-payment .form-group.amount-due label,
body app-pay-my-bill #make-a-payment .form-group.amount-due mat-label,
body app-pay-my-bill #make-a-payment .form-group.amount-due div,
body payment-mo #make-a-payment .form-group.amount-due label,
body payment-mo #make-a-payment .form-group.amount-due mat-label,
body payment-mo #make-a-payment .form-group.amount-due div,
body app-loan-payoff-quote #make-a-payment .form-group.amount-due label,
body app-loan-payoff-quote #make-a-payment .form-group.amount-due mat-label,
body app-loan-payoff-quote #make-a-payment .form-group.amount-due div,
body ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due label,
body ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due mat-label,
body ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due div {
  vertical-align: middle;
}
#wrapper app-payment-ui #make-a-payment .form-group.amount-due span,
#wrapper app-pay-my-bill #make-a-payment .form-group.amount-due span,
#wrapper payment-mo #make-a-payment .form-group.amount-due span,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.amount-due span,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due span, body app-payment-ui #make-a-payment .form-group.amount-due span,
body app-pay-my-bill #make-a-payment .form-group.amount-due span,
body payment-mo #make-a-payment .form-group.amount-due span,
body app-loan-payoff-quote #make-a-payment .form-group.amount-due span,
body ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due span {
  font-size: 1.5rem;
  margin-left: 20px;
}
#wrapper app-payment-ui #make-a-payment .form-group.amount-due i,
#wrapper app-pay-my-bill #make-a-payment .form-group.amount-due i,
#wrapper payment-mo #make-a-payment .form-group.amount-due i,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.amount-due i,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due i, body app-payment-ui #make-a-payment .form-group.amount-due i,
body app-pay-my-bill #make-a-payment .form-group.amount-due i,
body payment-mo #make-a-payment .form-group.amount-due i,
body app-loan-payoff-quote #make-a-payment .form-group.amount-due i,
body ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due i {
  margin-left: 0.5rem;
  color: #250e62;
}
#wrapper app-payment-ui #make-a-payment .form-group.amount-due .tooltip-inner,
#wrapper app-pay-my-bill #make-a-payment .form-group.amount-due .tooltip-inner,
#wrapper payment-mo #make-a-payment .form-group.amount-due .tooltip-inner,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.amount-due .tooltip-inner,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due .tooltip-inner, body app-payment-ui #make-a-payment .form-group.amount-due .tooltip-inner,
body app-pay-my-bill #make-a-payment .form-group.amount-due .tooltip-inner,
body payment-mo #make-a-payment .form-group.amount-due .tooltip-inner,
body app-loan-payoff-quote #make-a-payment .form-group.amount-due .tooltip-inner,
body ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due .tooltip-inner {
  background: #eec6c6;
  color: #aa0000;
}
#wrapper app-payment-ui #make-a-payment .form-group.amount-due .tooltip-arrow,
#wrapper app-pay-my-bill #make-a-payment .form-group.amount-due .tooltip-arrow,
#wrapper payment-mo #make-a-payment .form-group.amount-due .tooltip-arrow,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due .tooltip-arrow, body app-payment-ui #make-a-payment .form-group.amount-due .tooltip-arrow,
body app-pay-my-bill #make-a-payment .form-group.amount-due .tooltip-arrow,
body payment-mo #make-a-payment .form-group.amount-due .tooltip-arrow,
body app-loan-payoff-quote #make-a-payment .form-group.amount-due .tooltip-arrow,
body ngapps-ft-onetime-payment #make-a-payment .form-group.amount-due .tooltip-arrow {
  border-right-color: #eec6c6;
}
#wrapper app-payment-ui #make-a-payment .form-group.other-amount,
#wrapper app-pay-my-bill #make-a-payment .form-group.other-amount,
#wrapper payment-mo #make-a-payment .form-group.other-amount,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.other-amount,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount, body app-payment-ui #make-a-payment .form-group.other-amount,
body app-pay-my-bill #make-a-payment .form-group.other-amount,
body payment-mo #make-a-payment .form-group.other-amount,
body app-loan-payoff-quote #make-a-payment .form-group.other-amount,
body ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount {
  margin-bottom: 0;
}
#wrapper app-payment-ui #make-a-payment .form-group.other-amount::after,
#wrapper app-pay-my-bill #make-a-payment .form-group.other-amount::after,
#wrapper payment-mo #make-a-payment .form-group.other-amount::after,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.other-amount::after,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount::after, body app-payment-ui #make-a-payment .form-group.other-amount::after,
body app-pay-my-bill #make-a-payment .form-group.other-amount::after,
body payment-mo #make-a-payment .form-group.other-amount::after,
body app-loan-payoff-quote #make-a-payment .form-group.other-amount::after,
body ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper app-payment-ui #make-a-payment .form-group.other-amount label, #wrapper app-payment-ui #make-a-payment .form-group.other-amount mat-label, #wrapper app-payment-ui #make-a-payment .form-group.other-amount div,
#wrapper app-pay-my-bill #make-a-payment .form-group.other-amount label,
#wrapper app-pay-my-bill #make-a-payment .form-group.other-amount mat-label,
#wrapper app-pay-my-bill #make-a-payment .form-group.other-amount div,
#wrapper payment-mo #make-a-payment .form-group.other-amount label,
#wrapper payment-mo #make-a-payment .form-group.other-amount mat-label,
#wrapper payment-mo #make-a-payment .form-group.other-amount div,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.other-amount label,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.other-amount mat-label,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.other-amount div,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount mat-label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount div, body app-payment-ui #make-a-payment .form-group.other-amount label, body app-payment-ui #make-a-payment .form-group.other-amount mat-label, body app-payment-ui #make-a-payment .form-group.other-amount div,
body app-pay-my-bill #make-a-payment .form-group.other-amount label,
body app-pay-my-bill #make-a-payment .form-group.other-amount mat-label,
body app-pay-my-bill #make-a-payment .form-group.other-amount div,
body payment-mo #make-a-payment .form-group.other-amount label,
body payment-mo #make-a-payment .form-group.other-amount mat-label,
body payment-mo #make-a-payment .form-group.other-amount div,
body app-loan-payoff-quote #make-a-payment .form-group.other-amount label,
body app-loan-payoff-quote #make-a-payment .form-group.other-amount mat-label,
body app-loan-payoff-quote #make-a-payment .form-group.other-amount div,
body ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount label,
body ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount mat-label,
body ngapps-ft-onetime-payment #make-a-payment .form-group.other-amount div {
  float: left;
  padding-right: 1rem;
}
#wrapper app-payment-ui #make-a-payment .form-group .other-amount-value input[type=text],
#wrapper app-pay-my-bill #make-a-payment .form-group .other-amount-value input[type=text],
#wrapper payment-mo #make-a-payment .form-group .other-amount-value input[type=text],
#wrapper app-loan-payoff-quote #make-a-payment .form-group .other-amount-value input[type=text],
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group .other-amount-value input[type=text], body app-payment-ui #make-a-payment .form-group .other-amount-value input[type=text],
body app-pay-my-bill #make-a-payment .form-group .other-amount-value input[type=text],
body payment-mo #make-a-payment .form-group .other-amount-value input[type=text],
body app-loan-payoff-quote #make-a-payment .form-group .other-amount-value input[type=text],
body ngapps-ft-onetime-payment #make-a-payment .form-group .other-amount-value input[type=text] {
  width: 8rem;
}
#wrapper app-payment-ui #make-a-payment .form-group.payment-date,
#wrapper app-pay-my-bill #make-a-payment .form-group.payment-date,
#wrapper payment-mo #make-a-payment .form-group.payment-date,
#wrapper app-loan-payoff-quote #make-a-payment .form-group.payment-date,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group.payment-date, body app-payment-ui #make-a-payment .form-group.payment-date,
body app-pay-my-bill #make-a-payment .form-group.payment-date,
body payment-mo #make-a-payment .form-group.payment-date,
body app-loan-payoff-quote #make-a-payment .form-group.payment-date,
body ngapps-ft-onetime-payment #make-a-payment .form-group.payment-date {
  margin: 3rem 0 2rem;
}
#wrapper app-payment-ui #make-a-payment .form-group label[for=paymentDate], #wrapper app-payment-ui #make-a-payment .form-group mat-label[for=paymentDate],
#wrapper app-pay-my-bill #make-a-payment .form-group label[for=paymentDate],
#wrapper app-pay-my-bill #make-a-payment .form-group mat-label[for=paymentDate],
#wrapper payment-mo #make-a-payment .form-group label[for=paymentDate],
#wrapper payment-mo #make-a-payment .form-group mat-label[for=paymentDate],
#wrapper app-loan-payoff-quote #make-a-payment .form-group label[for=paymentDate],
#wrapper app-loan-payoff-quote #make-a-payment .form-group mat-label[for=paymentDate],
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group label[for=paymentDate],
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group mat-label[for=paymentDate], body app-payment-ui #make-a-payment .form-group label[for=paymentDate], body app-payment-ui #make-a-payment .form-group mat-label[for=paymentDate],
body app-pay-my-bill #make-a-payment .form-group label[for=paymentDate],
body app-pay-my-bill #make-a-payment .form-group mat-label[for=paymentDate],
body payment-mo #make-a-payment .form-group label[for=paymentDate],
body payment-mo #make-a-payment .form-group mat-label[for=paymentDate],
body app-loan-payoff-quote #make-a-payment .form-group label[for=paymentDate],
body app-loan-payoff-quote #make-a-payment .form-group mat-label[for=paymentDate],
body ngapps-ft-onetime-payment #make-a-payment .form-group label[for=paymentDate],
body ngapps-ft-onetime-payment #make-a-payment .form-group mat-label[for=paymentDate] {
  display: block;
  font-size: 0.9rem;
  margin-left: 0.4rem;
}
#wrapper app-payment-ui #make-a-payment .form-group > .input-group,
#wrapper app-pay-my-bill #make-a-payment .form-group > .input-group,
#wrapper payment-mo #make-a-payment .form-group > .input-group,
#wrapper app-loan-payoff-quote #make-a-payment .form-group > .input-group,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group, body app-payment-ui #make-a-payment .form-group > .input-group,
body app-pay-my-bill #make-a-payment .form-group > .input-group,
body payment-mo #make-a-payment .form-group > .input-group,
body app-loan-payoff-quote #make-a-payment .form-group > .input-group,
body ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group {
  display: flex;
}
#wrapper app-payment-ui #make-a-payment .form-group > .input-group span button.btn,
#wrapper app-pay-my-bill #make-a-payment .form-group > .input-group span button.btn,
#wrapper payment-mo #make-a-payment .form-group > .input-group span button.btn,
#wrapper app-loan-payoff-quote #make-a-payment .form-group > .input-group span button.btn,
#wrapper ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group span button.btn, body app-payment-ui #make-a-payment .form-group > .input-group span button.btn,
body app-pay-my-bill #make-a-payment .form-group > .input-group span button.btn,
body payment-mo #make-a-payment .form-group > .input-group span button.btn,
body app-loan-payoff-quote #make-a-payment .form-group > .input-group span button.btn,
body ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group span button.btn {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (min-width: 30rem) {
  #wrapper app-payment-ui #make-a-payment .form-group > .input-group,
  #wrapper app-pay-my-bill #make-a-payment .form-group > .input-group,
  #wrapper payment-mo #make-a-payment .form-group > .input-group,
  #wrapper app-loan-payoff-quote #make-a-payment .form-group > .input-group,
  #wrapper ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group, body app-payment-ui #make-a-payment .form-group > .input-group,
  body app-pay-my-bill #make-a-payment .form-group > .input-group,
  body payment-mo #make-a-payment .form-group > .input-group,
  body app-loan-payoff-quote #make-a-payment .form-group > .input-group,
  body ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group {
    display: table;
  }
  #wrapper app-payment-ui #make-a-payment .form-group > .input-group span button.btn,
  #wrapper app-pay-my-bill #make-a-payment .form-group > .input-group span button.btn,
  #wrapper payment-mo #make-a-payment .form-group > .input-group span button.btn,
  #wrapper app-loan-payoff-quote #make-a-payment .form-group > .input-group span button.btn,
  #wrapper ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group span button.btn, body app-payment-ui #make-a-payment .form-group > .input-group span button.btn,
  body app-pay-my-bill #make-a-payment .form-group > .input-group span button.btn,
  body payment-mo #make-a-payment .form-group > .input-group span button.btn,
  body app-loan-payoff-quote #make-a-payment .form-group > .input-group span button.btn,
  body ngapps-ft-onetime-payment #make-a-payment .form-group > .input-group span button.btn {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
#wrapper app-payment-ui #make-a-payment .need-help,
#wrapper app-pay-my-bill #make-a-payment .need-help,
#wrapper payment-mo #make-a-payment .need-help,
#wrapper app-loan-payoff-quote #make-a-payment .need-help,
#wrapper ngapps-ft-onetime-payment #make-a-payment .need-help, body app-payment-ui #make-a-payment .need-help,
body app-pay-my-bill #make-a-payment .need-help,
body payment-mo #make-a-payment .need-help,
body app-loan-payoff-quote #make-a-payment .need-help,
body ngapps-ft-onetime-payment #make-a-payment .need-help {
  margin-bottom: 3rem;
}
#wrapper app-payment-ui #make-a-payment .payment-amount-and-alert,
#wrapper app-pay-my-bill #make-a-payment .payment-amount-and-alert,
#wrapper payment-mo #make-a-payment .payment-amount-and-alert,
#wrapper app-loan-payoff-quote #make-a-payment .payment-amount-and-alert,
#wrapper ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert, body app-payment-ui #make-a-payment .payment-amount-and-alert,
body app-pay-my-bill #make-a-payment .payment-amount-and-alert,
body payment-mo #make-a-payment .payment-amount-and-alert,
body app-loan-payoff-quote #make-a-payment .payment-amount-and-alert,
body ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert {
  position: relative;
}
#wrapper app-payment-ui #make-a-payment .payment-amount-and-alert::after,
#wrapper app-pay-my-bill #make-a-payment .payment-amount-and-alert::after,
#wrapper payment-mo #make-a-payment .payment-amount-and-alert::after,
#wrapper app-loan-payoff-quote #make-a-payment .payment-amount-and-alert::after,
#wrapper ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert::after, body app-payment-ui #make-a-payment .payment-amount-and-alert::after,
body app-pay-my-bill #make-a-payment .payment-amount-and-alert::after,
body payment-mo #make-a-payment .payment-amount-and-alert::after,
body app-loan-payoff-quote #make-a-payment .payment-amount-and-alert::after,
body ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper app-payment-ui #make-a-payment .payment-amount-and-alert label, #wrapper app-payment-ui #make-a-payment .payment-amount-and-alert mat-label, #wrapper app-payment-ui #make-a-payment .payment-amount-and-alert div,
#wrapper app-pay-my-bill #make-a-payment .payment-amount-and-alert label,
#wrapper app-pay-my-bill #make-a-payment .payment-amount-and-alert mat-label,
#wrapper app-pay-my-bill #make-a-payment .payment-amount-and-alert div,
#wrapper payment-mo #make-a-payment .payment-amount-and-alert label,
#wrapper payment-mo #make-a-payment .payment-amount-and-alert mat-label,
#wrapper payment-mo #make-a-payment .payment-amount-and-alert div,
#wrapper app-loan-payoff-quote #make-a-payment .payment-amount-and-alert label,
#wrapper app-loan-payoff-quote #make-a-payment .payment-amount-and-alert mat-label,
#wrapper app-loan-payoff-quote #make-a-payment .payment-amount-and-alert div,
#wrapper ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert mat-label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert div, body app-payment-ui #make-a-payment .payment-amount-and-alert label, body app-payment-ui #make-a-payment .payment-amount-and-alert mat-label, body app-payment-ui #make-a-payment .payment-amount-and-alert div,
body app-pay-my-bill #make-a-payment .payment-amount-and-alert label,
body app-pay-my-bill #make-a-payment .payment-amount-and-alert mat-label,
body app-pay-my-bill #make-a-payment .payment-amount-and-alert div,
body payment-mo #make-a-payment .payment-amount-and-alert label,
body payment-mo #make-a-payment .payment-amount-and-alert mat-label,
body payment-mo #make-a-payment .payment-amount-and-alert div,
body app-loan-payoff-quote #make-a-payment .payment-amount-and-alert label,
body app-loan-payoff-quote #make-a-payment .payment-amount-and-alert mat-label,
body app-loan-payoff-quote #make-a-payment .payment-amount-and-alert div,
body ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert label,
body ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert mat-label,
body ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert div {
  display: inline-block;
}
#wrapper app-payment-ui #make-a-payment .payment-amount-and-alert label, #wrapper app-payment-ui #make-a-payment .payment-amount-and-alert mat-label,
#wrapper app-pay-my-bill #make-a-payment .payment-amount-and-alert label,
#wrapper app-pay-my-bill #make-a-payment .payment-amount-and-alert mat-label,
#wrapper payment-mo #make-a-payment .payment-amount-and-alert label,
#wrapper payment-mo #make-a-payment .payment-amount-and-alert mat-label,
#wrapper app-loan-payoff-quote #make-a-payment .payment-amount-and-alert label,
#wrapper app-loan-payoff-quote #make-a-payment .payment-amount-and-alert mat-label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert label,
#wrapper ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert mat-label, body app-payment-ui #make-a-payment .payment-amount-and-alert label, body app-payment-ui #make-a-payment .payment-amount-and-alert mat-label,
body app-pay-my-bill #make-a-payment .payment-amount-and-alert label,
body app-pay-my-bill #make-a-payment .payment-amount-and-alert mat-label,
body payment-mo #make-a-payment .payment-amount-and-alert label,
body payment-mo #make-a-payment .payment-amount-and-alert mat-label,
body app-loan-payoff-quote #make-a-payment .payment-amount-and-alert label,
body app-loan-payoff-quote #make-a-payment .payment-amount-and-alert mat-label,
body ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert label,
body ngapps-ft-onetime-payment #make-a-payment .payment-amount-and-alert mat-label {
  padding-right: 1rem;
}
#wrapper app-payment-ui #payment-methods h3,
#wrapper app-pay-my-bill #payment-methods h3,
#wrapper payment-mo #payment-methods h3,
#wrapper app-loan-payoff-quote #payment-methods h3,
#wrapper ngapps-ft-onetime-payment #payment-methods h3, body app-payment-ui #payment-methods h3,
body app-pay-my-bill #payment-methods h3,
body payment-mo #payment-methods h3,
body app-loan-payoff-quote #payment-methods h3,
body ngapps-ft-onetime-payment #payment-methods h3 {
  margin-bottom: 1rem;
}
#wrapper app-payment-ui #payment-methods .payment-icon,
#wrapper app-pay-my-bill #payment-methods .payment-icon,
#wrapper payment-mo #payment-methods .payment-icon,
#wrapper app-loan-payoff-quote #payment-methods .payment-icon,
#wrapper ngapps-ft-onetime-payment #payment-methods .payment-icon, body app-payment-ui #payment-methods .payment-icon,
body app-pay-my-bill #payment-methods .payment-icon,
body payment-mo #payment-methods .payment-icon,
body app-loan-payoff-quote #payment-methods .payment-icon,
body ngapps-ft-onetime-payment #payment-methods .payment-icon {
  display: block;
  float: right;
  margin-top: -30px;
}
#wrapper app-payment-ui #payment-methods .accordion-toggle .mdi,
#wrapper app-pay-my-bill #payment-methods .accordion-toggle .mdi,
#wrapper payment-mo #payment-methods .accordion-toggle .mdi,
#wrapper app-loan-payoff-quote #payment-methods .accordion-toggle .mdi,
#wrapper ngapps-ft-onetime-payment #payment-methods .accordion-toggle .mdi, body app-payment-ui #payment-methods .accordion-toggle .mdi,
body app-pay-my-bill #payment-methods .accordion-toggle .mdi,
body payment-mo #payment-methods .accordion-toggle .mdi,
body app-loan-payoff-quote #payment-methods .accordion-toggle .mdi,
body ngapps-ft-onetime-payment #payment-methods .accordion-toggle .mdi {
  color: #250e62;
}
#wrapper app-payment-ui #payment-methods bank-form-component .form-group.spire-radio label:first-of-type, #wrapper app-payment-ui #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
#wrapper app-pay-my-bill #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
#wrapper app-pay-my-bill #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
#wrapper payment-mo #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
#wrapper payment-mo #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
#wrapper app-loan-payoff-quote #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
#wrapper app-loan-payoff-quote #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
#wrapper ngapps-ft-onetime-payment #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
#wrapper ngapps-ft-onetime-payment #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type, body app-payment-ui #payment-methods bank-form-component .form-group.spire-radio label:first-of-type, body app-payment-ui #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
body app-pay-my-bill #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
body app-pay-my-bill #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
body payment-mo #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
body payment-mo #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
body app-loan-payoff-quote #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
body app-loan-payoff-quote #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type,
body ngapps-ft-onetime-payment #payment-methods bank-form-component .form-group.spire-radio label:first-of-type,
body ngapps-ft-onetime-payment #payment-methods bank-form-component .form-group.spire-radio mat-label:first-of-type {
  margin-right: 2.5rem;
}
#wrapper app-payment-ui app-pma-main, #wrapper app-payment-ui app-ccb-pay-bills, #wrapper app-payment-ui app-ccb-process-bills, #wrapper app-payment-ui app-ccb-confirm-bills,
#wrapper app-pay-my-bill app-pma-main,
#wrapper app-pay-my-bill app-ccb-pay-bills,
#wrapper app-pay-my-bill app-ccb-process-bills,
#wrapper app-pay-my-bill app-ccb-confirm-bills,
#wrapper payment-mo app-pma-main,
#wrapper payment-mo app-ccb-pay-bills,
#wrapper payment-mo app-ccb-process-bills,
#wrapper payment-mo app-ccb-confirm-bills,
#wrapper app-loan-payoff-quote app-pma-main,
#wrapper app-loan-payoff-quote app-ccb-pay-bills,
#wrapper app-loan-payoff-quote app-ccb-process-bills,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills,
#wrapper ngapps-ft-onetime-payment app-pma-main,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills, body app-payment-ui app-pma-main, body app-payment-ui app-ccb-pay-bills, body app-payment-ui app-ccb-process-bills, body app-payment-ui app-ccb-confirm-bills,
body app-pay-my-bill app-pma-main,
body app-pay-my-bill app-ccb-pay-bills,
body app-pay-my-bill app-ccb-process-bills,
body app-pay-my-bill app-ccb-confirm-bills,
body payment-mo app-pma-main,
body payment-mo app-ccb-pay-bills,
body payment-mo app-ccb-process-bills,
body payment-mo app-ccb-confirm-bills,
body app-loan-payoff-quote app-pma-main,
body app-loan-payoff-quote app-ccb-pay-bills,
body app-loan-payoff-quote app-ccb-process-bills,
body app-loan-payoff-quote app-ccb-confirm-bills,
body ngapps-ft-onetime-payment app-pma-main,
body ngapps-ft-onetime-payment app-ccb-pay-bills,
body ngapps-ft-onetime-payment app-ccb-process-bills,
body ngapps-ft-onetime-payment app-ccb-confirm-bills {
  display: block;
}
@media screen and (min-width: 50rem) {
  #wrapper app-payment-ui app-pma-main .tiles-content, #wrapper app-payment-ui app-ccb-pay-bills .tiles-content, #wrapper app-payment-ui app-ccb-process-bills .tiles-content, #wrapper app-payment-ui app-ccb-confirm-bills .tiles-content,
  #wrapper app-pay-my-bill app-pma-main .tiles-content,
  #wrapper app-pay-my-bill app-ccb-pay-bills .tiles-content,
  #wrapper app-pay-my-bill app-ccb-process-bills .tiles-content,
  #wrapper app-pay-my-bill app-ccb-confirm-bills .tiles-content,
  #wrapper payment-mo app-pma-main .tiles-content,
  #wrapper payment-mo app-ccb-pay-bills .tiles-content,
  #wrapper payment-mo app-ccb-process-bills .tiles-content,
  #wrapper payment-mo app-ccb-confirm-bills .tiles-content,
  #wrapper app-loan-payoff-quote app-pma-main .tiles-content,
  #wrapper app-loan-payoff-quote app-ccb-pay-bills .tiles-content,
  #wrapper app-loan-payoff-quote app-ccb-process-bills .tiles-content,
  #wrapper app-loan-payoff-quote app-ccb-confirm-bills .tiles-content,
  #wrapper ngapps-ft-onetime-payment app-pma-main .tiles-content,
  #wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content,
  #wrapper ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content,
  #wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content, body app-payment-ui app-pma-main .tiles-content, body app-payment-ui app-ccb-pay-bills .tiles-content, body app-payment-ui app-ccb-process-bills .tiles-content, body app-payment-ui app-ccb-confirm-bills .tiles-content,
  body app-pay-my-bill app-pma-main .tiles-content,
  body app-pay-my-bill app-ccb-pay-bills .tiles-content,
  body app-pay-my-bill app-ccb-process-bills .tiles-content,
  body app-pay-my-bill app-ccb-confirm-bills .tiles-content,
  body payment-mo app-pma-main .tiles-content,
  body payment-mo app-ccb-pay-bills .tiles-content,
  body payment-mo app-ccb-process-bills .tiles-content,
  body payment-mo app-ccb-confirm-bills .tiles-content,
  body app-loan-payoff-quote app-pma-main .tiles-content,
  body app-loan-payoff-quote app-ccb-pay-bills .tiles-content,
  body app-loan-payoff-quote app-ccb-process-bills .tiles-content,
  body app-loan-payoff-quote app-ccb-confirm-bills .tiles-content,
  body ngapps-ft-onetime-payment app-pma-main .tiles-content,
  body ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content,
  body ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content,
  body ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content {
    background-color: #ededed;
  }
}
#wrapper app-payment-ui app-pma-main .tiles-content > div, #wrapper app-payment-ui app-ccb-pay-bills .tiles-content > div, #wrapper app-payment-ui app-ccb-process-bills .tiles-content > div, #wrapper app-payment-ui app-ccb-confirm-bills .tiles-content > div,
#wrapper app-pay-my-bill app-pma-main .tiles-content > div,
#wrapper app-pay-my-bill app-ccb-pay-bills .tiles-content > div,
#wrapper app-pay-my-bill app-ccb-process-bills .tiles-content > div,
#wrapper app-pay-my-bill app-ccb-confirm-bills .tiles-content > div,
#wrapper payment-mo app-pma-main .tiles-content > div,
#wrapper payment-mo app-ccb-pay-bills .tiles-content > div,
#wrapper payment-mo app-ccb-process-bills .tiles-content > div,
#wrapper payment-mo app-ccb-confirm-bills .tiles-content > div,
#wrapper app-loan-payoff-quote app-pma-main .tiles-content > div,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div,
#wrapper app-loan-payoff-quote app-ccb-process-bills .tiles-content > div,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div,
#wrapper ngapps-ft-onetime-payment app-pma-main .tiles-content > div,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div, body app-payment-ui app-pma-main .tiles-content > div, body app-payment-ui app-ccb-pay-bills .tiles-content > div, body app-payment-ui app-ccb-process-bills .tiles-content > div, body app-payment-ui app-ccb-confirm-bills .tiles-content > div,
body app-pay-my-bill app-pma-main .tiles-content > div,
body app-pay-my-bill app-ccb-pay-bills .tiles-content > div,
body app-pay-my-bill app-ccb-process-bills .tiles-content > div,
body app-pay-my-bill app-ccb-confirm-bills .tiles-content > div,
body payment-mo app-pma-main .tiles-content > div,
body payment-mo app-ccb-pay-bills .tiles-content > div,
body payment-mo app-ccb-process-bills .tiles-content > div,
body payment-mo app-ccb-confirm-bills .tiles-content > div,
body app-loan-payoff-quote app-pma-main .tiles-content > div,
body app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div,
body app-loan-payoff-quote app-ccb-process-bills .tiles-content > div,
body app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div,
body ngapps-ft-onetime-payment app-pma-main .tiles-content > div,
body ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div,
body ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#wrapper app-payment-ui app-pma-main .tiles-content > div > div, #wrapper app-payment-ui app-ccb-pay-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-process-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
#wrapper app-pay-my-bill app-pma-main .tiles-content > div > div,
#wrapper app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
#wrapper app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
#wrapper app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
#wrapper payment-mo app-pma-main .tiles-content > div > div,
#wrapper payment-mo app-ccb-pay-bills .tiles-content > div > div,
#wrapper payment-mo app-ccb-process-bills .tiles-content > div > div,
#wrapper payment-mo app-ccb-confirm-bills .tiles-content > div > div,
#wrapper app-loan-payoff-quote app-pma-main .tiles-content > div > div,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
#wrapper app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
#wrapper ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div, body app-payment-ui app-pma-main .tiles-content > div > div, body app-payment-ui app-ccb-pay-bills .tiles-content > div > div, body app-payment-ui app-ccb-process-bills .tiles-content > div > div, body app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
body app-pay-my-bill app-pma-main .tiles-content > div > div,
body app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
body app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
body app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
body payment-mo app-pma-main .tiles-content > div > div,
body payment-mo app-ccb-pay-bills .tiles-content > div > div,
body payment-mo app-ccb-process-bills .tiles-content > div > div,
body payment-mo app-ccb-confirm-bills .tiles-content > div > div,
body app-loan-payoff-quote app-pma-main .tiles-content > div > div,
body app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
body app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
body app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
body ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
body ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
body ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div {
  display: flex;
  width: 98%;
}
@media all and (min-width: 50rem) {
  #wrapper app-payment-ui app-pma-main .tiles-content > div > div, #wrapper app-payment-ui app-ccb-pay-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-process-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-pma-main .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper payment-mo app-pma-main .tiles-content > div > div,
  #wrapper payment-mo app-ccb-pay-bills .tiles-content > div > div,
  #wrapper payment-mo app-ccb-process-bills .tiles-content > div > div,
  #wrapper payment-mo app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-pma-main .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div, body app-payment-ui app-pma-main .tiles-content > div > div, body app-payment-ui app-ccb-pay-bills .tiles-content > div > div, body app-payment-ui app-ccb-process-bills .tiles-content > div > div, body app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
  body app-pay-my-bill app-pma-main .tiles-content > div > div,
  body app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
  body app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
  body app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
  body payment-mo app-pma-main .tiles-content > div > div,
  body payment-mo app-ccb-pay-bills .tiles-content > div > div,
  body payment-mo app-ccb-process-bills .tiles-content > div > div,
  body payment-mo app-ccb-confirm-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-pma-main .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div {
    width: 48%;
  }
}
@media all and (min-width: 70rem) {
  #wrapper app-payment-ui app-pma-main .tiles-content > div > div, #wrapper app-payment-ui app-ccb-pay-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-process-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-pma-main .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper payment-mo app-pma-main .tiles-content > div > div,
  #wrapper payment-mo app-ccb-pay-bills .tiles-content > div > div,
  #wrapper payment-mo app-ccb-process-bills .tiles-content > div > div,
  #wrapper payment-mo app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-pma-main .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div, body app-payment-ui app-pma-main .tiles-content > div > div, body app-payment-ui app-ccb-pay-bills .tiles-content > div > div, body app-payment-ui app-ccb-process-bills .tiles-content > div > div, body app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
  body app-pay-my-bill app-pma-main .tiles-content > div > div,
  body app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
  body app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
  body app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
  body payment-mo app-pma-main .tiles-content > div > div,
  body payment-mo app-ccb-pay-bills .tiles-content > div > div,
  body payment-mo app-ccb-process-bills .tiles-content > div > div,
  body payment-mo app-ccb-confirm-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-pma-main .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div {
    width: 32%;
  }
}
@media all and (min-width: 90rem) {
  #wrapper app-payment-ui app-pma-main .tiles-content > div > div, #wrapper app-payment-ui app-ccb-pay-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-process-bills .tiles-content > div > div, #wrapper app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-pma-main .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
  #wrapper app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper payment-mo app-pma-main .tiles-content > div > div,
  #wrapper payment-mo app-ccb-pay-bills .tiles-content > div > div,
  #wrapper payment-mo app-ccb-process-bills .tiles-content > div > div,
  #wrapper payment-mo app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-pma-main .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
  #wrapper app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
  #wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div, body app-payment-ui app-pma-main .tiles-content > div > div, body app-payment-ui app-ccb-pay-bills .tiles-content > div > div, body app-payment-ui app-ccb-process-bills .tiles-content > div > div, body app-payment-ui app-ccb-confirm-bills .tiles-content > div > div,
  body app-pay-my-bill app-pma-main .tiles-content > div > div,
  body app-pay-my-bill app-ccb-pay-bills .tiles-content > div > div,
  body app-pay-my-bill app-ccb-process-bills .tiles-content > div > div,
  body app-pay-my-bill app-ccb-confirm-bills .tiles-content > div > div,
  body payment-mo app-pma-main .tiles-content > div > div,
  body payment-mo app-ccb-pay-bills .tiles-content > div > div,
  body payment-mo app-ccb-process-bills .tiles-content > div > div,
  body payment-mo app-ccb-confirm-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-pma-main .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-pay-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-process-bills .tiles-content > div > div,
  body app-loan-payoff-quote app-ccb-confirm-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-pma-main .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-pay-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-process-bills .tiles-content > div > div,
  body ngapps-ft-onetime-payment app-ccb-confirm-bills .tiles-content > div > div {
    width: 24%;
  }
}
#wrapper app-payment-ui app-pma-main .payment-summary, #wrapper app-payment-ui app-ccb-pay-bills .payment-summary, #wrapper app-payment-ui app-ccb-process-bills .payment-summary, #wrapper app-payment-ui app-ccb-confirm-bills .payment-summary,
#wrapper app-pay-my-bill app-pma-main .payment-summary,
#wrapper app-pay-my-bill app-ccb-pay-bills .payment-summary,
#wrapper app-pay-my-bill app-ccb-process-bills .payment-summary,
#wrapper app-pay-my-bill app-ccb-confirm-bills .payment-summary,
#wrapper payment-mo app-pma-main .payment-summary,
#wrapper payment-mo app-ccb-pay-bills .payment-summary,
#wrapper payment-mo app-ccb-process-bills .payment-summary,
#wrapper payment-mo app-ccb-confirm-bills .payment-summary,
#wrapper app-loan-payoff-quote app-pma-main .payment-summary,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .payment-summary,
#wrapper app-loan-payoff-quote app-ccb-process-bills .payment-summary,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .payment-summary,
#wrapper ngapps-ft-onetime-payment app-pma-main .payment-summary,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .payment-summary,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .payment-summary,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .payment-summary, body app-payment-ui app-pma-main .payment-summary, body app-payment-ui app-ccb-pay-bills .payment-summary, body app-payment-ui app-ccb-process-bills .payment-summary, body app-payment-ui app-ccb-confirm-bills .payment-summary,
body app-pay-my-bill app-pma-main .payment-summary,
body app-pay-my-bill app-ccb-pay-bills .payment-summary,
body app-pay-my-bill app-ccb-process-bills .payment-summary,
body app-pay-my-bill app-ccb-confirm-bills .payment-summary,
body payment-mo app-pma-main .payment-summary,
body payment-mo app-ccb-pay-bills .payment-summary,
body payment-mo app-ccb-process-bills .payment-summary,
body payment-mo app-ccb-confirm-bills .payment-summary,
body app-loan-payoff-quote app-pma-main .payment-summary,
body app-loan-payoff-quote app-ccb-pay-bills .payment-summary,
body app-loan-payoff-quote app-ccb-process-bills .payment-summary,
body app-loan-payoff-quote app-ccb-confirm-bills .payment-summary,
body ngapps-ft-onetime-payment app-pma-main .payment-summary,
body ngapps-ft-onetime-payment app-ccb-pay-bills .payment-summary,
body ngapps-ft-onetime-payment app-ccb-process-bills .payment-summary,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .payment-summary {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
#wrapper app-payment-ui app-pma-main .total-amount-due, #wrapper app-payment-ui app-ccb-pay-bills .total-amount-due, #wrapper app-payment-ui app-ccb-process-bills .total-amount-due, #wrapper app-payment-ui app-ccb-confirm-bills .total-amount-due,
#wrapper app-pay-my-bill app-pma-main .total-amount-due,
#wrapper app-pay-my-bill app-ccb-pay-bills .total-amount-due,
#wrapper app-pay-my-bill app-ccb-process-bills .total-amount-due,
#wrapper app-pay-my-bill app-ccb-confirm-bills .total-amount-due,
#wrapper payment-mo app-pma-main .total-amount-due,
#wrapper payment-mo app-ccb-pay-bills .total-amount-due,
#wrapper payment-mo app-ccb-process-bills .total-amount-due,
#wrapper payment-mo app-ccb-confirm-bills .total-amount-due,
#wrapper app-loan-payoff-quote app-pma-main .total-amount-due,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .total-amount-due,
#wrapper app-loan-payoff-quote app-ccb-process-bills .total-amount-due,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .total-amount-due,
#wrapper ngapps-ft-onetime-payment app-pma-main .total-amount-due,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .total-amount-due,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .total-amount-due,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .total-amount-due, body app-payment-ui app-pma-main .total-amount-due, body app-payment-ui app-ccb-pay-bills .total-amount-due, body app-payment-ui app-ccb-process-bills .total-amount-due, body app-payment-ui app-ccb-confirm-bills .total-amount-due,
body app-pay-my-bill app-pma-main .total-amount-due,
body app-pay-my-bill app-ccb-pay-bills .total-amount-due,
body app-pay-my-bill app-ccb-process-bills .total-amount-due,
body app-pay-my-bill app-ccb-confirm-bills .total-amount-due,
body payment-mo app-pma-main .total-amount-due,
body payment-mo app-ccb-pay-bills .total-amount-due,
body payment-mo app-ccb-process-bills .total-amount-due,
body payment-mo app-ccb-confirm-bills .total-amount-due,
body app-loan-payoff-quote app-pma-main .total-amount-due,
body app-loan-payoff-quote app-ccb-pay-bills .total-amount-due,
body app-loan-payoff-quote app-ccb-process-bills .total-amount-due,
body app-loan-payoff-quote app-ccb-confirm-bills .total-amount-due,
body ngapps-ft-onetime-payment app-pma-main .total-amount-due,
body ngapps-ft-onetime-payment app-ccb-pay-bills .total-amount-due,
body ngapps-ft-onetime-payment app-ccb-process-bills .total-amount-due,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .total-amount-due {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
#wrapper app-payment-ui app-pma-main .payment-date, #wrapper app-payment-ui app-ccb-pay-bills .payment-date, #wrapper app-payment-ui app-ccb-process-bills .payment-date, #wrapper app-payment-ui app-ccb-confirm-bills .payment-date,
#wrapper app-pay-my-bill app-pma-main .payment-date,
#wrapper app-pay-my-bill app-ccb-pay-bills .payment-date,
#wrapper app-pay-my-bill app-ccb-process-bills .payment-date,
#wrapper app-pay-my-bill app-ccb-confirm-bills .payment-date,
#wrapper payment-mo app-pma-main .payment-date,
#wrapper payment-mo app-ccb-pay-bills .payment-date,
#wrapper payment-mo app-ccb-process-bills .payment-date,
#wrapper payment-mo app-ccb-confirm-bills .payment-date,
#wrapper app-loan-payoff-quote app-pma-main .payment-date,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .payment-date,
#wrapper app-loan-payoff-quote app-ccb-process-bills .payment-date,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .payment-date,
#wrapper ngapps-ft-onetime-payment app-pma-main .payment-date,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .payment-date,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .payment-date,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .payment-date, body app-payment-ui app-pma-main .payment-date, body app-payment-ui app-ccb-pay-bills .payment-date, body app-payment-ui app-ccb-process-bills .payment-date, body app-payment-ui app-ccb-confirm-bills .payment-date,
body app-pay-my-bill app-pma-main .payment-date,
body app-pay-my-bill app-ccb-pay-bills .payment-date,
body app-pay-my-bill app-ccb-process-bills .payment-date,
body app-pay-my-bill app-ccb-confirm-bills .payment-date,
body payment-mo app-pma-main .payment-date,
body payment-mo app-ccb-pay-bills .payment-date,
body payment-mo app-ccb-process-bills .payment-date,
body payment-mo app-ccb-confirm-bills .payment-date,
body app-loan-payoff-quote app-pma-main .payment-date,
body app-loan-payoff-quote app-ccb-pay-bills .payment-date,
body app-loan-payoff-quote app-ccb-process-bills .payment-date,
body app-loan-payoff-quote app-ccb-confirm-bills .payment-date,
body ngapps-ft-onetime-payment app-pma-main .payment-date,
body ngapps-ft-onetime-payment app-ccb-pay-bills .payment-date,
body ngapps-ft-onetime-payment app-ccb-process-bills .payment-date,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .payment-date {
  font-size: 1.1rem;
}
#wrapper app-payment-ui app-pma-main .panel-default, #wrapper app-payment-ui app-ccb-pay-bills .panel-default, #wrapper app-payment-ui app-ccb-process-bills .panel-default, #wrapper app-payment-ui app-ccb-confirm-bills .panel-default,
#wrapper app-pay-my-bill app-pma-main .panel-default,
#wrapper app-pay-my-bill app-ccb-pay-bills .panel-default,
#wrapper app-pay-my-bill app-ccb-process-bills .panel-default,
#wrapper app-pay-my-bill app-ccb-confirm-bills .panel-default,
#wrapper payment-mo app-pma-main .panel-default,
#wrapper payment-mo app-ccb-pay-bills .panel-default,
#wrapper payment-mo app-ccb-process-bills .panel-default,
#wrapper payment-mo app-ccb-confirm-bills .panel-default,
#wrapper app-loan-payoff-quote app-pma-main .panel-default,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .panel-default,
#wrapper app-loan-payoff-quote app-ccb-process-bills .panel-default,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .panel-default,
#wrapper ngapps-ft-onetime-payment app-pma-main .panel-default,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .panel-default,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .panel-default,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .panel-default, body app-payment-ui app-pma-main .panel-default, body app-payment-ui app-ccb-pay-bills .panel-default, body app-payment-ui app-ccb-process-bills .panel-default, body app-payment-ui app-ccb-confirm-bills .panel-default,
body app-pay-my-bill app-pma-main .panel-default,
body app-pay-my-bill app-ccb-pay-bills .panel-default,
body app-pay-my-bill app-ccb-process-bills .panel-default,
body app-pay-my-bill app-ccb-confirm-bills .panel-default,
body payment-mo app-pma-main .panel-default,
body payment-mo app-ccb-pay-bills .panel-default,
body payment-mo app-ccb-process-bills .panel-default,
body payment-mo app-ccb-confirm-bills .panel-default,
body app-loan-payoff-quote app-pma-main .panel-default,
body app-loan-payoff-quote app-ccb-pay-bills .panel-default,
body app-loan-payoff-quote app-ccb-process-bills .panel-default,
body app-loan-payoff-quote app-ccb-confirm-bills .panel-default,
body ngapps-ft-onetime-payment app-pma-main .panel-default,
body ngapps-ft-onetime-payment app-ccb-pay-bills .panel-default,
body ngapps-ft-onetime-payment app-ccb-process-bills .panel-default,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .panel-default {
  margin-bottom: 1rem;
}
#wrapper app-payment-ui app-pma-main .panel-collapse, #wrapper app-payment-ui app-ccb-pay-bills .panel-collapse, #wrapper app-payment-ui app-ccb-process-bills .panel-collapse, #wrapper app-payment-ui app-ccb-confirm-bills .panel-collapse,
#wrapper app-pay-my-bill app-pma-main .panel-collapse,
#wrapper app-pay-my-bill app-ccb-pay-bills .panel-collapse,
#wrapper app-pay-my-bill app-ccb-process-bills .panel-collapse,
#wrapper app-pay-my-bill app-ccb-confirm-bills .panel-collapse,
#wrapper payment-mo app-pma-main .panel-collapse,
#wrapper payment-mo app-ccb-pay-bills .panel-collapse,
#wrapper payment-mo app-ccb-process-bills .panel-collapse,
#wrapper payment-mo app-ccb-confirm-bills .panel-collapse,
#wrapper app-loan-payoff-quote app-pma-main .panel-collapse,
#wrapper app-loan-payoff-quote app-ccb-pay-bills .panel-collapse,
#wrapper app-loan-payoff-quote app-ccb-process-bills .panel-collapse,
#wrapper app-loan-payoff-quote app-ccb-confirm-bills .panel-collapse,
#wrapper ngapps-ft-onetime-payment app-pma-main .panel-collapse,
#wrapper ngapps-ft-onetime-payment app-ccb-pay-bills .panel-collapse,
#wrapper ngapps-ft-onetime-payment app-ccb-process-bills .panel-collapse,
#wrapper ngapps-ft-onetime-payment app-ccb-confirm-bills .panel-collapse, body app-payment-ui app-pma-main .panel-collapse, body app-payment-ui app-ccb-pay-bills .panel-collapse, body app-payment-ui app-ccb-process-bills .panel-collapse, body app-payment-ui app-ccb-confirm-bills .panel-collapse,
body app-pay-my-bill app-pma-main .panel-collapse,
body app-pay-my-bill app-ccb-pay-bills .panel-collapse,
body app-pay-my-bill app-ccb-process-bills .panel-collapse,
body app-pay-my-bill app-ccb-confirm-bills .panel-collapse,
body payment-mo app-pma-main .panel-collapse,
body payment-mo app-ccb-pay-bills .panel-collapse,
body payment-mo app-ccb-process-bills .panel-collapse,
body payment-mo app-ccb-confirm-bills .panel-collapse,
body app-loan-payoff-quote app-pma-main .panel-collapse,
body app-loan-payoff-quote app-ccb-pay-bills .panel-collapse,
body app-loan-payoff-quote app-ccb-process-bills .panel-collapse,
body app-loan-payoff-quote app-ccb-confirm-bills .panel-collapse,
body ngapps-ft-onetime-payment app-pma-main .panel-collapse,
body ngapps-ft-onetime-payment app-ccb-pay-bills .panel-collapse,
body ngapps-ft-onetime-payment app-ccb-process-bills .panel-collapse,
body ngapps-ft-onetime-payment app-ccb-confirm-bills .panel-collapse {
  background: #ededed;
}
#wrapper app-payment-ui app-selected-account, #wrapper app-payment-ui app-confirmation-account, #wrapper app-payment-ui app-processing-account, #wrapper app-payment-ui app-pma-payment-tile, #wrapper app-payment-ui app-pma-process-tile, #wrapper app-payment-ui app-pma-confirm-tile,
#wrapper app-pay-my-bill app-selected-account,
#wrapper app-pay-my-bill app-confirmation-account,
#wrapper app-pay-my-bill app-processing-account,
#wrapper app-pay-my-bill app-pma-payment-tile,
#wrapper app-pay-my-bill app-pma-process-tile,
#wrapper app-pay-my-bill app-pma-confirm-tile,
#wrapper payment-mo app-selected-account,
#wrapper payment-mo app-confirmation-account,
#wrapper payment-mo app-processing-account,
#wrapper payment-mo app-pma-payment-tile,
#wrapper payment-mo app-pma-process-tile,
#wrapper payment-mo app-pma-confirm-tile,
#wrapper app-loan-payoff-quote app-selected-account,
#wrapper app-loan-payoff-quote app-confirmation-account,
#wrapper app-loan-payoff-quote app-processing-account,
#wrapper app-loan-payoff-quote app-pma-payment-tile,
#wrapper app-loan-payoff-quote app-pma-process-tile,
#wrapper app-loan-payoff-quote app-pma-confirm-tile,
#wrapper ngapps-ft-onetime-payment app-selected-account,
#wrapper ngapps-ft-onetime-payment app-confirmation-account,
#wrapper ngapps-ft-onetime-payment app-processing-account,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile, body app-payment-ui app-selected-account, body app-payment-ui app-confirmation-account, body app-payment-ui app-processing-account, body app-payment-ui app-pma-payment-tile, body app-payment-ui app-pma-process-tile, body app-payment-ui app-pma-confirm-tile,
body app-pay-my-bill app-selected-account,
body app-pay-my-bill app-confirmation-account,
body app-pay-my-bill app-processing-account,
body app-pay-my-bill app-pma-payment-tile,
body app-pay-my-bill app-pma-process-tile,
body app-pay-my-bill app-pma-confirm-tile,
body payment-mo app-selected-account,
body payment-mo app-confirmation-account,
body payment-mo app-processing-account,
body payment-mo app-pma-payment-tile,
body payment-mo app-pma-process-tile,
body payment-mo app-pma-confirm-tile,
body app-loan-payoff-quote app-selected-account,
body app-loan-payoff-quote app-confirmation-account,
body app-loan-payoff-quote app-processing-account,
body app-loan-payoff-quote app-pma-payment-tile,
body app-loan-payoff-quote app-pma-process-tile,
body app-loan-payoff-quote app-pma-confirm-tile,
body ngapps-ft-onetime-payment app-selected-account,
body ngapps-ft-onetime-payment app-confirmation-account,
body ngapps-ft-onetime-payment app-processing-account,
body ngapps-ft-onetime-payment app-pma-payment-tile,
body ngapps-ft-onetime-payment app-pma-process-tile,
body ngapps-ft-onetime-payment app-pma-confirm-tile {
  width: 100%;
}
#wrapper app-payment-ui app-selected-account .account-tile-wrapper, #wrapper app-payment-ui app-confirmation-account .account-tile-wrapper, #wrapper app-payment-ui app-processing-account .account-tile-wrapper, #wrapper app-payment-ui app-pma-payment-tile .account-tile-wrapper, #wrapper app-payment-ui app-pma-process-tile .account-tile-wrapper, #wrapper app-payment-ui app-pma-confirm-tile .account-tile-wrapper,
#wrapper app-pay-my-bill app-selected-account .account-tile-wrapper,
#wrapper app-pay-my-bill app-confirmation-account .account-tile-wrapper,
#wrapper app-pay-my-bill app-processing-account .account-tile-wrapper,
#wrapper app-pay-my-bill app-pma-payment-tile .account-tile-wrapper,
#wrapper app-pay-my-bill app-pma-process-tile .account-tile-wrapper,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-tile-wrapper,
#wrapper payment-mo app-selected-account .account-tile-wrapper,
#wrapper payment-mo app-confirmation-account .account-tile-wrapper,
#wrapper payment-mo app-processing-account .account-tile-wrapper,
#wrapper payment-mo app-pma-payment-tile .account-tile-wrapper,
#wrapper payment-mo app-pma-process-tile .account-tile-wrapper,
#wrapper payment-mo app-pma-confirm-tile .account-tile-wrapper,
#wrapper app-loan-payoff-quote app-selected-account .account-tile-wrapper,
#wrapper app-loan-payoff-quote app-confirmation-account .account-tile-wrapper,
#wrapper app-loan-payoff-quote app-processing-account .account-tile-wrapper,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-tile-wrapper,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-tile-wrapper,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-tile-wrapper,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-tile-wrapper,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile-wrapper,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-tile-wrapper,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-wrapper,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-tile-wrapper,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-wrapper, body app-payment-ui app-selected-account .account-tile-wrapper, body app-payment-ui app-confirmation-account .account-tile-wrapper, body app-payment-ui app-processing-account .account-tile-wrapper, body app-payment-ui app-pma-payment-tile .account-tile-wrapper, body app-payment-ui app-pma-process-tile .account-tile-wrapper, body app-payment-ui app-pma-confirm-tile .account-tile-wrapper,
body app-pay-my-bill app-selected-account .account-tile-wrapper,
body app-pay-my-bill app-confirmation-account .account-tile-wrapper,
body app-pay-my-bill app-processing-account .account-tile-wrapper,
body app-pay-my-bill app-pma-payment-tile .account-tile-wrapper,
body app-pay-my-bill app-pma-process-tile .account-tile-wrapper,
body app-pay-my-bill app-pma-confirm-tile .account-tile-wrapper,
body payment-mo app-selected-account .account-tile-wrapper,
body payment-mo app-confirmation-account .account-tile-wrapper,
body payment-mo app-processing-account .account-tile-wrapper,
body payment-mo app-pma-payment-tile .account-tile-wrapper,
body payment-mo app-pma-process-tile .account-tile-wrapper,
body payment-mo app-pma-confirm-tile .account-tile-wrapper,
body app-loan-payoff-quote app-selected-account .account-tile-wrapper,
body app-loan-payoff-quote app-confirmation-account .account-tile-wrapper,
body app-loan-payoff-quote app-processing-account .account-tile-wrapper,
body app-loan-payoff-quote app-pma-payment-tile .account-tile-wrapper,
body app-loan-payoff-quote app-pma-process-tile .account-tile-wrapper,
body app-loan-payoff-quote app-pma-confirm-tile .account-tile-wrapper,
body ngapps-ft-onetime-payment app-selected-account .account-tile-wrapper,
body ngapps-ft-onetime-payment app-confirmation-account .account-tile-wrapper,
body ngapps-ft-onetime-payment app-processing-account .account-tile-wrapper,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-wrapper,
body ngapps-ft-onetime-payment app-pma-process-tile .account-tile-wrapper,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-wrapper {
  background: white;
  box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.4);
  margin-bottom: 1rem;
  padding: 1.2rem;
}
#wrapper app-payment-ui app-selected-account .account-tile-wrapper::after, #wrapper app-payment-ui app-confirmation-account .account-tile-wrapper::after, #wrapper app-payment-ui app-processing-account .account-tile-wrapper::after, #wrapper app-payment-ui app-pma-payment-tile .account-tile-wrapper::after, #wrapper app-payment-ui app-pma-process-tile .account-tile-wrapper::after, #wrapper app-payment-ui app-pma-confirm-tile .account-tile-wrapper::after,
#wrapper app-pay-my-bill app-selected-account .account-tile-wrapper::after,
#wrapper app-pay-my-bill app-confirmation-account .account-tile-wrapper::after,
#wrapper app-pay-my-bill app-processing-account .account-tile-wrapper::after,
#wrapper app-pay-my-bill app-pma-payment-tile .account-tile-wrapper::after,
#wrapper app-pay-my-bill app-pma-process-tile .account-tile-wrapper::after,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-tile-wrapper::after,
#wrapper payment-mo app-selected-account .account-tile-wrapper::after,
#wrapper payment-mo app-confirmation-account .account-tile-wrapper::after,
#wrapper payment-mo app-processing-account .account-tile-wrapper::after,
#wrapper payment-mo app-pma-payment-tile .account-tile-wrapper::after,
#wrapper payment-mo app-pma-process-tile .account-tile-wrapper::after,
#wrapper payment-mo app-pma-confirm-tile .account-tile-wrapper::after,
#wrapper app-loan-payoff-quote app-selected-account .account-tile-wrapper::after,
#wrapper app-loan-payoff-quote app-confirmation-account .account-tile-wrapper::after,
#wrapper app-loan-payoff-quote app-processing-account .account-tile-wrapper::after,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-tile-wrapper::after,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-tile-wrapper::after,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-tile-wrapper::after,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-tile-wrapper::after,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile-wrapper::after,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-tile-wrapper::after,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-wrapper::after,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-tile-wrapper::after,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-wrapper::after, body app-payment-ui app-selected-account .account-tile-wrapper::after, body app-payment-ui app-confirmation-account .account-tile-wrapper::after, body app-payment-ui app-processing-account .account-tile-wrapper::after, body app-payment-ui app-pma-payment-tile .account-tile-wrapper::after, body app-payment-ui app-pma-process-tile .account-tile-wrapper::after, body app-payment-ui app-pma-confirm-tile .account-tile-wrapper::after,
body app-pay-my-bill app-selected-account .account-tile-wrapper::after,
body app-pay-my-bill app-confirmation-account .account-tile-wrapper::after,
body app-pay-my-bill app-processing-account .account-tile-wrapper::after,
body app-pay-my-bill app-pma-payment-tile .account-tile-wrapper::after,
body app-pay-my-bill app-pma-process-tile .account-tile-wrapper::after,
body app-pay-my-bill app-pma-confirm-tile .account-tile-wrapper::after,
body payment-mo app-selected-account .account-tile-wrapper::after,
body payment-mo app-confirmation-account .account-tile-wrapper::after,
body payment-mo app-processing-account .account-tile-wrapper::after,
body payment-mo app-pma-payment-tile .account-tile-wrapper::after,
body payment-mo app-pma-process-tile .account-tile-wrapper::after,
body payment-mo app-pma-confirm-tile .account-tile-wrapper::after,
body app-loan-payoff-quote app-selected-account .account-tile-wrapper::after,
body app-loan-payoff-quote app-confirmation-account .account-tile-wrapper::after,
body app-loan-payoff-quote app-processing-account .account-tile-wrapper::after,
body app-loan-payoff-quote app-pma-payment-tile .account-tile-wrapper::after,
body app-loan-payoff-quote app-pma-process-tile .account-tile-wrapper::after,
body app-loan-payoff-quote app-pma-confirm-tile .account-tile-wrapper::after,
body ngapps-ft-onetime-payment app-selected-account .account-tile-wrapper::after,
body ngapps-ft-onetime-payment app-confirmation-account .account-tile-wrapper::after,
body ngapps-ft-onetime-payment app-processing-account .account-tile-wrapper::after,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-wrapper::after,
body ngapps-ft-onetime-payment app-pma-process-tile .account-tile-wrapper::after,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 50rem) {
  #wrapper app-payment-ui app-selected-account .account-tile-wrapper, #wrapper app-payment-ui app-confirmation-account .account-tile-wrapper, #wrapper app-payment-ui app-processing-account .account-tile-wrapper, #wrapper app-payment-ui app-pma-payment-tile .account-tile-wrapper, #wrapper app-payment-ui app-pma-process-tile .account-tile-wrapper, #wrapper app-payment-ui app-pma-confirm-tile .account-tile-wrapper,
  #wrapper app-pay-my-bill app-selected-account .account-tile-wrapper,
  #wrapper app-pay-my-bill app-confirmation-account .account-tile-wrapper,
  #wrapper app-pay-my-bill app-processing-account .account-tile-wrapper,
  #wrapper app-pay-my-bill app-pma-payment-tile .account-tile-wrapper,
  #wrapper app-pay-my-bill app-pma-process-tile .account-tile-wrapper,
  #wrapper app-pay-my-bill app-pma-confirm-tile .account-tile-wrapper,
  #wrapper payment-mo app-selected-account .account-tile-wrapper,
  #wrapper payment-mo app-confirmation-account .account-tile-wrapper,
  #wrapper payment-mo app-processing-account .account-tile-wrapper,
  #wrapper payment-mo app-pma-payment-tile .account-tile-wrapper,
  #wrapper payment-mo app-pma-process-tile .account-tile-wrapper,
  #wrapper payment-mo app-pma-confirm-tile .account-tile-wrapper,
  #wrapper app-loan-payoff-quote app-selected-account .account-tile-wrapper,
  #wrapper app-loan-payoff-quote app-confirmation-account .account-tile-wrapper,
  #wrapper app-loan-payoff-quote app-processing-account .account-tile-wrapper,
  #wrapper app-loan-payoff-quote app-pma-payment-tile .account-tile-wrapper,
  #wrapper app-loan-payoff-quote app-pma-process-tile .account-tile-wrapper,
  #wrapper app-loan-payoff-quote app-pma-confirm-tile .account-tile-wrapper,
  #wrapper ngapps-ft-onetime-payment app-selected-account .account-tile-wrapper,
  #wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile-wrapper,
  #wrapper ngapps-ft-onetime-payment app-processing-account .account-tile-wrapper,
  #wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-wrapper,
  #wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-tile-wrapper,
  #wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-wrapper, body app-payment-ui app-selected-account .account-tile-wrapper, body app-payment-ui app-confirmation-account .account-tile-wrapper, body app-payment-ui app-processing-account .account-tile-wrapper, body app-payment-ui app-pma-payment-tile .account-tile-wrapper, body app-payment-ui app-pma-process-tile .account-tile-wrapper, body app-payment-ui app-pma-confirm-tile .account-tile-wrapper,
  body app-pay-my-bill app-selected-account .account-tile-wrapper,
  body app-pay-my-bill app-confirmation-account .account-tile-wrapper,
  body app-pay-my-bill app-processing-account .account-tile-wrapper,
  body app-pay-my-bill app-pma-payment-tile .account-tile-wrapper,
  body app-pay-my-bill app-pma-process-tile .account-tile-wrapper,
  body app-pay-my-bill app-pma-confirm-tile .account-tile-wrapper,
  body payment-mo app-selected-account .account-tile-wrapper,
  body payment-mo app-confirmation-account .account-tile-wrapper,
  body payment-mo app-processing-account .account-tile-wrapper,
  body payment-mo app-pma-payment-tile .account-tile-wrapper,
  body payment-mo app-pma-process-tile .account-tile-wrapper,
  body payment-mo app-pma-confirm-tile .account-tile-wrapper,
  body app-loan-payoff-quote app-selected-account .account-tile-wrapper,
  body app-loan-payoff-quote app-confirmation-account .account-tile-wrapper,
  body app-loan-payoff-quote app-processing-account .account-tile-wrapper,
  body app-loan-payoff-quote app-pma-payment-tile .account-tile-wrapper,
  body app-loan-payoff-quote app-pma-process-tile .account-tile-wrapper,
  body app-loan-payoff-quote app-pma-confirm-tile .account-tile-wrapper,
  body ngapps-ft-onetime-payment app-selected-account .account-tile-wrapper,
  body ngapps-ft-onetime-payment app-confirmation-account .account-tile-wrapper,
  body ngapps-ft-onetime-payment app-processing-account .account-tile-wrapper,
  body ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-wrapper,
  body ngapps-ft-onetime-payment app-pma-process-tile .account-tile-wrapper,
  body ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-wrapper {
    display: flex;
    flex-direction: column;
    margin: 2rem;
    width: 20rem;
  }
}
#wrapper app-payment-ui app-selected-account .account-tile, #wrapper app-payment-ui app-confirmation-account .account-tile, #wrapper app-payment-ui app-processing-account .account-tile, #wrapper app-payment-ui app-pma-payment-tile .account-tile, #wrapper app-payment-ui app-pma-process-tile .account-tile, #wrapper app-payment-ui app-pma-confirm-tile .account-tile,
#wrapper app-pay-my-bill app-selected-account .account-tile,
#wrapper app-pay-my-bill app-confirmation-account .account-tile,
#wrapper app-pay-my-bill app-processing-account .account-tile,
#wrapper app-pay-my-bill app-pma-payment-tile .account-tile,
#wrapper app-pay-my-bill app-pma-process-tile .account-tile,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-tile,
#wrapper payment-mo app-selected-account .account-tile,
#wrapper payment-mo app-confirmation-account .account-tile,
#wrapper payment-mo app-processing-account .account-tile,
#wrapper payment-mo app-pma-payment-tile .account-tile,
#wrapper payment-mo app-pma-process-tile .account-tile,
#wrapper payment-mo app-pma-confirm-tile .account-tile,
#wrapper app-loan-payoff-quote app-selected-account .account-tile,
#wrapper app-loan-payoff-quote app-confirmation-account .account-tile,
#wrapper app-loan-payoff-quote app-processing-account .account-tile,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-tile,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-tile,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-tile,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-tile,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-tile,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-tile,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-tile,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile, body app-payment-ui app-selected-account .account-tile, body app-payment-ui app-confirmation-account .account-tile, body app-payment-ui app-processing-account .account-tile, body app-payment-ui app-pma-payment-tile .account-tile, body app-payment-ui app-pma-process-tile .account-tile, body app-payment-ui app-pma-confirm-tile .account-tile,
body app-pay-my-bill app-selected-account .account-tile,
body app-pay-my-bill app-confirmation-account .account-tile,
body app-pay-my-bill app-processing-account .account-tile,
body app-pay-my-bill app-pma-payment-tile .account-tile,
body app-pay-my-bill app-pma-process-tile .account-tile,
body app-pay-my-bill app-pma-confirm-tile .account-tile,
body payment-mo app-selected-account .account-tile,
body payment-mo app-confirmation-account .account-tile,
body payment-mo app-processing-account .account-tile,
body payment-mo app-pma-payment-tile .account-tile,
body payment-mo app-pma-process-tile .account-tile,
body payment-mo app-pma-confirm-tile .account-tile,
body app-loan-payoff-quote app-selected-account .account-tile,
body app-loan-payoff-quote app-confirmation-account .account-tile,
body app-loan-payoff-quote app-processing-account .account-tile,
body app-loan-payoff-quote app-pma-payment-tile .account-tile,
body app-loan-payoff-quote app-pma-process-tile .account-tile,
body app-loan-payoff-quote app-pma-confirm-tile .account-tile,
body ngapps-ft-onetime-payment app-selected-account .account-tile,
body ngapps-ft-onetime-payment app-confirmation-account .account-tile,
body ngapps-ft-onetime-payment app-processing-account .account-tile,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-tile,
body ngapps-ft-onetime-payment app-pma-process-tile .account-tile,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile {
  display: flex;
  justify-content: space-between;
}
#wrapper app-payment-ui app-selected-account .account-tile-left, #wrapper app-payment-ui app-confirmation-account .account-tile-left, #wrapper app-payment-ui app-processing-account .account-tile-left, #wrapper app-payment-ui app-pma-payment-tile .account-tile-left, #wrapper app-payment-ui app-pma-process-tile .account-tile-left, #wrapper app-payment-ui app-pma-confirm-tile .account-tile-left,
#wrapper app-pay-my-bill app-selected-account .account-tile-left,
#wrapper app-pay-my-bill app-confirmation-account .account-tile-left,
#wrapper app-pay-my-bill app-processing-account .account-tile-left,
#wrapper app-pay-my-bill app-pma-payment-tile .account-tile-left,
#wrapper app-pay-my-bill app-pma-process-tile .account-tile-left,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-tile-left,
#wrapper payment-mo app-selected-account .account-tile-left,
#wrapper payment-mo app-confirmation-account .account-tile-left,
#wrapper payment-mo app-processing-account .account-tile-left,
#wrapper payment-mo app-pma-payment-tile .account-tile-left,
#wrapper payment-mo app-pma-process-tile .account-tile-left,
#wrapper payment-mo app-pma-confirm-tile .account-tile-left,
#wrapper app-loan-payoff-quote app-selected-account .account-tile-left,
#wrapper app-loan-payoff-quote app-confirmation-account .account-tile-left,
#wrapper app-loan-payoff-quote app-processing-account .account-tile-left,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-tile-left,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-tile-left,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-left, body app-payment-ui app-selected-account .account-tile-left, body app-payment-ui app-confirmation-account .account-tile-left, body app-payment-ui app-processing-account .account-tile-left, body app-payment-ui app-pma-payment-tile .account-tile-left, body app-payment-ui app-pma-process-tile .account-tile-left, body app-payment-ui app-pma-confirm-tile .account-tile-left,
body app-pay-my-bill app-selected-account .account-tile-left,
body app-pay-my-bill app-confirmation-account .account-tile-left,
body app-pay-my-bill app-processing-account .account-tile-left,
body app-pay-my-bill app-pma-payment-tile .account-tile-left,
body app-pay-my-bill app-pma-process-tile .account-tile-left,
body app-pay-my-bill app-pma-confirm-tile .account-tile-left,
body payment-mo app-selected-account .account-tile-left,
body payment-mo app-confirmation-account .account-tile-left,
body payment-mo app-processing-account .account-tile-left,
body payment-mo app-pma-payment-tile .account-tile-left,
body payment-mo app-pma-process-tile .account-tile-left,
body payment-mo app-pma-confirm-tile .account-tile-left,
body app-loan-payoff-quote app-selected-account .account-tile-left,
body app-loan-payoff-quote app-confirmation-account .account-tile-left,
body app-loan-payoff-quote app-processing-account .account-tile-left,
body app-loan-payoff-quote app-pma-payment-tile .account-tile-left,
body app-loan-payoff-quote app-pma-process-tile .account-tile-left,
body app-loan-payoff-quote app-pma-confirm-tile .account-tile-left,
body ngapps-ft-onetime-payment app-selected-account .account-tile-left,
body ngapps-ft-onetime-payment app-confirmation-account .account-tile-left,
body ngapps-ft-onetime-payment app-processing-account .account-tile-left,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-left,
body ngapps-ft-onetime-payment app-pma-process-tile .account-tile-left,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-left {
  width: 90%;
}
#wrapper app-payment-ui app-selected-account .account-tile-left .alert, #wrapper app-payment-ui app-confirmation-account .account-tile-left .alert, #wrapper app-payment-ui app-processing-account .account-tile-left .alert, #wrapper app-payment-ui app-pma-payment-tile .account-tile-left .alert, #wrapper app-payment-ui app-pma-process-tile .account-tile-left .alert, #wrapper app-payment-ui app-pma-confirm-tile .account-tile-left .alert,
#wrapper app-pay-my-bill app-selected-account .account-tile-left .alert,
#wrapper app-pay-my-bill app-confirmation-account .account-tile-left .alert,
#wrapper app-pay-my-bill app-processing-account .account-tile-left .alert,
#wrapper app-pay-my-bill app-pma-payment-tile .account-tile-left .alert,
#wrapper app-pay-my-bill app-pma-process-tile .account-tile-left .alert,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-tile-left .alert,
#wrapper payment-mo app-selected-account .account-tile-left .alert,
#wrapper payment-mo app-confirmation-account .account-tile-left .alert,
#wrapper payment-mo app-processing-account .account-tile-left .alert,
#wrapper payment-mo app-pma-payment-tile .account-tile-left .alert,
#wrapper payment-mo app-pma-process-tile .account-tile-left .alert,
#wrapper payment-mo app-pma-confirm-tile .account-tile-left .alert,
#wrapper app-loan-payoff-quote app-selected-account .account-tile-left .alert,
#wrapper app-loan-payoff-quote app-confirmation-account .account-tile-left .alert,
#wrapper app-loan-payoff-quote app-processing-account .account-tile-left .alert,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-tile-left .alert,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-tile-left .alert,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-tile-left .alert,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-tile-left .alert,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile-left .alert,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-tile-left .alert,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-left .alert,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-tile-left .alert,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-left .alert, body app-payment-ui app-selected-account .account-tile-left .alert, body app-payment-ui app-confirmation-account .account-tile-left .alert, body app-payment-ui app-processing-account .account-tile-left .alert, body app-payment-ui app-pma-payment-tile .account-tile-left .alert, body app-payment-ui app-pma-process-tile .account-tile-left .alert, body app-payment-ui app-pma-confirm-tile .account-tile-left .alert,
body app-pay-my-bill app-selected-account .account-tile-left .alert,
body app-pay-my-bill app-confirmation-account .account-tile-left .alert,
body app-pay-my-bill app-processing-account .account-tile-left .alert,
body app-pay-my-bill app-pma-payment-tile .account-tile-left .alert,
body app-pay-my-bill app-pma-process-tile .account-tile-left .alert,
body app-pay-my-bill app-pma-confirm-tile .account-tile-left .alert,
body payment-mo app-selected-account .account-tile-left .alert,
body payment-mo app-confirmation-account .account-tile-left .alert,
body payment-mo app-processing-account .account-tile-left .alert,
body payment-mo app-pma-payment-tile .account-tile-left .alert,
body payment-mo app-pma-process-tile .account-tile-left .alert,
body payment-mo app-pma-confirm-tile .account-tile-left .alert,
body app-loan-payoff-quote app-selected-account .account-tile-left .alert,
body app-loan-payoff-quote app-confirmation-account .account-tile-left .alert,
body app-loan-payoff-quote app-processing-account .account-tile-left .alert,
body app-loan-payoff-quote app-pma-payment-tile .account-tile-left .alert,
body app-loan-payoff-quote app-pma-process-tile .account-tile-left .alert,
body app-loan-payoff-quote app-pma-confirm-tile .account-tile-left .alert,
body ngapps-ft-onetime-payment app-selected-account .account-tile-left .alert,
body ngapps-ft-onetime-payment app-confirmation-account .account-tile-left .alert,
body ngapps-ft-onetime-payment app-processing-account .account-tile-left .alert,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-left .alert,
body ngapps-ft-onetime-payment app-pma-process-tile .account-tile-left .alert,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-left .alert {
  width: 98%;
}
#wrapper app-payment-ui app-selected-account .account-tile-right button.remove-account-button, #wrapper app-payment-ui app-confirmation-account .account-tile-right button.remove-account-button, #wrapper app-payment-ui app-processing-account .account-tile-right button.remove-account-button, #wrapper app-payment-ui app-pma-payment-tile .account-tile-right button.remove-account-button, #wrapper app-payment-ui app-pma-process-tile .account-tile-right button.remove-account-button, #wrapper app-payment-ui app-pma-confirm-tile .account-tile-right button.remove-account-button,
#wrapper app-pay-my-bill app-selected-account .account-tile-right button.remove-account-button,
#wrapper app-pay-my-bill app-confirmation-account .account-tile-right button.remove-account-button,
#wrapper app-pay-my-bill app-processing-account .account-tile-right button.remove-account-button,
#wrapper app-pay-my-bill app-pma-payment-tile .account-tile-right button.remove-account-button,
#wrapper app-pay-my-bill app-pma-process-tile .account-tile-right button.remove-account-button,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-tile-right button.remove-account-button,
#wrapper payment-mo app-selected-account .account-tile-right button.remove-account-button,
#wrapper payment-mo app-confirmation-account .account-tile-right button.remove-account-button,
#wrapper payment-mo app-processing-account .account-tile-right button.remove-account-button,
#wrapper payment-mo app-pma-payment-tile .account-tile-right button.remove-account-button,
#wrapper payment-mo app-pma-process-tile .account-tile-right button.remove-account-button,
#wrapper payment-mo app-pma-confirm-tile .account-tile-right button.remove-account-button,
#wrapper app-loan-payoff-quote app-selected-account .account-tile-right button.remove-account-button,
#wrapper app-loan-payoff-quote app-confirmation-account .account-tile-right button.remove-account-button,
#wrapper app-loan-payoff-quote app-processing-account .account-tile-right button.remove-account-button,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-tile-right button.remove-account-button,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-tile-right button.remove-account-button,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-tile-right button.remove-account-button,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-tile-right button.remove-account-button,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile-right button.remove-account-button,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-tile-right button.remove-account-button,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-right button.remove-account-button,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-tile-right button.remove-account-button,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-right button.remove-account-button, body app-payment-ui app-selected-account .account-tile-right button.remove-account-button, body app-payment-ui app-confirmation-account .account-tile-right button.remove-account-button, body app-payment-ui app-processing-account .account-tile-right button.remove-account-button, body app-payment-ui app-pma-payment-tile .account-tile-right button.remove-account-button, body app-payment-ui app-pma-process-tile .account-tile-right button.remove-account-button, body app-payment-ui app-pma-confirm-tile .account-tile-right button.remove-account-button,
body app-pay-my-bill app-selected-account .account-tile-right button.remove-account-button,
body app-pay-my-bill app-confirmation-account .account-tile-right button.remove-account-button,
body app-pay-my-bill app-processing-account .account-tile-right button.remove-account-button,
body app-pay-my-bill app-pma-payment-tile .account-tile-right button.remove-account-button,
body app-pay-my-bill app-pma-process-tile .account-tile-right button.remove-account-button,
body app-pay-my-bill app-pma-confirm-tile .account-tile-right button.remove-account-button,
body payment-mo app-selected-account .account-tile-right button.remove-account-button,
body payment-mo app-confirmation-account .account-tile-right button.remove-account-button,
body payment-mo app-processing-account .account-tile-right button.remove-account-button,
body payment-mo app-pma-payment-tile .account-tile-right button.remove-account-button,
body payment-mo app-pma-process-tile .account-tile-right button.remove-account-button,
body payment-mo app-pma-confirm-tile .account-tile-right button.remove-account-button,
body app-loan-payoff-quote app-selected-account .account-tile-right button.remove-account-button,
body app-loan-payoff-quote app-confirmation-account .account-tile-right button.remove-account-button,
body app-loan-payoff-quote app-processing-account .account-tile-right button.remove-account-button,
body app-loan-payoff-quote app-pma-payment-tile .account-tile-right button.remove-account-button,
body app-loan-payoff-quote app-pma-process-tile .account-tile-right button.remove-account-button,
body app-loan-payoff-quote app-pma-confirm-tile .account-tile-right button.remove-account-button,
body ngapps-ft-onetime-payment app-selected-account .account-tile-right button.remove-account-button,
body ngapps-ft-onetime-payment app-confirmation-account .account-tile-right button.remove-account-button,
body ngapps-ft-onetime-payment app-processing-account .account-tile-right button.remove-account-button,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-tile-right button.remove-account-button,
body ngapps-ft-onetime-payment app-pma-process-tile .account-tile-right button.remove-account-button,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-tile-right button.remove-account-button {
  border: none;
  background: none;
  cursor: pointer;
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0;
  text-align: right;
  width: 100%;
}
#wrapper app-payment-ui app-selected-account .tile-header, #wrapper app-payment-ui app-confirmation-account .tile-header, #wrapper app-payment-ui app-processing-account .tile-header, #wrapper app-payment-ui app-pma-payment-tile .tile-header, #wrapper app-payment-ui app-pma-process-tile .tile-header, #wrapper app-payment-ui app-pma-confirm-tile .tile-header,
#wrapper app-pay-my-bill app-selected-account .tile-header,
#wrapper app-pay-my-bill app-confirmation-account .tile-header,
#wrapper app-pay-my-bill app-processing-account .tile-header,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-header,
#wrapper app-pay-my-bill app-pma-process-tile .tile-header,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-header,
#wrapper payment-mo app-selected-account .tile-header,
#wrapper payment-mo app-confirmation-account .tile-header,
#wrapper payment-mo app-processing-account .tile-header,
#wrapper payment-mo app-pma-payment-tile .tile-header,
#wrapper payment-mo app-pma-process-tile .tile-header,
#wrapper payment-mo app-pma-confirm-tile .tile-header,
#wrapper app-loan-payoff-quote app-selected-account .tile-header,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-header,
#wrapper app-loan-payoff-quote app-processing-account .tile-header,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-header,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-header,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-header,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-header,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-header,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-header,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-header,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-header,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header, body app-payment-ui app-selected-account .tile-header, body app-payment-ui app-confirmation-account .tile-header, body app-payment-ui app-processing-account .tile-header, body app-payment-ui app-pma-payment-tile .tile-header, body app-payment-ui app-pma-process-tile .tile-header, body app-payment-ui app-pma-confirm-tile .tile-header,
body app-pay-my-bill app-selected-account .tile-header,
body app-pay-my-bill app-confirmation-account .tile-header,
body app-pay-my-bill app-processing-account .tile-header,
body app-pay-my-bill app-pma-payment-tile .tile-header,
body app-pay-my-bill app-pma-process-tile .tile-header,
body app-pay-my-bill app-pma-confirm-tile .tile-header,
body payment-mo app-selected-account .tile-header,
body payment-mo app-confirmation-account .tile-header,
body payment-mo app-processing-account .tile-header,
body payment-mo app-pma-payment-tile .tile-header,
body payment-mo app-pma-process-tile .tile-header,
body payment-mo app-pma-confirm-tile .tile-header,
body app-loan-payoff-quote app-selected-account .tile-header,
body app-loan-payoff-quote app-confirmation-account .tile-header,
body app-loan-payoff-quote app-processing-account .tile-header,
body app-loan-payoff-quote app-pma-payment-tile .tile-header,
body app-loan-payoff-quote app-pma-process-tile .tile-header,
body app-loan-payoff-quote app-pma-confirm-tile .tile-header,
body ngapps-ft-onetime-payment app-selected-account .tile-header,
body ngapps-ft-onetime-payment app-confirmation-account .tile-header,
body ngapps-ft-onetime-payment app-processing-account .tile-header,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-header,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-header,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-header {
  margin-top: 0.5rem;
}
#wrapper app-payment-ui app-selected-account .tile-top-body, #wrapper app-payment-ui app-confirmation-account .tile-top-body, #wrapper app-payment-ui app-processing-account .tile-top-body, #wrapper app-payment-ui app-pma-payment-tile .tile-top-body, #wrapper app-payment-ui app-pma-process-tile .tile-top-body, #wrapper app-payment-ui app-pma-confirm-tile .tile-top-body,
#wrapper app-pay-my-bill app-selected-account .tile-top-body,
#wrapper app-pay-my-bill app-confirmation-account .tile-top-body,
#wrapper app-pay-my-bill app-processing-account .tile-top-body,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-top-body,
#wrapper app-pay-my-bill app-pma-process-tile .tile-top-body,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-top-body,
#wrapper payment-mo app-selected-account .tile-top-body,
#wrapper payment-mo app-confirmation-account .tile-top-body,
#wrapper payment-mo app-processing-account .tile-top-body,
#wrapper payment-mo app-pma-payment-tile .tile-top-body,
#wrapper payment-mo app-pma-process-tile .tile-top-body,
#wrapper payment-mo app-pma-confirm-tile .tile-top-body,
#wrapper app-loan-payoff-quote app-selected-account .tile-top-body,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-top-body,
#wrapper app-loan-payoff-quote app-processing-account .tile-top-body,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-top-body,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-top-body,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-top-body,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-top-body,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-top-body,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-top-body,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body, body app-payment-ui app-selected-account .tile-top-body, body app-payment-ui app-confirmation-account .tile-top-body, body app-payment-ui app-processing-account .tile-top-body, body app-payment-ui app-pma-payment-tile .tile-top-body, body app-payment-ui app-pma-process-tile .tile-top-body, body app-payment-ui app-pma-confirm-tile .tile-top-body,
body app-pay-my-bill app-selected-account .tile-top-body,
body app-pay-my-bill app-confirmation-account .tile-top-body,
body app-pay-my-bill app-processing-account .tile-top-body,
body app-pay-my-bill app-pma-payment-tile .tile-top-body,
body app-pay-my-bill app-pma-process-tile .tile-top-body,
body app-pay-my-bill app-pma-confirm-tile .tile-top-body,
body payment-mo app-selected-account .tile-top-body,
body payment-mo app-confirmation-account .tile-top-body,
body payment-mo app-processing-account .tile-top-body,
body payment-mo app-pma-payment-tile .tile-top-body,
body payment-mo app-pma-process-tile .tile-top-body,
body payment-mo app-pma-confirm-tile .tile-top-body,
body app-loan-payoff-quote app-selected-account .tile-top-body,
body app-loan-payoff-quote app-confirmation-account .tile-top-body,
body app-loan-payoff-quote app-processing-account .tile-top-body,
body app-loan-payoff-quote app-pma-payment-tile .tile-top-body,
body app-loan-payoff-quote app-pma-process-tile .tile-top-body,
body app-loan-payoff-quote app-pma-confirm-tile .tile-top-body,
body ngapps-ft-onetime-payment app-selected-account .tile-top-body,
body ngapps-ft-onetime-payment app-confirmation-account .tile-top-body,
body ngapps-ft-onetime-payment app-processing-account .tile-top-body,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
@media screen and (min-width: 50rem) {
  #wrapper app-payment-ui app-selected-account .tile-top-body, #wrapper app-payment-ui app-confirmation-account .tile-top-body, #wrapper app-payment-ui app-processing-account .tile-top-body, #wrapper app-payment-ui app-pma-payment-tile .tile-top-body, #wrapper app-payment-ui app-pma-process-tile .tile-top-body, #wrapper app-payment-ui app-pma-confirm-tile .tile-top-body,
  #wrapper app-pay-my-bill app-selected-account .tile-top-body,
  #wrapper app-pay-my-bill app-confirmation-account .tile-top-body,
  #wrapper app-pay-my-bill app-processing-account .tile-top-body,
  #wrapper app-pay-my-bill app-pma-payment-tile .tile-top-body,
  #wrapper app-pay-my-bill app-pma-process-tile .tile-top-body,
  #wrapper app-pay-my-bill app-pma-confirm-tile .tile-top-body,
  #wrapper payment-mo app-selected-account .tile-top-body,
  #wrapper payment-mo app-confirmation-account .tile-top-body,
  #wrapper payment-mo app-processing-account .tile-top-body,
  #wrapper payment-mo app-pma-payment-tile .tile-top-body,
  #wrapper payment-mo app-pma-process-tile .tile-top-body,
  #wrapper payment-mo app-pma-confirm-tile .tile-top-body,
  #wrapper app-loan-payoff-quote app-selected-account .tile-top-body,
  #wrapper app-loan-payoff-quote app-confirmation-account .tile-top-body,
  #wrapper app-loan-payoff-quote app-processing-account .tile-top-body,
  #wrapper app-loan-payoff-quote app-pma-payment-tile .tile-top-body,
  #wrapper app-loan-payoff-quote app-pma-process-tile .tile-top-body,
  #wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-selected-account .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-processing-account .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body, body app-payment-ui app-selected-account .tile-top-body, body app-payment-ui app-confirmation-account .tile-top-body, body app-payment-ui app-processing-account .tile-top-body, body app-payment-ui app-pma-payment-tile .tile-top-body, body app-payment-ui app-pma-process-tile .tile-top-body, body app-payment-ui app-pma-confirm-tile .tile-top-body,
  body app-pay-my-bill app-selected-account .tile-top-body,
  body app-pay-my-bill app-confirmation-account .tile-top-body,
  body app-pay-my-bill app-processing-account .tile-top-body,
  body app-pay-my-bill app-pma-payment-tile .tile-top-body,
  body app-pay-my-bill app-pma-process-tile .tile-top-body,
  body app-pay-my-bill app-pma-confirm-tile .tile-top-body,
  body payment-mo app-selected-account .tile-top-body,
  body payment-mo app-confirmation-account .tile-top-body,
  body payment-mo app-processing-account .tile-top-body,
  body payment-mo app-pma-payment-tile .tile-top-body,
  body payment-mo app-pma-process-tile .tile-top-body,
  body payment-mo app-pma-confirm-tile .tile-top-body,
  body app-loan-payoff-quote app-selected-account .tile-top-body,
  body app-loan-payoff-quote app-confirmation-account .tile-top-body,
  body app-loan-payoff-quote app-processing-account .tile-top-body,
  body app-loan-payoff-quote app-pma-payment-tile .tile-top-body,
  body app-loan-payoff-quote app-pma-process-tile .tile-top-body,
  body app-loan-payoff-quote app-pma-confirm-tile .tile-top-body,
  body ngapps-ft-onetime-payment app-selected-account .tile-top-body,
  body ngapps-ft-onetime-payment app-confirmation-account .tile-top-body,
  body ngapps-ft-onetime-payment app-processing-account .tile-top-body,
  body ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body,
  body ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body,
  body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body {
    height: 15.6rem;
  }
  #wrapper app-payment-ui app-selected-account .tile-top-body.with-tile-header, #wrapper app-payment-ui app-confirmation-account .tile-top-body.with-tile-header, #wrapper app-payment-ui app-processing-account .tile-top-body.with-tile-header, #wrapper app-payment-ui app-pma-payment-tile .tile-top-body.with-tile-header, #wrapper app-payment-ui app-pma-process-tile .tile-top-body.with-tile-header, #wrapper app-payment-ui app-pma-confirm-tile .tile-top-body.with-tile-header,
  #wrapper app-pay-my-bill app-selected-account .tile-top-body.with-tile-header,
  #wrapper app-pay-my-bill app-confirmation-account .tile-top-body.with-tile-header,
  #wrapper app-pay-my-bill app-processing-account .tile-top-body.with-tile-header,
  #wrapper app-pay-my-bill app-pma-payment-tile .tile-top-body.with-tile-header,
  #wrapper app-pay-my-bill app-pma-process-tile .tile-top-body.with-tile-header,
  #wrapper app-pay-my-bill app-pma-confirm-tile .tile-top-body.with-tile-header,
  #wrapper payment-mo app-selected-account .tile-top-body.with-tile-header,
  #wrapper payment-mo app-confirmation-account .tile-top-body.with-tile-header,
  #wrapper payment-mo app-processing-account .tile-top-body.with-tile-header,
  #wrapper payment-mo app-pma-payment-tile .tile-top-body.with-tile-header,
  #wrapper payment-mo app-pma-process-tile .tile-top-body.with-tile-header,
  #wrapper payment-mo app-pma-confirm-tile .tile-top-body.with-tile-header,
  #wrapper app-loan-payoff-quote app-selected-account .tile-top-body.with-tile-header,
  #wrapper app-loan-payoff-quote app-confirmation-account .tile-top-body.with-tile-header,
  #wrapper app-loan-payoff-quote app-processing-account .tile-top-body.with-tile-header,
  #wrapper app-loan-payoff-quote app-pma-payment-tile .tile-top-body.with-tile-header,
  #wrapper app-loan-payoff-quote app-pma-process-tile .tile-top-body.with-tile-header,
  #wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-top-body.with-tile-header,
  #wrapper ngapps-ft-onetime-payment app-selected-account .tile-top-body.with-tile-header,
  #wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-top-body.with-tile-header,
  #wrapper ngapps-ft-onetime-payment app-processing-account .tile-top-body.with-tile-header,
  #wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body.with-tile-header,
  #wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body.with-tile-header,
  #wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body.with-tile-header, body app-payment-ui app-selected-account .tile-top-body.with-tile-header, body app-payment-ui app-confirmation-account .tile-top-body.with-tile-header, body app-payment-ui app-processing-account .tile-top-body.with-tile-header, body app-payment-ui app-pma-payment-tile .tile-top-body.with-tile-header, body app-payment-ui app-pma-process-tile .tile-top-body.with-tile-header, body app-payment-ui app-pma-confirm-tile .tile-top-body.with-tile-header,
  body app-pay-my-bill app-selected-account .tile-top-body.with-tile-header,
  body app-pay-my-bill app-confirmation-account .tile-top-body.with-tile-header,
  body app-pay-my-bill app-processing-account .tile-top-body.with-tile-header,
  body app-pay-my-bill app-pma-payment-tile .tile-top-body.with-tile-header,
  body app-pay-my-bill app-pma-process-tile .tile-top-body.with-tile-header,
  body app-pay-my-bill app-pma-confirm-tile .tile-top-body.with-tile-header,
  body payment-mo app-selected-account .tile-top-body.with-tile-header,
  body payment-mo app-confirmation-account .tile-top-body.with-tile-header,
  body payment-mo app-processing-account .tile-top-body.with-tile-header,
  body payment-mo app-pma-payment-tile .tile-top-body.with-tile-header,
  body payment-mo app-pma-process-tile .tile-top-body.with-tile-header,
  body payment-mo app-pma-confirm-tile .tile-top-body.with-tile-header,
  body app-loan-payoff-quote app-selected-account .tile-top-body.with-tile-header,
  body app-loan-payoff-quote app-confirmation-account .tile-top-body.with-tile-header,
  body app-loan-payoff-quote app-processing-account .tile-top-body.with-tile-header,
  body app-loan-payoff-quote app-pma-payment-tile .tile-top-body.with-tile-header,
  body app-loan-payoff-quote app-pma-process-tile .tile-top-body.with-tile-header,
  body app-loan-payoff-quote app-pma-confirm-tile .tile-top-body.with-tile-header,
  body ngapps-ft-onetime-payment app-selected-account .tile-top-body.with-tile-header,
  body ngapps-ft-onetime-payment app-confirmation-account .tile-top-body.with-tile-header,
  body ngapps-ft-onetime-payment app-processing-account .tile-top-body.with-tile-header,
  body ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body.with-tile-header,
  body ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body.with-tile-header,
  body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body.with-tile-header {
    height: 13rem;
  }
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper app-payment-ui app-selected-account .tile-top-body, #wrapper app-payment-ui app-confirmation-account .tile-top-body, #wrapper app-payment-ui app-processing-account .tile-top-body, #wrapper app-payment-ui app-pma-payment-tile .tile-top-body, #wrapper app-payment-ui app-pma-process-tile .tile-top-body, #wrapper app-payment-ui app-pma-confirm-tile .tile-top-body,
  #wrapper app-pay-my-bill app-selected-account .tile-top-body,
  #wrapper app-pay-my-bill app-confirmation-account .tile-top-body,
  #wrapper app-pay-my-bill app-processing-account .tile-top-body,
  #wrapper app-pay-my-bill app-pma-payment-tile .tile-top-body,
  #wrapper app-pay-my-bill app-pma-process-tile .tile-top-body,
  #wrapper app-pay-my-bill app-pma-confirm-tile .tile-top-body,
  #wrapper payment-mo app-selected-account .tile-top-body,
  #wrapper payment-mo app-confirmation-account .tile-top-body,
  #wrapper payment-mo app-processing-account .tile-top-body,
  #wrapper payment-mo app-pma-payment-tile .tile-top-body,
  #wrapper payment-mo app-pma-process-tile .tile-top-body,
  #wrapper payment-mo app-pma-confirm-tile .tile-top-body,
  #wrapper app-loan-payoff-quote app-selected-account .tile-top-body,
  #wrapper app-loan-payoff-quote app-confirmation-account .tile-top-body,
  #wrapper app-loan-payoff-quote app-processing-account .tile-top-body,
  #wrapper app-loan-payoff-quote app-pma-payment-tile .tile-top-body,
  #wrapper app-loan-payoff-quote app-pma-process-tile .tile-top-body,
  #wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-selected-account .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-processing-account .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body,
  #wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body, body app-payment-ui app-selected-account .tile-top-body, body app-payment-ui app-confirmation-account .tile-top-body, body app-payment-ui app-processing-account .tile-top-body, body app-payment-ui app-pma-payment-tile .tile-top-body, body app-payment-ui app-pma-process-tile .tile-top-body, body app-payment-ui app-pma-confirm-tile .tile-top-body,
  body app-pay-my-bill app-selected-account .tile-top-body,
  body app-pay-my-bill app-confirmation-account .tile-top-body,
  body app-pay-my-bill app-processing-account .tile-top-body,
  body app-pay-my-bill app-pma-payment-tile .tile-top-body,
  body app-pay-my-bill app-pma-process-tile .tile-top-body,
  body app-pay-my-bill app-pma-confirm-tile .tile-top-body,
  body payment-mo app-selected-account .tile-top-body,
  body payment-mo app-confirmation-account .tile-top-body,
  body payment-mo app-processing-account .tile-top-body,
  body payment-mo app-pma-payment-tile .tile-top-body,
  body payment-mo app-pma-process-tile .tile-top-body,
  body payment-mo app-pma-confirm-tile .tile-top-body,
  body app-loan-payoff-quote app-selected-account .tile-top-body,
  body app-loan-payoff-quote app-confirmation-account .tile-top-body,
  body app-loan-payoff-quote app-processing-account .tile-top-body,
  body app-loan-payoff-quote app-pma-payment-tile .tile-top-body,
  body app-loan-payoff-quote app-pma-process-tile .tile-top-body,
  body app-loan-payoff-quote app-pma-confirm-tile .tile-top-body,
  body ngapps-ft-onetime-payment app-selected-account .tile-top-body,
  body ngapps-ft-onetime-payment app-confirmation-account .tile-top-body,
  body ngapps-ft-onetime-payment app-processing-account .tile-top-body,
  body ngapps-ft-onetime-payment app-pma-payment-tile .tile-top-body,
  body ngapps-ft-onetime-payment app-pma-process-tile .tile-top-body,
  body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-top-body {
    border-bottom: none;
    float: left;
  }
}
#wrapper app-payment-ui app-selected-account .account-number > h2, #wrapper app-payment-ui app-confirmation-account .account-number > h2, #wrapper app-payment-ui app-processing-account .account-number > h2, #wrapper app-payment-ui app-pma-payment-tile .account-number > h2, #wrapper app-payment-ui app-pma-process-tile .account-number > h2, #wrapper app-payment-ui app-pma-confirm-tile .account-number > h2,
#wrapper app-pay-my-bill app-selected-account .account-number > h2,
#wrapper app-pay-my-bill app-confirmation-account .account-number > h2,
#wrapper app-pay-my-bill app-processing-account .account-number > h2,
#wrapper app-pay-my-bill app-pma-payment-tile .account-number > h2,
#wrapper app-pay-my-bill app-pma-process-tile .account-number > h2,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-number > h2,
#wrapper payment-mo app-selected-account .account-number > h2,
#wrapper payment-mo app-confirmation-account .account-number > h2,
#wrapper payment-mo app-processing-account .account-number > h2,
#wrapper payment-mo app-pma-payment-tile .account-number > h2,
#wrapper payment-mo app-pma-process-tile .account-number > h2,
#wrapper payment-mo app-pma-confirm-tile .account-number > h2,
#wrapper app-loan-payoff-quote app-selected-account .account-number > h2,
#wrapper app-loan-payoff-quote app-confirmation-account .account-number > h2,
#wrapper app-loan-payoff-quote app-processing-account .account-number > h2,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-number > h2,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-number > h2,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-number > h2,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-number > h2,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-number > h2,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-number > h2,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-number > h2,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-number > h2,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-number > h2, body app-payment-ui app-selected-account .account-number > h2, body app-payment-ui app-confirmation-account .account-number > h2, body app-payment-ui app-processing-account .account-number > h2, body app-payment-ui app-pma-payment-tile .account-number > h2, body app-payment-ui app-pma-process-tile .account-number > h2, body app-payment-ui app-pma-confirm-tile .account-number > h2,
body app-pay-my-bill app-selected-account .account-number > h2,
body app-pay-my-bill app-confirmation-account .account-number > h2,
body app-pay-my-bill app-processing-account .account-number > h2,
body app-pay-my-bill app-pma-payment-tile .account-number > h2,
body app-pay-my-bill app-pma-process-tile .account-number > h2,
body app-pay-my-bill app-pma-confirm-tile .account-number > h2,
body payment-mo app-selected-account .account-number > h2,
body payment-mo app-confirmation-account .account-number > h2,
body payment-mo app-processing-account .account-number > h2,
body payment-mo app-pma-payment-tile .account-number > h2,
body payment-mo app-pma-process-tile .account-number > h2,
body payment-mo app-pma-confirm-tile .account-number > h2,
body app-loan-payoff-quote app-selected-account .account-number > h2,
body app-loan-payoff-quote app-confirmation-account .account-number > h2,
body app-loan-payoff-quote app-processing-account .account-number > h2,
body app-loan-payoff-quote app-pma-payment-tile .account-number > h2,
body app-loan-payoff-quote app-pma-process-tile .account-number > h2,
body app-loan-payoff-quote app-pma-confirm-tile .account-number > h2,
body ngapps-ft-onetime-payment app-selected-account .account-number > h2,
body ngapps-ft-onetime-payment app-confirmation-account .account-number > h2,
body ngapps-ft-onetime-payment app-processing-account .account-number > h2,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-number > h2,
body ngapps-ft-onetime-payment app-pma-process-tile .account-number > h2,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-number > h2 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  margin-bottom: 0;
}
#wrapper app-payment-ui app-selected-account .account-number > h2 > span, #wrapper app-payment-ui app-confirmation-account .account-number > h2 > span, #wrapper app-payment-ui app-processing-account .account-number > h2 > span, #wrapper app-payment-ui app-pma-payment-tile .account-number > h2 > span, #wrapper app-payment-ui app-pma-process-tile .account-number > h2 > span, #wrapper app-payment-ui app-pma-confirm-tile .account-number > h2 > span,
#wrapper app-pay-my-bill app-selected-account .account-number > h2 > span,
#wrapper app-pay-my-bill app-confirmation-account .account-number > h2 > span,
#wrapper app-pay-my-bill app-processing-account .account-number > h2 > span,
#wrapper app-pay-my-bill app-pma-payment-tile .account-number > h2 > span,
#wrapper app-pay-my-bill app-pma-process-tile .account-number > h2 > span,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-number > h2 > span,
#wrapper payment-mo app-selected-account .account-number > h2 > span,
#wrapper payment-mo app-confirmation-account .account-number > h2 > span,
#wrapper payment-mo app-processing-account .account-number > h2 > span,
#wrapper payment-mo app-pma-payment-tile .account-number > h2 > span,
#wrapper payment-mo app-pma-process-tile .account-number > h2 > span,
#wrapper payment-mo app-pma-confirm-tile .account-number > h2 > span,
#wrapper app-loan-payoff-quote app-selected-account .account-number > h2 > span,
#wrapper app-loan-payoff-quote app-confirmation-account .account-number > h2 > span,
#wrapper app-loan-payoff-quote app-processing-account .account-number > h2 > span,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-number > h2 > span,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-number > h2 > span,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-number > h2 > span,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-number > h2 > span,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-number > h2 > span,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-number > h2 > span,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-number > h2 > span,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-number > h2 > span,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-number > h2 > span, body app-payment-ui app-selected-account .account-number > h2 > span, body app-payment-ui app-confirmation-account .account-number > h2 > span, body app-payment-ui app-processing-account .account-number > h2 > span, body app-payment-ui app-pma-payment-tile .account-number > h2 > span, body app-payment-ui app-pma-process-tile .account-number > h2 > span, body app-payment-ui app-pma-confirm-tile .account-number > h2 > span,
body app-pay-my-bill app-selected-account .account-number > h2 > span,
body app-pay-my-bill app-confirmation-account .account-number > h2 > span,
body app-pay-my-bill app-processing-account .account-number > h2 > span,
body app-pay-my-bill app-pma-payment-tile .account-number > h2 > span,
body app-pay-my-bill app-pma-process-tile .account-number > h2 > span,
body app-pay-my-bill app-pma-confirm-tile .account-number > h2 > span,
body payment-mo app-selected-account .account-number > h2 > span,
body payment-mo app-confirmation-account .account-number > h2 > span,
body payment-mo app-processing-account .account-number > h2 > span,
body payment-mo app-pma-payment-tile .account-number > h2 > span,
body payment-mo app-pma-process-tile .account-number > h2 > span,
body payment-mo app-pma-confirm-tile .account-number > h2 > span,
body app-loan-payoff-quote app-selected-account .account-number > h2 > span,
body app-loan-payoff-quote app-confirmation-account .account-number > h2 > span,
body app-loan-payoff-quote app-processing-account .account-number > h2 > span,
body app-loan-payoff-quote app-pma-payment-tile .account-number > h2 > span,
body app-loan-payoff-quote app-pma-process-tile .account-number > h2 > span,
body app-loan-payoff-quote app-pma-confirm-tile .account-number > h2 > span,
body ngapps-ft-onetime-payment app-selected-account .account-number > h2 > span,
body ngapps-ft-onetime-payment app-confirmation-account .account-number > h2 > span,
body ngapps-ft-onetime-payment app-processing-account .account-number > h2 > span,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-number > h2 > span,
body ngapps-ft-onetime-payment app-pma-process-tile .account-number > h2 > span,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-number > h2 > span {
  padding-right: 6rem;
}
#wrapper app-payment-ui app-selected-account .account-number > p, #wrapper app-payment-ui app-confirmation-account .account-number > p, #wrapper app-payment-ui app-processing-account .account-number > p, #wrapper app-payment-ui app-pma-payment-tile .account-number > p, #wrapper app-payment-ui app-pma-process-tile .account-number > p, #wrapper app-payment-ui app-pma-confirm-tile .account-number > p,
#wrapper app-pay-my-bill app-selected-account .account-number > p,
#wrapper app-pay-my-bill app-confirmation-account .account-number > p,
#wrapper app-pay-my-bill app-processing-account .account-number > p,
#wrapper app-pay-my-bill app-pma-payment-tile .account-number > p,
#wrapper app-pay-my-bill app-pma-process-tile .account-number > p,
#wrapper app-pay-my-bill app-pma-confirm-tile .account-number > p,
#wrapper payment-mo app-selected-account .account-number > p,
#wrapper payment-mo app-confirmation-account .account-number > p,
#wrapper payment-mo app-processing-account .account-number > p,
#wrapper payment-mo app-pma-payment-tile .account-number > p,
#wrapper payment-mo app-pma-process-tile .account-number > p,
#wrapper payment-mo app-pma-confirm-tile .account-number > p,
#wrapper app-loan-payoff-quote app-selected-account .account-number > p,
#wrapper app-loan-payoff-quote app-confirmation-account .account-number > p,
#wrapper app-loan-payoff-quote app-processing-account .account-number > p,
#wrapper app-loan-payoff-quote app-pma-payment-tile .account-number > p,
#wrapper app-loan-payoff-quote app-pma-process-tile .account-number > p,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .account-number > p,
#wrapper ngapps-ft-onetime-payment app-selected-account .account-number > p,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-number > p,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-number > p,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .account-number > p,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .account-number > p,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .account-number > p, body app-payment-ui app-selected-account .account-number > p, body app-payment-ui app-confirmation-account .account-number > p, body app-payment-ui app-processing-account .account-number > p, body app-payment-ui app-pma-payment-tile .account-number > p, body app-payment-ui app-pma-process-tile .account-number > p, body app-payment-ui app-pma-confirm-tile .account-number > p,
body app-pay-my-bill app-selected-account .account-number > p,
body app-pay-my-bill app-confirmation-account .account-number > p,
body app-pay-my-bill app-processing-account .account-number > p,
body app-pay-my-bill app-pma-payment-tile .account-number > p,
body app-pay-my-bill app-pma-process-tile .account-number > p,
body app-pay-my-bill app-pma-confirm-tile .account-number > p,
body payment-mo app-selected-account .account-number > p,
body payment-mo app-confirmation-account .account-number > p,
body payment-mo app-processing-account .account-number > p,
body payment-mo app-pma-payment-tile .account-number > p,
body payment-mo app-pma-process-tile .account-number > p,
body payment-mo app-pma-confirm-tile .account-number > p,
body app-loan-payoff-quote app-selected-account .account-number > p,
body app-loan-payoff-quote app-confirmation-account .account-number > p,
body app-loan-payoff-quote app-processing-account .account-number > p,
body app-loan-payoff-quote app-pma-payment-tile .account-number > p,
body app-loan-payoff-quote app-pma-process-tile .account-number > p,
body app-loan-payoff-quote app-pma-confirm-tile .account-number > p,
body ngapps-ft-onetime-payment app-selected-account .account-number > p,
body ngapps-ft-onetime-payment app-confirmation-account .account-number > p,
body ngapps-ft-onetime-payment app-processing-account .account-number > p,
body ngapps-ft-onetime-payment app-pma-payment-tile .account-number > p,
body ngapps-ft-onetime-payment app-pma-process-tile .account-number > p,
body ngapps-ft-onetime-payment app-pma-confirm-tile .account-number > p {
  letter-spacing: 1.5px;
  font-size: 1.2rem;
  color: #250e62;
  margin-bottom: 0;
}
#wrapper app-payment-ui app-selected-account .address, #wrapper app-payment-ui app-confirmation-account .address, #wrapper app-payment-ui app-processing-account .address, #wrapper app-payment-ui app-pma-payment-tile .address, #wrapper app-payment-ui app-pma-process-tile .address, #wrapper app-payment-ui app-pma-confirm-tile .address,
#wrapper app-pay-my-bill app-selected-account .address,
#wrapper app-pay-my-bill app-confirmation-account .address,
#wrapper app-pay-my-bill app-processing-account .address,
#wrapper app-pay-my-bill app-pma-payment-tile .address,
#wrapper app-pay-my-bill app-pma-process-tile .address,
#wrapper app-pay-my-bill app-pma-confirm-tile .address,
#wrapper payment-mo app-selected-account .address,
#wrapper payment-mo app-confirmation-account .address,
#wrapper payment-mo app-processing-account .address,
#wrapper payment-mo app-pma-payment-tile .address,
#wrapper payment-mo app-pma-process-tile .address,
#wrapper payment-mo app-pma-confirm-tile .address,
#wrapper app-loan-payoff-quote app-selected-account .address,
#wrapper app-loan-payoff-quote app-confirmation-account .address,
#wrapper app-loan-payoff-quote app-processing-account .address,
#wrapper app-loan-payoff-quote app-pma-payment-tile .address,
#wrapper app-loan-payoff-quote app-pma-process-tile .address,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .address,
#wrapper ngapps-ft-onetime-payment app-selected-account .address,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .address,
#wrapper ngapps-ft-onetime-payment app-processing-account .address,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .address,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .address,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .address, body app-payment-ui app-selected-account .address, body app-payment-ui app-confirmation-account .address, body app-payment-ui app-processing-account .address, body app-payment-ui app-pma-payment-tile .address, body app-payment-ui app-pma-process-tile .address, body app-payment-ui app-pma-confirm-tile .address,
body app-pay-my-bill app-selected-account .address,
body app-pay-my-bill app-confirmation-account .address,
body app-pay-my-bill app-processing-account .address,
body app-pay-my-bill app-pma-payment-tile .address,
body app-pay-my-bill app-pma-process-tile .address,
body app-pay-my-bill app-pma-confirm-tile .address,
body payment-mo app-selected-account .address,
body payment-mo app-confirmation-account .address,
body payment-mo app-processing-account .address,
body payment-mo app-pma-payment-tile .address,
body payment-mo app-pma-process-tile .address,
body payment-mo app-pma-confirm-tile .address,
body app-loan-payoff-quote app-selected-account .address,
body app-loan-payoff-quote app-confirmation-account .address,
body app-loan-payoff-quote app-processing-account .address,
body app-loan-payoff-quote app-pma-payment-tile .address,
body app-loan-payoff-quote app-pma-process-tile .address,
body app-loan-payoff-quote app-pma-confirm-tile .address,
body ngapps-ft-onetime-payment app-selected-account .address,
body ngapps-ft-onetime-payment app-confirmation-account .address,
body ngapps-ft-onetime-payment app-processing-account .address,
body ngapps-ft-onetime-payment app-pma-payment-tile .address,
body ngapps-ft-onetime-payment app-pma-process-tile .address,
body ngapps-ft-onetime-payment app-pma-confirm-tile .address {
  margin: 0.5rem 0 1rem;
  overflow: hidden;
}
#wrapper app-payment-ui app-selected-account .address span, #wrapper app-payment-ui app-confirmation-account .address span, #wrapper app-payment-ui app-processing-account .address span, #wrapper app-payment-ui app-pma-payment-tile .address span, #wrapper app-payment-ui app-pma-process-tile .address span, #wrapper app-payment-ui app-pma-confirm-tile .address span,
#wrapper app-pay-my-bill app-selected-account .address span,
#wrapper app-pay-my-bill app-confirmation-account .address span,
#wrapper app-pay-my-bill app-processing-account .address span,
#wrapper app-pay-my-bill app-pma-payment-tile .address span,
#wrapper app-pay-my-bill app-pma-process-tile .address span,
#wrapper app-pay-my-bill app-pma-confirm-tile .address span,
#wrapper payment-mo app-selected-account .address span,
#wrapper payment-mo app-confirmation-account .address span,
#wrapper payment-mo app-processing-account .address span,
#wrapper payment-mo app-pma-payment-tile .address span,
#wrapper payment-mo app-pma-process-tile .address span,
#wrapper payment-mo app-pma-confirm-tile .address span,
#wrapper app-loan-payoff-quote app-selected-account .address span,
#wrapper app-loan-payoff-quote app-confirmation-account .address span,
#wrapper app-loan-payoff-quote app-processing-account .address span,
#wrapper app-loan-payoff-quote app-pma-payment-tile .address span,
#wrapper app-loan-payoff-quote app-pma-process-tile .address span,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .address span,
#wrapper ngapps-ft-onetime-payment app-selected-account .address span,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .address span,
#wrapper ngapps-ft-onetime-payment app-processing-account .address span,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .address span,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .address span,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .address span, body app-payment-ui app-selected-account .address span, body app-payment-ui app-confirmation-account .address span, body app-payment-ui app-processing-account .address span, body app-payment-ui app-pma-payment-tile .address span, body app-payment-ui app-pma-process-tile .address span, body app-payment-ui app-pma-confirm-tile .address span,
body app-pay-my-bill app-selected-account .address span,
body app-pay-my-bill app-confirmation-account .address span,
body app-pay-my-bill app-processing-account .address span,
body app-pay-my-bill app-pma-payment-tile .address span,
body app-pay-my-bill app-pma-process-tile .address span,
body app-pay-my-bill app-pma-confirm-tile .address span,
body payment-mo app-selected-account .address span,
body payment-mo app-confirmation-account .address span,
body payment-mo app-processing-account .address span,
body payment-mo app-pma-payment-tile .address span,
body payment-mo app-pma-process-tile .address span,
body payment-mo app-pma-confirm-tile .address span,
body app-loan-payoff-quote app-selected-account .address span,
body app-loan-payoff-quote app-confirmation-account .address span,
body app-loan-payoff-quote app-processing-account .address span,
body app-loan-payoff-quote app-pma-payment-tile .address span,
body app-loan-payoff-quote app-pma-process-tile .address span,
body app-loan-payoff-quote app-pma-confirm-tile .address span,
body ngapps-ft-onetime-payment app-selected-account .address span,
body ngapps-ft-onetime-payment app-confirmation-account .address span,
body ngapps-ft-onetime-payment app-processing-account .address span,
body ngapps-ft-onetime-payment app-pma-payment-tile .address span,
body ngapps-ft-onetime-payment app-pma-process-tile .address span,
body ngapps-ft-onetime-payment app-pma-confirm-tile .address span {
  font-size: 0.8rem;
  margin: 0;
}
#wrapper app-payment-ui app-selected-account .tile-bottom-body, #wrapper app-payment-ui app-confirmation-account .tile-bottom-body, #wrapper app-payment-ui app-processing-account .tile-bottom-body, #wrapper app-payment-ui app-pma-payment-tile .tile-bottom-body, #wrapper app-payment-ui app-pma-process-tile .tile-bottom-body, #wrapper app-payment-ui app-pma-confirm-tile .tile-bottom-body,
#wrapper app-pay-my-bill app-selected-account .tile-bottom-body,
#wrapper app-pay-my-bill app-confirmation-account .tile-bottom-body,
#wrapper app-pay-my-bill app-processing-account .tile-bottom-body,
#wrapper app-pay-my-bill app-pma-payment-tile .tile-bottom-body,
#wrapper app-pay-my-bill app-pma-process-tile .tile-bottom-body,
#wrapper app-pay-my-bill app-pma-confirm-tile .tile-bottom-body,
#wrapper payment-mo app-selected-account .tile-bottom-body,
#wrapper payment-mo app-confirmation-account .tile-bottom-body,
#wrapper payment-mo app-processing-account .tile-bottom-body,
#wrapper payment-mo app-pma-payment-tile .tile-bottom-body,
#wrapper payment-mo app-pma-process-tile .tile-bottom-body,
#wrapper payment-mo app-pma-confirm-tile .tile-bottom-body,
#wrapper app-loan-payoff-quote app-selected-account .tile-bottom-body,
#wrapper app-loan-payoff-quote app-confirmation-account .tile-bottom-body,
#wrapper app-loan-payoff-quote app-processing-account .tile-bottom-body,
#wrapper app-loan-payoff-quote app-pma-payment-tile .tile-bottom-body,
#wrapper app-loan-payoff-quote app-pma-process-tile .tile-bottom-body,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-bottom-body,
#wrapper ngapps-ft-onetime-payment app-selected-account .tile-bottom-body,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-bottom-body,
#wrapper ngapps-ft-onetime-payment app-processing-account .tile-bottom-body,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-bottom-body,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-bottom-body,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-bottom-body, body app-payment-ui app-selected-account .tile-bottom-body, body app-payment-ui app-confirmation-account .tile-bottom-body, body app-payment-ui app-processing-account .tile-bottom-body, body app-payment-ui app-pma-payment-tile .tile-bottom-body, body app-payment-ui app-pma-process-tile .tile-bottom-body, body app-payment-ui app-pma-confirm-tile .tile-bottom-body,
body app-pay-my-bill app-selected-account .tile-bottom-body,
body app-pay-my-bill app-confirmation-account .tile-bottom-body,
body app-pay-my-bill app-processing-account .tile-bottom-body,
body app-pay-my-bill app-pma-payment-tile .tile-bottom-body,
body app-pay-my-bill app-pma-process-tile .tile-bottom-body,
body app-pay-my-bill app-pma-confirm-tile .tile-bottom-body,
body payment-mo app-selected-account .tile-bottom-body,
body payment-mo app-confirmation-account .tile-bottom-body,
body payment-mo app-processing-account .tile-bottom-body,
body payment-mo app-pma-payment-tile .tile-bottom-body,
body payment-mo app-pma-process-tile .tile-bottom-body,
body payment-mo app-pma-confirm-tile .tile-bottom-body,
body app-loan-payoff-quote app-selected-account .tile-bottom-body,
body app-loan-payoff-quote app-confirmation-account .tile-bottom-body,
body app-loan-payoff-quote app-processing-account .tile-bottom-body,
body app-loan-payoff-quote app-pma-payment-tile .tile-bottom-body,
body app-loan-payoff-quote app-pma-process-tile .tile-bottom-body,
body app-loan-payoff-quote app-pma-confirm-tile .tile-bottom-body,
body ngapps-ft-onetime-payment app-selected-account .tile-bottom-body,
body ngapps-ft-onetime-payment app-confirmation-account .tile-bottom-body,
body ngapps-ft-onetime-payment app-processing-account .tile-bottom-body,
body ngapps-ft-onetime-payment app-pma-payment-tile .tile-bottom-body,
body ngapps-ft-onetime-payment app-pma-process-tile .tile-bottom-body,
body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-bottom-body {
  margin-top: 1rem;
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper app-payment-ui app-selected-account .tile-bottom-body, #wrapper app-payment-ui app-confirmation-account .tile-bottom-body, #wrapper app-payment-ui app-processing-account .tile-bottom-body, #wrapper app-payment-ui app-pma-payment-tile .tile-bottom-body, #wrapper app-payment-ui app-pma-process-tile .tile-bottom-body, #wrapper app-payment-ui app-pma-confirm-tile .tile-bottom-body,
  #wrapper app-pay-my-bill app-selected-account .tile-bottom-body,
  #wrapper app-pay-my-bill app-confirmation-account .tile-bottom-body,
  #wrapper app-pay-my-bill app-processing-account .tile-bottom-body,
  #wrapper app-pay-my-bill app-pma-payment-tile .tile-bottom-body,
  #wrapper app-pay-my-bill app-pma-process-tile .tile-bottom-body,
  #wrapper app-pay-my-bill app-pma-confirm-tile .tile-bottom-body,
  #wrapper payment-mo app-selected-account .tile-bottom-body,
  #wrapper payment-mo app-confirmation-account .tile-bottom-body,
  #wrapper payment-mo app-processing-account .tile-bottom-body,
  #wrapper payment-mo app-pma-payment-tile .tile-bottom-body,
  #wrapper payment-mo app-pma-process-tile .tile-bottom-body,
  #wrapper payment-mo app-pma-confirm-tile .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-selected-account .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-confirmation-account .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-processing-account .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-pma-payment-tile .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-pma-process-tile .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-selected-account .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-processing-account .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-bottom-body, body app-payment-ui app-selected-account .tile-bottom-body, body app-payment-ui app-confirmation-account .tile-bottom-body, body app-payment-ui app-processing-account .tile-bottom-body, body app-payment-ui app-pma-payment-tile .tile-bottom-body, body app-payment-ui app-pma-process-tile .tile-bottom-body, body app-payment-ui app-pma-confirm-tile .tile-bottom-body,
  body app-pay-my-bill app-selected-account .tile-bottom-body,
  body app-pay-my-bill app-confirmation-account .tile-bottom-body,
  body app-pay-my-bill app-processing-account .tile-bottom-body,
  body app-pay-my-bill app-pma-payment-tile .tile-bottom-body,
  body app-pay-my-bill app-pma-process-tile .tile-bottom-body,
  body app-pay-my-bill app-pma-confirm-tile .tile-bottom-body,
  body payment-mo app-selected-account .tile-bottom-body,
  body payment-mo app-confirmation-account .tile-bottom-body,
  body payment-mo app-processing-account .tile-bottom-body,
  body payment-mo app-pma-payment-tile .tile-bottom-body,
  body payment-mo app-pma-process-tile .tile-bottom-body,
  body payment-mo app-pma-confirm-tile .tile-bottom-body,
  body app-loan-payoff-quote app-selected-account .tile-bottom-body,
  body app-loan-payoff-quote app-confirmation-account .tile-bottom-body,
  body app-loan-payoff-quote app-processing-account .tile-bottom-body,
  body app-loan-payoff-quote app-pma-payment-tile .tile-bottom-body,
  body app-loan-payoff-quote app-pma-process-tile .tile-bottom-body,
  body app-loan-payoff-quote app-pma-confirm-tile .tile-bottom-body,
  body ngapps-ft-onetime-payment app-selected-account .tile-bottom-body,
  body ngapps-ft-onetime-payment app-confirmation-account .tile-bottom-body,
  body ngapps-ft-onetime-payment app-processing-account .tile-bottom-body,
  body ngapps-ft-onetime-payment app-pma-payment-tile .tile-bottom-body,
  body ngapps-ft-onetime-payment app-pma-process-tile .tile-bottom-body,
  body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-bottom-body {
    float: right;
  }
}
@media screen and (min-width: 50rem) {
  #wrapper app-payment-ui app-selected-account .tile-bottom-body, #wrapper app-payment-ui app-confirmation-account .tile-bottom-body, #wrapper app-payment-ui app-processing-account .tile-bottom-body, #wrapper app-payment-ui app-pma-payment-tile .tile-bottom-body, #wrapper app-payment-ui app-pma-process-tile .tile-bottom-body, #wrapper app-payment-ui app-pma-confirm-tile .tile-bottom-body,
  #wrapper app-pay-my-bill app-selected-account .tile-bottom-body,
  #wrapper app-pay-my-bill app-confirmation-account .tile-bottom-body,
  #wrapper app-pay-my-bill app-processing-account .tile-bottom-body,
  #wrapper app-pay-my-bill app-pma-payment-tile .tile-bottom-body,
  #wrapper app-pay-my-bill app-pma-process-tile .tile-bottom-body,
  #wrapper app-pay-my-bill app-pma-confirm-tile .tile-bottom-body,
  #wrapper payment-mo app-selected-account .tile-bottom-body,
  #wrapper payment-mo app-confirmation-account .tile-bottom-body,
  #wrapper payment-mo app-processing-account .tile-bottom-body,
  #wrapper payment-mo app-pma-payment-tile .tile-bottom-body,
  #wrapper payment-mo app-pma-process-tile .tile-bottom-body,
  #wrapper payment-mo app-pma-confirm-tile .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-selected-account .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-confirmation-account .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-processing-account .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-pma-payment-tile .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-pma-process-tile .tile-bottom-body,
  #wrapper app-loan-payoff-quote app-pma-confirm-tile .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-selected-account .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-confirmation-account .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-processing-account .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-pma-payment-tile .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-pma-process-tile .tile-bottom-body,
  #wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .tile-bottom-body, body app-payment-ui app-selected-account .tile-bottom-body, body app-payment-ui app-confirmation-account .tile-bottom-body, body app-payment-ui app-processing-account .tile-bottom-body, body app-payment-ui app-pma-payment-tile .tile-bottom-body, body app-payment-ui app-pma-process-tile .tile-bottom-body, body app-payment-ui app-pma-confirm-tile .tile-bottom-body,
  body app-pay-my-bill app-selected-account .tile-bottom-body,
  body app-pay-my-bill app-confirmation-account .tile-bottom-body,
  body app-pay-my-bill app-processing-account .tile-bottom-body,
  body app-pay-my-bill app-pma-payment-tile .tile-bottom-body,
  body app-pay-my-bill app-pma-process-tile .tile-bottom-body,
  body app-pay-my-bill app-pma-confirm-tile .tile-bottom-body,
  body payment-mo app-selected-account .tile-bottom-body,
  body payment-mo app-confirmation-account .tile-bottom-body,
  body payment-mo app-processing-account .tile-bottom-body,
  body payment-mo app-pma-payment-tile .tile-bottom-body,
  body payment-mo app-pma-process-tile .tile-bottom-body,
  body payment-mo app-pma-confirm-tile .tile-bottom-body,
  body app-loan-payoff-quote app-selected-account .tile-bottom-body,
  body app-loan-payoff-quote app-confirmation-account .tile-bottom-body,
  body app-loan-payoff-quote app-processing-account .tile-bottom-body,
  body app-loan-payoff-quote app-pma-payment-tile .tile-bottom-body,
  body app-loan-payoff-quote app-pma-process-tile .tile-bottom-body,
  body app-loan-payoff-quote app-pma-confirm-tile .tile-bottom-body,
  body ngapps-ft-onetime-payment app-selected-account .tile-bottom-body,
  body ngapps-ft-onetime-payment app-confirmation-account .tile-bottom-body,
  body ngapps-ft-onetime-payment app-processing-account .tile-bottom-body,
  body ngapps-ft-onetime-payment app-pma-payment-tile .tile-bottom-body,
  body ngapps-ft-onetime-payment app-pma-process-tile .tile-bottom-body,
  body ngapps-ft-onetime-payment app-pma-confirm-tile .tile-bottom-body {
    height: 12rem;
  }
}
#wrapper app-payment-ui app-selected-account .due-date, #wrapper app-payment-ui app-confirmation-account .due-date, #wrapper app-payment-ui app-processing-account .due-date, #wrapper app-payment-ui app-pma-payment-tile .due-date, #wrapper app-payment-ui app-pma-process-tile .due-date, #wrapper app-payment-ui app-pma-confirm-tile .due-date,
#wrapper app-pay-my-bill app-selected-account .due-date,
#wrapper app-pay-my-bill app-confirmation-account .due-date,
#wrapper app-pay-my-bill app-processing-account .due-date,
#wrapper app-pay-my-bill app-pma-payment-tile .due-date,
#wrapper app-pay-my-bill app-pma-process-tile .due-date,
#wrapper app-pay-my-bill app-pma-confirm-tile .due-date,
#wrapper payment-mo app-selected-account .due-date,
#wrapper payment-mo app-confirmation-account .due-date,
#wrapper payment-mo app-processing-account .due-date,
#wrapper payment-mo app-pma-payment-tile .due-date,
#wrapper payment-mo app-pma-process-tile .due-date,
#wrapper payment-mo app-pma-confirm-tile .due-date,
#wrapper app-loan-payoff-quote app-selected-account .due-date,
#wrapper app-loan-payoff-quote app-confirmation-account .due-date,
#wrapper app-loan-payoff-quote app-processing-account .due-date,
#wrapper app-loan-payoff-quote app-pma-payment-tile .due-date,
#wrapper app-loan-payoff-quote app-pma-process-tile .due-date,
#wrapper app-loan-payoff-quote app-pma-confirm-tile .due-date,
#wrapper ngapps-ft-onetime-payment app-selected-account .due-date,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .due-date,
#wrapper ngapps-ft-onetime-payment app-processing-account .due-date,
#wrapper ngapps-ft-onetime-payment app-pma-payment-tile .due-date,
#wrapper ngapps-ft-onetime-payment app-pma-process-tile .due-date,
#wrapper ngapps-ft-onetime-payment app-pma-confirm-tile .due-date, body app-payment-ui app-selected-account .due-date, body app-payment-ui app-confirmation-account .due-date, body app-payment-ui app-processing-account .due-date, body app-payment-ui app-pma-payment-tile .due-date, body app-payment-ui app-pma-process-tile .due-date, body app-payment-ui app-pma-confirm-tile .due-date,
body app-pay-my-bill app-selected-account .due-date,
body app-pay-my-bill app-confirmation-account .due-date,
body app-pay-my-bill app-processing-account .due-date,
body app-pay-my-bill app-pma-payment-tile .due-date,
body app-pay-my-bill app-pma-process-tile .due-date,
body app-pay-my-bill app-pma-confirm-tile .due-date,
body payment-mo app-selected-account .due-date,
body payment-mo app-confirmation-account .due-date,
body payment-mo app-processing-account .due-date,
body payment-mo app-pma-payment-tile .due-date,
body payment-mo app-pma-process-tile .due-date,
body payment-mo app-pma-confirm-tile .due-date,
body app-loan-payoff-quote app-selected-account .due-date,
body app-loan-payoff-quote app-confirmation-account .due-date,
body app-loan-payoff-quote app-processing-account .due-date,
body app-loan-payoff-quote app-pma-payment-tile .due-date,
body app-loan-payoff-quote app-pma-process-tile .due-date,
body app-loan-payoff-quote app-pma-confirm-tile .due-date,
body ngapps-ft-onetime-payment app-selected-account .due-date,
body ngapps-ft-onetime-payment app-confirmation-account .due-date,
body ngapps-ft-onetime-payment app-processing-account .due-date,
body ngapps-ft-onetime-payment app-pma-payment-tile .due-date,
body ngapps-ft-onetime-payment app-pma-process-tile .due-date,
body ngapps-ft-onetime-payment app-pma-confirm-tile .due-date {
  font-size: 1rem;
  height: 1.1rem;
}
#wrapper app-payment-ui app-confirmation-account .account-tile-left, #wrapper app-payment-ui app-processing-account .account-tile-left,
#wrapper app-pay-my-bill app-confirmation-account .account-tile-left,
#wrapper app-pay-my-bill app-processing-account .account-tile-left,
#wrapper payment-mo app-confirmation-account .account-tile-left,
#wrapper payment-mo app-processing-account .account-tile-left,
#wrapper app-loan-payoff-quote app-confirmation-account .account-tile-left,
#wrapper app-loan-payoff-quote app-processing-account .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-confirmation-account .account-tile-left,
#wrapper ngapps-ft-onetime-payment app-processing-account .account-tile-left, body app-payment-ui app-confirmation-account .account-tile-left, body app-payment-ui app-processing-account .account-tile-left,
body app-pay-my-bill app-confirmation-account .account-tile-left,
body app-pay-my-bill app-processing-account .account-tile-left,
body payment-mo app-confirmation-account .account-tile-left,
body payment-mo app-processing-account .account-tile-left,
body app-loan-payoff-quote app-confirmation-account .account-tile-left,
body app-loan-payoff-quote app-processing-account .account-tile-left,
body ngapps-ft-onetime-payment app-confirmation-account .account-tile-left,
body ngapps-ft-onetime-payment app-processing-account .account-tile-left {
  float: none;
  width: 100%;
}
#wrapper payment-method-panel, #wrapper app-ft-saved-pmt-methods, body payment-method-panel, body app-ft-saved-pmt-methods {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  width: 100%;
  border: 1px solid #ededed;
  border-left: none;
  border-right: none;
  margin-bottom: 3rem;
}
@media screen and (max-width: 320px) {
  #wrapper payment-method-panel, #wrapper app-ft-saved-pmt-methods, body payment-method-panel, body app-ft-saved-pmt-methods {
    justify-content: center;
  }
}
#wrapper payment-method-panel .payment-method-container, #wrapper app-ft-saved-pmt-methods .payment-method-container, body payment-method-panel .payment-method-container, body app-ft-saved-pmt-methods .payment-method-container {
  margin-bottom: 2rem;
  padding-right: 2rem;
}
#wrapper payment-method-panel .form-group.spire-radio input[type=radio] + label:not(.sr-only), #wrapper payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + label:not(.sr-only), #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), body payment-method-panel .form-group.spire-radio input[type=radio] + label:not(.sr-only), body payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), body payment-method-panel .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only), body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + label:not(.sr-only), body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), body app-ft-saved-pmt-methods .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only) {
  padding-left: 0;
}
#wrapper payment-method-panel .form-group.spire-radio input[type=radio] + label:not(.sr-only):before, #wrapper payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):before, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + label:not(.sr-only):before, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):before, body payment-method-panel .form-group.spire-radio input[type=radio] + label:not(.sr-only):before, body payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):before, body payment-method-panel .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only):before, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + label:not(.sr-only):before, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):before, body app-ft-saved-pmt-methods .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only):before {
  top: 32px;
  left: 43px;
}
#wrapper payment-method-panel .form-group.spire-radio input[type=radio] + label:not(.sr-only):after, #wrapper payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):after, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + label:not(.sr-only):after, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):after, body payment-method-panel .form-group.spire-radio input[type=radio] + label:not(.sr-only):after, body payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):after, body payment-method-panel .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only):after, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + label:not(.sr-only):after, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only):after, body app-ft-saved-pmt-methods .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only):after {
  top: 36px;
  left: 47px;
}
#wrapper payment-method-panel .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only), #wrapper payment-method-panel .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only), #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only), #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only), body payment-method-panel .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only), body payment-method-panel .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only), body payment-method-panel .form-group.spire-radio #wrapper input[type=radio]:checked + mat-label:not(.sr-only), body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only), body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only), body app-ft-saved-pmt-methods .form-group.spire-radio #wrapper input[type=radio]:checked + mat-label:not(.sr-only) {
  padding-left: 0;
}
#wrapper payment-method-panel .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):before, #wrapper payment-method-panel .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):before, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):before, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):before, body payment-method-panel .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):before, body payment-method-panel .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):before, body payment-method-panel .form-group.spire-radio #wrapper input[type=radio]:checked + mat-label:not(.sr-only):before, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):before, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):before, body app-ft-saved-pmt-methods .form-group.spire-radio #wrapper input[type=radio]:checked + mat-label:not(.sr-only):before {
  top: 32px;
  left: 43px;
}
#wrapper payment-method-panel .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):after, #wrapper payment-method-panel .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):after, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):after, #wrapper app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):after, body payment-method-panel .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):after, body payment-method-panel .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):after, body payment-method-panel .form-group.spire-radio #wrapper input[type=radio]:checked + mat-label:not(.sr-only):after, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + label:not(.sr-only):after, body app-ft-saved-pmt-methods .form-group.spire-radio input[type=radio]:checked + mat-label:not(.sr-only):after, body app-ft-saved-pmt-methods .form-group.spire-radio #wrapper input[type=radio]:checked + mat-label:not(.sr-only):after {
  top: 36px;
  left: 47px;
}
#wrapper ngapps-payment-arrangements, #wrapper payment-arrangements-mock, body ngapps-payment-arrangements, body payment-arrangements-mock {
  padding-top: 3.3125rem;
}
#wrapper ngapps-payment-arrangements h1, #wrapper payment-arrangements-mock h1, body ngapps-payment-arrangements h1, body payment-arrangements-mock h1 {
  color: #e87322;
  margin-bottom: 2.5rem;
}
#wrapper ngapps-payment-arrangements div.intro, #wrapper payment-arrangements-mock div.intro, body ngapps-payment-arrangements div.intro, body payment-arrangements-mock div.intro {
  margin-bottom: 2.5rem;
}
#wrapper ngapps-payment-arrangements div.summary, #wrapper payment-arrangements-mock div.summary, body ngapps-payment-arrangements div.summary, body payment-arrangements-mock div.summary {
  margin-left: 2rem;
}
#wrapper ngapps-payment-arrangements .form-group.spire-radio input[type=radio] + label:not(.sr-only), #wrapper ngapps-payment-arrangements .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), #wrapper payment-arrangements-mock .form-group.spire-radio input[type=radio] + label:not(.sr-only), #wrapper payment-arrangements-mock .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), body ngapps-payment-arrangements .form-group.spire-radio input[type=radio] + label:not(.sr-only), body ngapps-payment-arrangements .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), body ngapps-payment-arrangements .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only), body payment-arrangements-mock .form-group.spire-radio input[type=radio] + label:not(.sr-only), body payment-arrangements-mock .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only), body payment-arrangements-mock .form-group.spire-radio #wrapper input[type=radio] + mat-label:not(.sr-only) {
  margin: 1rem 0px 1.5rem 1rem;
}
#wrapper ngapps-payment-arrangements .payment-details, #wrapper payment-arrangements-mock .payment-details, body ngapps-payment-arrangements .payment-details, body payment-arrangements-mock .payment-details {
  margin-top: 2.5rem;
}
#wrapper ngapps-payment-arrangements ul, #wrapper ngapps-payment-arrangements ul > li, #wrapper payment-arrangements-mock ul, #wrapper payment-arrangements-mock ul > li, body ngapps-payment-arrangements ul, body ngapps-payment-arrangements ul > li, body payment-arrangements-mock ul, body payment-arrangements-mock ul > li {
  padding-left: 0;
}
#wrapper ngapps-payment-arrangements li > p, #wrapper payment-arrangements-mock li > p, body ngapps-payment-arrangements li > p, body payment-arrangements-mock li > p {
  padding: 1rem 0;
  font-size: 0.8rem;
}
#wrapper ngapps-payment-arrangements .form-group.spire-radio label, #wrapper ngapps-payment-arrangements .form-group.spire-radio mat-label, #wrapper payment-arrangements-mock .form-group.spire-radio label, #wrapper payment-arrangements-mock .form-group.spire-radio mat-label, body ngapps-payment-arrangements .form-group.spire-radio label, body ngapps-payment-arrangements .form-group.spire-radio mat-label, body ngapps-payment-arrangements .form-group.spire-radio #wrapper mat-label, body payment-arrangements-mock .form-group.spire-radio label, body payment-arrangements-mock .form-group.spire-radio mat-label, body payment-arrangements-mock .form-group.spire-radio #wrapper mat-label {
  margin-top: 2rem;
}
#wrapper ngapps-payment-arrangements .payment-date, #wrapper payment-arrangements-mock .payment-date, body ngapps-payment-arrangements .payment-date, body payment-arrangements-mock .payment-date {
  font-size: 1rem;
}
#wrapper ngapps-payment-arrangements .payment-amount, #wrapper payment-arrangements-mock .payment-amount, body ngapps-payment-arrangements .payment-amount, body payment-arrangements-mock .payment-amount {
  font-size: 2rem;
}
#wrapper ngapps-payment-arrangements .row, #wrapper payment-arrangements-mock .row, body ngapps-payment-arrangements .row, body payment-arrangements-mock .row {
  margin: 0;
}
#wrapper ngapps-payment-arrangements #arrangement-options > li.payment-arrangement > p, #wrapper ngapps-payment-arrangements #arrangement-options > li.payment-arrangement > div.payment-details, #wrapper payment-arrangements-mock #arrangement-options > li.payment-arrangement > p, #wrapper payment-arrangements-mock #arrangement-options > li.payment-arrangement > div.payment-details, body ngapps-payment-arrangements #arrangement-options > li.payment-arrangement > p, body ngapps-payment-arrangements #arrangement-options > li.payment-arrangement > div.payment-details, body payment-arrangements-mock #arrangement-options > li.payment-arrangement > p, body payment-arrangements-mock #arrangement-options > li.payment-arrangement > div.payment-details {
  margin-left: 1.75rem;
  display: flex;
  flex-grow: initial;
  flex-direction: row;
}
#wrapper ngapps-payment-arrangements #arrangement-options ngapps-payment-arrangement-installments, #wrapper payment-arrangements-mock #arrangement-options ngapps-payment-arrangement-installments, body ngapps-payment-arrangements #arrangement-options ngapps-payment-arrangement-installments, body payment-arrangements-mock #arrangement-options ngapps-payment-arrangement-installments {
  width: 100%;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details, #wrapper payment-arrangements-mock #arrangement-options .payment-details, body ngapps-payment-arrangements #arrangement-options .payment-details, body payment-arrangements-mock #arrangement-options .payment-details {
  clear: both;
  float: none;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details::after, #wrapper payment-arrangements-mock #arrangement-options .payment-details::after, body ngapps-payment-arrangements #arrangement-options .payment-details::after, body payment-arrangements-mock #arrangement-options .payment-details::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details section, #wrapper payment-arrangements-mock #arrangement-options .payment-details section, body ngapps-payment-arrangements #arrangement-options .payment-details section, body payment-arrangements-mock #arrangement-options .payment-details section {
  float: left;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details section.down-payment, #wrapper payment-arrangements-mock #arrangement-options .payment-details section.down-payment, body ngapps-payment-arrangements #arrangement-options .payment-details section.down-payment, body payment-arrangements-mock #arrangement-options .payment-details section.down-payment {
  min-width: 10rem;
  width: 25%;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details section.payment, #wrapper payment-arrangements-mock #arrangement-options .payment-details section.payment, body ngapps-payment-arrangements #arrangement-options .payment-details section.payment, body payment-arrangements-mock #arrangement-options .payment-details section.payment {
  min-width: 98%;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details section > h4, #wrapper payment-arrangements-mock #arrangement-options .payment-details section > h4, body ngapps-payment-arrangements #arrangement-options .payment-details section > h4, body payment-arrangements-mock #arrangement-options .payment-details section > h4 {
  font-size: 1rem;
  font-weight: normal;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details section > p, #wrapper payment-arrangements-mock #arrangement-options .payment-details section > p, body ngapps-payment-arrangements #arrangement-options .payment-details section > p, body payment-arrangements-mock #arrangement-options .payment-details section > p {
  font-family: c;
  font-size: 2rem;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details section.duration, #wrapper payment-arrangements-mock #arrangement-options .payment-details section.duration, body ngapps-payment-arrangements #arrangement-options .payment-details section.duration, body payment-arrangements-mock #arrangement-options .payment-details section.duration {
  white-space: nowrap;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details .details-link, #wrapper payment-arrangements-mock #arrangement-options .payment-details .details-link, body ngapps-payment-arrangements #arrangement-options .payment-details .details-link, body payment-arrangements-mock #arrangement-options .payment-details .details-link {
  background: #ededed;
  clear: both;
  margin-top: 7rem;
  padding: 0.5rem;
  text-align: center;
  display: flex;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details .details-link expand-arrow > a, #wrapper payment-arrangements-mock #arrangement-options .payment-details .details-link expand-arrow > a, body ngapps-payment-arrangements #arrangement-options .payment-details .details-link expand-arrow > a, body payment-arrangements-mock #arrangement-options .payment-details .details-link expand-arrow > a {
  line-height: 2rem;
}
#wrapper ngapps-payment-arrangements #arrangement-options .payment-details .details-link expand-arrow > a > i, #wrapper payment-arrangements-mock #arrangement-options .payment-details .details-link expand-arrow > a > i, body ngapps-payment-arrangements #arrangement-options .payment-details .details-link expand-arrow > a > i, body payment-arrangements-mock #arrangement-options .payment-details .details-link expand-arrow > a > i {
  font-size: 2rem;
  display: block;
  float: right;
}
@media screen and (min-width: 45rem) {
  #wrapper ngapps-payment-arrangements #arrangement-options .payment-details .details-link, #wrapper payment-arrangements-mock #arrangement-options .payment-details .details-link, body ngapps-payment-arrangements #arrangement-options .payment-details .details-link, body payment-arrangements-mock #arrangement-options .payment-details .details-link {
    background: none;
    clear: none;
    float: right;
    margin-top: 0;
    padding: 3rem 0 0 0;
    text-align: right;
    width: 10rem;
  }
}
#wrapper ngapps-payment-arrangements section.installments table, #wrapper payment-arrangements-mock section.installments table, body ngapps-payment-arrangements section.installments table, body payment-arrangements-mock section.installments table {
  width: 100%;
  font-size: 0.8rem;
  margin: 2rem 0;
  margin-bottom: 2rem;
}
#wrapper ngapps-payment-arrangements section.installments th, #wrapper ngapps-payment-arrangements section.installments td, #wrapper payment-arrangements-mock section.installments th, #wrapper payment-arrangements-mock section.installments td, body ngapps-payment-arrangements section.installments th, body ngapps-payment-arrangements section.installments td, body payment-arrangements-mock section.installments th, body payment-arrangements-mock section.installments td {
  border-bottom: 1px solid #ededed;
  padding: 1rem 2rem;
}
#wrapper ngapps-payment-arrangements section.installments tr > th:first-child, #wrapper ngapps-payment-arrangements section.installments tr > td:first-child, #wrapper payment-arrangements-mock section.installments tr > th:first-child, #wrapper payment-arrangements-mock section.installments tr > td:first-child, body ngapps-payment-arrangements section.installments tr > th:first-child, body ngapps-payment-arrangements section.installments tr > td:first-child, body payment-arrangements-mock section.installments tr > th:first-child, body payment-arrangements-mock section.installments tr > td:first-child {
  text-align: left;
}
#wrapper ngapps-payment-arrangements .button-group, #wrapper payment-arrangements-mock .button-group, body ngapps-payment-arrangements .button-group, body payment-arrangements-mock .button-group {
  float: right;
}
#wrapper ngapps-payment-arrangements .button-group button, #wrapper payment-arrangements-mock .button-group button, body ngapps-payment-arrangements .button-group button, body payment-arrangements-mock .button-group button {
  margin-left: 0.5rem;
  margin-right: 0;
}
#wrapper ngapps-payment-arrangements section.position-relative, #wrapper payment-arrangements-mock section.position-relative, body ngapps-payment-arrangements section.position-relative, body payment-arrangements-mock section.position-relative {
  position: relative;
}
#wrapper ngapps-payment-arrangements cwr-info-ic, #wrapper payment-arrangements-mock cwr-info-ic, body ngapps-payment-arrangements cwr-info-ic, body payment-arrangements-mock cwr-info-ic {
  position: absolute;
  top: 32px;
}
#wrapper ngapps-payment-arrangements cwr-info-ic .info-ic, #wrapper payment-arrangements-mock cwr-info-ic .info-ic, body ngapps-payment-arrangements cwr-info-ic .info-ic, body payment-arrangements-mock cwr-info-ic .info-ic {
  width: 20px;
  height: 20px;
  border: 1.45px solid;
  border-radius: 100%;
  font-weight: bold;
  font-size: 1em;
  bottom: 7px;
  position: absolute;
  right: -24px;
}
#wrapper ngapps-payment-arrangements cwr-info-ic .info-ic span, #wrapper payment-arrangements-mock cwr-info-ic .info-ic span, body ngapps-payment-arrangements cwr-info-ic .info-ic span, body payment-arrangements-mock cwr-info-ic .info-ic span {
  position: absolute;
  top: -2.2px;
  right: 5.5px;
}
#wrapper ngapps-payment-arrangements cwr-info-ic popover-container, #wrapper payment-arrangements-mock cwr-info-ic popover-container, body ngapps-payment-arrangements cwr-info-ic popover-container, body payment-arrangements-mock cwr-info-ic popover-container {
  display: block !important;
  width: 900px;
  border-radius: 0;
}
#wrapper ngapps-payment-arrangements cwr-info-ic popover-container section, #wrapper payment-arrangements-mock cwr-info-ic popover-container section, body ngapps-payment-arrangements cwr-info-ic popover-container section, body payment-arrangements-mock cwr-info-ic popover-container section {
  padding-top: 30px;
}
#wrapper ngapps-payment-arrangements cwr-info-ic popover-container section h4, #wrapper payment-arrangements-mock cwr-info-ic popover-container section h4, body ngapps-payment-arrangements cwr-info-ic popover-container section h4, body payment-arrangements-mock cwr-info-ic popover-container section h4 {
  font-weight: bold;
}
#wrapper ngapps-payment-arrangements cwr-info-ic popover-container .close-link, #wrapper payment-arrangements-mock cwr-info-ic popover-container .close-link, body ngapps-payment-arrangements cwr-info-ic popover-container .close-link, body payment-arrangements-mock cwr-info-ic popover-container .close-link {
  float: right;
  padding: 5px;
  font-size: 1.1rem;
}
#wrapper ngapps-payment-arrangements cwr-info-ic popover-container .popover-arrow, #wrapper payment-arrangements-mock cwr-info-ic popover-container .popover-arrow, body ngapps-payment-arrangements cwr-info-ic popover-container .popover-arrow, body payment-arrangements-mock cwr-info-ic popover-container .popover-arrow {
  display: none;
}
#wrapper ngapps-payment-arrangements app-ft-payment-method div.terms-and-conditions, #wrapper payment-arrangements-mock app-ft-payment-method div.terms-and-conditions, body ngapps-payment-arrangements app-ft-payment-method div.terms-and-conditions, body payment-arrangements-mock app-ft-payment-method div.terms-and-conditions {
  font-size: 1.125rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  padding-top: 1rem;
}
#wrapper ngapps-payment-arrangements app-ft-payment-method div.panel-heading, #wrapper payment-arrangements-mock app-ft-payment-method div.panel-heading, body ngapps-payment-arrangements app-ft-payment-method div.panel-heading, body payment-arrangements-mock app-ft-payment-method div.panel-heading {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  cursor: pointer;
}
#wrapper ngapps-payment-arrangements app-ft-payment-method .row, #wrapper payment-arrangements-mock app-ft-payment-method .row, body ngapps-payment-arrangements app-ft-payment-method .row, body payment-arrangements-mock app-ft-payment-method .row {
  display: inherit;
}
#wrapper ngapps-payment-arrangements app-ft-payment-method .mat-form-field-infix, #wrapper payment-arrangements-mock app-ft-payment-method .mat-form-field-infix, body ngapps-payment-arrangements app-ft-payment-method .mat-form-field-infix, body payment-arrangements-mock app-ft-payment-method .mat-form-field-infix {
  padding: 0.6375em 0 !important;
}
#wrapper ngapps-payment-arrangements app-ft-payment-method #bank-account-type, #wrapper payment-arrangements-mock app-ft-payment-method #bank-account-type, body ngapps-payment-arrangements app-ft-payment-method #bank-account-type, body payment-arrangements-mock app-ft-payment-method #bank-account-type {
  line-height: 3rem;
}
#wrapper ngapps-payment-arrangements app-ft-payment-method input, #wrapper payment-arrangements-mock app-ft-payment-method input, body ngapps-payment-arrangements app-ft-payment-method input, body payment-arrangements-mock app-ft-payment-method input {
  font-size: 1.125rem;
}
#wrapper ngapps-payment-arrangements app-ft-payment-method accordion-group div[accordion-heading], #wrapper payment-arrangements-mock app-ft-payment-method accordion-group div[accordion-heading], body ngapps-payment-arrangements app-ft-payment-method accordion-group div[accordion-heading], body payment-arrangements-mock app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  text-transform: initial;
}
#wrapper ngapps-payment-arrangements app-ft-saved-pmt-methods, #wrapper payment-arrangements-mock app-ft-saved-pmt-methods, body ngapps-payment-arrangements app-ft-saved-pmt-methods, body payment-arrangements-mock app-ft-saved-pmt-methods {
  margin-bottom: 1rem !important;
}
#wrapper ngapps-payment-arrangements app-ft-saved-pmt-methods label, #wrapper ngapps-payment-arrangements app-ft-saved-pmt-methods mat-label, #wrapper payment-arrangements-mock app-ft-saved-pmt-methods label, #wrapper payment-arrangements-mock app-ft-saved-pmt-methods mat-label, body ngapps-payment-arrangements app-ft-saved-pmt-methods label, body ngapps-payment-arrangements app-ft-saved-pmt-methods mat-label, body ngapps-payment-arrangements app-ft-saved-pmt-methods #wrapper mat-label, body payment-arrangements-mock app-ft-saved-pmt-methods label, body payment-arrangements-mock app-ft-saved-pmt-methods mat-label, body payment-arrangements-mock app-ft-saved-pmt-methods #wrapper mat-label {
  font-size: 1.125rem;
  padding-left: 1rem;
  padding-right: 1.2rem;
}
#wrapper ngapps-payment-arrangements app-ft-saved-pmt-methods .payment-method-container, #wrapper payment-arrangements-mock app-ft-saved-pmt-methods .payment-method-container, body ngapps-payment-arrangements app-ft-saved-pmt-methods .payment-method-container, body payment-arrangements-mock app-ft-saved-pmt-methods .payment-method-container {
  padding-right: 0rem;
  margin-bottom: 0rem;
  color: #4a4a4a;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .accordion-toggle, #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .accordion-toggle, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .accordion-toggle, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .accordion-toggle, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .accordion-toggle, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .accordion-toggle, body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .accordion-toggle, body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .accordion-toggle {
  cursor: pointer;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .amount-due,
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .other-amount, #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .amount-due,
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .other-amount, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .amount-due,
#wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .other-amount, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .amount-due,
#wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .other-amount, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .amount-due,
body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .other-amount, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .amount-due,
body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .other-amount, body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .amount-due,
body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .other-amount, body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .amount-due,
body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .other-amount {
  margin-bottom: initial !important;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option accordion-group div[accordion-heading], #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group div[accordion-heading], #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option accordion-group div[accordion-heading], #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group div[accordion-heading], body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option accordion-group div[accordion-heading], body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group div[accordion-heading], body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option accordion-group div[accordion-heading], body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group div[accordion-heading] {
  display: flex;
  text-transform: initial;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option accordion-group .agent-heading-title, #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group .agent-heading-title, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option accordion-group .agent-heading-title, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group .agent-heading-title, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option accordion-group .agent-heading-title, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group .agent-heading-title, body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option accordion-group .agent-heading-title, body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option accordion-group .agent-heading-title {
  width: 97%;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .agent-edit-down-payment-action, #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .agent-edit-down-payment-action, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .agent-edit-down-payment-action, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .agent-edit-down-payment-action, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .agent-edit-down-payment-action, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .agent-edit-down-payment-action, body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .agent-edit-down-payment-action, body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .agent-edit-down-payment-action {
  clear: both;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .installment-options #dpAgentUpdateDpID, #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .installment-options #dpAgentUpdateDpID, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .installment-options #dpAgentUpdateDpID, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .installment-options #dpAgentUpdateDpID, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .installment-options #dpAgentUpdateDpID, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .installment-options #dpAgentUpdateDpID, body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .installment-options #dpAgentUpdateDpID, body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .installment-options #dpAgentUpdateDpID {
  width: 12rem;
  margin-bottom: 1.2rem;
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #869cad;
  border-radius: 0;
  border-width: 0 0 2px 0;
  padding: 0rem;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option #otherAmtInput, #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option #otherAmtInput, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option #otherAmtInput, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option #otherAmtInput, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option #otherAmtInput, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option #otherAmtInput, body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option #otherAmtInput, body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option #otherAmtInput {
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #869cad;
  border-radius: 0;
  border-width: 0 0 2px 0;
  padding: 0rem;
}
#wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .error-message, #wrapper ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .error-message, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .error-message, #wrapper payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .error-message, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-agent-only-option .error-message, body ngapps-payment-arrangements ngapps-payment-arrangements-options app-pa-agent-only-option .error-message, body payment-arrangements-mock ngapps-payment-arrangements-options app-agent-only-option .error-message, body payment-arrangements-mock ngapps-payment-arrangements-options app-pa-agent-only-option .error-message {
  clear: both;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
#wrapper app-loan-payoff-listing, body app-loan-payoff-listing {
  display: block;
  padding-bottom: 16px;
}
#wrapper app-loan-payoff-listing h2, body app-loan-payoff-listing h2 {
  margin: 1rem 0;
}
#wrapper app-loan-payoff-listing h2 a, body app-loan-payoff-listing h2 a {
  font-size: 2rem;
}
#wrapper app-loan-payoff-listing table, body app-loan-payoff-listing table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 47.9375rem) {
  #wrapper app-loan-payoff-listing thead, body app-loan-payoff-listing thead {
    display: none;
  }
  #wrapper app-loan-payoff-listing tr, #wrapper app-loan-payoff-listing td, body app-loan-payoff-listing tr, body app-loan-payoff-listing td {
    display: block;
  }
  #wrapper app-loan-payoff-listing tr, body app-loan-payoff-listing tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper app-loan-payoff-listing td, body app-loan-payoff-listing td {
    text-align: left !important;
  }
  #wrapper app-loan-payoff-listing strong.mobile-only, body app-loan-payoff-listing strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper app-loan-payoff-listing td, body app-loan-payoff-listing td {
    margin-bottom: 1rem;
  }
  #wrapper app-loan-payoff-listing strong.mobile-only, body app-loan-payoff-listing strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  #wrapper app-loan-payoff-listing .mobile-only, body app-loan-payoff-listing .mobile-only {
    display: none;
  }
  #wrapper app-loan-payoff-listing thead, body app-loan-payoff-listing thead {
    background-color: #ededed;
  }
  #wrapper app-loan-payoff-listing thead a, body app-loan-payoff-listing thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper app-loan-payoff-listing thead a:hover, body app-loan-payoff-listing thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper app-loan-payoff-listing tbody tr, body app-loan-payoff-listing tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper app-loan-payoff-listing th, #wrapper app-loan-payoff-listing td, body app-loan-payoff-listing th, body app-loan-payoff-listing td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper app-loan-payoff-listing th.number, #wrapper app-loan-payoff-listing th.currency, #wrapper app-loan-payoff-listing td.number, #wrapper app-loan-payoff-listing td.currency, body app-loan-payoff-listing th.number, body app-loan-payoff-listing th.currency, body app-loan-payoff-listing td.number, body app-loan-payoff-listing td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 70rem) {
  #wrapper app-loan-payoff-listing th, #wrapper app-loan-payoff-listing td, body app-loan-payoff-listing th, body app-loan-payoff-listing td {
    padding: 1rem 2rem;
  }
}
#wrapper app-loan-details h1, #wrapper app-paid-confirmation h1, body app-loan-details h1, body app-paid-confirmation h1 {
  font-size: 1.375rem;
}
#wrapper app-loan-details .col-md-12, #wrapper app-paid-confirmation .col-md-12, body app-loan-details .col-md-12, body app-paid-confirmation .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}
#wrapper app-loan-details .spire-radio.form-group label.control-label.option, #wrapper app-loan-details .spire-radio.form-group mat-label.control-label.option, #wrapper app-paid-confirmation .spire-radio.form-group label.control-label.option, #wrapper app-paid-confirmation .spire-radio.form-group mat-label.control-label.option, body app-loan-details .spire-radio.form-group label.control-label.option, body app-loan-details .spire-radio.form-group mat-label.control-label.option, body app-loan-details .spire-radio.form-group #wrapper mat-label.control-label.option, body app-paid-confirmation .spire-radio.form-group label.control-label.option, body app-paid-confirmation .spire-radio.form-group mat-label.control-label.option, body app-paid-confirmation .spire-radio.form-group #wrapper mat-label.control-label.option {
  font-size: 0.8rem;
}
#wrapper app-loan-details .loan-details-summary .row, #wrapper app-paid-confirmation .loan-details-summary .row, body app-loan-details .loan-details-summary .row, body app-paid-confirmation .loan-details-summary .row {
  padding-bottom: 0.5rem;
  margin-left: -15px !important;
}
#wrapper app-loan-details .loan-details-summary .detail-label, #wrapper app-paid-confirmation .loan-details-summary .detail-label, body app-loan-details .loan-details-summary .detail-label, body app-paid-confirmation .loan-details-summary .detail-label {
  font-weight: bold;
}
#wrapper app-loan-details .loan-label-text, #wrapper app-paid-confirmation .loan-label-text, body app-loan-details .loan-label-text, body app-paid-confirmation .loan-label-text {
  width: 10rem;
  float: left;
}
#wrapper app-loan-payoff-quote .loan-amount .row, body app-loan-payoff-quote .loan-amount .row {
  padding-bottom: 0.5rem;
  margin-left: -15px !important;
}
#wrapper app-loan-payoff-quote #download-pdf-section, body app-loan-payoff-quote #download-pdf-section {
  margin-left: -5px;
}
#wrapper app-loan-payoff-quote .payoff-date, body app-loan-payoff-quote .payoff-date {
  margin-left: -1px !important;
}
#wrapper app-loan-payoff-quote .loan-label-text, body app-loan-payoff-quote .loan-label-text {
  width: 10rem;
  float: left;
}
#wrapper app-make-payment .loan-label-text, body app-make-payment .loan-label-text {
  width: 10rem;
  float: left;
}
#wrapper app-loan-payoff-ft-make-payment, body app-loan-payoff-ft-make-payment {
  width: 100%;
}
#wrapper ngapps-payment-arrangements-success h2, body ngapps-payment-arrangements-success h2 {
  padding-bottom: 1rem;
}
#wrapper ngapps-payment-arrangements-success #payment-arrangement-summary h4, body ngapps-payment-arrangements-success #payment-arrangement-summary h4 {
  color: gray;
  font-weight: normal;
  font-size: 1rem;
}
#wrapper ngapps-payment-arrangements-success #payment-arrangement-summary p, body ngapps-payment-arrangements-success #payment-arrangement-summary p {
  font-size: 2rem;
}
#wrapper ngapps-payment-arrangements-success section#payment-arrangement-disclaimer, body ngapps-payment-arrangements-success section#payment-arrangement-disclaimer {
  margin-top: 2rem;
}
#wrapper payment-autopay .alert.stop-autopay, body payment-autopay .alert.stop-autopay {
  margin-top: 0;
}
#wrapper payment-autopay .accordion-toggle .mdi, body payment-autopay .accordion-toggle .mdi {
  color: #250e62;
}
#wrapper payment-autopay .spire-modal-pos-r, body payment-autopay .spire-modal-pos-r {
  position: relative;
  height: 100%;
}
#wrapper payment-autopay successful-dialog .confirmation-modal, body payment-autopay successful-dialog .confirmation-modal {
  position: relative;
  height: 100%;
}
#wrapper payment-autopay successful-dialog .button-center, body payment-autopay successful-dialog .button-center {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px;
}
#wrapper app-ft-dialog-message .close,
#wrapper ngapps-payment-method-confirmation .close,
#wrapper ngapps-autopay-validation-message .close, body app-ft-dialog-message .close,
body ngapps-payment-method-confirmation .close,
body ngapps-autopay-validation-message .close {
  float: right;
}
#wrapper app-ft-dialog-message .close span,
#wrapper ngapps-payment-method-confirmation .close span,
#wrapper ngapps-autopay-validation-message .close span, body app-ft-dialog-message .close span,
body ngapps-payment-method-confirmation .close span,
body ngapps-autopay-validation-message .close span {
  margin-bottom: 1rem;
}
#wrapper app-ft-dialog-message h4.mat-modal-title,
#wrapper ngapps-payment-method-confirmation h4.mat-modal-title,
#wrapper ngapps-autopay-validation-message h4.mat-modal-title, body app-ft-dialog-message h4.mat-modal-title,
body ngapps-payment-method-confirmation h4.mat-modal-title,
body ngapps-autopay-validation-message h4.mat-modal-title {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  text-align: left;
  color: #4a4a4a;
  font-weight: normal;
  font-size: 1.5rem;
}
#wrapper app-ft-dialog-message .mat-modal-body,
#wrapper ngapps-payment-method-confirmation .mat-modal-body,
#wrapper ngapps-autopay-validation-message .mat-modal-body, body app-ft-dialog-message .mat-modal-body,
body ngapps-payment-method-confirmation .mat-modal-body,
body ngapps-autopay-validation-message .mat-modal-body {
  padding: 16px 24px;
}
#wrapper app-ft-dialog-message .mat-modal-body #method-container,
#wrapper ngapps-payment-method-confirmation .mat-modal-body #method-container,
#wrapper ngapps-autopay-validation-message .mat-modal-body #method-container, body app-ft-dialog-message .mat-modal-body #method-container,
body ngapps-payment-method-confirmation .mat-modal-body #method-container,
body ngapps-autopay-validation-message .mat-modal-body #method-container {
  border: 1px solid #b5b5b5;
  padding: 0.3rem;
  text-align: center;
  margin: 2rem auto;
}
#wrapper app-ft-dialog-message .mat-modal-body #method-container credit-type .payment-icon,
#wrapper ngapps-payment-method-confirmation .mat-modal-body #method-container credit-type .payment-icon,
#wrapper ngapps-autopay-validation-message .mat-modal-body #method-container credit-type .payment-icon, body app-ft-dialog-message .mat-modal-body #method-container credit-type .payment-icon,
body ngapps-payment-method-confirmation .mat-modal-body #method-container credit-type .payment-icon,
body ngapps-autopay-validation-message .mat-modal-body #method-container credit-type .payment-icon {
  margin-top: 0.2rem;
  margin-left: 0.5rem;
}
#wrapper app-ft-dialog-message .mat-modal-body #method-container .expiration-date,
#wrapper ngapps-payment-method-confirmation .mat-modal-body #method-container .expiration-date,
#wrapper ngapps-autopay-validation-message .mat-modal-body #method-container .expiration-date, body app-ft-dialog-message .mat-modal-body #method-container .expiration-date,
body ngapps-payment-method-confirmation .mat-modal-body #method-container .expiration-date,
body ngapps-autopay-validation-message .mat-modal-body #method-container .expiration-date {
  text-align: right;
  padding-right: 1.2rem;
}
#wrapper app-ft-dialog-message .mat-modal-body #method-confirmation-title,
#wrapper ngapps-payment-method-confirmation .mat-modal-body #method-confirmation-title,
#wrapper ngapps-autopay-validation-message .mat-modal-body #method-confirmation-title, body app-ft-dialog-message .mat-modal-body #method-confirmation-title,
body ngapps-payment-method-confirmation .mat-modal-body #method-confirmation-title,
body ngapps-autopay-validation-message .mat-modal-body #method-confirmation-title {
  padding-bottom: 1rem;
  text-align: center;
  margin: 1rem auto;
}
#wrapper app-ft-dialog-message .mat-modal-body #method-remove-confirmation-title,
#wrapper ngapps-payment-method-confirmation .mat-modal-body #method-remove-confirmation-title,
#wrapper ngapps-autopay-validation-message .mat-modal-body #method-remove-confirmation-title, body app-ft-dialog-message .mat-modal-body #method-remove-confirmation-title,
body ngapps-payment-method-confirmation .mat-modal-body #method-remove-confirmation-title,
body ngapps-autopay-validation-message .mat-modal-body #method-remove-confirmation-title {
  padding-bottom: 1rem;
  margin: 1rem auto;
  font-size: 1.5rem;
}
#wrapper app-ft-dialog-message .mat-modal-body .method-btn-block,
#wrapper ngapps-payment-method-confirmation .mat-modal-body .method-btn-block,
#wrapper ngapps-autopay-validation-message .mat-modal-body .method-btn-block, body app-ft-dialog-message .mat-modal-body .method-btn-block,
body ngapps-payment-method-confirmation .mat-modal-body .method-btn-block,
body ngapps-autopay-validation-message .mat-modal-body .method-btn-block {
  padding-top: 1rem;
  text-align: left;
}
#wrapper app-ft-dialog-message .mat-modal-body .method-btn-center-group,
#wrapper ngapps-payment-method-confirmation .mat-modal-body .method-btn-center-group,
#wrapper ngapps-autopay-validation-message .mat-modal-body .method-btn-center-group, body app-ft-dialog-message .mat-modal-body .method-btn-center-group,
body ngapps-payment-method-confirmation .mat-modal-body .method-btn-center-group,
body ngapps-autopay-validation-message .mat-modal-body .method-btn-center-group {
  text-align: center;
}
#wrapper ngapps-list-payment-method h1,
#wrapper ngapps-add-payment-method h1,
#wrapper ngapps-ft-auto-pay h1, body ngapps-list-payment-method h1,
body ngapps-add-payment-method h1,
body ngapps-ft-auto-pay h1 {
  margin-bottom: 40px;
}
#wrapper ngapps-list-payment-method .saved-payment-header,
#wrapper ngapps-add-payment-method .saved-payment-header,
#wrapper ngapps-ft-auto-pay .saved-payment-header, body ngapps-list-payment-method .saved-payment-header,
body ngapps-add-payment-method .saved-payment-header,
body ngapps-ft-auto-pay .saved-payment-header {
  margin-bottom: 40px;
}
#wrapper ngapps-list-payment-method .saved-payment-header *,
#wrapper ngapps-add-payment-method .saved-payment-header *,
#wrapper ngapps-ft-auto-pay .saved-payment-header *, body ngapps-list-payment-method .saved-payment-header *,
body ngapps-add-payment-method .saved-payment-header *,
body ngapps-ft-auto-pay .saved-payment-header * {
  margin: 0;
  padding: 0;
}
#wrapper ngapps-list-payment-method .saved-payment-header p,
#wrapper ngapps-add-payment-method .saved-payment-header p,
#wrapper ngapps-ft-auto-pay .saved-payment-header p, body ngapps-list-payment-method .saved-payment-header p,
body ngapps-add-payment-method .saved-payment-header p,
body ngapps-ft-auto-pay .saved-payment-header p {
  margin-bottom: 1rem;
}
#wrapper ngapps-list-payment-method .saved-payment-header div,
#wrapper ngapps-add-payment-method .saved-payment-header div,
#wrapper ngapps-ft-auto-pay .saved-payment-header div, body ngapps-list-payment-method .saved-payment-header div,
body ngapps-add-payment-method .saved-payment-header div,
body ngapps-ft-auto-pay .saved-payment-header div {
  font-size: 0.75rem;
}
#wrapper ngapps-list-payment-method .payment-method-block,
#wrapper ngapps-add-payment-method .payment-method-block,
#wrapper ngapps-ft-auto-pay .payment-method-block, body ngapps-list-payment-method .payment-method-block,
body ngapps-add-payment-method .payment-method-block,
body ngapps-ft-auto-pay .payment-method-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-list-payment-method .payment-method-block,
  #wrapper ngapps-add-payment-method .payment-method-block,
  #wrapper ngapps-ft-auto-pay .payment-method-block, body ngapps-list-payment-method .payment-method-block,
  body ngapps-add-payment-method .payment-method-block,
  body ngapps-ft-auto-pay .payment-method-block {
    padding: 0.3rem;
  }
}
#wrapper ngapps-list-payment-method .payment-method-block .valign-center,
#wrapper ngapps-add-payment-method .payment-method-block .valign-center,
#wrapper ngapps-ft-auto-pay .payment-method-block .valign-center, body ngapps-list-payment-method .payment-method-block .valign-center,
body ngapps-add-payment-method .payment-method-block .valign-center,
body ngapps-ft-auto-pay .payment-method-block .valign-center {
  display: inline-flex;
  vertical-align: middle;
  align-items: center;
}
#wrapper ngapps-list-payment-method .payment-method-block .valign-center i,
#wrapper ngapps-add-payment-method .payment-method-block .valign-center i,
#wrapper ngapps-ft-auto-pay .payment-method-block .valign-center i, body ngapps-list-payment-method .payment-method-block .valign-center i,
body ngapps-add-payment-method .payment-method-block .valign-center i,
body ngapps-ft-auto-pay .payment-method-block .valign-center i {
  margin-right: 1rem;
}
#wrapper ngapps-list-payment-method .payment-method-block.credit-wrap,
#wrapper ngapps-add-payment-method .payment-method-block.credit-wrap,
#wrapper ngapps-ft-auto-pay .payment-method-block.credit-wrap, body ngapps-list-payment-method .payment-method-block.credit-wrap,
body ngapps-add-payment-method .payment-method-block.credit-wrap,
body ngapps-ft-auto-pay .payment-method-block.credit-wrap {
  flex-wrap: wrap;
}
#wrapper ngapps-list-payment-method .payment-method-block .mdi-bank,
#wrapper ngapps-add-payment-method .payment-method-block .mdi-bank,
#wrapper ngapps-ft-auto-pay .payment-method-block .mdi-bank, body ngapps-list-payment-method .payment-method-block .mdi-bank,
body ngapps-add-payment-method .payment-method-block .mdi-bank,
body ngapps-ft-auto-pay .payment-method-block .mdi-bank {
  padding-right: 0.5rem;
}
#wrapper ngapps-list-payment-method .payment-method-block.pointer, #wrapper ngapps-list-payment-method .payment-method-block .mdi-delete,
#wrapper ngapps-add-payment-method .payment-method-block.pointer,
#wrapper ngapps-add-payment-method .payment-method-block .mdi-delete,
#wrapper ngapps-ft-auto-pay .payment-method-block.pointer,
#wrapper ngapps-ft-auto-pay .payment-method-block .mdi-delete, body ngapps-list-payment-method .payment-method-block.pointer, body ngapps-list-payment-method .payment-method-block .mdi-delete,
body ngapps-add-payment-method .payment-method-block.pointer,
body ngapps-add-payment-method .payment-method-block .mdi-delete,
body ngapps-ft-auto-pay .payment-method-block.pointer,
body ngapps-ft-auto-pay .payment-method-block .mdi-delete {
  cursor: pointer;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-options .pymt-options-left-icons,
#wrapper ngapps-add-payment-method ngapps-payment-method-options .pymt-options-left-icons,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-options .pymt-options-left-icons, body ngapps-list-payment-method ngapps-payment-method-options .pymt-options-left-icons,
body ngapps-add-payment-method ngapps-payment-method-options .pymt-options-left-icons,
body ngapps-ft-auto-pay ngapps-payment-method-options .pymt-options-left-icons {
  width: 83%;
  float: left;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-options .pymt-options-left-icons .pymt-method-icon,
#wrapper ngapps-add-payment-method ngapps-payment-method-options .pymt-options-left-icons .pymt-method-icon,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-options .pymt-options-left-icons .pymt-method-icon, body ngapps-list-payment-method ngapps-payment-method-options .pymt-options-left-icons .pymt-method-icon,
body ngapps-add-payment-method ngapps-payment-method-options .pymt-options-left-icons .pymt-method-icon,
body ngapps-ft-auto-pay ngapps-payment-method-options .pymt-options-left-icons .pymt-method-icon {
  float: right;
  margin-right: 0.8rem;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-options .pymt-options-right-icons,
#wrapper ngapps-add-payment-method ngapps-payment-method-options .pymt-options-right-icons,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-options .pymt-options-right-icons, body ngapps-list-payment-method ngapps-payment-method-options .pymt-options-right-icons,
body ngapps-add-payment-method ngapps-payment-method-options .pymt-options-right-icons,
body ngapps-ft-auto-pay ngapps-payment-method-options .pymt-options-right-icons {
  float: right;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-star,
#wrapper ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-star,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-star, body ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-star,
body ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-star,
body ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-star {
  color: #dd6716;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-pencil,
#wrapper ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-chevron-up,
#wrapper ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-pencil,
#wrapper ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-chevron-up,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-pencil,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-chevron-up, body ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-pencil,
body ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-chevron-up,
body ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-pencil,
body ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-chevron-up,
body ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-pencil,
body ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-chevron-up {
  cursor: pointer;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-calendar,
#wrapper ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-calendar,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-calendar, body ngapps-list-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-calendar,
body ngapps-add-payment-method ngapps-payment-method-options .pymt-method-icon .mdi-calendar,
body ngapps-ft-auto-pay ngapps-payment-method-options .pymt-method-icon .mdi-calendar {
  color: #666666;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-block,
#wrapper ngapps-add-payment-method ngapps-payment-method-block,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block, body ngapps-list-payment-method ngapps-payment-method-block,
body ngapps-add-payment-method ngapps-payment-method-block,
body ngapps-ft-auto-pay ngapps-payment-method-block {
  flex: inherit;
  border: none !important;
  padding: 1rem !important;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-block .pymt-block-credit-type,
#wrapper ngapps-add-payment-method ngapps-payment-method-block .pymt-block-credit-type,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-credit-type, body ngapps-list-payment-method ngapps-payment-method-block .pymt-block-credit-type,
body ngapps-add-payment-method ngapps-payment-method-block .pymt-block-credit-type,
body ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-credit-type {
  width: 4rem;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-list-payment-method ngapps-payment-method-block .pymt-block-credit-type,
  #wrapper ngapps-add-payment-method ngapps-payment-method-block .pymt-block-credit-type,
  #wrapper ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-credit-type, body ngapps-list-payment-method ngapps-payment-method-block .pymt-block-credit-type,
  body ngapps-add-payment-method ngapps-payment-method-block .pymt-block-credit-type,
  body ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-credit-type {
    width: auto;
  }
}
#wrapper ngapps-list-payment-method ngapps-payment-method-block .pymt-block-method-credit, #wrapper ngapps-list-payment-method ngapps-payment-method-block .pymt-block-method-bank,
#wrapper ngapps-add-payment-method ngapps-payment-method-block .pymt-block-method-credit,
#wrapper ngapps-add-payment-method ngapps-payment-method-block .pymt-block-method-bank,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-method-credit,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-method-bank, body ngapps-list-payment-method ngapps-payment-method-block .pymt-block-method-credit, body ngapps-list-payment-method ngapps-payment-method-block .pymt-block-method-bank,
body ngapps-add-payment-method ngapps-payment-method-block .pymt-block-method-credit,
body ngapps-add-payment-method ngapps-payment-method-block .pymt-block-method-bank,
body ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-method-credit,
body ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-method-bank {
  width: 10rem;
  text-align: right;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
#wrapper ngapps-add-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-expiration-date, body ngapps-list-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
body ngapps-add-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
body ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-expiration-date {
  width: 7rem;
  text-align: right;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-list-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
  #wrapper ngapps-add-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
  #wrapper ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-expiration-date, body ngapps-list-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
  body ngapps-add-payment-method ngapps-payment-method-block .pymt-block-expiration-date,
  body ngapps-ft-auto-pay ngapps-payment-method-block .pymt-block-expiration-date {
    width: auto;
  }
}
#wrapper ngapps-list-payment-method ngapps-payment-method-block .payment-options-icon,
#wrapper ngapps-add-payment-method ngapps-payment-method-block .payment-options-icon,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block .payment-options-icon, body ngapps-list-payment-method ngapps-payment-method-block .payment-options-icon,
body ngapps-add-payment-method ngapps-payment-method-block .payment-options-icon,
body ngapps-ft-auto-pay ngapps-payment-method-block .payment-options-icon {
  width: 9rem;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
#wrapper ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .payment-icon, body ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
body ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
body ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .payment-icon {
  margin-left: 0.5rem;
}
#wrapper ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
#wrapper ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
#wrapper ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .mdi-bank, body ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
body ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
body ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .mdi-bank {
  margin-left: 0.9rem;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
  #wrapper ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
  #wrapper ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .payment-icon, body ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
  body ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .payment-icon,
  body ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .payment-icon {
    margin-left: -0.5rem;
  }
  #wrapper ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
  #wrapper ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
  #wrapper ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .mdi-bank, body ngapps-list-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
  body ngapps-add-payment-method ngapps-payment-method-block ngapps-credit-type .mdi-bank,
  body ngapps-ft-auto-pay ngapps-payment-method-block ngapps-credit-type .mdi-bank {
    margin-left: -0.2rem;
  }
}
#wrapper ngapps-list-payment-method span.auto-pay-icon,
#wrapper ngapps-add-payment-method span.auto-pay-icon,
#wrapper ngapps-ft-auto-pay span.auto-pay-icon, body ngapps-list-payment-method span.auto-pay-icon,
body ngapps-add-payment-method span.auto-pay-icon,
body ngapps-ft-auto-pay span.auto-pay-icon {
  background: url(/o/spire-mya-theme-css/images/auto-pay.svg) no-repeat;
  display: block;
  height: 2rem;
  width: 2rem;
}
#wrapper ngapps-list-payment-method span.mdi-pencil,
#wrapper ngapps-add-payment-method span.mdi-pencil,
#wrapper ngapps-ft-auto-pay span.mdi-pencil, body ngapps-list-payment-method span.mdi-pencil,
body ngapps-add-payment-method span.mdi-pencil,
body ngapps-ft-auto-pay span.mdi-pencil {
  cursor: pointer;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .payment-methods-block-wrapper,
#wrapper ngapps-add-payment-method ngapps-payment-methods .payment-methods-block-wrapper,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .payment-methods-block-wrapper, body ngapps-list-payment-method ngapps-payment-methods .payment-methods-block-wrapper,
body ngapps-add-payment-method ngapps-payment-methods .payment-methods-block-wrapper,
body ngapps-ft-auto-pay ngapps-payment-methods .payment-methods-block-wrapper {
  margin-bottom: 1.3rem;
  border: 1px #b5b5b5 solid;
  box-shadow: none;
  color: #4a4a4a !important;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:focus,
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:hover,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:focus,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:hover,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:focus,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:hover, body ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
body ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:focus,
body ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:hover,
body ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
body ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:focus,
body ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:hover,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:focus,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded:hover {
  background: white !important;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods mat-expansion-panel-header,
#wrapper ngapps-add-payment-method ngapps-payment-methods mat-expansion-panel-header,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods mat-expansion-panel-header, body ngapps-list-payment-method ngapps-payment-methods mat-expansion-panel-header,
body ngapps-add-payment-method ngapps-payment-methods mat-expansion-panel-header,
body ngapps-ft-auto-pay ngapps-payment-methods mat-expansion-panel-header {
  padding: 0px;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header:not([aria-disabled=true]),
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header:not([aria-disabled=true]),
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header:not([aria-disabled=true]), body ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header:not([aria-disabled=true]),
body ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header:not([aria-disabled=true]),
body ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header:not([aria-disabled=true]) {
  cursor: auto !important;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods mat-panel-description,
#wrapper ngapps-add-payment-method ngapps-payment-methods mat-panel-description,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods mat-panel-description, body ngapps-list-payment-method ngapps-payment-methods mat-panel-description,
body ngapps-add-payment-method ngapps-payment-methods mat-panel-description,
body ngapps-ft-auto-pay ngapps-payment-methods mat-panel-description {
  color: #4a4a4a;
  margin-right: 0px;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header-description,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header-description,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header-description, body ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header-description,
body ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header-description,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header-description {
  margin-right: 0px;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header,
#wrapper ngapps-add-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header, body ngapps-list-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header,
body ngapps-add-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header,
body ngapps-ft-auto-pay ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header {
  background-color: white;
  background: white;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header .mat-expansion-indicator,
#wrapper ngapps-add-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header .mat-expansion-indicator,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header .mat-expansion-indicator, body ngapps-list-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header .mat-expansion-indicator,
body ngapps-add-payment-method ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header .mat-expansion-indicator,
body ngapps-ft-auto-pay ngapps-payment-methods mat-accordion mat-expansion-panel mat-expansion-panel-header .mat-expansion-indicator {
  display: none;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded, body ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
body ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-header.mat-expanded,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-header.mat-expanded {
  background: white !important;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-content,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-content,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-content, body ngapps-list-payment-method ngapps-payment-methods .mat-expansion-panel-content,
body ngapps-add-payment-method ngapps-payment-methods .mat-expansion-panel-content,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-expansion-panel-content {
  font-size: inherit !important;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-input-suffix .mdi-lock,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-input-suffix .mdi-lock,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-input-suffix .mdi-lock, body ngapps-list-payment-method ngapps-payment-methods .mat-input-suffix .mdi-lock,
body ngapps-add-payment-method ngapps-payment-methods .mat-input-suffix .mdi-lock,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-input-suffix .mdi-lock {
  width: 1.7rem;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .mat-input-suffix .payment-icon,
#wrapper ngapps-add-payment-method ngapps-payment-methods .mat-input-suffix .payment-icon,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .mat-input-suffix .payment-icon, body ngapps-list-payment-method ngapps-payment-methods .mat-input-suffix .payment-icon,
body ngapps-add-payment-method ngapps-payment-methods .mat-input-suffix .payment-icon,
body ngapps-ft-auto-pay ngapps-payment-methods .mat-input-suffix .payment-icon {
  width: 2.3rem;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods app-ft-bank app-ngp-radio .ngp-radio-group-label,
#wrapper ngapps-add-payment-method ngapps-payment-methods app-ft-bank app-ngp-radio .ngp-radio-group-label,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods app-ft-bank app-ngp-radio .ngp-radio-group-label, body ngapps-list-payment-method ngapps-payment-methods app-ft-bank app-ngp-radio .ngp-radio-group-label,
body ngapps-add-payment-method ngapps-payment-methods app-ft-bank app-ngp-radio .ngp-radio-group-label,
body ngapps-ft-auto-pay ngapps-payment-methods app-ft-bank app-ngp-radio .ngp-radio-group-label {
  padding-bottom: 1rem !important;
}
#wrapper ngapps-list-payment-method ngapps-payment-methods .disable_ripple:hover,
#wrapper ngapps-add-payment-method ngapps-payment-methods .disable_ripple:hover,
#wrapper ngapps-ft-auto-pay ngapps-payment-methods .disable_ripple:hover, body ngapps-list-payment-method ngapps-payment-methods .disable_ripple:hover,
body ngapps-add-payment-method ngapps-payment-methods .disable_ripple:hover,
body ngapps-ft-auto-pay ngapps-payment-methods .disable_ripple:hover {
  background: white !important;
}
#wrapper ngapps-list-payment-method app-ft-payment-method .autopay-link-spacing,
#wrapper ngapps-add-payment-method app-ft-payment-method .autopay-link-spacing,
#wrapper ngapps-ft-auto-pay app-ft-payment-method .autopay-link-spacing, body ngapps-list-payment-method app-ft-payment-method .autopay-link-spacing,
body ngapps-add-payment-method app-ft-payment-method .autopay-link-spacing,
body ngapps-ft-auto-pay app-ft-payment-method .autopay-link-spacing {
  margin-top: 1rem;
}
#wrapper ngapps-list-payment-method app-ft-payment-method .see-all-link,
#wrapper ngapps-add-payment-method app-ft-payment-method .see-all-link,
#wrapper ngapps-ft-auto-pay app-ft-payment-method .see-all-link, body ngapps-list-payment-method app-ft-payment-method .see-all-link,
body ngapps-add-payment-method app-ft-payment-method .see-all-link,
body ngapps-ft-auto-pay app-ft-payment-method .see-all-link {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.875rem;
}
#wrapper ngapps-list-payment-method app-ft-payment-method .row,
#wrapper ngapps-add-payment-method app-ft-payment-method .row,
#wrapper ngapps-ft-auto-pay app-ft-payment-method .row, body ngapps-list-payment-method app-ft-payment-method .row,
body ngapps-add-payment-method app-ft-payment-method .row,
body ngapps-ft-auto-pay app-ft-payment-method .row {
  display: initial;
}
#wrapper ngapps-list-payment-method app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-add-payment-method app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-ft-auto-pay app-ft-payment-method accordion-group div[accordion-heading], body ngapps-list-payment-method app-ft-payment-method accordion-group div[accordion-heading],
body ngapps-add-payment-method app-ft-payment-method accordion-group div[accordion-heading],
body ngapps-ft-auto-pay app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  text-transform: initial;
}
#wrapper payment-method-new .form-group.spire-radio label:first-of-type, #wrapper payment-method-new .form-group.spire-radio mat-label:first-of-type, body payment-method-new .form-group.spire-radio label:first-of-type, body payment-method-new .form-group.spire-radio mat-label:first-of-type, body payment-method-new .form-group.spire-radio #wrapper mat-label:first-of-type {
  margin-right: 2.5rem;
}
#wrapper payment-method-new button.btn, body payment-method-new button.btn {
  margin-top: 1rem;
  margin-right: 1rem;
}
#wrapper thankyou h1, #wrapper ngapps-ft-thankyou h1, #wrapper ngapps-paid-confirmation h1, #wrapper app-loan-payment-confirmation h1, body thankyou h1, body ngapps-ft-thankyou h1, body ngapps-paid-confirmation h1, body app-loan-payment-confirmation h1 {
  margin-top: 3rem;
  margin-bottom: 0.9rem;
}
#wrapper thankyou #confirmation-and-print, #wrapper ngapps-ft-thankyou #confirmation-and-print, #wrapper ngapps-paid-confirmation #confirmation-and-print, #wrapper app-loan-payment-confirmation #confirmation-and-print, body thankyou #confirmation-and-print, body ngapps-ft-thankyou #confirmation-and-print, body ngapps-paid-confirmation #confirmation-and-print, body app-loan-payment-confirmation #confirmation-and-print {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 1rem 0;
  margin-top: 3rem;
}
@media screen and (max-width: 480px) {
  #wrapper thankyou #confirmation-and-print, #wrapper ngapps-ft-thankyou #confirmation-and-print, #wrapper ngapps-paid-confirmation #confirmation-and-print, #wrapper app-loan-payment-confirmation #confirmation-and-print, body thankyou #confirmation-and-print, body ngapps-ft-thankyou #confirmation-and-print, body ngapps-paid-confirmation #confirmation-and-print, body app-loan-payment-confirmation #confirmation-and-print {
    display: block;
  }
}
#wrapper thankyou #confirmation-and-print .mdi, #wrapper ngapps-ft-thankyou #confirmation-and-print .mdi, #wrapper ngapps-paid-confirmation #confirmation-and-print .mdi, #wrapper app-loan-payment-confirmation #confirmation-and-print .mdi, body thankyou #confirmation-and-print .mdi, body ngapps-ft-thankyou #confirmation-and-print .mdi, body ngapps-paid-confirmation #confirmation-and-print .mdi, body app-loan-payment-confirmation #confirmation-and-print .mdi {
  color: #250e62;
  vertical-align: middle;
  margin-right: 0.8rem;
}
#wrapper thankyou #confirmation-and-print #confirmation-container > span, #wrapper ngapps-ft-thankyou #confirmation-and-print #confirmation-container > span, #wrapper ngapps-paid-confirmation #confirmation-and-print #confirmation-container > span, #wrapper app-loan-payment-confirmation #confirmation-and-print #confirmation-container > span, body thankyou #confirmation-and-print #confirmation-container > span, body ngapps-ft-thankyou #confirmation-and-print #confirmation-container > span, body ngapps-paid-confirmation #confirmation-and-print #confirmation-container > span, body app-loan-payment-confirmation #confirmation-and-print #confirmation-container > span {
  display: inline-block;
  vertical-align: middle;
}
#wrapper thankyou #confirmation-and-print #logo, #wrapper ngapps-ft-thankyou #confirmation-and-print #logo, #wrapper ngapps-paid-confirmation #confirmation-and-print #logo, #wrapper app-loan-payment-confirmation #confirmation-and-print #logo, body thankyou #confirmation-and-print #logo, body ngapps-ft-thankyou #confirmation-and-print #logo, body ngapps-paid-confirmation #confirmation-and-print #logo, body app-loan-payment-confirmation #confirmation-and-print #logo {
  width: 8rem;
  height: 3rem;
}
#wrapper thankyou #confirmation-and-print svg path, #wrapper ngapps-ft-thankyou #confirmation-and-print svg path, #wrapper ngapps-paid-confirmation #confirmation-and-print svg path, #wrapper app-loan-payment-confirmation #confirmation-and-print svg path, body thankyou #confirmation-and-print svg path, body ngapps-ft-thankyou #confirmation-and-print svg path, body ngapps-paid-confirmation #confirmation-and-print svg path, body app-loan-payment-confirmation #confirmation-and-print svg path {
  fill: #dd6716;
}
#wrapper thankyou #payment-summary, #wrapper ngapps-ft-thankyou #payment-summary, #wrapper ngapps-paid-confirmation #payment-summary, #wrapper app-loan-payment-confirmation #payment-summary, body thankyou #payment-summary, body ngapps-ft-thankyou #payment-summary, body ngapps-paid-confirmation #payment-summary, body app-loan-payment-confirmation #payment-summary {
  border-bottom: 1px solid #ededed;
  margin-bottom: 2rem;
  padding-bottom: 1.3rem;
}
#wrapper thankyou #payment-summary .row, #wrapper ngapps-ft-thankyou #payment-summary .row, #wrapper ngapps-paid-confirmation #payment-summary .row, #wrapper app-loan-payment-confirmation #payment-summary .row, body thankyou #payment-summary .row, body ngapps-ft-thankyou #payment-summary .row, body ngapps-paid-confirmation #payment-summary .row, body app-loan-payment-confirmation #payment-summary .row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#wrapper thankyou #payment-summary .row > div, #wrapper ngapps-ft-thankyou #payment-summary .row > div, #wrapper ngapps-paid-confirmation #payment-summary .row > div, #wrapper app-loan-payment-confirmation #payment-summary .row > div, body thankyou #payment-summary .row > div, body ngapps-ft-thankyou #payment-summary .row > div, body ngapps-paid-confirmation #payment-summary .row > div, body app-loan-payment-confirmation #payment-summary .row > div {
  padding-right: 0;
  padding-left: 0;
}
#wrapper thankyou #payment-summary .detail-label, #wrapper ngapps-ft-thankyou #payment-summary .detail-label, #wrapper ngapps-paid-confirmation #payment-summary .detail-label, #wrapper app-loan-payment-confirmation #payment-summary .detail-label, body thankyou #payment-summary .detail-label, body ngapps-ft-thankyou #payment-summary .detail-label, body ngapps-paid-confirmation #payment-summary .detail-label, body app-loan-payment-confirmation #payment-summary .detail-label {
  padding: 0.5rem 0;
  color: #4a4a4a;
  font-size: 1.125rem;
}
#wrapper thankyou #autopay .autopay-value, #wrapper ngapps-ft-thankyou #autopay .autopay-value, #wrapper ngapps-paid-confirmation #autopay .autopay-value, #wrapper app-loan-payment-confirmation #autopay .autopay-value, body thankyou #autopay .autopay-value, body ngapps-ft-thankyou #autopay .autopay-value, body ngapps-paid-confirmation #autopay .autopay-value, body app-loan-payment-confirmation #autopay .autopay-value {
  font-weight: bold;
}
#wrapper thankyou #autopay a .mdi, #wrapper thankyou #autopay a span, #wrapper ngapps-ft-thankyou #autopay a .mdi, #wrapper ngapps-ft-thankyou #autopay a span, #wrapper ngapps-paid-confirmation #autopay a .mdi, #wrapper ngapps-paid-confirmation #autopay a span, #wrapper app-loan-payment-confirmation #autopay a .mdi, #wrapper app-loan-payment-confirmation #autopay a span, body thankyou #autopay a .mdi, body thankyou #autopay a span, body ngapps-ft-thankyou #autopay a .mdi, body ngapps-ft-thankyou #autopay a span, body ngapps-paid-confirmation #autopay a .mdi, body ngapps-paid-confirmation #autopay a span, body app-loan-payment-confirmation #autopay a .mdi, body app-loan-payment-confirmation #autopay a span {
  vertical-align: middle;
  color: #250e62;
}
#wrapper thankyou #autopay a:hover, #wrapper ngapps-ft-thankyou #autopay a:hover, #wrapper ngapps-paid-confirmation #autopay a:hover, #wrapper app-loan-payment-confirmation #autopay a:hover, body thankyou #autopay a:hover, body ngapps-ft-thankyou #autopay a:hover, body ngapps-paid-confirmation #autopay a:hover, body app-loan-payment-confirmation #autopay a:hover {
  color: #250e62;
  text-decoration: none;
}
#wrapper thankyou button.btn, #wrapper ngapps-ft-thankyou button.btn, #wrapper ngapps-paid-confirmation button.btn, #wrapper app-loan-payment-confirmation button.btn, body thankyou button.btn, body ngapps-ft-thankyou button.btn, body ngapps-paid-confirmation button.btn, body app-loan-payment-confirmation button.btn {
  margin-right: 1rem;
  margin-top: 3rem;
}
#wrapper payment-autopay-confirmation h3, body payment-autopay-confirmation h3 {
  margin-bottom: 0;
}
#wrapper app-ft-credit-card .ft-card-number, #wrapper app-ft-credit-card .ft-cc-zip-code, body app-ft-credit-card .ft-card-number, body app-ft-credit-card .ft-cc-zip-code {
  display: block;
  width: calc(48% - 1rem);
}
#wrapper app-ft-credit-card .ft-cc-exp-dt, #wrapper app-ft-credit-card .ft-cc-cvv, body app-ft-credit-card .ft-cc-exp-dt, body app-ft-credit-card .ft-cc-cvv {
  display: inline-block;
  width: calc(34% - 1rem);
  margin-right: 1rem;
}
#wrapper app-ft-credit-card .ft-cc-cvv, body app-ft-credit-card .ft-cc-cvv {
  display: inline-block;
  width: calc(14% - 1rem);
}
@media screen and (max-width: 48rem) {
  #wrapper app-ft-credit-card .ft-card-number, #wrapper app-ft-credit-card .ft-cc-exp-dt, #wrapper app-ft-credit-card .ft-cc-cvv, #wrapper app-ft-credit-card .ft-cc-zip-code, body app-ft-credit-card .ft-card-number, body app-ft-credit-card .ft-cc-exp-dt, body app-ft-credit-card .ft-cc-cvv, body app-ft-credit-card .ft-cc-zip-code {
    display: block;
    width: 100%;
  }
}
#wrapper app-ft-bank app-ngp-radio .ngp-radio-group-label, body app-ft-bank app-ngp-radio .ngp-radio-group-label {
  display: block;
}
#wrapper app-ft-bank app-ngp-radio .ngp-radio-button, body app-ft-bank app-ngp-radio .ngp-radio-button {
  margin-right: 2rem;
}
#wrapper app-ft-bank .ft-bank-routing-number, body app-ft-bank .ft-bank-routing-number {
  display: inline-block;
  width: calc(49% - 1rem);
  margin-right: 1rem;
}
#wrapper app-ft-bank .ft-bank-account-number, body app-ft-bank .ft-bank-account-number {
  display: inline-block;
  width: 49%;
}
@media screen and (max-width: 48rem) {
  #wrapper app-ft-bank .ft-bank-routing-number, #wrapper app-ft-bank .ft-bank-account-number, body app-ft-bank .ft-bank-routing-number, body app-ft-bank .ft-bank-account-number {
    display: block;
    width: 100%;
  }
}
#wrapper app-ft-account-restriction .account-wrapper, #wrapper app-ft-account-restriction .restriction-wrapper, body app-ft-account-restriction .account-wrapper, body app-ft-account-restriction .restriction-wrapper {
  margin-bottom: 0rem;
}
#wrapper app-ft-payment-method .row, body app-ft-payment-method .row {
  display: block;
}
#wrapper app-ft-payment-method h3, body app-ft-payment-method h3 {
  margin-bottom: 1rem;
}
#wrapper app-ft-payment-method .payment-icon, body app-ft-payment-method .payment-icon {
  display: block;
  float: right;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  width: 2.5rem;
}
#wrapper app-ft-payment-method .accordion-toggle .mdi, body app-ft-payment-method .accordion-toggle .mdi {
  color: #250e62;
}
#wrapper app-ft-payment-method #payment-methods, body app-ft-payment-method #payment-methods {
  width: 100%;
}
#wrapper ngapps-ft-onetime-payment mat-card, body ngapps-ft-onetime-payment mat-card {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  padding-left: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#wrapper ngapps-ft-onetime-payment .payment-processor-out-heading, body ngapps-ft-onetime-payment .payment-processor-out-heading {
  height: 50vh;
}
#wrapper ngapps-ft-onetime-payment mat-card-header mat-card-title, body ngapps-ft-onetime-payment mat-card-header mat-card-title {
  font-size: 2.5rem;
  line-height: 3.125rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-header mat-card-subtitle, body ngapps-ft-onetime-payment mat-card-header mat-card-subtitle {
  font-size: 1.875rem;
  line-height: 2.5rem;
  color: #272833;
  padding-top: 0.5rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-amount-and-alert label, #wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-amount-and-alert mat-label, #wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-amount-and-alert div, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-amount-and-alert label, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-amount-and-alert mat-label, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-amount-and-alert div {
  font-size: 1.125rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount label, #wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount mat-label, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount label, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount mat-label {
  font-size: 1.125rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount div.other-amount-value, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount div.other-amount-value {
  font-size: 1rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount input#other-amount-value, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .other-amount input#other-amount-value {
  font-size: 16px;
  background-color: transparent;
  border: 1px solid #869cad;
  border-radius: 0;
  border-width: 0 0 2px 0;
  padding: 6px 4px;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-date, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .payment-date {
  margin: 0rem !important;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment .need-help, body ngapps-ft-onetime-payment mat-card-content #make-a-payment .need-help {
  font-size: 1.125rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  margin-bottom: 0rem !important;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment input#paymentDate, body ngapps-ft-onetime-payment mat-card-content #make-a-payment input#paymentDate {
  font-family: "Lato", Arial, Helvetica, sans-serif;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form .dynamic-form, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form .dynamic-form {
  padding-top: 1rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker mat-form-field {
  width: 13rem !important;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex {
  border: 1px solid #869cad;
  border-radius: 0;
  border-width: 0 0 2px 0;
  font-size: initial;
  padding: 0.25em 0em 0rem 0rem;
  background: transparent !important;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex .mat-form-field-infix input, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex .mat-form-field-infix input {
  margin-top: 1em !important;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ngp-dynamic-form app-ngp-simple-date-picker .mat-form-field-appearance-fill .mat-form-field-flex .mat-form-field-suffix mat-datepicker-toggle button {
  margin: 0px !important;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method div.terms-and-conditions, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method div.terms-and-conditions {
  font-size: 1.125rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  padding-top: 1rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method div.panel-heading, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method div.panel-heading {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  cursor: pointer;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method .row, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method .row {
  display: inherit;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method .mat-form-field-infix, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method .mat-form-field-infix {
  padding: 0.6375em 0 !important;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method #bank-account-type, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method #bank-account-type {
  line-height: 3rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method input, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method input {
  font-size: 1.125rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method accordion-group div[accordion-heading], body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  font-weight: normal;
  text-transform: none;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-saved-pmt-methods label, #wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-saved-pmt-methods mat-label, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-saved-pmt-methods label, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-saved-pmt-methods mat-label {
  font-size: 1.125rem;
  padding-left: 1rem;
  padding-right: 1.2rem;
}
#wrapper ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-saved-pmt-methods .payment-method-container, body ngapps-ft-onetime-payment mat-card-content #make-a-payment app-ft-saved-pmt-methods .payment-method-container {
  padding-right: 0rem;
  color: #4a4a4a;
}
#wrapper app-loan-payoff-ft-make-payment mat-card, body app-loan-payoff-ft-make-payment mat-card {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  padding-left: 0px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment .payment-date, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment .payment-date {
  margin: 1rem 0 0rem !important;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment .loan-label-text, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment .loan-label-text {
  width: 10rem;
  float: left;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment .loan-payoff-quote-details, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment .loan-payoff-quote-details {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method div.terms-and-conditions, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method div.terms-and-conditions {
  font-size: 1.125rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  padding-top: 1rem;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method div.panel-heading, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method div.panel-heading {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  cursor: pointer;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method .row, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method .row {
  display: inherit;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method .mat-form-field-infix, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method .mat-form-field-infix {
  padding: 0.6375em 0 !important;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method #bank-account-type, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method #bank-account-type {
  line-height: 3rem;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method input, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-payment-method input {
  font-size: 1rem;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-saved-pmt-methods label, #wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-saved-pmt-methods mat-label, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-saved-pmt-methods label, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-saved-pmt-methods mat-label {
  font-size: 1.125rem;
  padding-left: 1rem;
  padding-right: 1.2rem;
}
#wrapper app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-saved-pmt-methods .payment-method-container, body app-loan-payoff-ft-make-payment mat-card-content #loan-payoff-make-a-payment app-ft-saved-pmt-methods .payment-method-container {
  padding-right: 0rem;
  color: #4a4a4a;
}
#wrapper ngapps-loans, body ngapps-loans {
  display: block;
  padding-bottom: 16px;
}
#wrapper ngapps-loans h2, body ngapps-loans h2 {
  margin: 1rem 0;
}
#wrapper ngapps-loans h2 a, body ngapps-loans h2 a {
  font-size: 2rem;
}
#wrapper ngapps-loans table, body ngapps-loans table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 47.9375rem) {
  #wrapper ngapps-loans thead, body ngapps-loans thead {
    display: none;
  }
  #wrapper ngapps-loans tr, #wrapper ngapps-loans td, body ngapps-loans tr, body ngapps-loans td {
    display: block;
  }
  #wrapper ngapps-loans tr, body ngapps-loans tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper ngapps-loans td, body ngapps-loans td {
    text-align: left !important;
  }
  #wrapper ngapps-loans strong.mobile-only, body ngapps-loans strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: -0.0625) {
  #wrapper ngapps-loans td, body ngapps-loans td {
    margin-bottom: 1rem;
  }
  #wrapper ngapps-loans strong.mobile-only, body ngapps-loans strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 48rem) {
  #wrapper ngapps-loans .mobile-only, body ngapps-loans .mobile-only {
    display: none;
  }
  #wrapper ngapps-loans thead, body ngapps-loans thead {
    background-color: #ededed;
  }
  #wrapper ngapps-loans thead a, body ngapps-loans thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper ngapps-loans thead a:hover, body ngapps-loans thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper ngapps-loans tbody tr, body ngapps-loans tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper ngapps-loans th, #wrapper ngapps-loans td, body ngapps-loans th, body ngapps-loans td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper ngapps-loans th.number, #wrapper ngapps-loans th.currency, #wrapper ngapps-loans td.number, #wrapper ngapps-loans td.currency, body ngapps-loans th.number, body ngapps-loans th.currency, body ngapps-loans td.number, body ngapps-loans td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 70rem) {
  #wrapper ngapps-loans th, #wrapper ngapps-loans td, body ngapps-loans th, body ngapps-loans td {
    padding: 1rem 2rem;
  }
}
#wrapper ngapps-loans ngapps-quote-loan .download-pdf, body ngapps-loans ngapps-quote-loan .download-pdf {
  padding-top: 0.5rem;
  padding-left: 2rem;
  float: left;
}
@media only screen and (max-width: 639px) {
  #wrapper ngapps-loans ngapps-quote-loan .download-pdf, body ngapps-loans ngapps-quote-loan .download-pdf {
    padding-top: 0rem;
    padding-left: 0rem;
    padding-bottom: 2rem;
    clear: both;
  }
}
#wrapper ngapps-loans ngapps-quote-loan .payoff-date, body ngapps-loans ngapps-quote-loan .payoff-date {
  margin-left: -1px !important;
  float: left;
}
@media only screen and (max-width: 639px) {
  #wrapper ngapps-loans ngapps-quote-loan .payoff-date, body ngapps-loans ngapps-quote-loan .payoff-date {
    clear: both;
  }
}
#wrapper ngapps-loans ngapps-quote-loan .loan-amount, body ngapps-loans ngapps-quote-loan .loan-amount {
  padding-top: 0.5rem;
  padding-left: 2rem;
  float: left;
}
@media only screen and (max-width: 639px) {
  #wrapper ngapps-loans ngapps-quote-loan .loan-amount, body ngapps-loans ngapps-quote-loan .loan-amount {
    padding-top: 0rem;
    padding-left: 0rem;
    clear: both;
  }
}
#wrapper ngapps-loans ngapps-quote-loan app-ngp-simple-date-picker, body ngapps-loans ngapps-quote-loan app-ngp-simple-date-picker {
  padding-right: 2rem;
}
#wrapper ngapps-loans ngapps-quote-loan app-ngp-simple-date-picker mat-form-field, body ngapps-loans ngapps-quote-loan app-ngp-simple-date-picker mat-form-field {
  width: 12rem !important;
}
#wrapper ngapps-loans ngapps-quote-loan app-ngp-simple-date-picker mat-form-field .mat-form-field-flex, body ngapps-loans ngapps-quote-loan app-ngp-simple-date-picker mat-form-field .mat-form-field-flex {
  border: 1px solid #869cad;
  background: transparent !important;
  border-radius: 0;
  border-width: 0 0 2px 0;
}
#wrapper ngapps-loans ngapps-pay-loan .pay-loan, body ngapps-loans ngapps-pay-loan .pay-loan {
  clear: both;
}
#wrapper ngapps-loans ngapps-pay-loan .payoff-amount label, #wrapper ngapps-loans ngapps-pay-loan .payoff-amount mat-label, #wrapper ngapps-loans ngapps-pay-loan .payoff-amount div, body ngapps-loans ngapps-pay-loan .payoff-amount label, body ngapps-loans ngapps-pay-loan .payoff-amount mat-label, body ngapps-loans ngapps-pay-loan .payoff-amount #wrapper mat-label, body ngapps-loans ngapps-pay-loan .payoff-amount div {
  vertical-align: middle;
}
#wrapper ngapps-loans ngapps-pay-loan .payoff-amount span, body ngapps-loans ngapps-pay-loan .payoff-amount span {
  font-size: 1.5rem;
  margin-left: 20px;
}
#wrapper ngapps-loans ngapps-pay-loan .payoff-amount i, body ngapps-loans ngapps-pay-loan .payoff-amount i {
  margin-left: 0.5rem;
  color: #250e62;
}
#wrapper ngapps-loans ngapps-pay-loan .payoff-amount .tooltip-inner, body ngapps-loans ngapps-pay-loan .payoff-amount .tooltip-inner {
  background: #eec6c6;
  color: #aa0000;
}
#wrapper ngapps-loans ngapps-pay-loan .payoff-amount .tooltip-arrow, body ngapps-loans ngapps-pay-loan .payoff-amount .tooltip-arrow {
  border-right-color: #eec6c6;
}
#wrapper ngapps-loans ngapps-pay-loan .other-amount, body ngapps-loans ngapps-pay-loan .other-amount {
  margin-bottom: 0;
}
#wrapper ngapps-loans ngapps-pay-loan .other-amount::after, body ngapps-loans ngapps-pay-loan .other-amount::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-loans ngapps-pay-loan .other-amount label, #wrapper ngapps-loans ngapps-pay-loan .other-amount mat-label, #wrapper ngapps-loans ngapps-pay-loan .other-amount div, body ngapps-loans ngapps-pay-loan .other-amount label, body ngapps-loans ngapps-pay-loan .other-amount mat-label, body ngapps-loans ngapps-pay-loan .other-amount #wrapper mat-label, body ngapps-loans ngapps-pay-loan .other-amount div {
  float: left;
  padding-right: 1rem;
}
#wrapper ngapps-loans ngapps-pay-loan .other-amount-value input[type=text], body ngapps-loans ngapps-pay-loan .other-amount-value input[type=text] {
  width: 8rem;
}
#wrapper ngapps-loans ngapps-pay-loan app-ft-payment-method accordion.panel-group, body ngapps-loans ngapps-pay-loan app-ft-payment-method accordion.panel-group {
  width: 100%;
}
#wrapper ngapps-loans ngapps-pay-loan app-ft-payment-method accordion-group div[accordion-heading], body ngapps-loans ngapps-pay-loan app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  font-weight: normal;
  text-transform: none;
}
#wrapper ngapps-loans ngapps-pay-loan .ft-payment-method, body ngapps-loans ngapps-pay-loan .ft-payment-method {
  padding-top: 2rem;
  padding-left: 0.5rem;
}
#wrapper ngapps-loans .make-payment-title, body ngapps-loans .make-payment-title {
  clear: both;
}
#wrapper ngapps-loans .pay-loan-loading, body ngapps-loans .pay-loan-loading {
  clear: both;
}

@media screen and (min-width: 768px) {
  #wrapper app-account-registration {
    margin-left: auto;
    margin-right: auto;
  }
}
#wrapper app-profile-setting > ul, #wrapper ngapps-username-password > ul {
  padding-left: 0;
}
#wrapper app-profile-setting > ul > li, #wrapper ngapps-username-password > ul > li {
  padding-left: 0;
}
#wrapper app-profile-setting fieldset > div, #wrapper ngapps-username-password fieldset > div {
  height: 4rem;
}
#wrapper app-profile-setting fieldset > div::after, #wrapper ngapps-username-password fieldset > div::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper app-profile-setting p.description, #wrapper ngapps-username-password p.description {
  background-color: #eee;
  padding: 1rem;
}
#wrapper app-registration-header > div {
  padding-top: 3rem;
  padding-bottom: 1rem;
}
#wrapper app-registration-header > div h1 {
  margin-bottom: 2rem;
}
#wrapper app-registration-progress > div:first-child,
#wrapper app-loan-payoff-progress-bars > div:first-child,
#wrapper ngapps-gp-progress-bars > div:first-child,
#wrapper ngapps-reg-progress-bars > div:first-child {
  margin-bottom: 2.5rem;
}
#wrapper app-registration-progress h2,
#wrapper app-loan-payoff-progress-bars h2,
#wrapper ngapps-gp-progress-bars h2,
#wrapper ngapps-reg-progress-bars h2 {
  font-size: 1.2rem;
  font-weight: 500;
}
@media only screen and (min-width: 768px) {
  #wrapper app-registration-progress .col-sm-4,
  #wrapper app-loan-payoff-progress-bars .col-sm-4,
  #wrapper ngapps-gp-progress-bars .col-sm-4,
  #wrapper ngapps-reg-progress-bars .col-sm-4 {
    padding-left: 0;
    padding-right: 5px;
  }
  #wrapper app-registration-progress .col-sm-4:nth-child(3),
  #wrapper app-loan-payoff-progress-bars .col-sm-4:nth-child(3),
  #wrapper ngapps-gp-progress-bars .col-sm-4:nth-child(3),
  #wrapper ngapps-reg-progress-bars .col-sm-4:nth-child(3) {
    padding-right: 0;
  }
}
#wrapper app-registration-progress .col-sm-12,
#wrapper app-loan-payoff-progress-bars .col-sm-12,
#wrapper ngapps-gp-progress-bars .col-sm-12,
#wrapper ngapps-reg-progress-bars .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}
#wrapper app-registration-progress .bar,
#wrapper app-loan-payoff-progress-bars .bar,
#wrapper ngapps-gp-progress-bars .bar,
#wrapper ngapps-reg-progress-bars .bar {
  margin-top: 5px;
  height: 10px;
  background-color: #ededed;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
}
#wrapper app-registration-progress .bar.active,
#wrapper app-loan-payoff-progress-bars .bar.active,
#wrapper ngapps-gp-progress-bars .bar.active,
#wrapper ngapps-reg-progress-bars .bar.active {
  background-color: #250e62;
}
#wrapper app-registration-progress .progress-arrow,
#wrapper app-loan-payoff-progress-bars .progress-arrow,
#wrapper ngapps-gp-progress-bars .progress-arrow,
#wrapper ngapps-reg-progress-bars .progress-arrow {
  display: flex;
  justify-content: center;
}
#wrapper app-registration-progress .progress-arrow .arrow-down,
#wrapper app-loan-payoff-progress-bars .progress-arrow .arrow-down,
#wrapper ngapps-gp-progress-bars .progress-arrow .arrow-down,
#wrapper ngapps-reg-progress-bars .progress-arrow .arrow-down {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #ededed;
}
#wrapper app-registration-progress .progress-arrow .arrow-down.active,
#wrapper app-loan-payoff-progress-bars .progress-arrow .arrow-down.active,
#wrapper ngapps-gp-progress-bars .progress-arrow .arrow-down.active,
#wrapper ngapps-reg-progress-bars .progress-arrow .arrow-down.active {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #250e62;
}
#wrapper ngapps-account-validations input.form-control {
  border-width: 0 0 2px 0 !important;
  padding: 6px 4px;
  background-color: transparent;
  background-image: none;
  border: 1px solid #869cad;
  border-radius: 0;
}
#wrapper ngapps-account-validations label.control-label, #wrapper ngapps-account-validations mat-label.control-label {
  font-size: 0.8rem !important;
}
#wrapper ngapps-account-validations p {
  padding-bottom: 1rem;
  font-size: 1.15rem;
}
#wrapper ngapps-account-validations .account-validations {
  padding-top: 1.5rem;
}
#wrapper .modal-body app-account-number h1, #wrapper app-account-registration app-account-number h1 {
  font-size: 1.375rem;
}
#wrapper .modal-body app-account-number .col-md-12, #wrapper app-account-registration app-account-number .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}
#wrapper .modal-body app-account-number .spire-radio.form-group label.control-label.option, #wrapper .modal-body app-account-number .spire-radio.form-group mat-label.control-label.option, #wrapper app-account-registration app-account-number .spire-radio.form-group label.control-label.option, #wrapper app-account-registration app-account-number .spire-radio.form-group mat-label.control-label.option {
  font-size: 0.8rem;
}
#wrapper app-personal-info h2 {
  line-height: 2.25rem;
  margin-bottom: 30px;
}
#wrapper app-personal-info h3 {
  font-weight: 700;
}
#wrapper app-personal-info .name-capitalize {
  text-transform: capitalize;
}
#wrapper app-personal-info .scrolling-address-list {
  max-height: 8rem;
  overflow-y: auto;
  min-height: 5rem;
}
#wrapper app-password-and-terms h2,
#wrapper ngapps-reg-password-terms h2 {
  line-height: 2.25rem;
  margin-bottom: 30px;
}
#wrapper app-password-and-terms textarea,
#wrapper ngapps-reg-password-terms textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 8rem;
  margin-bottom: 1.2rem;
}
#wrapper app-password-and-terms .i-accept,
#wrapper ngapps-reg-password-terms .i-accept {
  font-size: 0.9rem;
  margin-bottom: 2.5rem;
}
#wrapper app-password-and-terms .form-group > label, #wrapper app-password-and-terms body .form-group > mat-label, body #wrapper app-password-and-terms .form-group > mat-label, #wrapper app-password-and-terms .form-group > mat-label,
#wrapper ngapps-reg-password-terms .form-group > label,
#wrapper ngapps-reg-password-terms body .form-group > mat-label,
body #wrapper ngapps-reg-password-terms .form-group > mat-label,
#wrapper ngapps-reg-password-terms .form-group > mat-label {
  display: block;
}
#wrapper app-password-and-terms app-ngp-input-password .mat-form-field-infix,
#wrapper ngapps-reg-password-terms app-ngp-input-password .mat-form-field-infix {
  display: flex !important;
}
#wrapper app-validate-email h1,
#wrapper ngapps-validate-email h1 {
  text-align: center;
}
#wrapper app-validate-email h2,
#wrapper ngapps-validate-email h2 {
  text-align: center;
  line-height: 2.25rem;
  margin-bottom: 30px;
}
#wrapper app-validate-email h3,
#wrapper ngapps-validate-email h3 {
  font-weight: 700;
  text-align: center;
}
#wrapper app-validate-email .sign-in-form,
#wrapper ngapps-validate-email .sign-in-form {
  max-width: 35%;
  margin-left: auto;
  margin-right: auto;
}
#wrapper app-validate-email .password-input label, #wrapper app-validate-email .password-input body mat-label, body #wrapper app-validate-email .password-input mat-label, #wrapper app-validate-email .password-input mat-label,
#wrapper ngapps-validate-email .password-input label,
#wrapper ngapps-validate-email .password-input body mat-label,
body #wrapper ngapps-validate-email .password-input mat-label,
#wrapper ngapps-validate-email .password-input mat-label {
  display: block;
}
#wrapper app-validate-email .password-input:after,
#wrapper ngapps-validate-email .password-input:after {
  content: "";
  display: block;
  clear: both;
}
#wrapper app-validate-email app-ngp-input-password .mat-form-field-infix,
#wrapper ngapps-validate-email app-ngp-input-password .mat-form-field-infix {
  display: flex !important;
}
#wrapper app-forgot-password .message-position, #wrapper ngapps-forgot-password .message-position {
  position: inherit !important;
  padding-top: 10px;
}
#wrapper app-forgot-password .message-sign, #wrapper ngapps-forgot-password .message-sign {
  padding-right: 10px;
}
#wrapper app-forgot-password .message-align, #wrapper ngapps-forgot-password .message-align {
  vertical-align: text-bottom;
}
#wrapper ngapps-reset-password .form-group > label, #wrapper ngapps-reset-password body .form-group > mat-label, body #wrapper ngapps-reset-password .form-group > mat-label, #wrapper ngapps-reset-password .form-group > mat-label, #wrapper ngapps-liferay-reset-password .form-group > label, #wrapper ngapps-liferay-reset-password body .form-group > mat-label, body #wrapper ngapps-liferay-reset-password .form-group > mat-label, #wrapper ngapps-liferay-reset-password .form-group > mat-label {
  display: block;
}
#wrapper app-forgot-userid .spire-radio.form-group label.control-label.option, #wrapper app-forgot-userid .spire-radio.form-group mat-label.control-label.option, #wrapper ngapps-forgot-userid .spire-radio.form-group label.control-label.option, #wrapper ngapps-forgot-userid .spire-radio.form-group mat-label.control-label.option {
  font-size: 0.8rem;
}
#wrapper app-forgot-userid #customerAccountNumber, #wrapper ngapps-forgot-userid #customerAccountNumber {
  color: #a7a9bc !important;
}
#wrapper password-strength .col-md-6:first-child {
  padding-left: 0;
}
#wrapper password-strength .col-md-6:last-child {
  padding-right: 0;
}
#wrapper password-strength .password-strength-criteria {
  color: #ededed;
}
#wrapper password-strength .password-strength-criteria .checked {
  color: #4a4a4a;
}
#wrapper password-strength .password-strength-criteria h3 {
  margin: 0;
}
#wrapper password-strength .password-strength-criteria h3 .strength-label {
  color: #4a4a4a;
}
#wrapper password-strength .password-strength-criteria .mdi-check {
  font-size: 1.5em;
  color: #1ab24e;
}
#wrapper password-strength .password-strength-criteria .mdi-close {
  font-size: 1.5em;
  color: #ededed;
}
#wrapper password-strength-bar ul#strength-bar {
  display: inline-block;
  list-style: none;
  padding: 0;
}
#wrapper password-strength-bar ul#strength-bar li {
  background: #b5b5b5;
  border-radius: 0;
  display: inline-block;
  height: 0.8em;
  margin-right: 0.4em;
  width: 3.5em;
}
#wrapper password-strength-bar ul#strength-bar li:last-child {
  margin: 0 !important;
}
#wrapper password-strength-bar ul#strength-bar li.fill-bar {
  background: #250d61;
}
#wrapper app-account-support input[type=number]::-webkit-inner-spin-button,
#wrapper ngapps-account-support input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#wrapper app-account-support input[type=number]::-webkit-outer-spin-button,
#wrapper ngapps-account-support input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#wrapper app-account-support .account-support-header,
#wrapper ngapps-account-support .account-support-header {
  padding-top: 65px;
  padding-bottom: 15px;
  border-top: 1px solid #666666;
  background-color: #ededed;
}
#wrapper app-account-support .account-support-header h1,
#wrapper ngapps-account-support .account-support-header h1 {
  text-align: center;
  margin: 0 0 38px 0;
  font-size: 2.8rem;
}
#wrapper app-account-support .account-support-header p,
#wrapper ngapps-account-support .account-support-header p {
  text-align: center;
  line-height: 1rem;
}
#wrapper app-account-support .account-support-body,
#wrapper ngapps-account-support .account-support-body {
  padding: 15px;
}
#wrapper app-account-support .account-support-body label.control-label, #wrapper app-account-support .account-support-body mat-label.control-label,
#wrapper ngapps-account-support .account-support-body label.control-label,
#wrapper ngapps-account-support .account-support-body mat-label.control-label {
  font-size: 1.3rem !important;
}
#wrapper app-account-support .account-support-body ngapps-account-support-options app-ngp-dynamic-form ::placeholder,
#wrapper ngapps-account-support .account-support-body ngapps-account-support-options app-ngp-dynamic-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #b5b5b5;
  opacity: 1; /* Firefox */
}
#wrapper app-account-support .account-support-body ngapps-account-support-options app-ngp-dynamic-form :-ms-input-placeholder,
#wrapper ngapps-account-support .account-support-body ngapps-account-support-options app-ngp-dynamic-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #b5b5b5;
}
#wrapper app-account-support .account-support-body ngapps-account-support-options app-ngp-dynamic-form ::-ms-input-placeholder,
#wrapper ngapps-account-support .account-support-body ngapps-account-support-options app-ngp-dynamic-form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #b5b5b5;
}
#wrapper app-account-support .account-support-legal-information,
#wrapper ngapps-account-support .account-support-legal-information {
  padding: 15px 0 0 0;
}
#wrapper app-account-support .legal-information h2,
#wrapper ngapps-account-support .legal-information h2 {
  line-height: 2.25rem;
  margin-bottom: 30px;
}
#wrapper app-account-support .legal-information textarea,
#wrapper ngapps-account-support .legal-information textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 8rem;
  margin-bottom: 1.2rem;
}
#wrapper app-account-support .legal-information .i-accept,
#wrapper ngapps-account-support .legal-information .i-accept {
  font-size: 0.9rem;
  margin-bottom: 2.5rem;
}
#wrapper app-account-lookup .account-lookup-header,
#wrapper ngapps-account-availability .account-lookup-header {
  padding-top: 65px;
  padding-bottom: 15px;
  border-top: 1px solid #666666;
  background-color: transparent;
}
#wrapper app-account-lookup .account-lookup-header h1,
#wrapper ngapps-account-availability .account-lookup-header h1 {
  text-align: center;
  margin: 0 0 38px 0;
}
#wrapper app-account-lookup .account-lookup-header p,
#wrapper ngapps-account-availability .account-lookup-header p {
  text-align: center;
  line-height: 1rem;
}
#wrapper app-account-lookup .account-lookup-body h3,
#wrapper ngapps-account-availability .account-lookup-body h3 {
  padding: 0 0 25px 0;
  margin-top: 0px;
}
#wrapper app-account-lookup .account-lookup-body h4,
#wrapper ngapps-account-availability .account-lookup-body h4 {
  padding: 25px 0 0 0;
}
#wrapper app-account-lookup .account-lookup-body button.btn.btn-secondary,
#wrapper ngapps-account-availability .account-lookup-body button.btn.btn-secondary {
  white-space: nowrap;
}
#wrapper ngapps-edit-username-password h2, #wrapper ngapps-edit-username-password-agent h2 {
  margin: 0 0 2rem;
  color: #dd6716;
}
#wrapper ngapps-edit-username-password > div, #wrapper ngapps-edit-username-password-agent > div {
  display: flex;
  flex-wrap: wrap;
}
#wrapper ngapps-edit-username-password #profile-col-userid, #wrapper ngapps-edit-username-password #profile-col-password, #wrapper ngapps-edit-username-password-agent #profile-col-userid, #wrapper ngapps-edit-username-password-agent #profile-col-password {
  flex: 1;
  min-width: 224px;
  width: auto;
}
#wrapper ngapps-edit-username-password #profile-col-userid label, #wrapper ngapps-edit-username-password #profile-col-userid mat-label, #wrapper ngapps-edit-username-password #profile-col-password label, #wrapper ngapps-edit-username-password #profile-col-password mat-label, #wrapper ngapps-edit-username-password-agent #profile-col-userid label, #wrapper ngapps-edit-username-password-agent #profile-col-userid mat-label, #wrapper ngapps-edit-username-password-agent #profile-col-password label, #wrapper ngapps-edit-username-password-agent #profile-col-password mat-label {
  font-size: 1.2rem;
}
#wrapper ngapps-edit-username-password #profile-col-userid .panel-edit, #wrapper ngapps-edit-username-password #profile-col-password .panel-edit, #wrapper ngapps-edit-username-password-agent #profile-col-userid .panel-edit, #wrapper ngapps-edit-username-password-agent #profile-col-password .panel-edit {
  padding: 1rem 0;
}
#wrapper ngapps-edit-username-password #profile-col-userid .panel-edit .buttons, #wrapper ngapps-edit-username-password #profile-col-password .panel-edit .buttons, #wrapper ngapps-edit-username-password-agent #profile-col-userid .panel-edit .buttons, #wrapper ngapps-edit-username-password-agent #profile-col-password .panel-edit .buttons {
  clear: both;
  padding: 0.5rem 0;
}
@media screen and (min-width: 640px) {
  #wrapper ngapps-edit-username-password #profile-col-userid, #wrapper ngapps-edit-username-password #profile-col-password, #wrapper ngapps-edit-username-password-agent #profile-col-userid, #wrapper ngapps-edit-username-password-agent #profile-col-password {
    margin-right: 2rem;
  }
}
@media screen and (max-width: 671px) {
  #wrapper ngapps-edit-username-password #profile-col-userid, #wrapper ngapps-edit-username-password-agent #profile-col-userid {
    margin-bottom: 2rem;
  }
}
#wrapper app-edit-mailing-address .control-label, #wrapper ngapps-mailing-address .control-label {
  margin: 1rem 0;
}
#wrapper app-edit-mailing-address h2, #wrapper ngapps-mailing-address h2 {
  color: #e87322;
}
#wrapper app-new-mailing-address {
  clear: both;
  display: block;
  float: none;
  margin: 0 -0.5rem;
  max-width: 498px;
  width: 100%;
}
#wrapper app-new-mailing-address::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper app-new-mailing-address > div {
  float: left;
  width: 100%;
}
#wrapper app-new-mailing-address > div > div {
  margin: 0 0.5rem 1.25rem;
}
#wrapper app-new-mailing-address > div#address-container-state, #wrapper app-new-mailing-address > div#address-container-zip {
  width: 50%;
}
#wrapper app-new-mailing-address > div#address-container-same-as-service label, #wrapper app-new-mailing-address > div#address-container-same-as-service mat-label {
  font-weight: bold;
}
#wrapper app-new-mailing-address > div#address-container-country {
  display: none;
}
@media only screen and (min-width: 640px) {
  #wrapper app-new-mailing-address > div#address-container-unit, #wrapper app-new-mailing-address > div#address-container-state, #wrapper app-new-mailing-address > div#address-container-zip {
    width: 25%;
  }
  #wrapper app-new-mailing-address > div#address-container-city {
    width: 50%;
  }
  #wrapper app-new-mailing-address > div#address-container-street {
    width: 75%;
  }
  #wrapper app-new-mailing-address > div#address-container-country {
    display: none;
  }
}
#wrapper ngapps-edit-phone-number form, #wrapper edit-phone-number-static-rows form {
  border-top: 1px #b5b5b5 solid;
}
#wrapper ngapps-edit-phone-number form:first-of-type, #wrapper edit-phone-number-static-rows form:first-of-type {
  border-top: none;
}
#wrapper ngapps-edit-phone-number form h2, #wrapper edit-phone-number-static-rows form h2 {
  margin: 0 0 2rem;
  color: #dd6716;
}
#wrapper ngapps-edit-phone-number form input, #wrapper ngapps-edit-phone-number form alert, #wrapper edit-phone-number-static-rows form input, #wrapper edit-phone-number-static-rows form alert {
  float: left;
  margin-right: 1.5rem;
}
#wrapper ngapps-edit-phone-number form alert, #wrapper edit-phone-number-static-rows form alert {
  margin-top: -4px;
}
@media only screen and (min-width: 640px) {
  #wrapper ngapps-edit-phone-number fieldset, #wrapper edit-phone-number-static-rows fieldset {
    margin: 1rem;
  }
}
#wrapper ngapps-edit-phone-number fieldset legend, #wrapper edit-phone-number-static-rows fieldset legend {
  border-bottom: none;
  font-size: 1rem;
}
#wrapper ngapps-edit-phone-number .form-group, #wrapper edit-phone-number-static-rows .form-group {
  margin-bottom: 0;
}
#wrapper ngapps-edit-phone-number form#profile-email input#emailAddress, #wrapper edit-phone-number-static-rows form#profile-email input#emailAddress {
  width: 35ch;
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div {
  clear: both;
  height: auto;
}
@media only screen and (min-width: 640px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div {
    margin: 0;
    padding: 0;
  }
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div#phone-labels, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div#phone-labels {
  margin-bottom: 2.25rem;
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div.header-row, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div.header-row {
  display: none;
}
@media only screen and (min-width: 640px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div.header-row, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div.header-row {
    display: block;
  }
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div.phone-entry:not(:nth-child(2)), #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div.phone-entry:not(:nth-child(2)) {
  border-top: 1px solid #b5b5b5;
  padding-top: 1rem;
}
@media only screen and (min-width: 640px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div.phone-entry:not(:nth-child(2)), #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div.phone-entry:not(:nth-child(2)) {
    border-top: none;
  }
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div {
  float: none;
  padding: 0.5rem 0;
  overflow: auto;
}
@media only screen and (min-width: 640px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div {
    float: left;
    margin: 0;
    padding: 0;
  }
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div label, #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div mat-label, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div label, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div mat-label {
  display: block;
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.header-primary, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.header-primary {
  width: 6rem;
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.header-type, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.header-type {
  width: 4.5rem;
}
@media only screen and (min-width: 640px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div:not(.phone-primary), #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div:not(.header-primary), #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div:not(.phone-primary), #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div:not(.header-primary) {
    margin-right: 1rem;
  }
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.phone-number > input, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.phone-number > input {
  margin-right: 0.25rem;
  margin-top: 0;
  max-width: 9rem;
  width: 100%;
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.phone-number > button, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.phone-number > button {
  float: left;
  line-height: 2.75rem;
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}
@media only screen and (max-width: 639px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.phone-number, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.phone-number {
    margin-right: 0;
  }
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.phone-number > input, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.phone-number > input {
    margin: 0.25rem 0.25rem 2.5rem 1.5rem;
  }
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio {
  float: left;
  height: 3.25rem;
  width: 2.5rem;
}
@media only screen and (max-width: 639px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio {
    padding: 0.25rem 0;
    width: 1.5rem;
  }
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio > label, #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio > mat-label, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio > label, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio > mat-label {
  margin: 0 0 0 -1.75rem;
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio > label:before, #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio > mat-label:before, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio > label:before, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio > mat-label:before {
  top: 1rem;
  left: 2rem;
}
#wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio > label:after, #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio > mat-label:after, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio > label:after, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio > mat-label:after {
  top: 1.25rem;
  left: 2.25rem;
}
@media only screen and (min-width: 640px) {
  #wrapper ngapps-edit-phone-number form#profile-phone > fieldset > div > div.spire-radio, #wrapper edit-phone-number-static-rows form#profile-phone > fieldset > div > div.spire-radio {
    width: 6rem;
  }
}
#wrapper edit-email form h2 {
  margin: 0 0 2rem;
  color: #dd6716;
}
#wrapper edit-email form p.description {
  background-color: #eee;
  padding: 1rem;
}
#wrapper edit-email form input, #wrapper edit-email form alert {
  float: left;
  margin-right: 1.5rem;
}
#wrapper edit-email form input#emailAddress {
  width: 12rem;
  max-width: 20rem;
  width: 100%;
}
#wrapper edit-email fieldset {
  margin: 1rem;
}
#wrapper edit-email fieldset legend {
  border-bottom: none;
  font-size: 1rem;
}
#wrapper edit-email .form-group {
  margin-bottom: 0;
}
#wrapper edit-email .middle-column {
  position: relative;
  width: 100%;
  padding-right: 12px;
  padding-left: 12px;
  padding-left: 3%;
}
@media (min-width: 768px) {
  #wrapper edit-email .middle-column {
    flex: 0 0 75%;
    max-width: 75%;
  }
}
#wrapper edit-email .new-email-container > div {
  float: left;
  width: auto;
}
#wrapper edit-email div.buttons {
  clear: both;
}
#wrapper app-sign-in {
  display: flex;
  justify-content: flex-end;
  margin-right: auto;
  margin-left: auto;
}
#wrapper app-alexa-user-pin .message-error {
  color: red;
  font-size: 12pt;
}
#wrapper app-alexa-user-pin .pin-component {
  padding-top: 20px;
  padding-bottom: 20px;
}
#wrapper app-alexa-user-pin .pin-text-red {
  color: #ff6666;
}
#wrapper app-alexa-user-pin .pin-text-black {
  color: #000000;
}
#wrapper app-alexa-user-pin .pin-input-number {
  width: 150px;
}
#wrapper app-alexa-user-pin .pin-btn {
  width: 150px;
  margin-right: 15px;
  margin-bottom: 15px;
}
#wrapper app-alexa-user-pin .pin-create {
  padding: 15px 20px;
}
#wrapper app-alexa-user-pin .pin-create-bg {
  background-color: #ffffcc;
}
#wrapper ngapps-account-details .messages-section {
  padding-right: 0.8rem;
  padding-left: 0.8rem;
}
#wrapper ngapps-account-details ngapps-account-validations p {
  padding-top: 1rem !important;
}
#wrapper ngapps-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number {
  width: 100% !important;
}
#wrapper ngapps-guest-payment-main,
#wrapper ngapps-add-account,
#wrapper ngapps-registration {
  margin-left: auto;
  margin-right: auto;
  display: block;
  max-width: 60rem;
}
#wrapper ngapps-guest-payment-main .payment-processor-out-heading,
#wrapper ngapps-add-account .payment-processor-out-heading,
#wrapper ngapps-registration .payment-processor-out-heading {
  height: 50vh;
}
#wrapper ngapps-guest-payment-main ngapps-gp-progress-bars,
#wrapper ngapps-guest-payment-main ngapps-reg-progress-bars,
#wrapper ngapps-add-account ngapps-gp-progress-bars,
#wrapper ngapps-add-account ngapps-reg-progress-bars,
#wrapper ngapps-registration ngapps-gp-progress-bars,
#wrapper ngapps-registration ngapps-reg-progress-bars {
  width: 100%;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details,
#wrapper ngapps-guest-payment-main ngapps-account-details,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details,
#wrapper ngapps-add-account ngapps-gp-account-details,
#wrapper ngapps-add-account ngapps-account-details,
#wrapper ngapps-add-account ngapps-reg-account-details,
#wrapper ngapps-registration ngapps-gp-account-details,
#wrapper ngapps-registration ngapps-account-details,
#wrapper ngapps-registration ngapps-reg-account-details {
  width: 100%;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details .verify-box,
#wrapper ngapps-guest-payment-main ngapps-account-details .verify-box,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details .verify-box,
#wrapper ngapps-add-account ngapps-gp-account-details .verify-box,
#wrapper ngapps-add-account ngapps-account-details .verify-box,
#wrapper ngapps-add-account ngapps-reg-account-details .verify-box,
#wrapper ngapps-registration ngapps-gp-account-details .verify-box,
#wrapper ngapps-registration ngapps-account-details .verify-box,
#wrapper ngapps-registration ngapps-reg-account-details .verify-box {
  float: right;
  margin-top: -40px;
  color: #006602;
  display: flex;
  margin-left: auto;
  padding-bottom: 1.5rem;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details .verify-text,
#wrapper ngapps-guest-payment-main ngapps-account-details .verify-text,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details .verify-text,
#wrapper ngapps-add-account ngapps-gp-account-details .verify-text,
#wrapper ngapps-add-account ngapps-account-details .verify-text,
#wrapper ngapps-add-account ngapps-reg-account-details .verify-text,
#wrapper ngapps-registration ngapps-gp-account-details .verify-text,
#wrapper ngapps-registration ngapps-account-details .verify-text,
#wrapper ngapps-registration ngapps-reg-account-details .verify-text {
  padding-top: 10px;
  padding-right: 10px;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details .verify-icon,
#wrapper ngapps-guest-payment-main ngapps-account-details .verify-icon,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details .verify-icon,
#wrapper ngapps-add-account ngapps-gp-account-details .verify-icon,
#wrapper ngapps-add-account ngapps-account-details .verify-icon,
#wrapper ngapps-add-account ngapps-reg-account-details .verify-icon,
#wrapper ngapps-registration ngapps-gp-account-details .verify-icon,
#wrapper ngapps-registration ngapps-account-details .verify-icon,
#wrapper ngapps-registration ngapps-reg-account-details .verify-icon {
  margin-top: -5px;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details input.form-control,
#wrapper ngapps-guest-payment-main ngapps-account-details input.form-control,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details input.form-control,
#wrapper ngapps-add-account ngapps-gp-account-details input.form-control,
#wrapper ngapps-add-account ngapps-account-details input.form-control,
#wrapper ngapps-add-account ngapps-reg-account-details input.form-control,
#wrapper ngapps-registration ngapps-gp-account-details input.form-control,
#wrapper ngapps-registration ngapps-account-details input.form-control,
#wrapper ngapps-registration ngapps-reg-account-details input.form-control {
  border-width: 0 0 2px 0 !important;
  padding: 6px 4px;
  color: #869cad;
  background-color: transparent;
  background-image: none;
  border: 1px solid #869cad;
  border-radius: 0;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details input.form-control[disabled],
#wrapper ngapps-guest-payment-main ngapps-account-details input.form-control[disabled],
#wrapper ngapps-guest-payment-main ngapps-reg-account-details input.form-control[disabled],
#wrapper ngapps-add-account ngapps-gp-account-details input.form-control[disabled],
#wrapper ngapps-add-account ngapps-account-details input.form-control[disabled],
#wrapper ngapps-add-account ngapps-reg-account-details input.form-control[disabled],
#wrapper ngapps-registration ngapps-gp-account-details input.form-control[disabled],
#wrapper ngapps-registration ngapps-account-details input.form-control[disabled],
#wrapper ngapps-registration ngapps-reg-account-details input.form-control[disabled] {
  color: #869cad;
  opacity: 0.5;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-gp-account-number h2,
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-reg-account-number h2,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-gp-account-number h2,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-reg-account-number h2,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-gp-account-number h2,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-reg-account-number h2,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-gp-account-number h2,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-reg-account-number h2,
#wrapper ngapps-add-account ngapps-account-details ngapps-gp-account-number h2,
#wrapper ngapps-add-account ngapps-account-details ngapps-reg-account-number h2,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-gp-account-number h2,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-reg-account-number h2,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-gp-account-number h2,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-reg-account-number h2,
#wrapper ngapps-registration ngapps-account-details ngapps-gp-account-number h2,
#wrapper ngapps-registration ngapps-account-details ngapps-reg-account-number h2,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-gp-account-number h2,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-reg-account-number h2 {
  font-weight: 500;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-add-account ngapps-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-add-account ngapps-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-registration ngapps-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-registration ngapps-account-details ngapps-reg-account-number div.dynamic-form,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-gp-account-number div.dynamic-form,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-reg-account-number div.dynamic-form {
  width: 85%;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-add-account ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-add-account ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-registration ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-registration ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-account-number {
  width: 56%;
  margin-right: 1rem;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-add-account ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-add-account ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-registration ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-registration ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-form-field.gp-cc-zip-code {
  width: 39%;
}
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-guest-payment-main ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-guest-payment-main ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-guest-payment-main ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-add-account ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-add-account ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-add-account ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-add-account ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-registration ngapps-gp-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-registration ngapps-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-registration ngapps-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-gp-account-number app-ngp-dynamic-form app-ngp-input-number mat-label,
#wrapper ngapps-registration ngapps-reg-account-details ngapps-reg-account-number app-ngp-dynamic-form app-ngp-input-number mat-label {
  font-weight: 500;
}
#wrapper ngapps-guest-payment-main ngapps-personal-info #action-buttons,
#wrapper ngapps-guest-payment-main ngapps-personal-info #account-name-address,
#wrapper ngapps-guest-payment-main ngapps-reg-personal-info #action-buttons,
#wrapper ngapps-guest-payment-main ngapps-reg-personal-info #account-name-address,
#wrapper ngapps-add-account ngapps-personal-info #action-buttons,
#wrapper ngapps-add-account ngapps-personal-info #account-name-address,
#wrapper ngapps-add-account ngapps-reg-personal-info #action-buttons,
#wrapper ngapps-add-account ngapps-reg-personal-info #account-name-address,
#wrapper ngapps-registration ngapps-personal-info #action-buttons,
#wrapper ngapps-registration ngapps-personal-info #account-name-address,
#wrapper ngapps-registration ngapps-reg-personal-info #action-buttons,
#wrapper ngapps-registration ngapps-reg-personal-info #account-name-address {
  padding-top: 2rem;
}
#wrapper ngapps-guest-payment-main ngapps-personal-info .account-name,
#wrapper ngapps-guest-payment-main ngapps-reg-personal-info .account-name,
#wrapper ngapps-add-account ngapps-personal-info .account-name,
#wrapper ngapps-add-account ngapps-reg-personal-info .account-name,
#wrapper ngapps-registration ngapps-personal-info .account-name,
#wrapper ngapps-registration ngapps-reg-personal-info .account-name {
  padding-bottom: 1rem;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment,
#wrapper ngapps-registration ngapps-gp-ft-make-payment {
  width: 100%;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert div,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert div,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert div {
  font-size: 1.125rem;
  display: inline-block;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert label, #wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert mat-label,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert label,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert mat-label,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert label,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .payment-amount-and-alert mat-label {
  font-size: 1.125rem;
  display: inline-block;
  padding-right: 1rem;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount label, #wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount mat-label,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount label,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount mat-label,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount label,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount mat-label {
  font-size: 1.125rem;
  display: inline-block;
  padding-right: 1rem;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount div.other-amount-value,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount div.other-amount-value,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount div.other-amount-value {
  font-size: 1rem;
  font-family: "Lato", Arial, Helvetica, sans-serif;
  display: inline-block;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount input#other-amount-value,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount input#other-amount-value,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .other-amount input#other-amount-value {
  font-size: 16px;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .holder-name-value, #wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment .email-address-value input,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .holder-name-value,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment .email-address-value input,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .holder-name-value,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment .email-address-value input {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment section.holder-name,
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment ngapps-gp-today-payment section.email-address,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment section.holder-name,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment ngapps-gp-today-payment section.email-address,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment section.holder-name,
#wrapper ngapps-registration ngapps-gp-ft-make-payment ngapps-gp-today-payment section.email-address {
  width: 46%;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment app-ft-payment-method accordion.panel-group,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment app-ft-payment-method accordion.panel-group,
#wrapper ngapps-registration ngapps-gp-ft-make-payment app-ft-payment-method accordion.panel-group {
  width: 100%;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-add-account ngapps-gp-ft-make-payment app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-registration ngapps-gp-ft-make-payment app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  font-weight: normal;
  text-transform: none;
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment app-ft-payment-method app-ft-credit-card app-ngp-dynamic-form mat-form-field.ft-account-holder-name,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment app-ft-payment-method app-ft-credit-card app-ngp-dynamic-form mat-form-field.ft-account-holder-name,
#wrapper ngapps-registration ngapps-gp-ft-make-payment app-ft-payment-method app-ft-credit-card app-ngp-dynamic-form mat-form-field.ft-account-holder-name {
  width: calc(48% - 1rem);
}
#wrapper ngapps-guest-payment-main ngapps-gp-ft-make-payment .gp-payment-methods,
#wrapper ngapps-add-account ngapps-gp-ft-make-payment .gp-payment-methods,
#wrapper ngapps-registration ngapps-gp-ft-make-payment .gp-payment-methods {
  clear: both;
  padding-top: 1rem;
}
#wrapper ngapps-guest-payment-main ngapps-paid-confirmation,
#wrapper ngapps-add-account ngapps-paid-confirmation,
#wrapper ngapps-registration ngapps-paid-confirmation {
  width: 100%;
}
#wrapper ngapps-guest-payment-main ngapps-paid-confirmation h1,
#wrapper ngapps-add-account ngapps-paid-confirmation h1,
#wrapper ngapps-registration ngapps-paid-confirmation h1 {
  font-size: 2.5rem !important;
  margin-top: 0rem !important;
  color: #4a4a4a;
}
#wrapper ngapps-guest-payment-main ngapps-paid-confirmation section#payment-summary,
#wrapper ngapps-add-account ngapps-paid-confirmation section#payment-summary,
#wrapper ngapps-registration ngapps-paid-confirmation section#payment-summary {
  margin-bottom: 0rem !important;
  padding-bottom: 0rem !important;
}
#wrapper ngapps-comm-pref-main {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  padding-top: 1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-header h2 {
  color: #dd6716;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details {
  margin-bottom: 1rem;
  margin-top: -2rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details div.mat-form-field {
  display: flex;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details div.mat-form-field mat-label {
  width: 9rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details div.mat-form-field app-ngp-input div.mat-form-field-wrapper, #wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details div.mat-form-field app-ngp-input-mask div.mat-form-field-wrapper {
  width: 20rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details div.mat-form-field app-ngp-input div.mat-input-infix.mat-form-field-infix, #wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details div.mat-form-field app-ngp-input-mask div.mat-input-infix.mat-form-field-infix {
  padding-bottom: 0.1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details div.mat-form-field mat-icon {
  padding-left: 2rem;
  cursor: pointer;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details .email-address-box mat-label, #wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details .email-address-box mat-icon, #wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details .mobile-number-box mat-label, #wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details .mobile-number-box mat-icon {
  padding-top: 1.8rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details .mobile-number-box {
  top: -1.3rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details .mobile-number-box a.enroll-text-alert {
  padding-top: 1.8rem;
  margin-left: 3rem;
  color: #dd6716;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details {
  display: inline-block;
  margin-top: 2rem;
  width: 100%;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details div.cp-dynamic-form {
  width: 45%;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details div.cp-email-address-details {
  max-width: 45%;
  width: 45%;
  display: flex;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 2rem;
  float: left;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details div.cp-text-alerts-details {
  max-width: 100%;
  padding-left: 1rem;
  float: left;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details p.delivery-notifications {
  width: 100% !important;
  background-color: #eee;
  padding: 1rem;
  display: flex;
  width: inherit;
  margin-bottom: 1.5rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details div.cp-enrollment-link {
  margin-top: 4.5rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details div.cp-enrollment-link a.enroll-text-alert {
  color: #dd6716;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  display: block;
  float: left;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .text-alerts-enrollment-container,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .text-alerts-confirmation-container,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .text-alerts-enrollment-container,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .text-alerts-confirmation-container {
  width: 100%;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .text-alerts-enrollment-container h3,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .text-alerts-confirmation-container h3,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .text-alerts-enrollment-container h3,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .text-alerts-confirmation-container h3 {
  font-size: 1.35rem;
  padding-top: 1rem;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .enter-mobile-number,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .enter-mobile-number {
  width: 100%;
  display: inline-block;
  padding-left: 1.5rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .enter-mobile-number div.verify-box,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .enter-mobile-number div.verify-box {
  width: 10%;
  display: inherit;
  padding-left: 1rem;
  padding-top: 1.5rem;
  color: #006602;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .enter-mobile-number div.verify-box div.pull-left,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .enter-mobile-number div.verify-box div.pull-left {
  float: left;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .enter-mobile-number div.text-alerts-unenrollment,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .enter-mobile-number div.text-alerts-unenrollment {
  margin-left: 2rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .enter-mobile-number app-protected-access-control,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .enter-mobile-number app-protected-access-control {
  padding-left: 1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .enter-mobile-number div.buttons,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .enter-mobile-number div.buttons {
  display: flex;
  padding-left: 1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment .enter-mobile-number div.buttons button,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation .enter-mobile-number div.buttons button {
  min-width: 110px;
  padding: 0 15px 0px 15px;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-dynamic-form,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-dynamic-form {
  display: inherit;
  float: left;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-dynamic-form div.dynamic-form,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-dynamic-form div.dynamic-form {
  width: 100%;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-number .cp-confirmation-code,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-number .cp-confirmation-code {
  width: 100px;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-number .mat-form-field-wrapper,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-number .mat-form-field-wrapper {
  padding-bottom: 1em !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-mask-icon-standard,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-mask-icon-standard {
  display: grid;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-mask-icon-standard mat-label,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-mask-icon-standard mat-label {
  margin-top: 1rem;
  padding-right: 1rem;
  white-space: nowrap;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-mask-icon-standard mat-form-field,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-mask-icon-standard mat-form-field {
  width: 8em;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-mask-icon-standard mat-form-field div.mat-form-field-wrapper,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-mask-icon-standard mat-form-field div.mat-form-field-wrapper {
  padding-bottom: 1.06em;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-mask-icon-standard .mat-form-field-disabled .mat-form-field-underline,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-mask-icon-standard .mat-form-field-disabled .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42) !important;
  background-image: none !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-enrollment app-ngp-input-mask-icon-standard input.mat-input-element:disabled,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-text-alerts-confirmation app-ngp-input-mask-icon-standard input.mat-input-element:disabled {
  cursor: not-allowed;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address div.buttons {
  padding-top: 2rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address .edit-email-address-container h3 {
  font-size: 1.35rem;
  padding-bottom: 1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-radio mat-radio-group {
  padding-top: 2rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-radio mat-radio-group mat-radio-button {
  display: flex !important;
  width: 100%;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
  margin-left: 2rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-input-standard:nth-child(2) {
  margin-left: 4rem;
  float: left;
  margin-top: -5rem;
  width: 70%;
  display: inherit !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-input-standard:nth-child(3) {
  display: inherit !important;
  margin-left: 4rem;
  margin-top: -1rem;
  margin-bottom: 1rem;
  float: left;
  width: 70%;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-input {
  margin-left: 4rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-input mat-form-field {
  width: 30%;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-input mat-form-field input.mat-input-element,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details ngapps-comm-pref-details ngapps-comm-pref-edit-email-address app-ngp-dynamic-form app-ngp-input mat-form-field mat-label {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 0.975rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form app-ngp-input-standard,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form app-ngp-input-mask-icon-standard {
  display: flex;
  height: 3.5rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form app-ngp-input-standard label.mat-form-field-placeholder, #wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form app-ngp-input-standard mat-label.mat-form-field-placeholder,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form app-ngp-input-mask-icon-standard label.mat-form-field-placeholder,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form app-ngp-input-mask-icon-standard mat-label.mat-form-field-placeholder {
  font-size: 1rem;
  font-family: inherit;
  color: #b5b5b5;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form mat-label {
  margin-top: 1.5rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form .mat-input-element,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form .mat-input-underline,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form .mat-input-subscript-wrapper {
  /* margin-left: 9rem;
   width: 65%;*/
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-details app-ngp-dynamic-form .dynamic-form .mat-icon.material-icons.mdi-pencil {
  padding-left: 2rem;
  margin-top: 1rem;
  cursor: pointer;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options {
  margin-left: 1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field {
  display: flex;
  padding-bottom: 2rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-label {
  width: 45%;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-selection-list.mat-selection-list-header {
  display: flex;
  padding-top: 0px;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-pseudo-checkbox .mat-list-text-header,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-selection-list .mat-list-text-header {
  width: 5rem;
  text-align: center;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-pseudo-checkbox .mat-pseudo-checkbox-disabled,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-selection-list .mat-pseudo-checkbox-disabled {
  border-color: #eee;
  color: #ccc;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-pseudo-checkbox mat-list-option.mat-list-item-disabled,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field mat-selection-list mat-list-option.mat-list-item-disabled {
  background-color: inherit !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field .mat-selection-list .mat-list-option {
  display: table-cell;
  height: 1.3rem;
  padding-right: 2rem;
  padding-left: 0.6rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field .mat-list-option:hover,
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field .mat-list-option.mat-list-item-focus {
  background: none;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field div.mat-option {
  display: table-cell;
  padding-left: 1.3rem;
  padding-right: 1rem;
  vertical-align: top;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field div.mat-option mat-icon {
  color: #250e62;
  font-size: 28px;
  margin-top: -0.3rem;
  cursor: pointer;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field .mat-option:hover:not(.mat-option-disabled),
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.mat-form-field .mat-option:focus:not(.mat-option-disabled) {
  background: none;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options div.selection-header {
  padding-bottom: 0.5rem !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options ngapps-cp-signup-marketing .marketing-email {
  padding-right: 3.1rem !important;
  padding-left: 1.6rem !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options ngapps-cp-signup-marketing .marketing-email span {
  padding-left: 0.5rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options ngapps-cp-signup-marketing .marketing-all {
  vertical-align: middle !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options ngapps-cp-signup-marketing .marketing-text {
  padding-right: 2.1rem !important;
  vertical-align: middle !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options ngapps-cp-signup-marketing .marketing-text mat-pseudo-checkbox {
  margin-right: 1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-body section.communication-options ngapps-cp-signup-marketing .marketing-mdi-icon {
  padding-left: 1.1rem !important;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-terms .mat-option:hover:not(.mat-option-disabled),
#wrapper ngapps-comm-pref-main ngapps-comm-pref-terms .mat-option:focus:not(.mat-option-disabled) {
  background: none;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-terms .mat-option {
  margin-top: 2rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-terms mat-checkbox.mat-option-text {
  color: #4a4a4a;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-terms div.cp-terms {
  padding-left: 1rem;
}
#wrapper ngapps-comm-pref-main ngapps-comm-pref-terms a.cp-terms-hyperlink {
  color: #dd6716;
}
#wrapper ngapps-comm-pref-main section.buttons {
  padding-top: 2rem;
  padding-left: 1rem;
}
#wrapper ngapps-mfa h2.header-label {
  color: #dd6716;
  font-weight: 500;
}
#wrapper ngapps-mfa ngapps-mfa-agent div.agent-template,
#wrapper ngapps-mfa ngapps-mfa-initial-agent div.agent-template {
  padding: 2rem;
}
#wrapper ngapps-mfa ngapps-mfa-agent div.agent-template div.init-agent-messaging,
#wrapper ngapps-mfa ngapps-mfa-initial-agent div.agent-template div.init-agent-messaging {
  width: 50%;
}
#wrapper ngapps-mfa ngapps-mfa-agent div.agent-template div.required-by-admin,
#wrapper ngapps-mfa ngapps-mfa-initial-agent div.agent-template div.required-by-admin {
  padding-top: 2rem;
}
#wrapper ngapps-mfa ngapps-mfa-options .factor-entry-list,
#wrapper ngapps-mfa ngapps-mfa-setup .factor-entry-list {
  display: flex;
  flex-direction: column;
}
#wrapper ngapps-mfa ngapps-mfa-options .factor-header,
#wrapper ngapps-mfa ngapps-mfa-setup .factor-header {
  display: flex;
  gap: 15px;
  padding: 10px;
}
#wrapper ngapps-mfa ngapps-mfa-options .primary-header-label,
#wrapper ngapps-mfa ngapps-mfa-setup .primary-header-label {
  width: 100px;
  display: flex;
  gap: 15px;
  padding: 10px;
}
#wrapper ngapps-mfa ngapps-mfa-options span.primary-label,
#wrapper ngapps-mfa ngapps-mfa-setup span.primary-label {
  width: 100%;
  text-align: center;
}
#wrapper ngapps-mfa ngapps-mfa-options .type-header-label,
#wrapper ngapps-mfa ngapps-mfa-setup .type-header-label {
  display: flex;
  padding: 10px;
}
#wrapper ngapps-mfa ngapps-mfa-options .factor-entry-row,
#wrapper ngapps-mfa ngapps-mfa-setup .factor-entry-row {
  display: flex;
  align-items: end;
  gap: 15px;
  padding: 10px;
  height: 80px;
}
#wrapper ngapps-mfa ngapps-mfa-options .selection-column,
#wrapper ngapps-mfa ngapps-mfa-setup .selection-column {
  align-self: center;
  margin-right: 1rem;
  text-align: center;
  width: 100px;
}
#wrapper ngapps-mfa ngapps-mfa-options .selection-column mat-radio-button,
#wrapper ngapps-mfa ngapps-mfa-options .selection-column mat-checkbox,
#wrapper ngapps-mfa ngapps-mfa-setup .selection-column mat-radio-button,
#wrapper ngapps-mfa ngapps-mfa-setup .selection-column mat-checkbox {
  padding-bottom: 2rem;
}
#wrapper ngapps-mfa ngapps-mfa-options .type-column,
#wrapper ngapps-mfa ngapps-mfa-setup .type-column {
  align-self: flex-end;
  margin-right: 1rem;
  padding-top: 1rem;
}
#wrapper ngapps-mfa ngapps-mfa-options .type-column mat-form-field,
#wrapper ngapps-mfa ngapps-mfa-setup .type-column mat-form-field {
  width: 100px;
}
#wrapper ngapps-mfa ngapps-mfa-options .value-column,
#wrapper ngapps-mfa ngapps-mfa-setup .value-column {
  align-self: flex-end;
}
#wrapper ngapps-mfa ngapps-mfa-options .value-column mat-form-field,
#wrapper ngapps-mfa ngapps-mfa-setup .value-column mat-form-field {
  width: 350px;
}
#wrapper ngapps-mfa ngapps-mfa-options .action-column,
#wrapper ngapps-mfa ngapps-mfa-setup .action-column {
  display: flex;
  align-self: center;
  padding-bottom: 2rem;
}
#wrapper ngapps-mfa ngapps-mfa-options .action-column app-protected-access-control,
#wrapper ngapps-mfa ngapps-mfa-setup .action-column app-protected-access-control {
  padding-bottom: 1rem;
}
#wrapper ngapps-mfa ngapps-mfa-options .action-column button.remove-mfa-btn,
#wrapper ngapps-mfa ngapps-mfa-setup .action-column button.remove-mfa-btn {
  line-height: 2.75rem;
  background: none;
  border: 0;
}
#wrapper ngapps-mfa ngapps-mfa-options div.mfa-setup-footnote,
#wrapper ngapps-mfa ngapps-mfa-setup div.mfa-setup-footnote {
  font-size: 0.75rem;
  font-style: italic;
  padding-left: 2rem;
}
#wrapper ngapps-mfa ngapps-mfa-options .save-button-action app-protected-access-control,
#wrapper ngapps-mfa ngapps-mfa-setup .save-button-action app-protected-access-control {
  padding-left: 2rem;
}

ngapps-sign-in #sign-in-modal-container {
  max-width: 32rem;
  background: #ffffff;
  float: right;
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  ngapps-sign-in #sign-in-modal-container {
    margin-right: 7rem;
  }
}
ngapps-sign-in #sign-in-modal-container input {
  height: 40px;
}
ngapps-sign-in #sign-in-modal-container #password-section {
  clear: both;
}
ngapps-sign-in #sign-in-modal-container #password-section::after {
  content: "";
  display: table;
  clear: both;
}
ngapps-sign-in #sign-in-modal-container #password-section > input {
  float: left;
  width: 100%;
}
ngapps-sign-in #sign-in-modal-container #password-section > .show-password {
  position: absolute;
  margin-left: -70px;
}
ngapps-sign-in #sign-in-modal-container ngapps-sign-in-form .mat-form-field-infix {
  display: flex;
}
ngapps-sign-in #sign-in-modal-container #remember-section {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
}
@media screen and (min-width: 480px) {
  ngapps-sign-in #sign-in-modal-container #remember-section .forgot-links {
    display: flex;
    justify-content: space-between;
  }
  ngapps-sign-in #sign-in-modal-container #remember-section .forgot-links > div:nth-child(2) {
    margin-left: 1rem;
  }
}
ngapps-sign-in #sign-in-modal-container .paddingLeft {
  padding-left: 15px;
}
ngapps-sign-in #sign-in-modal-container .align-center {
  text-align: center;
}
@media screen and (min-width: 480px) {
  ngapps-sign-in #sign-in-modal-container {
    border: 1px solid #ededed;
  }
}
@media screen and (min-width: 768px) {
  ngapps-sign-in #sign-in-modal-container > alert {
    width: 100%;
  }
  ngapps-sign-in #sign-in-modal-container > section {
    padding: 1rem;
  }
  ngapps-sign-in #sign-in-modal-container > section#bill-changes {
    width: 100%;
  }
  ngapps-sign-in #sign-in-modal-container > section#bill-changes h2 {
    color: #dd6716;
  }
  ngapps-sign-in #sign-in-modal-container > section#bill-changes p {
    margin: 0;
  }
  ngapps-sign-in #sign-in-modal-container > section#new-id a {
    text-decoration: underline;
  }
  ngapps-sign-in #sign-in-modal-container > section#new-id .buttons {
    margin-bottom: 0.625rem;
  }
}
ngapps-sign-in .sign-in-fade-in {
  transition: opacity 1s;
  opacity: 1;
}
ngapps-sign-in .sign-in-fade {
  opacity: 0;
}
ngapps-sign-in .heading-small {
  font-size: 1.75rem !important;
}

ngapps-gp-dialog-message div.mat-modal-header {
  text-align: right;
  padding-bottom: initial !important;
}
ngapps-gp-dialog-message div.method-btn-center-group {
  padding-top: 1rem;
}
ngapps-gp-dialog-message div.mat-modal-body {
  clear: both;
}

ngapps-cp-acct-pref-notifications-template div.buttons {
  padding-top: 2rem;
  text-align: center;
}

ngapps-comm-pref-terms-and-conditions div.mat-modal-header {
  padding-bottom: 0.5rem !important;
}

ngapps-comm-pref-notifications-template div.mat-modal-header {
  padding-bottom: 0.5rem !important;
}
ngapps-comm-pref-notifications-template terms-and-conditions h3 {
  font-size: 1.5rem !important;
  line-height: 2.25rem !important;
}
ngapps-comm-pref-notifications-template div.buttons {
  padding-top: 2rem;
}

#wrapper {
  /* Transfer service */
}
#wrapper select.form-control {
  border-width: 0 0 2px 0;
  box-shadow: none;
  background-color: initial !important;
  border-radius: 0;
  border-color: #869cad;
  padding-left: 0rem !important;
}
#wrapper ngapps-gas-on-off h1, #wrapper ngapps-fa-options h1 {
  margin-bottom: 1rem;
}
#wrapper ngapps-gas-on-off .select-address, #wrapper ngapps-fa-options .select-address {
  margin-bottom: 3rem;
  display: inline-block;
}
#wrapper ngapps-gas-on-off .on-off-wrapper, #wrapper ngapps-fa-options .on-off-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-gas-on-off .on-off-wrapper, #wrapper ngapps-fa-options .on-off-wrapper {
    background: #ededed;
    padding: 1rem 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #wrapper ngapps-gas-on-off .ui-tile:nth-child(2n), #wrapper ngapps-fa-options .ui-tile:nth-child(2n) {
    margin-right: 0;
  }
  #wrapper ngapps-gas-on-off .ui-tile:nth-child(3n), #wrapper ngapps-gas-on-off .ui-tile:nth-child(4n), #wrapper ngapps-fa-options .ui-tile:nth-child(3n), #wrapper ngapps-fa-options .ui-tile:nth-child(4n) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1556px) {
  #wrapper ngapps-gas-on-off .ui-tile, #wrapper ngapps-fa-options .ui-tile {
    margin-bottom: 1rem;
  }
  #wrapper ngapps-gas-on-off .ui-tile:last-child, #wrapper ngapps-fa-options .ui-tile:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1557px) {
  #wrapper ngapps-gas-on-off .ui-tile, #wrapper ngapps-fa-options .ui-tile {
    margin-bottom: 0;
  }
  #wrapper ngapps-gas-on-off .ui-tile:last-child, #wrapper ngapps-fa-options .ui-tile:last-child {
    margin-right: 0;
  }
}
#wrapper ngapps-gas-on-off .ui-tile > div, #wrapper ngapps-fa-options .ui-tile > div {
  align-items: center;
}
#wrapper ngapps-gas-on-off .ui-tile #icon-transfer, #wrapper ngapps-fa-options .ui-tile #icon-transfer {
  background: url(/o/spire-mya-theme-css/images/icon-move.svg) no-repeat;
  width: 6rem;
  height: 6rem;
  margin: 3rem 0 1rem;
}
#wrapper ngapps-gas-on-off .ui-tile #icon-reconnect, #wrapper ngapps-fa-options .ui-tile #icon-reconnect {
  background: url(/o/spire-mya-theme-css/images/icon-reconnect.svg) no-repeat;
  width: 5rem;
  height: 5rem;
  margin: 2.5rem 0;
}
#wrapper ngapps-gas-on-off .ui-tile #icon-stop, #wrapper ngapps-fa-options .ui-tile #icon-stop {
  background: url(/o/spire-mya-theme-css/images/icon-stop.svg) no-repeat;
  width: 5rem;
  height: 5rem;
  margin: 2.5rem 0;
}
#wrapper ngapps-gas-on-off .ui-tile #icon-start, #wrapper ngapps-fa-options .ui-tile #icon-start {
  background: url(/o/spire-mya-theme-css/images/icon-start.svg) no-repeat;
  width: 5rem;
  height: 5rem;
  margin: 2.5rem 0;
}
#wrapper ngapps-gas-on-off .ui-tile .service-description, #wrapper ngapps-fa-options .ui-tile .service-description {
  width: 100%;
  height: 11rem;
}
#wrapper ngapps-gas-on-off .ui-tile .service-description p, #wrapper ngapps-fa-options .ui-tile .service-description p {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.3rem;
}
#wrapper ngapps-gas-on-off .ui-tile .service-link a, #wrapper ngapps-fa-options .ui-tile .service-link a {
  font-size: 1.3rem;
  font-family: initial;
  line-height: 1.875rem;
}
#wrapper ngapps-gas-on-off .ui-tile .service-link a:hover, #wrapper ngapps-fa-options .ui-tile .service-link a:hover {
  color: #dd6716;
}
#wrapper ngapps-nonpay-reconnect-step-1 .spire-radio,
#wrapper ngapps-seasonal-turn-on-step-1 .spire-radio,
#wrapper ngapps-quote-amounts .spire-radio,
#wrapper ngapps-remaining-payment .spire-radio {
  display: initial;
}
#wrapper ngapps-nonpay-reconnect-step-1 .spire-radio label, #wrapper ngapps-nonpay-reconnect-step-1 .spire-radio mat-label,
#wrapper ngapps-seasonal-turn-on-step-1 .spire-radio label,
#wrapper ngapps-seasonal-turn-on-step-1 .spire-radio mat-label,
#wrapper ngapps-quote-amounts .spire-radio label,
#wrapper ngapps-quote-amounts .spire-radio mat-label,
#wrapper ngapps-remaining-payment .spire-radio label,
#wrapper ngapps-remaining-payment .spire-radio mat-label {
  display: block;
  float: left;
  margin-top: 14px;
}
#wrapper ngapps-nonpay-reconnect-step-1 .spire-radio label + div, #wrapper ngapps-nonpay-reconnect-step-1 .spire-radio mat-label + div,
#wrapper ngapps-seasonal-turn-on-step-1 .spire-radio label + div,
#wrapper ngapps-seasonal-turn-on-step-1 .spire-radio mat-label + div,
#wrapper ngapps-quote-amounts .spire-radio label + div,
#wrapper ngapps-quote-amounts .spire-radio mat-label + div,
#wrapper ngapps-remaining-payment .spire-radio label + div,
#wrapper ngapps-remaining-payment .spire-radio mat-label + div {
  margin-left: 2rem;
}
#wrapper ngapps-nonpay-reconnect-step-1 .total-required-accordion,
#wrapper ngapps-seasonal-turn-on-step-1 .total-required-accordion,
#wrapper ngapps-quote-amounts .total-required-accordion,
#wrapper ngapps-remaining-payment .total-required-accordion {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-nonpay-reconnect-step-1 .total-required-accordion,
  #wrapper ngapps-seasonal-turn-on-step-1 .total-required-accordion,
  #wrapper ngapps-quote-amounts .total-required-accordion,
  #wrapper ngapps-remaining-payment .total-required-accordion {
    justify-content: flex-end;
  }
}
#wrapper ngapps-nonpay-reconnect-step-1 .total-required-accordion > div,
#wrapper ngapps-seasonal-turn-on-step-1 .total-required-accordion > div,
#wrapper ngapps-quote-amounts .total-required-accordion > div,
#wrapper ngapps-remaining-payment .total-required-accordion > div {
  display: inline-block;
  vertical-align: middle;
}
#wrapper ngapps-nonpay-reconnect-step-1 .total-required-accordion .hide-details,
#wrapper ngapps-seasonal-turn-on-step-1 .total-required-accordion .hide-details,
#wrapper ngapps-quote-amounts .total-required-accordion .hide-details,
#wrapper ngapps-remaining-payment .total-required-accordion .hide-details {
  font-size: 1rem;
}
#wrapper ngapps-nonpay-reconnect-step-1 .total-and-chevron span,
#wrapper ngapps-nonpay-reconnect-step-1 .total-and-chevron i,
#wrapper ngapps-seasonal-turn-on-step-1 .total-and-chevron span,
#wrapper ngapps-seasonal-turn-on-step-1 .total-and-chevron i,
#wrapper ngapps-quote-amounts .total-and-chevron span,
#wrapper ngapps-quote-amounts .total-and-chevron i,
#wrapper ngapps-remaining-payment .total-and-chevron span,
#wrapper ngapps-remaining-payment .total-and-chevron i {
  display: inline-block;
}
#wrapper ngapps-nonpay-reconnect-step-1 .total-and-chevron i,
#wrapper ngapps-seasonal-turn-on-step-1 .total-and-chevron i,
#wrapper ngapps-quote-amounts .total-and-chevron i,
#wrapper ngapps-remaining-payment .total-and-chevron i {
  vertical-align: middle;
  color: #250e62;
}
#wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table,
#wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table,
#wrapper ngapps-quote-amounts .reconnection-fees-table,
#wrapper ngapps-remaining-payment .reconnection-fees-table {
  display: table;
  width: calc(100% - 1.2rem);
  border-collapse: collapse;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table,
  #wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table,
  #wrapper ngapps-quote-amounts .reconnection-fees-table,
  #wrapper ngapps-remaining-payment .reconnection-fees-table {
    display: block;
  }
}
#wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table > div,
#wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table > div,
#wrapper ngapps-quote-amounts .reconnection-fees-table > div,
#wrapper ngapps-remaining-payment .reconnection-fees-table > div {
  display: table-row;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table > div,
  #wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table > div,
  #wrapper ngapps-quote-amounts .reconnection-fees-table > div,
  #wrapper ngapps-remaining-payment .reconnection-fees-table > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}
#wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table > div > div,
#wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table > div > div,
#wrapper ngapps-quote-amounts .reconnection-fees-table > div > div,
#wrapper ngapps-remaining-payment .reconnection-fees-table > div > div {
  display: table-cell;
  vertical-align: middle;
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table > div > div,
  #wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table > div > div,
  #wrapper ngapps-quote-amounts .reconnection-fees-table > div > div,
  #wrapper ngapps-remaining-payment .reconnection-fees-table > div > div {
    display: inherit;
    line-height: 1.5rem;
    align-items: flex-end;
  }
  #wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-quote-amounts .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-remaining-payment .reconnection-fees-table > div > div:first-child {
    flex-basis: 50%;
  }
}
#wrapper ngapps-nonpay-reconnect-step-1 .reconnection-fees-table .amount,
#wrapper ngapps-seasonal-turn-on-step-1 .reconnection-fees-table .amount,
#wrapper ngapps-quote-amounts .reconnection-fees-table .amount,
#wrapper ngapps-remaining-payment .reconnection-fees-table .amount {
  text-align: right;
}
#wrapper ngapps-nonpay-reconnect-step-1 ngapps-remaining-payment accordion.panel-group,
#wrapper ngapps-nonpay-reconnect-step-1 app-ft-payment-method accordion.panel-group,
#wrapper ngapps-seasonal-turn-on-step-1 ngapps-remaining-payment accordion.panel-group,
#wrapper ngapps-seasonal-turn-on-step-1 app-ft-payment-method accordion.panel-group,
#wrapper ngapps-quote-amounts ngapps-remaining-payment accordion.panel-group,
#wrapper ngapps-quote-amounts app-ft-payment-method accordion.panel-group,
#wrapper ngapps-remaining-payment ngapps-remaining-payment accordion.panel-group,
#wrapper ngapps-remaining-payment app-ft-payment-method accordion.panel-group {
  width: 100%;
}
#wrapper ngapps-nonpay-reconnect-step-1 ngapps-remaining-payment accordion-group div[accordion-heading],
#wrapper ngapps-nonpay-reconnect-step-1 app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-seasonal-turn-on-step-1 ngapps-remaining-payment accordion-group div[accordion-heading],
#wrapper ngapps-seasonal-turn-on-step-1 app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-quote-amounts ngapps-remaining-payment accordion-group div[accordion-heading],
#wrapper ngapps-quote-amounts app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-remaining-payment ngapps-remaining-payment accordion-group div[accordion-heading],
#wrapper ngapps-remaining-payment app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  font-weight: normal;
  text-transform: none;
}
#wrapper ngapps-nonpay-reconnect-step-1 app-agent-only-option accordion-group .panel-title,
#wrapper ngapps-seasonal-turn-on-step-1 app-agent-only-option accordion-group .panel-title,
#wrapper ngapps-quote-amounts app-agent-only-option accordion-group .panel-title,
#wrapper ngapps-remaining-payment app-agent-only-option accordion-group .panel-title {
  text-transform: initial !important;
}
#wrapper ngapps-nonpay-reconnect-step-1 app-agent-only-option accordion-group .other-amount-value,
#wrapper ngapps-seasonal-turn-on-step-1 app-agent-only-option accordion-group .other-amount-value,
#wrapper ngapps-quote-amounts app-agent-only-option accordion-group .other-amount-value,
#wrapper ngapps-remaining-payment app-agent-only-option accordion-group .other-amount-value {
  display: inline-block;
}
#wrapper ngapps-step2-call-us .mdi {
  text-align: center;
  font-size: 3rem;
}
#wrapper ngapps-nonpay-reconnect-step-3 .contact-info,
#wrapper ngapps-nonpay-reconnect-step-3 .mailing-address,
#wrapper ngapps-seasonal-turn-on-step-3 .contact-info,
#wrapper ngapps-seasonal-turn-on-step-3 .mailing-address {
  margin-left: 1rem;
  margin-top: 3rem;
}
@media only screen and (max-width: 480px) {
  #wrapper ngapps-nonpay-reconnect-step-3 .contact-info,
  #wrapper ngapps-nonpay-reconnect-step-3 .mailing-address,
  #wrapper ngapps-seasonal-turn-on-step-3 .contact-info,
  #wrapper ngapps-seasonal-turn-on-step-3 .mailing-address {
    margin-left: 0;
  }
}
#wrapper ngapps-nonpay-reconnect-step-3 .mailing-address,
#wrapper ngapps-seasonal-turn-on-step-3 .mailing-address {
  margin-bottom: 3rem;
}
#wrapper ngapps-nonpay-reconnect-step-3 button.btn,
#wrapper ngapps-seasonal-turn-on-step-3 button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-nonpay-reconnect-step-4,
#wrapper ngapps-seasonal-turn-on-confirmation {
  display: block;
}
#wrapper ngapps-nonpay-reconnect-step-4 .confirmation-details,
#wrapper ngapps-seasonal-turn-on-confirmation .confirmation-details {
  margin-bottom: 2rem;
}
#wrapper ngapps-nonpay-reconnect-step-4 .confirmation-details .row,
#wrapper ngapps-seasonal-turn-on-confirmation .confirmation-details .row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#wrapper ngapps-nonpay-reconnect-step-4 .confirmation-details .row-header,
#wrapper ngapps-seasonal-turn-on-confirmation .confirmation-details .row-header {
  display: initial;
}
#wrapper ngapps-nonpay-reconnect-step-4 .confirmation-details h3,
#wrapper ngapps-seasonal-turn-on-confirmation .confirmation-details h3 {
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-nonpay-reconnect-step-4 .detail-label,
#wrapper ngapps-seasonal-turn-on-confirmation .detail-label {
  color: #4a4a4a;
}
#wrapper ngapps-nonpay-reconnect-step-4 .selected-address,
#wrapper ngapps-seasonal-turn-on-confirmation .selected-address {
  margin-bottom: 1rem;
}
#wrapper ngapps-nonpay-reconnect-step-4 .print-page,
#wrapper ngapps-seasonal-turn-on-confirmation .print-page {
  padding-right: 15px;
}
@media print {
  #wrapper ngapps-nonpay-reconnect-step-4 .print-page,
  #wrapper ngapps-seasonal-turn-on-confirmation .print-page {
    display: none;
  }
}
#wrapper ngapps-nonpay-reconnect-step-4 .print-page i,
#wrapper ngapps-seasonal-turn-on-confirmation .print-page i {
  vertical-align: middle;
}
#wrapper ngapps-nonpay-reconnect-step-4 .pull-right,
#wrapper ngapps-seasonal-turn-on-confirmation .pull-right {
  float: right;
}
#wrapper ngapps-nonpay-reconnect-step-4 button.btn,
#wrapper ngapps-seasonal-turn-on-confirmation button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-nonpay-reconnect-step-4 .summary-container,
#wrapper ngapps-seasonal-turn-on-confirmation .summary-container {
  clear: both;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#wrapper ngapps-nonpay-reconnect-step-4 .summary-row,
#wrapper ngapps-seasonal-turn-on-confirmation .summary-row {
  display: flex;
  max-width: 34rem;
  margin-bottom: 1rem;
}
#wrapper ngapps-nonpay-reconnect-step-4 .summary-row:last-child,
#wrapper ngapps-seasonal-turn-on-confirmation .summary-row:last-child {
  margin-bottom: 0;
}
#wrapper ngapps-nonpay-reconnect-step-4 .summary-row > div:nth-child(2),
#wrapper ngapps-seasonal-turn-on-confirmation .summary-row > div:nth-child(2) {
  margin-left: auto;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-nonpay-reconnect-step-4 .tiles-content,
  #wrapper ngapps-seasonal-turn-on-confirmation .tiles-content {
    background-color: #ededed;
  }
}
#wrapper ngapps-nonpay-reconnect-step-4 .tiles-content > div,
#wrapper ngapps-seasonal-turn-on-confirmation .tiles-content > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#wrapper ngapps-nonpay-reconnect-step-4 .tiles-content > div > div,
#wrapper ngapps-seasonal-turn-on-confirmation .tiles-content > div > div {
  display: flex;
  width: 98%;
}
@media all and (min-width: 50rem) {
  #wrapper ngapps-nonpay-reconnect-step-4 .tiles-content > div > div,
  #wrapper ngapps-seasonal-turn-on-confirmation .tiles-content > div > div {
    width: 33%;
  }
}
#wrapper ngapps-gas-on-off-main h1,
#wrapper ngapps-reconnect-service h1,
#wrapper ngapps-seasonal-turn-on h1,
#wrapper ngapps-service-address-selector h1,
#wrapper ngapps-reconnect-contact-information h1,
#wrapper ngapps-reconnect-service-confirmation h1,
#wrapper ngapps-pa-agent-only-option h1,
#wrapper ngapps-agent-only-instruction h1,
#wrapper ngapps-agent-only-option h1 {
  margin-bottom: 1rem;
}
#wrapper ngapps-gas-on-off-main .legal,
#wrapper ngapps-reconnect-service .legal,
#wrapper ngapps-seasonal-turn-on .legal,
#wrapper ngapps-service-address-selector .legal,
#wrapper ngapps-reconnect-contact-information .legal,
#wrapper ngapps-reconnect-service-confirmation .legal,
#wrapper ngapps-pa-agent-only-option .legal,
#wrapper ngapps-agent-only-instruction .legal,
#wrapper ngapps-agent-only-option .legal {
  font-weight: 700;
}
#wrapper ngapps-gas-on-off-main .selected-address,
#wrapper ngapps-reconnect-service .selected-address,
#wrapper ngapps-seasonal-turn-on .selected-address,
#wrapper ngapps-service-address-selector .selected-address,
#wrapper ngapps-reconnect-contact-information .selected-address,
#wrapper ngapps-reconnect-service-confirmation .selected-address,
#wrapper ngapps-pa-agent-only-option .selected-address,
#wrapper ngapps-agent-only-instruction .selected-address,
#wrapper ngapps-agent-only-option .selected-address {
  margin-bottom: 1rem;
}
#wrapper ngapps-gas-on-off-main .reconnect-service-header,
#wrapper ngapps-reconnect-service .reconnect-service-header,
#wrapper ngapps-seasonal-turn-on .reconnect-service-header,
#wrapper ngapps-service-address-selector .reconnect-service-header,
#wrapper ngapps-reconnect-contact-information .reconnect-service-header,
#wrapper ngapps-reconnect-service-confirmation .reconnect-service-header,
#wrapper ngapps-pa-agent-only-option .reconnect-service-header,
#wrapper ngapps-agent-only-instruction .reconnect-service-header,
#wrapper ngapps-agent-only-option .reconnect-service-header {
  margin-top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#wrapper ngapps-gas-on-off-main .reconnect-service-header h2,
#wrapper ngapps-reconnect-service .reconnect-service-header h2,
#wrapper ngapps-seasonal-turn-on .reconnect-service-header h2,
#wrapper ngapps-service-address-selector .reconnect-service-header h2,
#wrapper ngapps-reconnect-contact-information .reconnect-service-header h2,
#wrapper ngapps-reconnect-service-confirmation .reconnect-service-header h2,
#wrapper ngapps-pa-agent-only-option .reconnect-service-header h2,
#wrapper ngapps-agent-only-instruction .reconnect-service-header h2,
#wrapper ngapps-agent-only-option .reconnect-service-header h2 {
  margin: 0;
}
#wrapper ngapps-gas-on-off-main .total-required-accordion,
#wrapper ngapps-reconnect-service .total-required-accordion,
#wrapper ngapps-seasonal-turn-on .total-required-accordion,
#wrapper ngapps-service-address-selector .total-required-accordion,
#wrapper ngapps-reconnect-contact-information .total-required-accordion,
#wrapper ngapps-reconnect-service-confirmation .total-required-accordion,
#wrapper ngapps-pa-agent-only-option .total-required-accordion,
#wrapper ngapps-agent-only-instruction .total-required-accordion,
#wrapper ngapps-agent-only-option .total-required-accordion {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-weight: normal;
  text-transform: initial;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-gas-on-off-main .total-required-accordion,
  #wrapper ngapps-reconnect-service .total-required-accordion,
  #wrapper ngapps-seasonal-turn-on .total-required-accordion,
  #wrapper ngapps-service-address-selector .total-required-accordion,
  #wrapper ngapps-reconnect-contact-information .total-required-accordion,
  #wrapper ngapps-reconnect-service-confirmation .total-required-accordion,
  #wrapper ngapps-pa-agent-only-option .total-required-accordion,
  #wrapper ngapps-agent-only-instruction .total-required-accordion,
  #wrapper ngapps-agent-only-option .total-required-accordion {
    justify-content: flex-end;
  }
}
#wrapper ngapps-gas-on-off-main .total-required-accordion > div,
#wrapper ngapps-reconnect-service .total-required-accordion > div,
#wrapper ngapps-seasonal-turn-on .total-required-accordion > div,
#wrapper ngapps-service-address-selector .total-required-accordion > div,
#wrapper ngapps-reconnect-contact-information .total-required-accordion > div,
#wrapper ngapps-reconnect-service-confirmation .total-required-accordion > div,
#wrapper ngapps-pa-agent-only-option .total-required-accordion > div,
#wrapper ngapps-agent-only-instruction .total-required-accordion > div,
#wrapper ngapps-agent-only-option .total-required-accordion > div {
  display: inline-block;
  vertical-align: middle;
}
#wrapper ngapps-gas-on-off-main .total-required-accordion .hide-details,
#wrapper ngapps-reconnect-service .total-required-accordion .hide-details,
#wrapper ngapps-seasonal-turn-on .total-required-accordion .hide-details,
#wrapper ngapps-service-address-selector .total-required-accordion .hide-details,
#wrapper ngapps-reconnect-contact-information .total-required-accordion .hide-details,
#wrapper ngapps-reconnect-service-confirmation .total-required-accordion .hide-details,
#wrapper ngapps-pa-agent-only-option .total-required-accordion .hide-details,
#wrapper ngapps-agent-only-instruction .total-required-accordion .hide-details,
#wrapper ngapps-agent-only-option .total-required-accordion .hide-details {
  font-size: 1rem;
}
#wrapper ngapps-gas-on-off-main .total-and-chevron span,
#wrapper ngapps-gas-on-off-main .total-and-chevron i,
#wrapper ngapps-reconnect-service .total-and-chevron span,
#wrapper ngapps-reconnect-service .total-and-chevron i,
#wrapper ngapps-seasonal-turn-on .total-and-chevron span,
#wrapper ngapps-seasonal-turn-on .total-and-chevron i,
#wrapper ngapps-service-address-selector .total-and-chevron span,
#wrapper ngapps-service-address-selector .total-and-chevron i,
#wrapper ngapps-reconnect-contact-information .total-and-chevron span,
#wrapper ngapps-reconnect-contact-information .total-and-chevron i,
#wrapper ngapps-reconnect-service-confirmation .total-and-chevron span,
#wrapper ngapps-reconnect-service-confirmation .total-and-chevron i,
#wrapper ngapps-pa-agent-only-option .total-and-chevron span,
#wrapper ngapps-pa-agent-only-option .total-and-chevron i,
#wrapper ngapps-agent-only-instruction .total-and-chevron span,
#wrapper ngapps-agent-only-instruction .total-and-chevron i,
#wrapper ngapps-agent-only-option .total-and-chevron span,
#wrapper ngapps-agent-only-option .total-and-chevron i {
  display: inline-block;
}
#wrapper ngapps-gas-on-off-main .total-and-chevron i,
#wrapper ngapps-reconnect-service .total-and-chevron i,
#wrapper ngapps-seasonal-turn-on .total-and-chevron i,
#wrapper ngapps-service-address-selector .total-and-chevron i,
#wrapper ngapps-reconnect-contact-information .total-and-chevron i,
#wrapper ngapps-reconnect-service-confirmation .total-and-chevron i,
#wrapper ngapps-pa-agent-only-option .total-and-chevron i,
#wrapper ngapps-agent-only-instruction .total-and-chevron i,
#wrapper ngapps-agent-only-option .total-and-chevron i {
  vertical-align: middle;
  color: #250e62;
}
#wrapper ngapps-gas-on-off-main .reconnection-fees-table,
#wrapper ngapps-reconnect-service .reconnection-fees-table,
#wrapper ngapps-seasonal-turn-on .reconnection-fees-table,
#wrapper ngapps-service-address-selector .reconnection-fees-table,
#wrapper ngapps-reconnect-contact-information .reconnection-fees-table,
#wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table,
#wrapper ngapps-pa-agent-only-option .reconnection-fees-table,
#wrapper ngapps-agent-only-instruction .reconnection-fees-table,
#wrapper ngapps-agent-only-option .reconnection-fees-table {
  display: table;
  width: calc(100% - 1.2rem);
  border-collapse: collapse;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-gas-on-off-main .reconnection-fees-table,
  #wrapper ngapps-reconnect-service .reconnection-fees-table,
  #wrapper ngapps-seasonal-turn-on .reconnection-fees-table,
  #wrapper ngapps-service-address-selector .reconnection-fees-table,
  #wrapper ngapps-reconnect-contact-information .reconnection-fees-table,
  #wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table,
  #wrapper ngapps-pa-agent-only-option .reconnection-fees-table,
  #wrapper ngapps-agent-only-instruction .reconnection-fees-table,
  #wrapper ngapps-agent-only-option .reconnection-fees-table {
    display: block;
  }
}
#wrapper ngapps-gas-on-off-main .reconnection-fees-table > div,
#wrapper ngapps-reconnect-service .reconnection-fees-table > div,
#wrapper ngapps-seasonal-turn-on .reconnection-fees-table > div,
#wrapper ngapps-service-address-selector .reconnection-fees-table > div,
#wrapper ngapps-reconnect-contact-information .reconnection-fees-table > div,
#wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table > div,
#wrapper ngapps-pa-agent-only-option .reconnection-fees-table > div,
#wrapper ngapps-agent-only-instruction .reconnection-fees-table > div,
#wrapper ngapps-agent-only-option .reconnection-fees-table > div {
  display: table-row;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-gas-on-off-main .reconnection-fees-table > div,
  #wrapper ngapps-reconnect-service .reconnection-fees-table > div,
  #wrapper ngapps-seasonal-turn-on .reconnection-fees-table > div,
  #wrapper ngapps-service-address-selector .reconnection-fees-table > div,
  #wrapper ngapps-reconnect-contact-information .reconnection-fees-table > div,
  #wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table > div,
  #wrapper ngapps-pa-agent-only-option .reconnection-fees-table > div,
  #wrapper ngapps-agent-only-instruction .reconnection-fees-table > div,
  #wrapper ngapps-agent-only-option .reconnection-fees-table > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}
#wrapper ngapps-gas-on-off-main .reconnection-fees-table > div > div,
#wrapper ngapps-reconnect-service .reconnection-fees-table > div > div,
#wrapper ngapps-seasonal-turn-on .reconnection-fees-table > div > div,
#wrapper ngapps-service-address-selector .reconnection-fees-table > div > div,
#wrapper ngapps-reconnect-contact-information .reconnection-fees-table > div > div,
#wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table > div > div,
#wrapper ngapps-pa-agent-only-option .reconnection-fees-table > div > div,
#wrapper ngapps-agent-only-instruction .reconnection-fees-table > div > div,
#wrapper ngapps-agent-only-option .reconnection-fees-table > div > div {
  display: table-cell;
  vertical-align: middle;
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-gas-on-off-main .reconnection-fees-table > div > div,
  #wrapper ngapps-reconnect-service .reconnection-fees-table > div > div,
  #wrapper ngapps-seasonal-turn-on .reconnection-fees-table > div > div,
  #wrapper ngapps-service-address-selector .reconnection-fees-table > div > div,
  #wrapper ngapps-reconnect-contact-information .reconnection-fees-table > div > div,
  #wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table > div > div,
  #wrapper ngapps-pa-agent-only-option .reconnection-fees-table > div > div,
  #wrapper ngapps-agent-only-instruction .reconnection-fees-table > div > div,
  #wrapper ngapps-agent-only-option .reconnection-fees-table > div > div {
    display: inherit;
    line-height: 1.5rem;
    align-items: flex-end;
  }
  #wrapper ngapps-gas-on-off-main .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-reconnect-service .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-seasonal-turn-on .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-service-address-selector .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-reconnect-contact-information .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-pa-agent-only-option .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-agent-only-instruction .reconnection-fees-table > div > div:first-child,
  #wrapper ngapps-agent-only-option .reconnection-fees-table > div > div:first-child {
    flex-basis: 50%;
  }
}
#wrapper ngapps-gas-on-off-main .reconnection-fees-table .amount,
#wrapper ngapps-reconnect-service .reconnection-fees-table .amount,
#wrapper ngapps-seasonal-turn-on .reconnection-fees-table .amount,
#wrapper ngapps-service-address-selector .reconnection-fees-table .amount,
#wrapper ngapps-reconnect-contact-information .reconnection-fees-table .amount,
#wrapper ngapps-reconnect-service-confirmation .reconnection-fees-table .amount,
#wrapper ngapps-pa-agent-only-option .reconnection-fees-table .amount,
#wrapper ngapps-agent-only-instruction .reconnection-fees-table .amount,
#wrapper ngapps-agent-only-option .reconnection-fees-table .amount {
  text-align: right;
}
#wrapper ngapps-gas-on-off-main .form-group.amount-due label, #wrapper ngapps-gas-on-off-main .form-group.amount-due mat-label,
#wrapper ngapps-gas-on-off-main .form-group.amount-due div,
#wrapper ngapps-reconnect-service .form-group.amount-due label,
#wrapper ngapps-reconnect-service .form-group.amount-due mat-label,
#wrapper ngapps-reconnect-service .form-group.amount-due div,
#wrapper ngapps-seasonal-turn-on .form-group.amount-due label,
#wrapper ngapps-seasonal-turn-on .form-group.amount-due mat-label,
#wrapper ngapps-seasonal-turn-on .form-group.amount-due div,
#wrapper ngapps-service-address-selector .form-group.amount-due label,
#wrapper ngapps-service-address-selector .form-group.amount-due mat-label,
#wrapper ngapps-service-address-selector .form-group.amount-due div,
#wrapper ngapps-reconnect-contact-information .form-group.amount-due label,
#wrapper ngapps-reconnect-contact-information .form-group.amount-due mat-label,
#wrapper ngapps-reconnect-contact-information .form-group.amount-due div,
#wrapper ngapps-reconnect-service-confirmation .form-group.amount-due label,
#wrapper ngapps-reconnect-service-confirmation .form-group.amount-due mat-label,
#wrapper ngapps-reconnect-service-confirmation .form-group.amount-due div,
#wrapper ngapps-pa-agent-only-option .form-group.amount-due label,
#wrapper ngapps-pa-agent-only-option .form-group.amount-due mat-label,
#wrapper ngapps-pa-agent-only-option .form-group.amount-due div,
#wrapper ngapps-agent-only-instruction .form-group.amount-due label,
#wrapper ngapps-agent-only-instruction .form-group.amount-due mat-label,
#wrapper ngapps-agent-only-instruction .form-group.amount-due div,
#wrapper ngapps-agent-only-option .form-group.amount-due label,
#wrapper ngapps-agent-only-option .form-group.amount-due mat-label,
#wrapper ngapps-agent-only-option .form-group.amount-due div {
  vertical-align: middle;
}
#wrapper ngapps-gas-on-off-main .form-group.amount-due span,
#wrapper ngapps-reconnect-service .form-group.amount-due span,
#wrapper ngapps-seasonal-turn-on .form-group.amount-due span,
#wrapper ngapps-service-address-selector .form-group.amount-due span,
#wrapper ngapps-reconnect-contact-information .form-group.amount-due span,
#wrapper ngapps-reconnect-service-confirmation .form-group.amount-due span,
#wrapper ngapps-pa-agent-only-option .form-group.amount-due span,
#wrapper ngapps-agent-only-instruction .form-group.amount-due span,
#wrapper ngapps-agent-only-option .form-group.amount-due span {
  font-size: 1.5rem;
  margin-left: 20px;
}
#wrapper ngapps-gas-on-off-main .form-group.amount-due i,
#wrapper ngapps-reconnect-service .form-group.amount-due i,
#wrapper ngapps-seasonal-turn-on .form-group.amount-due i,
#wrapper ngapps-service-address-selector .form-group.amount-due i,
#wrapper ngapps-reconnect-contact-information .form-group.amount-due i,
#wrapper ngapps-reconnect-service-confirmation .form-group.amount-due i,
#wrapper ngapps-pa-agent-only-option .form-group.amount-due i,
#wrapper ngapps-agent-only-instruction .form-group.amount-due i,
#wrapper ngapps-agent-only-option .form-group.amount-due i {
  margin-left: 0.5rem;
  color: #250e62;
}
#wrapper ngapps-gas-on-off-main .form-group.amount-due .tooltip-inner,
#wrapper ngapps-reconnect-service .form-group.amount-due .tooltip-inner,
#wrapper ngapps-seasonal-turn-on .form-group.amount-due .tooltip-inner,
#wrapper ngapps-service-address-selector .form-group.amount-due .tooltip-inner,
#wrapper ngapps-reconnect-contact-information .form-group.amount-due .tooltip-inner,
#wrapper ngapps-reconnect-service-confirmation .form-group.amount-due .tooltip-inner,
#wrapper ngapps-pa-agent-only-option .form-group.amount-due .tooltip-inner,
#wrapper ngapps-agent-only-instruction .form-group.amount-due .tooltip-inner,
#wrapper ngapps-agent-only-option .form-group.amount-due .tooltip-inner {
  background: #eec6c6;
  color: #aa0000;
}
#wrapper ngapps-gas-on-off-main .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-reconnect-service .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-seasonal-turn-on .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-service-address-selector .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-reconnect-contact-information .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-reconnect-service-confirmation .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-pa-agent-only-option .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-agent-only-instruction .form-group.amount-due .tooltip-arrow,
#wrapper ngapps-agent-only-option .form-group.amount-due .tooltip-arrow {
  border-right-color: #eec6c6;
}
#wrapper ngapps-gas-on-off-main .form-group.other-amount,
#wrapper ngapps-reconnect-service .form-group.other-amount,
#wrapper ngapps-seasonal-turn-on .form-group.other-amount,
#wrapper ngapps-service-address-selector .form-group.other-amount,
#wrapper ngapps-reconnect-contact-information .form-group.other-amount,
#wrapper ngapps-reconnect-service-confirmation .form-group.other-amount,
#wrapper ngapps-pa-agent-only-option .form-group.other-amount,
#wrapper ngapps-agent-only-instruction .form-group.other-amount,
#wrapper ngapps-agent-only-option .form-group.other-amount {
  margin-bottom: 0;
}
#wrapper ngapps-gas-on-off-main .form-group.other-amount::after,
#wrapper ngapps-reconnect-service .form-group.other-amount::after,
#wrapper ngapps-seasonal-turn-on .form-group.other-amount::after,
#wrapper ngapps-service-address-selector .form-group.other-amount::after,
#wrapper ngapps-reconnect-contact-information .form-group.other-amount::after,
#wrapper ngapps-reconnect-service-confirmation .form-group.other-amount::after,
#wrapper ngapps-pa-agent-only-option .form-group.other-amount::after,
#wrapper ngapps-agent-only-instruction .form-group.other-amount::after,
#wrapper ngapps-agent-only-option .form-group.other-amount::after {
  content: "";
  display: table;
  clear: both;
}
#wrapper ngapps-gas-on-off-main .form-group.other-amount label, #wrapper ngapps-gas-on-off-main .form-group.other-amount mat-label,
#wrapper ngapps-gas-on-off-main .form-group.other-amount div,
#wrapper ngapps-reconnect-service .form-group.other-amount label,
#wrapper ngapps-reconnect-service .form-group.other-amount mat-label,
#wrapper ngapps-reconnect-service .form-group.other-amount div,
#wrapper ngapps-seasonal-turn-on .form-group.other-amount label,
#wrapper ngapps-seasonal-turn-on .form-group.other-amount mat-label,
#wrapper ngapps-seasonal-turn-on .form-group.other-amount div,
#wrapper ngapps-service-address-selector .form-group.other-amount label,
#wrapper ngapps-service-address-selector .form-group.other-amount mat-label,
#wrapper ngapps-service-address-selector .form-group.other-amount div,
#wrapper ngapps-reconnect-contact-information .form-group.other-amount label,
#wrapper ngapps-reconnect-contact-information .form-group.other-amount mat-label,
#wrapper ngapps-reconnect-contact-information .form-group.other-amount div,
#wrapper ngapps-reconnect-service-confirmation .form-group.other-amount label,
#wrapper ngapps-reconnect-service-confirmation .form-group.other-amount mat-label,
#wrapper ngapps-reconnect-service-confirmation .form-group.other-amount div,
#wrapper ngapps-pa-agent-only-option .form-group.other-amount label,
#wrapper ngapps-pa-agent-only-option .form-group.other-amount mat-label,
#wrapper ngapps-pa-agent-only-option .form-group.other-amount div,
#wrapper ngapps-agent-only-instruction .form-group.other-amount label,
#wrapper ngapps-agent-only-instruction .form-group.other-amount mat-label,
#wrapper ngapps-agent-only-instruction .form-group.other-amount div,
#wrapper ngapps-agent-only-option .form-group.other-amount label,
#wrapper ngapps-agent-only-option .form-group.other-amount mat-label,
#wrapper ngapps-agent-only-option .form-group.other-amount div {
  float: left;
  padding-right: 1rem;
}
#wrapper ngapps-gas-on-off-main .form-group .other-amount-value input[type=text],
#wrapper ngapps-reconnect-service .form-group .other-amount-value input[type=text],
#wrapper ngapps-seasonal-turn-on .form-group .other-amount-value input[type=text],
#wrapper ngapps-service-address-selector .form-group .other-amount-value input[type=text],
#wrapper ngapps-reconnect-contact-information .form-group .other-amount-value input[type=text],
#wrapper ngapps-reconnect-service-confirmation .form-group .other-amount-value input[type=text],
#wrapper ngapps-pa-agent-only-option .form-group .other-amount-value input[type=text],
#wrapper ngapps-agent-only-instruction .form-group .other-amount-value input[type=text],
#wrapper ngapps-agent-only-option .form-group .other-amount-value input[type=text] {
  width: 8rem;
}
#wrapper ngapps-gas-on-off-main .form-group.payment-date,
#wrapper ngapps-reconnect-service .form-group.payment-date,
#wrapper ngapps-seasonal-turn-on .form-group.payment-date,
#wrapper ngapps-service-address-selector .form-group.payment-date,
#wrapper ngapps-reconnect-contact-information .form-group.payment-date,
#wrapper ngapps-reconnect-service-confirmation .form-group.payment-date,
#wrapper ngapps-pa-agent-only-option .form-group.payment-date,
#wrapper ngapps-agent-only-instruction .form-group.payment-date,
#wrapper ngapps-agent-only-option .form-group.payment-date {
  margin: 3rem 0 2rem;
}
#wrapper ngapps-gas-on-off-main .form-group label[for=paymentDate], #wrapper ngapps-gas-on-off-main .form-group mat-label[for=paymentDate],
#wrapper ngapps-reconnect-service .form-group label[for=paymentDate],
#wrapper ngapps-reconnect-service .form-group mat-label[for=paymentDate],
#wrapper ngapps-seasonal-turn-on .form-group label[for=paymentDate],
#wrapper ngapps-seasonal-turn-on .form-group mat-label[for=paymentDate],
#wrapper ngapps-service-address-selector .form-group label[for=paymentDate],
#wrapper ngapps-service-address-selector .form-group mat-label[for=paymentDate],
#wrapper ngapps-reconnect-contact-information .form-group label[for=paymentDate],
#wrapper ngapps-reconnect-contact-information .form-group mat-label[for=paymentDate],
#wrapper ngapps-reconnect-service-confirmation .form-group label[for=paymentDate],
#wrapper ngapps-reconnect-service-confirmation .form-group mat-label[for=paymentDate],
#wrapper ngapps-pa-agent-only-option .form-group label[for=paymentDate],
#wrapper ngapps-pa-agent-only-option .form-group mat-label[for=paymentDate],
#wrapper ngapps-agent-only-instruction .form-group label[for=paymentDate],
#wrapper ngapps-agent-only-instruction .form-group mat-label[for=paymentDate],
#wrapper ngapps-agent-only-option .form-group label[for=paymentDate],
#wrapper ngapps-agent-only-option .form-group mat-label[for=paymentDate] {
  display: block;
  margin-left: 0.4rem;
}
#wrapper ngapps-gas-on-off-main .reconnect-date,
#wrapper ngapps-reconnect-service .reconnect-date,
#wrapper ngapps-seasonal-turn-on .reconnect-date,
#wrapper ngapps-service-address-selector .reconnect-date,
#wrapper ngapps-reconnect-contact-information .reconnect-date,
#wrapper ngapps-reconnect-service-confirmation .reconnect-date,
#wrapper ngapps-pa-agent-only-option .reconnect-date,
#wrapper ngapps-agent-only-instruction .reconnect-date,
#wrapper ngapps-agent-only-option .reconnect-date {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#wrapper ngapps-gas-on-off-main .reconnect-date label, #wrapper ngapps-gas-on-off-main .reconnect-date body mat-label, body #wrapper ngapps-gas-on-off-main .reconnect-date mat-label, #wrapper ngapps-gas-on-off-main .reconnect-date mat-label,
#wrapper ngapps-reconnect-service .reconnect-date label,
#wrapper ngapps-reconnect-service .reconnect-date body mat-label,
body #wrapper ngapps-reconnect-service .reconnect-date mat-label,
#wrapper ngapps-reconnect-service .reconnect-date mat-label,
#wrapper ngapps-seasonal-turn-on .reconnect-date label,
#wrapper ngapps-seasonal-turn-on .reconnect-date body mat-label,
body #wrapper ngapps-seasonal-turn-on .reconnect-date mat-label,
#wrapper ngapps-seasonal-turn-on .reconnect-date mat-label,
#wrapper ngapps-service-address-selector .reconnect-date label,
#wrapper ngapps-service-address-selector .reconnect-date body mat-label,
body #wrapper ngapps-service-address-selector .reconnect-date mat-label,
#wrapper ngapps-service-address-selector .reconnect-date mat-label,
#wrapper ngapps-reconnect-contact-information .reconnect-date label,
#wrapper ngapps-reconnect-contact-information .reconnect-date body mat-label,
body #wrapper ngapps-reconnect-contact-information .reconnect-date mat-label,
#wrapper ngapps-reconnect-contact-information .reconnect-date mat-label,
#wrapper ngapps-reconnect-service-confirmation .reconnect-date label,
#wrapper ngapps-reconnect-service-confirmation .reconnect-date body mat-label,
body #wrapper ngapps-reconnect-service-confirmation .reconnect-date mat-label,
#wrapper ngapps-reconnect-service-confirmation .reconnect-date mat-label,
#wrapper ngapps-pa-agent-only-option .reconnect-date label,
#wrapper ngapps-pa-agent-only-option .reconnect-date body mat-label,
body #wrapper ngapps-pa-agent-only-option .reconnect-date mat-label,
#wrapper ngapps-pa-agent-only-option .reconnect-date mat-label,
#wrapper ngapps-agent-only-instruction .reconnect-date label,
#wrapper ngapps-agent-only-instruction .reconnect-date body mat-label,
body #wrapper ngapps-agent-only-instruction .reconnect-date mat-label,
#wrapper ngapps-agent-only-instruction .reconnect-date mat-label,
#wrapper ngapps-agent-only-option .reconnect-date label,
#wrapper ngapps-agent-only-option .reconnect-date body mat-label,
body #wrapper ngapps-agent-only-option .reconnect-date mat-label,
#wrapper ngapps-agent-only-option .reconnect-date mat-label {
  display: block;
  margin-left: 0.4rem;
}
#wrapper ngapps-gas-on-off-main .reconnect-time,
#wrapper ngapps-reconnect-service .reconnect-time,
#wrapper ngapps-seasonal-turn-on .reconnect-time,
#wrapper ngapps-service-address-selector .reconnect-time,
#wrapper ngapps-reconnect-contact-information .reconnect-time,
#wrapper ngapps-reconnect-service-confirmation .reconnect-time,
#wrapper ngapps-pa-agent-only-option .reconnect-time,
#wrapper ngapps-agent-only-instruction .reconnect-time,
#wrapper ngapps-agent-only-option .reconnect-time {
  margin-bottom: 2rem;
}
#wrapper ngapps-gas-on-off-main .reconnect-time .form-group,
#wrapper ngapps-reconnect-service .reconnect-time .form-group,
#wrapper ngapps-seasonal-turn-on .reconnect-time .form-group,
#wrapper ngapps-service-address-selector .reconnect-time .form-group,
#wrapper ngapps-reconnect-contact-information .reconnect-time .form-group,
#wrapper ngapps-reconnect-service-confirmation .reconnect-time .form-group,
#wrapper ngapps-pa-agent-only-option .reconnect-time .form-group,
#wrapper ngapps-agent-only-instruction .reconnect-time .form-group,
#wrapper ngapps-agent-only-option .reconnect-time .form-group {
  margin-bottom: 0;
}
#wrapper ngapps-gas-on-off-main .contact-info,
#wrapper ngapps-gas-on-off-main .mailing-address,
#wrapper ngapps-reconnect-service .contact-info,
#wrapper ngapps-reconnect-service .mailing-address,
#wrapper ngapps-seasonal-turn-on .contact-info,
#wrapper ngapps-seasonal-turn-on .mailing-address,
#wrapper ngapps-service-address-selector .contact-info,
#wrapper ngapps-service-address-selector .mailing-address,
#wrapper ngapps-reconnect-contact-information .contact-info,
#wrapper ngapps-reconnect-contact-information .mailing-address,
#wrapper ngapps-reconnect-service-confirmation .contact-info,
#wrapper ngapps-reconnect-service-confirmation .mailing-address,
#wrapper ngapps-pa-agent-only-option .contact-info,
#wrapper ngapps-pa-agent-only-option .mailing-address,
#wrapper ngapps-agent-only-instruction .contact-info,
#wrapper ngapps-agent-only-instruction .mailing-address,
#wrapper ngapps-agent-only-option .contact-info,
#wrapper ngapps-agent-only-option .mailing-address {
  margin-left: 1rem;
  margin-top: 3rem;
  max-width: 34rem;
}
@media only screen and (max-width: 480px) {
  #wrapper ngapps-gas-on-off-main .contact-info,
  #wrapper ngapps-gas-on-off-main .mailing-address,
  #wrapper ngapps-reconnect-service .contact-info,
  #wrapper ngapps-reconnect-service .mailing-address,
  #wrapper ngapps-seasonal-turn-on .contact-info,
  #wrapper ngapps-seasonal-turn-on .mailing-address,
  #wrapper ngapps-service-address-selector .contact-info,
  #wrapper ngapps-service-address-selector .mailing-address,
  #wrapper ngapps-reconnect-contact-information .contact-info,
  #wrapper ngapps-reconnect-contact-information .mailing-address,
  #wrapper ngapps-reconnect-service-confirmation .contact-info,
  #wrapper ngapps-reconnect-service-confirmation .mailing-address,
  #wrapper ngapps-pa-agent-only-option .contact-info,
  #wrapper ngapps-pa-agent-only-option .mailing-address,
  #wrapper ngapps-agent-only-instruction .contact-info,
  #wrapper ngapps-agent-only-instruction .mailing-address,
  #wrapper ngapps-agent-only-option .contact-info,
  #wrapper ngapps-agent-only-option .mailing-address {
    margin-left: 0;
  }
}
#wrapper ngapps-gas-on-off-main .mailing-address,
#wrapper ngapps-reconnect-service .mailing-address,
#wrapper ngapps-seasonal-turn-on .mailing-address,
#wrapper ngapps-service-address-selector .mailing-address,
#wrapper ngapps-reconnect-contact-information .mailing-address,
#wrapper ngapps-reconnect-service-confirmation .mailing-address,
#wrapper ngapps-pa-agent-only-option .mailing-address,
#wrapper ngapps-agent-only-instruction .mailing-address,
#wrapper ngapps-agent-only-option .mailing-address {
  margin-bottom: 3rem;
}
#wrapper ngapps-gas-on-off-main .confirmation-details,
#wrapper ngapps-reconnect-service .confirmation-details,
#wrapper ngapps-seasonal-turn-on .confirmation-details,
#wrapper ngapps-service-address-selector .confirmation-details,
#wrapper ngapps-reconnect-contact-information .confirmation-details,
#wrapper ngapps-reconnect-service-confirmation .confirmation-details,
#wrapper ngapps-pa-agent-only-option .confirmation-details,
#wrapper ngapps-agent-only-instruction .confirmation-details,
#wrapper ngapps-agent-only-option .confirmation-details {
  margin-bottom: 2rem;
}
#wrapper ngapps-gas-on-off-main .confirmation-details .row,
#wrapper ngapps-reconnect-service .confirmation-details .row,
#wrapper ngapps-seasonal-turn-on .confirmation-details .row,
#wrapper ngapps-service-address-selector .confirmation-details .row,
#wrapper ngapps-reconnect-contact-information .confirmation-details .row,
#wrapper ngapps-reconnect-service-confirmation .confirmation-details .row,
#wrapper ngapps-pa-agent-only-option .confirmation-details .row,
#wrapper ngapps-agent-only-instruction .confirmation-details .row,
#wrapper ngapps-agent-only-option .confirmation-details .row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#wrapper ngapps-gas-on-off-main .confirmation-details h3,
#wrapper ngapps-reconnect-service .confirmation-details h3,
#wrapper ngapps-seasonal-turn-on .confirmation-details h3,
#wrapper ngapps-service-address-selector .confirmation-details h3,
#wrapper ngapps-reconnect-contact-information .confirmation-details h3,
#wrapper ngapps-reconnect-service-confirmation .confirmation-details h3,
#wrapper ngapps-pa-agent-only-option .confirmation-details h3,
#wrapper ngapps-agent-only-instruction .confirmation-details h3,
#wrapper ngapps-agent-only-option .confirmation-details h3 {
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-gas-on-off-main .detail-label,
#wrapper ngapps-reconnect-service .detail-label,
#wrapper ngapps-seasonal-turn-on .detail-label,
#wrapper ngapps-service-address-selector .detail-label,
#wrapper ngapps-reconnect-contact-information .detail-label,
#wrapper ngapps-reconnect-service-confirmation .detail-label,
#wrapper ngapps-pa-agent-only-option .detail-label,
#wrapper ngapps-agent-only-instruction .detail-label,
#wrapper ngapps-agent-only-option .detail-label {
  color: #4a4a4a;
}
#wrapper ngapps-gas-on-off-main .phone-label,
#wrapper ngapps-reconnect-service .phone-label,
#wrapper ngapps-seasonal-turn-on .phone-label,
#wrapper ngapps-service-address-selector .phone-label,
#wrapper ngapps-reconnect-contact-information .phone-label,
#wrapper ngapps-reconnect-service-confirmation .phone-label,
#wrapper ngapps-pa-agent-only-option .phone-label,
#wrapper ngapps-agent-only-instruction .phone-label,
#wrapper ngapps-agent-only-option .phone-label {
  padding-top: 1rem;
}
#wrapper ngapps-gas-on-off-main .print-page,
#wrapper ngapps-reconnect-service .print-page,
#wrapper ngapps-seasonal-turn-on .print-page,
#wrapper ngapps-service-address-selector .print-page,
#wrapper ngapps-reconnect-contact-information .print-page,
#wrapper ngapps-reconnect-service-confirmation .print-page,
#wrapper ngapps-pa-agent-only-option .print-page,
#wrapper ngapps-agent-only-instruction .print-page,
#wrapper ngapps-agent-only-option .print-page {
  padding-right: 15px;
}
@media print {
  #wrapper ngapps-gas-on-off-main .print-page,
  #wrapper ngapps-reconnect-service .print-page,
  #wrapper ngapps-seasonal-turn-on .print-page,
  #wrapper ngapps-service-address-selector .print-page,
  #wrapper ngapps-reconnect-contact-information .print-page,
  #wrapper ngapps-reconnect-service-confirmation .print-page,
  #wrapper ngapps-pa-agent-only-option .print-page,
  #wrapper ngapps-agent-only-instruction .print-page,
  #wrapper ngapps-agent-only-option .print-page {
    display: none;
  }
}
#wrapper ngapps-gas-on-off-main .print-page i,
#wrapper ngapps-reconnect-service .print-page i,
#wrapper ngapps-seasonal-turn-on .print-page i,
#wrapper ngapps-service-address-selector .print-page i,
#wrapper ngapps-reconnect-contact-information .print-page i,
#wrapper ngapps-reconnect-service-confirmation .print-page i,
#wrapper ngapps-pa-agent-only-option .print-page i,
#wrapper ngapps-agent-only-instruction .print-page i,
#wrapper ngapps-agent-only-option .print-page i {
  vertical-align: middle;
}
#wrapper ngapps-gas-on-off-main .accordion-toggle .mdi,
#wrapper ngapps-reconnect-service .accordion-toggle .mdi,
#wrapper ngapps-seasonal-turn-on .accordion-toggle .mdi,
#wrapper ngapps-service-address-selector .accordion-toggle .mdi,
#wrapper ngapps-reconnect-contact-information .accordion-toggle .mdi,
#wrapper ngapps-reconnect-service-confirmation .accordion-toggle .mdi,
#wrapper ngapps-pa-agent-only-option .accordion-toggle .mdi,
#wrapper ngapps-agent-only-instruction .accordion-toggle .mdi,
#wrapper ngapps-agent-only-option .accordion-toggle .mdi {
  color: #250e62;
}
#wrapper ngapps-gas-on-off-main button.btn,
#wrapper ngapps-reconnect-service button.btn,
#wrapper ngapps-seasonal-turn-on button.btn,
#wrapper ngapps-service-address-selector button.btn,
#wrapper ngapps-reconnect-contact-information button.btn,
#wrapper ngapps-reconnect-service-confirmation button.btn,
#wrapper ngapps-pa-agent-only-option button.btn,
#wrapper ngapps-agent-only-instruction button.btn,
#wrapper ngapps-agent-only-option button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-agent-only-instruction mat-form-field mat-label {
  color: #666666;
  font-size: 16px;
}
#wrapper ngapps-agent-only-instruction mat-form-field .mat-form-field-flex {
  padding: 0rem !important;
  background: transparent !important;
}
#wrapper ngapps-agent-only-instruction mat-form-field .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-start,
#wrapper ngapps-agent-only-instruction mat-form-field .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-end {
  border: 1px solid #869cad;
  border-radius: 0;
  border-width: 0 0 1px 0;
}
#wrapper ngapps-agent-only-instruction mat-form-field .mat-form-field-flex .mat-form-field-outline .mat-form-field-outline-gap {
  width: 0px !important;
}
#wrapper ngapps-schedule-appoinment-date-picker .reconnect-date {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#wrapper ngapps-schedule-appoinment-date-picker .reconnect-date label, #wrapper ngapps-schedule-appoinment-date-picker .reconnect-date body mat-label, body #wrapper ngapps-schedule-appoinment-date-picker .reconnect-date mat-label, #wrapper ngapps-schedule-appoinment-date-picker .reconnect-date mat-label {
  display: block;
  margin-left: 0.4rem;
}
#wrapper ngapps-schedule-appoinment-time-slot {
  display: block;
  margin-bottom: 2rem;
}
#wrapper ngapps-schedule-appoinment-time-slot .form-group {
  margin-bottom: 0;
}
#wrapper ngapps-reconnect-service .panel-default {
  margin-top: 2rem;
}
#wrapper ngapps-cwr-payment-arrangement .panel-title {
  text-transform: none;
  font-weight: inherit;
}
#wrapper ngapps-cwr-payment-arrangement .payment-details {
  display: flex;
}
#wrapper ngapps-cwr-payment-arrangement .payment-details > section > h4 {
  font-size: 1rem;
  font-weight: normal;
}
#wrapper ngapps-cwr-payment-arrangement .payment-details > section > p {
  font-size: 2rem;
}
#wrapper ngapps-cwr-payment-arrangement .payment-details > section.down-payment {
  min-width: 10rem;
  width: 25%;
}
#wrapper ngapps-cwr-payment-arrangement .payment-details > section.payment {
  min-width: 24rem;
}
#wrapper ngapps-cwr-payment-arrangement .payment-details > section.duration {
  min-width: 10rem;
  width: 25%;
}
#wrapper ngapps-reconnect-service-mo .panel-group .panel-heading {
  padding: 0;
}
#wrapper ngapps-reconnect-service-mo .panel-body {
  background: none;
  margin-top: 2rem;
}
#wrapper ngapps-reconnect-service-mo .accordion-option-container label, #wrapper ngapps-reconnect-service-mo .accordion-option-container body mat-label, body #wrapper ngapps-reconnect-service-mo .accordion-option-container mat-label, #wrapper ngapps-reconnect-service-mo .accordion-option-container mat-label {
  clear: left;
  float: left;
}
#wrapper ngapps-reconnect-service-mo .accordion-option-container div.total-and-chevron {
  clear: right;
  float: right;
  line-height: 3rem;
}
#wrapper ngapps-reconnect-service-mo ul {
  padding: 0;
}
#wrapper ngapps-reconnect-service-mo li.row {
  margin-left: 0;
  margin-right: 0;
  padding: 2rem 0;
}
#wrapper ngapps-reconnect-service-mo li.row:first-child {
  padding-top: 0;
}
#wrapper ngapps-reconnect-service-mo li .reconnection-fees-table {
  display: table;
  width: calc(100% - 1.2rem);
  border-collapse: collapse;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-reconnect-service-mo li .reconnection-fees-table {
    display: block;
  }
}
#wrapper ngapps-reconnect-service-mo li .reconnection-fees-table > div {
  display: table-row;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-reconnect-service-mo li .reconnection-fees-table > div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}
#wrapper ngapps-reconnect-service-mo li .reconnection-fees-table > div > div {
  display: table-cell;
  vertical-align: middle;
  line-height: 2rem;
}
@media screen and (max-width: 480px) {
  #wrapper ngapps-reconnect-service-mo li .reconnection-fees-table > div > div {
    display: inherit;
    line-height: 1.5rem;
    align-items: flex-end;
  }
  #wrapper ngapps-reconnect-service-mo li .reconnection-fees-table > div > div:first-child {
    flex-basis: 50%;
  }
}
#wrapper ngapps-reconnect-service-mo li .reconnection-fees-table .amount {
  text-align: right;
}
#wrapper ngapps-reconnect-service-mo li > div.payment-details > section > h4 {
  font-size: 1rem;
  font-weight: normal;
}
#wrapper ngapps-reconnect-service-mo li > div.payment-details > section > p {
  font-size: 2rem;
}
#wrapper ngapps-reconnect-service-mo li > div.payment-details > section.down-payment {
  min-width: 10rem;
  width: 25%;
}
#wrapper ngapps-reconnect-service-mo li > div.payment-details > section.payment {
  min-width: 24rem;
}
#wrapper ngapps-reconnect-service-mo li > div.payment-details > section.duration {
  min-width: 10rem;
  width: 25%;
}
#wrapper ngapps-service-orders h2,
#wrapper ngapps-service-orders-main h2,
#wrapper ngapps-pending-service-orders h2,
#wrapper ngapps-completed-service-orders h2 {
  margin: 1rem 0;
}
#wrapper ngapps-service-orders h2 a,
#wrapper ngapps-service-orders-main h2 a,
#wrapper ngapps-pending-service-orders h2 a,
#wrapper ngapps-completed-service-orders h2 a {
  font-size: 2rem;
}
#wrapper ngapps-service-orders table,
#wrapper ngapps-service-orders-main table,
#wrapper ngapps-pending-service-orders table,
#wrapper ngapps-completed-service-orders table {
  margin-bottom: 4rem;
  width: 100%;
}
@media screen and (max-width: 639.9375px) {
  #wrapper ngapps-service-orders thead,
  #wrapper ngapps-service-orders-main thead,
  #wrapper ngapps-pending-service-orders thead,
  #wrapper ngapps-completed-service-orders thead {
    display: none;
  }
  #wrapper ngapps-service-orders tr, #wrapper ngapps-service-orders td,
  #wrapper ngapps-service-orders-main tr,
  #wrapper ngapps-service-orders-main td,
  #wrapper ngapps-pending-service-orders tr,
  #wrapper ngapps-pending-service-orders td,
  #wrapper ngapps-completed-service-orders tr,
  #wrapper ngapps-completed-service-orders td {
    display: block;
  }
  #wrapper ngapps-service-orders tr,
  #wrapper ngapps-service-orders-main tr,
  #wrapper ngapps-pending-service-orders tr,
  #wrapper ngapps-completed-service-orders tr {
    padding: 1rem 0;
    border-bottom: 1px solid #b5b5b5;
  }
  #wrapper ngapps-service-orders td,
  #wrapper ngapps-service-orders-main td,
  #wrapper ngapps-pending-service-orders td,
  #wrapper ngapps-completed-service-orders td {
    text-align: left !important;
  }
  #wrapper ngapps-service-orders strong.mobile-only,
  #wrapper ngapps-service-orders-main strong.mobile-only,
  #wrapper ngapps-pending-service-orders strong.mobile-only,
  #wrapper ngapps-completed-service-orders strong.mobile-only {
    display: inline-block;
    width: 10rem;
  }
}
@media screen and (max-width: 639.9375px) {
  #wrapper ngapps-service-orders td,
  #wrapper ngapps-service-orders-main td,
  #wrapper ngapps-pending-service-orders td,
  #wrapper ngapps-completed-service-orders td {
    margin-bottom: 1rem;
  }
  #wrapper ngapps-service-orders strong.mobile-only,
  #wrapper ngapps-service-orders-main strong.mobile-only,
  #wrapper ngapps-pending-service-orders strong.mobile-only,
  #wrapper ngapps-completed-service-orders strong.mobile-only {
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 640px) {
  #wrapper ngapps-service-orders .mobile-only,
  #wrapper ngapps-service-orders-main .mobile-only,
  #wrapper ngapps-pending-service-orders .mobile-only,
  #wrapper ngapps-completed-service-orders .mobile-only {
    display: none;
  }
  #wrapper ngapps-service-orders thead,
  #wrapper ngapps-service-orders-main thead,
  #wrapper ngapps-pending-service-orders thead,
  #wrapper ngapps-completed-service-orders thead {
    background-color: #ededed;
  }
  #wrapper ngapps-service-orders thead a,
  #wrapper ngapps-service-orders-main thead a,
  #wrapper ngapps-pending-service-orders thead a,
  #wrapper ngapps-completed-service-orders thead a {
    color: #4a4a4a;
    font-weight: normal;
  }
  #wrapper ngapps-service-orders thead a:hover,
  #wrapper ngapps-service-orders-main thead a:hover,
  #wrapper ngapps-pending-service-orders thead a:hover,
  #wrapper ngapps-completed-service-orders thead a:hover {
    color: black;
    text-decoration: none;
  }
  #wrapper ngapps-service-orders tbody tr,
  #wrapper ngapps-service-orders-main tbody tr,
  #wrapper ngapps-pending-service-orders tbody tr,
  #wrapper ngapps-completed-service-orders tbody tr {
    border-bottom: 1px solid #979797;
  }
  #wrapper ngapps-service-orders th, #wrapper ngapps-service-orders td,
  #wrapper ngapps-service-orders-main th,
  #wrapper ngapps-service-orders-main td,
  #wrapper ngapps-pending-service-orders th,
  #wrapper ngapps-pending-service-orders td,
  #wrapper ngapps-completed-service-orders th,
  #wrapper ngapps-completed-service-orders td {
    padding: 1rem;
    text-align: left;
  }
  #wrapper ngapps-service-orders th.number, #wrapper ngapps-service-orders th.currency, #wrapper ngapps-service-orders td.number, #wrapper ngapps-service-orders td.currency,
  #wrapper ngapps-service-orders-main th.number,
  #wrapper ngapps-service-orders-main th.currency,
  #wrapper ngapps-service-orders-main td.number,
  #wrapper ngapps-service-orders-main td.currency,
  #wrapper ngapps-pending-service-orders th.number,
  #wrapper ngapps-pending-service-orders th.currency,
  #wrapper ngapps-pending-service-orders td.number,
  #wrapper ngapps-pending-service-orders td.currency,
  #wrapper ngapps-completed-service-orders th.number,
  #wrapper ngapps-completed-service-orders th.currency,
  #wrapper ngapps-completed-service-orders td.number,
  #wrapper ngapps-completed-service-orders td.currency {
    text-align: right;
  }
}
@media screen and (min-width: 720px) {
  #wrapper ngapps-service-orders th, #wrapper ngapps-service-orders td,
  #wrapper ngapps-service-orders-main th,
  #wrapper ngapps-service-orders-main td,
  #wrapper ngapps-pending-service-orders th,
  #wrapper ngapps-pending-service-orders td,
  #wrapper ngapps-completed-service-orders th,
  #wrapper ngapps-completed-service-orders td {
    padding: 1rem 2rem;
  }
}
#wrapper ngapps-service-orders table,
#wrapper ngapps-service-orders-main table,
#wrapper ngapps-pending-service-orders table,
#wrapper ngapps-completed-service-orders table {
  width: 100%;
  font-size: 1.125rem;
}
#wrapper ngapps-service-orders th,
#wrapper ngapps-service-orders-main th,
#wrapper ngapps-pending-service-orders th,
#wrapper ngapps-completed-service-orders th {
  white-space: nowrap;
}
#wrapper ngapps-service-orders .edit-order-panel,
#wrapper ngapps-service-orders-main .edit-order-panel,
#wrapper ngapps-pending-service-orders .edit-order-panel,
#wrapper ngapps-completed-service-orders .edit-order-panel {
  display: flex;
}
#wrapper ngapps-service-orders .service-orders,
#wrapper ngapps-service-orders-main .service-orders,
#wrapper ngapps-pending-service-orders .service-orders,
#wrapper ngapps-completed-service-orders .service-orders {
  flex-direction: row;
}
#wrapper ngapps-service-orders .service-order-date,
#wrapper ngapps-service-orders-main .service-order-date,
#wrapper ngapps-pending-service-orders .service-order-date,
#wrapper ngapps-completed-service-orders .service-order-date {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#wrapper ngapps-service-orders .service-order-date label, #wrapper ngapps-service-orders .service-order-date body mat-label, body #wrapper ngapps-service-orders .service-order-date mat-label, #wrapper ngapps-service-orders .service-order-date mat-label,
#wrapper ngapps-service-orders-main .service-order-date label,
#wrapper ngapps-service-orders-main .service-order-date body mat-label,
body #wrapper ngapps-service-orders-main .service-order-date mat-label,
#wrapper ngapps-service-orders-main .service-order-date mat-label,
#wrapper ngapps-pending-service-orders .service-order-date label,
#wrapper ngapps-pending-service-orders .service-order-date body mat-label,
body #wrapper ngapps-pending-service-orders .service-order-date mat-label,
#wrapper ngapps-pending-service-orders .service-order-date mat-label,
#wrapper ngapps-completed-service-orders .service-order-date label,
#wrapper ngapps-completed-service-orders .service-order-date body mat-label,
body #wrapper ngapps-completed-service-orders .service-order-date mat-label,
#wrapper ngapps-completed-service-orders .service-order-date mat-label {
  display: block;
  margin-left: 0.4rem;
}
#wrapper ngapps-service-orders .service-order-info,
#wrapper ngapps-service-orders-main .service-order-info,
#wrapper ngapps-pending-service-orders .service-order-info,
#wrapper ngapps-completed-service-orders .service-order-info {
  float: left;
  font-size: 0.8rem;
  max-width: 28rem;
  width: 100%;
}
#wrapper ngapps-service-orders .service-order-info > *,
#wrapper ngapps-service-orders-main .service-order-info > *,
#wrapper ngapps-pending-service-orders .service-order-info > *,
#wrapper ngapps-completed-service-orders .service-order-info > * {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#wrapper ngapps-service-orders .service-order-info h4,
#wrapper ngapps-service-orders-main .service-order-info h4,
#wrapper ngapps-pending-service-orders .service-order-info h4,
#wrapper ngapps-completed-service-orders .service-order-info h4 {
  color: #666666;
  font-size: 0.8rem;
  padding: 0;
  margin: 0;
}
#wrapper ngapps-service-orders .service-order-info div.number,
#wrapper ngapps-service-orders-main .service-order-info div.number,
#wrapper ngapps-pending-service-orders .service-order-info div.number,
#wrapper ngapps-completed-service-orders .service-order-info div.number {
  font-size: 1rem;
  font-weight: 700;
  padding-top: 0;
}
#wrapper ngapps-service-orders .service-order-info div.buttons,
#wrapper ngapps-service-orders-main .service-order-info div.buttons,
#wrapper ngapps-pending-service-orders .service-order-info div.buttons,
#wrapper ngapps-completed-service-orders .service-order-info div.buttons {
  float: none;
  clear: both;
}
#wrapper ngapps-service-orders .service-order-form,
#wrapper ngapps-service-orders-main .service-order-form,
#wrapper ngapps-pending-service-orders .service-order-form,
#wrapper ngapps-completed-service-orders .service-order-form {
  float: left;
  width: 100%;
}
#wrapper ngapps-service-orders .service-time,
#wrapper ngapps-service-orders-main .service-time,
#wrapper ngapps-pending-service-orders .service-time,
#wrapper ngapps-completed-service-orders .service-time {
  margin-bottom: 2rem;
}
#wrapper ngapps-service-orders .service-time .form-group,
#wrapper ngapps-service-orders-main .service-time .form-group,
#wrapper ngapps-pending-service-orders .service-time .form-group,
#wrapper ngapps-completed-service-orders .service-time .form-group {
  margin-bottom: 0;
}
#wrapper ngapps-service-orders .form-group label.control-label, #wrapper ngapps-service-orders .form-group mat-label.control-label,
#wrapper ngapps-service-orders-main .form-group label.control-label,
#wrapper ngapps-service-orders-main .form-group mat-label.control-label,
#wrapper ngapps-pending-service-orders .form-group label.control-label,
#wrapper ngapps-pending-service-orders .form-group mat-label.control-label,
#wrapper ngapps-completed-service-orders .form-group label.control-label,
#wrapper ngapps-completed-service-orders .form-group mat-label.control-label {
  color: #666666;
}
#wrapper ngapps-service-orders td.edit-panel,
#wrapper ngapps-service-orders-main td.edit-panel,
#wrapper ngapps-pending-service-orders td.edit-panel,
#wrapper ngapps-completed-service-orders td.edit-panel {
  padding: 1rem 0;
  text-align: inherit;
  width: 100%;
}
#wrapper ngapps-service-orders th .mdi,
#wrapper ngapps-service-orders-main th .mdi,
#wrapper ngapps-pending-service-orders th .mdi,
#wrapper ngapps-completed-service-orders th .mdi {
  vertical-align: middle;
}
#wrapper ngapps-service-orders div.buttons,
#wrapper ngapps-service-orders-main div.buttons,
#wrapper ngapps-pending-service-orders div.buttons,
#wrapper ngapps-completed-service-orders div.buttons {
  float: none;
  clear: both;
  display: flex;
}
#wrapper ngapps-service-orders ngapps-contact-info > div,
#wrapper ngapps-service-orders-main ngapps-contact-info > div,
#wrapper ngapps-pending-service-orders ngapps-contact-info > div,
#wrapper ngapps-completed-service-orders ngapps-contact-info > div {
  max-width: 37rem !important;
}
#wrapper ngapps-one-time-payment-methods #payment-methods .payment-icon {
  display: block;
  float: right;
  margin-top: -30px;
}
#wrapper ngapps-one-time-payment-methods #payment-methods app-bank-account .form-group.spire-radio label:first-of-type, #wrapper ngapps-one-time-payment-methods #payment-methods app-bank-account .form-group.spire-radio mat-label:first-of-type {
  margin-right: 2.5rem;
}
#wrapper ngapps-payment-method-panel {
  display: flex;
  flex-wrap: wrap;
  padding: 1rem 0;
  width: 100%;
  border: 1px solid #ededed;
  border-left: none;
  border-right: none;
  margin-bottom: 3rem;
}
@media screen and (max-width: 320px) {
  #wrapper ngapps-payment-method-panel {
    justify-content: center;
  }
}
#wrapper ngapps-payment-method-panel .payment-method-container {
  padding-bottom: 2rem;
  padding-right: 2rem;
}
#wrapper ngapps-payment-method-panel .form-group.spire-radio input[type=radio] + label, #wrapper ngapps-payment-method-panel .form-group.spire-radio input[type=radio] + mat-label {
  padding-left: 0;
}
#wrapper ngapps-payment-method-panel .form-group.spire-radio input[type=radio] + label:before, #wrapper ngapps-payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:before {
  top: 32px;
  left: 43px;
}
#wrapper ngapps-payment-method-panel .form-group.spire-radio input[type=radio] + label:after, #wrapper ngapps-payment-method-panel .form-group.spire-radio input[type=radio] + mat-label:after {
  top: 36px;
  left: 47px;
}
#wrapper ngapps-change-address-modal .modal-footer {
  padding: 15px 25px;
}
#wrapper ngapps-stop-service-confirmation-page .confirmation-details {
  margin-bottom: 2rem;
}
#wrapper ngapps-stop-service-confirmation-page .confirmation-details .row {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
#wrapper ngapps-stop-service-confirmation-page .confirmation-details h3 {
  font-size: 1rem;
  font-weight: 700;
  border-bottom: 1px solid;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-stop-service-confirmation-page .detail-label {
  color: #4a4a4a;
}
#wrapper ngapps-stop-service-confirmation-page .selected-address {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  margin-bottom: 1rem;
}
#wrapper ngapps-stop-service-confirmation-page .print-page {
  padding-right: 15px;
  text-align: right;
}
@media print {
  #wrapper ngapps-stop-service-confirmation-page .print-page {
    display: none;
  }
}
#wrapper ngapps-stop-service-confirmation-page .print-page i {
  vertical-align: middle;
}
#wrapper ngapps-stop-service-confirmation-page .stop-service-order-confirm-header,
#wrapper ngapps-stop-service-confirmation-page .contact-info-confirm-header {
  width: 100%;
}
#wrapper ngapps-stop-service-confirmation-page .instruction-content {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
#wrapper ngapps-stop-service-main .select-address,
#wrapper ngapps-seasonal-turn-on-main .select-address,
#wrapper ngapps-nonpay-reconnect-main .select-address {
  margin-bottom: 1rem;
  display: inline-block;
}
#wrapper ngapps-stop-service-main .reconnect-service-header,
#wrapper ngapps-seasonal-turn-on-main .reconnect-service-header,
#wrapper ngapps-nonpay-reconnect-main .reconnect-service-header {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#wrapper ngapps-stop-service-main .reconnect-service-header h2,
#wrapper ngapps-seasonal-turn-on-main .reconnect-service-header h2,
#wrapper ngapps-nonpay-reconnect-main .reconnect-service-header h2 {
  margin: 0;
}
#wrapper ngapps-associated-accounts h1,
#wrapper ngapps-associated-accounts h2 {
  margin-bottom: 2rem;
}
#wrapper ngapps-associated-accounts .account-select-container {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}
#wrapper ngapps-associated-accounts .form-group.spire-radio input[type=radio] + label:not(.sr-only), #wrapper ngapps-associated-accounts .form-group.spire-radio input[type=radio] + mat-label:not(.sr-only) {
  margin: -1.5rem 1rem 0 0;
}
#wrapper ngapps-associated-account .tile {
  box-shadow: 0 2px 5px 0px #979797;
  border-top: 1px solid #ededed;
  padding: 1.5rem;
  width: 16.3125rem;
}
#wrapper ngapps-associated-account .tile > div {
  margin-bottom: 1rem;
}
#wrapper ngapps-associated-account .tile .label-account-number {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 0.2rem;
}
#wrapper ngapps-associated-account .tile .value-account-number {
  font-size: 1.3125rem;
  line-height: 1.5625rem;
}
#wrapper ngapps-associated-account .tile .nickname {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #dd6716;
  margin-bottom: 1rem;
}
#wrapper ngapps-associated-account .tile .address {
  text-transform: capitalize;
  line-height: 1.125rem;
  margin-bottom: 0;
}
#wrapper ngapps-stop-service-step-1 .stop-reason {
  margin-bottom: 3rem;
  margin-top: 2rem;
  display: inline-block;
}
#wrapper ngapps-stop-service-step-1 .stop-reason label, #wrapper ngapps-stop-service-step-1 .stop-reason body mat-label, body #wrapper ngapps-stop-service-step-1 .stop-reason mat-label, #wrapper ngapps-stop-service-step-1 .stop-reason mat-label {
  display: block;
}
#wrapper ngapps-stop-service-step-1 .meter-located .spire-radio {
  display: inline-block;
  margin-right: 1rem;
}
#wrapper ngapps-stop-service-step-1 button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-stop-service-step-2 .confirm-address {
  margin: 1rem 0;
}
#wrapper ngapps-stop-service-step-2 .confirm-address .form-group {
  margin-bottom: 0.5rem;
}
#wrapper ngapps-stop-service-step-2 .confirm-address label, #wrapper ngapps-stop-service-step-2 .confirm-address body mat-label, body #wrapper ngapps-stop-service-step-2 .confirm-address mat-label, #wrapper ngapps-stop-service-step-2 .confirm-address mat-label {
  font-size: 1rem;
}
#wrapper ngapps-stop-service-step-2 .confirm-address p {
  margin-left: 1.6rem;
}
#wrapper ngapps-stop-service-step-2 .selected-address {
  margin-bottom: 1rem;
}
#wrapper ngapps-stop-service-step-2 .mailing-address {
  margin-left: 0;
}
#wrapper ngapps-stop-service-step-2 .mailing-address .spire-radio {
  margin-top: 2rem;
  margin-bottom: 0;
}
#wrapper ngapps-stop-service-step-2 button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-stop-service-step-3 app-protected-access-control > button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-stop-service-step-3 ngapps-schedule-appointment-datepicker .mat-form-field-appearance-fill .mat-form-field-flex {
  padding: 0rem !important;
  border: 1px solid #869cad;
  border-radius: 0;
  border-width: 0 0 1px 0;
  background: transparent !important;
}
#wrapper ngapps-stop-service-step-3 ngapps-schedule-appointment-datepicker mat-datepicker-toggle button.mat-icon-button {
  align-items: flex-end;
}
#wrapper ngapps-stop-service-step-3 ngapps-schedule-appointment-datepicker .mat-form-field-appearance-fill .mat-form-field-ripple {
  height: 1px;
}
#wrapper ngapps-stop-service-step-3 ngapps-schedule-appointment-datepicker mat-form-field .mat-form-field-infix .mat-datepicker-input {
  color: #4a4a4a;
}
#wrapper ngapps-stop-service-step-4 .contact-info,
#wrapper ngapps-stop-service-step-4 .mailing-address {
  margin-top: 3rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  #wrapper ngapps-stop-service-step-4 .contact-info,
  #wrapper ngapps-stop-service-step-4 .mailing-address {
    margin-left: 0;
  }
}
#wrapper ngapps-stop-service-step-4 button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-schedule-appoinment-date-picker .reconnect-date {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#wrapper ngapps-schedule-appoinment-date-picker .reconnect-date label, #wrapper ngapps-schedule-appoinment-date-picker .reconnect-date body mat-label, body #wrapper ngapps-schedule-appoinment-date-picker .reconnect-date mat-label, #wrapper ngapps-schedule-appoinment-date-picker .reconnect-date mat-label {
  display: block;
  margin-left: 0.4rem;
}
#wrapper ngapps-schedule-appoinment-date-picker .reconnect-time .form-group {
  margin-bottom: 0;
}
#wrapper ngapps-stop-service .mdi:before {
  margin-right: 0.5rem;
}
#wrapper ngapps-stop-service progressbar {
  height: 20px;
  margin-bottom: 20px;
}
#wrapper ngapps-stop-service .stop-reason {
  margin-bottom: 3rem;
  margin-top: 2rem;
  display: inline-block;
}
#wrapper ngapps-stop-service .stop-reason label, #wrapper ngapps-stop-service .stop-reason body mat-label, body #wrapper ngapps-stop-service .stop-reason mat-label, #wrapper ngapps-stop-service .stop-reason mat-label {
  display: block;
}
#wrapper ngapps-stop-service .meter-located .spire-radio {
  display: inline-block;
  margin-right: 1rem;
}
#wrapper ngapps-stop-service button.btn {
  margin-right: 1rem;
}
#wrapper ngapps-stop-service .select-address {
  margin-bottom: 2rem;
  display: inline-block;
}
#wrapper ngapps-stop-service .reconnect-service-header {
  margin-top: 1.5rem;
}
#wrapper ngapps-stop-service .please-confirm {
  margin-top: 2rem;
}
#wrapper ngapps-stop-service .confirm-address {
  margin-bottom: 3rem;
  margin-top: 2rem;
}
#wrapper ngapps-stop-service .confirm-address .form-group {
  margin-bottom: 0.5rem;
}
#wrapper ngapps-stop-service .confirm-address label, #wrapper ngapps-stop-service .confirm-address body mat-label, body #wrapper ngapps-stop-service .confirm-address mat-label, #wrapper ngapps-stop-service .confirm-address mat-label {
  font-size: 1rem;
}
#wrapper ngapps-stop-service #thank-you h2.billboard {
  color: #ffffff;
  background: #4a4a4a;
  padding: 3rem 2rem 4rem;
  margin-bottom: 2rem;
}
#wrapper ngapps-start-service button,
#wrapper ngapps-start-service app-protected-access-control button {
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  #wrapper ngapps-start-service,
  #wrapper ngapps-unauth-guest,
  #wrapper ngapps-auth-customer {
    margin-left: auto;
    margin-right: auto;
  }
}
#wrapper ngapps-start-service h1,
#wrapper ngapps-unauth-guest h1,
#wrapper ngapps-auth-customer h1 {
  margin-bottom: 4rem;
}
#wrapper ngapps-start-service h4,
#wrapper ngapps-unauth-guest h4,
#wrapper ngapps-auth-customer h4 {
  font-weight: normal;
}
#wrapper ngapps-start-service h1.progress-step,
#wrapper ngapps-unauth-guest h1.progress-step,
#wrapper ngapps-auth-customer h1.progress-step {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  color: inherit;
  font-size: 1rem;
  margin-bottom: 1rem;
}
#wrapper ngapps-start-service p,
#wrapper ngapps-unauth-guest p,
#wrapper ngapps-auth-customer p {
  margin-bottom: 2rem;
}
#wrapper ngapps-start-service p.confirmed-address,
#wrapper ngapps-unauth-guest p.confirmed-address,
#wrapper ngapps-auth-customer p.confirmed-address {
  margin-bottom: 4rem;
}
#wrapper ngapps-start-service .auto-lookup,
#wrapper ngapps-start-service .manual-lookup,
#wrapper ngapps-unauth-guest .auto-lookup,
#wrapper ngapps-unauth-guest .manual-lookup,
#wrapper ngapps-auth-customer .auto-lookup,
#wrapper ngapps-auth-customer .manual-lookup {
  margin-bottom: 2rem;
}
#wrapper ngapps-start-service progressbar,
#wrapper ngapps-unauth-guest progressbar,
#wrapper ngapps-auth-customer progressbar {
  margin-bottom: 2rem;
  height: 20px;
}
#wrapper ngapps-start-service-headline h2 {
  margin-bottom: 2rem;
}
#wrapper ngapps-google-map-place-autocomplete > div,
#wrapper ngapps-service-address > div,
#wrapper ngapps-mailing-address > div,
#wrapper ngapps-start-serv-mailing-address > div,
#wrapper ngapps-contact-info > div,
#wrapper ngapps-appointment-contact-info > div,
#wrapper ngapps-step2-call-us > div {
  width: 34rem;
}
#wrapper ngapps-service-address .service-address,
#wrapper ngapps-service-address .mailing-address,
#wrapper ngapps-service-address .contact-info,
#wrapper ngapps-mailing-address .service-address,
#wrapper ngapps-mailing-address .mailing-address,
#wrapper ngapps-mailing-address .contact-info,
#wrapper ngapps-start-serv-mailing-address .service-address,
#wrapper ngapps-start-serv-mailing-address .mailing-address,
#wrapper ngapps-start-serv-mailing-address .contact-info,
#wrapper ngapps-contact-info .service-address,
#wrapper ngapps-contact-info .mailing-address,
#wrapper ngapps-contact-info .contact-info {
  margin-bottom: 2rem;
}
#wrapper ngapps-service-address .city-state,
#wrapper ngapps-service-address .zip-country,
#wrapper ngapps-mailing-address .city-state,
#wrapper ngapps-mailing-address .zip-country,
#wrapper ngapps-start-serv-mailing-address .city-state,
#wrapper ngapps-start-serv-mailing-address .zip-country,
#wrapper ngapps-contact-info .city-state,
#wrapper ngapps-contact-info .zip-country {
  display: flex;
  justify-content: space-between;
}
#wrapper ngapps-service-address .city-state > div,
#wrapper ngapps-service-address .zip-country > div,
#wrapper ngapps-mailing-address .city-state > div,
#wrapper ngapps-mailing-address .zip-country > div,
#wrapper ngapps-start-serv-mailing-address .city-state > div,
#wrapper ngapps-start-serv-mailing-address .zip-country > div,
#wrapper ngapps-contact-info .city-state > div,
#wrapper ngapps-contact-info .zip-country > div {
  flex-basis: 46%;
}
#wrapper ngapps-confirmed-service-address .confirmed-service-address {
  display: flex;
  align-items: center;
  min-height: 3rem;
  max-width: 24rem;
  margin-bottom: 4rem;
}
#wrapper ngapps-confirmed-service-address .confirmed-service-address .edit-link {
  margin-left: auto;
  white-space: nowrap;
}
#wrapper ngapps-step1-address-entry .account-number,
#wrapper ngapps-step1-multiple-addresses .account-number,
#wrapper ngapps-step2-contact-info .account-number,
#wrapper ngapps-step2-call-us .account-number,
#wrapper ngapps-step3-nothing-due .account-number,
#wrapper ngapps-step3-payment-info-al .account-number,
#wrapper ngapps-step3-payment-info-mo .account-number,
#wrapper ngapps-step3-payment-info-ccb .account-number,
#wrapper ngapps-step3-payment-confirmation .account-number,
#wrapper ngapps-step4-schedule .account-number {
  margin-bottom: 2rem;
  max-width: 34rem;
}
#wrapper ngapps-step1-address-entry .owe-today,
#wrapper ngapps-step1-multiple-addresses .owe-today,
#wrapper ngapps-step2-contact-info .owe-today,
#wrapper ngapps-step2-call-us .owe-today,
#wrapper ngapps-step3-nothing-due .owe-today,
#wrapper ngapps-step3-payment-info-al .owe-today,
#wrapper ngapps-step3-payment-info-mo .owe-today,
#wrapper ngapps-step3-payment-info-ccb .owe-today,
#wrapper ngapps-step3-payment-confirmation .owe-today,
#wrapper ngapps-step4-schedule .owe-today {
  font-weight: 700;
}
#wrapper ngapps-service-addresses .link-button {
  margin-bottom: 1rem;
}
#wrapper ngapps-step2-personal-info .ssn-input {
  max-width: 34rem;
  display: flex;
}
#wrapper ngapps-step2-personal-info .ssn-input .input-container {
  flex-grow: 2;
}
#wrapper ngapps-step2-personal-info .ssn-input .show-password {
  margin-left: auto;
}
#wrapper ngapps-step2-personal-info .ssn-input .show-password button {
  background: none;
  border: none;
  outline: 0;
}
#wrapper ngapps-step3-nothing-due .mdi-check-circle-outline {
  text-align: center;
  color: #1ab24e;
  font-size: 3rem;
}
#wrapper ngapps-step3-payment-info-al h3,
#wrapper ngapps-step3-payment-info-mo h3,
#wrapper ngapps-step3-payment-info-ccb h3,
#wrapper ngapps-initial-payment-options h3 {
  margin-bottom: 1rem;
}
#wrapper ngapps-step3-payment-info-al .line-item,
#wrapper ngapps-step3-payment-info-mo .line-item,
#wrapper ngapps-step3-payment-info-ccb .line-item,
#wrapper ngapps-initial-payment-options .line-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#wrapper ngapps-step3-payment-info-al .line-item p,
#wrapper ngapps-step3-payment-info-mo .line-item p,
#wrapper ngapps-step3-payment-info-ccb .line-item p,
#wrapper ngapps-initial-payment-options .line-item p {
  margin: 0;
}
#wrapper ngapps-step3-payment-info-al .line-item .amountOwnToday,
#wrapper ngapps-step3-payment-info-mo .line-item .amountOwnToday,
#wrapper ngapps-step3-payment-info-ccb .line-item .amountOwnToday,
#wrapper ngapps-initial-payment-options .line-item .amountOwnToday {
  color: #dd6716 !important;
}
#wrapper ngapps-step3-payment-info-al p.question-italic,
#wrapper ngapps-step3-payment-info-mo p.question-italic,
#wrapper ngapps-step3-payment-info-ccb p.question-italic,
#wrapper ngapps-initial-payment-options p.question-italic {
  margin-top: 2rem;
  margin-bottom: 0;
  font-style: italic;
}
#wrapper ngapps-step3-payment-info-al .option-indent,
#wrapper ngapps-step3-payment-info-mo .option-indent,
#wrapper ngapps-step3-payment-info-ccb .option-indent,
#wrapper ngapps-initial-payment-options .option-indent {
  padding-left: 2rem;
}
#wrapper ngapps-step3-payment-info-al .reconnection-fees-table,
#wrapper ngapps-step3-payment-info-mo .reconnection-fees-table,
#wrapper ngapps-step3-payment-info-ccb .reconnection-fees-table,
#wrapper ngapps-initial-payment-options .reconnection-fees-table {
  max-width: 34rem;
  margin-bottom: 2rem;
}
#wrapper ngapps-step3-payment-info-al app-ft-payment-method accordion.panel-group,
#wrapper ngapps-step3-payment-info-mo app-ft-payment-method accordion.panel-group,
#wrapper ngapps-step3-payment-info-ccb app-ft-payment-method accordion.panel-group,
#wrapper ngapps-initial-payment-options app-ft-payment-method accordion.panel-group {
  width: 100%;
}
#wrapper ngapps-step3-payment-info-al app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-step3-payment-info-mo app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-step3-payment-info-ccb app-ft-payment-method accordion-group div[accordion-heading],
#wrapper ngapps-initial-payment-options app-ft-payment-method accordion-group div[accordion-heading] {
  display: inline-flex;
  font-weight: normal;
  text-transform: none;
}
#wrapper ngapps-step3-payment-info-al app-agent-only-option accordion-group .panel-title,
#wrapper ngapps-step3-payment-info-mo app-agent-only-option accordion-group .panel-title,
#wrapper ngapps-step3-payment-info-ccb app-agent-only-option accordion-group .panel-title,
#wrapper ngapps-initial-payment-options app-agent-only-option accordion-group .panel-title {
  text-transform: initial !important;
}
#wrapper ngapps-step3-payment-info-al app-agent-only-option accordion-group .other-amount-value,
#wrapper ngapps-step3-payment-info-mo app-agent-only-option accordion-group .other-amount-value,
#wrapper ngapps-step3-payment-info-ccb app-agent-only-option accordion-group .other-amount-value,
#wrapper ngapps-initial-payment-options app-agent-only-option accordion-group .other-amount-value {
  display: inline-block;
  padding-left: 1rem;
}
#wrapper ngapps-step3-payment-info-al app-agent-only-option accordion-group .agent-option-header,
#wrapper ngapps-step3-payment-info-mo app-agent-only-option accordion-group .agent-option-header,
#wrapper ngapps-step3-payment-info-ccb app-agent-only-option accordion-group .agent-option-header,
#wrapper ngapps-initial-payment-options app-agent-only-option accordion-group .agent-option-header {
  width: 97%;
}
#wrapper ngapps-step3-payment-info-al app-agent-only-option accordion-group div[accordion-heading],
#wrapper ngapps-step3-payment-info-mo app-agent-only-option accordion-group div[accordion-heading],
#wrapper ngapps-step3-payment-info-ccb app-agent-only-option accordion-group div[accordion-heading],
#wrapper ngapps-initial-payment-options app-agent-only-option accordion-group div[accordion-heading] {
  display: flex;
}
#wrapper ngapps-amount-due-today > div {
  display: flex;
  margin-bottom: 1rem;
}
#wrapper ngapps-amount-due-today > div div:nth-child(2) {
  margin-left: auto;
}
#wrapper ngapps-amount-due-today .mdi-help-circle-decoration {
  color: #dd6716;
  cursor: pointer;
}
#wrapper ngapps-amount-due-today .towardAccountBalance > p {
  font-weight: 700;
}
#wrapper ngapps-step3-payment-confirmation {
  display: block;
}
#wrapper ngapps-step3-payment-confirmation .mdi-check-circle-outline {
  text-align: center;
  font-size: 3rem;
  color: #1ab24e;
}
#wrapper ngapps-step3-payment-confirmation h3 {
  margin-bottom: 1rem;
}
#wrapper ngapps-step3-payment-confirmation .summary-container {
  margin-bottom: 2rem;
}
#wrapper ngapps-step3-payment-confirmation .summary-row {
  display: flex;
  max-width: 34rem;
  margin-bottom: 1rem;
}
#wrapper ngapps-step3-payment-confirmation .summary-row:last-child {
  margin-bottom: 0;
}
#wrapper ngapps-step3-payment-confirmation .summary-row > div:nth-child(2) {
  margin-left: auto;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-step3-payment-confirmation .tiles-content {
    background-color: #ededed;
  }
}
#wrapper ngapps-step3-payment-confirmation .tiles-content > div {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#wrapper ngapps-step3-payment-confirmation .tiles-content > div > div {
  display: flex;
  width: 98%;
}
@media all and (min-width: 50rem) {
  #wrapper ngapps-step3-payment-confirmation .tiles-content > div > div {
    width: 48%;
  }
}
#wrapper ngapps-step3-payment-confirmation .payment-summary {
  margin-top: 3rem;
  margin-bottom: 2rem;
}
#wrapper ngapps-step3-payment-confirmation .total-amount-due {
  font-size: 1.1rem;
  margin-bottom: 1rem;
}
#wrapper ngapps-step3-payment-confirmation .payment-date {
  font-size: 1.1rem;
}
#wrapper ngapps-step3-payment-confirmation .panel-default {
  margin-bottom: 1rem;
}
#wrapper ngapps-step3-payment-confirmation .panel-collapse {
  background: #ededed;
}
#wrapper ngapps-payment-multiple-confirmation {
  width: 100%;
}
#wrapper ngapps-payment-multiple-confirmation .account-tile-wrapper {
  background: white;
  box-shadow: 0 0 7px -2px rgba(0, 0, 0, 0.4);
  margin-bottom: 1rem;
  padding: 1.2rem;
}
#wrapper ngapps-payment-multiple-confirmation .account-tile-wrapper::after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-payment-multiple-confirmation .account-tile-wrapper {
    display: flex;
    flex-direction: column;
    margin: 2rem;
    width: 20rem;
  }
}
#wrapper ngapps-payment-multiple-confirmation .account-tile {
  display: flex;
  justify-content: space-between;
}
#wrapper ngapps-payment-multiple-confirmation .account-tile-left {
  width: 100%;
}
#wrapper ngapps-payment-multiple-confirmation .account-tile-left .alert {
  width: 98%;
}
#wrapper ngapps-payment-multiple-confirmation .tile-header {
  margin-top: 0.5rem;
}
#wrapper ngapps-payment-multiple-confirmation .tile-top-body {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-payment-multiple-confirmation .tile-top-body {
    height: 15.6rem;
  }
  #wrapper ngapps-payment-multiple-confirmation .tile-top-body.with-tile-header {
    height: 13rem;
  }
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper ngapps-payment-multiple-confirmation .tile-top-body {
    border-bottom: none;
    float: left;
  }
}
#wrapper ngapps-payment-multiple-confirmation .account-number > h2 {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  font-size: 1rem;
  margin-bottom: 0;
}
#wrapper ngapps-payment-multiple-confirmation .account-number > h2 > span {
  padding-right: 6rem;
}
#wrapper ngapps-payment-multiple-confirmation .account-number > p {
  letter-spacing: 1.5px;
  font-size: 1.2rem;
  color: #250e62;
  margin-bottom: 0;
}
#wrapper ngapps-payment-multiple-confirmation .address {
  margin: 0.5rem 0 1rem;
  overflow: hidden;
}
#wrapper ngapps-payment-multiple-confirmation .address span {
  font-size: 0.8rem;
  margin: 0;
}
#wrapper ngapps-payment-multiple-confirmation .tile-bottom-body {
  margin-top: 1rem;
}
@media screen and (max-width: 49rem) and (min-width: 37rem) {
  #wrapper ngapps-payment-multiple-confirmation .tile-bottom-body {
    float: right;
  }
}
@media screen and (min-width: 50rem) {
  #wrapper ngapps-payment-multiple-confirmation .tile-bottom-body {
    height: 12rem;
  }
}
#wrapper ngapps-payment-multiple-confirmation .due-date {
  font-size: 1rem;
  height: 1.1rem;
}
#wrapper ngapps-step4-schedule h3,
#wrapper ngapps-step5-confirmation h3 {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.2rem;
}
#wrapper ngapps-step4-schedule #location,
#wrapper ngapps-step5-confirmation #location {
  margin-bottom: 2rem;
}
#wrapper ngapps-step4-schedule #location h3,
#wrapper ngapps-step5-confirmation #location h3 {
  margin-bottom: 2rem;
}
#wrapper ngapps-step4-schedule #location h3.mdi-map-marker::before,
#wrapper ngapps-step5-confirmation #location h3.mdi-map-marker::before {
  color: #dd6716;
  margin-right: 0.25rem;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
#wrapper ngapps-step4-schedule #location .confirmed-service-address,
#wrapper ngapps-step5-confirmation #location .confirmed-service-address {
  margin-bottom: 2rem;
}
#wrapper ngapps-step4-schedule #location .confirmed-service-address .mdi-map-marker::before,
#wrapper ngapps-step5-confirmation #location .confirmed-service-address .mdi-map-marker::before {
  content: "";
}
#wrapper ngapps-step4-schedule #reminders,
#wrapper ngapps-step5-confirmation #reminders {
  margin-bottom: 2.5rem;
}
#wrapper ngapps-step4-schedule #reminders h3,
#wrapper ngapps-step5-confirmation #reminders h3 {
  margin-bottom: 2rem;
}
#wrapper ngapps-step4-schedule #reminders h3.mdi-alert-circle-outline::before,
#wrapper ngapps-step5-confirmation #reminders h3.mdi-alert-circle-outline::before {
  color: #dd6716;
  margin-right: 0.25rem;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
#wrapper ngapps-step4-schedule #reminders .complete-request,
#wrapper ngapps-step5-confirmation #reminders .complete-request {
  color: #dd6716;
}
#wrapper ngapps-step4-schedule #date-and-time h3,
#wrapper ngapps-step5-confirmation #date-and-time h3 {
  margin-bottom: 2rem;
}
#wrapper ngapps-step4-schedule #date-and-time h3.mdi-calendar-clock::before,
#wrapper ngapps-step5-confirmation #date-and-time h3.mdi-calendar-clock::before {
  color: #dd6716;
  margin-right: 0.25rem;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
#wrapper ngapps-step4-schedule #contact .instruction-content,
#wrapper ngapps-step5-confirmation #contact .instruction-content {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
#wrapper ngapps-schedule-appointment-calendar {
  /* This button group and its child selectors   */
  /* mirror the styles for the "chip" components */
}
#wrapper ngapps-schedule-appointment-calendar .time-slot-container {
  margin-bottom: 2rem;
  overflow-y: auto;
  max-height: 16.25rem;
  max-width: 34rem;
  overflow-x: hidden;
}
#wrapper ngapps-schedule-appointment-calendar .date-container h3 {
  font-size: 1rem;
}
@media only screen and (min-width: 768px) {
  #wrapper ngapps-schedule-appointment-calendar .date-container h3 {
    font-size: 1.125rem;
  }
}
#wrapper ngapps-schedule-appointment-calendar .btn-groups-container {
  display: flex;
  flex-wrap: wrap;
}
#wrapper ngapps-schedule-appointment-calendar .btn-group button.btn {
  height: 38px;
  width: 4.6875rem;
  min-width: 145px;
  padding: 0;
  margin: 0 0.625rem 0.625rem 0;
  font-family: Lato;
  font-size: 16px;
  border: 1px solid #250e62;
  border-radius: 12px;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  line-height: 19px;
  text-align: center;
}
#wrapper ngapps-schedule-appointment-calendar .btn-group button.btn.btn-primary {
  color: #250e62;
  background-color: white;
}
#wrapper ngapps-schedule-appointment-calendar .btn-group button.btn.btn-primary.active {
  color: #ffffff;
  background-color: #250e62;
  font-weight: bold;
}
#wrapper ngapps-step5-confirmation #thank-you h3.billboard,
#wrapper ngapps-step5-confirmation #registration h3.billboard {
  color: #ffffff;
  background: #4a4a4a;
  line-height: 2rem;
  padding: 3rem 2rem 4rem;
  margin-bottom: 2rem;
}
#wrapper ngapps-step5-confirmation #contact {
  margin-bottom: 2.5rem;
}
#wrapper ngapps-step5-confirmation #contact h3 {
  margin-bottom: 2rem;
}
#wrapper ngapps-step5-confirmation #contact h3.mdi-account-outline::before {
  color: #dd6716;
  margin-right: 0.25rem;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
#wrapper ngapps-step5-confirmation #registration {
  max-width: 34rem;
  display: inline;
}
#wrapper ngapps-create-email-password .control-label {
  display: block;
}
#wrapper ngapps-acm-change-order-main .provide-info,
#wrapper ngapps-acm-change-order-confirmation .provide-info {
  padding-bottom: 1rem;
}
#wrapper ngapps-acm-change-order-main .rate-apply,
#wrapper ngapps-acm-change-order-confirmation .rate-apply {
  padding-bottom: 1rem;
  font-style: italic;
}
#wrapper ngapps-acm-change-order-main h2.schedule-inspection-heading,
#wrapper ngapps-acm-change-order-confirmation h2.schedule-inspection-heading {
  color: #dd6716;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-heading h1,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-heading h1 {
  color: #dd6716;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-address .confirmed-service-address,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-address .confirmed-service-address {
  padding-bottom: 1rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-address .confirmed-service-address-ex,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-address .confirmed-service-address-ex {
  padding-bottom: 1rem;
  border-bottom: 1px solid #b5b5b5;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-address h3,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-address h3 {
  font-weight: bold;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-reminders .reminders,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-reminders .reminders {
  padding-bottom: 1rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-reminders h3,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-reminders h3 {
  font-weight: bold;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-reminders li,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-reminders li {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info .contact-info,
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info-edit .contact-info,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info .contact-info,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info-edit .contact-info {
  padding-bottom: 1rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info .contact-info-inline,
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info-edit .contact-info-inline,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info .contact-info-inline,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info-edit .contact-info-inline {
  margin-top: -1.6rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info .contact-info-inline ul#contact-for,
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info-edit .contact-info-inline ul#contact-for,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info .contact-info-inline ul#contact-for,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info-edit .contact-info-inline ul#contact-for {
  list-style-type: none;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info .contact-info-inline li,
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info-edit .contact-info-inline li,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info .contact-info-inline li,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info-edit .contact-info-inline li {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info .instruction-content,
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-contact-info-edit .instruction-content,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info .instruction-content,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-contact-info-edit .instruction-content {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
#wrapper ngapps-acm-change-order-main ngapps-reconnect-confirmation .instruction-content,
#wrapper ngapps-acm-change-order-confirmation ngapps-reconnect-confirmation .instruction-content {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-datetime-info h3,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-datetime-info h3 {
  font-weight: bold;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-datetime-info .confirmed-scheduled-appointment,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-datetime-info .confirmed-scheduled-appointment {
  border-top: 1px solid #b5b5b5;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-datetime-info div#confirmed-appointment,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-datetime-info div#confirmed-appointment {
  padding-left: 1.2rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-datetime-info div#confirmed-send-email,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-datetime-info div#confirmed-send-email {
  padding-left: 1.2rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-datetime-info div#confirmed-print-page,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-datetime-info div#confirmed-print-page {
  padding-left: 1.2rem;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-thankyou-banner .acm-thankyou-banner,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-thankyou-banner .acm-thankyou-banner {
  background-color: #666666;
  height: 4rem;
}
#wrapper ngapps-acm-change-order-main ngapps-acm-change-order-thankyou-banner label, #wrapper ngapps-acm-change-order-main ngapps-acm-change-order-thankyou-banner body mat-label, body #wrapper ngapps-acm-change-order-main ngapps-acm-change-order-thankyou-banner mat-label, #wrapper ngapps-acm-change-order-main ngapps-acm-change-order-thankyou-banner mat-label,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-thankyou-banner label,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-thankyou-banner body mat-label,
body #wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-thankyou-banner mat-label,
#wrapper ngapps-acm-change-order-confirmation ngapps-acm-change-order-thankyou-banner mat-label {
  padding: 1.1rem;
  color: #ffffff;
}
#wrapper ngapps-transfer-service .button-container {
  margin: 2rem 0;
}
#wrapper ngapps-stop-serv-confirmation #transfer h3 {
  color: #dd6716;
}
#wrapper ngapps-stop-serv-confirmation #contact .instruction-content {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
#wrapper ngapps-stop-serv-confirmation #location {
  padding-bottom: 1rem;
}
#wrapper ngapps-stop-serv-confirmation #location .confirmed-service-address {
  display: contents;
}
#wrapper ngapps-ss-contact-info {
  width: 100%;
}
#wrapper ngapps-step1-loc-maybe-available app-protected-access-control {
  margin-right: 0.2rem;
}
#wrapper ngapps-transfer-service-confirmation-al section h2.mdi {
  font-size: 3rem;
  line-height: 2.25rem;
  color: #e87322;
}
#wrapper ngapps-transfer-service-confirmation-al section .mdi-map-marker {
  padding-top: 0.5rem;
}
#wrapper ngapps-transfer-service-confirmation-al section .mdi-alert-circle-outline {
  padding-top: 3.2rem;
}
#wrapper ngapps-transfer-service-confirmation-al .confirm-contact-info-box-ul {
  padding-left: 0.1rem;
  list-style: none;
}
#wrapper ngapps-transfer-service-confirmation-al .col-1 {
  max-width: 10%;
  flex: 10%;
}
#wrapper ngapps-transfer-service-confirmation-al .col-8 {
  max-width: 80%;
  flex: 80%;
  margin-left: 15px !important;
}
#wrapper ngapps-transfer-service-confirmation-al ngapps-confirmed-service-address .confirmed-service-address {
  margin-bottom: 2rem !important;
  padding-top: 1rem;
}
#wrapper ngapps-transfer-service-confirmation-al section#reminders ul.confirm-contact-info-box-ul {
  list-style: initial;
  padding-left: 1rem;
  padding-top: 1rem;
}
#wrapper ngapps-transfer-service-confirmation-al #service-location,
#wrapper ngapps-transfer-service-confirmation-al #date-and-time,
#wrapper ngapps-transfer-service-confirmation-al #contact-info,
#wrapper ngapps-transfer-service-confirmation-al #reminders {
  padding-top: 1rem;
}
#wrapper ngapps-step5-confirmation-al section#send-email-print {
  padding-top: 2rem;
}
#wrapper ngapps-step5-confirmation-al section#send-email-print h2.mdi {
  font-size: 1.6rem;
  line-height: 2.25rem;
  color: #e87322;
}
#wrapper ngapps-step5-confirmation-al section#send-email-print div.icon-box {
  float: left;
  font-style: italic;
  font-weight: bold;
  padding-bottom: 1rem;
  font-family: inherit;
}
#wrapper ngapps-step5-confirmation-al section#send-email-print .mdi-comment-text {
  float: left;
}
#wrapper ngapps-step5-confirmation-al section#send-email-print .send-email {
  padding-left: 1rem;
  float: left;
  padding-top: 1.3rem;
}
#wrapper ngapps-step5-confirmation-al section#send-email-print .print-page {
  float: left;
  padding-top: 1.3rem;
}
#wrapper ngapps-step5-confirmation-al p {
  font-family: inherit;
}
#wrapper ngapps-step5-confirmation-al .confirmation-number-section > p {
  margin-bottom: 0.5rem !important;
}
#wrapper ngapps-step5-confirmation-al .clear-all {
  clear: both;
}
#wrapper ngapps-step5-confirmation-al .col, #wrapper ngapps-step5-confirmation-al .col-xs-2, #wrapper ngapps-step5-confirmation-al .col-md-2, #wrapper ngapps-step5-confirmation-al col-xs-10, #wrapper ngapps-step5-confirmation-al col-md-10 {
  padding-right: 20px;
  padding-left: 0px;
}
#wrapper ngapps-step5-confirmation-al .start-service-title,
#wrapper ngapps-step5-confirmation-al .stop-service-title {
  font-weight: 600;
  font-size: larger;
  padding: 1rem 0 1rem 0;
}
#wrapper ngapps-step5-confirmation-al .account-number-section {
  padding-bottom: 1rem;
}
#wrapper ngapps-step5-confirmation-al .account-number-section > strong {
  font-family: inherit;
}
#wrapper ngapps-stop-serv-schedule ngapps-confirmed-service-address .confirmed-service-address,
#wrapper ngapps-step4-schedule ngapps-confirmed-service-address .confirmed-service-address {
  max-width: inherit;
  margin-bottom: 0rem;
}
#wrapper ngapps-schedule-appointment-calendar-inline .mat-form-field-underline {
  width: initial !important;
}
#wrapper ngapps-schedule-appointment-calendar-inline .mat-form-field-label-wrapper {
  padding-bottom: 0px !important;
}
#wrapper ngapps-schedule-appointment-calendar-inline .mat-form-field-label-wrapper .mat-placeholder-required {
  display: none !important;
}
#wrapper ngapps-schedule-appointment-calendar-inline .mat-form-field-flex,
#wrapper ngapps-schedule-appointment-calendar-inline .mat-form-field-infix {
  padding-top: 0px !important;
  border-top: none !important;
  background: transparent !important;
}
#wrapper ngapps-schedule-appointment-calendar-inline mat-card.inline-calendar-card {
  padding-left: 0px !important;
}
#wrapper ngapps-schedule-appointment-calendar-inline mat-calendar {
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px rgba(0, 0, 0, 0.1411764706), 0 1px 10px rgba(0, 0, 0, 0.1215686275);
  width: 290px;
  padding: 1rem;
}
#wrapper ngapps-schedule-appointment-calendar-inline mat-datepicker-toggle mat-icon span {
  color: #e87322;
}
#wrapper ngapps-schedule-appointment-calendar-inline mat-card {
  padding: initial !important;
  border-radius: initial !important;
}
#wrapper ngapps-schedule-appointment-calendar-inline mat-card.calendar-input-header {
  height: 50px;
  border: 0px solid red;
  border-bottom-width: 2px;
}
#wrapper ngapps-schedule-appointment-calendar-inline .calendar-input-full-width {
  width: 80% !important;
}

@media print {
  #wrapper #footer,
  #wrapper #mega-menu {
    display: none;
  }
}
#wrapper #footer {
  color: #4a4a4a;
  margin-bottom: 60px;
}
#wrapper #footer ul {
  list-style: none;
  padding: 0;
}
#wrapper #footer #mega-menu {
  position: fixed;
  top: 0;
  z-index: 100;
  max-width: 1600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
#wrapper #footer #footer-top-bar {
  color: #ffffff;
  background-color: #4a4a4a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1rem;
}
@media screen and (min-width: 768px) {
  #wrapper #footer #footer-top-bar {
    min-height: 4.75rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-top-bar {
    padding: 0.8rem 8rem;
  }
}
#wrapper #footer #footer-top-bar #footer-logo {
  width: 76px;
  height: 29.94px;
}
#wrapper #footer #footer-top-bar #footer-logo svg path {
  fill: #ffffff;
}
#wrapper #footer #footer-top-bar #close {
  font-size: 1.4rem;
  cursor: pointer;
}
#wrapper #footer #footer-nav {
  background-color: #ededed;
  padding: 1rem 1rem 3rem;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav {
    padding: 2rem 5rem 1rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-nav {
    padding: 4rem 8rem 1rem;
  }
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-location-contact {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;
  }
}
#wrapper #footer #footer-nav #footer-nav-location-contact h3 {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
#wrapper #footer #footer-nav #footer-nav-location-contact p {
  line-height: 1.5rem;
}
#wrapper #footer #footer-nav #footer-nav-location-contact p a {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.875rem;
  color: #dd6716;
  text-decoration: none;
}
#wrapper #footer #footer-nav #footer-nav-location-contact .column-content {
  padding: 0;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-location-contact .column-content {
    flex-basis: 50%;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-nav #footer-nav-location-contact .column-content {
    flex-basis: 25%;
  }
}
#wrapper #footer #footer-nav #footer-nav-location-contact .column-content > .footer-col {
  border: 6px solid #979797;
  padding: 1.5rem;
}
#wrapper #footer #footer-nav #footer-nav-location-contact .column-content > .footer-col > p {
  margin-top: 0.25rem;
  margin-bottom: 2.5rem;
}
#wrapper #footer #footer-nav #footer-nav-location-contact .column-content > .footer-col .arrow-link {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-location-contact #self-service {
    flex-basis: 100%;
    order: 1;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-nav #footer-nav-location-contact #self-service {
    flex-basis: 50%;
    padding-left: 1.2rem;
    order: 0;
  }
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-location-contact #self-service .bullet-container {
    display: flex;
  }
}
#wrapper #footer #footer-nav #footer-nav-location-contact #self-service .bullet-container ul.spire-ul {
  padding-left: 2.2rem;
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.125rem;
}
#wrapper #footer #footer-nav #footer-nav-location-contact #self-service .bullet-container ul.spire-ul li {
  line-height: 1rem;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-location-contact #self-service .bullet-container ul.spire-ul:first-child {
    margin-right: 2.6rem;
  }
}
#wrapper #footer #footer-nav #footer-nav-location-contact #buttons {
  text-align: center;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-location-contact #buttons {
    flex-basis: 50%;
    padding-left: 1.2rem;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-nav #footer-nav-location-contact #buttons {
    flex-basis: 25%;
  }
}
#wrapper #footer #footer-nav #footer-nav-location-contact #buttons button {
  display: block;
  min-width: 12.5rem;
  background: none;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-menu {
    display: flex;
    flex-wrap: wrap;
  }
}
#wrapper #footer #footer-nav #footer-nav-menu > section {
  margin-bottom: 1rem;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-nav #footer-nav-menu > section {
    flex-basis: 50%;
    padding-left: 1.2rem;
    margin-bottom: 2rem;
  }
  #wrapper #footer #footer-nav #footer-nav-menu > section:first-child, #wrapper #footer #footer-nav #footer-nav-menu > section:nth-child(odd) {
    padding-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-nav #footer-nav-menu > section {
    flex-basis: 25%;
  }
  #wrapper #footer #footer-nav #footer-nav-menu > section:nth-child(5n) {
    padding-left: 0;
  }
}
#wrapper #footer #footer-nav #footer-nav-menu h3 {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  font-size: 1.5rem;
}
#wrapper #footer #footer-nav #footer-nav-menu a {
  font-size: 1.125rem;
  line-height: 2.2rem;
}
#wrapper #footer #footer-nav #footer-nav-menu ul {
  margin-bottom: 0;
}
#wrapper #footer #footer-nav #footer-nav-menu #search h3::before {
  content: "\f349";
  font-family: "Material Design Icons";
  font-size: 1.8rem;
  text-rendering: auto;
  line-height: inherit;
  vertical-align: middle;
  margin-right: 0.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper #footer #footer-nav #footer-nav-menu .service-region h3 {
  font-size: 1.25rem;
}
#wrapper #footer #footer-nav #footer-nav-menu .service-region h3:before {
  content: "\f34e";
  font-family: "Material Design Icons";
  font-size: 1.6rem;
  text-rendering: auto;
  line-height: inherit;
  vertical-align: middle;
  margin-right: 0.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper #footer #footer-bottom {
  background-color: #4a4a4a;
  color: #ffffff;
  padding: 0.8rem 1rem;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-bottom {
    align-items: center;
    flex-direction: row;
  }
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-bottom {
    padding: 0.8rem 8rem;
  }
}
#wrapper #footer #footer-bottom > section {
  margin-bottom: 1rem;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-bottom > section {
    margin-bottom: 0;
  }
}
#wrapper #footer #footer-bottom .explore-spire {
  font-family: "Tiempos", "Times New Roman", Georgia, serif;
  line-height: 1.875rem;
  margin-right: auto;
  cursor: pointer;
  display: none;
}
@media screen and (min-width: 1200px) {
  #wrapper #footer #footer-bottom .explore-spire {
    display: block;
  }
}
#wrapper #footer #footer-bottom .explore-spire:after {
  content: "\f03b";
  font-family: "Material Design Icons";
  font-size: 1.5rem;
  margin-left: 0.6rem;
  text-rendering: auto;
  line-height: inherit;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wrapper #footer #footer-bottom #footer-copyright {
  font-size: 0.8125rem;
  vertical-align: middle;
  text-align: center;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-bottom #footer-copyright {
    text-align: left;
  }
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-bottom #footer-legal {
    margin-left: 2.5rem;
  }
}
#wrapper #footer #footer-bottom #footer-legal ul {
  display: flex;
  margin-bottom: 0;
  justify-content: center;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-bottom #footer-legal ul {
    justify-content: flex-start;
  }
}
#wrapper #footer #footer-bottom #footer-legal ul > li:last-child {
  margin-left: 2.5rem;
}
#wrapper #footer #footer-bottom #footer-legal ul a {
  color: #ffffff;
  font-size: 0.8125rem;
  text-decoration: none;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-bottom #footer-social {
    margin-left: 2.5rem;
  }
}
#wrapper #footer #footer-bottom #footer-social ul {
  display: flex;
  margin-bottom: 0;
  justify-content: space-around;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer #footer-bottom #footer-social ul {
    justify-content: flex-start;
  }
}
#wrapper #footer #footer-bottom #footer-social ul a {
  color: #ffffff;
  display: block;
  padding: 0;
  width: 34px;
  text-align: center;
}
#wrapper #footer .header-location-picker-form {
  height: 3.6rem;
  text-align: center;
  color: #ffffff;
  display: none;
}
#wrapper #footer .header-location-picker-form .inner {
  display: flex;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 40rem) {
  #wrapper #footer .header-location-picker-form .inner {
    width: 575px;
  }
}
#wrapper #footer .header-location-picker-form .location-field {
  flex-grow: 2;
}
#wrapper #footer .header-location-picker-form .location-field ::-webkit-input-placeholder {
  color: #ffffff;
}
#wrapper #footer .header-location-picker-form .location-field :-moz-placeholder {
  color: #ffffff;
}
#wrapper #footer .header-location-picker-form .location-field ::-moz-placeholder {
  color: #ffffff;
}
#wrapper #footer .header-location-picker-form .location-field :-ms-input-placeholder {
  color: #ffffff;
}
#wrapper #footer .header-location-picker-form .location-field :focus::-webkit-input-placeholder {
  color: #b5b5b5;
}
#wrapper #footer .header-location-picker-form .location-field :focus:-moz-placeholder {
  color: #b5b5b5;
}
#wrapper #footer .header-location-picker-form .location-field :focus::-moz-placeholder {
  color: #b5b5b5;
}
#wrapper #footer .header-location-picker-form .location-field :focus:-ms-input-placeholder {
  color: #b5b5b5;
}
#wrapper #footer .header-location-picker-form .location-field .location-picker {
  box-sizing: border-box;
  padding: 0.2rem;
  width: 100%;
  color: #ffffff;
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid #ffffff;
}
#wrapper #footer .header-location-picker-form .location-field .location-picker:focus {
  color: #250e62;
  background: #ffffff;
}