:root {
  --blue: #006bfc;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #fd29a4;
  --red: #ff4446;
  --orange: #fd7e14;
  --yellow: #ffba00;
  --green: #17c13d;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #41464f;
  --gray-dark: #393e49;
  --primary: #006bfc;
  --secondary: #41464f;
  --success: #17c13d;
  --info: #17a2b8;
  --warning: #ffba00;
  --danger: #ff4446;
  --light: #f3f3f3;
  --dark: #393e49;
  --purple: #6f42c1;
  --pink: #fd29a4;
  --orange: #fd7e14;
  --teal: #20c997;
  --light-green: #06e437;
  --light-cyan: #1edffe;
  --light-purple: #a979ff;
  --light-teal: #6efcd2;
  --light-yellow: #ffd45e;
  --breakpoint-x: 0;
  --breakpoint-s: 576px;
  --breakpoint-m: 768px;
  --breakpoint-l: 992px;
  --breakpoint-d: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
}

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

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

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

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

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

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

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

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

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

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

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

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

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #006bfc;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #004bb0;
  text-decoration: underline;
}

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

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

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

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

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

progress {
  vertical-align: baseline;
}

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

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

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

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

output {
  display: inline-block;
}

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

template {
  display: none;
}

[hidden] {
  display: none !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid #e7e7e7;
}

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

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

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

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

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

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

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

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

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

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

.figure {
  display: inline-block;
}

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

.figure-caption {
  font-size: 90%;
  color: #41464f;
}

.img-w-64 {
  width: 64px;
}

.img-w-100 {
  width: 100px;
}

.img-w-200 {
  width: 200px;
}

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

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #282b31;
  border-radius: 0.15rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

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

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

.content {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .content {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .content {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .content {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .content {
    max-width: 1140px;
  }
}

.content-f,
.content-d,
.content-l,
.content-m,
.content-s {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .content-s,
  .content {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .content-m,
  .content-s,
  .content {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .content-l,
  .content-m,
  .content-s,
  .content {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .content-d,
  .content-l,
  .content-m,
  .content-s,
  .content {
    max-width: 1140px;
  }
}
.grid,
grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

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

.cell-d,
.cell-d-auto,
.cell-d-12,
.cell-d-11,
.cell-d-10,
.cell-d-9,
.cell-d-8,
.cell-d-7,
.cell-d-6,
.cell-d-5,
.cell-d-4,
.cell-d-3,
.cell-d-2,
.cell-d-1,
.cell-l,
.cell-l-auto,
.cell-l-12,
.cell-l-11,
.cell-l-10,
.cell-l-9,
.cell-l-8,
.cell-l-7,
.cell-l-6,
.cell-l-5,
.cell-l-4,
.cell-l-3,
.cell-l-2,
.cell-l-1,
.cell-m,
.cell-m-auto,
.cell-m-12,
.cell-m-11,
.cell-m-10,
.cell-m-9,
.cell-m-8,
.cell-m-7,
.cell-m-6,
.cell-m-5,
.cell-m-4,
.cell-m-3,
.cell-m-2,
.cell-m-1,
.cell-s,
.cell-s-auto,
.cell-s-12,
.cell-s-11,
.cell-s-10,
.cell-s-9,
.cell-s-8,
.cell-s-7,
.cell-s-6,
.cell-s-5,
.cell-s-4,
.cell-s-3,
.cell-s-2,
.cell-s-1,
.cell,
.cell-auto,
.cell-12,
.cell-11,
.cell-10,
.cell-9,
.cell-8,
.cell-7,
.cell-6,
.cell-5,
.cell-4,
.cell-3,
.cell-2,
.cell-1,
cell {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

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

.grid-cells-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.grid-cells-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.grid-cells-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.grid-cells-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.grid-cells-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.grid-cells-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .cell-s,
  cell-s {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .grid-cells-s-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid-cells-s-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .grid-cells-s-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .grid-cells-s-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .grid-cells-s-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .grid-cells-s-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-s-first {
    order: -1;
  }

  .order-s-last {
    order: 13;
  }

  .order-s-0 {
    order: 0;
  }

  .order-s-1 {
    order: 1;
  }

  .order-s-2 {
    order: 2;
  }

  .order-s-3 {
    order: 3;
  }

  .order-s-4 {
    order: 4;
  }

  .order-s-5 {
    order: 5;
  }

  .order-s-6 {
    order: 6;
  }

  .order-s-7 {
    order: 7;
  }

  .order-s-8 {
    order: 8;
  }

  .order-s-9 {
    order: 9;
  }

  .order-s-10 {
    order: 10;
  }

  .order-s-11 {
    order: 11;
  }

  .order-s-12 {
    order: 12;
  }

  .offset-s-0 {
    margin-left: 0;
  }

  .offset-s-1 {
    margin-left: 8.3333333333%;
  }

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

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

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

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

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

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

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

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

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

  .offset-s-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .cell-m,
  cell-m {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .grid-cells-m-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid-cells-m-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .grid-cells-m-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .grid-cells-m-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .grid-cells-m-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .grid-cells-m-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-m-first {
    order: -1;
  }

  .order-m-last {
    order: 13;
  }

  .order-m-0 {
    order: 0;
  }

  .order-m-1 {
    order: 1;
  }

  .order-m-2 {
    order: 2;
  }

  .order-m-3 {
    order: 3;
  }

  .order-m-4 {
    order: 4;
  }

  .order-m-5 {
    order: 5;
  }

  .order-m-6 {
    order: 6;
  }

  .order-m-7 {
    order: 7;
  }

  .order-m-8 {
    order: 8;
  }

  .order-m-9 {
    order: 9;
  }

  .order-m-10 {
    order: 10;
  }

  .order-m-11 {
    order: 11;
  }

  .order-m-12 {
    order: 12;
  }

  .offset-m-0 {
    margin-left: 0;
  }

  .offset-m-1 {
    margin-left: 8.3333333333%;
  }

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

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

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

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

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

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

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

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

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

  .offset-m-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .cell-l,
  cell-l {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .grid-cells-l-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid-cells-l-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .grid-cells-l-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .grid-cells-l-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .grid-cells-l-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .grid-cells-l-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-l-first {
    order: -1;
  }

  .order-l-last {
    order: 13;
  }

  .order-l-0 {
    order: 0;
  }

  .order-l-1 {
    order: 1;
  }

  .order-l-2 {
    order: 2;
  }

  .order-l-3 {
    order: 3;
  }

  .order-l-4 {
    order: 4;
  }

  .order-l-5 {
    order: 5;
  }

  .order-l-6 {
    order: 6;
  }

  .order-l-7 {
    order: 7;
  }

  .order-l-8 {
    order: 8;
  }

  .order-l-9 {
    order: 9;
  }

  .order-l-10 {
    order: 10;
  }

  .order-l-11 {
    order: 11;
  }

  .order-l-12 {
    order: 12;
  }

  .offset-l-0 {
    margin-left: 0;
  }

  .offset-l-1 {
    margin-left: 8.3333333333%;
  }

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

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

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

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

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

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

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

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

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

  .offset-l-11 {
    margin-left: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .cell-d,
  cell-d {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .grid-cells-d-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .grid-cells-d-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .grid-cells-d-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .grid-cells-d-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .grid-cells-d-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .grid-cells-d-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

  .order-d-first {
    order: -1;
  }

  .order-d-last {
    order: 13;
  }

  .order-d-0 {
    order: 0;
  }

  .order-d-1 {
    order: 1;
  }

  .order-d-2 {
    order: 2;
  }

  .order-d-3 {
    order: 3;
  }

  .order-d-4 {
    order: 4;
  }

  .order-d-5 {
    order: 5;
  }

  .order-d-6 {
    order: 6;
  }

  .order-d-7 {
    order: 7;
  }

  .order-d-8 {
    order: 8;
  }

  .order-d-9 {
    order: 9;
  }

  .order-d-10 {
    order: 10;
  }

  .order-d-11 {
    order: 11;
  }

  .order-d-12 {
    order: 12;
  }

  .offset-d-0 {
    margin-left: 0;
  }

  .offset-d-1 {
    margin-left: 8.3333333333%;
  }

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

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

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

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

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

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

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

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

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

  .offset-d-11 {
    margin-left: 91.6666666667%;
  }
}
.grid-hover > grid:hover {
  background-color: #e7e7e7;
}
.grid-hover > grid:hover > cell,
.grid-hover > grid:hover > .cell {
  background-color: #e7e7e7;
}

.grid-striped > grid:nth-of-type(2n) {
  background-color: #e7e7e7;
}

.grid-table-title {
  background-color: #fff !important;
  border-bottom: 1px solid #e7e7e7;
}

.table {
  width: 100%;
  min-width: 760px;
  margin-bottom: 1rem;
  color: #282b31;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
}
.table tbody + tbody {
  border-top: 2px solid rgba(0, 0, 0, 0.05);
}

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

.table-bordered {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.table-bordered th,
.table-bordered td {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

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

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

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

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #b8d6fe;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #7ab2fd;
}

.table-hover .table-primary:hover {
  background-color: #9fc7fe;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #9fc7fe;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #d2d5d9;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #acb0b9;
}

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

.table-success,
.table-success > th,
.table-success > td {
  background-color: #beeec9;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #86df9a;
}

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

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

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

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffecb8;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdb7a;
}

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

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcbcb;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ff9e9f;
}

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

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fcfcfc;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f9f9f9;
}

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

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c8c9cc;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #989ba0;
}

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

.table-purple,
.table-purple > th,
.table-purple > td {
  background-color: #d7caee;
}
.table-purple th,
.table-purple td,
.table-purple thead th,
.table-purple tbody + tbody {
  border-color: #b49ddf;
}

.table-hover .table-purple:hover {
  background-color: #c8b7e8;
}
.table-hover .table-purple:hover > td,
.table-hover .table-purple:hover > th {
  background-color: #c8b7e8;
}

.table-pink,
.table-pink > th,
.table-pink > td {
  background-color: #fec3e6;
}
.table-pink th,
.table-pink td,
.table-pink thead th,
.table-pink tbody + tbody {
  border-color: #fe90d0;
}

.table-hover .table-pink:hover {
  background-color: #feaadc;
}
.table-hover .table-pink:hover > td,
.table-hover .table-pink:hover > th {
  background-color: #feaadc;
}

.table-orange,
.table-orange > th,
.table-orange > td {
  background-color: #fedbbd;
}
.table-orange th,
.table-orange td,
.table-orange thead th,
.table-orange tbody + tbody {
  border-color: #febc85;
}

.table-hover .table-orange:hover {
  background-color: #fecda4;
}
.table-hover .table-orange:hover > td,
.table-hover .table-orange:hover > th {
  background-color: #fecda4;
}

.table-teal,
.table-teal > th,
.table-teal > td {
  background-color: #c1f0e2;
}
.table-teal th,
.table-teal td,
.table-teal thead th,
.table-teal tbody + tbody {
  border-color: #8be3c9;
}

.table-hover .table-teal:hover {
  background-color: #acebd8;
}
.table-hover .table-teal:hover > td,
.table-hover .table-teal:hover > th {
  background-color: #acebd8;
}

.table-light-green,
.table-light-green > th,
.table-light-green > td {
  background-color: #b9f7c7;
}
.table-light-green th,
.table-light-green td,
.table-light-green thead th,
.table-light-green tbody + tbody {
  border-color: #7ef197;
}

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

.table-light-cyan,
.table-light-cyan > th,
.table-light-cyan > td {
  background-color: #c0f6ff;
}
.table-light-cyan th,
.table-light-cyan td,
.table-light-cyan thead th,
.table-light-cyan tbody + tbody {
  border-color: #8aeefe;
}

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

.table-light-purple,
.table-light-purple > th,
.table-light-purple > td {
  background-color: #e7d9ff;
}
.table-light-purple th,
.table-light-purple td,
.table-light-purple thead th,
.table-light-purple tbody + tbody {
  border-color: #d2b9ff;
}

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

.table-light-teal,
.table-light-teal > th,
.table-light-teal > td {
  background-color: #d6fef2;
}
.table-light-teal th,
.table-light-teal td,
.table-light-teal thead th,
.table-light-teal tbody + tbody {
  border-color: #b4fde8;
}

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

.table-light-yellow,
.table-light-yellow > th,
.table-light-yellow > td {
  background-color: #fff3d2;
}
.table-light-yellow th,
.table-light-yellow td,
.table-light-yellow thead th,
.table-light-yellow tbody + tbody {
  border-color: #ffe9ab;
}

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

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

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

.table .thead-dark th {
  color: #fff;
  background-color: #393e49;
  border-color: #4a505e;
}
.table .thead-light th {
  color: #49505f;
  background-color: #f5f7fa;
  border-color: rgba(0, 0, 0, 0.05);
}

.table-dark {
  color: #fff;
  background-color: #393e49;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #4a505e;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

.is_request {
  outline: none;
  border: 0;
}
.out-div {
  position: absolute;
  top: 0;
  right: 90px;
  font-size: 16px;
  line-height: 40px;
  display: inline-block;
  width: 300px;
  text-align: center;
  border-radius: 5px;
  margin-left: 32px;
  vertical-align: top;
  z-index: 1;
  opacity: 0;
  transform: scale(0);
  transition: all 0.3s;
  background-color: #fff;
  box-shadow: 0px 4px 8px rgb(0 0 0 / 10%);
}
.out-div.active {
  opacity: 1;
  transform: scale(1);
}

#arrow2 {
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-left: 10px solid;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: 0;
  margin-right: -10px;
  margin-top: 10px;
  border-left-color: #fff;
}

.cost-exel {
  display: flex;
}

#indeCon {
  display: flex;
  justify-content: space-between;
  align-items: end;
  flex-wrap: wrap;
  padding-top: 10px;
}
.inde_ico {
  width: 30px;
}
.iden_item_con {
  background: #f7f8f9;
  border-radius: 4px;
  cursor: pointer;
}
.view_document {
  color: rgba(0, 0, 0, 0.5) !important;
  font-size: 13px;
  margin-left: 4px;
  text-decoration: none !important;
}
.iden_item_con:hover .view_document {
  color: #006bfc !important;
}

@media (max-width: 1024px) {
  .cost-exel {
    display: initial;
  }
}
@media (max-width: 575.98px) {
  .table-responsive-s {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-s > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-m {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-m > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-l {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-l > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-d {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-d > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  /* overflow-x: auto; */
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.table-text-ellipsis td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #49505f;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #49505f;
}
.form-control:focus {
  color: #49505f;
  background-color: #fff;
  border-color: #7db4ff;
  outline: 0;
}
.form-control::placeholder {
  color: #41464f;
  opacity: 1;
}
.form-control:focus::placeholder {
  opacity: 0.75;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #f5f7fa;
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

textarea.form-control {
  height: auto;
}

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

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

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

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

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  color: #41464f;
}

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

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

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

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(23, 193, 61, 0.9);
  border-radius: 0.15rem;
}

.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: #17c13d;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2317c13d' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #17c13d;
  box-shadow: 0 0 0 0.2rem rgba(23, 193, 61, 0.25);
}

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

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

.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: #17c13d;
}
.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: #17c13d;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #17c13d;
}
.was-validated
  .custom-control-input:valid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #26e551;
  background: #26e551 linear-gradient(180deg, #47e96b, #26e551) repeat-x;
}
.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(23, 193, 61, 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: #17c13d;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #17c13d;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #17c13d;
  box-shadow: 0 0 0 0.2rem rgba(23, 193, 61, 0.25);
}

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

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(255, 68, 70, 0.9);
  border-radius: 0.15rem;
}

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

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

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

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #ff4446;
}
.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: #ff4446;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #ff4446;
}
.was-validated
  .custom-control-input:invalid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #ff7778;
  background: #ff7778 linear-gradient(180deg, #ff8b8c, #ff7778) repeat-x;
}
.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(255, 68, 70, 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: #ff4446;
}

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

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

.btn {
  display: inline-block;
  font-weight: 400;
  color: #282b31;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #282b31;
  text-decoration: none;
}
.btn:focus,
.btn.focus,
.btn:active,
.btn.active {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border-color: #006bfc;
}
.btn-primary:hover {
  color: #fff;
  background: #005bd6 linear-gradient(180deg, #2674dc, #005bd6) repeat-x;
  border-color: #005bd6;
}
.btn-primary.active {
  color: #fff;
  background: #006bfc !important;
  border-color: #006bfc !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(38, 129, 252, 0.5);
}
.btn-primary:focus,
.btn-primary:active,
.btn-primary.focus {
  color: #fff;
  background: #005bd6 linear-gradient(180deg, #2674dc, #005bd6) repeat-x;
  border-color: #005bd6;
  box-shadow: 0 0 0 0.2rem rgba(38, 129, 252, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #006bfc;
  border-color: #006bfc;
  background-image: none;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0055c9;
  background-image: none;
  border-color: #0055c9;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 129, 252, 0.5);
}

.btn-secondary {
  color: #fff;
  background: #41464f linear-gradient(180deg, #787f8d, #41464f) repeat-x;
  border-color: #41464f;
}
.btn-secondary:hover {
  color: #fff;
  background: #4f5664 linear-gradient(180deg, #696f7b, #4f5664) repeat-x;
  border-color: #4f5664;
}
.btn-secondary.active {
  color: #fff;
  background: #41464f !important;
  border-color: #41464f !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(120, 127, 141, 0.5);
}
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.focus {
  color: #fff;
  background: #4f5664 linear-gradient(180deg, #696f7b, #4f5664) repeat-x;
  border-color: #4f5664;
  box-shadow: 0 0 0 0.2rem rgba(120, 127, 141, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #41464f;
  border-color: #41464f;
  background-image: none;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #49505d;
  background-image: none;
  border-color: #49505d;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(120, 127, 141, 0.5);
}

.btn-success {
  color: #fff;
  background: #17c13d linear-gradient(180deg, #3aca5a, #17c13d) repeat-x;
  border-color: #17c13d;
}
.btn-success:hover {
  color: #fff;
  background: #139f32 linear-gradient(180deg, #36ad51, #139f32) repeat-x;
  border-color: #139f32;
}
.btn-success.active {
  color: #fff;
  background: #17c13d !important;
  border-color: #17c13d !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(58, 202, 90, 0.5);
}
.btn-success:focus,
.btn-success:active,
.btn-success.focus {
  color: #fff;
  background: #139f32 linear-gradient(180deg, #36ad51, #139f32) repeat-x;
  border-color: #139f32;
  box-shadow: 0 0 0 0.2rem rgba(58, 202, 90, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #17c13d;
  border-color: #17c13d;
  background-image: none;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #12932f;
  background-image: none;
  border-color: #12932f;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 202, 90, 0.5);
}

.btn-info {
  color: #fff;
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background: #138496 linear-gradient(180deg, #3696a6, #138496) repeat-x;
  border-color: #138496;
}
.btn-info.active {
  color: #fff;
  background: #17a2b8 !important;
  border-color: #17a2b8 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info:focus,
.btn-info:active,
.btn-info.focus {
  color: #fff;
  background: #138496 linear-gradient(180deg, #3696a6, #138496) repeat-x;
  border-color: #138496;
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
  background-image: none;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  background-image: none;
  border-color: #117a8b;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #282b31;
  background: #ffba00 linear-gradient(180deg, #ffc426, #ffba00) repeat-x;
  border-color: #ffba00;
}
.btn-warning:hover {
  color: #282b31;
  background: #d99e00 linear-gradient(180deg, #dfad26, #d99e00) repeat-x;
  border-color: #d99e00;
}
.btn-warning.active {
  color: #282b31;
  background: #ffba00 !important;
  border-color: #ffba00 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(223, 165, 7, 0.5);
}
.btn-warning:focus,
.btn-warning:active,
.btn-warning.focus {
  color: #282b31;
  background: #d99e00 linear-gradient(180deg, #dfad26, #d99e00) repeat-x;
  border-color: #d99e00;
  box-shadow: 0 0 0 0.2rem rgba(223, 165, 7, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #282b31;
  background-color: #ffba00;
  border-color: #ffba00;
  background-image: none;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #cc9500;
  background-image: none;
  border-color: #cc9500;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(223, 165, 7, 0.5);
}

.btn-danger {
  color: #fff;
  background: #ff4446 linear-gradient(180deg, #ff6062, #ff4446) repeat-x;
  border-color: #ff4446;
}
.btn-danger:hover {
  color: #fff;
  background: #ff1e20 linear-gradient(180deg, #ff4041, #ff1e20) repeat-x;
  border-color: #ff1e20;
}
.btn-danger.active {
  color: #fff;
  background: #ff4446 !important;
  border-color: #ff4446 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(255, 96, 98, 0.5);
}
.btn-danger:focus,
.btn-danger:active,
.btn-danger.focus {
  color: #fff;
  background: #ff1e20 linear-gradient(180deg, #ff4041, #ff1e20) repeat-x;
  border-color: #ff1e20;
  box-shadow: 0 0 0 0.2rem rgba(255, 96, 98, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #ff4446;
  border-color: #ff4446;
  background-image: none;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff1114;
  background-image: none;
  border-color: #ff1114;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 96, 98, 0.5);
}

.btn-light {
  color: #282b31;
  background: #f3f3f3 linear-gradient(180deg, whitesmoke, #f3f3f3) repeat-x;
  border-color: #f3f3f3;
}
.btn-light:hover {
  color: #282b31;
  background: #e0e0e0 linear-gradient(180deg, #e5e5e5, #e0e0e0) repeat-x;
  border-color: #e0e0e0;
}
.btn-light.active {
  color: #282b31;
  background: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(213, 213, 214, 0.5);
}
.btn-light:focus,
.btn-light:active,
.btn-light.focus {
  color: #282b31;
  background: #e0e0e0 linear-gradient(180deg, #e5e5e5, #e0e0e0) repeat-x;
  border-color: #e0e0e0;
  box-shadow: 0 0 0 0.2rem rgba(213, 213, 214, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #282b31;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
  background-image: none;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #282b31;
  background-color: #dadada;
  background-image: none;
  border-color: #dadada;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(213, 213, 214, 0.5);
}

.btn-dark {
  color: #fff;
  background: #393e49 linear-gradient(180deg, #575b64, #393e49) repeat-x;
  border-color: #393e49;
}
.btn-dark:hover {
  color: #fff;
  background: #282c34 linear-gradient(180deg, #484c52, #282c34) repeat-x;
  border-color: #282c34;
}
.btn-dark.active {
  color: #fff;
  background: #393e49 !important;
  border-color: #393e49 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(87, 91, 100, 0.5);
}
.btn-dark:focus,
.btn-dark:active,
.btn-dark.focus {
  color: #fff;
  background: #282c34 linear-gradient(180deg, #484c52, #282c34) repeat-x;
  border-color: #282c34;
  box-shadow: 0 0 0 0.2rem rgba(87, 91, 100, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #393e49;
  border-color: #393e49;
  background-image: none;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #23262c;
  background-image: none;
  border-color: #23262c;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(87, 91, 100, 0.5);
}

.btn-purple {
  color: #fff;
  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x;
  border-color: #6f42c1;
}
.btn-purple:hover {
  color: #fff;
  background: #5e37a6 linear-gradient(180deg, #7655b3, #5e37a6) repeat-x;
  border-color: #5e37a6;
}
.btn-purple.active {
  color: #fff;
  background: #6f42c1 !important;
  border-color: #6f42c1 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(133, 94, 202, 0.5);
}
.btn-purple:focus,
.btn-purple:active,
.btn-purple.focus {
  color: #fff;
  background: #5e37a6 linear-gradient(180deg, #7655b3, #5e37a6) repeat-x;
  border-color: #5e37a6;
  box-shadow: 0 0 0 0.2rem rgba(133, 94, 202, 0.5);
}
.btn-purple.disabled,
.btn-purple:disabled {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
  background-image: none;
}
.btn-purple:not(:disabled):not(.disabled):active,
.btn-purple:not(:disabled):not(.disabled).active,
.show > .btn-purple.dropdown-toggle {
  color: #fff;
  background-color: #59339d;
  background-image: none;
  border-color: #59339d;
}
.btn-purple:not(:disabled):not(.disabled):active:focus,
.btn-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(133, 94, 202, 0.5);
}

.btn-pink {
  color: #fff;
  background: #fd29a4 linear-gradient(180deg, #fd49b2, #fd29a4) repeat-x;
  border-color: #fd29a4;
}
.btn-pink:hover {
  color: #fff;
  background: #fd0394 linear-gradient(180deg, #fd29a4, #fd0394) repeat-x;
  border-color: #fd0394;
}
.btn-pink.active {
  color: #fff;
  background: #fd29a4 !important;
  border-color: #fd29a4 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(253, 73, 178, 0.5);
}
.btn-pink:focus,
.btn-pink:active,
.btn-pink.focus {
  color: #fff;
  background: #fd0394 linear-gradient(180deg, #fd29a4, #fd0394) repeat-x;
  border-color: #fd0394;
  box-shadow: 0 0 0 0.2rem rgba(253, 73, 178, 0.5);
}
.btn-pink.disabled,
.btn-pink:disabled {
  color: #fff;
  background-color: #fd29a4;
  border-color: #fd29a4;
  background-image: none;
}
.btn-pink:not(:disabled):not(.disabled):active,
.btn-pink:not(:disabled):not(.disabled).active,
.show > .btn-pink.dropdown-toggle {
  color: #fff;
  background-color: #f1028d;
  background-image: none;
  border-color: #f1028d;
}
.btn-pink:not(:disabled):not(.disabled):active:focus,
.btn-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 73, 178, 0.5);
}

.btn-orange {
  color: #282b31;
  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x;
  border-color: #fd7e14;
}
.btn-orange:hover {
  color: #fff;
  background: #e96b02 linear-gradient(180deg, #ec8128, #e96b02) repeat-x;
  border-color: #e96b02;
}
.btn-orange.active {
  color: #fff;
  background: #fd7e14 !important;
  border-color: #fd7e14 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(221, 114, 24, 0.5);
}
.btn-orange:focus,
.btn-orange:active,
.btn-orange.focus {
  color: #fff;
  background: #e96b02 linear-gradient(180deg, #ec8128, #e96b02) repeat-x;
  border-color: #e96b02;
  box-shadow: 0 0 0 0.2rem rgba(221, 114, 24, 0.5);
}
.btn-orange.disabled,
.btn-orange:disabled {
  color: #282b31;
  background-color: #fd7e14;
  border-color: #fd7e14;
  background-image: none;
}
.btn-orange:not(:disabled):not(.disabled):active,
.btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #dc6502;
  background-image: none;
  border-color: #dc6502;
}
.btn-orange:not(:disabled):not(.disabled):active:focus,
.btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(221, 114, 24, 0.5);
}

.btn-teal {
  color: #fff;
  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x;
  border-color: #20c997;
}
.btn-teal:hover {
  color: #fff;
  background: #1ba87e linear-gradient(180deg, #3db591, #1ba87e) repeat-x;
  border-color: #1ba87e;
}
.btn-teal.active {
  color: #fff;
  background: #20c997 !important;
  border-color: #20c997 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(65, 209, 167, 0.5);
}
.btn-teal:focus,
.btn-teal:active,
.btn-teal.focus {
  color: #fff;
  background: #1ba87e linear-gradient(180deg, #3db591, #1ba87e) repeat-x;
  border-color: #1ba87e;
  box-shadow: 0 0 0 0.2rem rgba(65, 209, 167, 0.5);
}
.btn-teal.disabled,
.btn-teal:disabled {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
  background-image: none;
}
.btn-teal:not(:disabled):not(.disabled):active,
.btn-teal:not(:disabled):not(.disabled).active,
.show > .btn-teal.dropdown-toggle {
  color: #fff;
  background-color: #199d76;
  background-image: none;
  border-color: #199d76;
}
.btn-teal:not(:disabled):not(.disabled):active:focus,
.btn-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(65, 209, 167, 0.5);
}

.btn-light-green {
  color: #fff;
  background: #06e437 linear-gradient(180deg, #2be855, #06e437) repeat-x;
  border-color: #06e437;
}
.btn-light-green:hover {
  color: #fff;
  background: #05bf2e linear-gradient(180deg, #2bc94d, #05bf2e) repeat-x;
  border-color: #05bf2e;
}
.btn-light-green.active {
  color: #fff;
  background: #06e437 !important;
  border-color: #06e437 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(43, 232, 85, 0.5);
}
.btn-light-green:focus,
.btn-light-green:active,
.btn-light-green.focus {
  color: #fff;
  background: #05bf2e linear-gradient(180deg, #2bc94d, #05bf2e) repeat-x;
  border-color: #05bf2e;
  box-shadow: 0 0 0 0.2rem rgba(43, 232, 85, 0.5);
}
.btn-light-green.disabled,
.btn-light-green:disabled {
  color: #fff;
  background-color: #06e437;
  border-color: #06e437;
  background-image: none;
}
.btn-light-green:not(:disabled):not(.disabled):active,
.btn-light-green:not(:disabled):not(.disabled).active,
.show > .btn-light-green.dropdown-toggle {
  color: #fff;
  background-color: #05b22b;
  background-image: none;
  border-color: #05b22b;
}
.btn-light-green:not(:disabled):not(.disabled):active:focus,
.btn-light-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(43, 232, 85, 0.5);
}

.btn-light-cyan {
  color: #282b31;
  background: #1edffe linear-gradient(180deg, #40e4fe, #1edffe) repeat-x;
  border-color: #1edffe;
}
.btn-light-cyan:hover {
  color: #282b31;
  background: #01d3f5 linear-gradient(180deg, #27daf7, #01d3f5) repeat-x;
  border-color: #01d3f5;
}
.btn-light-cyan.active {
  color: #282b31;
  background: #1edffe !important;
  border-color: #1edffe !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(32, 196, 223, 0.5);
}
.btn-light-cyan:focus,
.btn-light-cyan:active,
.btn-light-cyan.focus {
  color: #282b31;
  background: #01d3f5 linear-gradient(180deg, #27daf7, #01d3f5) repeat-x;
  border-color: #01d3f5;
  box-shadow: 0 0 0 0.2rem rgba(32, 196, 223, 0.5);
}
.btn-light-cyan.disabled,
.btn-light-cyan:disabled {
  color: #282b31;
  background-color: #1edffe;
  border-color: #1edffe;
  background-image: none;
}
.btn-light-cyan:not(:disabled):not(.disabled):active,
.btn-light-cyan:not(:disabled):not(.disabled).active,
.show > .btn-light-cyan.dropdown-toggle {
  color: #fff;
  background-color: #01c8e8;
  background-image: none;
  border-color: #01c8e8;
}
.btn-light-cyan:not(:disabled):not(.disabled):active:focus,
.btn-light-cyan:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-cyan.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 196, 223, 0.5);
}

.btn-light-purple {
  color: #282b31;
  background: #a979ff linear-gradient(180deg, #b68dff, #a979ff) repeat-x;
  border-color: #a979ff;
}
.btn-light-purple:hover {
  color: #fff;
  background: #9053ff linear-gradient(180deg, #a16dff, #9053ff) repeat-x;
  border-color: #9053ff;
}
.btn-light-purple.active {
  color: #fff;
  background: #a979ff !important;
  border-color: #a979ff !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(150, 109, 224, 0.5);
}
.btn-light-purple:focus,
.btn-light-purple:active,
.btn-light-purple.focus {
  color: #fff;
  background: #9053ff linear-gradient(180deg, #a16dff, #9053ff) repeat-x;
  border-color: #9053ff;
  box-shadow: 0 0 0 0.2rem rgba(150, 109, 224, 0.5);
}
.btn-light-purple.disabled,
.btn-light-purple:disabled {
  color: #282b31;
  background-color: #a979ff;
  border-color: #a979ff;
  background-image: none;
}
.btn-light-purple:not(:disabled):not(.disabled):active,
.btn-light-purple:not(:disabled):not(.disabled).active,
.show > .btn-light-purple.dropdown-toggle {
  color: #fff;
  background-color: #8846ff;
  background-image: none;
  border-color: #8846ff;
}
.btn-light-purple:not(:disabled):not(.disabled):active:focus,
.btn-light-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(150, 109, 224, 0.5);
}

.btn-light-teal {
  color: #282b31;
  background: #6efcd2 linear-gradient(180deg, #84fcd9, #6efcd2) repeat-x;
  border-color: #6efcd2;
}
.btn-light-teal:hover {
  color: #282b31;
  background: #49fbc6 linear-gradient(180deg, #64fccf, #49fbc6) repeat-x;
  border-color: #49fbc6;
}
.btn-light-teal.active {
  color: #282b31;
  background: #6efcd2 !important;
  border-color: #6efcd2 !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(100, 221, 186, 0.5);
}
.btn-light-teal:focus,
.btn-light-teal:active,
.btn-light-teal.focus {
  color: #282b31;
  background: #49fbc6 linear-gradient(180deg, #64fccf, #49fbc6) repeat-x;
  border-color: #49fbc6;
  box-shadow: 0 0 0 0.2rem rgba(100, 221, 186, 0.5);
}
.btn-light-teal.disabled,
.btn-light-teal:disabled {
  color: #282b31;
  background-color: #6efcd2;
  border-color: #6efcd2;
  background-image: none;
}
.btn-light-teal:not(:disabled):not(.disabled):active,
.btn-light-teal:not(:disabled):not(.disabled).active,
.show > .btn-light-teal.dropdown-toggle {
  color: #282b31;
  background-color: #3cfbc2;
  background-image: none;
  border-color: #3cfbc2;
}
.btn-light-teal:not(:disabled):not(.disabled):active:focus,
.btn-light-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(100, 221, 186, 0.5);
}

.btn-light-yellow {
  color: #282b31;
  background: #ffd45e linear-gradient(180deg, #ffda76, #ffd45e) repeat-x;
  border-color: #ffd45e;
}
.btn-light-yellow:hover {
  color: #282b31;
  background: #ffca38 linear-gradient(180deg, #ffd256, #ffca38) repeat-x;
  border-color: #ffca38;
}
.btn-light-yellow.active {
  color: #282b31;
  background: #ffd45e !important;
  border-color: #ffd45e !important;
  box-shadow: 0 0 0.25rem 0.2rem rgba(223, 187, 87, 0.5);
}
.btn-light-yellow:focus,
.btn-light-yellow:active,
.btn-light-yellow.focus {
  color: #282b31;
  background: #ffca38 linear-gradient(180deg, #ffd256, #ffca38) repeat-x;
  border-color: #ffca38;
  box-shadow: 0 0 0 0.2rem rgba(223, 187, 87, 0.5);
}
.btn-light-yellow.disabled,
.btn-light-yellow:disabled {
  color: #282b31;
  background-color: #ffd45e;
  border-color: #ffd45e;
  background-image: none;
}
.btn-light-yellow:not(:disabled):not(.disabled):active,
.btn-light-yellow:not(:disabled):not(.disabled).active,
.show > .btn-light-yellow.dropdown-toggle {
  color: #282b31;
  background-color: #ffc62b;
  background-image: none;
  border-color: #ffc62b;
}
.btn-light-yellow:not(:disabled):not(.disabled):active:focus,
.btn-light-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-light-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(223, 187, 87, 0.5);
}

.btn-outline-primary {
  color: #006bfc;
  border-color: #006bfc;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #006bfc;
  border-color: #006bfc;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #006bfc;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #006bfc;
  border-color: #006bfc;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.5);
}

.btn-outline-secondary {
  color: #41464f;
  border-color: #41464f;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #41464f;
  border-color: #41464f;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(96, 104, 121, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #41464f;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #41464f;
  border-color: #41464f;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(96, 104, 121, 0.5);
}

.btn-outline-success {
  color: #17c13d;
  border-color: #17c13d;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #17c13d;
  border-color: #17c13d;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 193, 61, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #17c13d;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #17c13d;
  border-color: #17c13d;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 193, 61, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #ffba00;
  border-color: #ffba00;
}
.btn-outline-warning:hover {
  color: #282b31;
  background-color: #ffba00;
  border-color: #ffba00;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 186, 0, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffba00;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
  color: #282b31;
  background-color: #ffba00;
  border-color: #ffba00;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 186, 0, 0.5);
}

.btn-outline-danger {
  color: #ff4446;
  border-color: #ff4446;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #ff4446;
  border-color: #ff4446;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 68, 70, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #ff4446;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff4446;
  border-color: #ff4446;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 68, 70, 0.5);
}

.btn-outline-light {
  color: #f3f3f3;
  border-color: #f3f3f3;
}
.btn-outline-light:hover {
  color: #282b31;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f3f3f3;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #282b31;
  background-color: #f3f3f3;
  border-color: #f3f3f3;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5);
}

.btn-outline-dark {
  color: #393e49;
  border-color: #393e49;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #393e49;
  border-color: #393e49;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(57, 62, 73, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #393e49;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #393e49;
  border-color: #393e49;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(57, 62, 73, 0.5);
}

.btn-outline-purple {
  color: #6f42c1;
  border-color: #6f42c1;
}
.btn-outline-purple:hover {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-outline-purple:focus,
.btn-outline-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.5);
}
.btn-outline-purple.disabled,
.btn-outline-purple:disabled {
  color: #6f42c1;
  background-color: transparent;
}
.btn-outline-purple:not(:disabled):not(.disabled):active,
.btn-outline-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline-purple.dropdown-toggle {
  color: #fff;
  background-color: #6f42c1;
  border-color: #6f42c1;
}
.btn-outline-purple:not(:disabled):not(.disabled):active:focus,
.btn-outline-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.5);
}

.btn-outline-pink {
  color: #fd29a4;
  border-color: #fd29a4;
}
.btn-outline-pink:hover {
  color: #fff;
  background-color: #fd29a4;
  border-color: #fd29a4;
}
.btn-outline-pink:focus,
.btn-outline-pink.focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 41, 164, 0.5);
}
.btn-outline-pink.disabled,
.btn-outline-pink:disabled {
  color: #fd29a4;
  background-color: transparent;
}
.btn-outline-pink:not(:disabled):not(.disabled):active,
.btn-outline-pink:not(:disabled):not(.disabled).active,
.show > .btn-outline-pink.dropdown-toggle {
  color: #fff;
  background-color: #fd29a4;
  border-color: #fd29a4;
}
.btn-outline-pink:not(:disabled):not(.disabled):active:focus,
.btn-outline-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-pink.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 41, 164, 0.5);
}

.btn-outline-orange {
  color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-orange:hover {
  color: #282b31;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-orange:focus,
.btn-outline-orange.focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}
.btn-outline-orange.disabled,
.btn-outline-orange:disabled {
  color: #fd7e14;
  background-color: transparent;
}
.btn-outline-orange:not(:disabled):not(.disabled):active,
.btn-outline-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-orange.dropdown-toggle {
  color: #282b31;
  background-color: #fd7e14;
  border-color: #fd7e14;
}
.btn-outline-orange:not(:disabled):not(.disabled):active:focus,
.btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}

.btn-outline-teal {
  color: #20c997;
  border-color: #20c997;
}
.btn-outline-teal:hover {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-outline-teal:focus,
.btn-outline-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5);
}
.btn-outline-teal.disabled,
.btn-outline-teal:disabled {
  color: #20c997;
  background-color: transparent;
}
.btn-outline-teal:not(:disabled):not(.disabled):active,
.btn-outline-teal:not(:disabled):not(.disabled).active,
.show > .btn-outline-teal.dropdown-toggle {
  color: #fff;
  background-color: #20c997;
  border-color: #20c997;
}
.btn-outline-teal:not(:disabled):not(.disabled):active:focus,
.btn-outline-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5);
}

.btn-outline-light-green {
  color: #06e437;
  border-color: #06e437;
}
.btn-outline-light-green:hover {
  color: #fff;
  background-color: #06e437;
  border-color: #06e437;
}
.btn-outline-light-green:focus,
.btn-outline-light-green.focus {
  box-shadow: 0 0 0 0.2rem rgba(6, 228, 55, 0.5);
}
.btn-outline-light-green.disabled,
.btn-outline-light-green:disabled {
  color: #06e437;
  background-color: transparent;
}
.btn-outline-light-green:not(:disabled):not(.disabled):active,
.btn-outline-light-green:not(:disabled):not(.disabled).active,
.show > .btn-outline-light-green.dropdown-toggle {
  color: #fff;
  background-color: #06e437;
  border-color: #06e437;
}
.btn-outline-light-green:not(:disabled):not(.disabled):active:focus,
.btn-outline-light-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light-green.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(6, 228, 55, 0.5);
}

.btn-outline-light-cyan {
  color: #1edffe;
  border-color: #1edffe;
}
.btn-outline-light-cyan:hover {
  color: #282b31;
  background-color: #1edffe;
  border-color: #1edffe;
}
.btn-outline-light-cyan:focus,
.btn-outline-light-cyan.focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 223, 254, 0.5);
}
.btn-outline-light-cyan.disabled,
.btn-outline-light-cyan:disabled {
  color: #1edffe;
  background-color: transparent;
}
.btn-outline-light-cyan:not(:disabled):not(.disabled):active,
.btn-outline-light-cyan:not(:disabled):not(.disabled).active,
.show > .btn-outline-light-cyan.dropdown-toggle {
  color: #282b31;
  background-color: #1edffe;
  border-color: #1edffe;
}
.btn-outline-light-cyan:not(:disabled):not(.disabled):active:focus,
.btn-outline-light-cyan:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light-cyan.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(30, 223, 254, 0.5);
}

.btn-outline-light-purple {
  color: #a979ff;
  border-color: #a979ff;
}
.btn-outline-light-purple:hover {
  color: #282b31;
  background-color: #a979ff;
  border-color: #a979ff;
}
.btn-outline-light-purple:focus,
.btn-outline-light-purple.focus {
  box-shadow: 0 0 0 0.2rem rgba(169, 121, 255, 0.5);
}
.btn-outline-light-purple.disabled,
.btn-outline-light-purple:disabled {
  color: #a979ff;
  background-color: transparent;
}
.btn-outline-light-purple:not(:disabled):not(.disabled):active,
.btn-outline-light-purple:not(:disabled):not(.disabled).active,
.show > .btn-outline-light-purple.dropdown-toggle {
  color: #282b31;
  background-color: #a979ff;
  border-color: #a979ff;
}
.btn-outline-light-purple:not(:disabled):not(.disabled):active:focus,
.btn-outline-light-purple:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light-purple.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(169, 121, 255, 0.5);
}

.btn-outline-light-teal {
  color: #6efcd2;
  border-color: #6efcd2;
}
.btn-outline-light-teal:hover {
  color: #282b31;
  background-color: #6efcd2;
  border-color: #6efcd2;
}
.btn-outline-light-teal:focus,
.btn-outline-light-teal.focus {
  box-shadow: 0 0 0 0.2rem rgba(110, 252, 210, 0.5);
}
.btn-outline-light-teal.disabled,
.btn-outline-light-teal:disabled {
  color: #6efcd2;
  background-color: transparent;
}
.btn-outline-light-teal:not(:disabled):not(.disabled):active,
.btn-outline-light-teal:not(:disabled):not(.disabled).active,
.show > .btn-outline-light-teal.dropdown-toggle {
  color: #282b31;
  background-color: #6efcd2;
  border-color: #6efcd2;
}
.btn-outline-light-teal:not(:disabled):not(.disabled):active:focus,
.btn-outline-light-teal:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light-teal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(110, 252, 210, 0.5);
}

.btn-outline-light-yellow {
  color: #ffd45e;
  border-color: #ffd45e;
}
.btn-outline-light-yellow:hover {
  color: #282b31;
  background-color: #ffd45e;
  border-color: #ffd45e;
}
.btn-outline-light-yellow:focus,
.btn-outline-light-yellow.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 212, 94, 0.5);
}
.btn-outline-light-yellow.disabled,
.btn-outline-light-yellow:disabled {
  color: #ffd45e;
  background-color: transparent;
}
.btn-outline-light-yellow:not(:disabled):not(.disabled):active,
.btn-outline-light-yellow:not(:disabled):not(.disabled).active,
.show > .btn-outline-light-yellow.dropdown-toggle {
  color: #282b31;
  background-color: #ffd45e;
  border-color: #ffd45e;
}
.btn-outline-light-yellow:not(:disabled):not(.disabled):active:focus,
.btn-outline-light-yellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light-yellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 212, 94, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #006bfc;
  text-decoration: none;
}
.btn-link:hover {
  color: #004bb0;
  text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #41464f;
  pointer-events: none;
}

.btn-link-dark {
  font-weight: 400;
  color: #41464f;
  text-decoration: none;
}
.btn-link-dark:hover {
  color: #282b31;
  text-decoration: none;
}
.btn-link-dark:focus,
.btn-link-dark.focus {
  text-decoration: underline;
  box-shadow: none;
}
.btn-link-dark:disabled,
.btn-link-dark.disabled {
  color: #41464f;
  pointer-events: none;
}

.btn-icon {
  font-size: 1.25rem !important;
  font-weight: 400;
  text-decoration: none;
  padding: 0.1rem 0.25rem !important;
}
.btn-icon:hover {
  color: #004bb0;
  text-decoration: none;
}
.btn-icon:focus,
.btn-icon.focus,
.btn-icon:active,
.btn-icon.active {
  outline: 0;
  box-shadow: none !important;
}
.btn-icon:disabled,
.btn-icon.disabled {
  color: #41464f;
  pointer-events: none;
}

.btn-normal {
  font-weight: 400;
  color: #393e49;
  background-color: transparent;
  text-decoration: none;
}
.code-ver {
  width: 45%;
  float: right;
  z-index: 999999;
  position: relative;
  right: 0;
}
.code-ver > button {
  font-size: 15px;
  width: 90%;
  padding: 0.35rem 0;
}

.btn-normal:hover {
  color: #282b31;
  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
}
.btn-normal:focus,
.btn-normal.focus,
.btn-normal:active,
.btn-normal.active {
  color: #282b31;
  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
  border-color: #cecece;
  box-shadow: 0 0 0 0.2rem rgba(202, 203, 204, 0.5);
}
.btn-normal:disabled,
.btn-normal.disabled {
  color: #dce0e9;
  pointer-events: none;
}
.btn-normal:not(:disabled):not(.disabled):active,
.btn-normal:not(:disabled):not(.disabled).active,
.show > .btn-normal.dropdown-toggle {
  color: #282b31;
  background-color: #cecece;
  background-image: none;
  border-color: #cecece;
}
.btn-normal:not(:disabled):not(.disabled):active:focus,
.btn-normal:not(:disabled):not(.disabled).active:focus,
.show > .btn-normal.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(202, 203, 204, 0.5);
}

.btn-normal-light {
  font-weight: 400;
  color: #e7e7e7;
  background-color: transparent;
  text-decoration: none;
}
.btn-normal-light:hover {
  color: #fff;
  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
}
.btn-normal-light:focus,
.btn-normal-light.focus,
.btn-normal-light:active,
.btn-normal-light.active {
  color: #fff;
  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
  border-color: #cecece;
  box-shadow: 0 0 0 0.2rem rgba(202, 203, 204, 0.5);
}
.btn-normal-light:disabled,
.btn-normal-light.disabled {
  color: #41464f;
  pointer-events: none;
}
.btn-normal-light:not(:disabled):not(.disabled):active,
.btn-normal-light:not(:disabled):not(.disabled).active,
.show > .btn-normal-light.dropdown-toggle {
  color: #fff;
  background-color: #cecece;
  background-image: none;
  border-color: #cecece;
}
.btn-normal-light:not(:disabled):not(.disabled):active:focus,
.btn-normal-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-normal-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(202, 203, 204, 0.5);
}

.btn-circle {
  width: 40px;
  height: 40px;
  padding: 0.35rem;
  border-radius: 50%;
}

.btn-circle-s {
  width: 30px;
  height: 30px;
  padding: 0.275rem;
  font-size: 85%;
  border-radius: 50%;
}
.btn-circle-s2 {
  width: 30px;
  height: 30px;
  padding: 0.275rem;
  font-size: 85%;
  /* border-radius: 50%; */
  border: 1px solid #c0c5d0;
  border-radius: inherit;
  box-shadow: none !important;
}

.btn-circle-l {
  width: 60px;
  height: 60px;
  padding: 0.7rem;
  border-radius: 50%;
}

.btn-circle-l i {
  font-size: 2.2rem;
}

.btn-l {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.5rem;
}

.btn-s {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.15rem;
}

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

.btn-right-chevron-down {
  position: relative;
  padding-right: 1.75rem !important;
}
.btn-right-chevron-down::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
}

.btn-right-chevron-up {
  position: relative;
  padding-right: 1.75rem !important;
}
.btn-right-chevron-up::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
}

.btn-right-chevron-left {
  position: relative;
  padding-right: 1.75rem !important;
}
.btn-right-chevron-left::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
}

.btn-right-chevron-right {
  position: relative;
  padding-right: 1.75rem !important;
}
.btn-right-chevron-right::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 0.75rem;
  bottom: 0.75rem;
}

.btn-left-chevron-down {
  position: relative;
  padding-left: 1.75rem !important;
}
.btn-left-chevron-down::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 0.75rem;
  bottom: 0.75rem;
}

.btn-left-chevron-up {
  position: relative;
  padding-left: 1.75rem !important;
}
.btn-left-chevron-up::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 0.75rem;
  bottom: 0.75rem;
}

.btn-left-chevron-left {
  position: relative;
  padding-left: 1.75rem !important;
}
.btn-left-chevron-left::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 0.75rem;
  bottom: 0.75rem;
}

.btn-left-chevron-right {
  position: relative;
  padding-left: 1.75rem !important;
}
.btn-left-chevron-right::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  left: 0.75rem;
  bottom: 0.75rem;
}

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

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

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

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

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

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1010;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 6px 0 0 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #282b31;
  text-align: left;
  list-style: none;
}
.dropdown-menu .arrow {
  position: absolute;
  display: block;
  width: 18px;
  height: 7px;
}
.dropdown-menu .arrow::before {
  position: absolute;
  content: "";
  border: 8px solid transparent;
}
.dropdown-menu .arrow::after {
  position: absolute;
  content: "";
  border: 7px solid transparent;
}

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

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

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

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

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

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

  .dropdown-menu-d-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu[x-placement^="top"],
.dropdown-menu[x-placement^="right"],
.dropdown-menu[x-placement^="bottom"],
.dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto;
}
.dropdown-menu[x-placement^="top"] {
  margin-top: 0;
  margin-bottom: 0.125rem;
  padding: 0 0 6px 0;
}
.dropdown-menu[x-placement^="top"] .mdi-dropdown-content {
  box-shadow: 0 -4px 15px rgba(27, 31, 35, 0.15) !important;
}
.dropdown-menu[x-placement^="top"] .arrow {
  bottom: 0px;
}
.dropdown-menu[x-placement^="top"] .arrow::before {
  border-top-color: #d1d5da;
}
.dropdown-menu[x-placement^="top"] .arrow::after {
  border-top-color: #fff;
  margin-left: 1px;
}
.dropdown-menu[x-placement^="right"] {
  margin-top: 0;
  margin-left: 0.125rem;
  padding: 0 0 0 6px;
}
.dropdown-menu[x-placement^="right"] .mdi-dropdown-content {
  box-shadow: 4px 1px 15px rgba(27, 31, 35, 0.15) !important;
}
.dropdown-menu[x-placement^="right"] .arrow {
  left: 0px;
  width: 7px;
  height: 18px;
}
.dropdown-menu[x-placement^="right"] .arrow::before {
  left: -9px;
  border-right-color: #d1d5da;
}
.dropdown-menu[x-placement^="right"] .arrow::after {
  left: -7px;
  border-right-color: #fff;
  margin-top: 1px;
}
.dropdown-menu[x-placement^="bottom"] {
  margin-top: 0.125rem;
}
.dropdown-menu[x-placement^="bottom"] .mdi-dropdown-content {
  box-shadow: 0px 4px 15px rgba(27, 31, 35, 0.15) !important;
}
.dropdown-menu[x-placement^="bottom"] .arrow {
  top: 0px;
}
.dropdown-menu[x-placement^="bottom"] .arrow::before {
  bottom: 0;
  border-bottom-color: #d1d5da;
}
.dropdown-menu[x-placement^="bottom"] .arrow::after {
  bottom: 0;
  border-bottom-color: #fff;
  margin-left: 1px;
}
.dropdown-menu[x-placement^="left-start"],
.dropdown-menu[x-placement^="left"] {
  margin-top: 0;
  margin-right: 0.125rem;
  padding: 0 6px 0 0;
}
.dropdown-menu[x-placement^="left-start"] .mdi-dropdown-content,
.dropdown-menu[x-placement^="left"] .mdi-dropdown-content {
  box-shadow: -4px 1px 15px rgba(27, 31, 35, 0.15) !important;
}
.dropdown-menu[x-placement^="left-start"] .arrow,
.dropdown-menu[x-placement^="left"] .arrow {
  right: 0px;
  width: 7px;
  height: 18px;
}
.dropdown-menu[x-placement^="left-start"] .arrow::before,
.dropdown-menu[x-placement^="left"] .arrow::before {
  border-left-color: #d1d5da;
}
.dropdown-menu[x-placement^="left-start"] .arrow::after,
.dropdown-menu[x-placement^="left"] .arrow::after {
  border-left-color: #fff;
  margin-top: 1px;
}

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.5rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #282b31;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #006bfc;
  text-decoration: none;
  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #006bfc;
  text-decoration: none;
  background: rgba(0, 127, 252, 0.1)
    linear-gradient(180deg, rgba(196, 226, 254, 0.235), rgba(0, 127, 252, 0.1))
    repeat-x;
}
.dropdown-item:focus {
  outline: 0;
  text-decoration: none;
  background: rgba(0, 127, 252, 0.1)
    linear-gradient(180deg, rgba(196, 226, 254, 0.235), rgba(0, 127, 252, 0.1))
    repeat-x;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #41464f;
  pointer-events: none;
  background-color: transparent;
  background-image: none;
}

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

.dropdown-menu.mdi-chat-emoji {
  width: 305px;
  padding-bottom: 6px;
  margin-left: -15px;
}

.dropdown-menu .emojis-content {
  width: 100%;
  max-height: 195px;
  overflow-y: auto;
  flex-wrap: wrap;
  padding: 0.5rem;
  display: flex !important;
}

.dropdown-menu.mdi-chat-emoji .dropdown-item {
  padding: 0.2rem;
  margin: 0.05rem;
  border-radius: 0.25rem;
  width: auto;
}

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

.dropdown-item-text {
  display: block;
  padding: 0.5rem 1.5rem;
  color: #282b31;
}

.mdi-dropdown-content {
  border: 1px solid #d1d5da;
  background-color: #fff;
  background-clip: padding-box;
  padding: 0.5rem 0;
  border-radius: 0.5rem;
}

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

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

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

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

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

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

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

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

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

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #49505f;
  text-align: center;
  white-space: nowrap;
  background-color: #f5f7fa;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

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

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

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

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

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

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

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

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

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}
.custom-control-inline label.form-error {
  white-space: nowrap;
}
.custom-control-inline label.form-error:after {
  left: 0.2rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:not(:checked).form-error ~ .custom-control-label::before {
  border-color: #ff4446;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #006bfc;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #7db4ff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #b0d1ff;
  border-color: #b0d1ff;
}
.custom-control-input[disabled] ~ .custom-control-label,
.custom-control-input:disabled ~ .custom-control-label {
  color: #41464f;
}
.custom-control-input[disabled] ~ .custom-control-label::before,
.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #f5f7fa;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #a1a8b7 solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::before {
  border-color: #006bfc;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
}
.custom-checkbox
  .custom-control-input:indeterminate
  ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  border-color: rgba(0, 107, 252, 0.5);
  background: rgba(0, 107, 252, 0.5);
}
.custom-checkbox
  .custom-control-input:disabled:indeterminate
  ~ .custom-control-label::before {
  border-color: rgba(0, 107, 252, 0.5);
  background: rgba(0, 107, 252, 0.5);
}

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

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label {
  color: #41464f;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #a1a8b7;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label {
  color: #006bfc;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background: #fff;
  transform: translateX(0.75rem);
}
.custom-switch
  .custom-control-input:disabled:checked
  ~ .custom-control-label::before {
  border: #f5f7fa;
  background: rgba(0, 107, 252, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #49505f;
  vertical-align: middle;
  background: #fff
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23393e49' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e")
    no-repeat right 0.75rem center/8px 10px;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #7db4ff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.custom-select:focus::-ms-value {
  color: #49505f;
  background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #41464f;
  background-color: #f5f7fa;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #49505f;
}

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

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

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

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #7db4ff;
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label,
.custom-file-input:disabled ~ .custom-file-label {
  background-color: #f5f7fa;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #49505f;
  background-color: #fff;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #49505f;
  content: "浏览...";
  background: #f5f7fa linear-gradient(180deg, #f7f8fb, #f5f7fa) repeat-x;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  background-color: transparent;
  appearance: none;
  -webkit-appearance: none;
}
.custom-range:focus {
  outline: none;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
  -webkit-appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background: #1779ff linear-gradient(180deg, #3a8dff, #1779ff) repeat-x;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dce0e9;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background: #1779ff linear-gradient(180deg, #3a8dff, #1779ff) repeat-x;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dce0e9;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background: #1779ff linear-gradient(180deg, #3a8dff, #1779ff) repeat-x;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dce0e9;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dce0e9;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #a1a8b7;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #a1a8b7;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #a1a8b7;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
  .custom-file-label,
  .custom-select {
    transition: none;
  }
}

.on-submit::after {
  content: " ";
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.35);
}

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

.nav-link,
.mdi-tab-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover,
.nav-link:focus,
.mdi-tab-link:hover,
.mdi-tab-link:focus {
  text-decoration: none;
}
.nav-link.disabled,
.mdi-tab-link.disabled {
  color: #41464f;
  pointer-events: none;
  cursor: default;
}

.nav-label {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0 !important;
}

.nav-btn-label {
  display: block;
  padding: calc(0.375rem + 1px) 0.75rem;
  margin-bottom: 0 !important;
}

.nav-tabs,
nav-tabs {
  border-bottom: 1px solid #dce0e9;
}
.nav-tabs .nav-item,
.nav-tabs nav-item,
nav-tabs .nav-item,
nav-tabs nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-item a.disabled,
.nav-tabs nav-item a.disabled,
nav-tabs .nav-item a.disabled,
nav-tabs nav-item a.disabled {
  opacity: 0.5;
}
.nav-tabs .nav-link,
nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
nav-tabs .nav-link:hover,
nav-tabs .nav-link:focus {
  border-color: #f5f7fa #f5f7fa #dce0e9;
}
.nav-tabs .nav-link.disabled,
nav-tabs .nav-link.disabled {
  color: #41464f;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs nav-item.show .nav-link,
nav-tabs .nav-link.active,
nav-tabs .nav-item.show .nav-link,
nav-tabs nav-item.show .nav-link {
  color: #49505f;
  background-color: #fff;
  border-color: #dce0e9 #dce0e9 #fff;
}
.nav-tabs .dropdown-menu,
nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

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

.navbar,
nav-bar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .content,
.navbar .content-f,
.navbar .content-s,
.navbar .content-m,
.navbar .content-l,
.navbar .content-d,
nav-bar > .content-d,
nav-bar > .content-l,
nav-bar > .content-m,
nav-bar > .content-s,
nav-bar .content,
nav-bar .content-f,
nav-bar .content-s,
nav-bar .content-m,
nav-bar .content-l,
nav-bar .content-d {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

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

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

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

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

@media (max-width: 575.98px) {
  .navbar-expand-s > .content,
  .navbar-expand-s > .content-f,
  .navbar-expand-s > .content-s,
  .navbar-expand-s > .content-m,
  .navbar-expand-s > .content-l,
  .navbar-expand-s > .content-d {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-s {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-s .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-s .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-s .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-s > .content,
  .navbar-expand-s > .content-f,
  .navbar-expand-s > .content-s,
  .navbar-expand-s > .content-m,
  .navbar-expand-s > .content-l,
  .navbar-expand-s > .content-d {
    flex-wrap: nowrap;
  }
  .navbar-expand-s .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-s .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-m > .content,
  .navbar-expand-m > .content-f,
  .navbar-expand-m > .content-s,
  .navbar-expand-m > .content-m,
  .navbar-expand-m > .content-l,
  .navbar-expand-m > .content-d {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-m {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-m .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-m .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-m .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-m > .content,
  .navbar-expand-m > .content-f,
  .navbar-expand-m > .content-s,
  .navbar-expand-m > .content-m,
  .navbar-expand-m > .content-l,
  .navbar-expand-m > .content-d {
    flex-wrap: nowrap;
  }
  .navbar-expand-m .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-m .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-l > .content,
  .navbar-expand-l > .content-f,
  .navbar-expand-l > .content-s,
  .navbar-expand-l > .content-m,
  .navbar-expand-l > .content-l,
  .navbar-expand-l > .content-d {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-l {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-l .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-l .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-l .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-l > .content,
  .navbar-expand-l > .content-f,
  .navbar-expand-l > .content-s,
  .navbar-expand-l > .content-m,
  .navbar-expand-l > .content-l,
  .navbar-expand-l > .content-d {
    flex-wrap: nowrap;
  }
  .navbar-expand-l .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-l .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-d > .content,
  .navbar-expand-d > .content-f,
  .navbar-expand-d > .content-s,
  .navbar-expand-d > .content-m,
  .navbar-expand-d > .content-l,
  .navbar-expand-d > .content-d {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-d {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-d .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-d .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-d .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-d > .content,
  .navbar-expand-d > .content-f,
  .navbar-expand-d > .content-s,
  .navbar-expand-d > .content-m,
  .navbar-expand-d > .content-l,
  .navbar-expand-d > .content-d {
    flex-wrap: nowrap;
  }
  .navbar-expand-d .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-d .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .content,
.navbar-expand > .content-f,
.navbar-expand > .content-s,
.navbar-expand > .content-m,
.navbar-expand > .content-l,
.navbar-expand > .content-d {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .content,
.navbar-expand > .content-f,
.navbar-expand > .content-s,
.navbar-expand > .content-m,
.navbar-expand > .content-l,
.navbar-expand > .content-d {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
  color: rgba(0, 0, 0, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
  color: rgba(0, 0, 0, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
  color: #fff;
}

card,
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}
card > hr,
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
card > .list-group:first-child .list-group-item:first-child,
.card > .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 > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

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

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

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

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

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

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

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

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

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

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

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

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

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

.card-deck {
  display: flex;
  flex-flow: row wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.card-deck .card {
  margin-bottom: 15px;
}
.card-deck .card {
  flex: 1 0 0%;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 15px;
}

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

.card-columns {
  column-count: 3;
  column-gap: 1.25rem;
  orphans: 1;
  widows: 1;
}
.card-columns .card {
  margin-bottom: 0.75rem;
}
.card-columns .card {
  display: inline-block;
  width: 100%;
}

.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb,
bread-crumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  list-style: none;
}

.breadcrumb-item,
bread-crumb-item {
  color: #a1a8b7;
}
.breadcrumb-item + .breadcrumb-item,
.breadcrumb-item + bread-crumb-item,
bread-crumb-item + .breadcrumb-item,
bread-crumb-item + bread-crumb-item {
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item + bread-crumb-item::before,
bread-crumb-item + .breadcrumb-item::before,
bread-crumb-item + bread-crumb-item::before {
  display: inline-block;
  padding-right: 0.5rem;
  color: #dce0e9;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before,
.breadcrumb-item + breadcrumb-item:hover::before,
bread-crumb-item + .breadcrumb-item:hover::before,
bread-crumb-item + breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before,
.breadcrumb-item + breadcrumb-item:hover::before,
bread-crumb-item + .breadcrumb-item:hover::before,
bread-crumb-item + breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active,
bread-crumb-item.active {
  color: #006bfc;
}
.breadcrumb-item a,
bread-crumb-item a {
  color: #a1a8b7;
}
.breadcrumb-item a:hover,
bread-crumb-item a:hover {
  color: #006bfc;
  text-decoration: none;
}

.page-control {
  display: flex;
  align-items: center;
}
.page-control.page-top {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e7e7e7;
}
.page-control.page-bottom {
  padding-top: 0.5rem;
  border-top: 1px solid #e7e7e7;
}

.pagination,
pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #393e49;
  background-color: transparent;
  border-radius: 0.25rem;
  border: 1px solid transparent;
  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) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  color: #282b31;
  text-decoration: none;
  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
}
.page-link:active {
  color: #282b31;
  background: #e7e7e7 linear-gradient(180deg, #ebebeb, #e7e7e7) repeat-x;
  border-color: #cecece;
  box-shadow: 0 0 0 0.2rem rgba(202, 203, 204, 0.5);
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}

.page-item.active .page-link,
page-item.active .page-link {
  z-index: 3;
  color: #006bfc;
}
.page-item.disabled .page-link,
page-item.disabled .page-link {
  color: #dce0e9;
  pointer-events: none;
  cursor: auto;
  background-color: transparent;
  border-color: transparent;
}

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

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

badge,
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  badge,
  .badge {
    transition: none;
  }
}
abadge:hover,
abadge:focus,
.badge:hover,
.badge:focus {
  text-decoration: none;
}

badge:empty,
.badge:empty {
  display: none;
}

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

.btn-circle {
  position: relative;
}
.btn-circle badge,
.btn-circle .badge {
  position: absolute;
  top: 0;
}

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

.badge-primary {
  color: #fff;
  background-color: #006bfc;
}
a.badge-primary:hover,
a.badge-primary:focus {
  color: #fff;
  background-color: #0055c9;
}
a.badge-primary:focus,
a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 107, 252, 0.5);
}

.badge-secondary {
  color: #fff;
  background-color: #41464f;
}
a.badge-secondary:hover,
a.badge-secondary:focus {
  color: #fff;
  background-color: #49505d;
}
a.badge-secondary:focus,
a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(96, 104, 121, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #17c13d;
}
a.badge-success:hover,
a.badge-success:focus {
  color: #fff;
  background-color: #12932f;
}
a.badge-success:focus,
a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 193, 61, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover,
a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus,
a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #282b31;
  background-color: #ffba00;
}
a.badge-warning:hover,
a.badge-warning:focus {
  color: #282b31;
  background-color: #cc9500;
}
a.badge-warning:focus,
a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 186, 0, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #ff4446;
}
a.badge-danger:hover,
a.badge-danger:focus {
  color: #fff;
  background-color: #ff1114;
}
a.badge-danger:focus,
a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 68, 70, 0.5);
}

.badge-light {
  color: #282b31;
  background-color: #f3f3f3;
}
a.badge-light:hover,
a.badge-light:focus {
  color: #282b31;
  background-color: #dadada;
}
a.badge-light:focus,
a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(243, 243, 243, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #393e49;
}
a.badge-dark:hover,
a.badge-dark:focus {
  color: #fff;
  background-color: #23262c;
}
a.badge-dark:focus,
a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(57, 62, 73, 0.5);
}

.badge-purple {
  color: #fff;
  background-color: #6f42c1;
}
a.badge-purple:hover,
a.badge-purple:focus {
  color: #fff;
  background-color: #59339d;
}
a.badge-purple:focus,
a.badge-purple.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(111, 66, 193, 0.5);
}

.badge-pink {
  color: #fff;
  background-color: #fd29a4;
}
a.badge-pink:hover,
a.badge-pink:focus {
  color: #fff;
  background-color: #f1028d;
}
a.badge-pink:focus,
a.badge-pink.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(253, 41, 164, 0.5);
}

.badge-orange {
  color: #282b31;
  background-color: #fd7e14;
}
a.badge-orange:hover,
a.badge-orange:focus {
  color: #282b31;
  background-color: #dc6502;
}
a.badge-orange:focus,
a.badge-orange.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(253, 126, 20, 0.5);
}

.badge-teal {
  color: #fff;
  background-color: #20c997;
}
a.badge-teal:hover,
a.badge-teal:focus {
  color: #fff;
  background-color: #199d76;
}
a.badge-teal:focus,
a.badge-teal.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.5);
}

.badge-light-green {
  color: #fff;
  background-color: #06e437;
}
a.badge-light-green:hover,
a.badge-light-green:focus {
  color: #fff;
  background-color: #05b22b;
}
a.badge-light-green:focus,
a.badge-light-green.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(6, 228, 55, 0.5);
}

.badge-light-cyan {
  color: #282b31;
  background-color: #1edffe;
}
a.badge-light-cyan:hover,
a.badge-light-cyan:focus {
  color: #282b31;
  background-color: #01c8e8;
}
a.badge-light-cyan:focus,
a.badge-light-cyan.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(30, 223, 254, 0.5);
}

.badge-light-purple {
  color: #282b31;
  background-color: #a979ff;
}
a.badge-light-purple:hover,
a.badge-light-purple:focus {
  color: #282b31;
  background-color: #8846ff;
}
a.badge-light-purple:focus,
a.badge-light-purple.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(169, 121, 255, 0.5);
}

.badge-light-teal {
  color: #282b31;
  background-color: #6efcd2;
}
a.badge-light-teal:hover,
a.badge-light-teal:focus {
  color: #282b31;
  background-color: #3cfbc2;
}
a.badge-light-teal:focus,
a.badge-light-teal.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(110, 252, 210, 0.5);
}

.badge-light-yellow {
  color: #282b31;
  background-color: #ffd45e;
}
a.badge-light-yellow:hover,
a.badge-light-yellow:focus {
  color: #282b31;
  background-color: #ffc62b;
}
a.badge-light-yellow:focus,
a.badge-light-yellow.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 212, 94, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #f5f7fa;
  border-radius: 0.5rem;
  padding: 4rem 2rem;
}

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

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

.alert-heading {
  color: inherit;
}

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

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

.alert-primary {
  color: #003883;
  background: #cce1fe linear-gradient(180deg, #d4e6fe, #cce1fe) repeat-x;
  border-color: #b8d6fe;
}
.alert-primary hr {
  border-top-color: #9fc7fe;
}
.alert-primary .alert-link {
  color: #002250;
}

.alert-secondary {
  color: #32363f;
  background: #dfe1e4 linear-gradient(180deg, #e4e6e8, #dfe1e4) repeat-x;
  border-color: #d2d5d9;
}
.alert-secondary hr {
  border-top-color: #c4c8cd;
}
.alert-secondary .alert-link {
  color: #1b1e23;
}

.alert-success {
  color: #0c6420;
  background: #d1f3d8 linear-gradient(180deg, #d8f5de, #d1f3d8) repeat-x;
  border-color: #beeec9;
}
.alert-success hr {
  border-top-color: #aae9b8;
}
.alert-success .alert-link {
  color: #073611;
}

.alert-info {
  color: #0c5460;
  background: #d1ecf1 linear-gradient(180deg, #d8eff3, #d1ecf1) repeat-x;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #062c33;
}

.alert-warning {
  color: #856100;
  background: #fff1cc linear-gradient(180deg, #fff3d4, #fff1cc) repeat-x;
  border-color: #ffecb8;
}
.alert-warning hr {
  border-top-color: #ffe59f;
}
.alert-warning .alert-link {
  color: #523c00;
}

.alert-danger {
  color: #852324;
  background: #ffdada linear-gradient(180deg, #ffe0e0, #ffdada) repeat-x;
  border-color: #ffcbcb;
}
.alert-danger hr {
  border-top-color: #ffb2b2;
}
.alert-danger .alert-link {
  color: #5d1819;
}

.alert-light {
  color: #7e7e7e;
  background: #fdfdfd linear-gradient(180deg, #fdfdfd, #fdfdfd) repeat-x;
  border-color: #fcfcfc;
}
.alert-light hr {
  border-top-color: #efefef;
}
.alert-light .alert-link {
  color: #656565;
}

.alert-dark {
  color: #1e2026;
  background: #d7d8db linear-gradient(180deg, #dddee0, #d7d8db) repeat-x;
  border-color: #c8c9cc;
}
.alert-dark hr {
  border-top-color: #bbbcc0;
}
.alert-dark .alert-link {
  color: #08080a;
}

.alert-purple {
  color: #3a2264;
  background: #e2d9f3 linear-gradient(180deg, #e6dff5, #e2d9f3) repeat-x;
  border-color: #d7caee;
}
.alert-purple hr {
  border-top-color: #c8b7e8;
}
.alert-purple .alert-link {
  color: #24153e;
}

.alert-pink {
  color: #841555;
  background: #ffd4ed linear-gradient(180deg, #ffdaf0, #ffd4ed) repeat-x;
  border-color: #fec3e6;
}
.alert-pink hr {
  border-top-color: #feaadc;
}
.alert-pink .alert-link {
  color: #580e39;
}

.alert-orange {
  color: #84420a;
  background: #ffe5d0 linear-gradient(180deg, #ffe9d7, #ffe5d0) repeat-x;
  border-color: #fedbbd;
}
.alert-orange hr {
  border-top-color: #fecda4;
}
.alert-orange .alert-link {
  color: #552a06;
}

.alert-teal {
  color: #11694f;
  background: #d2f4ea linear-gradient(180deg, #d9f6ed, #d2f4ea) repeat-x;
  border-color: #c1f0e2;
}
.alert-teal hr {
  border-top-color: #acebd8;
}
.alert-teal .alert-link {
  color: #0a3d2e;
}

.alert-light-green {
  color: #03771d;
  background: #cdfad7 linear-gradient(180deg, #d5fbdd, #cdfad7) repeat-x;
  border-color: #b9f7c7;
}
.alert-light-green hr {
  border-top-color: #a2f4b5;
}
.alert-light-green .alert-link {
  color: #024511;
}

.alert-light-cyan {
  color: #107484;
  background: #d2f9ff linear-gradient(180deg, #d9faff, #d2f9ff) repeat-x;
  border-color: #c0f6ff;
}
.alert-light-cyan hr {
  border-top-color: #a7f2ff;
}
.alert-light-cyan .alert-link {
  color: #0a4c57;
}

.alert-light-purple {
  color: #583f85;
  background: #eee4ff linear-gradient(180deg, #f1e8ff, #eee4ff) repeat-x;
  border-color: #e7d9ff;
}
.alert-light-purple hr {
  border-top-color: #d7c0ff;
}
.alert-light-purple .alert-link {
  color: #412f62;
}

.alert-light-teal {
  color: #39836d;
  background: #e2fef6 linear-gradient(180deg, #e6fef7, #e2fef6) repeat-x;
  border-color: #d6fef2;
}
.alert-light-teal hr {
  border-top-color: #bdfdea;
}
.alert-light-teal .alert-link {
  color: #2a5f4f;
}

.alert-light-yellow {
  color: #856e31;
  background: #fff6df linear-gradient(180deg, #fff7e4, #fff6df) repeat-x;
  border-color: #fff3d2;
}
.alert-light-yellow hr {
  border-top-color: #ffecb9;
}
.alert-light-yellow .alert-link {
  color: #604f23;
}

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

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

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

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

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

.media-body {
  flex: 1;
}

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

.list-group-item-action {
  width: 100%;
  color: #49505f;
  text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: #49505f;
  text-decoration: none;
  background-color: #e7e7e7;
}
.list-group-item-action:active {
  color: #282b31;
  background-color: #f5f7fa;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: #41464f;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #006bfc;
  border-color: #006bfc;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-s {
    flex-direction: row;
  }
  .list-group-horizontal-s .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-s .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-s .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-s .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-s .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-m {
    flex-direction: row;
  }
  .list-group-horizontal-m .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-m .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-m .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-m .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-m .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-l {
    flex-direction: row;
  }
  .list-group-horizontal-l .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-l .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-l .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-l .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-l .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-d {
    flex-direction: row;
  }
  .list-group-horizontal-d .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-d .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-d .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-d .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-d .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush .list-group-item {
  border-right-width: 0;
  border-left-width: 0;
  border-radius: 0;
}
.list-group-flush .list-group-item:first-child {
  border-top-width: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #003883;
  background-color: #b8d6fe;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
  color: #003883;
  background-color: #9fc7fe;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #003883;
  border-color: #003883;
}

.list-group-item-secondary {
  color: #32363f;
  background-color: #d2d5d9;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
  color: #32363f;
  background-color: #c4c8cd;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #32363f;
  border-color: #32363f;
}

.list-group-item-success {
  color: #0c6420;
  background-color: #beeec9;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
  color: #0c6420;
  background-color: #aae9b8;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0c6420;
  border-color: #0c6420;
}

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

.list-group-item-warning {
  color: #856100;
  background-color: #ffecb8;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
  color: #856100;
  background-color: #ffe59f;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #856100;
  border-color: #856100;
}

.list-group-item-danger {
  color: #852324;
  background-color: #ffcbcb;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
  color: #852324;
  background-color: #ffb2b2;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #852324;
  border-color: #852324;
}

.list-group-item-light {
  color: #7e7e7e;
  background-color: #fcfcfc;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
  color: #7e7e7e;
  background-color: #efefef;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #7e7e7e;
  border-color: #7e7e7e;
}

.list-group-item-dark {
  color: #1e2026;
  background-color: #c8c9cc;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
  color: #1e2026;
  background-color: #bbbcc0;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #1e2026;
  border-color: #1e2026;
}

.list-group-item-purple {
  color: #3a2264;
  background-color: #d7caee;
}
.list-group-item-purple.list-group-item-action:hover,
.list-group-item-purple.list-group-item-action:focus {
  color: #3a2264;
  background-color: #c8b7e8;
}
.list-group-item-purple.list-group-item-action.active {
  color: #fff;
  background-color: #3a2264;
  border-color: #3a2264;
}

.list-group-item-pink {
  color: #841555;
  background-color: #fec3e6;
}
.list-group-item-pink.list-group-item-action:hover,
.list-group-item-pink.list-group-item-action:focus {
  color: #841555;
  background-color: #feaadc;
}
.list-group-item-pink.list-group-item-action.active {
  color: #fff;
  background-color: #841555;
  border-color: #841555;
}

.list-group-item-orange {
  color: #84420a;
  background-color: #fedbbd;
}
.list-group-item-orange.list-group-item-action:hover,
.list-group-item-orange.list-group-item-action:focus {
  color: #84420a;
  background-color: #fecda4;
}
.list-group-item-orange.list-group-item-action.active {
  color: #fff;
  background-color: #84420a;
  border-color: #84420a;
}

.list-group-item-teal {
  color: #11694f;
  background-color: #c1f0e2;
}
.list-group-item-teal.list-group-item-action:hover,
.list-group-item-teal.list-group-item-action:focus {
  color: #11694f;
  background-color: #acebd8;
}
.list-group-item-teal.list-group-item-action.active {
  color: #fff;
  background-color: #11694f;
  border-color: #11694f;
}

.list-group-item-light-green {
  color: #03771d;
  background-color: #b9f7c7;
}
.list-group-item-light-green.list-group-item-action:hover,
.list-group-item-light-green.list-group-item-action:focus {
  color: #03771d;
  background-color: #a2f4b5;
}
.list-group-item-light-green.list-group-item-action.active {
  color: #fff;
  background-color: #03771d;
  border-color: #03771d;
}

.list-group-item-light-cyan {
  color: #107484;
  background-color: #c0f6ff;
}
.list-group-item-light-cyan.list-group-item-action:hover,
.list-group-item-light-cyan.list-group-item-action:focus {
  color: #107484;
  background-color: #a7f2ff;
}
.list-group-item-light-cyan.list-group-item-action.active {
  color: #fff;
  background-color: #107484;
  border-color: #107484;
}

.list-group-item-light-purple {
  color: #583f85;
  background-color: #e7d9ff;
}
.list-group-item-light-purple.list-group-item-action:hover,
.list-group-item-light-purple.list-group-item-action:focus {
  color: #583f85;
  background-color: #d7c0ff;
}
.list-group-item-light-purple.list-group-item-action.active {
  color: #fff;
  background-color: #583f85;
  border-color: #583f85;
}

.list-group-item-light-teal {
  color: #39836d;
  background-color: #d6fef2;
}
.list-group-item-light-teal.list-group-item-action:hover,
.list-group-item-light-teal.list-group-item-action:focus {
  color: #39836d;
  background-color: #bdfdea;
}
.list-group-item-light-teal.list-group-item-action.active {
  color: #fff;
  background-color: #39836d;
  border-color: #39836d;
}

.list-group-item-light-yellow {
  color: #856e31;
  background-color: #fff3d2;
}
.list-group-item-light-yellow.list-group-item-action:hover,
.list-group-item-light-yellow.list-group-item-action:focus {
  color: #856e31;
  background-color: #ffecb9;
}
.list-group-item-light-yellow.list-group-item-action.active {
  color: #fff;
  background-color: #856e31;
  border-color: #856e31;
}

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

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

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

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

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

.toast-body {
  padding: 0.75rem;
}

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

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

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

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

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

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

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

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

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

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

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

.modal-dialog {
  max-width: 500px;
  margin: 1.75rem auto;
}

.modal-dialog-scrollable {
  max-height: calc(100% - 3.5rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 3.5rem);
}

.modal-dialog-centered {
  min-height: calc(100% - 3.5rem);
}
.modal-dialog-centered::before {
  height: calc(100vh - 3.5rem);
}

.modal-sm {
  max-width: 300px;
}

.modal-lg,
.modal-xl {
  max-width: 800px;
}

.modal-xl {
  max-width: 1140px;
}

mdi-tooltip,
mdi-tooltip-content,
mdi-tooltip-arrow {
  display: block;
}

mdi-tooltip,
.mdi-tooltip {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2090;
  display: block;
  margin: 0;
  will-change: transform;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
mdi-tooltip.dark.show,
.mdi-tooltip.dark.show {
  opacity: 0.9;
}
mdi-tooltip.show,
.mdi-tooltip.show {
  opacity: 1;
}
mdi-tooltip mdi-tooltip-arrow,
mdi-tooltip .arrow,
.mdi-tooltip mdi-tooltip-arrow,
.mdi-tooltip .arrow {
  position: absolute;
  display: block;
  width: 18px;
  height: 7px;
}
mdi-tooltip mdi-tooltip-arrow::before,
mdi-tooltip .arrow::before,
.mdi-tooltip mdi-tooltip-arrow::before,
.mdi-tooltip .arrow::before {
  position: absolute;
  content: "";
  border: 8px solid transparent;
}
mdi-tooltip mdi-tooltip-arrow::after,
mdi-tooltip .arrow::after,
.mdi-tooltip mdi-tooltip-arrow::after,
.mdi-tooltip .arrow::after {
  position: absolute;
  content: "";
  border: 7px solid transparent;
}

.mdi-tooltip-top,
.mdi-tooltip-auto[mdi-tooltip-direction^="top"] {
  padding: 6px 0;
}
.mdi-tooltip-top mdi-tooltip-arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="top"] mdi-tooltip-arrow,
.mdi-tooltip-top .arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="top"] .arrow {
  bottom: 0px;
}
.mdi-tooltip-top mdi-tooltip-arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="top"] mdi-tooltip-arrow::before,
.mdi-tooltip-top .arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="top"] .arrow::before {
  border-top-color: #d1d5da;
}
.mdi-tooltip-top mdi-tooltip-arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="top"] mdi-tooltip-arrow::after,
.mdi-tooltip-top .arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="top"] .arrow::after {
  border-top-color: #fff;
  margin-left: 1px;
}

.mdi-tooltip-right,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] {
  padding: 0 6px;
}
.mdi-tooltip-right mdi-tooltip-content,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] mdi-tooltip-content,
.mdi-tooltip-right .mdi-tooltip-content,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] .mdi-tooltip-content {
  text-align: left;
}
.mdi-tooltip-right mdi-tooltip-arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] mdi-tooltip-arrow,
.mdi-tooltip-right .arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] .arrow {
  left: 0px;
  width: 7px;
  height: 18px;
}
.mdi-tooltip-right mdi-tooltip-arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] mdi-tooltip-arrow::before,
.mdi-tooltip-right .arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] .arrow::before {
  left: -9px;
  border-right-color: #d1d5da;
}
.mdi-tooltip-right mdi-tooltip-arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] mdi-tooltip-arrow::after,
.mdi-tooltip-right .arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="right"] .arrow::after {
  left: -7px;
  border-right-color: #fff;
  margin-top: 1px;
}

.mdi-tooltip-bottom,
.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] {
  padding: 6px 0;
}
.mdi-tooltip-bottom mdi-tooltip-arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] mdi-tooltip-arrow,
.mdi-tooltip-bottom .arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] .arrow {
  top: 0px;
}
.mdi-tooltip-bottom mdi-tooltip-arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] mdi-tooltip-arrow::before,
.mdi-tooltip-bottom .arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] .arrow::before {
  bottom: 0;
  border-bottom-color: #d1d5da;
}
.mdi-tooltip-bottom mdi-tooltip-arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] mdi-tooltip-arrow::after,
.mdi-tooltip-bottom .arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] .arrow::after {
  bottom: 0;
  border-bottom-color: #fff;
  margin-left: 1px;
}

.mdi-tooltip-left,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] {
  padding: 0 6px;
}
.mdi-tooltip-left mdi-tooltip-content,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] mdi-tooltip-content,
.mdi-tooltip-left .mdi-tooltip-content,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] .mdi-tooltip-content {
  text-align: right;
}
.mdi-tooltip-left mdi-tooltip-arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] mdi-tooltip-arrow,
.mdi-tooltip-left .arrow,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] .arrow {
  right: 0px;
  width: 7px;
  height: 18px;
}
.mdi-tooltip-left mdi-tooltip-arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] mdi-tooltip-arrow::before,
.mdi-tooltip-left .arrow::before,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] .arrow::before {
  border-left-color: #d1d5da;
}
.mdi-tooltip-left mdi-tooltip-arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] mdi-tooltip-arrow::after,
.mdi-tooltip-left .arrow::after,
.mdi-tooltip-auto[mdi-tooltip-direction^="left"] .arrow::after {
  border-left-color: #fff;
  margin-top: 1px;
}

.dark.mdi-tooltip-top .arrow::before,
.dark.mdi-tooltip-auto[mdi-tooltip-direction^="top"] .arrow::before,
.dark.mdi-tooltip-top mdi-tooltip-arrow::before,
.dark.mdi-tooltip-auto[mdi-tooltip-direction^="top"] mdi-tooltip-arrow::before {
  border-top-color: #000;
}

.dark.mdi-tooltip-right .arrow::before,
.dark.mdi-tooltip-auto[mdi-tooltip-direction^="right"] .arrow::before,
.dark.mdi-tooltip-right mdi-tooltip-arrow::before,
.dark.mdi-tooltip-auto[mdi-tooltip-direction^="right"]
  mdi-tooltip-arrow::before {
  border-right-color: #000;
}

.dark.mdi-tooltip-bottom .arrow::before,
.dark.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"] .arrow::before,
.dark.mdi-tooltip-bottom mdi-tooltip-arrow::before,
.dark.mdi-tooltip-auto[mdi-tooltip-direction^="bottom"]
  mdi-tooltip-arrow::before {
  border-bottom-color: #000;
}

.dark.tooltip-left .arrow::before,
.dark.mdi-tooltip-left mdi-tooltip-arrow::before,
.dark.mdi-tooltip-auto[mdi-tooltip-direction^="left"]
  mdi-tooltip-arrow::before {
  border-left-color: #000;
}

mdi-tooltip-content,
.mdi-tooltip-content {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #282b31;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d1d5da;
  box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important;
  border-radius: 0.15rem;
}

.dark mdi-tooltip-content,
.dark .mdi-tooltip-content {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 15px rgba(27, 31, 35, 0.15) !important;
  border-radius: 0.15rem;
}

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

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

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

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

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

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

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

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

.mdi-popover-top,
.mdi-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem;
}
.mdi-popover-top > .arrow,
.mdi-popover-auto[x-placement^="top"] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.mdi-popover-top > .arrow::before,
.mdi-popover-auto[x-placement^="top"] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(0, 0, 0, 0.1);
}
.mdi-popover-top > .arrow::after,
.mdi-popover-auto[x-placement^="top"] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.mdi-popover-right,
.mdi-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem;
}
.mdi-popover-right > .arrow,
.mdi-popover-auto[x-placement^="right"] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.5rem 0;
}
.mdi-popover-right > .arrow::before,
.mdi-popover-auto[x-placement^="right"] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(0, 0, 0, 0.1);
}
.mdi-popover-right > .arrow::after,
.mdi-popover-auto[x-placement^="right"] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.mdi-popover-bottom,
.mdi-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem;
}
.mdi-popover-bottom > .arrow,
.mdi-popover-auto[x-placement^="bottom"] > .arrow {
  top: calc(-0.5rem - 1px);
}
.mdi-popover-bottom > .arrow::before,
.mdi-popover-auto[x-placement^="bottom"] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(0, 0, 0, 0.1);
}
.mdi-popover-bottom > .arrow::after,
.mdi-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.mdi-popover-bottom .popover-header::before,
.mdi-popover-auto[x-placement^="bottom"] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.mdi-popover-left,
.mdi-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem;
}
.mdi-popover-left > .arrow,
.mdi-popover-auto[x-placement^="left"] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.5rem 0;
}
.mdi-popover-left > .arrow::before,
.mdi-popover-auto[x-placement^="left"] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(0, 0, 0, 0.1);
}
.mdi-popover-left > .arrow::after,
.mdi-popover-auto[x-placement^="left"] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.mdi-popover-header {
  padding: 1rem 0.75rem 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
  padding-left: 0.75rem;
}
.mdi-popover-header::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.5rem;
  content: "";
}
.mdi-popover-header:empty {
  display: none;
}

.mdi-popover-body {
  padding: 0.5rem 0.75rem;
  color: #282b31;
}

.carousel {
  position: relative;
}

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

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

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

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

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

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

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

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

.carousel-control-prev {
  left: 0;
  background-image: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0.001)
  );
}

.carousel-control-next {
  right: 0;
  background-image: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0.25),
    rgba(0, 0, 0, 0.001)
  );
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.align-text-top {
  vertical-align: text-top !important;
}
.bg-none {
  background: none !important;
}
.bg-primary {
  background-color: #006bfc !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0055c9 !important;
}

.bg-secondary {
  background-color: #41464f !important;
}

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

.bg-success {
  background-color: #17c13d !important;
}

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

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

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

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

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

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

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

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

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

.bg-dark {
  background-color: #393e49 !important;
}

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

.bg-purple {
  background-color: #6f42c1 !important;
}

a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
  background-color: #59339d !important;
}

.bg-pink {
  background-color: #fd29a4 !important;
}

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

.bg-orange {
  background-color: #fd7e14 !important;
}

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

.bg-teal {
  background-color: #20c997 !important;
}

a.bg-teal:hover,
a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus {
  background-color: #199d76 !important;
}

.bg-light-green {
  background-color: #06e437 !important;
}

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

.bg-light-cyan {
  background-color: #1edffe !important;
}

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

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

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

.bg-light-teal {
  background-color: #6efcd2 !important;
}

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

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

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

.bg-gradient-primary {
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x !important;
}

.bg-gradient-secondary {
  background: #41464f linear-gradient(180deg, #787f8d, #41464f) repeat-x !important;
}

.bg-gradient-success {
  background: #17c13d linear-gradient(180deg, #3aca5a, #17c13d) repeat-x !important;
}

.bg-gradient-info {
  background: #17a2b8 linear-gradient(180deg, #3ab0c3, #17a2b8) repeat-x !important;
}

.bg-gradient-warning {
  background: #ffba00 linear-gradient(180deg, #ffc426, #ffba00) repeat-x !important;
}

.bg-gradient-danger {
  background: #ff4446 linear-gradient(180deg, #ff6062, #ff4446) repeat-x !important;
}

.bg-gradient-light {
  background: #f3f3f3 linear-gradient(180deg, whitesmoke, #f3f3f3) repeat-x !important;
}

.bg-gradient-dark {
  background: #393e49 linear-gradient(180deg, #575b64, #393e49) repeat-x !important;
}

.bg-gradient-purple {
  background: #6f42c1 linear-gradient(180deg, #855eca, #6f42c1) repeat-x !important;
}

.bg-gradient-pink {
  background: #fd29a4 linear-gradient(180deg, #fd49b2, #fd29a4) repeat-x !important;
}

.bg-gradient-orange {
  background: #fd7e14 linear-gradient(180deg, #fd9137, #fd7e14) repeat-x !important;
}

.bg-gradient-teal {
  background: #20c997 linear-gradient(180deg, #41d1a7, #20c997) repeat-x !important;
}

.bg-gradient-light-green {
  background: #06e437 linear-gradient(180deg, #2be855, #06e437) repeat-x !important;
}

.bg-gradient-light-cyan {
  background: #1edffe linear-gradient(180deg, #40e4fe, #1edffe) repeat-x !important;
}

.bg-gradient-light-purple {
  background: #a979ff linear-gradient(180deg, #b68dff, #a979ff) repeat-x !important;
}

.bg-gradient-light-teal {
  background: #6efcd2 linear-gradient(180deg, #84fcd9, #6efcd2) repeat-x !important;
}

.bg-gradient-light-yellow {
  background: #ffd45e linear-gradient(180deg, #ffda76, #ffd45e) repeat-x !important;
}

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

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

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

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

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

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

.border-left {
  border-left: 1px solid #f3f3f3 !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: #006bfc !important;
}

.border-secondary {
  border-color: #41464f !important;
}

.border-success {
  border-color: #17c13d !important;
}

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

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

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

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

.border-dark {
  border-color: #393e49 !important;
}

.border-purple {
  border-color: #6f42c1 !important;
}

.border-pink {
  border-color: #fd29a4 !important;
}

.border-orange {
  border-color: #fd7e14 !important;
}

.border-teal {
  border-color: #20c997 !important;
}

.border-light-green {
  border-color: #06e437 !important;
}

.border-light-cyan {
  border-color: #1edffe !important;
}

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

.border-light-teal {
  border-color: #6efcd2 !important;
}

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

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

.rounded-s {
  border-radius: 0.15rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

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

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

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

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-l {
  border-radius: 0.5rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

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

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-show {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-s-none {
    display: none !important;
  }

  .d-s-inline {
    display: inline !important;
  }

  .d-s-inline-block {
    display: inline-block !important;
  }

  .d-s-block {
    display: block !important;
  }

  .d-s-table {
    display: table !important;
  }

  .d-s-table-row {
    display: table-row !important;
  }

  .d-s-table-cell {
    display: table-cell !important;
  }

  .d-s-flex {
    display: flex !important;
  }

  .d-s-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-m-none {
    display: none !important;
  }

  .d-m-inline {
    display: inline !important;
  }

  .d-m-inline-block {
    display: inline-block !important;
  }

  .d-m-block {
    display: block !important;
  }

  .d-m-table {
    display: table !important;
  }

  .d-m-table-row {
    display: table-row !important;
  }

  .d-m-table-cell {
    display: table-cell !important;
  }

  .d-m-flex {
    display: flex !important;
  }

  .d-m-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-l-none {
    display: none !important;
  }

  .d-l-inline {
    display: inline !important;
  }

  .d-l-inline-block {
    display: inline-block !important;
  }

  .d-l-block {
    display: block !important;
  }

  .d-l-table {
    display: table !important;
  }

  .d-l-table-row {
    display: table-row !important;
  }

  .d-l-table-cell {
    display: table-cell !important;
  }

  .d-l-flex {
    display: flex !important;
  }

  .d-l-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-d-none {
    display: none !important;
  }

  .d-d-inline {
    display: inline !important;
  }

  .d-d-inline-block {
    display: inline-block !important;
  }

  .d-d-block {
    display: block !important;
  }

  .d-d-table {
    display: table !important;
  }

  .d-d-table-row {
    display: table-row !important;
  }

  .d-d-table-cell {
    display: table-cell !important;
  }

  .d-d-flex {
    display: flex !important;
  }

  .d-d-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.8571428571%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

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

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

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

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-s-row {
    flex-direction: row !important;
  }

  .flex-s-column {
    flex-direction: column !important;
  }

  .flex-s-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-s-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-s-wrap {
    flex-wrap: wrap !important;
  }

  .flex-s-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-s-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-s-fill {
    flex: 1 1 auto !important;
  }

  .flex-s-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-s-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-s-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-s-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-s-start {
    justify-content: flex-start !important;
  }

  .justify-content-s-end {
    justify-content: flex-end !important;
  }

  .justify-content-s-center {
    justify-content: center !important;
  }

  .justify-content-s-between {
    justify-content: space-between !important;
  }

  .justify-content-s-around {
    justify-content: space-around !important;
  }

  .align-items-s-start {
    align-items: flex-start !important;
  }

  .align-items-s-end {
    align-items: flex-end !important;
  }

  .align-items-s-center {
    align-items: center !important;
  }

  .align-items-s-baseline {
    align-items: baseline !important;
  }

  .align-items-s-stretch {
    align-items: stretch !important;
  }

  .align-content-s-start {
    align-content: flex-start !important;
  }

  .align-content-s-end {
    align-content: flex-end !important;
  }

  .align-content-s-center {
    align-content: center !important;
  }

  .align-content-s-between {
    align-content: space-between !important;
  }

  .align-content-s-around {
    align-content: space-around !important;
  }

  .align-content-s-stretch {
    align-content: stretch !important;
  }

  .align-self-s-auto {
    align-self: auto !important;
  }

  .align-self-s-start {
    align-self: flex-start !important;
  }

  .align-self-s-end {
    align-self: flex-end !important;
  }

  .align-self-s-center {
    align-self: center !important;
  }

  .align-self-s-baseline {
    align-self: baseline !important;
  }

  .align-self-s-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-m-row {
    flex-direction: row !important;
  }

  .flex-m-column {
    flex-direction: column !important;
  }

  .flex-m-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-m-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-m-wrap {
    flex-wrap: wrap !important;
  }

  .flex-m-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-m-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-m-fill {
    flex: 1 1 auto !important;
  }

  .flex-m-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-m-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-m-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-m-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-m-start {
    justify-content: flex-start !important;
  }

  .justify-content-m-end {
    justify-content: flex-end !important;
  }

  .justify-content-m-center {
    justify-content: center !important;
  }

  .justify-content-m-between {
    justify-content: space-between !important;
  }

  .justify-content-m-around {
    justify-content: space-around !important;
  }

  .align-items-m-start {
    align-items: flex-start !important;
  }

  .align-items-m-end {
    align-items: flex-end !important;
  }

  .align-items-m-center {
    align-items: center !important;
  }

  .align-items-m-baseline {
    align-items: baseline !important;
  }

  .align-items-m-stretch {
    align-items: stretch !important;
  }

  .align-content-m-start {
    align-content: flex-start !important;
  }

  .align-content-m-end {
    align-content: flex-end !important;
  }

  .align-content-m-center {
    align-content: center !important;
  }

  .align-content-m-between {
    align-content: space-between !important;
  }

  .align-content-m-around {
    align-content: space-around !important;
  }

  .align-content-m-stretch {
    align-content: stretch !important;
  }

  .align-self-m-auto {
    align-self: auto !important;
  }

  .align-self-m-start {
    align-self: flex-start !important;
  }

  .align-self-m-end {
    align-self: flex-end !important;
  }

  .align-self-m-center {
    align-self: center !important;
  }

  .align-self-m-baseline {
    align-self: baseline !important;
  }

  .align-self-m-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-l-row {
    flex-direction: row !important;
  }

  .flex-l-column {
    flex-direction: column !important;
  }

  .flex-l-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-l-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-l-wrap {
    flex-wrap: wrap !important;
  }

  .flex-l-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-l-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-l-fill {
    flex: 1 1 auto !important;
  }

  .flex-l-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-l-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-l-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-l-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-l-start {
    justify-content: flex-start !important;
  }

  .justify-content-l-end {
    justify-content: flex-end !important;
  }

  .justify-content-l-center {
    justify-content: center !important;
  }

  .justify-content-l-between {
    justify-content: space-between !important;
  }

  .justify-content-l-around {
    justify-content: space-around !important;
  }

  .align-items-l-start {
    align-items: flex-start !important;
  }

  .align-items-l-end {
    align-items: flex-end !important;
  }

  .align-items-l-center {
    align-items: center !important;
  }

  .align-items-l-baseline {
    align-items: baseline !important;
  }

  .align-items-l-stretch {
    align-items: stretch !important;
  }

  .align-content-l-start {
    align-content: flex-start !important;
  }

  .align-content-l-end {
    align-content: flex-end !important;
  }

  .align-content-l-center {
    align-content: center !important;
  }

  .align-content-l-between {
    align-content: space-between !important;
  }

  .align-content-l-around {
    align-content: space-around !important;
  }

  .align-content-l-stretch {
    align-content: stretch !important;
  }

  .align-self-l-auto {
    align-self: auto !important;
  }

  .align-self-l-start {
    align-self: flex-start !important;
  }

  .align-self-l-end {
    align-self: flex-end !important;
  }

  .align-self-l-center {
    align-self: center !important;
  }

  .align-self-l-baseline {
    align-self: baseline !important;
  }

  .align-self-l-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-d-row {
    flex-direction: row !important;
  }

  .flex-d-column {
    flex-direction: column !important;
  }

  .flex-d-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-d-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-d-wrap {
    flex-wrap: wrap !important;
  }

  .flex-d-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-d-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-d-fill {
    flex: 1 1 auto !important;
  }

  .flex-d-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-d-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-d-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-d-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-d-start {
    justify-content: flex-start !important;
  }

  .justify-content-d-end {
    justify-content: flex-end !important;
  }

  .justify-content-d-center {
    justify-content: center !important;
  }

  .justify-content-d-between {
    justify-content: space-between !important;
  }

  .justify-content-d-around {
    justify-content: space-around !important;
  }

  .align-items-d-start {
    align-items: flex-start !important;
  }

  .align-items-d-end {
    align-items: flex-end !important;
  }

  .align-items-d-center {
    align-items: center !important;
  }

  .align-items-d-baseline {
    align-items: baseline !important;
  }

  .align-items-d-stretch {
    align-items: stretch !important;
  }

  .align-content-d-start {
    align-content: flex-start !important;
  }

  .align-content-d-end {
    align-content: flex-end !important;
  }

  .align-content-d-center {
    align-content: center !important;
  }

  .align-content-d-between {
    align-content: space-between !important;
  }

  .align-content-d-around {
    align-content: space-around !important;
  }

  .align-content-d-stretch {
    align-content: stretch !important;
  }

  .align-self-d-auto {
    align-self: auto !important;
  }

  .align-self-d-start {
    align-self: flex-start !important;
  }

  .align-self-d-end {
    align-self: flex-end !important;
  }

  .align-self-d-center {
    align-self: center !important;
  }

  .align-self-d-baseline {
    align-self: baseline !important;
  }

  .align-self-d-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-s-left {
    float: left !important;
  }

  .float-s-right {
    float: right !important;
  }

  .float-s-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-m-left {
    float: left !important;
  }

  .float-m-right {
    float: right !important;
  }

  .float-m-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-l-left {
    float: left !important;
  }

  .float-l-right {
    float: right !important;
  }

  .float-l-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-d-left {
    float: left !important;
  }

  .float-d-right {
    float: right !important;
  }

  .float-d-none {
    float: none !important;
  }
}
.overflow-auto {
  overflow: auto !important;
}

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

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}
.code-inout > input {
  width: 55% !important;
  font-size: 15px;
}
.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-s {
  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-l {
  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-w-100 {
  min-width: 100% !important;
}

.min-h100 {
  min-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;
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.mw-25 {
  max-width: 25% !important;
}

.mw-30 {
  max-width: 30% !important;
}

.mw-50 {
  max-width: 50% !important;
}

.ex-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

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

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

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

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

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

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

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

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

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

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-s-0 {
    margin: 0 !important;
  }

  .mt-s-0,
  .my-s-0 {
    margin-top: 0 !important;
  }

  .mr-s-0,
  .mx-s-0 {
    margin-right: 0 !important;
  }

  .mb-s-0,
  .my-s-0 {
    margin-bottom: 0 !important;
  }

  .ml-s-0,
  .mx-s-0 {
    margin-left: 0 !important;
  }

  .m-s-1 {
    margin: 0.25rem !important;
  }

  .mt-s-1,
  .my-s-1 {
    margin-top: 0.25rem !important;
  }

  .mr-s-1,
  .mx-s-1 {
    margin-right: 0.25rem !important;
  }

  .mb-s-1,
  .my-s-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-s-1,
  .mx-s-1 {
    margin-left: 0.25rem !important;
  }

  .m-s-2 {
    margin: 0.5rem !important;
  }

  .mt-s-2,
  .my-s-2 {
    margin-top: 0.5rem !important;
  }

  .mr-s-2,
  .mx-s-2 {
    margin-right: 0.5rem !important;
  }

  .mb-s-2,
  .my-s-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-s-2,
  .mx-s-2 {
    margin-left: 0.5rem !important;
  }

  .m-s-3 {
    margin: 1rem !important;
  }

  .mt-s-3,
  .my-s-3 {
    margin-top: 1rem !important;
  }

  .mr-s-3,
  .mx-s-3 {
    margin-right: 1rem !important;
  }

  .mb-s-3,
  .my-s-3 {
    margin-bottom: 1rem !important;
  }

  .ml-s-3,
  .mx-s-3 {
    margin-left: 1rem !important;
  }

  .m-s-4 {
    margin: 1.5rem !important;
  }

  .mt-s-4,
  .my-s-4 {
    margin-top: 1.5rem !important;
  }

  .mr-s-4,
  .mx-s-4 {
    margin-right: 1.5rem !important;
  }

  .mb-s-4,
  .my-s-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-s-4,
  .mx-s-4 {
    margin-left: 1.5rem !important;
  }

  .m-s-5 {
    margin: 3rem !important;
  }

  .mt-s-5,
  .my-s-5 {
    margin-top: 3rem !important;
  }

  .mr-s-5,
  .mx-s-5 {
    margin-right: 3rem !important;
  }

  .mb-s-5,
  .my-s-5 {
    margin-bottom: 3rem !important;
  }

  .ml-s-5,
  .mx-s-5 {
    margin-left: 3rem !important;
  }

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

  .pt-s-0,
  .py-s-0 {
    padding-top: 0 !important;
  }

  .pr-s-0,
  .px-s-0 {
    padding-right: 0 !important;
  }

  .pb-s-0,
  .py-s-0 {
    padding-bottom: 0 !important;
  }

  .pl-s-0,
  .px-s-0 {
    padding-left: 0 !important;
  }

  .p-s-1 {
    padding: 0.25rem !important;
  }

  .pt-s-1,
  .py-s-1 {
    padding-top: 0.25rem !important;
  }

  .pr-s-1,
  .px-s-1 {
    padding-right: 0.25rem !important;
  }

  .pb-s-1,
  .py-s-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-s-1,
  .px-s-1 {
    padding-left: 0.25rem !important;
  }

  .p-s-2 {
    padding: 0.5rem !important;
  }

  .pt-s-2,
  .py-s-2 {
    padding-top: 0.5rem !important;
  }

  .pr-s-2,
  .px-s-2 {
    padding-right: 0.5rem !important;
  }

  .pb-s-2,
  .py-s-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-s-2,
  .px-s-2 {
    padding-left: 0.5rem !important;
  }

  .p-s-3 {
    padding: 1rem !important;
  }

  .pt-s-3,
  .py-s-3 {
    padding-top: 1rem !important;
  }

  .pr-s-3,
  .px-s-3 {
    padding-right: 1rem !important;
  }

  .pb-s-3,
  .py-s-3 {
    padding-bottom: 1rem !important;
  }

  .pl-s-3,
  .px-s-3 {
    padding-left: 1rem !important;
  }

  .p-s-4 {
    padding: 1.5rem !important;
  }

  .pt-s-4,
  .py-s-4 {
    padding-top: 1.5rem !important;
  }

  .pr-s-4,
  .px-s-4 {
    padding-right: 1.5rem !important;
  }

  .pb-s-4,
  .py-s-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-s-4,
  .px-s-4 {
    padding-left: 1.5rem !important;
  }

  .p-s-5 {
    padding: 3rem !important;
  }

  .pt-s-5,
  .py-s-5 {
    padding-top: 3rem !important;
  }

  .pr-s-5,
  .px-s-5 {
    padding-right: 3rem !important;
  }

  .pb-s-5,
  .py-s-5 {
    padding-bottom: 3rem !important;
  }

  .pl-s-5,
  .px-s-5 {
    padding-left: 3rem !important;
  }

  .m-s-n1 {
    margin: -0.25rem !important;
  }

  .mt-s-n1,
  .my-s-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-s-n1,
  .mx-s-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-s-n1,
  .my-s-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-s-n1,
  .mx-s-n1 {
    margin-left: -0.25rem !important;
  }

  .m-s-n2 {
    margin: -0.5rem !important;
  }

  .mt-s-n2,
  .my-s-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-s-n2,
  .mx-s-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-s-n2,
  .my-s-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-s-n2,
  .mx-s-n2 {
    margin-left: -0.5rem !important;
  }

  .m-s-n3 {
    margin: -1rem !important;
  }

  .mt-s-n3,
  .my-s-n3 {
    margin-top: -1rem !important;
  }

  .mr-s-n3,
  .mx-s-n3 {
    margin-right: -1rem !important;
  }

  .mb-s-n3,
  .my-s-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-s-n3,
  .mx-s-n3 {
    margin-left: -1rem !important;
  }

  .m-s-n4 {
    margin: -1.5rem !important;
  }

  .mt-s-n4,
  .my-s-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-s-n4,
  .mx-s-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-s-n4,
  .my-s-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-s-n4,
  .mx-s-n4 {
    margin-left: -1.5rem !important;
  }

  .m-s-n5 {
    margin: -3rem !important;
  }

  .mt-s-n5,
  .my-s-n5 {
    margin-top: -3rem !important;
  }

  .mr-s-n5,
  .mx-s-n5 {
    margin-right: -3rem !important;
  }

  .mb-s-n5,
  .my-s-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-s-n5,
  .mx-s-n5 {
    margin-left: -3rem !important;
  }

  .m-s-auto {
    margin: auto !important;
  }

  .mt-s-auto,
  .my-s-auto {
    margin-top: auto !important;
  }

  .mr-s-auto,
  .mx-s-auto {
    margin-right: auto !important;
  }

  .mb-s-auto,
  .my-s-auto {
    margin-bottom: auto !important;
  }

  .ml-s-auto,
  .mx-s-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-m-0 {
    margin: 0 !important;
  }

  .mt-m-0,
  .my-m-0 {
    margin-top: 0 !important;
  }

  .mr-m-0,
  .mx-m-0 {
    margin-right: 0 !important;
  }

  .mb-m-0,
  .my-m-0 {
    margin-bottom: 0 !important;
  }

  .ml-m-0,
  .mx-m-0 {
    margin-left: 0 !important;
  }

  .m-m-1 {
    margin: 0.25rem !important;
  }

  .mt-m-1,
  .my-m-1 {
    margin-top: 0.25rem !important;
  }

  .mr-m-1,
  .mx-m-1 {
    margin-right: 0.25rem !important;
  }

  .mb-m-1,
  .my-m-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-m-1,
  .mx-m-1 {
    margin-left: 0.25rem !important;
  }

  .m-m-2 {
    margin: 0.5rem !important;
  }

  .mt-m-2,
  .my-m-2 {
    margin-top: 0.5rem !important;
  }

  .mr-m-2,
  .mx-m-2 {
    margin-right: 0.5rem !important;
  }

  .mb-m-2,
  .my-m-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-m-2,
  .mx-m-2 {
    margin-left: 0.5rem !important;
  }

  .m-m-3 {
    margin: 1rem !important;
  }

  .mt-m-3,
  .my-m-3 {
    margin-top: 1rem !important;
  }

  .mr-m-3,
  .mx-m-3 {
    margin-right: 1rem !important;
  }

  .mb-m-3,
  .my-m-3 {
    margin-bottom: 1rem !important;
  }

  .ml-m-3,
  .mx-m-3 {
    margin-left: 1rem !important;
  }

  .m-m-4 {
    margin: 1.5rem !important;
  }

  .mt-m-4,
  .my-m-4 {
    margin-top: 1.5rem !important;
  }

  .mr-m-4,
  .mx-m-4 {
    margin-right: 1.5rem !important;
  }

  .mb-m-4,
  .my-m-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-m-4,
  .mx-m-4 {
    margin-left: 1.5rem !important;
  }

  .m-m-5 {
    margin: 3rem !important;
  }

  .mt-m-5,
  .my-m-5 {
    margin-top: 3rem !important;
  }

  .mr-m-5,
  .mx-m-5 {
    margin-right: 3rem !important;
  }

  .mb-m-5,
  .my-m-5 {
    margin-bottom: 3rem !important;
  }

  .ml-m-5,
  .mx-m-5 {
    margin-left: 3rem !important;
  }

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

  .pt-m-0,
  .py-m-0 {
    padding-top: 0 !important;
  }

  .pr-m-0,
  .px-m-0 {
    padding-right: 0 !important;
  }

  .pb-m-0,
  .py-m-0 {
    padding-bottom: 0 !important;
  }

  .pl-m-0,
  .px-m-0 {
    padding-left: 0 !important;
  }

  .p-m-1 {
    padding: 0.25rem !important;
  }

  .pt-m-1,
  .py-m-1 {
    padding-top: 0.25rem !important;
  }

  .pr-m-1,
  .px-m-1 {
    padding-right: 0.25rem !important;
  }

  .pb-m-1,
  .py-m-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-m-1,
  .px-m-1 {
    padding-left: 0.25rem !important;
  }

  .p-m-2 {
    padding: 0.5rem !important;
  }

  .pt-m-2,
  .py-m-2 {
    padding-top: 0.5rem !important;
  }

  .pr-m-2,
  .px-m-2 {
    padding-right: 0.5rem !important;
  }

  .pb-m-2,
  .py-m-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-m-2,
  .px-m-2 {
    padding-left: 0.5rem !important;
  }

  .p-m-3 {
    padding: 1rem !important;
  }

  .pt-m-3,
  .py-m-3 {
    padding-top: 1rem !important;
  }

  .pr-m-3,
  .px-m-3 {
    padding-right: 1rem !important;
  }

  .pb-m-3,
  .py-m-3 {
    padding-bottom: 1rem !important;
  }

  .pl-m-3,
  .px-m-3 {
    padding-left: 1rem !important;
  }

  .p-m-4 {
    padding: 1.5rem !important;
  }

  .pt-m-4,
  .py-m-4 {
    padding-top: 1.5rem !important;
  }

  .pr-m-4,
  .px-m-4 {
    padding-right: 1.5rem !important;
  }

  .pb-m-4,
  .py-m-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-m-4,
  .px-m-4 {
    padding-left: 1.5rem !important;
  }

  .p-m-5 {
    padding: 3rem !important;
  }

  .pt-m-5,
  .py-m-5 {
    padding-top: 3rem !important;
  }

  .pr-m-5,
  .px-m-5 {
    padding-right: 3rem !important;
  }

  .pb-m-5,
  .py-m-5 {
    padding-bottom: 3rem !important;
  }

  .pl-m-5,
  .px-m-5 {
    padding-left: 3rem !important;
  }

  .m-m-n1 {
    margin: -0.25rem !important;
  }

  .mt-m-n1,
  .my-m-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-m-n1,
  .mx-m-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-m-n1,
  .my-m-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-m-n1,
  .mx-m-n1 {
    margin-left: -0.25rem !important;
  }

  .m-m-n2 {
    margin: -0.5rem !important;
  }

  .mt-m-n2,
  .my-m-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-m-n2,
  .mx-m-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-m-n2,
  .my-m-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-m-n2,
  .mx-m-n2 {
    margin-left: -0.5rem !important;
  }

  .m-m-n3 {
    margin: -1rem !important;
  }

  .mt-m-n3,
  .my-m-n3 {
    margin-top: -1rem !important;
  }

  .mr-m-n3,
  .mx-m-n3 {
    margin-right: -1rem !important;
  }

  .mb-m-n3,
  .my-m-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-m-n3,
  .mx-m-n3 {
    margin-left: -1rem !important;
  }

  .m-m-n4 {
    margin: -1.5rem !important;
  }

  .mt-m-n4,
  .my-m-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-m-n4,
  .mx-m-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-m-n4,
  .my-m-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-m-n4,
  .mx-m-n4 {
    margin-left: -1.5rem !important;
  }

  .m-m-n5 {
    margin: -3rem !important;
  }

  .mt-m-n5,
  .my-m-n5 {
    margin-top: -3rem !important;
  }

  .mr-m-n5,
  .mx-m-n5 {
    margin-right: -3rem !important;
  }

  .mb-m-n5,
  .my-m-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-m-n5,
  .mx-m-n5 {
    margin-left: -3rem !important;
  }

  .m-m-auto {
    margin: auto !important;
  }

  .mt-m-auto,
  .my-m-auto {
    margin-top: auto !important;
  }

  .mr-m-auto,
  .mx-m-auto {
    margin-right: auto !important;
  }

  .mb-m-auto,
  .my-m-auto {
    margin-bottom: auto !important;
  }

  .ml-m-auto,
  .mx-m-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-l-0 {
    margin: 0 !important;
  }

  .mt-l-0,
  .my-l-0 {
    margin-top: 0 !important;
  }

  .mr-l-0,
  .mx-l-0 {
    margin-right: 0 !important;
  }

  .mb-l-0,
  .my-l-0 {
    margin-bottom: 0 !important;
  }

  .ml-l-0,
  .mx-l-0 {
    margin-left: 0 !important;
  }

  .m-l-1 {
    margin: 0.25rem !important;
  }

  .mt-l-1,
  .my-l-1 {
    margin-top: 0.25rem !important;
  }

  .mr-l-1,
  .mx-l-1 {
    margin-right: 0.25rem !important;
  }

  .mb-l-1,
  .my-l-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-l-1,
  .mx-l-1 {
    margin-left: 0.25rem !important;
  }

  .m-l-2 {
    margin: 0.5rem !important;
  }

  .mt-l-2,
  .my-l-2 {
    margin-top: 0.5rem !important;
  }

  .mr-l-2,
  .mx-l-2 {
    margin-right: 0.5rem !important;
  }

  .mb-l-2,
  .my-l-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-l-2,
  .mx-l-2 {
    margin-left: 0.5rem !important;
  }

  .m-l-3 {
    margin: 1rem !important;
  }

  .mt-l-3,
  .my-l-3 {
    margin-top: 1rem !important;
  }

  .mr-l-3,
  .mx-l-3 {
    margin-right: 1rem !important;
  }

  .mb-l-3,
  .my-l-3 {
    margin-bottom: 1rem !important;
  }

  .ml-l-3,
  .mx-l-3 {
    margin-left: 1rem !important;
  }

  .m-l-4 {
    margin: 1.5rem !important;
  }

  .mt-l-4,
  .my-l-4 {
    margin-top: 1.5rem !important;
  }

  .mr-l-4,
  .mx-l-4 {
    margin-right: 1.5rem !important;
  }

  .mb-l-4,
  .my-l-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-l-4,
  .mx-l-4 {
    margin-left: 1.5rem !important;
  }

  .m-l-5 {
    margin: 3rem !important;
  }

  .mt-l-5,
  .my-l-5 {
    margin-top: 3rem !important;
  }

  .mr-l-5,
  .mx-l-5 {
    margin-right: 3rem !important;
  }

  .mb-l-5,
  .my-l-5 {
    margin-bottom: 3rem !important;
  }

  .ml-l-5,
  .mx-l-5 {
    margin-left: 3rem !important;
  }

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

  .pt-l-0,
  .py-l-0 {
    padding-top: 0 !important;
  }

  .pr-l-0,
  .px-l-0 {
    padding-right: 0 !important;
  }

  .pb-l-0,
  .py-l-0 {
    padding-bottom: 0 !important;
  }

  .pl-l-0,
  .px-l-0 {
    padding-left: 0 !important;
  }

  .p-l-1 {
    padding: 0.25rem !important;
  }

  .pt-l-1,
  .py-l-1 {
    padding-top: 0.25rem !important;
  }

  .pr-l-1,
  .px-l-1 {
    padding-right: 0.25rem !important;
  }

  .pb-l-1,
  .py-l-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-l-1,
  .px-l-1 {
    padding-left: 0.25rem !important;
  }

  .p-l-2 {
    padding: 0.5rem !important;
  }

  .pt-l-2,
  .py-l-2 {
    padding-top: 0.5rem !important;
  }

  .pr-l-2,
  .px-l-2 {
    padding-right: 0.5rem !important;
  }

  .pb-l-2,
  .py-l-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-l-2,
  .px-l-2 {
    padding-left: 0.5rem !important;
  }

  .p-l-3 {
    padding: 1rem !important;
  }

  .pt-l-3,
  .py-l-3 {
    padding-top: 1rem !important;
  }

  .pr-l-3,
  .px-l-3 {
    padding-right: 1rem !important;
  }

  .pb-l-3,
  .py-l-3 {
    padding-bottom: 1rem !important;
  }

  .pl-l-3,
  .px-l-3 {
    padding-left: 1rem !important;
  }

  .p-l-4 {
    padding: 1.5rem !important;
  }

  .pt-l-4,
  .py-l-4 {
    padding-top: 1.5rem !important;
  }

  .pr-l-4,
  .px-l-4 {
    padding-right: 1.5rem !important;
  }

  .pb-l-4,
  .py-l-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-l-4,
  .px-l-4 {
    padding-left: 1.5rem !important;
  }

  .p-l-5 {
    padding: 3rem !important;
  }

  .pt-l-5,
  .py-l-5 {
    padding-top: 3rem !important;
  }

  .pr-l-5,
  .px-l-5 {
    padding-right: 3rem !important;
  }

  .pb-l-5,
  .py-l-5 {
    padding-bottom: 3rem !important;
  }

  .pl-l-5,
  .px-l-5 {
    padding-left: 3rem !important;
  }

  .m-l-n1 {
    margin: -0.25rem !important;
  }

  .mt-l-n1,
  .my-l-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-l-n1,
  .mx-l-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-l-n1,
  .my-l-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-l-n1,
  .mx-l-n1 {
    margin-left: -0.25rem !important;
  }

  .m-l-n2 {
    margin: -0.5rem !important;
  }

  .mt-l-n2,
  .my-l-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-l-n2,
  .mx-l-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-l-n2,
  .my-l-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-l-n2,
  .mx-l-n2 {
    margin-left: -0.5rem !important;
  }

  .m-l-n3 {
    margin: -1rem !important;
  }

  .mt-l-n3,
  .my-l-n3 {
    margin-top: -1rem !important;
  }

  .mr-l-n3,
  .mx-l-n3 {
    margin-right: -1rem !important;
  }

  .mb-l-n3,
  .my-l-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-l-n3,
  .mx-l-n3 {
    margin-left: -1rem !important;
  }

  .m-l-n4 {
    margin: -1.5rem !important;
  }

  .mt-l-n4,
  .my-l-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-l-n4,
  .mx-l-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-l-n4,
  .my-l-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-l-n4,
  .mx-l-n4 {
    margin-left: -1.5rem !important;
  }

  .m-l-n5 {
    margin: -3rem !important;
  }

  .mt-l-n5,
  .my-l-n5 {
    margin-top: -3rem !important;
  }

  .mr-l-n5,
  .mx-l-n5 {
    margin-right: -3rem !important;
  }

  .mb-l-n5,
  .my-l-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-l-n5,
  .mx-l-n5 {
    margin-left: -3rem !important;
  }

  .m-l-auto {
    margin: auto !important;
  }

  .mt-l-auto,
  .my-l-auto {
    margin-top: auto !important;
  }

  .mr-l-auto,
  .mx-l-auto {
    margin-right: auto !important;
  }

  .mb-l-auto,
  .my-l-auto {
    margin-bottom: auto !important;
  }

  .ml-l-auto,
  .mx-l-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-d-0 {
    margin: 0 !important;
  }

  .mt-d-0,
  .my-d-0 {
    margin-top: 0 !important;
  }

  .mr-d-0,
  .mx-d-0 {
    margin-right: 0 !important;
  }

  .mb-d-0,
  .my-d-0 {
    margin-bottom: 0 !important;
  }

  .ml-d-0,
  .mx-d-0 {
    margin-left: 0 !important;
  }

  .m-d-1 {
    margin: 0.25rem !important;
  }

  .mt-d-1,
  .my-d-1 {
    margin-top: 0.25rem !important;
  }

  .mr-d-1,
  .mx-d-1 {
    margin-right: 0.25rem !important;
  }

  .mb-d-1,
  .my-d-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-d-1,
  .mx-d-1 {
    margin-left: 0.25rem !important;
  }

  .m-d-2 {
    margin: 0.5rem !important;
  }

  .mt-d-2,
  .my-d-2 {
    margin-top: 0.5rem !important;
  }

  .mr-d-2,
  .mx-d-2 {
    margin-right: 0.5rem !important;
  }

  .mb-d-2,
  .my-d-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-d-2,
  .mx-d-2 {
    margin-left: 0.5rem !important;
  }

  .m-d-3 {
    margin: 1rem !important;
  }

  .mt-d-3,
  .my-d-3 {
    margin-top: 1rem !important;
  }

  .mr-d-3,
  .mx-d-3 {
    margin-right: 1rem !important;
  }

  .mb-d-3,
  .my-d-3 {
    margin-bottom: 1rem !important;
  }

  .ml-d-3,
  .mx-d-3 {
    margin-left: 1rem !important;
  }

  .m-d-4 {
    margin: 1.5rem !important;
  }

  .mt-d-4,
  .my-d-4 {
    margin-top: 1.5rem !important;
  }

  .mr-d-4,
  .mx-d-4 {
    margin-right: 1.5rem !important;
  }

  .mb-d-4,
  .my-d-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-d-4,
  .mx-d-4 {
    margin-left: 1.5rem !important;
  }

  .m-d-5 {
    margin: 3rem !important;
  }

  .mt-d-5,
  .my-d-5 {
    margin-top: 3rem !important;
  }

  .mr-d-5,
  .mx-d-5 {
    margin-right: 3rem !important;
  }

  .mb-d-5,
  .my-d-5 {
    margin-bottom: 3rem !important;
  }

  .ml-d-5,
  .mx-d-5 {
    margin-left: 3rem !important;
  }

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

  .pt-d-0,
  .py-d-0 {
    padding-top: 0 !important;
  }

  .pr-d-0,
  .px-d-0 {
    padding-right: 0 !important;
  }

  .pb-d-0,
  .py-d-0 {
    padding-bottom: 0 !important;
  }

  .pl-d-0,
  .px-d-0 {
    padding-left: 0 !important;
  }

  .p-d-1 {
    padding: 0.25rem !important;
  }

  .pt-d-1,
  .py-d-1 {
    padding-top: 0.25rem !important;
  }

  .pr-d-1,
  .px-d-1 {
    padding-right: 0.25rem !important;
  }

  .pb-d-1,
  .py-d-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-d-1,
  .px-d-1 {
    padding-left: 0.25rem !important;
  }

  .p-d-2 {
    padding: 0.5rem !important;
  }

  .pt-d-2,
  .py-d-2 {
    padding-top: 0.5rem !important;
  }

  .pr-d-2,
  .px-d-2 {
    padding-right: 0.5rem !important;
  }

  .pb-d-2,
  .py-d-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-d-2,
  .px-d-2 {
    padding-left: 0.5rem !important;
  }

  .p-d-3 {
    padding: 1rem !important;
  }

  .pt-d-3,
  .py-d-3 {
    padding-top: 1rem !important;
  }

  .pr-d-3,
  .px-d-3 {
    padding-right: 1rem !important;
  }

  .pb-d-3,
  .py-d-3 {
    padding-bottom: 1rem !important;
  }

  .pl-d-3,
  .px-d-3 {
    padding-left: 1rem !important;
  }

  .p-d-4 {
    padding: 1.5rem !important;
  }

  .pt-d-4,
  .py-d-4 {
    padding-top: 1.5rem !important;
  }

  .pr-d-4,
  .px-d-4 {
    padding-right: 1.5rem !important;
  }

  .pb-d-4,
  .py-d-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-d-4,
  .px-d-4 {
    padding-left: 1.5rem !important;
  }

  .p-d-5 {
    padding: 3rem !important;
  }

  .pt-d-5,
  .py-d-5 {
    padding-top: 3rem !important;
  }

  .pr-d-5,
  .px-d-5 {
    padding-right: 3rem !important;
  }

  .pb-d-5,
  .py-d-5 {
    padding-bottom: 3rem !important;
  }

  .pl-d-5,
  .px-d-5 {
    padding-left: 3rem !important;
  }

  .m-d-n1 {
    margin: -0.25rem !important;
  }

  .mt-d-n1,
  .my-d-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-d-n1,
  .mx-d-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-d-n1,
  .my-d-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-d-n1,
  .mx-d-n1 {
    margin-left: -0.25rem !important;
  }

  .m-d-n2 {
    margin: -0.5rem !important;
  }

  .mt-d-n2,
  .my-d-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-d-n2,
  .mx-d-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-d-n2,
  .my-d-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-d-n2,
  .mx-d-n2 {
    margin-left: -0.5rem !important;
  }

  .m-d-n3 {
    margin: -1rem !important;
  }

  .mt-d-n3,
  .my-d-n3 {
    margin-top: -1rem !important;
  }

  .mr-d-n3,
  .mx-d-n3 {
    margin-right: -1rem !important;
  }

  .mb-d-n3,
  .my-d-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-d-n3,
  .mx-d-n3 {
    margin-left: -1rem !important;
  }

  .m-d-n4 {
    margin: -1.5rem !important;
  }

  .mt-d-n4,
  .my-d-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-d-n4,
  .mx-d-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-d-n4,
  .my-d-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-d-n4,
  .mx-d-n4 {
    margin-left: -1.5rem !important;
  }

  .m-d-n5 {
    margin: -3rem !important;
  }

  .mt-d-n5,
  .my-d-n5 {
    margin-top: -3rem !important;
  }

  .mr-d-n5,
  .mx-d-n5 {
    margin-right: -3rem !important;
  }

  .mb-d-n5,
  .my-d-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-d-n5,
  .mx-d-n5 {
    margin-left: -3rem !important;
  }

  .m-d-auto {
    margin: auto !important;
  }

  .mt-d-auto,
  .my-d-auto {
    margin-top: auto !important;
  }

  .mr-d-auto,
  .mx-d-auto {
    margin-right: auto !important;
  }

  .mb-d-auto,
  .my-d-auto {
    margin-bottom: auto !important;
  }

  .ml-d-auto,
  .mx-d-auto {
    margin-left: auto !important;
  }
}
.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate,
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (min-width: 576px) {
  .text-s-left {
    text-align: left !important;
  }

  .text-s-right {
    text-align: right !important;
  }

  .text-s-center {
    text-align: center !important;
  }

  .text-s-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  .text-m-left {
    text-align: left !important;
  }

  .text-m-right {
    text-align: right !important;
  }

  .text-m-center {
    text-align: center !important;
  }

  .text-m-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 992px) {
  .text-l-left {
    text-align: left !important;
  }

  .text-l-right {
    text-align: right !important;
  }

  .text-l-center {
    text-align: center !important;
  }

  .text-l-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (min-width: 1200px) {
  .text-d-left {
    text-align: left !important;
  }

  .text-d-right {
    text-align: right !important;
  }

  .text-d-center {
    text-align: center !important;
  }

  .text-d-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-strong {
  font-weight: 500 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white {
  color: #fff !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-200 {
  font-size: 200% !important;
}

.font-size-150 {
  font-size: 150% !important;
}

.font-size-125 {
  font-size: 125% !important;
}

.font-size-115 {
  font-size: 115% !important;
}

.font-size-100 {
  font-size: 100% !important;
}

.font-size-50 {
  font-size: 50% !important;
}

.font-size-75 {
  font-size: 75% !important;
}

.font-size-85 {
  font-size: 85% !important;
}

.text-primary {
  color: #006bfc !important;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #004bb0 !important;
}

.text-secondary {
  color: #41464f !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
  color: #3e434e !important;
}

.text-success {
  color: #17c13d !important;
}

a.text-success:hover,
a.text-success:focus {
  color: #0f7d27 !important;
}

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

a.text-info:hover,
a.text-info:focus {
  color: #0f6674 !important;
}

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

a.text-warning:hover,
a.text-warning:focus {
  color: #b38200 !important;
}

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

a.text-danger:hover,
a.text-danger:focus {
  color: #f70003 !important;
}

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

a.text-light:hover,
a.text-light:focus {
  color: #cdcdcd !important;
}

.text-dark {
  color: #393e49 !important;
}

a.text-dark:hover,
a.text-dark:focus {
  color: #171a1e !important;
}

.text-purple {
  color: #6f42c1 !important;
}

a.text-purple:hover,
a.text-purple:focus {
  color: #4e2d89 !important;
}

.text-pink {
  color: #fd29a4 !important;
}

a.text-pink:hover,
a.text-pink:focus {
  color: #d7027e !important;
}

.text-orange {
  color: #fd7e14 !important;
}

a.text-orange:hover,
a.text-orange:focus {
  color: #c35a02 !important;
}

.text-teal {
  color: #20c997 !important;
}

a.text-teal:hover,
a.text-teal:focus {
  color: #158765 !important;
}

.text-light-green {
  color: #06e437 !important;
}

a.text-light-green:hover,
a.text-light-green:focus {
  color: #049925 !important;
}

.text-light-cyan {
  color: #1edffe !important;
}

a.text-light-cyan:hover,
a.text-light-cyan:focus {
  color: #01b2cf !important;
}

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

a.text-light-purple:hover,
a.text-light-purple:focus {
  color: #782dff !important;
}

.text-light-teal {
  color: #6efcd2 !important;
}

a.text-light-teal:hover,
a.text-light-teal:focus {
  color: #23fabb !important;
}

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

a.text-light-yellow:hover,
a.text-light-yellow:focus {
  color: #ffc012 !important;
}

.text-body {
  color: #282b31 !important;
}

.text-muted {
  color: #41464f !important;
}

.text-black-75 {
  color: rgba(0, 0, 0, 0.75) !important;
}

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-75 {
  color: rgba(255, 255, 255, 0.75) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}
.inbox-mobile {
  /* padding-left: 20px; */
  width: 175px;
}
.inbox-operate {
  width: 190px;
}
/* .inbox-item-con div{
 border: 1px solid;
} */
.inbox-appid {
  width: 100px;
}
.inbox-item-color {
  width: 140px;
}
.inbox-item-color .btn-right-chevron-down::before {
  right: 1rem !important;
  font-weight: bolder !important;
  bottom: 0.55rem !important;
}
.text-reset {
  color: inherit !important;
}
.inbox-reply-time {
  width: 195px;
}
.inbox-down-sms {
  width: 200px;
}
.inbox-reply-con {
  width: 150px;
}
.inbox-item-remark {
  font-size: 14px;
  width: 190px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#addressbook-tag-selector mdi-selector-option,
#inbox-tag-selector1 mdi-selector-option {
  padding: 0.625rem 3rem 0.625rem 2.5rem !important;
}
.inbox-label {
  font-weight: 400;
  font-size: 16px;
}
.inbox-block {
  color: #ff4d4f;
  font-size: 16px;
  cursor: pointer;
}
.inbox-block:hover {
  opacity: 0.65;
  color: #ff4d4f;
}
.inbox-is-read {
  color: #999999 !important;
}
.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.sms .text-primary {
  color: #00bc7c !important;
}
.sms .bg-primary {
  background-color: #00bc7c !important;
}
.sms .btn-primary {
  background-color: #00bc7c;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
  blockquote {
    border: 1px solid #a1a8b7;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }
  /* body {
    min-width: !important;
  }

  .container {
    min-width: !important;
  } */

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #000;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }

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

  .table-dark {
    color: inherit;
  }
  .table-dark th,
  .table-dark td,
  .table-dark thead th,
  .table-dark tbody + tbody {
    border-color: rgba(0, 0, 0, 0.05);
  }

  .table .thead-dark th {
    color: inherit;
    border-color: rgba(0, 0, 0, 0.05);
  }
}
@font-face {
  font-family: "submail-mdi";
  src: url("../font/submail-mdi.eot");
  src: url("../font/submail-mdi.eot")
      format("embedded-opentype"),
    url("../font/submail-mdi.ttf") format("truetype"),
    url("../font/submail-mdi.woff") format("woff"),
    url("../font/submail-mdi.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="mdi-icon-"],
[class*=" mdi-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
  text-align: center;
  padding: 0.35rem;
  line-height: 1.55rem;
  font-size: 115%;
  vertical-align: -5%;
  border-radius: 50%;
}
.icon-circle i {
  line-height: 1.65rem;
}

.icon-circle-s {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.275rem;
  line-height: 1rem;
  display: inline-block;
  text-align: center;
  font-size: 85%;
  border-radius: 50%;
}
.icon-circle-s i {
  line-height: 1.65rem;
}

.icon-circle-l {
  width: 4rem;
  height: 4rem;
  line-height: 2rem;
  font-size: 1.5rem;
  padding: 0.7rem;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.icon-circle-l i {
  line-height: 1.65rem;
}

.mdi-icon-subhook:before {
  content: "";
}

.mdi-icon-sms:before {
  content: "";
}

.mdi-icon-mms:before {
  content: "";
}

.mdi-icon-flashsms:before {
  content: "";
}

.mdi-icon-folder1:before {
  content: "";
}

.mdi-icon-voice:before {
  content: "";
}

.mdi-icon-smartsms:before {
  content: "";
}

.mdi-icon-onepass:before {
  content: "";
}

.mdi-icon-intersms:before {
  content: "";
}

.mdi-icon-digisms:before {
  content: "";
}

.mdi-icon-identifi:before {
  content: "";
}

.mdi-icon-identification:before {
  content: "";
}

.mdi-icon-developer:before {
  content: "";
}

.mdi-icon-interactive:before {
  content: "";
}

.mdi-icon-settings:before {
  content: "";
}

.mdi-icon-addressbook1:before {
  content: "";
}

.mdi-icon-shorturl:before {
  content: "";
}

.mdi-icon-analysis-4:before {
  content: "";
}

.mdi-icon-ip-2:before {
  content: "";
}

.mdi-icon-analysis-6:before {
  content: "";
}

.mdi-icon-analysis-5:before {
  content: "";
}

.mdi-icon-shopcar:before {
  content: "";
}

.mdi-icon-book-2:before {
  content: "";
}

.mdi-icon-datepicker:before {
  content: "";
}

.mdi-icon-help-1:before {
  content: "";
}

.mdi-icon-edit-l:before {
  content: "";
}

.mdi-icon-ip .path1:before {
  content: "";
  color: #333333;
}

.mdi-icon-ip .path2:before {
  content: "";
  margin-left: -1em;
  color: black;
}

.mdi-icon-ip .path3:before {
  content: "";
  margin-left: -1em;
  color: black;
}

.mdi-icon-analysis-2:before {
  content: "";
}

.mdi-icon-delete-2:before {
  content: "";
}

.mdi-icon-subscribe:before {
  content: "";
}

.mdi-icon-analysis-3:before {
  content: "";
}

.mdi-icon-success-l-2:before {
  content: "";
}

.mdi-icon-analysis:before {
  content: "";
}

.mdi-icon-api:before {
  content: "";
}

.mdi-icon-email-3:before {
  content: "";
}

.mdi-icon-addressbook-2:before {
  content: "";
}

.mdi-icon-add-2:before {
  content: "";
}

.mdi-icon-default:before {
  content: "";
}

.mdi-icon-email-2:before {
  content: "";
}

.mdi-icon-settings-2:before {
  content: "";
}

.mdi-icon-charging:before {
  content: "";
}

.mdi-icon-appid-2:before {
  content: "";
}

.mdi-icon-location-2:before {
  content: "";
}

.mdi-icon-domain:before {
  content: "";
}

.mdi-icon-welcome:before {
  content: "";
}

.mdi-icon-help-2:before {
  content: "";
}

.mdi-icon-subscribes:before {
  content: "";
}

.mdi-icon-appid:before {
  content: "";
}

.mdi-icon-hot:before {
  content: "";
}

.mdi-icon-selected:before {
  content: "";
}

.mdi-icon-id:before {
  content: "";
}

.mdi-icon-layers:before {
  content: "";
}

.mdi-icon-track:before {
  content: "";
}

.mdi-icon-update-log:before {
  content: "";
}

.mdi-icon-location-3:before {
  content: "";
}

.mdi-icon-link-2:before {
  content: "";
}

.mdi-icon-success-l:before {
  content: "";
}

.mdi-icon-link-data:before {
  content: "";
}

.mdi-icon-addressbook:before {
  content: "";
}

.mdi-icon-key:before {
  content: "";
}

.mdi-icon-like:before {
  content: "";
}

.mdi-icon-mobile:before {
  content: "";
}

.mdi-icon-style:before {
  content: "";
}

.mdi-icon-pc:before {
  content: "";
}

.mdi-icon-save:before {
  content: "";
}

.mdi-icon-elements:before {
  content: "";
}

.mdi-icon-send-2:before {
  content: "";
}

.mdi-icon-send:before {
  content: "";
}

.mdi-icon-color:before {
  content: "";
}

.mdi-icon-attr:before {
  content: "";
}

.mdi-icon-back:before {
  content: "";
}

.mdi-icon-image:before {
  content: "";
}

.mdi-icon-home:before {
  content: "";
}

.mdi-icon-home2:before {
  content: "";
}

.mdi-icon-home3:before {
  content: "";
}

.mdi-icon-home4:before {
  content: "";
}

.mdi-icon-home5:before {
  content: "";
}

.mdi-icon-home6:before {
  content: "";
}

.mdi-icon-bathtub:before {
  content: "";
}

.mdi-icon-toothbrush:before {
  content: "";
}

.mdi-icon-bed:before {
  content: "";
}

.mdi-icon-couch:before {
  content: "";
}

.mdi-icon-chair:before {
  content: "";
}

.mdi-icon-city:before {
  content: "";
}

.mdi-icon-apartment:before {
  content: "";
}

.mdi-icon-pencil:before {
  content: "";
}

.mdi-icon-pencil2:before {
  content: "";
}

.mdi-icon-pen:before {
  content: "";
}

.mdi-icon-pencil3:before {
  content: "";
}

.mdi-icon-eraser:before {
  content: "";
}

.mdi-icon-pencil4:before {
  content: "";
}

.mdi-icon-pencil5:before {
  content: "";
}

.mdi-icon-feather:before {
  content: "";
}

.mdi-icon-feather2:before {
  content: "";
}

.mdi-icon-feather3:before {
  content: "";
}

.mdi-icon-pen2:before {
  content: "";
}

.mdi-icon-pen-add:before {
  content: "";
}

.mdi-icon-pen-remove:before {
  content: "";
}

.mdi-icon-vector:before {
  content: "";
}

.mdi-icon-pen3:before {
  content: "";
}

.mdi-icon-blog:before {
  content: "";
}

.mdi-icon-brush:before {
  content: "";
}

.mdi-icon-brush2:before {
  content: "";
}

.mdi-icon-spray:before {
  content: "";
}

.mdi-icon-paint-roller:before {
  content: "";
}

.mdi-icon-stamp:before {
  content: "";
}

.mdi-icon-tape:before {
  content: "";
}

.mdi-icon-desk-tape:before {
  content: "";
}

.mdi-icon-texture:before {
  content: "";
}

.mdi-icon-eye-dropper:before {
  content: "";
}

.mdi-icon-palette:before {
  content: "";
}

.mdi-icon-color-sampler:before {
  content: "";
}

.mdi-icon-bucket:before {
  content: "";
}

.mdi-icon-gradient:before {
  content: "";
}

.mdi-icon-gradient2:before {
  content: "";
}

.mdi-icon-magic-wand:before {
  content: "";
}

.mdi-icon-magnet:before {
  content: "";
}

.mdi-icon-pencil-ruler:before {
  content: "";
}

.mdi-icon-pencil-ruler2:before {
  content: "";
}

.mdi-icon-compass:before {
  content: "";
}

.mdi-icon-aim:before {
  content: "";
}

.mdi-icon-gun:before {
  content: "";
}

.mdi-icon-bottle:before {
  content: "";
}

.mdi-icon-drop:before {
  content: "";
}

.mdi-icon-drop-crossed:before {
  content: "";
}

.mdi-icon-drop2:before {
  content: "";
}

.mdi-icon-snow:before {
  content: "";
}

.mdi-icon-snow2:before {
  content: "";
}

.mdi-icon-fire:before {
  content: "";
}

.mdi-icon-lighter:before {
  content: "";
}

.mdi-icon-knife:before {
  content: "";
}

.mdi-icon-dagger:before {
  content: "";
}

.mdi-icon-tissue:before {
  content: "";
}

.mdi-icon-toilet-paper:before {
  content: "";
}

.mdi-icon-poop:before {
  content: "";
}

.mdi-icon-umbrella:before {
  content: "";
}

.mdi-icon-umbrella2:before {
  content: "";
}

.mdi-icon-rain:before {
  content: "";
}

.mdi-icon-tornado:before {
  content: "";
}

.mdi-icon-wind:before {
  content: "";
}

.mdi-icon-fan:before {
  content: "";
}

.mdi-icon-contrast:before {
  content: "";
}

.mdi-icon-sun-small:before {
  content: "";
}

.mdi-icon-sun:before {
  content: "";
}

.mdi-icon-sun2:before {
  content: "";
}

.mdi-icon-moon:before {
  content: "";
}

.mdi-icon-cloud:before {
  content: "";
}

.mdi-icon-cloud-upload:before {
  content: "";
}

.mdi-icon-cloud-download:before {
  content: "";
}

.mdi-icon-cloud-rain:before {
  content: "";
}

.mdi-icon-cloud-hailstones:before {
  content: "";
}

.mdi-icon-cloud-snow:before {
  content: "";
}

.mdi-icon-cloud-windy:before {
  content: "";
}

.mdi-icon-sun-wind:before {
  content: "";
}

.mdi-icon-cloud-fog:before {
  content: "";
}

.mdi-icon-cloud-sun:before {
  content: "";
}

.mdi-icon-cloud-lightning:before {
  content: "";
}

.mdi-icon-cloud-sync:before {
  content: "";
}

.mdi-icon-cloud-lock:before {
  content: "";
}

.mdi-icon-cloud-gear:before {
  content: "";
}

.mdi-icon-cloud-alert:before {
  content: "";
}

.mdi-icon-cloud-check:before {
  content: "";
}

.mdi-icon-cloud-cross:before {
  content: "";
}

.mdi-icon-cloud-crossed:before {
  content: "";
}

.mdi-icon-cloud-database:before {
  content: "";
}

.mdi-icon-database:before {
  content: "";
}

.mdi-icon-database-add:before {
  content: "";
}

.mdi-icon-database-remove:before {
  content: "";
}

.mdi-icon-database-lock:before {
  content: "";
}

.mdi-icon-database-refresh:before {
  content: "";
}

.mdi-icon-database-check:before {
  content: "";
}

.mdi-icon-database-history:before {
  content: "";
}

.mdi-icon-database-upload:before {
  content: "";
}

.mdi-icon-database-download:before {
  content: "";
}

.mdi-icon-server:before {
  content: "";
}

.mdi-icon-shield:before {
  content: "";
}

.mdi-icon-shield-check:before {
  content: "";
}

.mdi-icon-shield-alert:before {
  content: "";
}

.mdi-icon-shield-cross:before {
  content: "";
}

.mdi-icon-lock:before {
  content: "";
}

.mdi-icon-rotation-lock:before {
  content: "";
}

.mdi-icon-unlock:before {
  content: "";
}

.mdi-icon-key1:before {
  content: "";
}

.mdi-icon-key-hole:before {
  content: "";
}

.mdi-icon-toggle-off:before {
  content: "";
}

.mdi-icon-toggle-on:before {
  content: "";
}

.mdi-icon-cog:before {
  content: "";
}

.mdi-icon-cog2:before {
  content: "";
}

.mdi-icon-wrench:before {
  content: "";
}

.mdi-icon-screwdriver:before {
  content: "";
}

.mdi-icon-hammer-wrench:before {
  content: "";
}

.mdi-icon-hammer:before {
  content: "";
}

.mdi-icon-saw:before {
  content: "";
}

.mdi-icon-axe:before {
  content: "";
}

.mdi-icon-axe2:before {
  content: "";
}

.mdi-icon-shovel:before {
  content: "";
}

.mdi-icon-pickaxe:before {
  content: "";
}

.mdi-icon-factory:before {
  content: "";
}

.mdi-icon-factory2:before {
  content: "";
}

.mdi-icon-recycle:before {
  content: "";
}

.mdi-icon-trash:before {
  content: "";
}

.mdi-icon-trash2:before {
  content: "";
}

.mdi-icon-trash3:before {
  content: "";
}

.mdi-icon-broom:before {
  content: "";
}

.mdi-icon-game:before {
  content: "";
}

.mdi-icon-gamepad:before {
  content: "";
}

.mdi-icon-joystick:before {
  content: "";
}

.mdi-icon-dice:before {
  content: "";
}

.mdi-icon-spades:before {
  content: "";
}

.mdi-icon-diamonds:before {
  content: "";
}

.mdi-icon-clubs:before {
  content: "";
}

.mdi-icon-hearts:before {
  content: "";
}

.mdi-icon-heart:before {
  content: "";
}

.mdi-icon-star:before {
  content: "";
}

.mdi-icon-star-half:before {
  content: "";
}

.mdi-icon-star-empty:before {
  content: "";
}

.mdi-icon-flag:before {
  content: "";
}

.mdi-icon-flag2:before {
  content: "";
}

.mdi-icon-flag3:before {
  content: "";
}

.mdi-icon-mailbox-full:before {
  content: "";
}

.mdi-icon-mailbox-empty:before {
  content: "";
}

.mdi-icon-at-sign:before {
  content: "";
}

.mdi-icon-envelope:before {
  content: "";
}

.mdi-icon-envelope-open:before {
  content: "";
}

.mdi-icon-paperclip:before {
  content: "";
}

.mdi-icon-paper-plane:before {
  content: "";
}

.mdi-icon-reply:before {
  content: "";
}

.mdi-icon-reply-all:before {
  content: "";
}

.mdi-icon-inbox:before {
  content: "";
}

.mdi-icon-inbox2:before {
  content: "";
}

.mdi-icon-outbox:before {
  content: "";
}

.mdi-icon-box:before {
  content: "";
}

.mdi-icon-archive:before {
  content: "";
}

.mdi-icon-archive2:before {
  content: "";
}

.mdi-icon-drawers:before {
  content: "";
}

.mdi-icon-drawers2:before {
  content: "";
}

.mdi-icon-drawers3:before {
  content: "";
}

.mdi-icon-eye:before {
  content: "";
}

.mdi-icon-eye-crossed:before {
  content: "";
}

.mdi-icon-eye-plus:before {
  content: "";
}

.mdi-icon-eye-minus:before {
  content: "";
}

.mdi-icon-binoculars:before {
  content: "";
}

.mdi-icon-binoculars2:before {
  content: "";
}

.mdi-icon-hdd:before {
  content: "";
}

.mdi-icon-hdd-down:before {
  content: "";
}

.mdi-icon-hdd-up:before {
  content: "";
}

.mdi-icon-floppy-disk:before {
  content: "";
}

.mdi-icon-disc:before {
  content: "";
}

.mdi-icon-tape2:before {
  content: "";
}

.mdi-icon-printer:before {
  content: "";
}

.mdi-icon-shredder:before {
  content: "";
}

.mdi-icon-file-empty:before {
  content: "";
}

.mdi-icon-file-add:before {
  content: "";
}

.mdi-icon-file-check:before {
  content: "";
}

.mdi-icon-file-lock:before {
  content: "";
}

.mdi-icon-files:before {
  content: "";
}

.mdi-icon-copy:before {
  content: "";
}

.mdi-icon-compare:before {
  content: "";
}

.mdi-icon-folder:before {
  content: "";
}

.mdi-icon-folder-search:before {
  content: "";
}

.mdi-icon-folder-plus:before {
  content: "";
}

.mdi-icon-folder-minus:before {
  content: "";
}

.mdi-icon-folder-download:before {
  content: "";
}

.mdi-icon-folder-upload:before {
  content: "";
}

.mdi-icon-folder-star:before {
  content: "";
}

.mdi-icon-folder-heart:before {
  content: "";
}

.mdi-icon-folder-user:before {
  content: "";
}

.mdi-icon-folder-shared:before {
  content: "";
}

.mdi-icon-folder-music:before {
  content: "";
}

.mdi-icon-folder-picture:before {
  content: "";
}

.mdi-icon-folder-film:before {
  content: "";
}

.mdi-icon-scissors:before {
  content: "";
}

.mdi-icon-paste:before {
  content: "";
}

.mdi-icon-clipboard-empty:before {
  content: "";
}

.mdi-icon-clipboard-pencil:before {
  content: "";
}

.mdi-icon-clipboard-text:before {
  content: "";
}

.mdi-icon-clipboard-check:before {
  content: "";
}

.mdi-icon-clipboard-down:before {
  content: "";
}

.mdi-icon-clipboard-left:before {
  content: "";
}

.mdi-icon-clipboard-alert:before {
  content: "";
}

.mdi-icon-clipboard-user:before {
  content: "";
}

.mdi-icon-register:before {
  content: "";
}

.mdi-icon-enter:before {
  content: "";
}

.mdi-icon-exit:before {
  content: "";
}

.mdi-icon-papers:before {
  content: "";
}

.mdi-icon-news:before {
  content: "";
}

.mdi-icon-reading:before {
  content: "";
}

.mdi-icon-typewriter:before {
  content: "";
}

.mdi-icon-document:before {
  content: "";
}

.mdi-icon-document2:before {
  content: "";
}

.mdi-icon-graduation-hat:before {
  content: "";
}

.mdi-icon-license:before {
  content: "";
}

.mdi-icon-license2:before {
  content: "";
}

.mdi-icon-medal-empty:before {
  content: "";
}

.mdi-icon-medal-first:before {
  content: "";
}

.mdi-icon-medal-second:before {
  content: "";
}

.mdi-icon-medal-third:before {
  content: "";
}

.mdi-icon-podium:before {
  content: "";
}

.mdi-icon-trophy:before {
  content: "";
}

.mdi-icon-trophy2:before {
  content: "";
}

.mdi-icon-music-note:before {
  content: "";
}

.mdi-icon-music-note2:before {
  content: "";
}

.mdi-icon-music-note3:before {
  content: "";
}

.mdi-icon-playlist:before {
  content: "";
}

.mdi-icon-playlist-add:before {
  content: "";
}

.mdi-icon-guitar:before {
  content: "";
}

.mdi-icon-trumpet:before {
  content: "";
}

.mdi-icon-album:before {
  content: "";
}

.mdi-icon-shuffle:before {
  content: "";
}

.mdi-icon-repeat-one:before {
  content: "";
}

.mdi-icon-repeat:before {
  content: "";
}

.mdi-icon-headphones:before {
  content: "";
}

.mdi-icon-headset:before {
  content: "";
}

.mdi-icon-loudspeaker:before {
  content: "";
}

.mdi-icon-equalizer:before {
  content: "";
}

.mdi-icon-theater:before {
  content: "";
}

.mdi-icon-3d-glasses:before {
  content: "";
}

.mdi-icon-ticket:before {
  content: "";
}

.mdi-icon-presentation:before {
  content: "";
}

.mdi-icon-play:before {
  content: "";
}

.mdi-icon-film-play:before {
  content: "";
}

.mdi-icon-clapboard-play:before {
  content: "";
}

.mdi-icon-media:before {
  content: "";
}

.mdi-icon-film:before {
  content: "";
}

.mdi-icon-film2:before {
  content: "";
}

.mdi-icon-surveillance:before {
  content: "";
}

.mdi-icon-surveillance2:before {
  content: "";
}

.mdi-icon-camera:before {
  content: "";
}

.mdi-icon-camera-crossed:before {
  content: "";
}

.mdi-icon-camera-play:before {
  content: "";
}

.mdi-icon-time-lapse:before {
  content: "";
}

.mdi-icon-record:before {
  content: "";
}

.mdi-icon-camera2:before {
  content: "";
}

.mdi-icon-camera-flip:before {
  content: "";
}

.mdi-icon-panorama:before {
  content: "";
}

.mdi-icon-time-lapse2:before {
  content: "";
}

.mdi-icon-shutter:before {
  content: "";
}

.mdi-icon-shutter2:before {
  content: "";
}

.mdi-icon-face-detection:before {
  content: "";
}

.mdi-icon-flare:before {
  content: "";
}

.mdi-icon-convex:before {
  content: "";
}

.mdi-icon-concave:before {
  content: "";
}

.mdi-icon-picture:before {
  content: "";
}

.mdi-icon-picture2:before {
  content: "";
}

.mdi-icon-picture3:before {
  content: "";
}

.mdi-icon-pictures:before {
  content: "";
}

.mdi-icon-book:before {
  content: "";
}

.mdi-icon-audio-book:before {
  content: "";
}

.mdi-icon-book2:before {
  content: "";
}

.mdi-icon-bookmark:before {
  content: "";
}

.mdi-icon-bookmark2:before {
  content: "";
}

.mdi-icon-label:before {
  content: "";
}

.mdi-icon-library:before {
  content: "";
}

.mdi-icon-library2:before {
  content: "";
}

.mdi-icon-contacts:before {
  content: "";
}

.mdi-icon-profile:before {
  content: "";
}

.mdi-icon-portrait:before {
  content: "";
}

.mdi-icon-portrait2:before {
  content: "";
}

.mdi-icon-user:before {
  content: "";
}

.mdi-icon-user-plus:before {
  content: "";
}

.mdi-icon-user-minus:before {
  content: "";
}

.mdi-icon-user-lock:before {
  content: "";
}

.mdi-icon-users:before {
  content: "";
}

.mdi-icon-users2:before {
  content: "";
}

.mdi-icon-users-plus:before {
  content: "";
}

.mdi-icon-users-minus:before {
  content: "";
}

.mdi-icon-group-work:before {
  content: "";
}

.mdi-icon-woman:before {
  content: "";
}

.mdi-icon-man:before {
  content: "";
}

.mdi-icon-baby:before {
  content: "";
}

.mdi-icon-baby2:before {
  content: "";
}

.mdi-icon-baby3:before {
  content: "";
}

.mdi-icon-baby-bottle:before {
  content: "";
}

.mdi-icon-walk:before {
  content: "";
}

.mdi-icon-hand-waving:before {
  content: "";
}

.mdi-icon-jump:before {
  content: "";
}

.mdi-icon-run:before {
  content: "";
}

.mdi-icon-woman2:before {
  content: "";
}

.mdi-icon-man2:before {
  content: "";
}

.mdi-icon-man-woman:before {
  content: "";
}

.mdi-icon-height:before {
  content: "";
}

.mdi-icon-weight:before {
  content: "";
}

.mdi-icon-scale:before {
  content: "";
}

.mdi-icon-button:before {
  content: "";
}

.mdi-icon-bow-tie:before {
  content: "";
}

.mdi-icon-tie:before {
  content: "";
}

.mdi-icon-socks:before {
  content: "";
}

.mdi-icon-shoe:before {
  content: "";
}

.mdi-icon-shoes:before {
  content: "";
}

.mdi-icon-hat:before {
  content: "";
}

.mdi-icon-pants:before {
  content: "";
}

.mdi-icon-shorts:before {
  content: "";
}

.mdi-icon-flip-flops:before {
  content: "";
}

.mdi-icon-shirt:before {
  content: "";
}

.mdi-icon-hanger:before {
  content: "";
}

.mdi-icon-laundry:before {
  content: "";
}

.mdi-icon-store:before {
  content: "";
}

.mdi-icon-haircut:before {
  content: "";
}

.mdi-icon-store-24:before {
  content: "";
}

.mdi-icon-barcode:before {
  content: "";
}

.mdi-icon-barcode2:before {
  content: "";
}

.mdi-icon-barcode3:before {
  content: "";
}

.mdi-icon-cashier:before {
  content: "";
}

.mdi-icon-bag:before {
  content: "";
}

.mdi-icon-bag2:before {
  content: "";
}

.mdi-icon-cart:before {
  content: "";
}

.mdi-icon-cart-empty:before {
  content: "";
}

.mdi-icon-cart-full:before {
  content: "";
}

.mdi-icon-cart-plus:before {
  content: "";
}

.mdi-icon-cart-plus2:before {
  content: "";
}

.mdi-icon-cart-add:before {
  content: "";
}

.mdi-icon-cart-remove:before {
  content: "";
}

.mdi-icon-cart-exchange:before {
  content: "";
}

.mdi-icon-tag:before {
  content: "";
}

.mdi-icon-tags:before {
  content: "";
}

.mdi-icon-receipt:before {
  content: "";
}

.mdi-icon-wallet:before {
  content: "";
}

.mdi-icon-credit-card:before {
  content: "";
}

.mdi-icon-cash-dollar:before {
  content: "";
}

.mdi-icon-cash-euro:before {
  content: "";
}

.mdi-icon-cash-pound:before {
  content: "";
}

.mdi-icon-cash-yen:before {
  content: "";
}

.mdi-icon-bag-dollar:before {
  content: "";
}

.mdi-icon-bag-euro:before {
  content: "";
}

.mdi-icon-bag-pound:before {
  content: "";
}

.mdi-icon-bag-yen:before {
  content: "";
}

.mdi-icon-coin-dollar:before {
  content: "";
}

.mdi-icon-coin-euro:before {
  content: "";
}

.mdi-icon-coin-pound:before {
  content: "";
}

.mdi-icon-coin-yen:before {
  content: "";
}

.mdi-icon-calculator:before {
  content: "";
}

.mdi-icon-calculator2:before {
  content: "";
}

.mdi-icon-abacus:before {
  content: "";
}

.mdi-icon-vault:before {
  content: "";
}

.mdi-icon-telephone:before {
  content: "";
}

.mdi-icon-phone-lock:before {
  content: "";
}

.mdi-icon-phone-wave:before {
  content: "";
}

.mdi-icon-phone-pause:before {
  content: "";
}

.mdi-icon-phone-outgoing:before {
  content: "";
}

.mdi-icon-phone-incoming:before {
  content: "";
}

.mdi-icon-phone-in-out:before {
  content: "";
}

.mdi-icon-phone-error:before {
  content: "";
}

.mdi-icon-phone-sip:before {
  content: "";
}

.mdi-icon-phone-plus:before {
  content: "";
}

.mdi-icon-phone-minus:before {
  content: "";
}

.mdi-icon-voicemail:before {
  content: "";
}

.mdi-icon-dial:before {
  content: "";
}

.mdi-icon-telephone2:before {
  content: "";
}

.mdi-icon-pushpin:before {
  content: "";
}

.mdi-icon-pushpin2:before {
  content: "";
}

.mdi-icon-map-marker:before {
  content: "";
}

.mdi-icon-map-marker-user:before {
  content: "";
}

.mdi-icon-map-marker-down:before {
  content: "";
}

.mdi-icon-map-marker-check:before {
  content: "";
}

.mdi-icon-map-marker-crossed:before {
  content: "";
}

.mdi-icon-radar:before {
  content: "";
}

.mdi-icon-compass2:before {
  content: "";
}

.mdi-icon-map:before {
  content: "";
}

.mdi-icon-map2:before {
  content: "";
}

.mdi-icon-location:before {
  content: "";
}

.mdi-icon-road-sign:before {
  content: "";
}

.mdi-icon-calendar-empty:before {
  content: "";
}

.mdi-icon-calendar-check:before {
  content: "";
}

.mdi-icon-calendar-cross:before {
  content: "";
}

.mdi-icon-calendar-31:before {
  content: "";
}

.mdi-icon-calendar-full:before {
  content: "";
}

.mdi-icon-calendar-insert:before {
  content: "";
}

.mdi-icon-calendar-text:before {
  content: "";
}

.mdi-icon-calendar-user:before {
  content: "";
}

.mdi-icon-mouse:before {
  content: "";
}

.mdi-icon-mouse-left:before {
  content: "";
}

.mdi-icon-mouse-right:before {
  content: "";
}

.mdi-icon-mouse-both:before {
  content: "";
}

.mdi-icon-keyboard:before {
  content: "";
}

.mdi-icon-keyboard-up:before {
  content: "";
}

.mdi-icon-keyboard-down:before {
  content: "";
}

.mdi-icon-delete:before {
  content: "";
}

.mdi-icon-spell-check:before {
  content: "";
}

.mdi-icon-escape:before {
  content: "";
}

.mdi-icon-enter2:before {
  content: "";
}

.mdi-icon-screen:before {
  content: "";
}

.mdi-icon-aspect-ratio:before {
  content: "";
}

.mdi-icon-signal:before {
  content: "";
}

.mdi-icon-signal-lock:before {
  content: "";
}

.mdi-icon-signal-80:before {
  content: "";
}

.mdi-icon-signal-60:before {
  content: "";
}

.mdi-icon-signal-40:before {
  content: "";
}

.mdi-icon-signal-20:before {
  content: "";
}

.mdi-icon-signal-0:before {
  content: "";
}

.mdi-icon-signal-blocked:before {
  content: "";
}

.mdi-icon-sim:before {
  content: "";
}

.mdi-icon-flash-memory:before {
  content: "";
}

.mdi-icon-usb-drive:before {
  content: "";
}

.mdi-icon-phone:before {
  content: "";
}

.mdi-icon-smartphone:before {
  content: "";
}

.mdi-icon-smartphone-notification:before {
  content: "";
}

.mdi-icon-smartphone-vibration:before {
  content: "";
}

.mdi-icon-smartphone-embed:before {
  content: "";
}

.mdi-icon-smartphone-waves:before {
  content: "";
}

.mdi-icon-tablet:before {
  content: "";
}

.mdi-icon-tablet2:before {
  content: "";
}

.mdi-icon-laptop:before {
  content: "";
}

.mdi-icon-laptop-phone:before {
  content: "";
}

.mdi-icon-desktop:before {
  content: "";
}

.mdi-icon-launch:before {
  content: "";
}

.mdi-icon-new-tab:before {
  content: "";
}

.mdi-icon-window:before {
  content: "";
}

.mdi-icon-cable:before {
  content: "";
}

.mdi-icon-cable2:before {
  content: "";
}

.mdi-icon-tv:before {
  content: "";
}

.mdi-icon-radio:before {
  content: "";
}

.mdi-icon-remote-control:before {
  content: "";
}

.mdi-icon-power-switch:before {
  content: "";
}

.mdi-icon-power:before {
  content: "";
}

.mdi-icon-power-crossed:before {
  content: "";
}

.mdi-icon-flash-auto:before {
  content: "";
}

.mdi-icon-lamp:before {
  content: "";
}

.mdi-icon-flashlight:before {
  content: "";
}

.mdi-icon-lampshade:before {
  content: "";
}

.mdi-icon-cord:before {
  content: "";
}

.mdi-icon-outlet:before {
  content: "";
}

.mdi-icon-battery-power:before {
  content: "";
}

.mdi-icon-battery-empty:before {
  content: "";
}

.mdi-icon-battery-alert:before {
  content: "";
}

.mdi-icon-battery-error:before {
  content: "";
}

.mdi-icon-battery-low1:before {
  content: "";
}

.mdi-icon-battery-low2:before {
  content: "";
}

.mdi-icon-battery-low3:before {
  content: "";
}

.mdi-icon-battery-mid1:before {
  content: "";
}

.mdi-icon-battery-mid2:before {
  content: "";
}

.mdi-icon-battery-mid3:before {
  content: "";
}

.mdi-icon-battery-full:before {
  content: "";
}

.mdi-icon-battery-charging:before {
  content: "";
}

.mdi-icon-battery-charging2:before {
  content: "";
}

.mdi-icon-battery-charging3:before {
  content: "";
}

.mdi-icon-battery-charging4:before {
  content: "";
}

.mdi-icon-battery-charging5:before {
  content: "";
}

.mdi-icon-battery-charging6:before {
  content: "";
}

.mdi-icon-battery-charging7:before {
  content: "";
}

.mdi-icon-chip:before {
  content: "";
}

.mdi-icon-chip-x64:before {
  content: "";
}

.mdi-icon-chip-x86:before {
  content: "";
}

.mdi-icon-bubble:before {
  content: "";
}

.mdi-icon-bubbles:before {
  content: "";
}

.mdi-icon-bubble-dots:before {
  content: "";
}

.mdi-icon-bubble-alert:before {
  content: "";
}

.mdi-icon-bubble-question:before {
  content: "";
}

.mdi-icon-bubble-text:before {
  content: "";
}

.mdi-icon-bubble-pencil:before {
  content: "";
}

.mdi-icon-bubble-picture:before {
  content: "";
}

.mdi-icon-bubble-video:before {
  content: "";
}

.mdi-icon-bubble-user:before {
  content: "";
}

.mdi-icon-bubble-quote:before {
  content: "";
}

.mdi-icon-bubble-heart:before {
  content: "";
}

.mdi-icon-bubble-emoticon:before {
  content: "";
}

.mdi-icon-bubble-attachment:before {
  content: "";
}

.mdi-icon-phone-bubble:before {
  content: "";
}

.mdi-icon-quote-open:before {
  content: "";
}

.mdi-icon-quote-close:before {
  content: "";
}

.mdi-icon-dna:before {
  content: "";
}

.mdi-icon-heart-pulse:before {
  content: "";
}

.mdi-icon-pulse:before {
  content: "";
}

.mdi-icon-syringe:before {
  content: "";
}

.mdi-icon-pills:before {
  content: "";
}

.mdi-icon-first-aid:before {
  content: "";
}

.mdi-icon-lifebuoy:before {
  content: "";
}

.mdi-icon-bandage:before {
  content: "";
}

.mdi-icon-bandages:before {
  content: "";
}

.mdi-icon-thermometer:before {
  content: "";
}

.mdi-icon-microscope:before {
  content: "";
}

.mdi-icon-brain:before {
  content: "";
}

.mdi-icon-beaker:before {
  content: "";
}

.mdi-icon-skull:before {
  content: "";
}

.mdi-icon-bone:before {
  content: "";
}

.mdi-icon-construction:before {
  content: "";
}

.mdi-icon-construction-cone:before {
  content: "";
}

.mdi-icon-pie-chart:before {
  content: "";
}

.mdi-icon-pie-chart2:before {
  content: "";
}

.mdi-icon-graph:before {
  content: "";
}

.mdi-icon-chart-growth:before {
  content: "";
}

.mdi-icon-chart-bars:before {
  content: "";
}

.mdi-icon-chart-settings:before {
  content: "";
}

.mdi-icon-cake:before {
  content: "";
}

.mdi-icon-gift:before {
  content: "";
}

.mdi-icon-balloon:before {
  content: "";
}

.mdi-icon-rank:before {
  content: "";
}

.mdi-icon-rank2:before {
  content: "";
}

.mdi-icon-rank3:before {
  content: "";
}

.mdi-icon-crown:before {
  content: "";
}

.mdi-icon-lotus:before {
  content: "";
}

.mdi-icon-diamond:before {
  content: "";
}

.mdi-icon-diamond2:before {
  content: "";
}

.mdi-icon-diamond3:before {
  content: "";
}

.mdi-icon-diamond4:before {
  content: "";
}

.mdi-icon-linearicons:before {
  content: "";
}

.mdi-icon-teacup:before {
  content: "";
}

.mdi-icon-teapot:before {
  content: "";
}

.mdi-icon-glass:before {
  content: "";
}

.mdi-icon-bottle2:before {
  content: "";
}

.mdi-icon-glass-cocktail:before {
  content: "";
}

.mdi-icon-glass2:before {
  content: "";
}

.mdi-icon-dinner:before {
  content: "";
}

.mdi-icon-dinner2:before {
  content: "";
}

.mdi-icon-chef:before {
  content: "";
}

.mdi-icon-scale2:before {
  content: "";
}

.mdi-icon-egg:before {
  content: "";
}

.mdi-icon-egg2:before {
  content: "";
}

.mdi-icon-eggs:before {
  content: "";
}

.mdi-icon-platter:before {
  content: "";
}

.mdi-icon-steak:before {
  content: "";
}

.mdi-icon-hamburger:before {
  content: "";
}

.mdi-icon-hotdog:before {
  content: "";
}

.mdi-icon-pizza:before {
  content: "";
}

.mdi-icon-sausage:before {
  content: "";
}

.mdi-icon-chicken:before {
  content: "";
}

.mdi-icon-fish:before {
  content: "";
}

.mdi-icon-carrot:before {
  content: "";
}

.mdi-icon-cheese:before {
  content: "";
}

.mdi-icon-bread:before {
  content: "";
}

.mdi-icon-ice-cream:before {
  content: "";
}

.mdi-icon-ice-cream2:before {
  content: "";
}

.mdi-icon-candy:before {
  content: "";
}

.mdi-icon-lollipop:before {
  content: "";
}

.mdi-icon-coffee-bean:before {
  content: "";
}

.mdi-icon-coffee-cup:before {
  content: "";
}

.mdi-icon-cherry:before {
  content: "";
}

.mdi-icon-grapes:before {
  content: "";
}

.mdi-icon-citrus:before {
  content: "";
}

.mdi-icon-apple:before {
  content: "";
}

.mdi-icon-leaf:before {
  content: "";
}

.mdi-icon-landscape:before {
  content: "";
}

.mdi-icon-pine-tree:before {
  content: "";
}

.mdi-icon-tree:before {
  content: "";
}

.mdi-icon-cactus:before {
  content: "";
}

.mdi-icon-paw:before {
  content: "";
}

.mdi-icon-footprint:before {
  content: "";
}

.mdi-icon-speed-slow:before {
  content: "";
}

.mdi-icon-speed-medium:before {
  content: "";
}

.mdi-icon-speed-fast:before {
  content: "";
}

.mdi-icon-rocket:before {
  content: "";
}

.mdi-icon-hammer2:before {
  content: "";
}

.mdi-icon-balance:before {
  content: "";
}

.mdi-icon-briefcase:before {
  content: "";
}

.mdi-icon-luggage-weight:before {
  content: "";
}

.mdi-icon-dolly:before {
  content: "";
}

.mdi-icon-plane:before {
  content: "";
}

.mdi-icon-plane-crossed:before {
  content: "";
}

.mdi-icon-helicopter:before {
  content: "";
}

.mdi-icon-traffic-lights:before {
  content: "";
}

.mdi-icon-siren:before {
  content: "";
}

.mdi-icon-road:before {
  content: "";
}

.mdi-icon-engine:before {
  content: "";
}

.mdi-icon-oil-pressure:before {
  content: "";
}

.mdi-icon-coolant-temperature:before {
  content: "";
}

.mdi-icon-car-battery:before {
  content: "";
}

.mdi-icon-gas:before {
  content: "";
}

.mdi-icon-gallon:before {
  content: "";
}

.mdi-icon-transmission:before {
  content: "";
}

.mdi-icon-car:before {
  content: "";
}

.mdi-icon-car-wash:before {
  content: "";
}

.mdi-icon-car-wash2:before {
  content: "";
}

.mdi-icon-bus:before {
  content: "";
}

.mdi-icon-bus2:before {
  content: "";
}

.mdi-icon-car2:before {
  content: "";
}

.mdi-icon-parking:before {
  content: "";
}

.mdi-icon-car-lock:before {
  content: "";
}

.mdi-icon-taxi:before {
  content: "";
}

.mdi-icon-car-siren:before {
  content: "";
}

.mdi-icon-car-wash3:before {
  content: "";
}

.mdi-icon-car-wash4:before {
  content: "";
}

.mdi-icon-ambulance:before {
  content: "";
}

.mdi-icon-truck:before {
  content: "";
}

.mdi-icon-trailer:before {
  content: "";
}

.mdi-icon-scale-truck:before {
  content: "";
}

.mdi-icon-train:before {
  content: "";
}

.mdi-icon-ship:before {
  content: "";
}

.mdi-icon-ship2:before {
  content: "";
}

.mdi-icon-anchor:before {
  content: "";
}

.mdi-icon-boat:before {
  content: "";
}

.mdi-icon-bicycle:before {
  content: "";
}

.mdi-icon-bicycle2:before {
  content: "";
}

.mdi-icon-dumbbell:before {
  content: "";
}

.mdi-icon-bench-press:before {
  content: "";
}

.mdi-icon-swim:before {
  content: "";
}

.mdi-icon-football:before {
  content: "";
}

.mdi-icon-baseball-bat:before {
  content: "";
}

.mdi-icon-baseball:before {
  content: "";
}

.mdi-icon-tennis:before {
  content: "";
}

.mdi-icon-tennis2:before {
  content: "";
}

.mdi-icon-ping-pong:before {
  content: "";
}

.mdi-icon-hockey:before {
  content: "";
}

.mdi-icon-8ball:before {
  content: "";
}

.mdi-icon-bowling:before {
  content: "";
}

.mdi-icon-bowling-pins:before {
  content: "";
}

.mdi-icon-golf:before {
  content: "";
}

.mdi-icon-golf2:before {
  content: "";
}

.mdi-icon-archery:before {
  content: "";
}

.mdi-icon-slingshot:before {
  content: "";
}

.mdi-icon-soccer:before {
  content: "";
}

.mdi-icon-basketball:before {
  content: "";
}

.mdi-icon-cube:before {
  content: "";
}

.mdi-icon-3d-rotate:before {
  content: "";
}

.mdi-icon-puzzle:before {
  content: "";
}

.mdi-icon-glasses:before {
  content: "";
}

.mdi-icon-glasses2:before {
  content: "";
}

.mdi-icon-accessibility:before {
  content: "";
}

.mdi-icon-wheelchair:before {
  content: "";
}

.mdi-icon-wall:before {
  content: "";
}

.mdi-icon-fence:before {
  content: "";
}

.mdi-icon-wall2:before {
  content: "";
}

.mdi-icon-icons:before {
  content: "";
}

.mdi-icon-resize-handle:before {
  content: "";
}

.mdi-icon-icons2:before {
  content: "";
}

.mdi-icon-select:before {
  content: "";
}

.mdi-icon-select2:before {
  content: "";
}

.mdi-icon-site-map:before {
  content: "";
}

.mdi-icon-earth:before {
  content: "";
}

.mdi-icon-earth-lock:before {
  content: "";
}

.mdi-icon-network:before {
  content: "";
}

.mdi-icon-network-lock:before {
  content: "";
}

.mdi-icon-planet:before {
  content: "";
}

.mdi-icon-happy:before {
  content: "";
}

.mdi-icon-smile:before {
  content: "";
}

.mdi-icon-grin:before {
  content: "";
}

.mdi-icon-tongue:before {
  content: "";
}

.mdi-icon-sad:before {
  content: "";
}

.mdi-icon-wink:before {
  content: "";
}

.mdi-icon-dream:before {
  content: "";
}

.mdi-icon-shocked:before {
  content: "";
}

.mdi-icon-shocked2:before {
  content: "";
}

.mdi-icon-tongue2:before {
  content: "";
}

.mdi-icon-neutral:before {
  content: "";
}

.mdi-icon-happy-grin:before {
  content: "";
}

.mdi-icon-cool:before {
  content: "";
}

.mdi-icon-mad:before {
  content: "";
}

.mdi-icon-grin-evil:before {
  content: "";
}

.mdi-icon-evil:before {
  content: "";
}

.mdi-icon-wow:before {
  content: "";
}

.mdi-icon-annoyed:before {
  content: "";
}

.mdi-icon-wondering:before {
  content: "";
}

.mdi-icon-confused:before {
  content: "";
}

.mdi-icon-zipped:before {
  content: "";
}

.mdi-icon-grumpy:before {
  content: "";
}

.mdi-icon-mustache:before {
  content: "";
}

.mdi-icon-tombstone-hipster:before {
  content: "";
}

.mdi-icon-tombstone:before {
  content: "";
}

.mdi-icon-ghost:before {
  content: "";
}

.mdi-icon-ghost-hipster:before {
  content: "";
}

.mdi-icon-halloween:before {
  content: "";
}

.mdi-icon-christmas:before {
  content: "";
}

.mdi-icon-easter-egg:before {
  content: "";
}

.mdi-icon-mustache2:before {
  content: "";
}

.mdi-icon-mustache-glasses:before {
  content: "";
}

.mdi-icon-pipe:before {
  content: "";
}

.mdi-icon-alarm:before {
  content: "";
}

.mdi-icon-alarm-add:before {
  content: "";
}

.mdi-icon-alarm-snooze:before {
  content: "";
}

.mdi-icon-alarm-ringing:before {
  content: "";
}

.mdi-icon-bullhorn:before {
  content: "";
}

.mdi-icon-hearing:before {
  content: "";
}

.mdi-icon-volume-high:before {
  content: "";
}

.mdi-icon-volume-medium:before {
  content: "";
}

.mdi-icon-volume-low:before {
  content: "";
}

.mdi-icon-volume:before {
  content: "";
}

.mdi-icon-mute:before {
  content: "";
}

.mdi-icon-lan:before {
  content: "";
}

.mdi-icon-lan2:before {
  content: "";
}

.mdi-icon-wifi:before {
  content: "";
}

.mdi-icon-wifi-lock:before {
  content: "";
}

.mdi-icon-wifi-blocked:before {
  content: "";
}

.mdi-icon-wifi-mid:before {
  content: "";
}

.mdi-icon-wifi-low:before {
  content: "";
}

.mdi-icon-wifi-low2:before {
  content: "";
}

.mdi-icon-wifi-alert:before {
  content: "";
}

.mdi-icon-wifi-alert-mid:before {
  content: "";
}

.mdi-icon-wifi-alert-low:before {
  content: "";
}

.mdi-icon-wifi-alert-low2:before {
  content: "";
}

.mdi-icon-stream:before {
  content: "";
}

.mdi-icon-stream-check:before {
  content: "";
}

.mdi-icon-stream-error:before {
  content: "";
}

.mdi-icon-stream-alert:before {
  content: "";
}

.mdi-icon-communication:before {
  content: "";
}

.mdi-icon-communication-crossed:before {
  content: "";
}

.mdi-icon-broadcast:before {
  content: "";
}

.mdi-icon-antenna:before {
  content: "";
}

.mdi-icon-satellite:before {
  content: "";
}

.mdi-icon-satellite2:before {
  content: "";
}

.mdi-icon-mic:before {
  content: "";
}

.mdi-icon-mic-mute:before {
  content: "";
}

.mdi-icon-mic2:before {
  content: "";
}

.mdi-icon-spotlights:before {
  content: "";
}

.mdi-icon-hourglass:before {
  content: "";
}

.mdi-icon-loading:before {
  content: "";
}

.mdi-icon-loading2:before {
  content: "";
}

.mdi-icon-loading3:before {
  content: "";
}

.mdi-icon-refresh:before {
  content: "";
}

.mdi-icon-refresh2:before {
  content: "";
}

.mdi-icon-undo:before {
  content: "";
}

.mdi-icon-redo:before {
  content: "";
}

.mdi-icon-jump2:before {
  content: "";
}

.mdi-icon-undo2:before {
  content: "";
}

.mdi-icon-redo2:before {
  content: "";
}

.mdi-icon-sync:before {
  content: "";
}

.mdi-icon-repeat-one2:before {
  content: "";
}

.mdi-icon-sync-crossed:before {
  content: "";
}

.mdi-icon-sync2:before {
  content: "";
}

.mdi-icon-repeat-one3:before {
  content: "";
}

.mdi-icon-sync-crossed2:before {
  content: "";
}

.mdi-icon-return:before {
  content: "";
}

.mdi-icon-return2:before {
  content: "";
}

.mdi-icon-refund:before {
  content: "";
}

.mdi-icon-history:before {
  content: "";
}

.mdi-icon-history2:before {
  content: "";
}

.mdi-icon-self-timer:before {
  content: "";
}

.mdi-icon-clock:before {
  content: "";
}

.mdi-icon-clock2:before {
  content: "";
}

.mdi-icon-clock3:before {
  content: "";
}

.mdi-icon-watch:before {
  content: "";
}

.mdi-icon-alarm2:before {
  content: "";
}

.mdi-icon-alarm-add2:before {
  content: "";
}

.mdi-icon-alarm-remove:before {
  content: "";
}

.mdi-icon-alarm-check:before {
  content: "";
}

.mdi-icon-alarm-error:before {
  content: "";
}

.mdi-icon-timer:before {
  content: "";
}

.mdi-icon-timer-crossed:before {
  content: "";
}

.mdi-icon-timer2:before {
  content: "";
}

.mdi-icon-timer-crossed2:before {
  content: "";
}

.mdi-icon-download:before {
  content: "";
}

.mdi-icon-upload:before {
  content: "";
}

.mdi-icon-download2:before {
  content: "";
}

.mdi-icon-upload2:before {
  content: "";
}

.mdi-icon-enter-up:before {
  content: "";
}

.mdi-icon-enter-down:before {
  content: "";
}

.mdi-icon-enter-left:before {
  content: "";
}

.mdi-icon-enter-right:before {
  content: "";
}

.mdi-icon-exit-up:before {
  content: "";
}

.mdi-icon-exit-down:before {
  content: "";
}

.mdi-icon-exit-left:before {
  content: "";
}

.mdi-icon-exit-right:before {
  content: "";
}

.mdi-icon-enter-up2:before {
  content: "";
}

.mdi-icon-enter-down2:before {
  content: "";
}

.mdi-icon-enter-vertical:before {
  content: "";
}

.mdi-icon-enter-left2:before {
  content: "";
}

.mdi-icon-enter-right2:before {
  content: "";
}

.mdi-icon-enter-horizontal:before {
  content: "";
}

.mdi-icon-exit-up2:before {
  content: "";
}

.mdi-icon-exit-down2:before {
  content: "";
}

.mdi-icon-exit-left2:before {
  content: "";
}

.mdi-icon-exit-right2:before {
  content: "";
}

.mdi-icon-cli:before {
  content: "";
}

.mdi-icon-bug:before {
  content: "";
}

.mdi-icon-code:before {
  content: "";
}

.mdi-icon-file-code:before {
  content: "";
}

.mdi-icon-file-image:before {
  content: "";
}

.mdi-icon-file-zip:before {
  content: "";
}

.mdi-icon-file-audio:before {
  content: "";
}

.mdi-icon-file-video:before {
  content: "";
}

.mdi-icon-file-preview:before {
  content: "";
}

.mdi-icon-file-charts:before {
  content: "";
}

.mdi-icon-file-stats:before {
  content: "";
}

.mdi-icon-file-spreadsheet:before {
  content: "";
}

.mdi-icon-link:before {
  content: "";
}

.mdi-icon-unlink:before {
  content: "";
}

.mdi-icon-link2:before {
  content: "";
}

.mdi-icon-unlink2:before {
  content: "";
}

.mdi-icon-thumbs-up:before {
  content: "";
}

.mdi-icon-thumbs-down:before {
  content: "";
}

.mdi-icon-thumbs-up2:before {
  content: "";
}

.mdi-icon-thumbs-down2:before {
  content: "";
}

.mdi-icon-thumbs-up3:before {
  content: "";
}

.mdi-icon-thumbs-down3:before {
  content: "";
}

.mdi-icon-share:before {
  content: "";
}

.mdi-icon-share2:before {
  content: "";
}

.mdi-icon-share3:before {
  content: "";
}

.mdi-icon-magnifier:before {
  content: "";
}

.mdi-icon-file-search:before {
  content: "";
}

.mdi-icon-find-replace:before {
  content: "";
}

.mdi-icon-zoom-in:before {
  content: "";
}

.mdi-icon-zoom-out:before {
  content: "";
}

.mdi-icon-loupe:before {
  content: "";
}

.mdi-icon-loupe-zoom-in:before {
  content: "";
}

.mdi-icon-loupe-zoom-out:before {
  content: "";
}

.mdi-icon-cross:before {
  content: "";
}

.mdi-icon-menu:before {
  content: "";
}

.mdi-icon-list:before {
  content: "";
}

.mdi-icon-list2:before {
  content: "";
}

.mdi-icon-list3:before {
  content: "";
}

.mdi-icon-menu2:before {
  content: "";
}

.mdi-icon-list4:before {
  content: "";
}

.mdi-icon-menu3:before {
  content: "";
}

.mdi-icon-exclamation:before {
  content: "";
}

.mdi-icon-question:before {
  content: "";
}

.mdi-icon-check:before {
  content: "";
}

.mdi-icon-cross2:before {
  content: "";
}

.mdi-icon-plus:before {
  content: "";
}

.mdi-icon-minus:before {
  content: "";
}

.mdi-icon-percent:before {
  content: "";
}

.mdi-icon-chevron-up:before {
  content: "";
}

.mdi-icon-chevron-down:before {
  content: "";
}

.mdi-icon-chevron-left:before {
  content: "";
}

.mdi-icon-chevron-right:before {
  content: "";
}

.mdi-icon-chevrons-expand-vertical:before {
  content: "";
}

.mdi-icon-chevrons-expand-horizontal:before {
  content: "";
}

.mdi-icon-chevrons-contract-vertical:before {
  content: "";
}

.mdi-icon-chevrons-contract-horizontal:before {
  content: "";
}

.mdi-icon-arrow-up:before {
  content: "";
}

.mdi-icon-arrow-down:before {
  content: "";
}

.mdi-icon-arrow-left:before {
  content: "";
}

.mdi-icon-arrow-right:before {
  content: "";
}

.mdi-icon-arrow-up-right:before {
  content: "";
}

.mdi-icon-arrows-merge:before {
  content: "";
}

.mdi-icon-arrows-split:before {
  content: "";
}

.mdi-icon-arrow-divert:before {
  content: "";
}

.mdi-icon-arrow-return:before {
  content: "";
}

.mdi-icon-expand:before {
  content: "";
}

.mdi-icon-contract:before {
  content: "";
}

.mdi-icon-expand2:before {
  content: "";
}

.mdi-icon-contract2:before {
  content: "";
}

.mdi-icon-move:before {
  content: "";
}

.mdi-icon-tab:before {
  content: "";
}

.mdi-icon-arrow-wave:before {
  content: "";
}

.mdi-icon-expand3:before {
  content: "";
}

.mdi-icon-expand4:before {
  content: "";
}

.mdi-icon-contract3:before {
  content: "";
}

.mdi-icon-notification:before {
  content: "";
}

.mdi-icon-warning:before {
  content: "";
}

.mdi-icon-notification-circle:before {
  content: "";
}

.mdi-icon-question-circle:before {
  content: "";
}

.mdi-icon-menu-circle:before {
  content: "";
}

.mdi-icon-checkmark-circle:before {
  content: "";
}

.mdi-icon-cross-circle:before {
  content: "";
}

.mdi-icon-plus-circle:before {
  content: "";
}

.mdi-icon-circle-minus:before {
  content: "";
}

.mdi-icon-percent-circle:before {
  content: "";
}

.mdi-icon-arrow-up-circle:before {
  content: "";
}

.mdi-icon-arrow-down-circle:before {
  content: "";
}

.mdi-icon-arrow-left-circle:before {
  content: "";
}

.mdi-icon-arrow-right-circle:before {
  content: "";
}

.mdi-icon-chevron-up-circle:before {
  content: "";
}

.mdi-icon-chevron-down-circle:before {
  content: "";
}

.mdi-icon-chevron-left-circle:before {
  content: "";
}

.mdi-icon-chevron-right-circle:before {
  content: "";
}

.mdi-icon-backward-circle:before {
  content: "";
}

.mdi-icon-first-circle:before {
  content: "";
}

.mdi-icon-previous-circle:before {
  content: "";
}

.mdi-icon-stop-circle:before {
  content: "";
}

.mdi-icon-play-circle:before {
  content: "";
}

.mdi-icon-pause-circle:before {
  content: "";
}

.mdi-icon-next-circle:before {
  content: "";
}

.mdi-icon-last-circle:before {
  content: "";
}

.mdi-icon-forward-circle:before {
  content: "";
}

.mdi-icon-eject-circle:before {
  content: "";
}

.mdi-icon-crop:before {
  content: "";
}

.mdi-icon-frame-expand:before {
  content: "";
}

.mdi-icon-frame-contract:before {
  content: "";
}

.mdi-icon-focus:before {
  content: "";
}

.mdi-icon-transform:before {
  content: "";
}

.mdi-icon-grid:before {
  content: "";
}

.mdi-icon-grid-crossed:before {
  content: "";
}

.mdi-icon-layers1:before {
  content: "";
}

.mdi-icon-layers-crossed:before {
  content: "";
}

.mdi-icon-toggle:before {
  content: "";
}

.mdi-icon-rulers:before {
  content: "";
}

.mdi-icon-ruler:before {
  content: "";
}

.mdi-icon-funnel:before {
  content: "";
}

.mdi-icon-flip-horizontal:before {
  content: "";
}

.mdi-icon-flip-vertical:before {
  content: "";
}

.mdi-icon-flip-horizontal2:before {
  content: "";
}

.mdi-icon-flip-vertical2:before {
  content: "";
}

.mdi-icon-angle:before {
  content: "";
}

.mdi-icon-angle2:before {
  content: "";
}

.mdi-icon-subtract:before {
  content: "";
}

.mdi-icon-combine:before {
  content: "";
}

.mdi-icon-intersect:before {
  content: "";
}

.mdi-icon-exclude:before {
  content: "";
}

.mdi-icon-align-center-vertical:before {
  content: "";
}

.mdi-icon-align-right:before {
  content: "";
}

.mdi-icon-align-bottom:before {
  content: "";
}

.mdi-icon-align-left:before {
  content: "";
}

.mdi-icon-align-center-horizontal:before {
  content: "";
}

.mdi-icon-align-top:before {
  content: "";
}

.mdi-icon-square:before {
  content: "";
}

.mdi-icon-plus-square:before {
  content: "";
}

.mdi-icon-minus-square:before {
  content: "";
}

.mdi-icon-percent-square:before {
  content: "";
}

.mdi-icon-arrow-up-square:before {
  content: "";
}

.mdi-icon-arrow-down-square:before {
  content: "";
}

.mdi-icon-arrow-left-square:before {
  content: "";
}

.mdi-icon-arrow-right-square:before {
  content: "";
}

.mdi-icon-chevron-up-square:before {
  content: "";
}

.mdi-icon-chevron-down-square:before {
  content: "";
}

.mdi-icon-chevron-left-square:before {
  content: "";
}

.mdi-icon-chevron-right-square:before {
  content: "";
}

.mdi-icon-check-square:before {
  content: "";
}

.mdi-icon-cross-square:before {
  content: "";
}

.mdi-icon-menu-square:before {
  content: "";
}

.mdi-icon-prohibited:before {
  content: "";
}

.mdi-icon-circle:before {
  content: "";
}

.mdi-icon-radio-button:before {
  content: "";
}

.mdi-icon-ligature:before {
  content: "";
}

.mdi-icon-text-format:before {
  content: "";
}

.mdi-icon-text-format-remove:before {
  content: "";
}

.mdi-icon-text-size:before {
  content: "";
}

.mdi-icon-bold:before {
  content: "";
}

.mdi-icon-italic:before {
  content: "";
}

.mdi-icon-underline:before {
  content: "";
}

.mdi-icon-strikethrough:before {
  content: "";
}

.mdi-icon-highlight:before {
  content: "";
}

.mdi-icon-text-align-left:before {
  content: "";
}

.mdi-icon-text-align-center:before {
  content: "";
}

.mdi-icon-text-align-right:before {
  content: "";
}

.mdi-icon-text-align-justify:before {
  content: "";
}

.mdi-icon-line-spacing:before {
  content: "";
}

.mdi-icon-indent-increase:before {
  content: "";
}

.mdi-icon-indent-decrease:before {
  content: "";
}

.mdi-icon-text-wrap:before {
  content: "";
}

.mdi-icon-pilcrow:before {
  content: "";
}

.mdi-icon-direction-ltr:before {
  content: "";
}

.mdi-icon-direction-rtl:before {
  content: "";
}

.mdi-icon-page-break:before {
  content: "";
}

.mdi-icon-page-break2:before {
  content: "";
}

.mdi-icon-sort-alpha-asc:before {
  content: "";
}

.mdi-icon-sort-alpha-desc:before {
  content: "";
}

.mdi-icon-sort-numeric-asc:before {
  content: "";
}

.mdi-icon-sort-numeric-desc:before {
  content: "";
}

.mdi-icon-sort-amount-asc:before {
  content: "";
}

.mdi-icon-sort-amount-desc:before {
  content: "";
}

.mdi-icon-sort-time-asc:before {
  content: "";
}

.mdi-icon-sort-time-desc:before {
  content: "";
}

.mdi-icon-sigma:before {
  content: "";
}

.mdi-icon-pencil-line:before {
  content: "";
}

.mdi-icon-hand:before {
  content: "";
}

.mdi-icon-pointer-up:before {
  content: "";
}

.mdi-icon-pointer-right:before {
  content: "";
}

.mdi-icon-pointer-down:before {
  content: "";
}

.mdi-icon-pointer-left:before {
  content: "";
}

.mdi-icon-finger-tap:before {
  content: "";
}

.mdi-icon-fingers-tap:before {
  content: "";
}

.mdi-icon-reminder:before {
  content: "";
}

.mdi-icon-fingers-crossed:before {
  content: "";
}

.mdi-icon-fingers-victory:before {
  content: "";
}

.mdi-icon-gesture-zoom:before {
  content: "";
}

.mdi-icon-gesture-pinch:before {
  content: "";
}

.mdi-icon-fingers-scroll-horizontal:before {
  content: "";
}

.mdi-icon-fingers-scroll-vertical:before {
  content: "";
}

.mdi-icon-fingers-scroll-left:before {
  content: "";
}

.mdi-icon-fingers-scroll-right:before {
  content: "";
}

.mdi-icon-hand2:before {
  content: "";
}

.mdi-icon-pointer-up2:before {
  content: "";
}

.mdi-icon-pointer-right2:before {
  content: "";
}

.mdi-icon-pointer-down2:before {
  content: "";
}

.mdi-icon-pointer-left2:before {
  content: "";
}

.mdi-icon-finger-tap2:before {
  content: "";
}

.mdi-icon-fingers-tap2:before {
  content: "";
}

.mdi-icon-reminder2:before {
  content: "";
}

.mdi-icon-gesture-zoom2:before {
  content: "";
}

.mdi-icon-gesture-pinch2:before {
  content: "";
}

.mdi-icon-fingers-scroll-horizontal2:before {
  content: "";
}

.mdi-icon-fingers-scroll-vertical2:before {
  content: "";
}

.mdi-icon-fingers-scroll-left2:before {
  content: "";
}

.mdi-icon-fingers-scroll-right2:before {
  content: "";
}

.mdi-icon-fingers-scroll-vertical3:before {
  content: "";
}

.mdi-icon-border-style:before {
  content: "";
}

.mdi-icon-border-all:before {
  content: "";
}

.mdi-icon-border-outer:before {
  content: "";
}

.mdi-icon-border-inner:before {
  content: "";
}

.mdi-icon-border-top:before {
  content: "";
}

.mdi-icon-border-horizontal:before {
  content: "";
}

.mdi-icon-border-bottom:before {
  content: "";
}

.mdi-icon-border-left:before {
  content: "";
}

.mdi-icon-border-vertical:before {
  content: "";
}

.mdi-icon-border-right:before {
  content: "";
}

.mdi-icon-border-none:before {
  content: "";
}

.mdi-icon-ellipsis:before {
  content: "";
}

submail-brand {
  width: 180px;
  align-self: center;
  display: flex;
  height: 100%;
  position: relative;
  z-index: 11;
}
submail-brand a {
  align-self: center;
  display: inline-block;
  line-height: inherit;
  white-space: nowrap;
}
submail-brand a img {
  height: 36px;
}

.submail-header {
  height: 65px;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  flex-flow: row nowrap;
  justify-content: flex-start;
  z-index: 1001;
}

nav-products {
  height: 100%;
  width: 50px;
  position: relative;
  z-index: 10;
}
nav-products nav-button {
  width: 50px;
  height: 100%;
  display: inline-block;
  position: relative;
  z-index: 9;
}
nav-products nav-button > label {
  display: block;
  position: absolute;
  top: 7px;
  width: 51px;
  height: 51px;
  cursor: pointer;
  -webkit-transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    -webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
nav-products nav-button:hover > label .nav-products-icon {
  background: #006bfc;
}
nav-products nav {
  width: 230px;
  padding: 0;
  display: flex;
  position: fixed;
  top: 0px;
  z-index: 7;
  height: 65px;
  padding-top: 0px;
  display: flex;
  align-items: start;
  align-content: flex-start;
  flex-wrap: wrap;
  border-radius: 0rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0) !important;
  transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) all;
  border-bottom: 1px solid #e7e7e7;
}
nav-products nav nav-item {
  flex: 0 0 25%;
  max-width: 25%;
  text-align: center;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(1.1) translateY(-24px);
  -ms-transform: scale(1.1) translateY(-24px);
  transform: scale(1.1) translateY(-24px);
  -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
  transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
  transition: opacity 0.15s ease-out, transform 0.15s ease-out,
    -webkit-transform 0.15s ease-out;
}
nav-products nav nav-item a {
  display: block;
  color: #393e49;
}
nav-products nav nav-item a:hover {
  text-decoration: none;
  color: #006bfc;
}
nav-products nav nav-item a:hover i {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transform: scale3d(1.05, 1.05, 1);
}
nav-products nav nav-item a.disabled {
  opacity: 0.5;
}
nav-products nav nav-item i {
  width: 55px;
  height: 55px;
  display: inline-block;
  border-radius: 50%;
  background: #dce0e9;
  border: none;
  margin-bottom: 0.5rem;
  transform: scale3d(1, 1, 1);
  transition: all 0.2s cubic-bezier(0.47, 1.96, 0.54, 1.58);
}
nav-products nav nav-item i svg {
  width: 38px;
  fill: #fff;
  padding-top: 8px;
}
nav-products.active > nav-button > label {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
nav-products.active > nav-button .mdi-nav-products-1 {
  -webkit-transition: -webkit-transform 0.25s 0.2s
    cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
nav-products.active > nav-button .mdi-nav-products-1 .nav-products-icon {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
nav-products.active > nav-button .mdi-nav-products-2 .nav-products-icon {
  opacity: 0;
}
nav-products.active > nav-button .mdi-nav-products-3 {
  -webkit-transition: -webkit-transform 0.25s 0.2s
    cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    -webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
nav-products.active > nav-button .mdi-nav-products-3 .nav-products-icon {
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
nav-products.active nav {
  width: 540px;
  height: 517px;
  padding: 2rem;
  padding-top: 90px;
  border-radius: 1rem !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
nav-products.active nav nav-item {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
nav-products.active nav nav-item:nth-child(0),
nav-products.active nav nav-item:nth-child(1),
nav-products.active nav nav-item:nth-child(2),
nav-products.active nav nav-item:nth-child(3) {
  transition-delay: 200ms;
}
nav-products.active nav nav-item:nth-child(4),
nav-products.active nav nav-item:nth-child(5),
nav-products.active nav nav-item:nth-child(6),
nav-products.active nav nav-item:nth-child(7) {
  transition-delay: 230ms;
}
nav-products.active nav nav-item:nth-child(8),
nav-products.active nav nav-item:nth-child(9),
nav-products.active nav nav-item:nth-child(10),
nav-products.active nav nav-item:nth-child(11) {
  transition-delay: 260ms;
}
nav-products.active nav nav-item:nth-child(12),
nav-products.active nav nav-item:nth-child(13),
nav-products.active nav nav-item:nth-child(14),
nav-products.active nav nav-item:nth-child(15) {
  transition-delay: 290ms;
}
nav-products.active nav nav-item:nth-child(16),
nav-products.active nav nav-item:nth-child(17),
nav-products.active nav nav-item:nth-child(18),
nav-products.active nav nav-item:nth-child(19) {
  transition-delay: 320ms;
}

.mdi-nav-products-1,
.mdi-nav-products-2,
.mdi-nav-products-3 {
  width: 51px;
  height: 51px;
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: -webkit-transform 0.25s
    cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99),
    -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
}

.mdi-nav-products-1 .nav-products-icon {
  -webkit-transition: -webkit-transform 0.2s 0.2s;
  transition: -webkit-transform 0.2s 0.2s;
  transition: transform 0.2s 0.2s;
  transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
}

.mdi-nav-products-2 .nav-products-icon {
  transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) opacity;
}

.mdi-nav-products-3 .nav-products-icon {
  -webkit-transition: -webkit-transform 0.2s 0.2s;
  transition: -webkit-transform 0.2s 0.2s;
  transition: transform 0.2s 0.2s;
  transition: transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
}

.nav-products-icon {
  width: 23px;
  height: 1px;
  background: #49505f;
  top: 25px;
  left: 14px;
  position: absolute;
}

.nav-sms-icon {
  background: #00ff80;
  background: -moz-linear-gradient(top, #00ff80 0%, #27d600 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #00ff80),
    color-stop(100%, #27d600)
  );
  background: -webkit-linear-gradient(top, #00ff80 0%, #27d600 100%);
  background: -o-linear-gradient(top, #00ff80 0%, #27d600 100%);
  background: -ms-linear-gradient(top, #00ff80 0%, #27d600 100%);
  background: linear-gradient(to bottom, #00ff80 0%, #27d600 100%);
}

.nav-intersms-icon {
  background: #6dd8b8;
  background: -moz-linear-gradient(top, #6dd8b8 0%, #56bad9 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #6dd8b8),
    color-stop(100%, #56bad9)
  );
  background: -webkit-linear-gradient(top, #6dd8b8 0%, #56bad9 100%);
  background: -o-linear-gradient(top, #6dd8b8 0%, #56bad9 100%);
  background: -ms-linear-gradient(top, #6dd8b8 0%, #56bad9 100%);
  background: linear-gradient(to bottom, #6dd8b8 0%, #56bad9 100%);
}

.nav-mms-icon {
  background: #fc7a7a;
  background: -moz-linear-gradient(top, #fc7a7a 0%, #f35a5a 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #fc7a7a),
    color-stop(100%, #f35a5a)
  );
  background: -webkit-linear-gradient(top, #fc7a7a 0%, #f35a5a 100%);
  background: -o-linear-gradient(top, #fc7a7a 0%, #f35a5a 100%);
  background: -ms-linear-gradient(top, #fc7a7a 0%, #f35a5a 100%);
  background: linear-gradient(to bottom, #fc7a7a 0%, #f35a5a 100%);
}

.nav-mail-icon {
  background: #569cfe;
  background: -moz-linear-gradient(top, #569cfe 0%, #007efc 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #569cfe),
    color-stop(100%, #007efc)
  );
  background: -webkit-linear-gradient(top, #569cfe 0%, #007efc 100%);
  background: -o-linear-gradient(top, #569cfe 0%, #007efc 100%);
  background: -ms-linear-gradient(top, #569cfe 0%, #007efc 100%);
  background: linear-gradient(to bottom, #569cfe 0%, #007efc 100%);
}

.nav-voice-icon {
  background: #ffaf4b;
  background: -moz-linear-gradient(45deg, #ffaf4b 0%, #ff8b4c 100%);
  background: -webkit-gradient(
    left bottom,
    right top,
    color-stop(0%, #ffaf4b),
    color-stop(100%, #ff8b4c)
  );
  background: -webkit-linear-gradient(45deg, #ffaf4b 0%, #ff8b4c 100%);
  background: -o-linear-gradient(45deg, #ffaf4b 0%, #ff8b4c 100%);
  background: -ms-linear-gradient(45deg, #ffaf4b 0%, #ff8b4c 100%);
  background: linear-gradient(45deg, #ffaf4b 0%, #ff8b4c 100%);
}

.nav-shorturl-icon {
  background: #34e084;
  background: -moz-linear-gradient(top, #34e084 0%, #00c85d 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #34e084),
    color-stop(100%, #00c85d)
  );
  background: -webkit-linear-gradient(top, #34e084 0%, #00c85d 100%);
  background: -o-linear-gradient(top, #34e084 0%, #00c85d 100%);
  background: -ms-linear-gradient(top, #34e084 0%, #00c85d 100%);
  background: linear-gradient(to bottom, #34e084 0%, #00c85d 100%);
}

.nav-account-icon {
  background: #fd8346;
  background: -moz-linear-gradient(top, #fd8346 0%, #ffd900 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #fd8346),
    color-stop(100%, #ffd900)
  );
  background: -webkit-linear-gradient(top, #fd8346 0%, #ffd900 100%);
  background: -o-linear-gradient(top, #fd8346 0%, #ffd900 100%);
  background: -ms-linear-gradient(top, #fd8346 0%, #ffd900 100%);
  background: linear-gradient(to bottom, #fd8346 0%, #ffd900 100%);
}

.nav-store-icon {
  background: #fa948e;
  background: -moz-linear-gradient(top, #fa948e 0%, #f66b63 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #fa948e),
    color-stop(100%, #f66b63)
  );
  background: -webkit-linear-gradient(top, #fa948e 0%, #f66b63 100%);
  background: -o-linear-gradient(top, #fa948e 0%, #f66b63 100%);
  background: -ms-linear-gradient(top, #fa948e 0%, #f66b63 100%);
  background: linear-gradient(to bottom, #fa948e 0%, #f66b63 100%);
}

.nav-doc-icon {
  background: #dce0e9;
  background: -moz-linear-gradient(top, #dce0e9 0%, #878c96 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #dce0e9),
    color-stop(100%, #878c96)
  );
  background: -webkit-linear-gradient(top, #dce0e9 0%, #878c96 100%);
  background: -o-linear-gradient(top, #dce0e9 0%, #878c96 100%);
  background: -ms-linear-gradient(top, #dce0e9 0%, #878c96 100%);
  background: linear-gradient(to bottom, #dce0e9 0%, #878c96 100%);
}

.nav-prolicy-icon {
  background: #499bea;
  background: -moz-linear-gradient(top, #499bea 0%, #207ce5 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #499bea),
    color-stop(100%, #207ce5)
  );
  background: -webkit-linear-gradient(top, #499bea 0%, #207ce5 100%);
  background: -o-linear-gradient(top, #499bea 0%, #207ce5 100%);
  background: -ms-linear-gradient(top, #499bea 0%, #207ce5 100%);
  background: linear-gradient(to bottom, #499bea 0%, #207ce5 100%);
}

.nav-lab-icon {
  background: #ff5eb9;
  background: -moz-linear-gradient(top, #ff5eb9 0%, #ed0351 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #ff5eb9),
    color-stop(100%, #ed0351)
  );
  background: -webkit-linear-gradient(top, #ff5eb9 0%, #ed0351 100%);
  background: -o-linear-gradient(top, #ff5eb9 0%, #ed0351 100%);
  background: -ms-linear-gradient(top, #ff5eb9 0%, #ed0351 100%);
  background: linear-gradient(to bottom, #ff5eb9 0%, #ed0351 100%);
}

.nav-smartsms-icon {
  background: #9f8cff;
  background: -moz-linear-gradient(top, #9f8cff 0%, #8d50ff 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #9f8cff),
    color-stop(100%, #8d50ff)
  );
  background: -webkit-linear-gradient(top, #9f8cff 0%, #8d50ff 100%);
  background: -o-linear-gradient(top, #9f8cff 0%, #8d50ff 100%);
  background: -ms-linear-gradient(top, #9f8cff 0%, #8d50ff 100%);
  background: linear-gradient(to bottom, #9f8cff 0%, #8d50ff 100%);
}

.nav-onepass-icon {
  background: #f078b4;
  background: -moz-linear-gradient(top, #f078b4 0%, #f032aa 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #f078b4),
    color-stop(100%, #f032aa)
  );
  background: -webkit-linear-gradient(top, #f078b4 0%, #f032aa 100%);
  background: -o-linear-gradient(top, #f078b4 0%, #f032aa 100%);
  background: -ms-linear-gradient(top, #f078b4 0%, #f032aa 100%);
  background: linear-gradient(to bottom, #f078b4 0%, #f032aa 100%);
}

.nav-digisms-icon {
  background: #ff7fc5;
  background: -moz-linear-gradient(top, #ff7fc5 0%, #b300e9 100%);
  background: -webkit-gradient(
    left top,
    left bottom,
    color-stop(0%, #ff7fc5),
    color-stop(100%, #b300e9)
  );
  background: -webkit-linear-gradient(top, #ff7fc5 0%, #b300e9 100%);
  background: -o-linear-gradient(top, #ff7fc5 0%, #b300e9 100%);
  background: -ms-linear-gradient(top, #ff7fc5 0%, #b300e9 100%);
  background: linear-gradient(to bottom, #ff7fc5 0%, #b300e9 100%);
}

.nav-identification-icon {
  background: #8570ff;
  background: -moz-linear-gradient(45deg, #8570ff 0%, #007afc 100%);
  background: -webkit-gradient(
    left bottom,
    right top,
    color-stop(0%, #8570ff),
    color-stop(100%, #007afc)
  );
  background: -webkit-linear-gradient(45deg, #8570ff 0%, #007afc 100%);
  background: -o-linear-gradient(45deg, #8570ff 0%, #007afc 100%);
  background: -ms-linear-gradient(45deg, #8570ff 0%, #007afc 100%);
  background: linear-gradient(45deg, #8570ff 0%, #007afc 100%);
}

.nav-home-icon {
  background: #fff;
  border: 1px solid #e7e7e7;
}

.nav-bar {
  width: 100%;
  display: flex;
  align-items: center;
}

top-nav badge,
top-nav .badge {
  position: relative;
  top: -2px;
}

top-nav {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
  height: 100%;
  border-bottom: 1px solid #e7e7e7;
  z-index: -2;
}
top-nav badge,
top-nav .badge {
  position: relative;
  top: -2px;
}
top-nav nav nav-item a {
  color: #393e49;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
top-nav nav nav-item a:hover {
  color: #006bfc;
  text-decoration: none;
}
top-nav nav nav-item a:active {
  color: #006bfc;
}
top-nav nav nav-item a:focus {
  color: #006bfc;
  outline: 0 !important;
}
top-nav nav nav-item .dropdown-menu {
  min-width: 5rem;
}

submail-sidebar {
  border-right: 1px solid #e7e7e7;
  position: fixed;
  bottom: 0px;
  top: 65px;
  width: 230px;
  display: flex;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-y: auto;
  z-index: 1000;
}
submail-sidebar > nav {
  max-width: 100%;
  flex-grow: 1;
  display: block;
  transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) all;
}
submail-sidebar > nav > nav-title {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  padding-left: 1.5rem;
  color: #a1a8b7;
  display: block;
}
submail-sidebar > nav > nav-item a {
  padding: 0.5rem 0 0.5rem 2rem;
  display: block;
  color: #282b31;
  font-weight: 300;
  border-left: 5px solid transparent;
}
submail-sidebar > nav > nav-item a:hover {
  color: #006bfc;
  border-left: 5px solid #dce0e9;
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
submail-sidebar > nav > nav-item a.active,
submail-sidebar > nav > nav-item a.active:hover {
  color: #006bfc;
  border-left: 5px solid #006bfc;
  background-color: rgba(0, 127, 252, 0.1);
  text-decoration: none;
  font-weight: 400;
}
submail-sidebar > nav > nav-item sub-item {
  display: block;
  padding: 0.25rem 0 0.25rem 2.5rem;
  font-size: 85%;
  color: #49505f;
}
submail-sidebar > nav > nav-item sub-item sub-nav-item {
  display: block;
  padding: 0.25rem 0;
}

submail-doc-sidebar {
  position: fixed;
  bottom: 0px;
  top: 65px;
  width: 250px;
  display: flex;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow-y: auto;
  z-index: 9;
}
submail-doc-sidebar > nav {
  max-width: 100%;
  flex-grow: 1;
  display: block;
  transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) all;
}
submail-doc-sidebar > nav > nav-title {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  padding-left: 1.5rem;
  color: #a1a8b7;
  font-weight: 300;
  display: block;
}
submail-doc-sidebar > nav > nav-item > a {
  padding: 0.6rem 0 0.6rem 2rem;
  display: block;
  color: #282b31;
  font-weight: 400;
  border-right: 5px solid transparent;
  position: relative;
}
submail-doc-sidebar > nav > nav-item > a:hover {
  color: #006bfc;
  border-right: 5px solid #dce0e9;
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
submail-doc-sidebar > nav > nav-item > a.active,
submail-doc-sidebar > nav > nav-item > a.active:hover {
  color: #006bfc;
  border-right: 5px solid #006bfc;
  background-color: rgba(0, 127, 252, 0.1);
  text-decoration: none;
  font-weight: 400;
}
submail-doc-sidebar > nav > nav-item > a.active.nav-layer + nav {
  display: block;
}
submail-doc-sidebar > nav > nav-item > a.nav-layer:before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  text-align: right;
  font-size: 8px;
  font-weight: 800;
  position: absolute;
  left: 1rem;
  top: 1rem;
}
submail-doc-sidebar > nav > nav-item > a.active.nav-layer::before {
  content: "";
}
submail-doc-sidebar > nav > nav-item > a.nav-layer,
submail-doc-sidebar > nav > nav-item > a.active.nav-layer {
  border: none;
}
submail-doc-sidebar > nav > nav-item > a.active.nav-layer {
  background: none;
}
submail-doc-sidebar > nav > nav-item > a.active.nav-layer:hover {
  background: rgba(0, 127, 252, 0.1);
}
submail-doc-sidebar > nav > nav-item > nav {
  max-width: 100%;
  flex-grow: 1;
  display: none;
  transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) all;
  margin-left: 1.2rem;
  border-left: 1px solid #e7e7e7;
}
submail-doc-sidebar > nav > nav-item > nav nav-item {
  display: block;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a {
  padding: 0.6rem 0 0.6rem 2rem;
  display: block;
  color: #282b31;
  font-weight: 300;
  position: relative;
  border-right: 5px solid transparent;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a:hover {
  color: #006bfc;
  border-right: 5px solid #dce0e9;
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a.active,
submail-doc-sidebar > nav > nav-item > nav nav-item a.active:hover {
  color: #006bfc;
  text-decoration: none;
  border-right: 5px solid #006bfc;
  background-color: rgba(0, 127, 252, 0.1);
  font-weight: 400;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a.active.nav-layer + nav {
  display: block;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a.nav-layer:before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  text-align: right;
  font-size: 8px;
  font-weight: 800;
  position: absolute;
  left: 0.75rem;
  top: 1rem;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a.nav-layer.active::before {
  content: "";
}
submail-doc-sidebar > nav > nav-item > nav nav-item a.nav-layer,
submail-doc-sidebar > nav > nav-item > nav nav-item a.active.nav-layer {
  border: none;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a.active.nav-layer {
  background: none;
}
submail-doc-sidebar > nav > nav-item > nav nav-item a.active.nav-layer:hover {
  background: rgba(0, 127, 252, 0.1);
}
submail-doc-sidebar > nav > nav-item > nav nav-item nav {
  max-width: 100%;
  flex-grow: 1;
  display: none;
  transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) all;
  margin-left: 1rem;
  border-left: 1px solid #006bfc;
}
submail-doc-sidebar > nav > nav-item > nav nav-item nav nav-item {
  display: block;
}
submail-doc-sidebar > nav > nav-item > nav nav-item nav nav-item a {
  padding: 0.6rem 0 0.6rem 2rem;
  display: block;
  color: #49505f;
  font-size: 0.9rem;
  font-weight: 300;
  border-right: 5px solid transparent;
}
submail-doc-sidebar > nav > nav-item > nav nav-item nav nav-item a:hover {
  color: #006bfc;
  border-right: 5px solid #dce0e9;
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
submail-doc-sidebar > nav > nav-item > nav nav-item nav nav-item a.active,
submail-doc-sidebar
  > nav
  > nav-item
  > nav
  nav-item
  nav
  nav-item
  a.active:hover {
  color: #006bfc;
  border-right: 5px solid #006bfc;
  background-color: rgba(0, 127, 252, 0.1);
  text-decoration: none;
  font-weight: 400;
}
submail-doc-sidebar
  > nav
  > nav-item
  > nav
  nav-item
  nav
  nav-item
  a.active
  + nav {
  display: block;
}
submail-doc-sidebar > nav > nav-item > nav nav-item nav nav-item a.nav-layer,
submail-doc-sidebar
  > nav
  > nav-item
  > nav
  nav-item
  nav
  nav-item
  a.active.nav-layer {
  border: none;
}
submail-doc-sidebar
  > nav
  > nav-item
  > nav
  nav-item
  nav
  nav-item
  a.active.nav-layer {
  background: none;
}
submail-doc-sidebar
  > nav
  > nav-item
  > nav
  nav-item
  nav
  nav-item
  a.active.nav-layer:hover {
  background: rgba(0, 127, 252, 0.1);
}

#console main {
  max-width: 100%;
  margin-left: 230px;
  margin-top: 65px;
}

submail-content {
  display: block;
  margin-top: 60px;
}

.logo-st0 {
  fill: #0168ff;
}

.logo-st1 {
  fill: #ff2448;
}

.logo-st2 {
  fill: #43ffbb;
}

.logo-st3 {
  fill: #ff488a;
}

footer {
  padding: 1rem 0;
  color: #a1a8b7;
}
footer a {
  color: #41464f;
}
footer a:hover {
  color: #282b31;
}

@media (max-width: 575.98px) {
  submail-sidebar nav > *:nth-child(1),
  submail-doc-sidebar nav > *:nth-child(1) {
    -webkit-transition-delay: 210ms;
    transition-delay: 210ms;
  }

  submail-sidebar nav > *:nth-child(2),
  submail-doc-sidebar nav > *:nth-child(2) {
    -webkit-transition-delay: 220ms;
    transition-delay: 220ms;
  }

  submail-sidebar nav > *:nth-child(3),
  submail-doc-sidebar nav > *:nth-child(3) {
    -webkit-transition-delay: 230ms;
    transition-delay: 230ms;
  }

  submail-sidebar nav > *:nth-child(4),
  submail-doc-sidebar nav > *:nth-child(4) {
    -webkit-transition-delay: 240ms;
    transition-delay: 240ms;
  }

  submail-sidebar nav > *:nth-child(5),
  submail-doc-sidebar nav > *:nth-child(5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
  }

  submail-sidebar nav > *:nth-child(6),
  submail-doc-sidebar nav > *:nth-child(6) {
    -webkit-transition-delay: 260ms;
    transition-delay: 260ms;
  }

  submail-sidebar nav > *:nth-child(7),
  submail-doc-sidebar nav > *:nth-child(7) {
    -webkit-transition-delay: 270ms;
    transition-delay: 270ms;
  }

  submail-sidebar nav > *:nth-child(8),
  submail-doc-sidebar nav > *:nth-child(8) {
    -webkit-transition-delay: 280ms;
    transition-delay: 280ms;
  }

  submail-sidebar nav > *:nth-child(9),
  submail-doc-sidebar nav > *:nth-child(9) {
    -webkit-transition-delay: 290ms;
    transition-delay: 290ms;
  }

  submail-sidebar nav > *:nth-child(10),
  submail-doc-sidebar nav > *:nth-child(10) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
  }

  submail-sidebar nav > *:nth-child(11),
  submail-doc-sidebar nav > *:nth-child(11) {
    -webkit-transition-delay: 310ms;
    transition-delay: 310ms;
  }

  submail-sidebar nav > *:nth-child(12),
  submail-doc-sidebar nav > *:nth-child(12) {
    -webkit-transition-delay: 320ms;
    transition-delay: 320ms;
  }

  submail-sidebar nav > *:nth-child(13),
  submail-doc-sidebar nav > *:nth-child(13) {
    -webkit-transition-delay: 330ms;
    transition-delay: 330ms;
  }

  submail-sidebar nav > *:nth-child(14),
  submail-doc-sidebar nav > *:nth-child(14) {
    -webkit-transition-delay: 340ms;
    transition-delay: 340ms;
  }

  submail-sidebar nav > *:nth-child(15),
  submail-doc-sidebar nav > *:nth-child(15) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
  }

  submail-sidebar nav > *:nth-child(16),
  submail-doc-sidebar nav > *:nth-child(16) {
    -webkit-transition-delay: 360ms;
    transition-delay: 360ms;
  }

  submail-sidebar nav > *:nth-child(17),
  submail-doc-sidebar nav > *:nth-child(17) {
    -webkit-transition-delay: 370ms;
    transition-delay: 370ms;
  }

  submail-sidebar nav > *:nth-child(18),
  submail-doc-sidebar nav > *:nth-child(18) {
    -webkit-transition-delay: 380ms;
    transition-delay: 380ms;
  }

  submail-sidebar nav > *:nth-child(19),
  submail-doc-sidebar nav > *:nth-child(19) {
    -webkit-transition-delay: 390ms;
    transition-delay: 390ms;
  }

  submail-sidebar nav > *:nth-child(20),
  submail-doc-sidebar nav > *:nth-child(20) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
  }

  submail-sidebar nav > *:nth-child(21),
  submail-doc-sidebar nav > *:nth-child(21) {
    -webkit-transition-delay: 410ms;
    transition-delay: 410ms;
  }

  submail-sidebar nav > *:nth-child(22),
  submail-doc-sidebar nav > *:nth-child(22) {
    -webkit-transition-delay: 420ms;
    transition-delay: 420ms;
  }

  submail-sidebar nav > *:nth-child(23),
  submail-doc-sidebar nav > *:nth-child(23) {
    -webkit-transition-delay: 430ms;
    transition-delay: 430ms;
  }

  submail-sidebar nav > *:nth-child(24),
  submail-doc-sidebar nav > *:nth-child(24) {
    -webkit-transition-delay: 440ms;
    transition-delay: 440ms;
  }

  submail-sidebar nav > *:nth-child(25),
  submail-doc-sidebar nav > *:nth-child(25) {
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
  }

  submail-sidebar nav > *:nth-child(26),
  submail-doc-sidebar nav > *:nth-child(26) {
    -webkit-transition-delay: 460ms;
    transition-delay: 460ms;
  }

  submail-sidebar nav > *:nth-child(27),
  submail-doc-sidebar nav > *:nth-child(27) {
    -webkit-transition-delay: 470ms;
    transition-delay: 470ms;
  }

  submail-sidebar nav > *:nth-child(28),
  submail-doc-sidebar nav > *:nth-child(28) {
    -webkit-transition-delay: 480ms;
    transition-delay: 480ms;
  }

  submail-sidebar nav > *:nth-child(29),
  submail-doc-sidebar nav > *:nth-child(29) {
    -webkit-transition-delay: 490ms;
    transition-delay: 490ms;
  }

  submail-sidebar nav > *:nth-child(30),
  submail-doc-sidebar nav > *:nth-child(30) {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
  }

  submail-sidebar nav > *:nth-child(31),
  submail-doc-sidebar nav > *:nth-child(31) {
    -webkit-transition-delay: 510ms;
    transition-delay: 510ms;
  }

  submail-sidebar nav > *:nth-child(32),
  submail-doc-sidebar nav > *:nth-child(32) {
    -webkit-transition-delay: 520ms;
    transition-delay: 520ms;
  }

  submail-sidebar nav > *:nth-child(33),
  submail-doc-sidebar nav > *:nth-child(33) {
    -webkit-transition-delay: 530ms;
    transition-delay: 530ms;
  }

  submail-sidebar nav > *:nth-child(34),
  submail-doc-sidebar nav > *:nth-child(34) {
    -webkit-transition-delay: 540ms;
    transition-delay: 540ms;
  }

  submail-sidebar nav > *:nth-child(35),
  submail-doc-sidebar nav > *:nth-child(35) {
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms;
  }

  submail-sidebar nav > *:nth-child(36),
  submail-doc-sidebar nav > *:nth-child(36) {
    -webkit-transition-delay: 560ms;
    transition-delay: 560ms;
  }

  submail-sidebar nav > *:nth-child(37),
  submail-doc-sidebar nav > *:nth-child(37) {
    -webkit-transition-delay: 570ms;
    transition-delay: 570ms;
  }

  submail-sidebar nav > *:nth-child(38),
  submail-doc-sidebar nav > *:nth-child(38) {
    -webkit-transition-delay: 580ms;
    transition-delay: 580ms;
  }

  submail-sidebar nav > *:nth-child(39),
  submail-doc-sidebar nav > *:nth-child(39) {
    -webkit-transition-delay: 590ms;
    transition-delay: 590ms;
  }

  submail-sidebar nav > *:nth-child(40),
  submail-doc-sidebar nav > *:nth-child(40) {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
  }
}
.documents submail-brand {
  width: 250px;
}
.documents submail-brand a {
  padding-left: 1rem;
}
.documents header {
  border-bottom: 1px solid #e7e7e7;
}
.documents top-nav {
  border-bottom: none;
}
.documents main {
  margin-left: 250px;
}

@media screen and (max-width: 578px) {
  .documents main {
    margin-left: 0px;
  }
}

.documents nav-products.active nav {
  height: 440px;
}
.documents nav-products.active nav nav-item {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.documents nav-products.active nav nav-item:nth-child(0),
.documents nav-products.active nav nav-item:nth-child(1),
.documents nav-products.active nav nav-item:nth-child(2),
.documents nav-products.active nav nav-item:nth-child(3) {
  transition-delay: 200ms;
}
.documents nav-products.active nav nav-item:nth-child(4),
.documents nav-products.active nav nav-item:nth-child(5),
.documents nav-products.active nav nav-item:nth-child(6),
.documents nav-products.active nav nav-item:nth-child(7) {
  transition-delay: 230ms;
}
.documents nav-products.active nav nav-item:nth-child(8),
.documents nav-products.active nav nav-item:nth-child(9),
.documents nav-products.active nav nav-item:nth-child(10),
.documents nav-products.active nav nav-item:nth-child(11) {
  transition-delay: 260ms;
}
.documents nav-products.active nav nav-item:nth-child(12),
.documents nav-products.active nav nav-item:nth-child(13),
.documents nav-products.active nav nav-item:nth-child(14),
.documents nav-products.active nav nav-item:nth-child(15) {
  transition-delay: 290ms;
}
.documents nav-products.active nav nav-item:nth-child(16),
.documents nav-products.active nav nav-item:nth-child(17),
.documents nav-products.active nav nav-item:nth-child(18),
.documents nav-products.active nav nav-item:nth-child(19) {
  transition-delay: 320ms;
}

.lab-http-request-form {
  margin: 0 auto;
}
.lab-http-request-form > cell {
  display: flex;
  border-top: 1px solid #c6cbd1;
  border-right: 1px solid #c6cbd1;
}
.lab-http-request-form > cell:first-child {
  border-left: 1px solid #c6cbd1;
}
.lab-http-request-form > cell input {
  border: 1px solid transparent;
  background-color: transparent;
}
.lab-http-request-form.title > cell {
  background-color: #f6f8fa;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.lab-http-request-form:last-child {
  border-bottom: 1px solid #c6cbd1;
}
.lab-http-request-form:hover {
  background-color: #e7e7e7;
}

.form-data-type input[type="radio"]:disabled + label {
  color: #dce0e9;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-3px, 0, 0);
  }
  20%,
  80% {
    transform: translate3d(5px, 0, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-7px, 0, 0);
  }
  40%,
  60% {
    transform: translate3d(9px, 0, 0);
  }
}
.shake {
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"),
    url("../font/Roboto.woff2") format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
    U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"),
    url("../font/Roboto.woff2") format("woff2");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"),
    url("../font/Roboto.woff2") format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"),
    url("../font/Roboto.woff2") format("woff2");
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"),
    url("../font/Roboto.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"),
    url("../font/Roboto.woff2") format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: local("Roboto Light"), local("Roboto-Light"),
    url("../font/RobotoLatin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}
.font-roboto {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@keyframes scalebtn {
  0% {
    opacity: 0.8;
    -webkit-transform: scale3d(0.9, 0.9, 1);
  }
  65% {
    opacity: 1;
    -webkit-transform: scale3d(1.02, 1.02, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1.01, 1.01, 1);
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scalebtn2 {
  0% {
    opacity: 0.8;
    -webkit-transform: scale3d(1, 1, 1);
  }
  65% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes scale-out {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes scale-feedback {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.2, 0.2, 1);
  }
  65% {
    opacity: 1;
    -webkit-transform: scale3d(1.02, 1.02, 1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes scale-feedback-out {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0.9, 0.9, 1);
  }
  65% {
    opacity: 1;
    -webkit-transform: scale3d(1.02, 1.02, 1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
  }
}
.zoom {
  transition: opacity 0.2s cubic-bezier(0.55, 0.53, 0.66, 1.1);
  transition-delay: 0.3s;
}

.zoom:not(.show) {
  transform: scale3d(0, 0, 1);
  opacity: 0;
}

.zoom.show {
  transform: scale3d(1, 1, 1);
  opacity: 1;
}

@keyframes styled-pop {
  0% {
    opacity: 0;
    transform: scale(0.25, 0.25);
    -webkit-filter: blur(1.5rem);
    -moz-filter: blur(1.5rem);
    -ms-filter: blur(1.5rem);
    filter: blur(1.5rem);
  }
  65% {
    opacity: 1;
    transform: scale(1.02, 1.02);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1);
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
  }
}
@keyframes styled-pop-out {
  0% {
    opacity: 1;
    transform: scale(1, 1);
  }
  35% {
    opacity: 1;
    transform: scale(1.02, 1.02);
  }
  100% {
    opacity: 0;
    transform: scale(0.55, 0.55);
    -webkit-filter: blur(0.5rem);
    -moz-filter: blur(0.5rem);
    -ms-filter: blur(0.5rem);
    filter: blur(0.5rem);
  }
}
@keyframes pop {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popup {
  0% {
    transform: scale(1);
  }
  60% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.popup {
  animation-duration: 250ms;
  animation-name: popup;
  animation-timing-function: ease-in-out;
}

.styled-pop {
  animation-duration: 350ms;
  animation-name: styled-pop;
  animation-timing-function: ease-in-out;
}

.styled-pop-out {
  animation-duration: 100ms;
  animation-name: styled-pop-out;
  animation-timing-function: ease-in-out;
}

@keyframes scalein {
  0% {
    transform: scale3d(0.1, 0.1, 1);
    -webkit-transform: scale3d(0.1, 0.1, 1);
    opacity: 0;
  }
  100% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes scalein {
  0% {
    transform: scale3d(0.1, 0.1, 1);
    -webkit-transform: scale3d(0.1, 0.1, 1);
    opacity: 0;
  }
  100% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.scalein > nav-item {
  animation-duration: 350ms;
  animation-name: scalein;
  animation-timing-function: cubic-bezier(0.32, 0.99, 0.03, 1.55);
  -webkit-animation-duration: 350ms;
  -webkit-animation-name: scalein;
  -webkit-animation-timing-function: cubic-bezier(0.32, 0.99, 0.03, 1.55);
}

@keyframes leftin {
  0% {
    position: absolute;
    transform: translate3d(-100%, 0px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    display: block !important;
    opacity: 0;
  }
  100% {
    transform: translate3d(0%, 0px, 0px);
    opacity: 1;
  }
}
@keyframes leftout {
  0% {
    position: absolute;
    transform: translate3d(0%, 0px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    display: block !important;
    opacity: 1;
  }
  100% {
    transform: translate3d(-100%, 0px, 0px);
    opacity: 0;
  }
}
@keyframes rightin {
  0% {
    position: absolute;
    transform: translate3d(100%, 0px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    display: block !important;
    opacity: 0;
  }
  100% {
    transform: translate3d(0%, 0px, 0px);
    opacity: 1;
  }
}
@keyframes rightout {
  0% {
    position: absolute;
    transform: translate3d(0%, 0px, 0px);
    top: 0px;
    left: 0px;
    will-change: transform;
    display: block !important;
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0px, 0px);
    opacity: 0;
  }
}
.leftin {
  animation-duration: 350ms;
  animation-name: leftin;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 350ms;
  -webkit-animation-name: leftin;
  -webkit-animation-timing-function: ease-in-out;
}

.leftout {
  animation-duration: 350ms;
  animation-name: leftout;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 350ms;
  -webkit-animation-name: leftout;
  -webkit-animation-timing-function: ease-in-out;
}

.rightin {
  animation-duration: 350ms;
  animation-name: rightin;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 350ms;
  -webkit-animation-name: rightin;
  -webkit-animation-timing-function: ease-in-out;
}

.rightout {
  animation-duration: 350ms;
  animation-name: rightout;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 350ms;
  -webkit-animation-name: rightout;
  -webkit-animation-timing-function: ease-in-out;
}

@keyframes slideupIn {
  0% {
    transform: translate(0px, 1000px);
    -webkit-transform: translate(0px, 1000px);
    opacity: 0;
  }
  100% {
    transform: translate3d(0px, 0px);
    -webkit-transform: translate3d(0px, 0px);
    opacity: 1;
  }
}
@-webkit-keyframes slideupIn {
  0% {
    transform: translate(0px, 1000px);
    -webkit-transform: translate3d(0px, 1000px);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    opacity: 1;
  }
}
@keyframes slidedownOut {
  0% {
    transform: translate(0px, 0px);
    -webkit-transform: translate3d(0px, 0px);
  }
  100% {
    transform: translate(0px, 1000px);
    -webkit-transform: translate3d(0px, 1000px);
    opacity: 0;
  }
}
@-webkit-keyframes slidedownOut {
  0% {
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
  }
  100% {
    transform: translate(0px, 1000px);
    -webkit-transform: translate(0px, 1000px);
    opacity: 0;
  }
}
.slideupIn {
  animation-duration: 300ms;
  animation-name: slideupIn;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 300ms;
  -webkit-animation-name: slideupIn;
  -webkit-animation-timing-function: ease-in-out;
}

.slidedownOut {
  animation-duration: 300ms;
  animation-name: slidedownOut;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 300ms;
  -webkit-animation-name: slidedownOut;
  -webkit-animation-timing-function: ease-in-out;
}

.slide-in-elliptic-bottom-fwd {
  -webkit-animation: slide-in-elliptic-bottom-fwd 0.35s
    cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-elliptic-bottom-fwd 0.35s
    cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

mdi-feedback {
  position: fixed;
  bottom: 10px;
  right: 10px;
  display: inline;
  z-index: 1030;
}
mdi-feedback.active {
  left: 10px;
}
mdi-feedback .mdi-chat-btn {
  position: absolute;
  right: 0px;
  bottom: 0px;
  transform: scale3d(1, 1, 1);
  opacity: 1;
  z-index: 50;
  transition: all 0.2s cubic-bezier(0.32, 0.99, 0.03, 1.55);
}
mdi-feedback .mdi-chat-btn:hover {
  transform: scale3d(1.05, 1.05, 1);
}
mdi-feedback .mdi-chat-btn.out {
  transform: scale3d(0.5, 0.5, 1);
  opacity: 0;
  pointer-events: none;
}
mdi-feedback .mdi-chat-btn badge {
  position: absolute;
  top: 0px;
  right: 0px;
}
mdi-feedback .mdi-chat-close-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
  transform: scale(1);
  opacity: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}
mdi-feedback .mdi-chat-close-btn.out {
  transform: scale(0);
  opacity: 0;
  pointer-events: none;
}

mdi-feedback-content {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 560px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px 10px 30px 10px;
  opacity: 1;
  transform: scale3d(1, 1, 1);
  transform-origin: 100% 100%;
  -webkit-transition: transform 0.2s cubic-bezier(0.56, 0.04, 0.36, 1.13),
    opacity 0.2s cubic-bezier(0.55, 0.53, 0.66, 1.1);
  transition: transform 0.2s cubic-bezier(0.56, 0.04, 0.36, 1.13),
    opacity 0.2s cubic-bezier(0.55, 0.53, 0.66, 1.1);
}
mdi-feedback-content.out {
  opacity: 0 !important;
  transform: scale3d(0, 0, 1);
}
mdi-feedback-content > grid {
  height: 100%;
}
mdi-feedback-content > grid .mdi-feedback-content-cell {
  border-radius: 10px 0 0 10px;
  height: 100%;
}
mdi-feedback-content > grid .mdi-feedback-content-cell > grid {
  height: 100%;
}
mdi-feedback-content > grid .mdi-feedback-content-cell mdi-tab-pane {
  height: 100%;
}
mdi-feedback-content > grid .mdi-feedback-content-cell mdi-tab-pane > div {
  height: 100%;
}
mdi-feedback-content > grid .mdi-feedback-sidebar-cell {
  width: 61px;
  max-width: 61px;
  padding: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  height: 100%;
  background: white;
  text-align: center;
  border-radius: 0 10px 30px 0;
}

.mdi-feedback-header {
  width: 100%;
  height: 67px;
  display: block;
}

.mdi-feedback-history {
  display: block;
  width: 100%;
  height: calc(100% - 67px);
}

.mdi-feedback-chat {
  display: block;
  width: 100%;
  height: calc(100% - 205px);
}

.mdi-feedback-footer {
  width: 100%;
  height: 136px;
  display: block;
}

.mdi-feedback-editor {
  width: 100%;
  height: calc(100% - 37px);
  position: relative;
  display: block;
}

.mdi-feedback-progress {
  height: 1.5rem;
}

.mdi-feedback-progress > grid > cell {
  font-size: 0.75rem;
  color: #dce0e9;
  border-bottom: 1px solid #e7e7e7;
}

.mdi-feedback-progress .active {
  border-bottom-color: #006bfc;
}

.mdi-feedback-progress .complete {
  border-bottom-color: #dce0e9;
}

.mdi-mmt-input {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.5rem;
  overflow: scroll;
  word-break: break-all;
  overflow-wrap: break-word;
  border-radius: 0.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mdi-mmt-input:focus {
  outline: 0;
  color: #49505f;
  background-color: #fff;
  border-color: rgba(38, 129, 252, 0.75);
  outline: 0;
}
.mdi-mmt-input img {
  max-width: 50%;
}

mdi-chat {
  width: 100%;
  height: 100%;
  display: block;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 2rem;
}
mdi-chat .warp {
  padding: 1rem 0;
}

mdi-chat-message {
  display: flex;
  flex-wrap: wrap;
  max-width: 85%;
  margin: 0;
  padding-bottom: 1.75rem;
}
mdi-chat-message .mdi-chat-emoji {
  pointer-events: none !important;
}
mdi-chat-message .icon {
  width: 46px;
  max-width: 46px;
  height: 46px;
  background: #e7e7e7;
  border: 1px solid #dce0e9;
  border-radius: 50%;
  padding: 0;
  color: #a1a8b7;
  font-size: 1.5rem;
  line-height: 42px;
  text-align: center;
  overflow: hidden;
}
mdi-chat-message .icon img {
  max-height: 100%;
  margin-top: -4px;
  pointer-events: none;
}
mdi-chat-message .timer {
  position: absolute;
  bottom: -1.3rem;
  font-size: 0.7rem;
  color: #a1a8b7;
}
mdi-chat-message .message {
  position: relative;
  border-radius: 0.25rem;
  background: #e7e7e7;
  padding: 0.8rem 1rem;
  min-height: 2.65rem;
  word-break: break-all;
  overflow-wrap: break-word;
}
mdi-chat-message .message .mdi-chat-attachment {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
  padding: 0.5rem 0.5rem 0.1rem 0.5rem;
}
mdi-chat-message .message .mdi-chat-attachment .mdi-chat-upload-progress {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10;
}
mdi-chat-message
  .message
  .mdi-chat-attachment
  .mdi-chat-upload-progress
  .mdi-chat-upload {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 0%;
  background-color: rgba(23, 193, 61, 0.3);
}
mdi-chat-message .message img {
  max-width: 100%;
  border-radius: 0.5rem;
  cursor: zoom-in;
}
mdi-chat-message .message::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 0.75rem solid transparent;
  border-right: 0.75rem solid transparent;
  border-bottom: 0.75rem solid transparent;
  border-left: 0.75rem solid transparent;
  position: absolute;
  top: 0.75rem;
}

mdi-chat-message.ml-auto .icon {
  order: 2;
}
mdi-chat-message.ml-auto .timer {
  right: 1rem;
  text-align: right;
}
mdi-chat-message.ml-auto .message {
  margin-left: auto;
  background: #006bfc;
  color: #fff;
}
mdi-chat-message.ml-auto .message .mdi-chat-attachment {
  color: #282b31;
}
mdi-chat-message.ml-auto .message::after {
  border-left: 0.75rem solid #006bfc;
  right: -1.25rem;
}

mdi-chat-message.mr-auto .message {
  margin-right: auto;
}
mdi-chat-message.mr-auto .message::after {
  border-right: 0.75rem solid #e7e7e7;
  left: -1.25rem;
}

.uploading-file {
  position: absolute;
  top: 30px;
  line-height: 0;
  left: 25px;
  font-size: 1.25rem !important;
  font-weight: 800;
  animation: spinner-border 1.5s linear infinite;
}

.mdi-chat-emoji {
  width: 32px;
}

mdi-notif,
mdi-notif-header,
mdi-notif-content,
notif-badge {
  display: block;
}

mdi-notif .mdi-notif-event:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

mdi-notif .close-notif {
  position: relative;
  z-index: 9;
}
mdi-notif .close-notif:hover {
  color: #006bfc;
}
mdi-notif .close-notif:active,
mdi-notif .close-notif:focus {
  outline: 0;
  box-shadow: none;
}

mdi-notif-header,
mdi-notif-content {
  padding-left: 15px;
  padding-right: 15px;
}

mdi-notif-header h6 {
  font-size: 0.9rem;
  margin-bottom: 0;
}

mdi-notif-header badge {
  font-size: 0.6rem;
  color: rgba(0, 0, 0, 0.5);
}

mdi-notif {
  position: fixed;
  top: 80px;
  right: -500px;
  width: 350px;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1900;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    right 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}

mdi-notif-collect {
  display: block;
  width: 350px;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1900;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    right 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
  transition: opacity 0.35s cubic-bezier(0.645, 0.045, 0.355, 1),
    right 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
}

.mdi-notif-collect {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border: none;
  background: none;
}

.mdi-notif-collect > mdi-notif-collect.coll-2,
.mdi-notif-collect > mdi-notif-collect.coll-3 {
  margin-top: -85px;
}

.mdi-notif-collect > mdi-notif-collect.coll-1,
.mdi-notif-collect > mdi-notif-collect.coll-2 {
  pointer-events: none;
  min-height: 95px;
}

mdi-notif-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  height: 40px;
}

mdi-notif-header grid {
  height: 100%;
}

mdi-notif-content {
  font-size: 0.85rem;
}

notif-badge {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #006bfc;
}

mdi-notif.priority-1 notif-badge {
  background-color: #17c13d;
}

mdi-notif.priority-2 notif-badge {
  background-color: #ffba00;
}

mdi-notif.priority-3 notif-badge {
  background-color: #ff4446;
}

mdi-dropdown-dialog {
  display: block;
}

.notification-content {
  width: 380px;
  height: 580px;
  display: block;
}
.notification-content .warp {
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
}
.notification-content .notification {
  display: flex;
  flex-direction: column;
  border: 1px solid #e7e7e7;
  border-radius: 0.25rem;
  padding: 1rem;
  margin: 0.5rem;
  position: relative;
}
.notification-content .notification .notification-title {
  display: flex;
}

@media (max-width: 575.98px) {
  submail-progress {
    top: 0px !important;
    left: 0px !important;
  }

  submail-sidebar,
  submail-doc-sidebar {
    top: 50px;
    bottom: auto;
    height: 40px;
    position: fixed;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) all;
  }
  submail-sidebar.active,
  submail-doc-sidebar.active {
    top: 0px;
    bottom: 0px;
    height: 100%;
  }
  submail-sidebar.active > nav,
  submail-doc-sidebar.active > nav {
    padding-top: 90px;
  }
  submail-sidebar.active nav,
  submail-doc-sidebar.active nav {
    pointer-events: auto;
    opacity: 1;
  }
  #doc_mail.active {
    display: none;
  }

  submail-sidebar.active nav nav-item,
  submail-sidebar.active nav nav-title,
  submail-doc-sidebar.active nav nav-item,
  submail-doc-sidebar.active nav nav-title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  submail-sidebar.active .mdi-icon-chevron-down:before,
  submail-doc-sidebar.active .mdi-icon-chevron-down:before {
    content: "";
  }
  submail-sidebar nav,
  submail-doc-sidebar nav {
    margin-left: 2rem;
    margin-right: 2rem;
    padding-top: 0px;
  }
  submail-sidebar nav nav-item,
  submail-sidebar nav nav-title,
  submail-doc-sidebar nav nav-item,
  submail-doc-sidebar nav nav-title {
    display: block;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scale(1.1) translateY(-24px);
    -ms-transform: scale(1.1) translateY(-24px);
    transform: scale(1.1) translateY(-24px);
    -webkit-transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
    transition: opacity 0.15s ease-out, -webkit-transform 0.15s ease-out;
    transition: opacity 0.15s ease-out, transform 0.15s ease-out;
    transition: opacity 0.15s ease-out, transform 0.15s ease-out,
      -webkit-transform 0.15s ease-out;
  }

  #sidebar-ctl {
    display: block !important;
    position: fixed;
    top: 50px;
    height: 40px;
    background: #fff;
    z-index: 1;
    border-bottom: 1px solid #dce0e9;
    padding-right: 1.3rem;
  }

  .documents submail-brand {
    width: auto !important;
  }
  .documents submail-brand a {
    padding-left: 0;
  }
  .documents top-nav .user-center {
    display: inline-block !important;
  }

  submail-brand {
    padding-left: 0;
  }

  top-nav {
    border-bottom: none;
    justify-content: end;
  }
  top-nav nav-item {
    display: none;
  }
  top-nav .user-center {
    display: block !important;
  }
  top-nav .user-center span {
    display: none;
  }
  .crumb-con {
    width: 80%;
  }
  top-nav bread-crumb {
    position: absolute;
    left: 10px;
    top: 45px;
    z-index: 99;
  }
  .seven-year {
    width: 40%;
    margin-left: 10px;
  }
  .seven-year img {
    width: 100% !important;
    margin-left: 0px !important;
  }
  #console main {
    margin-left: 0px !important;
    margin-top: 90px;
  }

  .submail-header {
    height: 50px;
  }

  submail-brand a img {
    height: 26px;
  }

  nav-products nav-button > label {
    top: 0px;
  }
  nav-products nav {
    width: 100% !important;
    height: 0px;
  }
  nav-products.active nav {
    position: fixed;
    top: 0px;
    height: 100% !important;
    /* bottom:0px; */
    padding: 1rem;
    padding-top: 90px;
    border-radius: 0rem !important;
    border-bottom: 1px solid #dce0e9;
  }
  nav-products.active nav nav-item {
    flex: 0 0 33.333333333%;
    max-width: 33.333333333%;
  }
}
@media (min-width: 576px) {
  mdi-feedback.active {
    left: auto;
  }

  mdi-feedback-content {
    width: 500px;
  }
}
@media (min-width: 768px) {
  mdi-feedback-content {
    width: 600px;
  }

  mdi-feedback {
    left: auto;
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 992px) {
  mdi-feedback-content {
    width: 700px;
  }

  mdi-feedback {
    right: 20px;
    bottom: 20px;
  }
}
@media (min-width: 1200px) {
  mdi-feedback-content {
    width: 800px;
  }

  mdi-feedback {
    right: 50px;
    bottom: 50px;
  }
}
@media (max-height: 570px) {
  mdi-feedback.active {
    top: 10px;
    bottom: 10px;
  }

  mdi-feedback-content {
    height: 100%;
  }
}
@media (min-height: 570.98px) {
  mdi-feedback-content {
    height: 650px;
  }
}
@media (min-height: 650.98px) {
  mdi-feedback-content {
    height: 630px;
  }
}
@media (min-height: 770px) {
  mdi-feedback-content {
    height: 750px;
  }
}
.mdi-scrollbar {
  overflow: hidden !important;
}
.mdi-scrollbar.mdi-scrollbar-auto2 {
  overflow-x: auto !important;
}
.mdi-scrollbar.mdi-scrollbar-auto {
  padding-top: 0 !important;
  overflow-y: auto !important;
}
.mdi-scrollbar:hover {
  overflow-y: auto !important;
}
.mdi-scrollbar::-webkit-scrollbar {
  position: absolute;
  right: -6px;
  width: 6px;
  background: #fff;
}
.mdi-scrollbar::-webkit-scrollbar-track {
  position: absolute;
  right: -6px;
  border-radius: 10px;
}
.mdi-scrollbar::-webkit-scrollbar-thumb {
  position: absolute;
  right: -6px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
}
.mdi-scrollbar::-webkit-resizer,
.mdi-scrollbar::-webkit-scrollbar-button,
.mdi-scrollbar::-webkit-scrollbar-corner {
  display: none;
}

md-content {
  font-size: 1rem;
  line-height: 1.5;
  word-wrap: break-word;
}
md-content blockquote {
  border-left: 0.25rem solid #eaecef;
  padding-left: 1rem;
}
md-content img {
  max-width: 100%;
  width: auto !important;
}
md-content h1,
md-content h2 {
  padding-bottom: 0.3em;
  border-bottom: 1px solid #eaecef;
}
md-content h1,
md-content .h1 {
  font-size: 2.5rem;
}
md-content h2,
md-content .h2 {
  font-size: 2rem;
}
md-content h3,
md-content .h3 {
  font-size: 1.5rem;
}
md-content h4,
md-content .h4 {
  font-size: 1.25rem;
}
md-content h5,
md-content .h5 {
  font-size: 1rem;
}
md-content h6,
md-content .h6 {
  font-size: 0.85rem;
}
md-content code {
  color: #282b31;
  padding: 0.1rem;
  background: #f6f8fa;
  border: 1px solid #f0f1f3;
  border-radius: 0.1rem;
}
md-content pre {
  padding: 16px;
  overflow: auto;
  font-size: 85%;
  line-height: 1.45;
  background-color: #f6f8fa;
  border-radius: 3px;
}
md-content pre code {
  background: none;
  padding: none;
  border-radius: none;
  border: none;
}
md-content table {
  display: block;
  width: 100%;
  overflow: auto;
}
md-content table tr {
  background-color: #fff;
  border-top: 1px solid #c6cbd1;
}
md-content table tr:nth-child(2n) {
  background-color: #f6f8fa;
}
md-content table th,
md-content table td {
  padding: 6px 13px;
  border: 1px solid #dfe2e5;
  word-break: keep-all;
}
md-content table th {
  font-weight: 600;
}
.lab-title {
  color: #1a1c1f;
  font-size: 18px;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.lab-title:hover {
  color: #1764ff;
}
.lab-con {
  width: 100%;
  border: 1px solid #eaecef;
  flex-wrap: wrap;
  padding: 10px;
}
.lab-con a {
  color: #1a1c1f;
}
.lab-con a:hover {
  color: #1764ff;
}
.lab-items {
  width: 30%;
  padding: 10px;
}
.lab-doc-row {
  transform: rotate(0) scale(0.8);
  font-size: 12px !important;
  transition: all 0.3s ease-out;
}
.lab-title:hover .lab-doc-row {
  -webkit-transform: rotate(45deg) scale(0.8);
  transform: rotate(45deg) scale(0.8);
}

.login-header {
  background: none;
}
.login-header top-nav {
  border: none;
}

.login-logo {
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  display: inline-block;
  width: 60px;
  height: 60px;
  box-shadow: 0 0rem 0.255rem rgba(0, 0, 0, 0.1);
}
.login-logo img {
  width: 100%;
  padding: 0.5rem;
}

/* ------------------ */
#login-form {
  height: 32.5rem;
}

.login-form-code {
  position: relative;
}
.login-form-code .code-wrap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: fit-content;
  background-color: transparent;
  cursor: pointer;
  color: #006bfc;
  padding: 1rem 10px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.login-tip a:hover {
  color: #006bfc;
}

/* ------------------ */

.login-footer,
.custom-footer {
  position: absolute;
  bottom: 0;
  font-size: 85% !important;
}

.console-background {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  pointer-events: none;
  display: flex;
  z-index: -1;
}
.console-background [class^="submail-ele-"] {
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
}
.console-background .submail-ele-red {
  left: 65%;
  top: 50%;
  z-index: 4;
  -webkit-animation: submail-ele-red 10s infinite linear;
  animation: submail-ele-red 10s infinite linear;
}
.console-background .submail-ele-red::after {
  content: " ";
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
  background-color: #ff2449;
  opacity: 0.45;
  filter: blur(10px);
  -webkit-animation: submail-ele-red-container 5.5s infinite linear;
  animation: submail-ele-red-container 5.5s infinite linear;
}
.console-background .submail-ele-blue {
  left: 20%;
  top: 45%;
  z-index: 2;
}
.console-background .submail-ele-blue::after {
  content: " ";
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
  background-color: #006bfc;
  opacity: 0.25;
  filter: blur(10px);
  -webkit-animation: submail-ele-blue-container 8s infinite linear;
  animation: submail-ele-blue-container 8s infinite linear;
}
.console-background .submail-ele-green {
  left: 30%;
  top: 15%;
  z-index: 1;
  -webkit-animation: submail-ele-green 12s infinite linear;
  animation: submail-ele-green 12s infinite linear;
}
.console-background .submail-ele-green::after {
  content: " ";
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
  background-color: #43ffbb;
  opacity: 0.45;
  transform: scale(2);
  filter: blur(10px);
}
.console-background .submail-ele-pink {
  left: 60%;
  top: 25%;
  background-color: #ed999a;
  transform: scale(1.6);
  opacity: 0.3;
  filter: blur(10px);
  z-index: 3;
}

@keyframes submail-ele-red-container {
  0% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
  50% {
    transform: scale(3);
    -webkit-transform: scale(3);
  }
  100% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
}
@keyframes submail-ele-red {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
@-webkit-keyframes submail-ele-red-container {
  0% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
  50% {
    transform: scale(3);
    -webkit-transform: scale(3);
  }
  100% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
}
@-webkit-keyframes submail-ele-red {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
@keyframes submail-ele-blue-container {
  0% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
  50% {
    transform: scale(2.6);
    -webkit-transform: scale(2.6);
  }
  100% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
}
@-webkit-keyframes submail-ele-blue-container {
  0% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
  50% {
    transform: scale(2.6);
    -webkit-transform: scale(2.6);
  }
  100% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
}
@keyframes submail-ele-green {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
@-webkit-keyframes submail-ele-green {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
.wecaht-con {
  width: 430px;
  margin: auto;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 5px #888;
}
.wechat-bot {
  margin-top: 40px;
  text-align: center;
}
.login-content,
.custom-content {
  position: absolute;
  top: 65px;
  left: 0px;
  right: 0px;
  bottom: 55px;
  display: flex;
  margin: 0 !important;
}
.login-content,
.custom-content {
  position: absolute;
  top: 65px;
  left: 0px;
  right: 0px;
  bottom: 55px;
  display: -webkit-flex;
  display: flex;
  margin: 0 !important;
}

.login-form,
.custom-form {
  -webkit-align-self: center;
  align-self: center;
  margin: 0 auto;
  width: 340px;
  padding: 0 1rem;
  text-align: center;
}
.new-login-form {
  width: 420px;
  -webkit-align-self: center;
  align-self: center;
  margin: 0 auto;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 16px #888;
}

.logo-white {
  width: 30%;
}
.wx-yes {
  width: 18px;
  margin-right: 8px;
}
.top-fuwu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 30px;
}
.top-fuwu div {
  color: #fff;
  font-weight: normal;
  width: 50%;
  margin-bottom: 8px;
}
.wx-part2 {
  text-align: center;
  margin-top: 40px;
}
.wx-code {
  width: 164px;
  margin: auto;
  margin-top: 20px;
}
.wx-code img {
  width: 100%;
}
.part2-title {
  color: #41464f;
  font-weight: normal;
}
.user-info {
  font-size: 22px;
  margin-top: 20px;
}
.bottom-part3 {
  width: 90%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 60px;
  border-top: 1px dashed #000;
  padding-top: 18px;
}
.bottom-part3 div {
  font-size: 14px;
  color: #41464f;
  margin-bottom: 6px;
  /* display: flex;
  justify-content: space-between; */
}
.bottom-part3 span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid;
}
.num {
  width: 16px;
}

.login-form,
.custom-form {
  align-self: center;
  margin: 0 auto;
  width: 340px;
  padding: 0 1rem;
  text-align: center;
}

.reg-form {
  align-self: center;
  margin: 0 auto;
  max-width: 340px;
  width: 340px;
  padding: 0 1rem;
  text-align: center;
}

.login-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  overflow: hidden;
  text-align: center;
  pointer-events: none;
  display: flex;
}
.login-bg > img {
  width: 100%;
  align-self: center;
}

@media (max-width: 340px) {
  .login-form,
  .reg-form {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .login-bg > img {
    width: auto;
    height: 100%;
    align-self: center;
  }
}

@media (max-height: 760px) {
  .reg-logo {
    display: inline-block !important;
  }

  .login-header {
    position: relative;
  }

  .login-footer {
    position: relative;
    margin-top: 100px;
  }

  .login-content {
    position: relative;
  }
}
@media (max-height: 834px) {
  .reg-logo {
    display: none;
  }
}
@media (min-width: 576px) {
  .reg-form {
    max-width: 440px;
    width: 440px;
  }
}
.mdi-form {
  margin-bottom: 1rem;
  position: relative;
}
.mdi-form.mdi-effect {
  padding-top: 1rem;
}
.mdi-form.login-form-element .mdi-form-element {
  height: calc(1.5em + 1.25rem + 2px);
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.mdi-form.login-form-element .mdi-form-element::placeholder {
  font-size: normal !important;
}
.mdi-form.login-form-element .form-control {
  height: calc(1.5em + 1.25rem + 2px);
  border-radius: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.5);
}
.mdi-form.login-form-element .form-control:focus {
  background-color: #fff;
  border: 1px solid rgba(0, 107, 252, 0.5) !important;
}
.mdi-form.mdi-effect.mdi-effct-center input {
  text-align: center !important;
}
.mdi-form.mdi-effect.mdi-effct-center .mdi-text-element:after {
  left: 50%;
}

.mdi-form-element {
  outline: 0;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #49505f;
  background-color: #fff;
  background-clip: padding-box;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 !important;
}
.mdi-form-element:focus {
  outline: 0;
}
.mdi-form-element:focus + .mdi-text-element:after {
  width: 100%;
  opacity: 1;
  left: 0% !important;
}
.mdi-form-element:focus + .mdi-text-element {
  font-size: 0.75rem;
  top: -0.5rem;
  color: #006bfc;
}
.mdi-form-element:not(:placeholder-shown) + .mdi-text-element {
  font-size: 0.75rem;
  top: -0.5rem;
  color: #49505f;
}
.mdi-form-element:invalid {
  outline: 0;
  box-shadow: none;
}

.mdi-text-element {
  content: " ";
  pointer-events: none;
  position: absolute;
  top: 1rem;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0.375rem 0;
  color: #282b31;
  transition: 0.35s cubic-bezier(0.935, 0.01, 0.27, 1) all;
}
.mdi-text-element:after {
  content: " ";
  position: absolute;
  left: 0%;
  opacity: 0;
  bottom: -8px;
  width: 0%;
  display: block;
  height: 2px;
  transition: 0.35s cubic-bezier(0.76, 0.08, 0.46, 0.99) all;
  background-color: #006bfc;
}

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

label.form-error {
  position: absolute;
  background: rgba(255, 249, 90, 0.9);
  top: -1.9rem;
  left: 0;
  font-size: 75%;
  padding: 0.25rem 0.5rem;
  border-radius: 0.125rem;
  color: #6c4f00;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
label.form-error:after {
  position: absolute;
  content: "";
  border: 6px solid transparent;
  border-top-color: rgba(255, 249, 90, 0.9);
  bottom: -10px;
  left: 0.5rem;
}

.mdi-effect label.form-error {
  top: -0.9rem;
}

.mdi-form-text-helper {
  margin-top: -1rem;
  color: #41464f;
}

input.form-valid,
textarea.form-valid {
  /* background-color: #fff !important; */
}

input[type="range"].form-valid {
  background-color: #dce0e9 !important;
}

input.form-error,
textarea.form-error,
input.form-error ~ [role="mdi-selector"],
input.form-error ~ .btn {
  border-color: #ff4446 !important;
}

.mdi-range {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0.2rem;
  height: 0.2rem;
  background: #dce0e9 linear-gradient(#2681fc, #006bfc) no-repeat;
  background-size: 0% 100%;
  outline: none;
}
.mdi-range:focus {
  outline: none;
}
.mdi-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.mdi-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.mdi-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 107, 252, 0.25);
}
.mdi-range::-moz-focus-outer {
  border: 0;
}
.mdi-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  color: #fff;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border: 1px solid #006bfc;
  transition: 0.1s;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.175);
  border-radius: 1rem;
  appearance: none;
  -webkit-appearance: none;
}
.mdi-range::-webkit-slider-thumb:active,
.mdi-range::-webkit-slider-thumb:hover {
  transform: scale3d(1.2, 1.2, 1);
}
.mdi-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  color: #fff;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border: 1px solid #006bfc;
  transition: 0.1s;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.175);
  border-radius: 1rem;
  appearance: none;
}
.mdi-range::-moz-range-thumb:active,
.mdi-range::-moz-range-thumb:hover {
  transform: scale3d(1.2, 1.2, 1);
}
.mdi-range::-ms-thumb {
  -webkit-appearance: none;
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0.2rem;
  margin-left: 0.2rem;
  color: #fff;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border: 1px solid #006bfc;
  transition: 0.1s;
  border-radius: 1rem;
  appearance: none;
}
.mdi-range::-ms-thumb:active,
.mdi-range::-ms-thumb:hover {
  transform: scale3d(1.2, 1.2, 1);
}
.mdi-range:disabled::-webkit-slider-thumb {
  background-color: #a1a8b7;
}
.mdi-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.mdi-range:disabled::-moz-range-thumb {
  background-color: #a1a8b7;
}
.mdi-range:disabled::-moz-range-track {
  cursor: default;
}
.mdi-range:disabled::-ms-thumb {
  background-color: #a1a8b7;
}

.select-item {
  margin: 0.25rem;
}
.select-item input[type="radio"],
.select-item input[type="checkbox"] {
  display: none;
}
.select-item input[type="radio"]:checked + .content-item,
.select-item input[type="checkbox"]:checked + .content-item {
  border-color: #006bfc;
  background-color: #006bfc;
  color: #fff;
}
.select-item input[type="radio"]:disabled + .content-item,
.select-item input[type="checkbox"]:disabled + .content-item {
  border-color: #e7e7e7;
  background-color: #f5f7fa;
  color: #dce0e9;
}
.select-item .content-item {
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.select-item .content-item:hover {
  background: rgba(0, 107, 252, 0.125);
  border-color: #006bfc;
}
.select-item .content-item gift {
  position: absolute;
  display: inline-block;
  right: -5px;
  top: -5px;
  background: #ff4446;
  color: #fff;
  padding: 0 0.25rem;
  border-radius: 0.25rem;
}

.invoice-select-item {
  margin-bottom: 0.75rem;
  display: block;
}
.invoice-select-item input[type="radio"],
.invoice-select-item input[type="checkbox"] {
  display: none;
}
.invoice-select-item input[type="radio"]:checked + .invoice-content-item,
.invoice-select-item input[type="checkbox"]:checked + .invoice-content-item {
  border-color: #06c974;
  background: #e9f9f1;
}
.invoice-select-item
  input[type="radio"]:checked
  + .invoice-content-item::before,
.invoice-select-item
  input[type="checkbox"]:checked
  + .invoice-content-item::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
  font-size: 0.8rem;
  background: #0b944b;
  border-radius: 50%;
  padding: 6px;
  font-weight: 600;
}
.invoice-select-item .invoice-content-item {
  border-radius: 0.25rem;
  padding: 0.75rem 1rem;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  position: relative;
  cursor: pointer;
}
.invoice-select-item .invoice-content-item:hover {
  border-color: rgba(0, 107, 252, 0.125);
}
.invoice-select-item .invoice-content-item .invoice-badge {
  position: absolute;
  bottom: 0px;
  right: 15px;
  border-radius: 0.125rem 0.125rem 0 0;
  font-size: 0.85rem;
  font-weight: normal;
  padding: 0.55rem 0.75rem;
}

.hidden-input {
  position: relative;
}

.mdi-hmc,
mdi-hmc {
  width: 100%;
  height: 2.75rem;
  position: relative;
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.mdi-hmc hmc-container,
mdi-hmc hmc-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: flex;
  align-items: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 0.25rem;
  pointer-events: none;
  box-shadow: inset 0 0rem 1rem rgba(0, 0, 0, 0.1) !important;
}
.mdi-hmc hmc-container hmc-text-background,
mdi-hmc hmc-container hmc-text-background {
  display: block;
  width: 100%;
  pointer-events: none;
  font-size: 85%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.mdi-hmc hmc-progress,
mdi-hmc hmc-progress {
  position: absolute;
  width: 0px;
  height: 100%;
  top: 0px;
  left: 0px;
  display: block;
  border-radius: 0.25rem 0 0 0.25rem;
  pointer-events: none;
  background-color: rgba(255, 186, 0, 0.5);
}
.mdi-hmc.hmc-success,
mdi-hmc.hmc-success {
  border: 1px solid rgba(23, 193, 61, 0.9);
}
.mdi-hmc.hmc-success hmc-progress,
mdi-hmc.hmc-success hmc-progress {
  background-color: rgba(23, 193, 61, 0.25);
  width: 100% !important;
}
.mdi-hmc.hmc-success hmc-slider,
mdi-hmc.hmc-success hmc-slider {
  color: #17c13d;
}
.mdi-hmc.hmc-error,
mdi-hmc.hmc-error {
  border: 1px solid rgba(255, 68, 70, 0.9);
}
.mdi-hmc.hmc-error hmc-progress,
mdi-hmc.hmc-error hmc-progress {
  background-color: rgba(255, 68, 70, 0.25);
  width: 100% !important;
}
.mdi-hmc.hmc-error hmc-slider,
mdi-hmc.hmc-error hmc-slider {
  color: #ff4446;
}
.mdi-hmc hmc-slider,
mdi-hmc hmc-slider {
  position: absolute;
  height: 100%;
  width: 3rem;
  line-height: 2.75rem;
  left: 0px;
  text-align: center;
  display: block;
  background: #fff;
  border-radius: 0.25rem;
  cursor: grab;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  box-shadow: 0 0rem 0.255rem rgba(0, 0, 0, 0.2) !important;
}
.mdi-hmc hmc-slider:hover,
mdi-hmc hmc-slider:hover {
  background-color: #e7e7e7;
}
.mdi-hmc hmc-slider:active,
mdi-hmc hmc-slider:active {
  background-color: #f5f7fa;
}
.mdi-hmc hmc-slider mdi-spinner-grow,
mdi-hmc hmc-slider mdi-spinner-grow {
  padding-top: 5px;
}

mdi-spinner,
.mdi-spinner {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  animation: spinner-border 0.75s linear infinite;
  background: url("../image/logo.sppinner.svg") 100% 100%;
}
mdi-spinner.mdi-spinner-s,
.mdi-spinner.mdi-spinner-s {
  width: 1.25rem;
  height: 1.25rem;
}
mdi-spinner.mdi-spinner-m,
.mdi-spinner.mdi-spinner-m {
  width: 1.5rem;
  height: 1.5rem;
}
mdi-spinner.mdi-spinner-l,
.mdi-spinner.mdi-spinner-l {
  width: 3rem;
  height: 3rem;
}

.mdi-spinner-scale {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  animation: mdi-spinner-scale 0.75s cubic-bezier(0.63, 0.22, 0.43, 0.76)
    infinite;
}
.mdi-spinner-scale.mdi-spinner-s {
  width: 1.25rem;
  height: 1.25rem;
}
.mdi-spinner-scale.mdi-spinner-m {
  width: 1.5rem;
  height: 1.5rem;
}
.mdi-spinner-scale.mdi-spinner-l {
  width: 3rem;
  height: 3rem;
}
.mdi-spinner-scale .mdi-spinner {
  width: 100%;
  height: 100%;
  animation: spinner-border 0.75s cubic-bezier(0.64, 0.32, 0.45, 0.71) infinite;
  display: block;
}

.mdi-spinner-black {
  background: url("../image/logo.sppinner.black.svg") 100% 100%;
}

.mdi-spinner-white {
  background: url("../image/logo.sppinner.white.svg") 100% 100%;
}

mdi-spinner-grow,
.mdi-spinner-grow {
  position: relative;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
}
mdi-spinner-grow mdi-spinner-border,
.mdi-spinner-grow mdi-spinner-border {
  position: absolute;
  content: " ";
  width: 2rem;
  height: 2rem;
  opacity: 1;
  display: block;
  border: 0.25rem solid transparent;
  border-radius: 50%;
  border-color: currentColor;
  -webkit-animation: mdi-spinner-grow 0.75s linear infinite;
  animation: mdi-spinner-grow 0.75s linear infinite;
}
mdi-spinner-grow mdi-spinner-border:nth-child(2),
.mdi-spinner-grow mdi-spinner-border:nth-child(2) {
  animation-delay: -1s;
}
mdi-spinner-grow.mdi-spinner-grow-s,
.mdi-spinner-grow.mdi-spinner-grow-s {
  width: 1rem;
  height: 1rem;
}
mdi-spinner-grow.mdi-spinner-grow-s mdi-spinner-border,
.mdi-spinner-grow.mdi-spinner-grow-s mdi-spinner-border {
  width: 1rem;
  height: 1rem;
}
mdi-spinner-grow.mdi-spinner-grow-m,
.mdi-spinner-grow.mdi-spinner-grow-m {
  width: 1.5rem;
  height: 1.5rem;
}
mdi-spinner-grow.mdi-spinner-grow-m mdi-spinner-border,
.mdi-spinner-grow.mdi-spinner-grow-m mdi-spinner-border {
  width: 1.5rem;
  height: 1.5rem;
}
mdi-spinner-grow.mdi-spinner-grow-l,
.mdi-spinner-grow.mdi-spinner-grow-l {
  width: 3rem;
  height: 3rem;
}
mdi-spinner-grow.mdi-spinner-grow-l mdi-spinner-border,
.mdi-spinner-grow.mdi-spinner-grow-l mdi-spinner-border {
  width: 3rem;
  height: 3rem;
}

h1 mdi-spinner-grow,
h1 .mdi-spinner-grow,
h2 mdi-spinner-grow,
h2 .mdi-spinner-grow,
h3 mdi-spinner-grow,
h3 .mdi-spinner-grow,
h4 mdi-spinner-grow,
h4 .mdi-spinner-grow,
h5 mdi-spinner-grow,
h5 .mdi-spinner-grow {
  vertical-align: baseline !important;
}

h1 mdi-spinner-grow,
h1 .mdi-spinner-grow {
  transform: scale(2.5, 2.5);
}

h2 mdi-spinner-grow,
h2 .mdi-spinner-grow {
  transform: scale(2, 2);
}

h3 mdi-spinner-grow,
h3 .mdi-spinner-grow {
  transform: scale(1.75, 1.75);
}

h4 mdi-spinner-grow,
h4 .mdi-spinner-grow {
  transform: scale(1.5, 1.5);
}

h5 mdi-spinner-grow,
h5 .mdi-spinner-grow {
  transform: scale(1.25, 1.25);
}

mdi-spinner-flash {
  position: relative;
  display: inline-flex;
  flex-wrap: nowrap;
  width: 8rem;
  height: 2rem;
  vertical-align: text-bottom;
}
mdi-spinner-flash mdi-spinner-border {
  flex-grow: 1;
  width: 2rem;
  height: 2rem;
  opacity: 0;
  display: block;
  content: " ";
  border-radius: 50%;
  border: none;
  background-color: currentColor;
  -webkit-animation: mdi-spinner-flash 0.75s linear infinite;
  animation: mdi-spinner-flash 0.6s linear infinite;
}
mdi-spinner-flash mdi-spinner-border:nth-child(1) {
  animation-delay: 0s;
}
mdi-spinner-flash mdi-spinner-border:nth-child(2) {
  animation-delay: 0.2s;
}
mdi-spinner-flash mdi-spinner-border:nth-child(3) {
  animation-delay: 0.4s;
}
mdi-spinner-flash mdi-spinner-border:nth-child(4) {
  animation-delay: 0.6s;
}
mdi-spinner-flash.mdi-spinner-flash-s {
  width: 3rem;
  height: 1rem;
}
mdi-spinner-flash.mdi-spinner-flash-s mdi-spinner-border {
  width: 1rem;
  height: 1rem;
}
mdi-spinner-flash.mdi-spinner-flash-m {
  width: 4.5rem;
  height: 1.5rem;
}
mdi-spinner-flash.mdi-spinner-flash-m mdi-spinner-border {
  width: 1.5rem;
  height: 1.5rem;
}
mdi-spinner-flash.mdi-spinner-flash-l {
  width: 9rem;
  height: 3rem;
}
mdi-spinner-flash.mdi-spinner-flash-l mdi-spinner-border {
  width: 3rem;
  height: 3rem;
}

spinner-background {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 2;
}

@-webkit-keyframes mdi-spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes mdi-spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes mdi-spinner-scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes mdi-spinner-scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  50% {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes mdi-spinner-flash {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes mdi-spinner-flash {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    -webkit-transform: none;
    transform: none;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.removeScript-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -21px;
  margin-left: -21px;
  display: block;
}

.removeScript {
  width: 42px;
  height: 42px;
  display: block;
  overflow: hidden;
  background: url("../image/remove.png") no-repeat;
}

.removeScript-animate {
  -webkit-animation: removeScript 0.2s steps(6) forwards;
  -moz-animation: removeScript 0.2s steps(6) forwards;
  -o-animation: removeScript 0.2s steps(6) forwards;
  animation: removeScript 0.2s steps(6) forwards;
}

@-webkit-keyframes removeScript {
  from {
    background-position: center 0;
  }
  to {
    background-position: center -252px;
  }
}
@keyframes removeScript {
  from {
    background-position: center 0;
  }
  to {
    background-position: center -252px;
  }
}
mdi-dialog-background,
mdi-dialog-alert-background,
mdi-dialog-verify-background,
mdi-dialog-confirm-background,
mdi-dialog-preview-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  background-color: rgba(57, 62, 73, 0.5);
  z-index: 2040;
  transition: opacity 0.3s cubic-bezier(0.55, 0.53, 0.66, 1.1);
}

mdi-dialog,
mdi-dialog-alert,
mdi-dialog-verify,
mdi-dialog-confirm {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2072;
  overflow-x: hidden;
  overflow-y: auto;
}
mdi-dialog mdi-dialog-container,
mdi-dialog-alert mdi-dialog-container,
mdi-dialog-verify mdi-dialog-container,
mdi-dialog-confirm mdi-dialog-container {
  position: relative;
  min-height: calc(100% - 2rem);
  width: 300px;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}
mdi-dialog mdi-dialog-container.mdi-diglog-window,
mdi-dialog-alert mdi-dialog-container.mdi-diglog-window,
mdi-dialog-verify mdi-dialog-container.mdi-diglog-window,
mdi-dialog-confirm mdi-dialog-container.mdi-diglog-window {
  width: calc(100% - 2rem);
}
mdi-dialog mdi-dialog-container.mdi-diglog-window-l,
mdi-dialog-alert mdi-dialog-container.mdi-diglog-window-l,
mdi-dialog-verify mdi-dialog-container.mdi-diglog-window-l,
mdi-dialog-confirm mdi-dialog-container.mdi-diglog-window-l {
  width: calc(100% - 2rem);
}
mdi-dialog mdi-dialog-container mdi-dialog-content,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content,
mdi-dialog-verify mdi-dialog-container mdi-dialog-content,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content {
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: none;
  overflow: hidden;
  background-color: #fff;
  width: 100%;
  border-radius: 0.75rem;
  outline: 0;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: rgba(0, 0, 0, 0.5) 0 15px 30px;
}
mdi-dialog mdi-dialog-container mdi-dialog-content .dialog-icon,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content .dialog-icon,
mdi-dialog-verify mdi-dialog-container mdi-dialog-content .dialog-icon,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content .dialog-icon {
  width: 80px;
}
mdi-dialog mdi-dialog-container mdi-dialog-content form,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content form,
mdi-dialog-verify mdi-dialog-container mdi-dialog-content form,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content form {
  display: flex;
  flex-direction: column;
  max-height: none;
  overflow: hidden;
}
mdi-dialog mdi-dialog-container mdi-dialog-content mdi-dialog-header,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content mdi-dialog-header,
mdi-dialog-verify mdi-dialog-container mdi-dialog-content mdi-dialog-header,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-header {
  display: block;
  border-bottom: 1px solid #e7e7e7;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
mdi-dialog mdi-dialog-container mdi-dialog-content mdi-dialog-header grid,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content mdi-dialog-header grid,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-header
  grid,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-header
  grid {
  margin-left: 0px;
  margin-right: 0px;
}
mdi-dialog mdi-dialog-container mdi-dialog-content mdi-dialog-header grid cell,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-header
  grid
  cell,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-header
  grid
  cell,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-header
  grid
  cell {
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
}
mdi-dialog mdi-dialog-container mdi-dialog-content mdi-dialog-body,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content mdi-dialog-body,
mdi-dialog-verify mdi-dialog-container mdi-dialog-content mdi-dialog-body,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-body {
  position: relative;
  padding: 1rem;
  display: block;
  overflow-y: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
mdi-dialog mdi-dialog-container mdi-dialog-content mdi-dialog-footer,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content mdi-dialog-footer,
mdi-dialog-verify mdi-dialog-container mdi-dialog-content mdi-dialog-footer,
mdi-dialog-confirm mdi-dialog-container mdi-dialog-content mdi-dialog-footer {
  display: block;
  border-top: 1px solid #e7e7e7;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
mdi-dialog mdi-dialog-container mdi-dialog-content mdi-dialog-footer grid,
mdi-dialog-alert mdi-dialog-container mdi-dialog-content mdi-dialog-footer grid,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  grid,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  grid {
  margin-left: 0px;
  margin-right: 0px;
}
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm,
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel {
  border: 0;
  padding: 0.75rem;
  font-size: 1rem;
}
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:hover,
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:hover,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:hover,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:hover,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:hover,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:hover,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:hover,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:hover {
  color: #006bfc;
}
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:active,
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:focus,
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:active,
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:focus,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:active,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:focus,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:active,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:focus,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:active,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:focus,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:active,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:focus,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:active,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-confirm:focus,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:active,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel:focus {
  background-color: #006bfc;
  color: #fff;
}
mdi-dialog
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel,
mdi-dialog-alert
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel,
mdi-dialog-verify
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel,
mdi-dialog-confirm
  mdi-dialog-container
  mdi-dialog-content
  mdi-dialog-footer
  .btn.mdi-dialog-cancel {
  border-right: 1px solid #e7e7e7;
}

mdi-dialog-alert,
mdi-dialog-verify,
mdi-dialog-confirm {
  z-index: 2075;
}

mdi-dialog-alert-background,
mdi-dialog-verify-background,
mdi-dialog-confirm-background,
mdi-dialog-preview-background {
  z-index: 2074;
}

.mdi-active {
  overflow: hidden;
}
.mdi-active mdi-dialog-background,
.mdi-active mdi-dialog-alert-background,
.mdi-active mdi-dialog-verify-background,
.mdi-active mdi-dialog-confirm-background,
.mdi-active mdi-dialog-preview-background {
  opacity: 1;
}
.mdi-active mdi-dialog,
.mdi-active mdi-dialog-alert,
.mdi-active mdi-dialog-confirm,
.mdi-active mdi-dialog-verify,
.mdi-active mdi-preview {
  display: flex;
}

mdi-preview {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2075;
  overflow-x: hidden;
  overflow-y: auto;
  align-items: center;
  justify-content: center;
}

mdi-dialog-content-warp {
  display: block;
  position: relative;
  left: 0;
  transition: all 0.2s ease-in-out;
}
mdi-dialog-content-warp.slide-left {
  left: -100%;
}
mdi-dialog-content-warp.slide-right {
  left: 100%;
}

.step {
  padding-right: 0.5rem;
  color: #a1a8b7;
}
.step.active {
  color: #006bfc;
}
.step.active .step-title {
  display: inline-block;
}
.step.complete {
  color: #dce0e9 !important;
}
.step.complete .step-title {
  display: none !important;
}
.step .step-title {
  display: none;
}
.step + .step:before {
  display: inline-block;
  padding-right: 0.25rem;
  color: #dce0e9;
  content: "-";
}

.formpage-content {
  position: relative;
  overflow: auto;
}

.formpage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

.dialog-right-slider-window {
  position: absolute;
  width: 80%;
  top: -1rem;
  right: -100%;
  bottom: -1rem;
  margin-right: -1rem;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.dialog-right-slider-window.show {
  opacity: 1;
  right: 0%;
}

@media (max-width: 576px) {
  .sub-mobile {
    width: 140px !important;
    padding-left: 20px;
  }
  .dialog-right-slider-window {
    width: 50%;
  }
}
@media (max-width: 320px) {
  mdi-dialog mdi-dialog-container,
  mdi-dialog-alert mdi-dialog-container,
  mdi-dialog-verify mdi-dialog-container,
  mdi-dialog-confirm mdi-dialog-container {
    width: calc(100% - 1rem);
  }
}
@media (min-width: 768px) {
  mdi-dialog mdi-dialog-container.mdi-diglog-window,
  mdi-dialog-alert mdi-dialog-container.mdi-diglog-window,
  mdi-dialog-verify mdi-dialog-container.mdi-diglog-window,
  mdi-dialog-confirm mdi-dialog-container.mdi-diglog-window {
    width: 700px !important;
  }
}
@media (min-width: 992px) {
  mdi-dialog mdi-dialog-container.mdi-diglog-window,
  mdi-dialog-alert mdi-dialog-container.mdi-diglog-window,
  mdi-dialog-verify mdi-dialog-container.mdi-diglog-window,
  mdi-dialog-confirm mdi-dialog-container.mdi-diglog-window {
    width: 700px !important;
  }
}
@media (max-width: 576px) {
  .wecaht-con {
    width: 100%;
  }
}

mdi-dialog mdi-dialog-container.mdi-diglog-window,
mdi-dialog-alert mdi-dialog-container.mdi-diglog-window,
mdi-dialog-verify mdi-dialog-container.mdi-diglog-window,
mdi-dialog-confirm mdi-dialog-container.mdi-diglog-window {
  width: 700px !important;
}
mdi-dialog mdi-dialog-container.mdi-diglog-window-l,
mdi-dialog-alert mdi-dialog-container.mdi-diglog-window-l,
mdi-dialog-verify mdi-dialog-container.mdi-diglog-window-l,
mdi-dialog-confirm mdi-dialog-container.mdi-diglog-window-l {
  width: 980px !important;
}

.mdi-image-preview {
  max-width: calc(100% - 2rem);
  max-height: calc(100% - 2rem);
  background-color: #fff;
  z-index: 3010;
  border-radius: 0.25rem;
  border: 0.25rem solid rgba(255, 255, 255, 0.7);
  cursor: zoom-out;
}
.tiao-mms,
.balace-price-mms {
  display: none;
}
.content-scroll-header-shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 65px;
  z-index: 999;
  opacity: 0;
  box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.05) !important;
  transition: all 0.25s linear;
}
.content-scroll-header-shadow.show {
  opacity: 1;
}

.console-background {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  pointer-events: none;
  display: flex;
  z-index: -1;
}
.console-background [class^="submail-ele-"] {
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
}
.console-background .submail-ele-red {
  left: 65%;
  top: 50%;
  z-index: 4;
  -webkit-animation: submail-ele-red 10s infinite linear;
  animation: submail-ele-red 10s infinite linear;
}
.console-background .submail-ele-red::after {
  content: " ";
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
  background-color: #ff2449;
  opacity: 0.45;
  filter: blur(10px);
  -webkit-animation: submail-ele-red-container 5.5s infinite linear;
  animation: submail-ele-red-container 5.5s infinite linear;
}
.console-background .submail-ele-blue {
  left: 20%;
  top: 45%;
  z-index: 2;
}
.console-background .submail-ele-blue::after {
  content: " ";
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
  background-color: #006bfc;
  opacity: 0.25;
  filter: blur(10px);
  -webkit-animation: submail-ele-blue-container 8s infinite linear;
  animation: submail-ele-blue-container 8s infinite linear;
}
.console-background .submail-ele-green {
  left: 30%;
  top: 15%;
  z-index: 1;
  -webkit-animation: submail-ele-green 12s infinite linear;
  animation: submail-ele-green 12s infinite linear;
}
.console-background .submail-ele-green::after {
  content: " ";
  position: absolute;
  width: 200px;
  height: 200px;
  display: block;
  border-radius: 50%;
  background-color: #43ffbb;
  opacity: 0.45;
  transform: scale(2);
  filter: blur(10px);
}
.console-background .submail-ele-pink {
  left: 60%;
  top: 25%;
  background-color: #ed999a;
  transform: scale(1.6);
  opacity: 0.3;
  filter: blur(10px);
  z-index: 3;
}

@keyframes submail-ele-red-container {
  0% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
  50% {
    transform: scale(3);
    -webkit-transform: scale(3);
  }
  100% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
}
@keyframes submail-ele-red {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
@-webkit-keyframes submail-ele-red-container {
  0% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
  50% {
    transform: scale(3);
    -webkit-transform: scale(3);
  }
  100% {
    transform: scale(2.8);
    -webkit-transform: scale(2.8);
  }
}
@-webkit-keyframes submail-ele-red {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
@keyframes submail-ele-blue-container {
  0% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
  50% {
    transform: scale(2.6);
    -webkit-transform: scale(2.6);
  }
  100% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
}
@-webkit-keyframes submail-ele-blue-container {
  0% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
  50% {
    transform: scale(2.6);
    -webkit-transform: scale(2.6);
  }
  100% {
    transform: scale(2.4);
    -webkit-transform: scale(2.4);
  }
}
@keyframes submail-ele-green {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
@-webkit-keyframes submail-ele-green {
  0% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
  50% {
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
  }
  100% {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
  }
}
.show_my_qrcode {
  width: 200px;
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 9;
  background: #fff;
  box-shadow: 0 0 5px #888;
  display: none;
}

.tips-icon,
.tips-icon2 {
  display: none;
  position: absolute;
  z-index: 9;
  top: -64px;
  left: -75%;
  padding: 10px;
  /* width: 101px; */
  height: 84px;
  background: #ffffff;
  border: 1px solid rgba(221, 221, 221, 0.866667);
  border-radius: 4px;
  text-align: left;
}
.tips-icon2 {
  top: -48px !important;
  left: -32% !important;
  height: 64px !important;
}
.balance-tip-title,
.balance-tip-title2 {
  font-weight: 400;
  font-size: 14px;
  color: #666666;
}
.balance-tip-title2 {
  color: #999999 !important;
}
.balance-tip-price {
  font-weight: 500;
  font-size: 14px;
  color: #282b31;
}

.console-products nav {
  background: transparent;
  padding: 0;
  display: inline-flex;
  align-items: start;
  align-content: flex-start;
  flex-wrap: wrap;
}
.console-products nav.active > nav-item {
  transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  opacity: 1;
}
.console-products nav nav-item {
  margin-bottom: 10px;
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: all 0.25s cubic-bezier(0.32, 0.99, 0.03, 1.55);
  transition: all 0.25s cubic-bezier(0.32, 0.99, 0.03, 1.55);
  transform: scale3d(0.1, 0.1, 1);
  -webkit-transform: scale3d(0.1, 0.1, 1);
  opacity: 0;
}
.console-products nav nav-item a {
  display: block;
  color: #393e49;
}
.console-products nav nav-item a:hover {
  text-decoration: none;
  color: #006bfc;
}
.console-products nav nav-item a:hover i {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  transform: scale3d(1, 1, 1);
}
.console-products nav nav-item a.disabled {
  opacity: 0.5;
}
.console-products nav nav-item i {
  width: 90px;
  height: 90px;
  display: inline-block;
  border-radius: 50%;
  border: none;
  margin-bottom: 0.5rem;
  transform: scale3d(0.9, 0.9, 1);
  transition: all 0.2s cubic-bezier(0.32, 0.99, 0.03, 1.55);
}

.console-products nav nav-item i svg {
  width: 60px;
  fill: #fff;
  padding-top: 14px;
}

.console-products nav.active > nav-item:nth-child(1) {
  -webkit-transition-delay: 50ms;
  transition-delay: 50ms;
}

.console-products nav.active > nav-item:nth-child(2) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.console-products nav.active > nav-item:nth-child(3) {
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
}

.console-products nav.active > nav-item:nth-child(4) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}

.console-products nav.active > nav-item:nth-child(5) {
  -webkit-transition-delay: 250ms;
  transition-delay: 250ms;
}

.console-products nav.active > nav-item:nth-child(6) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
}

.console-products nav.active > nav-item:nth-child(7) {
  -webkit-transition-delay: 350ms;
  transition-delay: 350ms;
}

.console-products nav.active > nav-item:nth-child(8) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
}

.console-products nav.active > nav-item:nth-child(9) {
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}

.console-products nav.active > nav-item:nth-child(10) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms;
}

.console-products nav.active > nav-item:nth-child(11) {
  -webkit-transition-delay: 550ms;
  transition-delay: 550ms;
}

.console-products nav.active > nav-item:nth-child(12) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}

.console-products nav.active > nav-item:nth-child(13) {
  -webkit-transition-delay: 650ms;
  transition-delay: 650ms;
}

.console-products nav.active > nav-item:nth-child(14) {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
}

.console-products nav.active > nav-item:nth-child(15) {
  -webkit-transition-delay: 750ms;
  transition-delay: 750ms;
}

.console-products nav.active > nav-item:nth-child(16) {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
}

.console-products nav.active > nav-item:nth-child(17) {
  -webkit-transition-delay: 850ms;
  transition-delay: 850ms;
}

.console-products nav.active > nav-item:nth-child(18) {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms;
}

.console-products nav.active > nav-item:nth-child(19) {
  -webkit-transition-delay: 950ms;
  transition-delay: 950ms;
}

.console-products nav.active > nav-item:nth-child(20) {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
}

.console-user-products nav {
  display: flex;
}
.console-user-products nav nav-item i {
  transform: scale3d(0.75, 0.75, 1);
}
.console-user-products nav nav-item a:hover i {
  transform: scale3d(0.85, 0.85, 1);
}

.console-card {
  /* height: 100%; */
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.075);
  transition: box-shadow 0.15s ease-in-out;
}
.console-card:hover {
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.2);
}
.console-card card-header,
.console-card .card-header {
  background: none;
  border-bottom-color: rgba(0, 0, 0, 0.075);
}
.console-card card-header nav,
.console-card .card-header nav {
  display: flex;
}
.console-card card-header nav nav-item,
.console-card .card-header nav nav-item {
  display: inline-block;
}
.console-card card-header nav nav-item a.active,
.console-card .card-header nav nav-item a.active {
  color: #006bfc;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.console-card card-header nav,
.console-card card-header .nav,
.console-card .card-header nav,
.console-card .card-header .nav {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.console-card card-footer,
.console-card .card-footer {
  background: none;
  border: none;
}
.console-card .btn.btn-normal.active {
  box-shadow: none;
  background: transparent;
  border-color: transparent;
  color: #006bfc;
}
.console-card.tag-primary {
  background-color: #006bfc;
  color: #fff;
}
.console-card.tag-primary .btn,
.console-card.tag-primary .nav-link,
.console-card.tag-primary .btn.btn-normal.active {
  color: #fff;
}
.console-card.tag-primary .btn:hover,
.console-card.tag-primary .nav-link:hover,
.console-card.tag-primary .btn.btn-normal.active:hover {
  color: rgba(255, 255, 255, 0.75);
}
.console-card.tag-primary .card-header {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}
.console-card.tag-primary .card-header nav nav-item {
  color: #fff;
}
.console-card.tag-primary .card-header nav nav-item a {
  color: #fff;
}
.console-card.tag-primary .card-header nav nav-item a.active {
  color: #fff;
}
.console-card.tag-primary .card-header nav nav-item a:hover {
  color: rgba(255, 255, 255, 0.75);
}

.console-section {
  display: flex;
  align-items: center;
  position: relative;
}
.console-section hr {
  position: absolute;
  margin: 0 15px;
  border-top-color: #006bfc;
  left: 0;
  right: 0;
  z-index: -1;
}

.border-transparent {
  border-color: transparent !important;
}

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

.text-transparent {
  color: transparent !important;
}

.audioplayerContainer {
  width: 100%;
  padding: 8px;
  display: block;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  font-size: 1rem;
  font-weight: 500;
  position: relative;
}

.audioplay {
  padding-right: 10px;
  position: relative;
  z-index: 2;
}

.audiostop:hover,
.audioplay:hover {
  text-decoration: none;
}

.audiostop {
  padding-right: 10px;
  text-decoration: none;
  position: relative;
  z-index: 3;
}

.audiotimer {
  position: relative;
  z-index: 4;
  font-size: 85%;
}

.playerprogress {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 0%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 0;
  display: block;
  padding: 0;
  margin: 0;
}

.mms-page-image {
  width: 100px;
  height: 100px;
  display: block;
  overflow: hidden;
  background-position: center !important;
  background-size: cover !important;
  position: relative !important;
}

.mms-images-library-item {
  width: 80px;
  height: 80px;
  display: block;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-color: #e7e7e7;
  border: 1px solid #e7e7e7;
}
.mms-images-library-item:hover {
  border-color: #006bfc;
}

.resurce-description {
  position: absolute;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
}

.mms-page-text-container textarea {
  height: 100px;
}

.bubble {
  border-radius: 0.25rem;
  background-color: #f3f3f3;
  position: relative;
  padding: 0.75rem 1rem;
}
.bubble::after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid transparent;
  border-left: 0.5rem solid transparent;
  position: absolute;
  top: 0.75rem;
}
.bubble.arrow-left::after {
  border-right: 0.5rem solid #f3f3f3;
  left: -1rem;
}
.bubble.arrow-right::after {
  border-left: 0.5rem solid #f3f3f3;
  right: -1rem;
}

.template,
.folder,
.addressbook {
  border-color: #b8d6fe;
}
.template card-header,
.folder card-header,
.addressbook card-header {
  border-bottom: 0;
}
.template card-header .sign .input-group-prepend .input-group-text,
.folder card-header .sign .input-group-prepend .input-group-text,
.addressbook card-header .sign .input-group-prepend .input-group-text {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  border: 1px solid #b8d6fe !important;
  border-right-color: transparent !important;
  color: #fd29a4;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.template card-header .sign .form-control,
.folder card-header .sign .form-control,
.addressbook card-header .sign .form-control {
  padding: 0.25rem 0.5rem;
  text-align: center;
  height: auto !important;
  border: 1px solid #b8d6fe !important;
  border-left-color: transparent !important;
  border-radius: 0rem 0.5rem 0.5rem 0;
  color: #fd29a4;
  background-color: #fff;
}
.template card-header .template-tag-group,
.folder card-header .template-tag-group,
.addressbook card-header .template-tag-group {
  align-items: center;
}
.template card-header .template-tag-group .form-control,
.folder card-header .template-tag-group .form-control,
.addressbook card-header .template-tag-group .form-control {
  padding: 0.25rem 0.5rem;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #fff;
  font-size: 80%;
  opacity: 0.5;
}
.template card-header .template-tag-group .form-control:focus,
.folder card-header .template-tag-group .form-control:focus,
.addressbook card-header .template-tag-group .form-control:focus {
  opacity: 1;
}
.chose-input,
.inbox-template .item-selection,
.template card-header .item-selection,
.folder card-header .item-selection,
.addressbook card-header .item-selection {
  display: none;
}
.color-tip-con {
  width: 64px;
  height: 30px;
  border-radius: 4px;
  justify-content: space-around;
  padding: 0 9px;
}
.inbox-check-bg {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.template card-header .item-selection .custom-control-label,
.folder card-header .item-selection .custom-control-label,
.addressbook card-header .item-selection .custom-control-label {
  color: #003883;
}
.template card-body,
.folder card-body,
.addressbook card-body {
  position: relative;
}
.template card-body .item-title,
.folder card-body .item-title,
.addressbook card-body .item-title {
  opacity: 0.75;
}
.template card-body .message,
.folder card-body .message,
.addressbook card-body .message {
  width: 100%;
  height: 240px;
  word-break: break-all;
  overflow-y: auto;
  border: 1px solid #b8d6fe;
  padding: 1.25rem 1.75rem;
  border-radius: 0.25rem;
  color: #003883;
}
.template card-body .message .bubble,
.folder card-body .message .bubble,
.addressbook card-body .message .bubble {
  background-color: #e0edff;
}
.template card-body .message .bubble.arrow-left::after,
.folder card-body .message .bubble.arrow-left::after,
.addressbook card-body .message .bubble.arrow-left::after {
  border-right-color: #e0edff;
}
.template card-body .message .bubble.arrow-right::after,
.folder card-body .message .bubble.arrow-right::after,
.addressbook card-body .message .bubble.arrow-right::after {
  border-left-color: #e0edff;
}
.template card-body .message .audioplayerContainer,
.folder card-body .message .audioplayerContainer,
.addressbook card-body .message .audioplayerContainer {
  background: #006bfc;
  display: flex;
  align-items: center;
  color: #fff;
}
.template card-body .message .audioplayerContainer a,
.folder card-body .message .audioplayerContainer a,
.addressbook card-body .message .audioplayerContainer a {
  color: #fff;
}
.template card-body .update-at,
.template card-body .description,
.folder card-body .update-at,
.folder card-body .description,
.addressbook card-body .update-at,
.addressbook card-body .description {
  color: #393e49;
}
.template card-body .folder-name .btn,
.folder card-body .folder-name .btn,
.addressbook card-body .folder-name .btn {
  color: #003883;
}
.template card-body .folder-name .btn i,
.folder card-body .folder-name .btn i,
.addressbook card-body .folder-name .btn i {
  font-size: 5rem;
}
.template card-body .folder-name .btn.border,
.folder card-body .folder-name .btn.border,
.addressbook card-body .folder-name .btn.border {
  border-color: #003883 !important;
}
.template card-body .addressbook-name .btn,
.folder card-body .addressbook-name .btn,
.addressbook card-body .addressbook-name .btn {
  color: #003883;
}
.template card-body .addressbook-name .btn i,
.folder card-body .addressbook-name .btn i,
.addressbook card-body .addressbook-name .btn i {
  font-size: 4rem;
}
.template card-body .addressbook-name .btn.border,
.folder card-body .addressbook-name .btn.border,
.addressbook card-body .addressbook-name .btn.border {
  border-color: #003883 !important;
}
.template card-body .review-status,
.folder card-body .review-status,
.addressbook card-body .review-status {
  color: #17c13d;
}
.template card-body .review-status a,
.folder card-body .review-status a,
.addressbook card-body .review-status a {
  color: #ff4446 !important;
}
.template card-body .primary-content,
.folder card-body .primary-content,
.addressbook card-body .primary-content {
  color: #006bfc;
}
.template card-body .primary-content a,
.folder card-body .primary-content a,
.addressbook card-body .primary-content a {
  color: #006bfc;
}
.template .btn:not(:disabled):not(.disabled),
.folder .btn:not(:disabled):not(.disabled),
.addressbook .btn:not(:disabled):not(.disabled) {
  color: #003883;
}
.template .btn:not(:disabled):not(.disabled).border,
.folder .btn:not(:disabled):not(.disabled).border,
.addressbook .btn:not(:disabled):not(.disabled).border {
  border-color: #003883 !important;
}
.template.tag-red,
.folder.tag-red,
.addressbook.tag-red {
  border-color: rgba(255, 68, 70, 0.5);
}
.template.tag-red .message,
.folder.tag-red .message,
.addressbook.tag-red .message {
  border-color: rgba(255, 68, 70, 0.5);
  color: #852324;
}
.template.tag-red .message .bubble,
.folder.tag-red .message .bubble,
.addressbook.tag-red .message .bubble {
  background-color: #ffdada;
}
.template.tag-red .message .bubble.arrow-left::after,
.folder.tag-red .message .bubble.arrow-left::after,
.addressbook.tag-red .message .bubble.arrow-left::after {
  border-right-color: #ffdada;
}
.template.tag-red .message .bubble.arrow-right::after,
.folder.tag-red .message .bubble.arrow-right::after,
.addressbook.tag-red .message .bubble.arrow-right::after {
  border-left-color: #ffdada;
}
.template.tag-red .message .audioplayerContainer,
.folder.tag-red .message .audioplayerContainer,
.addressbook.tag-red .message .audioplayerContainer {
  background: #ff4446;
}
.template.tag-red .btn:not(:disabled):not(.disabled).border,
.folder.tag-red .btn:not(:disabled):not(.disabled).border,
.addressbook.tag-red .btn:not(:disabled):not(.disabled).border {
  border-color: #ff4446 !important;
}
.template.tag-red .btn:not(:disabled):not(.disabled),
.template.tag-red .update-at,
.template.tag-red .description,
.template.tag-red .review-status,
.template.tag-red .item-selection .custom-control-label,
.template.tag-red .primary-content,
.template.tag-red .primary-content a,
.template.tag-red card-body .form-control[readonly],
.folder.tag-red .btn:not(:disabled):not(.disabled),
.folder.tag-red .update-at,
.folder.tag-red .description,
.folder.tag-red .review-status,
.folder.tag-red .item-selection .custom-control-label,
.folder.tag-red .primary-content,
.folder.tag-red .primary-content a,
.folder.tag-red card-body .form-control[readonly],
.addressbook.tag-red .btn:not(:disabled):not(.disabled),
.addressbook.tag-red .update-at,
.addressbook.tag-red .description,
.addressbook.tag-red .review-status,
.addressbook.tag-red .item-selection .custom-control-label,
.addressbook.tag-red .primary-content,
.addressbook.tag-red .primary-content a,
.addressbook.tag-red card-body .form-control[readonly] {
  color: #852324 !important;
}
.template.tag-red .folder-name .btn:not(:disabled):not(.disabled),
.template.tag-red .addressbook-name .btn:not(:disabled):not(.disabled),
.folder.tag-red .folder-name .btn:not(:disabled):not(.disabled),
.folder.tag-red .addressbook-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-red .folder-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-red .addressbook-name .btn:not(:disabled):not(.disabled) {
  color: #ff4446 !important;
}
.template.tag-red .template-tag-group .form-control,
.folder.tag-red .template-tag-group .form-control,
.addressbook.tag-red .template-tag-group .form-control {
  color: #852324 !important;
}
.template.tag-red .template-tag-group .form-control:focus,
.folder.tag-red .template-tag-group .form-control:focus,
.addressbook.tag-red .template-tag-group .form-control:focus {
  border-color: #ff4446 !important;
}
.template.tag-red .sign .input-group-prepend .input-group-text,
.folder.tag-red .sign .input-group-prepend .input-group-text,
.addressbook.tag-red .sign .input-group-prepend .input-group-text {
  border: 1px solid #ff4446 !important;
  border-right-color: transparent !important;
  color: #852324;
}
.template.tag-red .sign .form-control,
.folder.tag-red .sign .form-control,
.addressbook.tag-red .sign .form-control {
  color: #852324;
  border: 1px solid #ff4446 !important;
  border-left-color: transparent !important;
}
.template.tag-purple,
.folder.tag-purple,
.addressbook.tag-purple {
  border-color: rgba(111, 66, 193, 0.5);
}
.template.tag-purple .message,
.folder.tag-purple .message,
.addressbook.tag-purple .message {
  border-color: rgba(111, 66, 193, 0.5);
  color: #3a2264;
}
.template.tag-purple .message .bubble,
.folder.tag-purple .message .bubble,
.addressbook.tag-purple .message .bubble {
  background-color: #e2d9f3;
}
.template.tag-purple .message .bubble.arrow-left::after,
.folder.tag-purple .message .bubble.arrow-left::after,
.addressbook.tag-purple .message .bubble.arrow-left::after {
  border-right-color: #e2d9f3;
}
.template.tag-purple .message .bubble.arrow-right::after,
.folder.tag-purple .message .bubble.arrow-right::after,
.addressbook.tag-purple .message .bubble.arrow-right::after {
  border-left-color: #e2d9f3;
}
.template.tag-purple .message .audioplayerContainer,
.folder.tag-purple .message .audioplayerContainer,
.addressbook.tag-purple .message .audioplayerContainer {
  background: #6f42c1;
}
.template.tag-purple .btn:not(:disabled):not(.disabled).border,
.folder.tag-purple .btn:not(:disabled):not(.disabled).border,
.addressbook.tag-purple .btn:not(:disabled):not(.disabled).border {
  border-color: #6f42c1 !important;
}
.template.tag-purple .btn:not(:disabled):not(.disabled),
.template.tag-purple .update-at,
.template.tag-purple .description,
.template.tag-purple .review-status,
.template.tag-purple .item-selection .custom-control-label,
.template.tag-purple .primary-content,
.template.tag-purple .primary-content a,
.template.tag-purple card-body .form-control[readonly],
.folder.tag-purple .btn:not(:disabled):not(.disabled),
.folder.tag-purple .update-at,
.folder.tag-purple .description,
.folder.tag-purple .review-status,
.folder.tag-purple .item-selection .custom-control-label,
.folder.tag-purple .primary-content,
.folder.tag-purple .primary-content a,
.folder.tag-purple card-body .form-control[readonly],
.addressbook.tag-purple .btn:not(:disabled):not(.disabled),
.addressbook.tag-purple .update-at,
.addressbook.tag-purple .description,
.addressbook.tag-purple .review-status,
.addressbook.tag-purple .item-selection .custom-control-label,
.addressbook.tag-purple .primary-content,
.addressbook.tag-purple .primary-content a,
.addressbook.tag-purple card-body .form-control[readonly] {
  color: #3a2264 !important;
}
.template.tag-purple .folder-name .btn:not(:disabled):not(.disabled),
.template.tag-purple .addressbook-name .btn:not(:disabled):not(.disabled),
.folder.tag-purple .folder-name .btn:not(:disabled):not(.disabled),
.folder.tag-purple .addressbook-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-purple .folder-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-purple .addressbook-name .btn:not(:disabled):not(.disabled) {
  color: #6f42c1 !important;
}
.template.tag-purple .template-tag-group .form-control,
.folder.tag-purple .template-tag-group .form-control,
.addressbook.tag-purple .template-tag-group .form-control {
  color: #3a2264 !important;
}
.template.tag-purple .template-tag-group .form-control:focus,
.folder.tag-purple .template-tag-group .form-control:focus,
.addressbook.tag-purple .template-tag-group .form-control:focus {
  border-color: #6f42c1 !important;
}
.template.tag-purple .sign .input-group-prepend .input-group-text,
.folder.tag-purple .sign .input-group-prepend .input-group-text,
.addressbook.tag-purple .sign .input-group-prepend .input-group-text {
  border: 1px solid #6f42c1 !important;
  border-right-color: transparent !important;
  color: #3a2264;
}
.template.tag-purple .sign .form-control,
.folder.tag-purple .sign .form-control,
.addressbook.tag-purple .sign .form-control {
  border: 1px solid #6f42c1 !important;
  border-left-color: transparent !important;
  color: #3a2264;
}
.template.tag-cyan,
.folder.tag-cyan,
.addressbook.tag-cyan {
  border-color: rgba(23, 162, 184, 0.5);
}
.template.tag-cyan .message,
.folder.tag-cyan .message,
.addressbook.tag-cyan .message {
  border-color: rgba(23, 162, 184, 0.5);
  color: #0c5460;
}
.template.tag-cyan .message .bubble,
.folder.tag-cyan .message .bubble,
.addressbook.tag-cyan .message .bubble {
  background-color: #d1ecf1;
}
.template.tag-cyan .message .bubble.arrow-left::after,
.folder.tag-cyan .message .bubble.arrow-left::after,
.addressbook.tag-cyan .message .bubble.arrow-left::after {
  border-right-color: #d1ecf1;
}
.template.tag-cyan .message .bubble.arrow-right::after,
.folder.tag-cyan .message .bubble.arrow-right::after,
.addressbook.tag-cyan .message .bubble.arrow-right::after {
  border-left-color: #d1ecf1;
}
.template.tag-cyan .message .audioplayerContainer,
.folder.tag-cyan .message .audioplayerContainer,
.addressbook.tag-cyan .message .audioplayerContainer {
  background: #17a2b8;
}
.template.tag-cyan .btn:not(:disabled):not(.disabled).border,
.folder.tag-cyan .btn:not(:disabled):not(.disabled).border,
.addressbook.tag-cyan .btn:not(:disabled):not(.disabled).border {
  border-color: #17a2b8 !important;
}
.template.tag-cyan .btn:not(:disabled):not(.disabled),
.template.tag-cyan .update-at,
.template.tag-cyan .description,
.template.tag-cyan .review-status,
.template.tag-cyan .item-selection .custom-control-label,
.template.tag-cyan .primary-content,
.template.tag-cyan .primary-content a,
.template.tag-cyan card-body .form-control[readonly],
.folder.tag-cyan .btn:not(:disabled):not(.disabled),
.folder.tag-cyan .update-at,
.folder.tag-cyan .description,
.folder.tag-cyan .review-status,
.folder.tag-cyan .item-selection .custom-control-label,
.folder.tag-cyan .primary-content,
.folder.tag-cyan .primary-content a,
.folder.tag-cyan card-body .form-control[readonly],
.addressbook.tag-cyan .btn:not(:disabled):not(.disabled),
.addressbook.tag-cyan .update-at,
.addressbook.tag-cyan .description,
.addressbook.tag-cyan .review-status,
.addressbook.tag-cyan .item-selection .custom-control-label,
.addressbook.tag-cyan .primary-content,
.addressbook.tag-cyan .primary-content a,
.addressbook.tag-cyan card-body .form-control[readonly] {
  color: #0c5460 !important;
}
.template.tag-cyan .folder-name .btn:not(:disabled):not(.disabled),
.template.tag-cyan .addressbook-name .btn:not(:disabled):not(.disabled),
.folder.tag-cyan .folder-name .btn:not(:disabled):not(.disabled),
.folder.tag-cyan .addressbook-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-cyan .folder-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-cyan .addressbook-name .btn:not(:disabled):not(.disabled) {
  color: #17a2b8 !important;
}
.template.tag-cyan .template-tag-group .form-control,
.folder.tag-cyan .template-tag-group .form-control,
.addressbook.tag-cyan .template-tag-group .form-control {
  color: #0c5460 !important;
}
.template.tag-cyan .template-tag-group .form-control:focus,
.folder.tag-cyan .template-tag-group .form-control:focus,
.addressbook.tag-cyan .template-tag-group .form-control:focus {
  border-color: #17a2b8 !important;
}
.template.tag-cyan .sign .input-group-prepend .input-group-text,
.folder.tag-cyan .sign .input-group-prepend .input-group-text,
.addressbook.tag-cyan .sign .input-group-prepend .input-group-text {
  border: 1px solid #17a2b8 !important;
  border-right-color: transparent !important;
  color: #0c5460;
}
.template.tag-cyan .sign .form-control,
.folder.tag-cyan .sign .form-control,
.addressbook.tag-cyan .sign .form-control {
  border: 1px solid #17a2b8 !important;
  border-left-color: transparent !important;
  color: #0c5460;
}
.template.tag-blue,
.folder.tag-blue,
.addressbook.tag-blue {
  border-color: rgba(0, 107, 252, 0.5);
}
.template.tag-blue .message,
.folder.tag-blue .message,
.addressbook.tag-blue .message {
  border-color: rgba(0, 107, 252, 0.5);
  color: #003883;
}
.template.tag-blue .message .bubble,
.folder.tag-blue .message .bubble,
.addressbook.tag-blue .message .bubble {
  background-color: #cce1fe;
}
.template.tag-blue .message .bubble.arrow-left::after,
.folder.tag-blue .message .bubble.arrow-left::after,
.addressbook.tag-blue .message .bubble.arrow-left::after {
  border-right-color: #cce1fe;
}
.template.tag-blue .message .bubble.arrow-right::after,
.folder.tag-blue .message .bubble.arrow-right::after,
.addressbook.tag-blue .message .bubble.arrow-right::after {
  border-left-color: #cce1fe;
}
.template.tag-blue .message .audioplayerContainer,
.folder.tag-blue .message .audioplayerContainer,
.addressbook.tag-blue .message .audioplayerContainer {
  background: #006bfc;
}
.template.tag-blue .btn:not(:disabled):not(.disabled).border,
.folder.tag-blue .btn:not(:disabled):not(.disabled).border,
.addressbook.tag-blue .btn:not(:disabled):not(.disabled).border {
  border-color: #006bfc !important;
}
.template.tag-blue .btn:not(:disabled):not(.disabled),
.template.tag-blue .update-at,
.template.tag-blue .description,
.template.tag-blue .review-status,
.template.tag-blue .item-selection .custom-control-label,
.template.tag-blue .primary-content,
.template.tag-blue .primary-content a,
.template.tag-blue card-body .form-control[readonly],
.folder.tag-blue .btn:not(:disabled):not(.disabled),
.folder.tag-blue .update-at,
.folder.tag-blue .description,
.folder.tag-blue .review-status,
.folder.tag-blue .item-selection .custom-control-label,
.folder.tag-blue .primary-content,
.folder.tag-blue .primary-content a,
.folder.tag-blue card-body .form-control[readonly],
.addressbook.tag-blue .btn:not(:disabled):not(.disabled),
.addressbook.tag-blue .update-at,
.addressbook.tag-blue .description,
.addressbook.tag-blue .review-status,
.addressbook.tag-blue .item-selection .custom-control-label,
.addressbook.tag-blue .primary-content,
.addressbook.tag-blue .primary-content a,
.addressbook.tag-blue card-body .form-control[readonly] {
  color: #003883 !important;
}
.template.tag-blue .folder-name .btn:not(:disabled):not(.disabled),
.template.tag-blue .addressbook-name .btn:not(:disabled):not(.disabled),
.folder.tag-blue .folder-name .btn:not(:disabled):not(.disabled),
.folder.tag-blue .addressbook-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-blue .folder-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-blue .addressbook-name .btn:not(:disabled):not(.disabled) {
  color: #006bfc !important;
}
.template.tag-blue .template-tag-group .form-control,
.folder.tag-blue .template-tag-group .form-control,
.addressbook.tag-blue .template-tag-group .form-control {
  color: #003883 !important;
}
.template.tag-blue .template-tag-group .form-control:focus,
.folder.tag-blue .template-tag-group .form-control:focus,
.addressbook.tag-blue .template-tag-group .form-control:focus {
  border-color: #006bfc !important;
}
.template.tag-blue .sign .input-group-prepend .input-group-text,
.folder.tag-blue .sign .input-group-prepend .input-group-text,
.addressbook.tag-blue .sign .input-group-prepend .input-group-text {
  border: 1px solid #006bfc !important;
  border-right-color: transparent !important;
  color: #003883;
}
.template.tag-blue .sign .form-control,
.folder.tag-blue .sign .form-control,
.addressbook.tag-blue .sign .form-control {
  border: 1px solid #006bfc !important;
  border-left-color: transparent !important;
  color: #003883;
}
.template.tag-green,
.folder.tag-green,
.addressbook.tag-green {
  border-color: rgba(23, 193, 61, 0.5);
}
.template.tag-green .message,
.folder.tag-green .message,
.addressbook.tag-green .message {
  border-color: rgba(23, 193, 61, 0.5);
  color: #0c6420;
}
.template.tag-green .message .bubble,
.folder.tag-green .message .bubble,
.addressbook.tag-green .message .bubble {
  background-color: #d1f3d8;
}
.template.tag-green .message .bubble.arrow-left::after,
.folder.tag-green .message .bubble.arrow-left::after,
.addressbook.tag-green .message .bubble.arrow-left::after {
  border-right-color: #d1f3d8;
}
.template.tag-green .message .bubble.arrow-right::after,
.folder.tag-green .message .bubble.arrow-right::after,
.addressbook.tag-green .message .bubble.arrow-right::after {
  border-left-color: #d1f3d8;
}
.template.tag-green .message .audioplayerContainer,
.folder.tag-green .message .audioplayerContainer,
.addressbook.tag-green .message .audioplayerContainer {
  background: #17c13d;
}
.template.tag-green .btn:not(:disabled):not(.disabled).border,
.folder.tag-green .btn:not(:disabled):not(.disabled).border,
.addressbook.tag-green .btn:not(:disabled):not(.disabled).border {
  border-color: #17c13d !important;
}
.template.tag-green .btn:not(:disabled):not(.disabled),
.template.tag-green .update-at,
.template.tag-green .description,
.template.tag-green .review-status,
.template.tag-green .item-selection .custom-control-label,
.template.tag-green .primary-content,
.template.tag-green .primary-content a,
.template.tag-green card-body .form-control[readonly],
.folder.tag-green .btn:not(:disabled):not(.disabled),
.folder.tag-green .update-at,
.folder.tag-green .description,
.folder.tag-green .review-status,
.folder.tag-green .item-selection .custom-control-label,
.folder.tag-green .primary-content,
.folder.tag-green .primary-content a,
.folder.tag-green card-body .form-control[readonly],
.addressbook.tag-green .btn:not(:disabled):not(.disabled),
.addressbook.tag-green .update-at,
.addressbook.tag-green .description,
.addressbook.tag-green .review-status,
.addressbook.tag-green .item-selection .custom-control-label,
.addressbook.tag-green .primary-content,
.addressbook.tag-green .primary-content a,
.addressbook.tag-green card-body .form-control[readonly] {
  color: #0c6420 !important;
}
.template.tag-green .folder-name .btn:not(:disabled):not(.disabled),
.template.tag-green .addressbook-name .btn:not(:disabled):not(.disabled),
.folder.tag-green .folder-name .btn:not(:disabled):not(.disabled),
.folder.tag-green .addressbook-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-green .folder-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-green .addressbook-name .btn:not(:disabled):not(.disabled) {
  color: #17c13d !important;
}
.template.tag-green .template-tag-group .form-control,
.folder.tag-green .template-tag-group .form-control,
.addressbook.tag-green .template-tag-group .form-control {
  color: #0c6420 !important;
}
.template.tag-green .template-tag-group .form-control:focus,
.folder.tag-green .template-tag-group .form-control:focus,
.addressbook.tag-green .template-tag-group .form-control:focus {
  border-color: #17c13d !important;
}
.template.tag-green .sign .input-group-prepend .input-group-text,
.folder.tag-green .sign .input-group-prepend .input-group-text,
.addressbook.tag-green .sign .input-group-prepend .input-group-text {
  border: 1px solid #17c13d !important;
  border-right-color: transparent !important;
  color: #0c6420;
}
.template.tag-green .sign .form-control,
.folder.tag-green .sign .form-control,
.addressbook.tag-green .sign .form-control {
  border: 1px solid #17c13d !important;
  border-left-color: transparent !important;
  color: #0c6420;
}
.template.tag-yellow,
.folder.tag-yellow,
.addressbook.tag-yellow {
  border-color: rgba(255, 186, 0, 0.5);
}
.template.tag-yellow .message,
.folder.tag-yellow .message,
.addressbook.tag-yellow .message {
  border-color: rgba(255, 186, 0, 0.5);
  color: #856100;
}
.template.tag-yellow .message .bubble,
.folder.tag-yellow .message .bubble,
.addressbook.tag-yellow .message .bubble {
  background-color: #fff1cc;
}
.template.tag-yellow .message .bubble.arrow-left::after,
.folder.tag-yellow .message .bubble.arrow-left::after,
.addressbook.tag-yellow .message .bubble.arrow-left::after {
  border-right-color: #fff1cc;
}
.template.tag-yellow .message .bubble.arrow-right::after,
.folder.tag-yellow .message .bubble.arrow-right::after,
.addressbook.tag-yellow .message .bubble.arrow-right::after {
  border-left-color: #fff1cc;
}
.template.tag-yellow .message .audioplayerContainer,
.folder.tag-yellow .message .audioplayerContainer,
.addressbook.tag-yellow .message .audioplayerContainer {
  background: #ffba00;
}
.template.tag-yellow .btn:not(:disabled):not(.disabled).border,
.folder.tag-yellow .btn:not(:disabled):not(.disabled).border,
.addressbook.tag-yellow .btn:not(:disabled):not(.disabled).border {
  border-color: #ffba00 !important;
}
.template.tag-yellow .btn:not(:disabled):not(.disabled),
.template.tag-yellow .update-at,
.template.tag-yellow .description,
.template.tag-yellow .review-status,
.template.tag-yellow .item-selection .custom-control-label,
.template.tag-yellow .primary-content,
.template.tag-yellow .primary-content a,
.template.tag-yellow card-body .form-control[readonly],
.folder.tag-yellow .btn:not(:disabled):not(.disabled),
.folder.tag-yellow .update-at,
.folder.tag-yellow .description,
.folder.tag-yellow .review-status,
.folder.tag-yellow .item-selection .custom-control-label,
.folder.tag-yellow .primary-content,
.folder.tag-yellow .primary-content a,
.folder.tag-yellow card-body .form-control[readonly],
.addressbook.tag-yellow .btn:not(:disabled):not(.disabled),
.addressbook.tag-yellow .update-at,
.addressbook.tag-yellow .description,
.addressbook.tag-yellow .review-status,
.addressbook.tag-yellow .item-selection .custom-control-label,
.addressbook.tag-yellow .primary-content,
.addressbook.tag-yellow .primary-content a,
.addressbook.tag-yellow card-body .form-control[readonly] {
  color: #856100 !important;
}
.template.tag-yellow .folder-name .btn:not(:disabled):not(.disabled),
.template.tag-yellow .addressbook-name .btn:not(:disabled):not(.disabled),
.folder.tag-yellow .folder-name .btn:not(:disabled):not(.disabled),
.folder.tag-yellow .addressbook-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-yellow .folder-name .btn:not(:disabled):not(.disabled),
.addressbook.tag-yellow .addressbook-name .btn:not(:disabled):not(.disabled) {
  color: #ffba00 !important;
}
.template.tag-yellow .template-tag-group .form-control,
.folder.tag-yellow .template-tag-group .form-control,
.addressbook.tag-yellow .template-tag-group .form-control {
  color: #856100 !important;
}
.template.tag-yellow .template-tag-group .form-control:focus,
.folder.tag-yellow .template-tag-group .form-control:focus,
.addressbook.tag-yellow .template-tag-group .form-control:focus {
  border-color: #ffba00 !important;
}
.template.tag-yellow .sign .input-group-prepend .input-group-text,
.folder.tag-yellow .sign .input-group-prepend .input-group-text,
.addressbook.tag-yellow .sign .input-group-prepend .input-group-text {
  border: 1px solid #ffba00 !important;
  border-right-color: transparent !important;
  color: #856100;
}
.template.tag-yellow .sign .form-control,
.folder.tag-yellow .sign .form-control,
.addressbook.tag-yellow .sign .form-control {
  border: 1px solid #ffba00 !important;
  border-left-color: transparent !important;
  color: #856100;
}

.folder .sign .input-group-prepend .input-group-text {
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  border: 1px solid #e7e7e7 !important;
  border-right-color: transparent !important;
  color: #ffba00;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.folder .sign .form-control {
  padding: 0.25rem 0.5rem;
  text-align: center;
  height: auto !important;
  border: 1px solid #e7e7e7 !important;
  border-left-color: transparent !important;
  border-radius: 0rem 0.5rem 0.5rem 0;
  color: #ffba00;
  background-color: #fff;
}

.batch-hidden {
  display: flex;
  transition: opacity 0.15s linear;
  opacity: 1;
}

.batch-show {
  display: none;
  transition: opacity 0.15s linear;
  opacity: 0;
}

.batch-show-flex {
  display: none;
  transition: opacity 0.15s linear;
  opacity: 1;
}

.batch-opt .batch-hidden {
  opacity: 0;
  display: none !important;
}
.batch-opt .batch-show {
  opacity: 1;
  display: block;
}
.batch-opt .batch-show-flex {
  opacity: 1;
  display: flex !important;
}
.batch-opt card-header .sign {
  opacity: 0.5;
}
.batch-opt card-header .template-tag-group {
  display: none;
}
.batch-opt .addressbook-selector {
  display: none !important;
}
.batch-opt card-header .item-selection {
  display: flex;
  height: 38px;
  display: flex;
  align-items: center;
  justify-items: end;
}
.batch-opt card-footer {
  position: relative;
}
.batch-opt card-footer::after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.75);
}

.tag-none {
  color: #282b31;
}

.tag-red {
  color: #ff4446;
}

.tag-purple {
  color: #6f42c1;
}

.tag-cyan {
  color: #17a2b8;
}

.tag-blue {
  color: #006bfc;
}

.tag-green {
  color: #17c13d;
}

.tag-yellow {
  color: #ffba00;
}

.sms-signature-preview {
  position: absolute;
  top: 0.425rem;
  left: 0.25rem;
  display: inline;
}

.review-accept-animation {
  animation-duration: 350ms;
  animation-name: accept-success;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 350ms;
  -webkit-animation-name: accept-success;
  -webkit-animation-timing-function: ease-in-out;
}

.review-reject-animation {
  animation-duration: 350ms;
  animation-name: reject-danger;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 350ms;
  -webkit-animation-name: reject-danger;
  -webkit-animation-timing-function: ease-in-out;
}

@keyframes accept-success {
  0% {
    transform: scale3d(0.25, 0.25, 1);
    -webkit-transform: scale3d(0.25, 0.25, 1);
    background: #17c13d;
  }
  65% {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.15, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes accept-success {
  0% {
    transform: scale3d(0.25 0.25, 1);
    -webkit-transform: scale3d(0.25, 0.25, 1);
    background: #17c13d;
  }
  65% {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.15, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@keyframes reject-danger {
  0% {
    transform: scale3d(0.25, 0.25, 1);
    -webkit-transform: scale3d(0.25, 0.25, 1);
    background: #ff4446;
  }
  65% {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.15, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes reject-danger {
  0% {
    transform: scale3d(0.25, 0.25, 1);
    -webkit-transform: scale3d(0.25, 0.25, 1);
    background: #ff4446;
  }
  65% {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.15, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
    -webkit-transform: scale3d(1, 1, 1);
  }
}
addressbook-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
addressbook-item .addressbook-checkbox {
  display: none;
  opacity: 0;
}
addressbook-item .addressbook-checkbox:checked ~ .addressbook-icon {
  color: #006bfc;
  border-color: #006bfc;
  box-shadow: 0 0 0.5rem rgba(0, 107, 252, 0.5) !important;
}
addressbook-item .addressbook-checkbox:checked ~ .addressbook-icon:before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 0.15rem;
  right: 0.15rem;
  font-size: 1rem;
  font-weight: 800;
  color: #006bfc;
}
addressbook-item .addressbook-checkbox:disabled ~ .addressbook-icon {
  color: #dce0e9 !important;
}
addressbook-item .addressbook-checkbox:disabled ~ .addressbook-icon:before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 0.15rem;
  right: 0.15rem;
  font-size: 1rem;
  font-weight: 800;
  color: #dce0e9 !important;
}
addressbook-item.selected .addressbook-icon {
  color: #006bfc;
  border-color: #006bfc;
  box-shadow: 0 0 0.5rem rgba(0, 107, 252, 0.5) !important;
}
addressbook-item.selected .addressbook-icon:before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  top: 0.15rem;
  right: 0.15rem;
  font-size: 1rem;
  font-weight: 800;
  color: #006bfc;
}
addressbook-item .addressbook-icon {
  position: relative;
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border: 1px solid #f3f3f3;
  color: #393e49;
  text-align: center;
  font-size: 2rem;
  line-height: 4rem;
  border-radius: 0.5rem;
  margin-bottom: 0;
  cursor: pointer;
  transition: all 0.1s linear;
}
addressbook-item addressbook-title {
  display: block;
  color: #006bfc;
  font-weight: 500;
  padding: 0.5rem 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
addressbook-item addressbook-description {
  display: block;
  color: #41464f;
  font-size: 85%;
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.folder-top:not(:first-child) {
  position: relative;
  border-bottom: 1px solid #e7e7e7 !important;
}
.folder-top.active {
  border-bottom: 0px !important;
}
.is-show-address,
.is-show-address2 {
  color: #41464f;
  cursor: pointer;
  position: absolute;
  right: 20px;
  font-size: 12px;
}
.send-folder-name .btn-right-chevron-down::before {
  bottom: 0.6rem !important;
}
.addr-arrow {
  width: 12px;
  transition: all 0.3s;
}
.addr-arrow.active {
  transform: rotate(180deg);
}
.send-folder-name {
  font-size: 13px;
  display: flex;
  align-items: center;
  border: 1px solid #e7e7e7 !important;
  border-bottom: none !important;
  width: 120px;
  height: 30px;
  justify-content: center;
  border-top-right-radius: 14px;
}
.folder-item.active {
  border: 1px solid #e7e7e7;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.folder-item addressbook-item {
  padding: 20px 0;
}
#addressbooks-content div:not(:first-child) .folder-item.active,
#parent_addressbook-content div:not(:first-child) .folder-item.active {
  border: 1px solid #e7e7e7 !important;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
#addressbooks-content div:first-child .send-folder-name,
#parent_addressbook-content div:first-child .send-folder-name {
  display: none;
}

#addressbooks-content div:not(:first-child) .folder-item cell,
#parent_addressbook-content div:not(:first-child) .folder-item cell {
  display: none;
  height: 0;
  transition: all 0.4s;
}
#addressbooks-content div:not(:first-child) .folder-item cell.active,
#parent_addressbook-content div:not(:first-child) .folder-item cell.active {
  height: 100%;
  display: block;
}

.chart-tooltip {
  min-width: 150px;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  padding: 1rem;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-radius: 3px;
}
.chart-tooltip p {
  margin-bottom: 0;
}

.display-charts {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
}

.max-piecharts {
  position: relative;
  z-index: 2;
}
.max-piecharts svg > rect {
  fill: transparent;
}
.color-box1,
.color-box2,
.color-box3 {
  display: inline-block;
  width: 10px;
  height: 10px;
}
.color-box1 {
  background-color: #006bfc;
}
.color-box2 {
  background-color: #3288fc;
}
.color-box3 {
  background-color: #64a5fc;
}
.legend-content {
  display: none;
  max-height: 240px;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  align-items: center;
}
.legend-content.active {
  display: block;
}
.legend-content .legend-table {
  width: 100%;
  font-size: 0.7em;
  line-height: 2em;
}
.legend-content .legend-table .title {
  font-weight: 500;
  border-bottom: 1px solid #e7e7e7;
}
.legend-content .legend-table .progress {
  width: 90%;
  background-color: #e7e7e7;
  height: 5px;
}
.legend-content .legend-table .progress .progress-bar {
  height: 5px;
  background-color: #006bfc;
  width: 0%;
}

.tab-link {
  font-weight: 300;
  color: #393e49;
}
.tab-link:hover {
  font-weight: 400;
  text-decoration: none;
}
.tab-link.active {
  font-weight: 500;
  color: #006bfc;
}

/*histogram-charts*/
.histogram-charts {
  min-height: 300px;
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.histogram-charts .histogram-item {
  margin: 2px;
  display: block;
  background-color: #ccf4de;
  height: calc(4.16666667% - 4px);
  min-height: 10px;
  flex: 0 0 calc(14.2857142% - 4px);
  max-width: calc(14.2857142% - 4px);
}
.histogram-charts .histogram-item:hover {
  background-color: #006bfc !important;
  box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.2);
}

.submail-charts-tooltip {
  min-width: 150px;
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 2px 1px -1px rgba(0, 0, 0, 0.12);
  z-index: 9999;
  padding: 15px;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  border-radius: 2px;
}
.submail-charts-tooltip .title {
  font-size: 1.1em;
  line-height: 1.1em;
  color: #333;
  font-weight: 500;
}
.submail-charts-tooltip .value {
  font-size: 1em;
  color: #666;
}

.histogram-charts-vaxis-container {
  font-size: 0.8rem;
  line-height: 0.8rem;
  margin-top: 0.5rem;
  display: flex;
}
.histogram-charts-vaxis-container .histogram-charts-vaxis-item {
  width: 14.2857142%;
  text-align: center;
}

.histogram-charts-legend-container {
  font-size: 0.8rem;
  line-height: 0.8rem;
  margin-top: 0.5rem;
  position: relative;
  display: flex;
}
.histogram-charts-legend-container .histogram-charts-legend-item {
  margin: 2px;
  display: block;
  background-color: #e7e7e7;
  width: calc(20% - 4px);
  height: calc(4.16666667% - 4px);
  min-height: 10px;
}
.histogram-charts-legend-container .histogram-charts-legend-item:nth-child(1) {
  background-color: #afd0fb;
}
.histogram-charts-legend-container .histogram-charts-legend-item:nth-child(2) {
  background-color: #8abafb;
}
.histogram-charts-legend-container .histogram-charts-legend-item:nth-child(3) {
  background-color: #64a5fc;
}
.histogram-charts-legend-container .histogram-charts-legend-item:nth-child(4) {
  background-color: #3288fc;
}
.histogram-charts-legend-container .histogram-charts-legend-item:nth-child(5) {
  background-color: #006bfc;
}
.histogram-charts-legend-container .histogram-charts-legend-dec {
  margin: 2px;
  display: block;
  color: #666;
  width: calc(20% - 4px);
  text-align: right;
}

.gchart-hax-container {
  font-size: 0.6em !important;
  line-height: 14px !important;
}

.mdi-date-selector,
.mdi-selector {
  position: relative;
}
.mdi-date-selector.open mdi-selector,
.mdi-selector.open mdi-selector {
  display: block;
}
.mdi-date-selector.open-up mdi-selector,
.mdi-selector.open-up mdi-selector {
  bottom: 0px;
  top: auto;
}
.mdi-date-selector.open-right mdi-selector,
.mdi-selector.open-right mdi-selector {
  right: 0px;
  left: auto;
}
.mdi-date-selector mdi-selector,
.mdi-selector mdi-selector {
  background-color: #fff;
  position: absolute;
  z-index: 1010;
  display: none;
  border: 1px solid #d1d5da;
  max-height: 450px;
  overflow-y: auto;
  border-radius: 0.5rem;
  top: 0px;
  left: 0;
}
.mdi-date-selector mdi-selector mdi-selector-body,
.mdi-selector mdi-selector mdi-selector-body {
  padding: 0.5rem 0;
  display: block;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option,
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option {
  position: relative;
  display: block;
  padding: 0.625rem 3rem 0.625rem 1.5rem !important;
  cursor: pointer;
  white-space: nowrap;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option.disabled,
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option[disabled],
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option:disabled,
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option.disabled,
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option[disabled],
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option:disabled {
  pointer-events: none;
  color: #dce0e9 !important;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option:hover,
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option:hover {
  background-color: #e7e7e7;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option:active,
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option:active {
  font-weight: 500;
  color: #006bfc;
}
.mdi-date-selector mdi-selector mdi-selector-body mdi-selector-option[selected],
.mdi-selector mdi-selector mdi-selector-body mdi-selector-option[selected] {
  font-weight: 500;
  color: #006bfc;
}
.mdi-date-selector
  mdi-selector
  mdi-selector-body
  mdi-selector-option[selected]::before,
.mdi-selector
  mdi-selector
  mdi-selector-body
  mdi-selector-option[selected]::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 0.8rem;
}
.mdi-date-selector mdi-selector mdi-selector-title,
.mdi-selector mdi-selector mdi-selector-title {
  display: block;
  line-height: 1.3rem;
  font-weight: 500;
  padding: 5px 0;
  white-space: nowrap;
}
.mdi-date-selector mdi-selector mdi-selector-label,
.mdi-selector mdi-selector mdi-selector-label {
  display: block;
  line-height: 1.3rem;
  font-size: 0.7rem;
  color: #999;
  font-weight: 500;
  padding: 5px 0;
  white-space: nowrap;
}
.mdi-date-selector mdi-selector mdi-selector-header,
.mdi-selector mdi-selector mdi-selector-header {
  padding: 10px 20px 5px 20px;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  white-space: nowrap;
}
.mdi-date-selector mdi-selector mdi-selector-header mdi-selector-range-text,
.mdi-selector mdi-selector mdi-selector-header mdi-selector-range-text {
  font-size: 75%;
  font-weight: 600;
  color: #333;
  white-space: nowrap;
}
.mdi-date-selector mdi-selector mdi-selector-hr,
.mdi-selector mdi-selector mdi-selector-hr {
  border-top: 1px solid #ddd;
  display: block;
  margin: 5px 0;
}
.mdi-date-selector mdi-selector mdi-selector-footer,
.mdi-selector mdi-selector mdi-selector-footer {
  border-top: 1px solid #ddd;
  padding: 5px 20px 10px 20px;
  font-weight: 500;
  font-size: 75%;
  color: #999;
  display: block;
  white-space: nowrap;
}

[role="mdi-date-selector"],
[role="mdi-selector"] {
  text-overflow: ellipsis;
  white-space: nowrap;
}

mdi-calendar {
  display: block;
  width: 270px;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  position: relative;
}
mdi-calendar mdi-calendar {
  width: 100%;
  display: block;
}
mdi-calendar mdi-calendar-header {
  width: 100%;
  background-color: #e7e7e7;
  display: flex;
  font-size: 90%;
  padding-left: 1.5rem;
  padding-right: 1.7rem;
}
mdi-calendar mdi-calendar-footer {
  border-top: 1px solid #ddd;
  padding: 5px 20px 10px 20px;
  font-weight: 500;
  font-size: 75%;
  color: #999;
  display: block;
}
mdi-calendar mdi-calendar-month {
  padding-top: 0.5rem;
  display: block;
  font-size: 90%;
  border-bottom: 1px solid #e7e7e7;
}
mdi-calendar mdi-calendar-item {
  display: block;
  flex: 0 0 14.2857142%;
  max-width: 14.2857142%;
  text-align: center;
  line-height: 2.35rem;
}
mdi-calendar mdi-calendar-body {
  display: block;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  width: 100%;
  height: 230px;
  overflow: auto !important;
}
mdi-calendar mdi-calendar-body-warp {
  padding-bottom: 0.5rem;
  display: block;
}
mdi-calendar mdi-calendar-picker {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item {
  border-radius: 50%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  font-size: 90%;
  line-height: 2rem;
  cursor: pointer;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.offset-1 {
  margin-left: 14.2857142%;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.offset-2 {
  margin-left: 28.5714284%;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.offset-3 {
  margin-left: 42.8571426%;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.offset-4 {
  margin-left: 57.1428568%;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.offset-5 {
  margin-left: 71.428571%;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.offset-6 {
  margin-left: 85.7142852%;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item:hover {
  background-color: #e7e7e7;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.disabled,
mdi-calendar mdi-calendar-picker mdi-calendar-item.range-disabled {
  color: #dce0e9;
  pointer-events: none;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.active {
  background-color: rgba(0, 107, 252, 0.9);
  color: #fff;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.range-hover {
  border-radius: 0;
  background-color: rgba(0, 107, 252, 0.1);
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.range-active {
  border-radius: 0;
  background-color: rgba(0, 107, 252, 0.5);
  color: #fff !important;
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.range-start {
  border-radius: 50% 0 0 50%;
  font-weight: 600;
  color: #fff !important;
  background-color: rgba(0, 107, 252, 0.9);
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.range-end {
  border-radius: 0 50% 50% 0;
  color: #fff !important;
  font-weight: 600;
  background-color: rgba(0, 107, 252, 0.9);
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.selected {
  border-radius: 50%;
  font-weight: 600;
  color: #fff !important;
  background-color: rgba(0, 107, 252, 0.9);
}
mdi-calendar mdi-calendar-picker mdi-calendar-item.today {
  font-weight: 600;
  color: #006bfc;
}

@supports (position: sticky) {
  mdi-calendar mdi-calendar-month {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 1;
  }
}
.mdi-tabs .mdi-tab-link,
mdi-tabs .mdi-tab-link {
  position: relative;
  border-bottom: 3px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.mdi-tabs .mdi-tab-link::before,
mdi-tabs .mdi-tab-link::before {
  position: absolute;
  content: "";
  bottom: -3px;
  height: 3px;
  width: 0px;
  left: 50%;
  opacity: 0;
  background-color: #006bfc;
  transition: all 0.2s linear;
}
.mdi-tabs .mdi-tab-link:hover,
.mdi-tabs .mdi-tab-link:focus,
mdi-tabs .mdi-tab-link:hover,
mdi-tabs .mdi-tab-link:focus {
  border-color: #f5f7fa #f5f7fa #dce0e9;
}
.mdi-tabs .mdi-tab-link.disabled,
mdi-tabs .mdi-tab-link.disabled {
  color: #41464f;
  background-color: transparent;
  border-color: transparent;
}
.mdi-tabs .mdi-tab-link.active,
.mdi-tabs .mdi-tab-item.show .mdi-tab-link,
.mdi-tabs mdi-tab-item.show .mdi-tab-link,
mdi-tabs .mdi-tab-link.active,
mdi-tabs .mdi-tab-item.show .mdi-tab-link,
mdi-tabs mdi-tab-item.show .mdi-tab-link {
  color: #49505f;
  background-color: #fff;
}
.mdi-tabs .mdi-tab-link.active::before,
.mdi-tabs .mdi-tab-item.show .mdi-tab-link::before,
.mdi-tabs mdi-tab-item.show .mdi-tab-link::before,
mdi-tabs .mdi-tab-link.active::before,
mdi-tabs .mdi-tab-item.show .mdi-tab-link::before,
mdi-tabs mdi-tab-item.show .mdi-tab-link::before {
  left: 0%;
  opacity: 1;
  width: 100%;
}
.mdi-tabs .dropdown-menu,
mdi-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

.sub-state {
  width: 100px;
  padding-left: 20px;
}
.sub-name {
  width: 175px;
}
.sub-mobile,
.sub-notes {
  width: 110px;
}
.sub-user-name,
.last-login-time {
  width: 190px;
}

.sub-show {
  padding-right: 15px;
}

.border-primary-50 {
  border-color: rgba(0, 107, 252, 0.5) !important;
}

.border-danger-50 {
  border-color: rgba(255, 68, 70, 0.5) !important;
}

.border-warning-50 {
  border-color: rgba(255, 186, 0, 0.5) !important;
}

.border-success-50 {
  border-color: rgba(23, 193, 61, 0.5) !important;
}

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

.border-secondary-50 {
  border-color: rgba(96, 104, 121, 0.5) !important;
}

.border-info-50 {
  border-color: rgba(23, 162, 184, 0.5) !important;
}

.border-dark-50 {
  border-color: rgba(57, 62, 73, 0.5) !important;
}

mdi-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
mdi-input-group .clear-input {
  position: absolute;
  right: 3px;
  top: 5px;
  z-index: 10;
}
.aim_temp_seach .form-control,
#signature_seach .form-control,
#app_seach .form-control {
  border: 1px solid #e7e7e7 !important;
}
.aim_temp_seach .form-control:focus,
#signature_seach .form-control:focus,
#app_seach .form-control:focus {
  border-color: #7db4ff !important;
}
mdi-input-group .input-group-prepend .input-group-text,
mdi-input-group .input-group-append .input-group-text {
  border-color: #e7e7e7 !important;
  border-right-color: transparent !important;
  background-color: #fff !important;
}
mdi-input-group .form-control {
  border-color: transparent;
  border-bottom-color: transparent;
}
mdi-input-group .form-control:focus {
  border-bottom-color: #7db4ff !important;
}
mdi-input-group > .form-control,
mdi-input-group > .form-control-plaintext,
mdi-input-group > .custom-select,
mdi-input-group > .custom-file {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
mdi-input-group > .form-control + .form-control,
mdi-input-group > .form-control + .custom-select,
mdi-input-group > .form-control + .custom-file,
mdi-input-group > .form-control-plaintext + .form-control,
mdi-input-group > .form-control-plaintext + .custom-select,
mdi-input-group > .form-control-plaintext + .custom-file,
mdi-input-group > .custom-select + .form-control,
mdi-input-group > .custom-select + .custom-select,
mdi-input-group > .custom-select + .custom-file,
mdi-input-group > .custom-file + .form-control,
mdi-input-group > .custom-file + .custom-select,
mdi-input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
mdi-input-group > .form-control:focus,
mdi-input-group > .custom-select:focus,
mdi-input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
mdi-input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
mdi-input-group > .form-control:not(:last-child),
mdi-input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
mdi-input-group > .form-control:not(:first-child),
mdi-input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
mdi-input-group > .custom-file {
  display: flex;
  align-items: center;
}
mdi-input-group > .custom-file:not(:last-child) .custom-file-label,
mdi-input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
mdi-input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

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

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

.backdrop {
  backdrop-filter: saturate(180%) blur(1rem);
  -webkit-backdrop-filter: saturate(180%) blur(1rem);
}

.backdrop-white {
  background: rgba(255, 255, 255, 0.8);
}

.backdrop-white-50 {
  background: rgba(255, 255, 255, 0.5);
}

.backdrop-white-75 {
  background: rgba(255, 255, 255, 0.75);
}

.backdrop-white-25 {
  background: rgba(255, 255, 255, 0.25);
}

.backdrop-white-90 {
  background: rgba(255, 255, 255, 0.9);
}

.backdrop-dark {
  background: rgba(40, 43, 49, 0.8);
}

.backdrop-dark-25 {
  background: rgba(40, 43, 49, 0.25);
}

.backdrop-dark-50 {
  background: rgba(40, 43, 49, 0.5);
}

.backdrop-dark-75 {
  background: rgba(40, 43, 49, 0.75);
}

.backdrop-dark-90 {
  background: rgba(40, 43, 49, 0.9);
}

@supports (not (-webkit-backdrop-filter: blur(1rem))) and
  (not (backdrop-filter: blur(1rem))) {
  mdi-notif,
  mdi-notif-collect,
  .mdi-feedback-content-cell,
  .mdi-feedback-sidebar-cell {
    background: #fff;
  }

  .backdrop,
  .backdrop-white,
  .backdrop-white-25,
  .backdrop-white-50,
  .backdrop-white-75,
  .backdrop-white-90 {
    background: #fff;
  }

  .backdrop-dark,
  .backdrop-dark-25,
  .backdrop-dark-50,
  .backdrop-dark-75,
  .backdrop-dark-90 {
    background: #000;
  }
}
/* progress */
submail-progress {
  position: absolute;
  display: block;
  top: 64px;
  left: 230px;
  right: 0px;
  height: 2px;
}

progress-bar {
  display: block;
  background: #006bfc;
  height: 100%;
  width: 0%;
  opacity: 0;
  transition: 0.2s cubic-bezier(0.935, 0.01, 0.27, 1) all;
}

.mdi-progress {
  position: relative;
  display: flex;
  height: 5rem;
  background-color: #e7e7e7;
  flex-wrap: nowrap;
  align-items: center5;
}
.mdi-progress .mdi-progress-bar {
  font-size: 85%;
  font-weight: 400;
  color: #fff;
  width: 0%;
  transition: 0.5s cubic-bezier(0.935, 0.01, 0.27, 1) width;
  height: 100%;
}

card-body .mdi-progress {
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.tab-title {
  position: relative;
  margin: 14px 0;
}
.tab-title > div {
  cursor: pointer;
}
.tab-con {
  position: absolute;
  z-index: 99;
  background: #fff;
  display: none;
  border: 1px solid #d1d5da;
  border-radius: 0.5rem;
  padding: 0.6rem 0.4rem;
  max-height: 450px;
  overflow-y: auto;
}
.analysis-down {
  border: none;
  outline: none;
  font-size: 1rem;
  height: 38px;
  line-height: 38px;
  text-align: center;
  padding-right: 1.5rem;
  color: #006cff;
  position: relative;
  border-radius: 0.25rem;
  background: #f3f3f3 linear-gradient(180deg, whitesmoke, #f3f3f3) repeat-x;
  transition: all 0.2s;
}
.analysis-down:hover {
  background: #e0e0e0;
  border-color: #e0e0e0;
}
.analysis-down::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: 800;
  font-variant: normal;
  text-transform: none;
  font-size: 75%;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 0.6rem;
  bottom: 0.75rem;
}
.text-dec1,
.text-dec2,
.text-dec3 {
  position: relative;
}
/* aim短信模板 */
/* #open_aims{
  display: none;
} */
.phone-mer {
  margin: 0 4px;
}
.phone-mer img {
  width: 20px;
  height: 20px;
  margin-bottom: 3px;
}
.link-disabled {
  border-color: #dddddd !important;
  background: #dddddd !important;
  pointer-events: none;
}

.notice-edit-img img,
.notice-strong-edit-img {
  height: 200px;
}
.dantu-edit-img img,
.edit-duo-group img,
.henghua-con .aims-page img,
.carousel-item img,
.video-text-img2 img,
#demo .carousel-item img,
.demo3 .carousel-item img,
.henghua_prew_img img {
  height: 190px !important;
}
.duotu-con .duotu-item-img img {
  width: 60px;
  height: 60px;
}
.dantu-edit-img-preview img,
.carousel-item img,
.notice-edit-img img,
.notice-edit-img_prew img {
  height: 140px !important;
}
/* #cover_id, */
#video_img_id {
  height: 210px;
}
#demo2 .carousel-inner2,
.demo3 .carousel-inner2 {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.xianzhi_num {
  display: none;
}
#aim_url .multiple-parent2 li {
  padding-left: 20px;
}
#aim_url .multiple-parent2 li:hover {
  cursor: pointer;
  background-color: #e7e7e7;
}
.sms_showed,
.amis_info {
  display: none;
}
.video-ico {
  position: absolute;
  left: 0;
}
.preview-style {
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  padding: 0 !important;
}
.tab-menu ul {
  width: 210px;
  height: 800px;
  list-style: none;
  padding: 0;
  overflow: hidden;
}
.tab-menu li {
  display: block;
  width: 190px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 6px;
  cursor: pointer;
  transition: box-shadow 0.15s ease-in-out;
}
.tab-menu li:hover {
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.3);
}
.tab-menu li.active {
  border: 1px solid #006cff !important;
}
.tab-box .box-con,
.li-type .li-type-item,
.li-type3 .li-type-item,
.duotu-click-con .duotu-click-event,
.henghua-click-con .henghua-click-event,
.henghua-chose div,
#siwper_click .swiper-right-item {
  display: none;
}
.tab-box .box-con:first-child,
.li-type .li-type-item:first-child,
.li-type3 .li-type-item:first-child,
.duotu-click-con .duotu-click-event:first-child,
.henghua-click-con .henghua-click-event:first-child,
.henghua-chose div:first-child,
#siwper_click .swiper-right-item:first-child {
  display: block;
}

.multiple-parent label,
.multiple-parent2 label {
  font-size: 16px;
}
.multiple-parent,
.multiple-parent2 {
  position: absolute;
  display: none;
  width: 100%;
}
.multiple-parent ul,
.multiple-parent2 ul {
  list-style: none;
  width: 50%;
  text-align: left;
  background: #fff;
  padding: 6px 0;
  box-sizing: border-box;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
}
.multiple-parent ul.active,
.multiple-parent2 ul.active {
  border-color: #7db4ff;
  outline: 0;
}
.multiple-parent ul li,
.multiple-parent2 ul li {
  height: 34px;
  line-height: 34px;
}
.multiple-parent ul li:hover,
.multiple-parent ul2 li:hover {
  cursor: pointer;
  background-color: #e7e7e7;
}

.multiple-parent ul li div,
.multiple-parent ul2 li div {
  margin-left: 1.5rem;
}
.factory-label::before {
  top: 0.55rem !important;
}
.factory-label::after {
  top: 0.55rem !important;
}
.scroll-pre::-webkit-scrollbar {
  height: 0 !important;
  width: 0px !important;
}
/*滚动条样式*/
.multiple-parent ul::-webkit-scrollbar,
.multiple-parent2 ul::-webkit-scrollbar {
  width: 2px;
  height: 4px;
}
.multiple-parent ul::-webkit-scrollbar-thumb,
.multiple-parent2 ul::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgb(78, 158, 151);
}
.multiple-parent ul::-webkit-scrollbar-track,
.multiple-parent2 ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(202, 202, 202, 0.23);
}
.multiple-select,
.multiple-select2 {
  min-height: 60px;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  box-sizing: border-box;
  overflow: hidden;
  background-size: auto 80%;
}

.multiple-select.active,
.multiple-select2.active {
  background-color: #fff;
  border-color: #7db4ff;
  outline: 0;
}
.select-content {
  color: #fff;
  width: 70px;
  height: 34px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  background: #006cff;
  font-size: 15px;
  margin: 2px;
  padding: 0 3px;
}
.select-content2 {
  color: #fff;
  height: 34px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  background: #006cff;
  font-size: 15px;
  margin: 2px;
  padding: 0 3px;
}
.select-delete,
.select-delete2 {
  font-size: 18px;
  cursor: pointer;
}
.multiple-parent.active,
.multiple-parent2.active {
  display: block;
  position: absolute;
  -webkit-animation: fadelogIn 0.2s;
  animation: fadelogIn 0.2s;
  z-index: 999;
}
@keyframes fadelogIn {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@-webkit-keyframes fadelogIn {
  0% {
    -webkit-transform: translate3d(0, 20px, 0);
  }
  100% {
    -webkit-transform: none;
  }
}

.tab-box-con1 {
  display: flex;
  padding: 10px 10px 5rem 10px;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  background-color: #f4f4f4;
}
.box-con1-left {
  height: 400px;
  /* background: #fff; */
  padding: 10px;
}
.box-con1-left div {
  cursor: pointer;
}
.duotu-con .box-con1-left {
  height: 450px !important;
}
.dantu-edit-img,
.edit-duo-group {
  width: 100%;
  overflow: hidden;
  transition: box-shadow 0.15s ease-in-out;
  margin: auto;
}
.edit-img-group:hover {
  border-color: #7db4ff;
  box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.3);
}

.dantu-edit-title,
.dantu-edit-text,
.video-edit-title,
.swiper-edit-title,
.video-img-title {
  font-size: 16px;
  color: #282b31;
  padding-left: 10px;
}
.dantu-edit-text,
.video-text-dec,
.swiper-text-dec {
  color: #282b31;
  font-size: 14px;
}
.dantu-edit-title::-webkit-input-placeholder,
.video-edit-title::-webkit-input-placeholder,
.swiper-edit-title::-webkit-input-placeholder,
.video-img-title::-webkit-input-placeholder {
  font-size: 16px;
  color: #282b31;
}
.dantu-edit-title::-moz-placeholder,
.video-edit-title::-moz-placeholder,
.swiper-edit-title::-moz-placeholder,
.video-img-title::-moz-placeholder {
  font-size: 16px;
  color: #282b31;
}
.dantu-edit-title:-ms-input-placeholder,
.video-edit-title:-ms-input-placeholder,
.swiper-edit-title:-ms-input-placeholder,
.video-img-title::-ms-input-placeholder {
  font-size: 16px;
  color: #282b31;
}
.dantu-edit-title:-moz-placeholder,
.video-edit-title:-moz-placeholder,
.swiper-edit-title:-moz-placeholder,
.video-img-title:-moz-placeholder {
  font-size: 16px;
  color: #282b31;
}

.dantu-edit-text::-webkit-input-placeholder,
.video-text-dec::-webkit-input-placeholder,
.swiper-text-dec::-webkit-input-placeholder,
.video-img-dec::-webkit-input-placeholder {
  font-size: 14px;
  color: #282b31;
}
.dantu-edit-text::-moz-placeholder,
.video-text-dec::-moz-placeholder,
.swiper-text-dec::-moz-placeholder,
.video-img-dec::-moz-placeholder {
  font-size: 14px;
  color: #282b31;
}
.dantu-edit-text:-ms-input-placeholder,
.video-text-dec:-ms-input-placeholder,
.swiper-text-dec:-ms-input-placeholder,
.video-img-dec:-ms-input-placeholder {
  font-size: 14px;
  color: #282b31;
}
.dantu-edit-text:-moz-placeholder,
.video-text-dec:-moz-placeholder,
.swiper-text-dec:-moz-placeholder,
.video-img-dec:-moz-placeholder {
  font-size: 14px;
  color: #282b31;
}
.henghua-edit-btn {
  width: 90% !important;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: revert;
  margin: 0 10px;
  color: #fff;
  padding: 0 !important;
}
.henghua-eidt-text {
  height: 100px;
}
.dantu-edit-btn {
  font-size: 14px;
  border: 1px solid;
  background: #006cff;
  color: #fff;
  text-align: center;
}

.dantu-edit-btn::-webkit-input-placeholder,
.henghua-edit-btn::-webkit-input-placeholder,
.video-edit-btn::-webkit-input-placeholder,
.swiper-edit-btn::-webkit-input-placeholder,
.red-edit-btn::-webkit-input-placeholder,
.notice-edit-btn::-webkit-input-placeholder,
.notice-edit-btn1::-webkit-input-placeholder,
.notice-edit-btn2::-webkit-input-placeholder,
.video-img-btn::-webkit-input-placeholder,
.notice-strong-edit-btn::-webkit-input-placeholder,
.notice-strong-edit-btn1::-webkit-input-placeholder,
.notice-strong-edit-btn2::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff !important;
  font-size: 14px;
}
.dantu-edit-btn::-moz-placeholder,
.henghua-edit-btn::-moz-placeholder,
.video-edit-btn::-moz-placeholder,
.swiper-edit-btn::-moz-placeholder,
.red-edit-btn::-moz-placeholder,
.notice-edit-btn::-moz-placeholder,
.notice-edit-btn1::-moz-placeholder,
.notice-edit-btn2::-moz-placeholder,
.video-img-btn::-moz-placeholder,
.notice-strong-edit-btn::-moz-placeholder,
.notice-strong-edit-btn1::-moz-placeholder,
.notice-strong-edit-btn2::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
  font-size: 14px;
}
.dantu-edit-btn:-ms-input-placeholder,
.henghua-edit-btn:-ms-input-placeholder,
.video-edit-btn:-ms-input-placeholder,
.swiper-edit-btn:-ms-input-placeholder,
.red-edit-btn:-ms-input-placeholder,
.notice-edit-btn:-ms-input-placeholder,
.notice-edit-btn1:-ms-input-placeholder,
.notice-edit-btn2:-ms-input-placeholder,
.video-img-btn:-ms-input-placeholder,
.notice-strong-edit-btn:-ms-input-placeholder,
.notice-strong-edit-btn1:-ms-input-placeholder,
.notice-strong-edit-btn2:-ms-input-placeholder {
  /* IE 10+ */
  color: #fff !important;
  font-size: 14px;
}
.dantu-edit-btn:-moz-placeholder,
.henghua-edit-btn:-moz-placeholder,
.video-edit-btn:-moz-placeholder,
.swiper-edit-btn:-moz-placeholder,
.red-edit-btn:-moz-placeholder,
.notice-edit-btn:-moz-placeholder,
.notice-edit-btn1:-moz-placeholder,
.notice-edit-btn2:-moz-placeholder,
.video-img-btn:-moz-placeholder,
.notice-strong-edit-btn:-moz-placeholder,
.notice-strong-edit-btn1:-moz-placeholder,
.notice-strong-edit-btn2:-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
  font-size: 14px;
}

.dantu-edit-btn,
.henghua-edit-btn,
.video-edit-btn,
.video-edit-btn_prew,
.notice-edit-btn_pre,
.swiper-edit-btn,
.notice-edit-btn,
.notice-edit-btn1,
.notice-edit-btn2,
.notice-strong-edit-btn,
.notice-strong-edit-btn1,
.notice-strong-edit-btn2,
.notice-edit-btn_prew,
.video-img-btn_prew,
.video-img-btn {
  padding: 7px 0;
  width: 100%;
  border-radius: 18px;
  color: #fff;
  background: #006bfc linear-gradient(180deg, #2681fc, #006bfc) repeat-x;
  border-color: #006bfc;
}
.red-edit-btn_prew {
  padding: 7px 0;
  width: 165px;
  margin: auto;
  margin-top: 20px;
  font-size: 12px;
  color: #fff;
  border-radius: 18px;
  background-color: #ff9800;
}
/* .dantu-edit-btn:hover, */
.video-edit-btn:hover,
.swiper-edit-btn:hover,
.notice-edit-btn:hover,
.notice-edit-btn1:hover,
.notice-edit-btn2:hover,
.notice-strong-edit-btn:hover,
.notice-strong-edit-btn1:hover,
.notice-strong-edit-btn2:hover,
.video-img-btn:hover {
  background: #005bd6 linear-gradient(180deg, #2674dc, #005bd6) repeat-x;
}
.img-group-title,
.img-group-title2 {
  font-size: 14px;
  background: #e6e6e6;
  width: 120px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  border-left: 3px solid #006cff;
}
.dantu-chose-ku,
.chose-ku1,
.chose-ku2,
.chose-ku3,
.chose-ku4,
.chose-ku5,
.chose-ku11,
.chose-ku21,
.chose-ku31 {
  /* width: 140px;
  height: 38px;
  line-height: 38px; */
  cursor: pointer;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  background: #fff;
  text-align: center;

  font-size: 13px !important;
  color: #006cff;
  width: 120px;
  height: 34px;
  line-height: 34px;
}

.multiple-parent ul,
.multiple-parent2 ul {
  list-style: none;
  width: 50%;
  text-align: left;
  background: #fff;
  padding: 6px 0;
  box-sizing: border-box;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
}
.event-configure,
.duotu-event-configure1,
.duotu-event-configure2,
.duotu-event-configure3,
.duotu-event-configure4,
.duotu-event-configure,
.duotu-pop-configure1,
.duotu-pop-configure2,
.duotu-pop-configure3,
.duotu-pop-configure4,
.henghua-event-configure1,
.henghua-pop-configure1,
.video-event-configure1,
.video-pop-configure1,
.swiper-event-configure1,
.swiper-pop-configure1,
.red-event-configure1,
.red-pop-configure1,
.notice-event-configure1,
.notice-pop-configure1,
.videoimg-event-configure1,
.videoimg-pop-configure1 {
  width: 50%;
}
.event-type,
.event-type2,
.event-type3,
.event-type4,
.event-type-baodi,
.event-type-baodi2,
.event-type-baodi3,
.henghua-event-pop,
.video-event-pop,
.swiper-event-pop,
.red-event-pop,
.notice-event-pop,
.videoimg-event-pop {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #41464f;
  font-size: 14px;
  font-weight: normal;
}
.drown-ul,
.drown-ul2,
.drown-ul3,
.drown-ul4,
.baodi-type,
.baodi-type2,
.baodi-type3 {
  z-index: 999;
  height: 170px !important;
  display: none;
  list-style: none;
  width: 100%;
  text-align: left;
  background: #fff;
  padding: 6px 0;
  box-sizing: border-box;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  overflow-y: auto !important;
}
.drown-ul.active,
.drown-ul2.active,
.drown-ul3.active,
.drown-ul4.active,
.baodi-type.active,
.baodi-type2.active,
.baodi-type3.active {
  display: block;
  position: absolute;
  -webkit-animation: fadelogIn 0.2s;
  animation: fadelogIn 0.2s;
}

.drown-ul li,
.drown-ul2 li,
.drown-ul3 li,
.drown-ul4 li,
.baodi-type li,
.baodi-type2 li,
.baodi-type3 li {
  color: #41464f;
  font-weight: normal;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  width: 110px;
  text-align: center;
  cursor: pointer;
  width: 100% !important;
  list-style: none;
}

.drown-ul li:hover,
.drown-ul2 li:hover,
.drown-ul3 li:hover,
.baodi-type li:hover,
.baodi-type2 li:hover,
.baodi-type3 li:hover {
  background-color: #e7e7e7;
}
.drown-ul li.active,
.drown-ul2 li.active,
.drown-ul3 li.active,
.drown-ul4 li.active,
.baodi-type li.active,
.baodi-type2 li.active,
.baodi-type3 li.active {
  color: #fff;
  background-color: #006cff;
}
.arrow-aim {
  width: 17px;
  transition: all 0.4s;
}
.arrow-aim.active {
  transform: rotate(-180deg);
}
.jump-link {
  width: 78%;
  height: calc(1.5em + 0.75rem + 35px);
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  background: #fff;
  outline: none;
}
.merchant-control {
  width: 100%;
  height: 36px;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  background: #fff;
  outline: none;
}
.submit-examine,
.submit-title1,
.submit-title2 {
  width: 110px;
}
.tab-box-con1 .img-group {
  display: none;
}
.img-group.active {
  display: block;
}
.back-template-item {
  cursor: pointer;
  display: none;
}
.modality-disabled,
.modality-disabled:hover {
  color: #d2d2d2 !important;
  cursor: not-allowed !important;
}
.edit-duo-group {
  position: relative;
}
.duotu-con .edit-title {
  border-bottom-left-radius: 7px !important;
  border-bottom-right-radius: 7px !important;
}
.duotu-con .edit-title,
#preview_task .edit-title,
#temp_style_con .edit-title {
  width: 100%;
  margin: auto;
  border-radius: 0;
  height: 50px;
  bottom: 0;
  position: absolute;
  background-color: #0000001a !important;
}
.henghua-eidt-txt {
  text-align: center;
  border: 0;
  color: #282b31;
  font-size: 15px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.henghua-eidt-txt::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #282b31;
  font-size: 15px;
}
.henghua-eidt-txt::-moz-placeholder {
  /* Firefox 19+ */
  color: #282b31;
  font-size: 15px;
}
.henghua-eidt-txt:-ms-input-placeholder {
  /* IE 10+ */
  color: #282b31;
  font-size: 15px;
}
.henghua-eidt-txt:-moz-placeholder {
  /* Firefox 18- */
  color: #282b31;
  font-size: 15px;
}
.henghua-eidt-txt:focus {
  border: 1px solid #7db4ff;
}

.text-description {
  height: 50px;
  width: 100%;
}

.edit-title:-moz-placeholder,
.text-description1:-moz-placeholder {
  color: #282b31;
}
.edit-title:-ms-input-placeholder,
.text-description1:-ms-input-placeholder {
  color: #282b31;
}
.edit-title::-webkit-input-placeholder,
.text-description1::-webkit-input-placeholder {
  color: #282b31;
}

.text-description1:-moz-placeholder {
  font-size: 14px;
}
.text-description1:-ms-input-placeholder {
  font-size: 14px;
}
.text-description1::-webkit-input-placeholder {
  font-size: 14px;
}

.start-time::-moz-placeholder {
  color: #00000080 !important;
  font-size: 14px !important;
}
.start-time:-ms-input-placeholder {
  color: #00000080 !important;
  font-size: 14px !important;
}
.start-time::-webkit-input-placeholder {
  color: #00000080 !important;
  font-size: 14px !important;
}
.end-time::-moz-placeholder {
  color: #00000080 !important;
  font-size: 14px !important;
}
.end-time:-ms-input-placeholder {
  color: #00000080 !important;
  font-size: 14px !important;
}
.end-time::-webkit-input-placeholder {
  color: #00000080 !important;
  font-size: 14px !important;
}

.aims-page {
  width: 250px;
  margin: 0 10px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #c0c5d0;
  background-color: #fff;
}
.aims-page.active {
  border: 1px solid #006cff;
}
.pages-nums.active {
  color: #fff;
  background-color: #006cff;
}
/* .pages-nums.active>a{
  color: #fff;
}
.pages-nums>a{
 color: #282b31;
text-decoration:none!important ;
} */

/* aim */
.w-80 {
  width: 74%;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-12 {
  font-size: 12px !important;
}

#create-template textarea {
  resize: none;
}

#create-template textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
}
#create-template textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
}
#create-template textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 14px;
}

.dantu-chose-title,
.dantu-chose-title2,
.dantu-chose-title3,
.duotu-event-type1,
.duotu-event-type2,
.duotu-event-type3,
.duotu-event-type4,
.end-event-type1,
.end-event-type2,
.end-event-type3,
.end-event-type4,
.duou-event-pop,
.henghua-event-type1,
.video-event-type1,
.swiper-event-type1,
.red-event-type1,
.notice-event-type1,
.videoimg-event-type1 {
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  background: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #41464f;
  font-size: 14px;
  font-weight: normal;
}
.dantu-drown-ul1,
.dantu-drown-ul2,
.dantu-drown-ul3,
.dantu-btom-title1,
.dantu-btom-title2,
.dantu-botm-title1,
.duotu-drown-ul1,
.duotu-drown-ul2,
.henghua-drown-ul1,
.video-drown-ul1,
.swiper-drown-ul1,
.red-drown-ul1,
.notice-drown-ul1,
.videoimg-drown-ul1 {
  z-index: 999;
  height: 170px !important;
  display: none;
  list-style: none;
  width: 100%;
  text-align: left;
  background: #fff;
  padding: 6px 0;
  box-sizing: border-box;
  border: 1px solid #c0c5d0;
  border-radius: 0.25rem;
  overflow-y: auto !important;
}
.dantu-drown-ul1.active,
.dantu-drown-ul2.active,
.dantu-drown-ul3.active,
.duotu-drown-ul1.active,
.duotu-drown-ul2.active,
.henghua-drown-ul1.active,
.video-drown-ul1.active,
.swiper-drown-ul1.active,
.red-drown-ul1.active,
.notice-drown-ul1.active,
.videoimg-drown-ul1.active {
  display: block;
  position: absolute;
  -webkit-animation: fadelogIn 0.2s;
  animation: fadelogIn 0.2s;
}
.dantu-drown-ul1 li,
.dantu-drown-ul2 li,
.dantu-drown-ul3 li,
.duotu-drown-ul1 li,
.duotu-drown-ul2 li,
.henghua-drown-ul1 li,
.video-drown-ul1 li,
.swiper-drown-ul1 li,
.red-drown-ul1 li,
.notice-drown-ul1 li,
.videoimg-drown-ul1 li {
  color: #41464f;
  font-weight: normal;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  width: 110px;
  text-align: center;
  cursor: pointer;
  width: 100% !important;
  list-style: none;
}
.dantu-drown-ul1 li:hover,
.dantu-drown-ul2 li:hover,
.dantu-drown-ul3 li:hover,
.duotu-drown-ul1 li:hover,
.duotu-drown-ul2 li:hover,
.henghua-drown-ul1 li:hover,
.video-drown-ul1 li:hover,
.swiper-drown-ul1 li:hover,
.red-drown-ul1 li:hover,
.notice-drown-ul1 li:hover,
.videoimg-drown-ul1 li:hover {
  background-color: #e7e7e7;
}
.dantu-drown-ul1 li.active,
.dantu-drown-ul2 li.active,
.dantu-drown-ul3 li.active,
.duotu-drown-ul1 li.active,
.duotu-drown-ul2 li.active,
.henghua-drown-ul1 li.active,
.video-drown-ul1 li.active,
.swiper-drown-ul1 li.active,
.red-drown-ul1 li.active,
.notice-drown-ul1 li.active,
.videoimg-drown-ul1 li.active {
  color: #fff;
  background-color: #006cff;
}
.dantu-arrow-aim,
.arrow-aim {
  width: 17px;
  transition: all 0.4s;
}
.dantu-arrow-aim.active,
.arrow-aim.active {
  transform: rotate(-180deg);
}
.dantu-li-con .dantu-li-item,
#title_module_con > .dantu-li-item,
.duotu-li-con1 .duotu-li-item,
.duotu-li-con2 .duotu-li-item,
.duotu-li-con3 .duotu-li-item,
.duotu-li-con4 .duotu-li-item,
.henghua-li-con1 .henghua-li-item,
.henghua-right-con .henghua-right-item,
.video-li-con1,
.video-li-item,
.video-con,
.video-show-item,
.swiper-li-con1 .swiper-li-item,
.red-li-con1 .red-li-item,
.notice-li-con1 .notice-li-item,
.videoimg-li-con1 .videoimg-li-item,
.vide-img-con .video-img-item {
  display: none;
}

.dantu-li-con .dantu-li-item:nth-child(5),
#title_module_con>.dantu-li-item:nth-child(5),
.duotu-li-con1 .duotu-li-item:nth-child(5),
.duotu-li-con2 .duotu-li-item:nth-child(5),
.duotu-li-con3 .duotu-li-item:nth-child(5),
.duotu-li-con4 .duotu-li-item:nth-child(5),
.henghua-li-con1 .henghua-li-item:nth-child(5),
/* .henghua-right-con .henghua-right-item:nth-child(5), */
.video-li-con1,.video-li-item:nth-child(5),
/* .video-con,.video-show-item:nth-child(5), */
/* .vide-img-con .video-img-item:nth-child(5) */
.swiper-li-con1 .swiper-li-item:nth-child(5),
.red-li-con1 .red-li-item:nth-child(5),
.notice-li-con1 .notice-li-item:nth-child(5),
.videoimg-li-con1 .videoimg-li-item:nth-child(5) {
  display: block;
}

/* .dantu-li-con .dantu-li-item:first-Child,
#title_module_con>.dantu-li-item:first-Child,
.duotu-li-con1 .duotu-li-item:first-Child,
.duotu-li-con2 .duotu-li-item:first-Child,
.duotu-li-con3 .duotu-li-item:first-Child,
.duotu-li-con4 .duotu-li-item:first-Child, */
/* .henghua-li-con1 .henghua-li-item:first-Child, */
.henghua-right-con .henghua-right-item:first-Child,
.video-con,.video-show-item:first-Child,
.vide-img-con .video-img-item:first-Child
/* .video-li-con1,.video-li-item:first-Child,

.swiper-li-con1 .swiper-li-item:first-Child,
.red-li-con1 .red-li-item:first-Child,
.notice-li-con1 .notice-li-item:first-Child,
.videoimg-li-con1 .videoimg-li-item:first-Child,
 */ {
  display: block;
}
.henghua-left-con,
.henghua-left-con_index {
  padding-bottom: 10px;
}
.henghua-left-con::-webkit-scrollbar-thumb,
.henghua-left-con_index::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #02adf7;
  background-image: -webkit-linear-gradient(
    45deg,
    rgba(255, 255, 255, 0.2) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0.2) 75%,
    transparent 75%,
    transparent
  );
}
.henghua-left-con::-webkit-scrollbar,
.henghua-left-con_index::-webkit-scrollbar {
  height: 6px;
}
.henghua-left-con::-webkit-scrollbar-track,
.henghua-left-con_index::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

.video-text-dec::-webkit-input-placeholder {
  /* WebKit browsers */
  font-size: 14px;
}
.video-text-dec:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 14px;
}
.video-text-dec::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 14px;
}
.video-text-dec::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  font-size: 14px;
}
.carousel-indicators li {
  width: 10px !important;
  height: 10px !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
  border-radius: 50% !important;
}
.btn-detail {
  display: none;
}
.red-package,
.red-package-prew {
  width: 290px;
  height: 400px;
  background-image: url(../image/redpacketBg.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 9px;
}

.red-top-img {
  width: 70px;
  position: relative;
}
.red-top-img,
.red-top-img_prew {
  text-align: center;
  margin: auto;
  padding-top: 35px;
}
.red-top-img img,
.red-top-img_prew img {
  width: 70px !important;
  height: 70px;
  border-radius: 50%;
}
.red-title1_prew,
.red-title2_prew,
.red-title3_prew {
  font-size: 12px;
  background-color: inherit !important;
  text-align: center;
  color: #fff;
  border: none;
}
.red-title1::-webkit-input-placeholder,
.red-title1_prew::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
  font-size: 14px;
}
.red-title1:-moz-placeholder,
.red-title1_prew:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  font-size: 14px;
}
.red-title1::-moz-placeholder,
.red-title1_prew::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  font-size: 14px;
}
.red-title1::-ms-input-placeholder,
.red-title1_prew::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
  font-size: 14px;
}

.red-title2::-webkit-input-placeholder,
.red-title2_prew::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
  font-size: 17px;
}
.red-title2:-moz-placeholder,
.red-title2_prew:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  font-size: 17px;
}
.red-title2::-moz-placeholder,
.red-title2_prew::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  font-size: 17px;
}
.red-title2::-ms-input-placeholder,
.red-title2_prew::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
  font-size: 17px;
}

.red-title3::-webkit-input-placeholder,
.red-title3_prew::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #fff;
  font-size: 14px;
}
.red-title3:-moz-placeholder,
.red-title3_prew:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #fff;
  font-size: 14px;
}
.red-title3::-moz-placeholder,
.red-title3_prew::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #fff;
  font-size: 14px;
}
.red-title3::-ms-input-placeholder,
.red-title3_prew::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #fff;
  font-size: 14px;
}
.red-edit-btn {
  padding: 7px 0;
  width: 150px;
  border-radius: 18px;
  color: #fff;
  background: #ff9800;
  margin: auto;
  margin-top: 30px;
}
.red-right-item2 {
  display: none;
}

.notice-desc {
  overflow: auto;
}
.notice-edit-title_prew,
.notice-edit-text_prew {
  width: 120px;
}
.notice-con input::-webkit-input-placeholder,
.notice-strong input::-webkit-input-placeholder {
  color: #282b31;
}
.notice-con input:-moz-placeholder,
.notice-strong input:-moz-placeholder {
  color: #282b31;
}
.notice-con input::-moz-placeholder,
.notice-strong input:-moz-placeholder {
  color: #282b31;
}
.notice-con input::-ms-input-placeholder,
.notice-strong input::-ms-input-placeholder {
  color: #282b31;
}

.notice-con .box-con1-left input,
.notice-strong .box-con1-left input {
  border: none;
}
.notice-con .box-con1-left input.active,
.notice-strong .box-con1-left input.active {
  border: 1px solid #7db4ff;
}
.notice-edit-btn,
.notice-strong-edit-btn {
  width: 90% !important;
  margin: auto;
}
.carousel-inner2 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.parameter-num3,
.parameter-num4,
.two-btn-no,
.notice-click-con1,
.notice-click-con2,
.notice-click-con3,
.notice-click-con4,
.notice-strong-click-con1,
.notice-strong-click-con2,
.notice-strong-click-con3,
.notice-strong-click-con4,
.parameter-strong-num3,
.parameter-strong-num4,
.two-strong-btn-no {
  display: none;
}
.notice-edit-btn1,
.notice-edit-btn2,
.notice-edit-btn_prew,
.notice-strong-edit-btn1,
.notice-strong-edit-btn2 {
  width: 45%;
}

.drown_tr {
  display: none;
}

.zxiala {
  width: 18px;
  height: 18px;
  transition: all 0.3s;
}
.zxiala.active {
  transform: rotate(180deg);
}

.is_off,
.is_on,
.all_on {
  display: none;
}

.bg-phone {
  background-image: url(../image/bgphone.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.li-disabled {
  pointer-events: none;
  cursor: default;
}

.dantu-table {
  font-size: 14px;
  width: 100%;
  min-width: 100% !important;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.duotu-xianzhi,
.duotu-xianzhi2,
.notice-con .duotu-xianzhi2,
.notice-con .duotu-xianzhi3,
.notice-con .duotu-xianzhi4,
.notice-strong .duotu-xianzhi2,
.notice-strong .duotu-xianzhi3,
.notice-strong .duotu-xianzhi4,
.notice-strong .duotu-xianzhi4-1 {
  display: none;
}

/* 下发短信 */
.xia-sms {
  padding: 16.5px 24px;
}

.bei-zhu {
  padding-top: 10px;
  padding-bottom: 10px;
}
.xia-sms {
  background: #f3f3f3 linear-gradient(180deg, whitesmoke, #f3f3f3) repeat-x;
}
.batch-opt2 {
  opacity: 1;
  display: flex !important;
}
/* .modify-remarks{
  cursor: pointer;
} */
/* .inbox_sms_con{
  display: none;
} */
._disabled {
  color: #c4c6cc;
  pointer-events: none;
  user-select: none;
}

#paste .phone-con {
  display: none;
  padding: 10px;
}
.api-history-top span {
  font-weight: 400;
  font-size: 14px;
  color: #999999;
}
.api-info-nums {
  font-weight: 600;
  font-size: 20px;
  color: #282b31;
}
.lin-g::before {
  content: "";
  display: inline-block;
  height: 70%;
  margin-right: 10px;
  border-right: 1.4px solid #c4c4c4;
  position: relative;
  top: 6px;
}

.sea_li input {
  height: 34px !important;
  padding: 3px 10px !important;
  border: 1px solid #ccc !important;
  border-radius: 15px !important;
  width: 100% !important;
}
.sea_li i {
  position: absolute;
  top: 21px;
  right: 20px;
  font-size: 10px;
}
.box_search em {
  font-style: normal;
}
.seach_name {
  padding: 5px 10px;
}
.dropdown_search {
  width: auto;
}
.dropdown_search,
.dropup {
  position: relative;
}

.dropdown_search button i {
  float: right;
  margin-top: 8px;
}
.dropdown_search button i {
  float: right;
  margin-top: 8px;
}
.dropdown_search ul {
  height: 400px;
  width: 300px;
  overflow-x: hidden;
}

.dropdown-menu-search {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.sel_item a {
  display: block;
  padding: 6px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.sel_item:hover {
  cursor: pointer;
  background: #e7e7e7;
}
.sel_item {
  position: relative;
}
.sel_item.active a,
.sel_item.active {
  color: #006cff;
}
.sel_item.active::before {
  font-family: "submail-mdi" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  position: absolute;
  right: 1.5rem;
  top: 0.5rem;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 10px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.area_code {
  font-style: inherit !important;
}

.sms-type-tab {
  display: flex;
  justify-content: space-around;
  height: 50px;
  line-height: 50px;
  background: #d7dde7;
  position: relative;
}
.sms-type-item {
  width: 50%;
  text-align: center;
}
.sms-type-item.active {
  color: #006cff;
}
.menus-bg {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  top: 0;
  left: 0;
  height: 50px;
  transform: translateX(0);
  background: #eef2f8;
  /* box-shadow: 0px 5px 15px 0px rgba(0, 17, 86, 0.1); */
  transition: transform 0.3s ease;
  transform: translateX(0%);
  width: calc((100% - 0px) / 2);
  /* border-bottom-right-radius: 20px; */
}

/* ------------------ */
#login-form {
  height: 32.5rem;
}

.login-tabs {
  width: 100%;
  background-color: #f5f5f5;
  border-radius: 1.3125rem;
  height: 2.625rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 2px;
  position: relative;
}
.login-tabs .bg {
  position: absolute;
  top: 2px;
  left: 0;
  /* left: calc(50% - 4px); */
  width: 50%;
  height: 2.375rem;
  transform: translateX(2px);
  background-color: #fff;
  border-radius: 1.1875rem;
  overflow: hidden;
  transition: left 0.3s;
}
.login-btn {
  width: 100%;
}

.login-tabs .tab-item {
  z-index: 2;
  flex: 1;
  height: 100%;
  text-align: center;
  background-color: transparent;
  border-radius: 1.1875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.3s;
}
.login-tabs .tab-item.active {
  color: #006bfc;
}

.login-form-code {
  position: relative;
}
.login-form-code .code-wrap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: fit-content;
  background-color: transparent;
  cursor: pointer;
  color: #006bfc;
  padding: 1rem 10px 0;
  display: flex;
  align-items: center;
  font-size: 14px;
}
.login-tip a:hover {
  color: #006bfc;
}

/* ------------------ */