@charset "UTF-8";
:root {
  --color-gray: #949494;
  --color-light-gray: #f4f4f4;
  --color-danger: #ff3333;
  --color-primary: #494ff5;
  --color-success: #28a745;
  --color-gray-400: #d9d9d9;
  --color-gray-500: #ebebeb;
  --text-color-gray: #949494;
  --text-color-light-gray: #f4f4f4;
  --text-color-danger: #ff3333;
  --text-color-primary: #494ff5;
  --bg-color-gray: #949494;
  --bg-color-light-gray: #f4f4f4;
  --bg-color-danger: #ff3333;
  --bg-color-primary: #494ff5;
}

/*! Basscss | http://basscss.com | MIT License */
.ui-h1 {
  font-size: 2rem;
}

.ui-h2 {
  font-size: 1.5rem;
}

.ui-h3 {
  font-size: 1.25rem;
}

.ui-h4 {
  font-size: 1rem;
}

.ui-h5 {
  font-size: 0.875rem;
}

.ui-h6 {
  font-size: 0.75rem;
}

.ui-font-family-inherit {
  font-family: inherit;
}

.ui-font-size-inherit {
  font-size: inherit;
}

.ui-text-decoration-none {
  text-decoration: none;
}

.ui-bold {
  font-weight: 700;
}

.ui-regular {
  font-weight: 400;
}

.ui-font500 {
  font-weight: 500;
}

.ui-italic {
  font-style: italic;
}

.ui-caps {
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

.ui-left-align {
  text-align: left;
}

.ui-center {
  text-align: center;
}

.ui-right-align {
  text-align: right;
}

.ui-justify {
  text-align: justify;
}

.ui-nowrap {
  white-space: nowrap;
}

.ui-break-word {
  word-wrap: break-word;
}

.ui-line-height-1 {
  line-height: 1;
}

.ui-line-height-2 {
  line-height: 1.125;
}

.ui-line-height-3 {
  line-height: 1.25;
}

.ui-line-height-4 {
  line-height: 1.5;
}

.ui-list-style-none {
  list-style: none;
}

.ui-underline {
  text-decoration: underline;
}

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

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

.ui-inline {
  display: inline;
}

.ui-block {
  display: block;
}

.ui-inline-block {
  display: inline-block;
}

.ui-table {
  display: table;
}

.ui-table-cell {
  display: table-cell;
}

.ui-overflow-hidden {
  overflow: hidden;
}

.ui-overflow-scroll {
  overflow: scroll;
}

.ui-overflow-auto {
  overflow: auto;
}

.ui-clearfix:after,
.ui-clearfix:before {
  content: " ";
  display: table;
}

.ui-clearfix:after {
  clear: both;
}

.ui-left {
  float: left;
}

.ui-right {
  float: right;
}

.ui-fit {
  max-width: 100%;
}

.ui-max-width-1 {
  max-width: 24rem;
}

.ui-max-width-2 {
  max-width: 32rem;
}

.ui-max-width-3 {
  max-width: 48rem;
}

.ui-max-width-4 {
  max-width: 64rem;
}

.ui-border-box {
  box-sizing: border-box;
}

.ui-align-baseline {
  vertical-align: baseline;
}

.ui-align-top {
  vertical-align: top;
}

.ui-align-middle {
  vertical-align: middle;
}

.ui-align-bottom {
  vertical-align: bottom;
}

.ui-m0 {
  margin: 0;
}

.ui-mt0 {
  margin-top: 0;
}

.ui-mr0 {
  margin-right: 0;
}

.ui-mb0 {
  margin-bottom: 0;
}

.ui-ml0,
.ui-mx0 {
  margin-left: 0;
}

.ui-mx0 {
  margin-right: 0;
}

.ui-my0 {
  margin-top: 0;
  margin-bottom: 0;
}

.ui-m1 {
  margin: 0.5rem;
}

.ui-mt1 {
  margin-top: 0.5rem;
}

.ui-mr1 {
  margin-right: 0.5rem;
}

.ui-mb1 {
  margin-bottom: 0.5rem;
}

.ui-ml1,
.ui-mx1 {
  margin-left: 0.5rem;
}

.ui-mx1 {
  margin-right: 0.5rem;
}

.ui-my1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.ui-m2 {
  margin: 1rem;
}

.ui-mt2 {
  margin-top: 1rem;
}

.ui-mr2 {
  margin-right: 1rem;
}

.ui-mb2 {
  margin-bottom: 1rem;
}

.ui-ml2,
.ui-mx2 {
  margin-left: 1rem;
}

.ui-mx2 {
  margin-right: 1rem;
}

.ui-my2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.ui-m3 {
  margin: 2rem;
}

.ui-mt3 {
  margin-top: 2rem;
}

.ui-mr3 {
  margin-right: 2rem;
}

.ui-mb3 {
  margin-bottom: 2rem;
}

.ui-ml3,
.ui-mx3 {
  margin-left: 2rem;
}

.ui-mx3 {
  margin-right: 2rem;
}

.ui-my3 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.ui-m4 {
  margin: 4rem;
}

.ui-mt4 {
  margin-top: 4rem;
}

.ui-mr4 {
  margin-right: 4rem;
}

.ui-mb4 {
  margin-bottom: 4rem;
}

.ui-ml4,
.ui-mx4 {
  margin-left: 4rem;
}

.ui-mx4 {
  margin-right: 4rem;
}

.ui-my4 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.ui-mxn1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}

.ui-mxn2 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.ui-mxn3 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.ui-mxn4 {
  margin-left: -4rem;
  margin-right: -4rem;
}

.ui-ml-auto {
  margin-left: auto;
}

.ui-mr-auto,
.ui-mx-auto {
  margin-right: auto;
}

.ui-mx-auto {
  margin-left: auto;
}

.ui-p0 {
  padding: 0;
}

.ui-pt0 {
  padding-top: 0;
}

.ui-pr0 {
  padding-right: 0;
}

.ui-pb0 {
  padding-bottom: 0;
}

.ui-pl0,
.ui-px0 {
  padding-left: 0;
}

.ui-px0 {
  padding-right: 0;
}

.ui-py0 {
  padding-top: 0;
  padding-bottom: 0;
}

.ui-p1 {
  padding: 0.5rem;
}

.ui-pt1 {
  padding-top: 0.5rem;
}

.ui-pr1 {
  padding-right: 0.5rem;
}

.ui-pb1 {
  padding-bottom: 0.5rem;
}

.ui-pl1 {
  padding-left: 0.5rem;
}

.ui-py1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.ui-px1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ui-p2 {
  padding: 1rem;
}

.ui-pt2 {
  padding-top: 1rem;
}

.ui-pr2 {
  padding-right: 1rem;
}

.ui-pb2 {
  padding-bottom: 1rem;
}

.ui-pl2 {
  padding-left: 1rem;
}

.ui-py2 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ui-px2 {
  padding-left: 1rem;
  padding-right: 1rem;
}

.ui-p3 {
  padding: 2rem;
}

.ui-pt3 {
  padding-top: 2rem;
}

.ui-pr3 {
  padding-right: 2rem;
}

.ui-pb3 {
  padding-bottom: 2rem;
}

.ui-pl3 {
  padding-left: 2rem;
}

.ui-py3 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.ui-px3 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.ui-p4 {
  padding: 4rem;
}

.ui-pt4 {
  padding-top: 4rem;
}

.ui-pr4 {
  padding-right: 4rem;
}

.ui-pb4 {
  padding-bottom: 4rem;
}

.ui-pl4 {
  padding-left: 4rem;
}

.ui-py4 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.ui-px4 {
  padding-left: 4rem;
  padding-right: 4rem;
}

.ui-col {
  float: left;
}

.ui-col,
.ui-col-right {
  box-sizing: border-box;
}

.ui-col-right {
  float: right;
}

.ui-col-1 {
  width: 8.33333%;
}

.ui-col-2 {
  width: 16.66667%;
}

.ui-col-3 {
  width: 25%;
}

.ui-col-4 {
  width: 33.33333%;
}

.ui-col-5 {
  width: 41.66667%;
}

.ui-col-6 {
  width: 50%;
}

.ui-col-7 {
  width: 58.33333%;
}

.ui-col-8 {
  width: 66.66667%;
}

.ui-col-9 {
  width: 75%;
}

.ui-col-10 {
  width: 83.33333%;
}

.ui-col-11 {
  width: 91.66667%;
}

.ui-col-12 {
  width: 100%;
}

@media (min-width: 40em) {
  .ui-sm-col {
    float: left;
    box-sizing: border-box;
  }

  .ui-sm-col-right {
    float: right;
    box-sizing: border-box;
  }

  .ui-sm-col-1 {
    width: 8.33333%;
  }

  .ui-sm-col-2 {
    width: 16.66667%;
  }

  .ui-sm-col-3 {
    width: 25%;
  }

  .ui-sm-col-4 {
    width: 33.33333%;
  }

  .ui-sm-col-5 {
    width: 41.66667%;
  }

  .ui-sm-col-6 {
    width: 50%;
  }

  .ui-sm-col-7 {
    width: 58.33333%;
  }

  .ui-sm-col-8 {
    width: 66.66667%;
  }

  .ui-sm-col-9 {
    width: 75%;
  }

  .ui-sm-col-10 {
    width: 83.33333%;
  }

  .ui-sm-col-11 {
    width: 91.66667%;
  }

  .ui-sm-col-12 {
    width: 100%;
  }
}
@media (min-width: 52em) {
  .ui-md-col {
    float: left;
    box-sizing: border-box;
  }

  .ui-md-col-right {
    float: right;
    box-sizing: border-box;
  }

  .ui-md-col-1 {
    width: 8.33333%;
  }

  .ui-md-col-2 {
    width: 16.66667%;
  }

  .ui-md-col-3 {
    width: 25%;
  }

  .ui-md-col-4 {
    width: 33.33333%;
  }

  .ui-md-col-5 {
    width: 41.66667%;
  }

  .ui-md-col-6 {
    width: 50%;
  }

  .ui-md-col-7 {
    width: 58.33333%;
  }

  .ui-md-col-8 {
    width: 66.66667%;
  }

  .ui-md-col-9 {
    width: 75%;
  }

  .ui-md-col-10 {
    width: 83.33333%;
  }

  .ui-md-col-11 {
    width: 91.66667%;
  }

  .ui-md-col-12 {
    width: 100%;
  }
}
@media (min-width: 64em) {
  .ui-lg-col {
    float: left;
    box-sizing: border-box;
  }

  .ui-lg-col-right {
    float: right;
    box-sizing: border-box;
  }

  .ui-lg-col-1 {
    width: 8.33333%;
  }

  .ui-lg-col-2 {
    width: 16.66667%;
  }

  .ui-lg-col-3 {
    width: 25%;
  }

  .ui-lg-col-4 {
    width: 33.33333%;
  }

  .ui-lg-col-5 {
    width: 41.66667%;
  }

  .ui-lg-col-6 {
    width: 50%;
  }

  .ui-lg-col-7 {
    width: 58.33333%;
  }

  .ui-lg-col-8 {
    width: 66.66667%;
  }

  .ui-lg-col-9 {
    width: 75%;
  }

  .ui-lg-col-10 {
    width: 83.33333%;
  }

  .ui-lg-col-11 {
    width: 91.66667%;
  }

  .ui-lg-col-12 {
    width: 100%;
  }
}
.ui-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 40em) {
  .ui-sm-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 52em) {
  .ui-md-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 64em) {
  .ui-lg-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.ui-flex-column {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.ui-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.ui-items-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  align-items: flex-start;
}

.ui-items-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}

.ui-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}

.ui-items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  -ms-grid-row-align: baseline;
  align-items: baseline;
}

.ui-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  align-items: stretch;
}

.ui-self-start {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.ui-self-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.ui-self-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.ui-self-baseline {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

.ui-self-stretch {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.ui-justify-start {
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.ui-justify-end {
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.ui-justify-center {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ui-justify-between {
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.ui-justify-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.ui-content-start {
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
}

.ui-content-end {
  -ms-flex-line-pack: end;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

.ui-content-center {
  -ms-flex-line-pack: center;
  -webkit-align-content: center;
  align-content: center;
}

.ui-content-between {
  -ms-flex-line-pack: justify;
  -webkit-align-content: space-between;
  align-content: space-between;
}

.ui-content-around {
  -ms-flex-line-pack: distribute;
  -webkit-align-content: space-around;
  align-content: space-around;
}

.ui-content-stretch {
  -ms-flex-line-pack: stretch;
  -webkit-align-content: stretch;
  align-content: stretch;
}

.ui-flex-auto {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.ui-flex-none {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.ui-order-0 {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

.ui-order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.ui-order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.ui-order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.ui-order-last {
  -webkit-order: 99999;
  -ms-flex-order: 99999;
  order: 99999;
}

.ui-relative {
  position: relative;
}

.ui-absolute {
  position: absolute;
}

.ui-fixed {
  position: fixed;
}

.ui-top-0 {
  top: 0;
}

.ui-right-0 {
  right: 0;
}

.ui-bottom-0 {
  bottom: 0;
}

.ui-left-0 {
  left: 0;
}

.ui-z1 {
  z-index: 1;
}

.ui-z2 {
  z-index: 2;
}

.ui-z3 {
  z-index: 3;
}

.ui-z4 {
  z-index: 4;
}

.ui-border {
  border-style: solid;
  border-width: 1px;
}

.ui-border-top {
  border-top-style: solid;
  border-top-width: 1px;
}

.ui-border-right {
  border-right-style: solid;
  border-right-width: 1px;
}

.ui-border-bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.ui-border-left {
  border-left-style: solid;
  border-left-width: 1px;
}

.ui-border-none {
  border: 0;
}

.ui-rounded {
  border-radius: 3px;
}

.ui-circle {
  border-radius: 50%;
}

.ui-rounded-top {
  border-radius: 3px 3px 0 0;
}

.ui-rounded-right {
  border-radius: 0 3px 3px 0;
}

.ui-rounded-bottom {
  border-radius: 0 0 3px 3px;
}

.ui-rounded-left {
  border-radius: 3px 0 0 3px;
}

.ui-not-rounded {
  border-radius: 0;
}

.ui-hide {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

@media (max-width: 40em) {
  .ui-xs-hide {
    display: none !important;
  }
}
@media (min-width: 40em) and (max-width: 52em) {
  .ui-sm-hide {
    display: none !important;
  }
}
@media (min-width: 52em) and (max-width: 64em) {
  .ui-md-hide {
    display: none !important;
  }
}
@media (min-width: 64em) {
  .ui-lg-hide {
    display: none !important;
  }
}
.ui-display-none {
  display: none !important;
}

/*!
 * Bootstrap Reboot v4.5.1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

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

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

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

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

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

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

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

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  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: #007bff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #0056b3;
  text-decoration: underline;
}

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

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

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

figure {
  margin: 0 0 1rem;
}

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

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

table {
  border-collapse: collapse;
}

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

th {
  text-align: inherit;
}

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

button {
  border-radius: 0;
}

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

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

select {
  word-wrap: normal;
}

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

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

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

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

textarea {
  overflow: auto;
  resize: vertical;
}

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

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 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;
}

.app-container {
  width: 12rem;
}

.bs-text-color-primary {
  color: #494ff5;
}

.bs-text-color-secondary {
  color: #6c757d;
}

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

.bs-text-color-info {
  color: #949494;
}

.bs-text-color-warning {
  color: #ff7135;
}

.bs-text-color-danger {
  color: #ff3333;
}

.bs-text-color-light {
  color: #f8f9fa;
}

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

.bs-text-color-black {
  color: #1d2125;
}

.bs-text-color-white {
  color: #ffffff;
}

.bg-img-cover {
  background-size: cover;
}

.border-radius-0 {
  border-radius: 0rem;
}

.border-radius-1 {
  border-radius: 0.01rem;
}

.border-radius-2 {
  border-radius: 0.02rem;
}

.border-radius-3 {
  border-radius: 0.03rem;
}

.border-radius-4 {
  border-radius: 0.04rem;
}

.border-radius-5 {
  border-radius: 0.05rem;
}

.border-radius-6 {
  border-radius: 0.06rem;
}

.border-radius-7 {
  border-radius: 0.07rem;
}

.border-radius-8 {
  border-radius: 0.08rem;
}

.border-radius-9 {
  border-radius: 0.09rem;
}

.border-radius-10 {
  border-radius: 0.1rem;
}

.border-radius-11 {
  border-radius: 0.11rem;
}

.text-sz-12 {
  font-size: 0.12rem;
}

.ui-line-height-rem-12 {
  line-height: 0.12rem;
}

.text-sz-13 {
  font-size: 0.13rem;
}

.ui-line-height-rem-13 {
  line-height: 0.13rem;
}

.text-sz-14 {
  font-size: 0.14rem;
}

.ui-line-height-rem-14 {
  line-height: 0.14rem;
}

.text-sz-15 {
  font-size: 0.15rem;
}

.ui-line-height-rem-15 {
  line-height: 0.15rem;
}

.text-sz-16 {
  font-size: 0.16rem;
}

.ui-line-height-rem-16 {
  line-height: 0.16rem;
}

.text-sz-17 {
  font-size: 0.17rem;
}

.ui-line-height-rem-17 {
  line-height: 0.17rem;
}

.text-sz-18 {
  font-size: 0.18rem;
}

.ui-line-height-rem-18 {
  line-height: 0.18rem;
}

.text-sz-19 {
  font-size: 0.19rem;
}

.ui-line-height-rem-19 {
  line-height: 0.19rem;
}

.text-sz-20 {
  font-size: 0.2rem;
}

.ui-line-height-rem-20 {
  line-height: 0.2rem;
}

.text-sz-21 {
  font-size: 0.21rem;
}

.ui-line-height-rem-21 {
  line-height: 0.21rem;
}

.text-sz-22 {
  font-size: 0.22rem;
}

.ui-line-height-rem-22 {
  line-height: 0.22rem;
}

.text-sz-23 {
  font-size: 0.23rem;
}

.ui-line-height-rem-23 {
  line-height: 0.23rem;
}

.text-sz-24 {
  font-size: 0.24rem;
}

.ui-line-height-rem-24 {
  line-height: 0.24rem;
}

.text-sz-25 {
  font-size: 0.25rem;
}

.ui-line-height-rem-25 {
  line-height: 0.25rem;
}

.text-sz-26 {
  font-size: 0.26rem;
}

.ui-line-height-rem-26 {
  line-height: 0.26rem;
}

.text-sz-27 {
  font-size: 0.27rem;
}

.ui-line-height-rem-27 {
  line-height: 0.27rem;
}

.text-sz-28 {
  font-size: 0.28rem;
}

.ui-line-height-rem-28 {
  line-height: 0.28rem;
}

.text-sz-29 {
  font-size: 0.29rem;
}

.ui-line-height-rem-29 {
  line-height: 0.29rem;
}

.text-sz-30 {
  font-size: 0.3rem;
}

.ui-line-height-rem-30 {
  line-height: 0.3rem;
}

.text-sz-31 {
  font-size: 0.31rem;
}

.ui-line-height-rem-31 {
  line-height: 0.31rem;
}

.text-sz-32 {
  font-size: 0.32rem;
}

.ui-line-height-rem-32 {
  line-height: 0.32rem;
}

.text-sz-33 {
  font-size: 0.33rem;
}

.ui-line-height-rem-33 {
  line-height: 0.33rem;
}

.text-sz-34 {
  font-size: 0.34rem;
}

.ui-line-height-rem-34 {
  line-height: 0.34rem;
}

.text-sz-35 {
  font-size: 0.35rem;
}

.ui-line-height-rem-35 {
  line-height: 0.35rem;
}

.text-sz-36 {
  font-size: 0.36rem;
}

.ui-line-height-rem-36 {
  line-height: 0.36rem;
}

.text-sz-37 {
  font-size: 0.37rem;
}

.ui-line-height-rem-37 {
  line-height: 0.37rem;
}

.text-sz-38 {
  font-size: 0.38rem;
}

.ui-line-height-rem-38 {
  line-height: 0.38rem;
}

.text-sz-39 {
  font-size: 0.39rem;
}

.ui-line-height-rem-39 {
  line-height: 0.39rem;
}

.text-sz-40 {
  font-size: 0.4rem;
}

.ui-line-height-rem-40 {
  line-height: 0.4rem;
}

.text-sz-41 {
  font-size: 0.41rem;
}

.ui-line-height-rem-41 {
  line-height: 0.41rem;
}

.text-sz-42 {
  font-size: 0.42rem;
}

.ui-line-height-rem-42 {
  line-height: 0.42rem;
}

.text-sz-43 {
  font-size: 0.43rem;
}

.ui-line-height-rem-43 {
  line-height: 0.43rem;
}

.text-sz-44 {
  font-size: 0.44rem;
}

.ui-line-height-rem-44 {
  line-height: 0.44rem;
}

.text-sz-45 {
  font-size: 0.45rem;
}

.ui-line-height-rem-45 {
  line-height: 0.45rem;
}

.text-sz-46 {
  font-size: 0.46rem;
}

.ui-line-height-rem-46 {
  line-height: 0.46rem;
}

.text-sz-47 {
  font-size: 0.47rem;
}

.ui-line-height-rem-47 {
  line-height: 0.47rem;
}

.text-sz-48 {
  font-size: 0.48rem;
}

.ui-line-height-rem-48 {
  line-height: 0.48rem;
}

.text-sz-49 {
  font-size: 0.49rem;
}

.ui-line-height-rem-49 {
  line-height: 0.49rem;
}

.text-sz-50 {
  font-size: 0.5rem;
}

.ui-line-height-rem-50 {
  line-height: 0.5rem;
}

.text-sz-51 {
  font-size: 0.51rem;
}

.ui-line-height-rem-51 {
  line-height: 0.51rem;
}

.text-sz-52 {
  font-size: 0.52rem;
}

.ui-line-height-rem-52 {
  line-height: 0.52rem;
}

.text-sz-53 {
  font-size: 0.53rem;
}

.ui-line-height-rem-53 {
  line-height: 0.53rem;
}

.text-sz-54 {
  font-size: 0.54rem;
}

.ui-line-height-rem-54 {
  line-height: 0.54rem;
}

.text-sz-55 {
  font-size: 0.55rem;
}

.ui-line-height-rem-55 {
  line-height: 0.55rem;
}

.text-sz-56 {
  font-size: 0.56rem;
}

.ui-line-height-rem-56 {
  line-height: 0.56rem;
}

.text-sz-57 {
  font-size: 0.57rem;
}

.ui-line-height-rem-57 {
  line-height: 0.57rem;
}

.text-sz-58 {
  font-size: 0.58rem;
}

.ui-line-height-rem-58 {
  line-height: 0.58rem;
}

.text-sz-59 {
  font-size: 0.59rem;
}

.ui-line-height-rem-59 {
  line-height: 0.59rem;
}

.ui-mr-0 {
  margin-right: 0rem;
}

.ui-mr-1 {
  margin-right: 0.01rem;
}

.ui-mr-2 {
  margin-right: 0.02rem;
}

.ui-mr-3 {
  margin-right: 0.03rem;
}

.ui-mr-4 {
  margin-right: 0.04rem;
}

.ui-mr-5 {
  margin-right: 0.05rem;
}

.ui-mr-6 {
  margin-right: 0.06rem;
}

.ui-mr-7 {
  margin-right: 0.07rem;
}

.ui-mr-8 {
  margin-right: 0.08rem;
}

.ui-mr-9 {
  margin-right: 0.09rem;
}

.ui-mr-10 {
  margin-right: 0.1rem;
}

.ui-mr-11 {
  margin-right: 0.11rem;
}

.ui-mr-12 {
  margin-right: 0.12rem;
}

.ui-mr-13 {
  margin-right: 0.13rem;
}

.ui-mr-14 {
  margin-right: 0.14rem;
}

.ui-mr-15 {
  margin-right: 0.15rem;
}

.ui-mr-16 {
  margin-right: 0.16rem;
}

.ui-mr-17 {
  margin-right: 0.17rem;
}

.ui-mr-18 {
  margin-right: 0.18rem;
}

.ui-mr-19 {
  margin-right: 0.19rem;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0 0;
  font-size: 0.16rem;
  line-height: 1.5;
  border-radius: 0.04rem;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus,
.btn.focus {
  outline: 0;
  box-shadow: 1rem;
}
.btn.disabled,
.btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #494ff5;
  border-color: #494ff5;
}
.btn-primary:hover {
  color: #fff;
  background-color: #252cf3;
  border-color: #1920f2;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #252cf3;
  border-color: #1920f2;
  box-shadow: 0 0 0 0 rgba(100, 105, 247, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #494ff5;
  border-color: #494ff5;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #1920f2;
  border-color: #0d15f1;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(100, 105, 247, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.btn-secondary:focus,
.btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}
.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #949494;
  border-color: #949494;
}
.btn-info:hover {
  color: #fff;
  background-color: #818181;
  border-color: #7b7b7b;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #818181;
  border-color: #7b7b7b;
  box-shadow: 0 0 0 0 rgba(164, 164, 164, 0.5);
}
.btn-info.disabled,
.btn-info:disabled {
  color: #fff;
  background-color: #949494;
  border-color: #949494;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #7b7b7b;
  border-color: #747474;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(164, 164, 164, 0.5);
}

.btn-warning {
  color: #fff;
  background-color: #ff7135;
  border-color: #ff7135;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ff560f;
  border-color: #ff4d02;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ff560f;
  border-color: #ff4d02;
  box-shadow: 0 0 0 0 rgba(255, 134, 83, 0.5);
}
.btn-warning.disabled,
.btn-warning:disabled {
  color: #fff;
  background-color: #ff7135;
  border-color: #ff7135;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #ff4d02;
  border-color: #f44900;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 134, 83, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #ff3333;
  border-color: #ff3333;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ff0d0d;
  border-color: red;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #ff0d0d;
  border-color: red;
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.5);
}
.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #ff3333;
  border-color: #ff3333;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: red;
  border-color: #f20000;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus,
.btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5);
}
.btn-light.disabled,
.btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus,
.btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
}

.btn-black {
  color: #fff;
  background-color: #1d2125;
  border-color: #1d2125;
}
.btn-black:hover {
  color: #fff;
  background-color: #0c0e10;
  border-color: #070808;
}
.btn-black:focus,
.btn-black.focus {
  color: #fff;
  background-color: #0c0e10;
  border-color: #070808;
  box-shadow: 0 0 0 0 rgba(63, 66, 70, 0.5);
}
.btn-black.disabled,
.btn-black:disabled {
  color: #fff;
  background-color: #1d2125;
  border-color: #1d2125;
}
.btn-black:not(:disabled):not(.disabled):active,
.btn-black:not(:disabled):not(.disabled).active,
.show > .btn-black.dropdown-toggle {
  color: #fff;
  background-color: #070808;
  border-color: #010101;
}
.btn-black:not(:disabled):not(.disabled):active:focus,
.btn-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-black.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(63, 66, 70, 0.5);
}

.btn-outline-primary {
  color: #494ff5;
  border-color: #494ff5;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #494ff5;
  border-color: #494ff5;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0 rgba(73, 79, 245, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #494ff5;
  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: #494ff5;
  border-color: #494ff5;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(73, 79, 245, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:focus,
.btn-outline-success.focus {
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
}

.btn-outline-info {
  color: #949494;
  border-color: #949494;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #949494;
  border-color: #949494;
}
.btn-outline-info:focus,
.btn-outline-info.focus {
  box-shadow: 0 0 0 0 rgba(148, 148, 148, 0.5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #949494;
  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: #949494;
  border-color: #949494;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(148, 148, 148, 0.5);
}

.btn-outline-warning {
  color: #ff7135;
  border-color: #ff7135;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #ff7135;
  border-color: #ff7135;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus {
  box-shadow: 0 0 0 0 rgba(255, 113, 53, 0.5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ff7135;
  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: #fff;
  background-color: #ff7135;
  border-color: #ff7135;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 113, 53, 0.5);
}

.btn-outline-danger {
  color: #ff3333;
  border-color: #ff3333;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #ff3333;
  border-color: #ff3333;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus {
  box-shadow: 0 0 0 0 rgba(255, 51, 51, 0.5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #ff3333;
  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: #ff3333;
  border-color: #ff3333;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(255, 51, 51, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus,
.btn-outline-light.focus {
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus {
  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
}

.btn-outline-black {
  color: #1d2125;
  border-color: #1d2125;
}
.btn-outline-black:hover {
  color: #fff;
  background-color: #1d2125;
  border-color: #1d2125;
}
.btn-outline-black:focus,
.btn-outline-black.focus {
  box-shadow: 0 0 0 0 rgba(29, 33, 37, 0.5);
}
.btn-outline-black.disabled,
.btn-outline-black:disabled {
  color: #1d2125;
  background-color: transparent;
}
.btn-outline-black:not(:disabled):not(.disabled):active,
.btn-outline-black:not(:disabled):not(.disabled).active,
.show > .btn-outline-black.dropdown-toggle {
  color: #fff;
  background-color: #1d2125;
  border-color: #1d2125;
}
.btn-outline-black:not(:disabled):not(.disabled):active:focus,
.btn-outline-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-black.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(29, 33, 37, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #007bff;
  text-decoration: none;
}
.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
}
.btn-link:focus,
.btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled,
.btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

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

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

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

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

.btn-force-disabled:disabled {
  background-color: #ebebeb;
  border-color: #d9d9d9;
  color: #949494;
  opacity: 1;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.2rem + 2px);
  padding: 0.1rem 0.1rem;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #d9d9d9;
  border-radius: 0.04rem;
  transition:
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #d9d9d9;
  outline: 0;
  box-shadow: 0.1rem;
}
.form-control::-webkit-input-placeholder {
  color: #949494;
  opacity: 1;
}
.form-control::-moz-placeholder {
  color: #949494;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
.form-control::-ms-input-placeholder {
  color: #949494;
  opacity: 1;
}
.form-control::placeholder {
  color: #949494;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

textarea.form-control {
  height: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}
.was-validated
  .custom-control-input:valid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}
.was-validated
  .custom-control-input:valid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}
.was-validated
  .custom-control-input:valid:focus:not(:checked)
  ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked)
  ~ .custom-control-label::before {
  border-color: #28a745;
}

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

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

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

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

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

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

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

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}
.was-validated
  .custom-control-input:invalid:checked
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}
.was-validated
  .custom-control-input:invalid:focus
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
}
.was-validated
  .custom-control-input:invalid:focus:not(:checked)
  ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked)
  ~ .custom-control-label::before {
  border-color: #dc3545;
}

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

.form-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    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: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.input-group {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  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: -webkit-flex;
  display: -ms-flexbox;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.1rem 0.1rem;
  margin-bottom: 0;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #ebebeb;
  border: 1px solid #ced4da;
  border-radius: 0.04rem;
}
.input-group-text input[type="radio"],
.input-group-text input[type="checkbox"] {
  margin-top: 0;
}

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

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

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

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

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

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

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

.form-control::-webkit-input-placeholder {
  font-size: 0.16rem;
}

.form-control::-moz-placeholder {
  font-size: 0.16rem;
}

.form-control:-ms-input-placeholder {
  font-size: 0.16rem;
}

.form-control::-ms-input-placeholder {
  font-size: 0.16rem;
}

.form-control::placeholder {
  font-size: 0.16rem;
}

.input-prepend-transparent .input-group-text {
  background-color: #fff;
  border-right-color: transparent;
  padding-bottom: 0;
  padding-top: 0;
}
.input-prepend-transparent .form-control {
  border-left-color: transparent;
}

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

.nav-link {
  display: block;
  padding: 0.2rem 0;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #494ff5;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

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

.nav-login .nav-link {
  cursor: pointer;
}
.nav-login .nav-link.active {
  color: #494ff5;
}

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

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

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

.modal-dialog-scrollable {
  display: -webkit-flex;
  display: -ms-flexbox;
  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 {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  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.1rem;
  outline: 0;
}

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

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

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

.modal-body {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0;
}

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

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

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

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

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

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-close {
  width: 0.34rem;
  height: 0.34rem;
  background-image: url("https://oss.kaoyanvip.cn/uploads/file1594611386638.png");
  background-color: #fff;
  box-shadow: 0rem 0.02rem 0.05rem 0rem rgba(197, 199, 203, 0.1);
  border-radius: 1000px;
  position: absolute;
  right: -0.34rem;
  top: -0.34rem;
  background-size: cover;
}

#auditionDialog .modal-dialog,
#teachDialog .modal-dialog,
#coverDialog .modal-dialog,
#coverImgDialog .modal-dialog {
  width: 8rem;
}
#auditionDialog .modal-dialog .modal-content,
#teachDialog .modal-dialog .modal-content,
#coverDialog .modal-dialog .modal-content,
#coverImgDialog .modal-dialog .modal-content {
  background: none !important;
  border-width: 0 !important;
  position: relative;
}
#auditionDialog .modal-dialog .modal-content .modal-close-detail,
#teachDialog .modal-dialog .modal-content .modal-close-detail,
#coverDialog .modal-dialog .modal-content .modal-close-detail,
#coverImgDialog .modal-dialog .modal-content .modal-close-detail {
  width: 0.32rem;
  height: 0.32rem;
  position: absolute;
  top: -0.46rem;
  right: 0;
  cursor: pointer;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: none;
  }

  .modal-sm {
    max-width: 3.24rem;
  }
}
.breadcrumb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

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

.breadcrumb {
  padding: 0;
  background: none;
  border-radius: 0;
  line-height: 0.4rem;
  margin-bottom: 0;
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.05rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  padding-right: 0.05rem;
}

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

.nav-link {
  display: block;
  padding: 0.2rem 0;
}
.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #494ff5;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

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

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

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

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

.tabs-line .nav-link.active {
  background: none;
  border-radius: 0;
  color: #494ff5;
  position: relative;
}
.tabs-line .nav-link.active::after {
  content: "";
  width: 1.36rem;
  height: 2px;
  background-color: #494ff5;
  position: absolute;
  bottom: 0;
  left: 0;
}
.tabs-line .nav-item {
  width: 1.36rem;
  text-align: center;
}

.tabs-btn {
  margin-top: 0.16rem;
}
.tabs-btn .nav-link {
  padding: 0.04rem 0.05rem;
}
.tabs-btn .nav-link.active {
  background-color: #494ff5;
  border-radius: 2px;
}
.tabs-btn .nav-item {
  text-align: center;
  margin-right: 0.08rem;
}

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

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

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

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

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

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

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #cccefc;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #a0a3fa;
}

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

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

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

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

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

.table-info,
.table-info > th,
.table-info > td {
  background-color: #e1e1e1;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #c7c7c7;
}

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

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

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

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

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

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

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

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

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

.table-black,
.table-black > th,
.table-black > td {
  background-color: #c0c1c2;
}
.table-black th,
.table-black td,
.table-black thead th,
.table-black tbody + tbody {
  border-color: #898c8e;
}

.table-hover .table-black:hover {
  background-color: #b3b4b5;
}
.table-hover .table-black:hover > td,
.table-hover .table-black:hover > th {
  background-color: #b3b4b5;
}

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

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

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

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

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

.header-content-right .dropdown-menu {
  font-size: 0.12rem;
  margin-top: 0;
  min-width: 1.21rem;
  padding: 0;
  padding-top: 0.1rem;
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  box-shadow:
    0 2px 12px 0 rgba 0,
    0,
    0,
    0.1;
}
.header-content-right .dropdown-menu .dropdown-divider {
  margin: 0.05rem 0;
}
.header-content-right .dropdown-menu a {
  display: block;
  line-height: 0.34rem;
  padding: 0;
  text-align: center;
  color: #666;
}
.header-content-right .dropdown-menu a:hover {
  background-color: #ebebeb;
}
.header-content-right .dropdown-menu a::before,
.header-content-right .dropdown-menu a::after {
  background: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #f8f9fa;
}
.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #007bff;
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent;
}

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

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

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

.ui-flex-1 {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ui-text-decoration-none {
  text-decoration: none;
}

.ui-text-decoration-underline {
  text-decoration: underline;
}

.ui-text-decoration-line-through {
  text-decoration: line-through;
}

.ui-inline-flex {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.ui-poa-center-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ui-poa-center-top {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

:root {
  --color-gray: #949494;
  --color-light-gray: #f4f4f4;
  --color-danger: #ff3333;
  --color-primary: #494ff5;
  --color-success: #28a745;
  --color-gray-400: #d9d9d9;
  --color-gray-500: #ebebeb;
  --text-color-gray: #949494;
  --text-color-light-gray: #f4f4f4;
  --text-color-danger: #ff3333;
  --text-color-primary: #494ff5;
  --bg-color-gray: #949494;
  --bg-color-light-gray: #f4f4f4;
  --bg-color-danger: #ff3333;
  --bg-color-primary: #494ff5;
}

.text-color-gray {
  color: #949494;
}

.text-color-light-gray {
  color: #f4f4f4;
}

.text-color-danger {
  color: #ff3333;
}

.text-color-primary {
  color: #494ff5;
}

.bg-color-gray {
  background-color: #949494;
}

.bg-color-light-gray {
  background-color: #f4f4f4;
}

.bg-color-danger {
  background-color: #ff3333;
}

.bg-color-primary {
  background-color: #494ff5;
}

.text-sz-100 {
  font-size: 0.12rem;
}

.text-sz-200 {
  font-size: 0.14rem;
}

.text-sz-300 {
  font-size: 0.16rem;
}

.text-sz-400 {
  font-size: 0.18rem;
}

.text-sz-500 {
  font-size: 0.2rem;
}

.text-sz-600 {
  font-size: 0.22rem;
}

.text-sz-700 {
  font-size: 0.24rem;
}

.text-sz-800 {
  font-size: 0.26rem;
}

.text-sz-900 {
  font-size: 0.28rem;
}

.app-line {
  display: block;
  height: 1px;
  background-color: #f4f4f4;
}

.ui-full-h {
  height: 100%;
}

.ui-full-w {
  width: 100%;
}

.u-row-x {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}

.ui-pos-a-full {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ui-hover-image {
  background-repeat: no-repeat;
  background-size: cover;
}
.ui-hover-image .ui-hover-image-f {
  display: none;
}
.ui-hover-image .ui-hover-image-f:first-child {
  display: block;
}
.ui-hover-image:hover .ui-hover-image-f:first-child {
  display: none;
}
.ui-hover-image:hover .ui-hover-image-f:nth-child(2) {
  display: block;
}

.ui-cus-pointer {
  cursor: pointer;
}

.ui-pos-vcenter {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.ui-pos-ccenter {
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.bs-dialog-alert .modal-dialog {
  width: 4.5rem;
}
.bs-dialog-alert .modal-body {
  padding: 0.3rem;
}
.bs-dialog-alert .modal-header {
  display: none;
}
.bs-dialog-alert .modal-footer .btn {
  min-width: 1rem;
  margin: 0.2rem;
  height: 0.3rem;
  padding: 0 0.1rem;
  font-size: 0.14rem;
}

.bs-dialog-alert + .modal-backdrop {
  background-color: transparent;
}

.bs-dialog-toast .modal-dialog {
  margin: 30vh auto;
}
.bs-dialog-toast p {
  word-break: break-all;
}
.bs-dialog-toast .modal-content {
  background-color: rgba(12, 14, 16, 0.9);
  border-color: transparent;
}
.bs-dialog-toast .modal-body {
  padding: 0.1rem;
  color: #fff;
}
.bs-dialog-toast .modal-footer {
  border: none;
}

:root {
  --color-gray: #949494;
  --color-light-gray: #f4f4f4;
  --color-danger: #ff3333;
  --color-primary: #494ff5;
  --color-success: #28a745;
  --color-gray-400: #d9d9d9;
  --color-gray-500: #ebebeb;
  --text-color-gray: #949494;
  --text-color-light-gray: #f4f4f4;
  --text-color-danger: #ff3333;
  --text-color-primary: #494ff5;
  --bg-color-gray: #949494;
  --bg-color-light-gray: #f4f4f4;
  --bg-color-danger: #ff3333;
  --bg-color-primary: #494ff5;
}

.login-app .input-group .form-control {
  height: auto;
}
.login-app .nav-tab-lines {
  height: 2px;
  background: #f4f4f4;
}
.login-app .nav-tab-lines .nav-tab-line {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.login-app .wx-code-container {
  width: 220px;
}
.login-app .wx-code {
  width: 220px;
  height: 220px;
  box-sizing: border-box;
}
.login-app .wx-code-inner {
  background-color: #e5e5e5;
  height: 100%;
  position: relative;
}
.login-app .wx-code-inner:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: transparent;
  transition: background-color 0.5s ease;
}
.login-app .wx-code .wx-code-iframe {
  width: 3rem;
  height: 4rem;
  position: relative;
  top: -1rem;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  left: -0.6153846154rem;
}
.login-app .wx-code .wx-code-reload-btn {
  opacity: 0;
  z-index: -1;
}
.login-app .wx-code--closed .wx-code-reload-btn {
  opacity: 1;
  z-index: 1;
}
.login-app .wx-code--closed .wx-code-inner:after {
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 0;
}

.login-modal * {
  box-sizing: border-box;
}

:root {
  --color-gray: #949494;
  --color-light-gray: #f4f4f4;
  --color-danger: #ff3333;
  --color-primary: #494ff5;
  --color-success: #28a745;
  --color-gray-400: #d9d9d9;
  --color-gray-500: #ebebeb;
  --text-color-gray: #949494;
  --text-color-light-gray: #f4f4f4;
  --text-color-danger: #ff3333;
  --text-color-primary: #494ff5;
  --bg-color-gray: #949494;
  --bg-color-light-gray: #f4f4f4;
  --bg-color-danger: #ff3333;
  --bg-color-primary: #494ff5;
}

.v-select {
  position: relative;
  font-family: inherit;
}

.v-select,
.v-select * {
  box-sizing: border-box;
}

/* KeyFrames */
@-webkit-keyframes vSelectSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes vSelectSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* Dropdown Default Transition */
.vs__fade-enter-active,
.vs__fade-leave-active {
  pointer-events: none;
  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1);
}

.vs__fade-enter,
.vs__fade-leave-to {
  opacity: 0;
}

/** Component States */
/*
 * Disabled
 *
 * When the component is disabled, all interaction
 * should be prevented. Here we modify the bg color,
 * and change the cursor displayed on the interactive
 * components.
 */
.vs--disabled .vs__dropdown-toggle,
.vs--disabled .vs__clear,
.vs--disabled .vs__search,
.vs--disabled .vs__selected,
.vs--disabled .vs__open-indicator {
  cursor: not-allowed;
  background-color: #f8f8f8;
}

/*
 *  RTL - Right to Left Support
 *
 *  Because we're using a flexbox layout, the `dir="rtl"`
 *  HTML attribute does most of the work for us by
 *  rearranging the child elements visually.
 */
.v-select[dir="rtl"] .vs__actions {
  padding: 0 3px 0 6px;
}
.v-select[dir="rtl"] .vs__clear {
  margin-left: 6px;
  margin-right: 0;
}
.v-select[dir="rtl"] .vs__deselect {
  margin-left: 0;
  margin-right: 2px;
}
.v-select[dir="rtl"] .vs__dropdown-menu {
  text-align: right;
}

/**
    Dropdown Toggle

    The dropdown toggle is the primary wrapper of the component. It
    has two direct descendants: .vs__selected-options, and .vs__actions.

    .vs__selected-options holds the .vs__selected's as well as the
    main search input.

    .vs__actions holds the clear button and dropdown toggle.
 */
.vs__dropdown-toggle {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 4px 0;
  background: none;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  white-space: normal;
}

.vs__selected-options {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 2px;
  position: relative;
}

.vs__actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px 6px 0 3px;
}

/* Dropdown Toggle States */
.vs--searchable .vs__dropdown-toggle {
  cursor: text;
}

.vs--unsearchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs--open .vs__dropdown-toggle {
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vs__open-indicator {
  fill: rgba(60, 60, 60, 0.5);
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition: transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition:
    transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855),
    -webkit-transform 150ms cubic-bezier(1, -0.115, 0.975, 0.855);
  transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
}

.vs--open .vs__open-indicator {
  -webkit-transform: rotate(180deg) scale(1);
  transform: rotate(180deg) scale(1);
}

.vs--loading .vs__open-indicator {
  opacity: 0;
}

/* Clear Button */
.vs__clear {
  fill: rgba(60, 60, 60, 0.5);
  padding: 0;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-right: 8px;
}

/* Dropdown Menu */
.vs__dropdown-menu {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1000;
  padding: 5px 0;
  margin: 0;
  width: 100%;
  max-height: 350px;
  min-width: 160px;
  overflow-y: auto;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-top-style: none;
  border-radius: 0 0 4px 4px;
  text-align: left;
  list-style: none;
  background: #fff;
}

.vs__no-options {
  text-align: center;
}

/* List Items */
.vs__dropdown-option {
  line-height: 1.42857143;
  /* Normalize line height */
  display: block;
  padding: 3px 20px;
  clear: both;
  color: #333;
  /* Overrides most CSS frameworks */
  white-space: nowrap;
}
.vs__dropdown-option:hover {
  cursor: pointer;
}

.vs__dropdown-option--highlight {
  background: #494ff5;
  color: #fff;
}

.vs__dropdown-option--disabled {
  background: inherit;
  color: rgba(60, 60, 60, 0.5);
}
.vs__dropdown-option--disabled:hover {
  cursor: inherit;
}

/* Selected Tags */
.vs__selected {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f0f0f0;
  border: 1px solid rgba(60, 60, 60, 0.26);
  border-radius: 4px;
  color: #333;
  line-height: 1.4;
  margin: 4px 2px 0px 2px;
  padding: 0 0.25em;
  z-index: 0;
}

.vs__deselect {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-left: 4px;
  padding: 0;
  border: 0;
  cursor: pointer;
  background: none;
  fill: rgba(60, 60, 60, 0.5);
  text-shadow: 0 1px 0 #fff;
}

/* States */
.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected {
  position: absolute;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}

/* Search Input */
/**
 * Super weird bug... If this declaration is grouped
 * below, the cancel button will still appear in chrome.
 * If it's up here on it's own, it'll hide it.
 */
.vs__search::-webkit-search-cancel-button {
  display: none;
}

.vs__search::-webkit-search-decoration,
.vs__search::-webkit-search-results-button,
.vs__search::-webkit-search-results-decoration,
.vs__search::-ms-clear {
  display: none;
}

.vs__search,
.vs__search:focus {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1;
}

.vs__search::-webkit-input-placeholder {
  color: inherit;
}

.vs__search::-moz-placeholder {
  color: inherit;
}

.vs__search:-ms-input-placeholder {
  color: inherit;
}

.vs__search::-ms-input-placeholder {
  color: inherit;
}

.vs__search::placeholder {
  color: inherit;
}

/**
    States
 */
.vs--unsearchable .vs__search {
  opacity: 1;
}
.vs--unsearchable:not(.vs--disabled) .vs__search:hover {
  cursor: pointer;
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
  opacity: 0.2;
}

/* Loading Spinner */
.vs__spinner {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  opacity: 0;
  font-size: 5px;
  text-indent: -9999em;
  overflow: hidden;
  border-top: 0.9em solid rgba(100, 100, 100, 0.1);
  border-right: 0.9em solid rgba(100, 100, 100, 0.1);
  border-bottom: 0.9em solid rgba(100, 100, 100, 0.1);
  border-left: 0.9em solid rgba(60, 60, 60, 0.45);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: vSelectSpinner 1.1s infinite linear;
  animation: vSelectSpinner 1.1s infinite linear;
  transition: opacity 0.1s;
}

.vs__spinner,
.vs__spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em;
}

/* Loading Spinner States */
.vs--loading .vs__spinner {
  opacity: 1;
}

.btn-light {
  background-color: #ebebeb;
}

.vs__search {
  padding: 0;
}

.vs__selected-options {
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

.vs__clear {
  width: 0.1rem;
}

.vs--single .vs__selected {
  background-color: transparent;
  border-color: transparent;
}
.vs--single.vs--open .vs__selected {
  position: static;
  opacity: 0.4;
}
.vs--single.vs--searching .vs__selected {
  display: none;
}

.custom-area-select.distpicker-address-wrapper {
  font-size: 0.16rem;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.custom-area-select.distpicker-address-wrapper label {
  margin-bottom: 0;
}
.custom-area-select.distpicker-address-wrapper label + label {
  margin-left: 0.14rem;
}

.modalb * {
  box-sizing: border-box;
}
.modalb .modal-close {
  display: none;
}

.modalb-c {
  width: 6.6rem;
  margin-left: auto;
  margin-right: auto;
}
.modalb-c .mx-auto {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
.modalb-c .mx-r {
  padding-right: 0.3rem;
}

.modala-c {
  width: 3.86rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.modala-c__title {
  font-size: 0.22rem;
}
.modala-c__p {
  font-size: 0.12rem;
}
.modala-c__b {
  width: 1.4rem;
  height: 0.48rem;
  line-height: 0.48rem;
}

.modala-c {
  width: 3.86rem;
  margin-left: auto;
  margin-right: auto;
}

.modala-h {
  box-sizing: border-box;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.modala-main {
  box-sizing: border-box;
  padding-left: 0.36rem;
  padding-right: 0.36rem;
}

.modala-c__title {
  font-size: 0.22rem;
}

.modala-c__p {
  font-size: 0.12rem;
}

.modala-c__b {
  width: 1.4rem;
  height: 0.48rem;
  line-height: 0.48rem;
}

.modala .modal-close {
  display: none;
}

.modalc-c {
  width: 5.02rem;
  margin-left: auto;
  margin-right: auto;
}

.modalc-main {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  box-sizing: border-box;
}

.modala-h {
  box-sizing: border-box;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
}

.modalc-c__title {
  text-align: center;
}

.modalc-c__b {
  width: 2rem;
  height: 0.48rem;
  line-height: 0.48rem;
}

.address-bak-content {
  height: 0;
  overflow: hidden;
  transition: height 0.5s ease;
}
.address-bak-content[checked] {
  height: auto;
}

.is-province-valid .v-select-province .vs__dropdown-toggle {
  border-color: #28a745;
}

.is-city-valid .v-select-city .vs__dropdown-toggle {
  border-color: #28a745;
}

.is-area-valid .v-select-area .vs__dropdown-toggle {
  border-color: #28a745;
}

.is-province-invalid .v-select-province .vs__dropdown-toggle {
  border-color: #ff3333;
}

.is-city-invalid .v-select-city .vs__dropdown-toggle {
  border-color: #ff3333;
}

.is-area-invalid .v-select-area .vs__dropdown-toggle {
  border-color: #ff3333;
}

.bs-dialog-toast {
  position: fixed;
  top: 10vh;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  z-index: 3000;
  border-radius: 0.12rem;
  padding: 0.05rem 0.1rem;
  min-width: 2rem;
  text-align: center;
  opacity: 0;
  transition: opacity 1s ease;
}

.bs-dialog-toast.show {
  opacity: 1;
}