/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */
/* Manually forked from Normalize.css */
/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
/* line 6, app/assets/stylesheets/spectre.css */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
  -ms-text-size-adjust: 100%;
  /* 3 */
}

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
/* line 14, app/assets/stylesheets/spectre.css */
body {
  margin: 0;
}

/** Add the correct display in IE 9-. */
/* line 19, app/assets/stylesheets/spectre.css */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
/* line 29, app/assets/stylesheets/spectre.css */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
/* line 36, app/assets/stylesheets/spectre.css */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/** Add the correct margin in IE 8 (removed). */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
/* line 44, app/assets/stylesheets/spectre.css */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/** 1. Correct the inheritance and scaling of font size in all browsers. (removed) 2. Correct the odd `em` font sizing in all browsers. */
/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
/* line 53, app/assets/stylesheets/spectre.css */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
/* line 59, app/assets/stylesheets/spectre.css */
a:active,
a:hover {
  outline-width: 0;
}

/** Modify default styling of address. */
/* line 65, app/assets/stylesheets/spectre.css */
address {
  font-style: normal;
}

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed) */
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
/* line 71, app/assets/stylesheets/spectre.css */
b,
strong {
  font-weight: inherit;
}

/** Add the correct font weight in Chrome, Edge, and Safari. */
/* line 77, app/assets/stylesheets/spectre.css */
b,
strong {
  font-weight: bolder;
}

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
/* line 83, app/assets/stylesheets/spectre.css */
code,
kbd,
pre,
samp {
  font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;
  /* 1 (changed) */
  font-size: 1em;
  /* 2 */
}

/** Add the correct font style in Android 4.3-. */
/* line 92, app/assets/stylesheets/spectre.css */
dfn {
  font-style: italic;
}

/** Add the correct background and color in IE 9-. (Removed) */
/** Add the correct font size in all browsers. */
/* line 98, app/assets/stylesheets/spectre.css */
small {
  font-size: 80%;
  font-weight: 400;
  /* (added) */
}

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
/* line 104, app/assets/stylesheets/spectre.css */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 112, app/assets/stylesheets/spectre.css */
sub {
  bottom: -.25em;
}

/* line 116, app/assets/stylesheets/spectre.css */
sup {
  top: -.5em;
}

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
/* line 122, app/assets/stylesheets/spectre.css */
audio,
video {
  display: inline-block;
}

/** Add the correct display in iOS 4-7. */
/* line 128, app/assets/stylesheets/spectre.css */
audio:not([controls]) {
  display: none;
  height: 0;
}

/** Remove the border on images inside links in IE 10-. */
/* line 134, app/assets/stylesheets/spectre.css */
img {
  border-style: none;
}

/** Hide the overflow in IE. */
/* line 139, app/assets/stylesheets/spectre.css */
svg:not(:root) {
  overflow: hidden;
}

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
/* line 145, app/assets/stylesheets/spectre.css */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 (changed) */
  font-size: inherit;
  /* 1 (changed) */
  line-height: inherit;
  /* 1 (changed) */
  margin: 0;
  /* 2 */
}

/** Show the overflow in IE. 1. Show the overflow in Edge. */
/* line 157, app/assets/stylesheets/spectre.css */
button,
input {
  /* 1 */
  overflow: visible;
}

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
/* line 163, app/assets/stylesheets/spectre.css */
button,
select {
  /* 1 */
  text-transform: none;
}

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
/* line 169, app/assets/stylesheets/spectre.css */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/** Remove the inner border and padding in Firefox. */
/* line 177, app/assets/stylesheets/spectre.css */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/** Restore the focus styles unset by the previous rule (removed). */
/** Change the border, margin, and padding in all browsers (opinionated) (changed). */
/* line 187, app/assets/stylesheets/spectre.css */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
/* line 194, app/assets/stylesheets/spectre.css */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
/* line 204, app/assets/stylesheets/spectre.css */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/** Remove the default vertical scrollbar in IE. */
/* line 210, app/assets/stylesheets/spectre.css */
textarea {
  overflow: auto;
}

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
/* line 215, app/assets/stylesheets/spectre.css */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/** Correct the cursor style of increment and decrement buttons in Chrome. */
/* line 222, app/assets/stylesheets/spectre.css */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
/* line 228, app/assets/stylesheets/spectre.css */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
/* line 234, app/assets/stylesheets/spectre.css */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
/* line 240, app/assets/stylesheets/spectre.css */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
/* line 247, app/assets/stylesheets/spectre.css */
details,
menu {
  display: block;
}

/* Add the correct display in all browsers. */
/* line 253, app/assets/stylesheets/spectre.css */
summary {
  display: list-item;
  outline: none;
}

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
/* line 260, app/assets/stylesheets/spectre.css */
canvas {
  display: inline-block;
}

/** Add the correct display in IE. */
/* line 265, app/assets/stylesheets/spectre.css */
template {
  display: none;
}

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
/* line 271, app/assets/stylesheets/spectre.css */
[hidden] {
  display: none;
}

/* line 275, app/assets/stylesheets/spectre.css */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/* line 281, app/assets/stylesheets/spectre.css */
html {
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
}

/* line 288, app/assets/stylesheets/spectre.css */
body {
  background: #fff;
  color: #3b4351;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: .8rem;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

/* line 297, app/assets/stylesheets/spectre.css */
a {
  color: #5755d9;
  outline: none;
  text-decoration: none;
}

/* line 303, app/assets/stylesheets/spectre.css */
a:focus {
  box-shadow: 0 0 0 0.1rem rgba(87, 85, 217, 0.2);
}

/* line 307, app/assets/stylesheets/spectre.css */
a:focus,
a:hover,
a:active,
a.active {
  color: #302ecd;
  text-decoration: underline;
}

/* line 315, app/assets/stylesheets/spectre.css */
a:visited {
  color: #807fe2;
}

/* line 319, app/assets/stylesheets/spectre.css */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5em;
  margin-top: 0;
}

/* line 332, app/assets/stylesheets/spectre.css */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 500;
}

/* line 341, app/assets/stylesheets/spectre.css */
h1,
.h1 {
  font-size: 2rem;
}

/* line 346, app/assets/stylesheets/spectre.css */
h2,
.h2 {
  font-size: 1.6rem;
}

/* line 351, app/assets/stylesheets/spectre.css */
h3,
.h3 {
  font-size: 1.4rem;
}

/* line 356, app/assets/stylesheets/spectre.css */
h4,
.h4 {
  font-size: 1.2rem;
}

/* line 361, app/assets/stylesheets/spectre.css */
h5,
.h5 {
  font-size: 1rem;
}

/* line 366, app/assets/stylesheets/spectre.css */
h6,
.h6 {
  font-size: .8rem;
}

/* line 371, app/assets/stylesheets/spectre.css */
p {
  margin: 0 0 1.2rem;
}

/* line 375, app/assets/stylesheets/spectre.css */
a,
ins,
u {
  -webkit-text-decoration-skip: ink edges;
  text-decoration-skip: ink edges;
}

/* line 382, app/assets/stylesheets/spectre.css */
abbr[title] {
  border-bottom: .05rem dotted;
  cursor: help;
  text-decoration: none;
}

/* line 388, app/assets/stylesheets/spectre.css */
kbd {
  background: #303742;
  border-radius: .1rem;
  color: #fff;
  font-size: .7rem;
  line-height: 1.25;
  padding: .1rem .2rem;
}

/* line 397, app/assets/stylesheets/spectre.css */
mark {
  background: #ffe9b3;
  border-bottom: .05rem solid #ffd367;
  border-radius: .1rem;
  color: #3b4351;
  padding: .05rem .1rem 0;
}

/* line 405, app/assets/stylesheets/spectre.css */
blockquote {
  border-left: .1rem solid #dadee4;
  margin-left: 0;
  padding: .4rem .8rem;
}

/* line 411, app/assets/stylesheets/spectre.css */
blockquote p:last-child {
  margin-bottom: 0;
}

/* line 415, app/assets/stylesheets/spectre.css */
ul,
ol {
  margin: .8rem 0 .8rem .8rem;
  padding: 0;
}

/* line 421, app/assets/stylesheets/spectre.css */
ul ul,
ul ol,
ol ul,
ol ol {
  margin: .8rem 0 .8rem .8rem;
}

/* line 428, app/assets/stylesheets/spectre.css */
ul li,
ol li {
  margin-top: .4rem;
}

/* line 433, app/assets/stylesheets/spectre.css */
ul {
  list-style: disc inside;
}

/* line 437, app/assets/stylesheets/spectre.css */
ul ul {
  list-style-type: circle;
}

/* line 441, app/assets/stylesheets/spectre.css */
ol {
  list-style: decimal inside;
}

/* line 445, app/assets/stylesheets/spectre.css */
ol ol {
  list-style-type: lower-alpha;
}

/* line 449, app/assets/stylesheets/spectre.css */
dl dt {
  font-weight: bold;
}

/* line 453, app/assets/stylesheets/spectre.css */
dl dd {
  margin: .4rem 0 .8rem 0;
}

/* line 457, app/assets/stylesheets/spectre.css */
html:lang(zh),
html:lang(zh-Hans),
.lang-zh,
.lang-zh-hans {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
}

/* line 464, app/assets/stylesheets/spectre.css */
html:lang(zh-Hant),
.lang-zh-hant {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
}

/* line 469, app/assets/stylesheets/spectre.css */
html:lang(ja),
.lang-ja {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif;
}

/* line 474, app/assets/stylesheets/spectre.css */
html:lang(ko),
.lang-ko {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Helvetica Neue", sans-serif;
}

/* line 479, app/assets/stylesheets/spectre.css */
:lang(zh) ins,
:lang(zh) u,
:lang(ja) ins,
:lang(ja) u,
.lang-cjk ins,
.lang-cjk u {
  border-bottom: .05rem solid;
  text-decoration: none;
}

/* line 489, app/assets/stylesheets/spectre.css */
:lang(zh) del + del,
:lang(zh) del + s,
:lang(zh) ins + ins,
:lang(zh) ins + u,
:lang(zh) s + del,
:lang(zh) s + s,
:lang(zh) u + ins,
:lang(zh) u + u,
:lang(ja) del + del,
:lang(ja) del + s,
:lang(ja) ins + ins,
:lang(ja) ins + u,
:lang(ja) s + del,
:lang(ja) s + s,
:lang(ja) u + ins,
:lang(ja) u + u,
.lang-cjk del + del,
.lang-cjk del + s,
.lang-cjk ins + ins,
.lang-cjk ins + u,
.lang-cjk s + del,
.lang-cjk s + s,
.lang-cjk u + ins,
.lang-cjk u + u {
  margin-left: .125em;
}

/* line 516, app/assets/stylesheets/spectre.css */
.table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
  width: 100%;
}

/* line 523, app/assets/stylesheets/spectre.css */
.table.table-striped tbody tr:nth-of-type(odd) {
  background: #f7f8f9;
}

/* line 527, app/assets/stylesheets/spectre.css */
.table tbody tr.active,
.table.table-striped tbody tr.active {
  background: #eef0f3;
}

/* line 532, app/assets/stylesheets/spectre.css */
.table.table-hover tbody tr:hover {
  background: #eef0f3;
}

/* line 536, app/assets/stylesheets/spectre.css */
.table.table-scroll {
  display: block;
  overflow-x: auto;
  padding-bottom: .75rem;
  white-space: nowrap;
}

/* line 543, app/assets/stylesheets/spectre.css */
.table td,
.table th {
  border-bottom: .05rem solid #dadee4;
  padding: .6rem .4rem;
}

/* line 549, app/assets/stylesheets/spectre.css */
.table th {
  border-bottom-width: .1rem;
}

/* line 553, app/assets/stylesheets/spectre.css */
.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: .05rem solid #5755d9;
  border-radius: .1rem;
  color: #5755d9;
  cursor: pointer;
  display: inline-block;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  outline: none;
  padding: .25rem .4rem;
  text-align: center;
  text-decoration: none;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

/* line 579, app/assets/stylesheets/spectre.css */
.btn:focus {
  box-shadow: 0 0 0 0.1rem rgba(87, 85, 217, 0.2);
}

/* line 583, app/assets/stylesheets/spectre.css */
.btn:focus,
.btn:hover {
  background: #f1f1fc;
  border-color: #4b48d6;
  text-decoration: none;
}

/* line 590, app/assets/stylesheets/spectre.css */
.btn:active,
.btn.active {
  background: #4b48d6;
  border-color: #3634d2;
  color: #fff;
  text-decoration: none;
}

/* line 598, app/assets/stylesheets/spectre.css */
.btn.loading:active::after,
.btn.active.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

/* line 604, app/assets/stylesheets/spectre.css */
.btn[disabled],
.btn:disabled,
.btn.disabled {
  cursor: default;
  opacity: .5;
  pointer-events: none;
}

/* line 612, app/assets/stylesheets/spectre.css */
.btn.btn-primary {
  background: #5755d9;
  border-color: #4b48d6;
  color: #fff;
}

/* line 618, app/assets/stylesheets/spectre.css */
.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background: #4240d4;
  border-color: #3634d2;
  color: #fff;
}

/* line 625, app/assets/stylesheets/spectre.css */
.btn.btn-primary:active,
.btn.btn-primary.active {
  background: #3a38d2;
  border-color: #302ecd;
  color: #fff;
}

/* line 632, app/assets/stylesheets/spectre.css */
.btn.btn-primary.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

/* line 637, app/assets/stylesheets/spectre.css */
.btn.btn-success {
  background: #32b643;
  border-color: #2faa3f;
  color: #fff;
}

/* line 643, app/assets/stylesheets/spectre.css */
.btn.btn-success:focus {
  box-shadow: 0 0 0 0.1rem rgba(50, 182, 67, 0.2);
}

/* line 647, app/assets/stylesheets/spectre.css */
.btn.btn-success:focus,
.btn.btn-success:hover {
  background: #30ae40;
  border-color: #2da23c;
  color: #fff;
}

/* line 654, app/assets/stylesheets/spectre.css */
.btn.btn-success:active,
.btn.btn-success.active {
  background: #2a9a39;
  border-color: #278e34;
  color: #fff;
}

/* line 661, app/assets/stylesheets/spectre.css */
.btn.btn-success.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

/* line 666, app/assets/stylesheets/spectre.css */
.btn.btn-error {
  background: #e85600;
  border-color: #d95000;
  color: #fff;
}

/* line 672, app/assets/stylesheets/spectre.css */
.btn.btn-error:focus {
  box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2);
}

/* line 676, app/assets/stylesheets/spectre.css */
.btn.btn-error:focus,
.btn.btn-error:hover {
  background: #de5200;
  border-color: #cf4d00;
  color: #fff;
}

/* line 683, app/assets/stylesheets/spectre.css */
.btn.btn-error:active,
.btn.btn-error.active {
  background: #c44900;
  border-color: #b54300;
  color: #fff;
}

/* line 690, app/assets/stylesheets/spectre.css */
.btn.btn-error.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

/* line 695, app/assets/stylesheets/spectre.css */
.btn.btn-link {
  background: transparent;
  border-color: transparent;
  color: #5755d9;
}

/* line 701, app/assets/stylesheets/spectre.css */
.btn.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link.active {
  color: #302ecd;
}

/* line 708, app/assets/stylesheets/spectre.css */
.btn.btn-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem .3rem;
}

/* line 714, app/assets/stylesheets/spectre.css */
.btn.btn-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem .6rem;
}

/* line 720, app/assets/stylesheets/spectre.css */
.btn.btn-block {
  display: block;
  width: 100%;
}

/* line 725, app/assets/stylesheets/spectre.css */
.btn.btn-action {
  padding-left: 0;
  padding-right: 0;
  width: 1.8rem;
}

/* line 731, app/assets/stylesheets/spectre.css */
.btn.btn-action.btn-sm {
  width: 1.4rem;
}

/* line 735, app/assets/stylesheets/spectre.css */
.btn.btn-action.btn-lg {
  width: 2rem;
}

/* line 739, app/assets/stylesheets/spectre.css */
.btn.btn-clear {
  background: transparent;
  border: 0;
  color: currentColor;
  height: 1rem;
  line-height: .8rem;
  margin-left: .2rem;
  margin-right: -2px;
  opacity: 1;
  padding: .1rem;
  text-decoration: none;
  width: 1rem;
}

/* line 753, app/assets/stylesheets/spectre.css */
.btn.btn-clear:focus,
.btn.btn-clear:hover {
  background: rgba(247, 248, 249, 0.5);
  opacity: .95;
}

/* line 759, app/assets/stylesheets/spectre.css */
.btn.btn-clear::before {
  content: "\2715";
}

/* line 763, app/assets/stylesheets/spectre.css */
.btn-group {
  display: inline-flex;
  display: -ms-inline-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 770, app/assets/stylesheets/spectre.css */
.btn-group .btn {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

/* line 775, app/assets/stylesheets/spectre.css */
.btn-group .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 780, app/assets/stylesheets/spectre.css */
.btn-group .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -.05rem;
}

/* line 785, app/assets/stylesheets/spectre.css */
.btn-group .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -.05rem;
}

/* line 791, app/assets/stylesheets/spectre.css */
.btn-group .btn:focus,
.btn-group .btn:hover,
.btn-group .btn:active,
.btn-group .btn.active {
  z-index: 1;
}

/* line 798, app/assets/stylesheets/spectre.css */
.btn-group.btn-group-block {
  display: flex;
  display: -ms-flexbox;
}

/* line 803, app/assets/stylesheets/spectre.css */
.btn-group.btn-group-block .btn {
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

/* line 808, app/assets/stylesheets/spectre.css */
.form-group:not(:last-child) {
  margin-bottom: .4rem;
}

/* line 812, app/assets/stylesheets/spectre.css */
fieldset {
  margin-bottom: .8rem;
}

/* line 816, app/assets/stylesheets/spectre.css */
legend {
  font-size: .9rem;
  font-weight: 500;
  margin-bottom: .8rem;
}

/* line 822, app/assets/stylesheets/spectre.css */
.form-label {
  display: block;
  line-height: 1.2rem;
  padding: .3rem 0;
}

/* line 828, app/assets/stylesheets/spectre.css */
.form-label.label-sm {
  font-size: .7rem;
  padding: .1rem 0;
}

/* line 833, app/assets/stylesheets/spectre.css */
.form-label.label-lg {
  font-size: .9rem;
  padding: .4rem 0;
}

/* line 838, app/assets/stylesheets/spectre.css */
.form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  background-image: none;
  border: .05rem solid #bcc3ce;
  border-radius: .1rem;
  color: #3b4351;
  display: block;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  max-width: 100%;
  outline: none;
  padding: .25rem .4rem;
  position: relative;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
  width: 100%;
}

/* line 859, app/assets/stylesheets/spectre.css */
.form-input:focus {
  border-color: #5755d9;
  box-shadow: 0 0 0 0.1rem rgba(87, 85, 217, 0.2);
}

/* line 864, app/assets/stylesheets/spectre.css */
.form-input::-webkit-input-placeholder {
  color: #bcc3ce;
}

/* line 868, app/assets/stylesheets/spectre.css */
.form-input:-ms-input-placeholder {
  color: #bcc3ce;
}

/* line 872, app/assets/stylesheets/spectre.css */
.form-input::-ms-input-placeholder {
  color: #bcc3ce;
}

/* line 876, app/assets/stylesheets/spectre.css */
.form-input::placeholder {
  color: #bcc3ce;
}

/* line 880, app/assets/stylesheets/spectre.css */
.form-input.input-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem .3rem;
}

/* line 886, app/assets/stylesheets/spectre.css */
.form-input.input-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem .6rem;
}

/* line 892, app/assets/stylesheets/spectre.css */
.form-input.input-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

/* line 898, app/assets/stylesheets/spectre.css */
.form-input[type="file"] {
  height: auto;
}

/* line 902, app/assets/stylesheets/spectre.css */
textarea.form-input,
textarea.form-input.input-lg,
textarea.form-input.input-sm {
  height: auto;
}

/* line 908, app/assets/stylesheets/spectre.css */
.form-input-hint {
  color: #bcc3ce;
  font-size: .7rem;
  margin-top: .2rem;
}

/* line 914, app/assets/stylesheets/spectre.css */
.has-success .form-input-hint,
.is-success + .form-input-hint {
  color: #32b643;
}

/* line 919, app/assets/stylesheets/spectre.css */
.has-error .form-input-hint,
.is-error + .form-input-hint {
  color: #e85600;
}

/* line 924, app/assets/stylesheets/spectre.css */
.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: .05rem solid #bcc3ce;
  border-radius: .1rem;
  color: inherit;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  outline: none;
  padding: .25rem .4rem;
  vertical-align: middle;
  width: 100%;
}

/* line 941, app/assets/stylesheets/spectre.css */
.form-select:focus {
  border-color: #5755d9;
  box-shadow: 0 0 0 0.1rem rgba(87, 85, 217, 0.2);
}

/* line 946, app/assets/stylesheets/spectre.css */
.form-select::-ms-expand {
  display: none;
}

/* line 950, app/assets/stylesheets/spectre.css */
.form-select.select-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem 1.1rem .05rem .3rem;
}

/* line 956, app/assets/stylesheets/spectre.css */
.form-select.select-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem 1.4rem .35rem .6rem;
}

/* line 962, app/assets/stylesheets/spectre.css */
.form-select[size],
.form-select[multiple] {
  height: auto;
  padding: .25rem .4rem;
}

/* line 968, app/assets/stylesheets/spectre.css */
.form-select[size] option,
.form-select[multiple] option {
  padding: .1rem .2rem;
}

/* line 973, app/assets/stylesheets/spectre.css */
.form-select:not([multiple]):not([size]) {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem;
  padding-right: 1.2rem;
}

/* line 978, app/assets/stylesheets/spectre.css */
.has-icon-left,
.has-icon-right {
  position: relative;
}

/* line 983, app/assets/stylesheets/spectre.css */
.has-icon-left .form-icon,
.has-icon-right .form-icon {
  height: .8rem;
  margin: 0 .25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .8rem;
  z-index: 2;
}

/* line 994, app/assets/stylesheets/spectre.css */
.has-icon-left .form-icon {
  left: .05rem;
}

/* line 998, app/assets/stylesheets/spectre.css */
.has-icon-left .form-input {
  padding-left: 1.3rem;
}

/* line 1002, app/assets/stylesheets/spectre.css */
.has-icon-right .form-icon {
  right: .05rem;
}

/* line 1006, app/assets/stylesheets/spectre.css */
.has-icon-right .form-input {
  padding-right: 1.3rem;
}

/* line 1010, app/assets/stylesheets/spectre.css */
.form-checkbox,
.form-radio,
.form-switch {
  display: block;
  line-height: 1.2rem;
  margin: .2rem 0;
  min-height: 1.4rem;
  padding: .1rem .4rem .1rem 1.2rem;
  position: relative;
}

/* line 1021, app/assets/stylesheets/spectre.css */
.form-checkbox input,
.form-radio input,
.form-switch input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

/* line 1032, app/assets/stylesheets/spectre.css */
.form-checkbox input:focus + .form-icon,
.form-radio input:focus + .form-icon,
.form-switch input:focus + .form-icon {
  border-color: #5755d9;
  box-shadow: 0 0 0 0.1rem rgba(87, 85, 217, 0.2);
}

/* line 1039, app/assets/stylesheets/spectre.css */
.form-checkbox input:checked + .form-icon,
.form-radio input:checked + .form-icon,
.form-switch input:checked + .form-icon {
  background: #5755d9;
  border-color: #5755d9;
}

/* line 1046, app/assets/stylesheets/spectre.css */
.form-checkbox .form-icon,
.form-radio .form-icon,
.form-switch .form-icon {
  border: .05rem solid #bcc3ce;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
}

/* line 1056, app/assets/stylesheets/spectre.css */
.form-checkbox.input-sm,
.form-radio.input-sm,
.form-switch.input-sm {
  font-size: .7rem;
  margin: 0;
}

/* line 1063, app/assets/stylesheets/spectre.css */
.form-checkbox.input-lg,
.form-radio.input-lg,
.form-switch.input-lg {
  font-size: .9rem;
  margin: .3rem 0;
}

/* line 1070, app/assets/stylesheets/spectre.css */
.form-checkbox .form-icon,
.form-radio .form-icon {
  background: #fff;
  height: .8rem;
  left: 0;
  top: .3rem;
  width: .8rem;
}

/* line 1079, app/assets/stylesheets/spectre.css */
.form-checkbox input:active + .form-icon,
.form-radio input:active + .form-icon {
  background: #eef0f3;
}

/* line 1084, app/assets/stylesheets/spectre.css */
.form-checkbox .form-icon {
  border-radius: .1rem;
}

/* line 1088, app/assets/stylesheets/spectre.css */
.form-checkbox input:checked + .form-icon::before {
  background-clip: padding-box;
  border: .1rem solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  content: "";
  height: 9px;
  left: 50%;
  margin-left: -3px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}

/* line 1104, app/assets/stylesheets/spectre.css */
.form-checkbox input:indeterminate + .form-icon {
  background: #5755d9;
  border-color: #5755d9;
}

/* line 1109, app/assets/stylesheets/spectre.css */
.form-checkbox input:indeterminate + .form-icon::before {
  background: #fff;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 10px;
}

/* line 1121, app/assets/stylesheets/spectre.css */
.form-radio .form-icon {
  border-radius: 50%;
}

/* line 1125, app/assets/stylesheets/spectre.css */
.form-radio input:checked + .form-icon::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
}

/* line 1137, app/assets/stylesheets/spectre.css */
.form-switch {
  padding-left: 2rem;
}

/* line 1141, app/assets/stylesheets/spectre.css */
.form-switch .form-icon {
  background: #bcc3ce;
  background-clip: padding-box;
  border-radius: .45rem;
  height: .9rem;
  left: 0;
  top: .25rem;
  width: 1.6rem;
}

/* line 1151, app/assets/stylesheets/spectre.css */
.form-switch .form-icon::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: .8rem;
  left: 0;
  position: absolute;
  top: 0;
  transition: background .2s, border .2s, box-shadow .2s, color .2s, left .2s;
  width: .8rem;
}

/* line 1164, app/assets/stylesheets/spectre.css */
.form-switch input:checked + .form-icon::before {
  left: 14px;
}

/* line 1168, app/assets/stylesheets/spectre.css */
.form-switch input:active + .form-icon::before {
  background: #f7f8f9;
}

/* line 1172, app/assets/stylesheets/spectre.css */
.input-group {
  display: flex;
  display: -ms-flexbox;
}

/* line 1177, app/assets/stylesheets/spectre.css */
.input-group .input-group-addon {
  background: #f7f8f9;
  border: .05rem solid #bcc3ce;
  border-radius: .1rem;
  line-height: 1.2rem;
  padding: .25rem .4rem;
  white-space: nowrap;
}

/* line 1186, app/assets/stylesheets/spectre.css */
.input-group .input-group-addon.addon-sm {
  font-size: .7rem;
  padding: .05rem .3rem;
}

/* line 1191, app/assets/stylesheets/spectre.css */
.input-group .input-group-addon.addon-lg {
  font-size: .9rem;
  padding: .35rem .6rem;
}

/* line 1196, app/assets/stylesheets/spectre.css */
.input-group .form-input,
.input-group .form-select {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

/* line 1203, app/assets/stylesheets/spectre.css */
.input-group .input-group-btn {
  z-index: 1;
}

/* line 1207, app/assets/stylesheets/spectre.css */
.input-group .form-input:first-child:not(:last-child),
.input-group .form-select:first-child:not(:last-child),
.input-group .input-group-addon:first-child:not(:last-child),
.input-group .input-group-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/* line 1215, app/assets/stylesheets/spectre.css */
.input-group .form-input:not(:first-child):not(:last-child),
.input-group .form-select:not(:first-child):not(:last-child),
.input-group .input-group-addon:not(:first-child):not(:last-child),
.input-group .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -.05rem;
}

/* line 1223, app/assets/stylesheets/spectre.css */
.input-group .form-input:last-child:not(:first-child),
.input-group .form-select:last-child:not(:first-child),
.input-group .input-group-addon:last-child:not(:first-child),
.input-group .input-group-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -.05rem;
}

/* line 1232, app/assets/stylesheets/spectre.css */
.input-group .form-input:focus,
.input-group .form-select:focus,
.input-group .input-group-addon:focus,
.input-group .input-group-btn:focus {
  z-index: 2;
}

/* line 1239, app/assets/stylesheets/spectre.css */
.input-group .form-select {
  width: auto;
}

/* line 1243, app/assets/stylesheets/spectre.css */
.input-group.input-inline {
  display: inline-flex;
  display: -ms-inline-flexbox;
}

/* line 1248, app/assets/stylesheets/spectre.css */
.has-success .form-input,
.form-input.is-success,
.has-success .form-select,
.form-select.is-success {
  background: #f9fdfa;
  border-color: #32b643;
}

/* line 1256, app/assets/stylesheets/spectre.css */
.has-success .form-input:focus,
.form-input.is-success:focus,
.has-success .form-select:focus,
.form-select.is-success:focus {
  box-shadow: 0 0 0 0.1rem rgba(50, 182, 67, 0.2);
}

/* line 1263, app/assets/stylesheets/spectre.css */
.has-error .form-input,
.form-input.is-error,
.has-error .form-select,
.form-select.is-error {
  background: #fffaf7;
  border-color: #e85600;
}

/* line 1271, app/assets/stylesheets/spectre.css */
.has-error .form-input:focus,
.form-input.is-error:focus,
.has-error .form-select:focus,
.form-select.is-error:focus {
  box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2);
}

/* line 1278, app/assets/stylesheets/spectre.css */
.has-error .form-checkbox .form-icon,
.form-checkbox.is-error .form-icon,
.has-error .form-radio .form-icon,
.form-radio.is-error .form-icon,
.has-error .form-switch .form-icon,
.form-switch.is-error .form-icon {
  border-color: #e85600;
}

/* line 1287, app/assets/stylesheets/spectre.css */
.has-error .form-checkbox input:checked + .form-icon,
.form-checkbox.is-error input:checked + .form-icon,
.has-error .form-radio input:checked + .form-icon,
.form-radio.is-error input:checked + .form-icon,
.has-error .form-switch input:checked + .form-icon,
.form-switch.is-error input:checked + .form-icon {
  background: #e85600;
  border-color: #e85600;
}

/* line 1297, app/assets/stylesheets/spectre.css */
.has-error .form-checkbox input:focus + .form-icon,
.form-checkbox.is-error input:focus + .form-icon,
.has-error .form-radio input:focus + .form-icon,
.form-radio.is-error input:focus + .form-icon,
.has-error .form-switch input:focus + .form-icon,
.form-switch.is-error input:focus + .form-icon {
  border-color: #e85600;
  box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2);
}

/* line 1307, app/assets/stylesheets/spectre.css */
.has-error .form-checkbox input:indeterminate + .form-icon,
.form-checkbox.is-error input:indeterminate + .form-icon {
  background: #e85600;
  border-color: #e85600;
}

/* line 1313, app/assets/stylesheets/spectre.css */
.form-input:not(:placeholder-shown):invalid {
  border-color: #e85600;
}

/* line 1317, app/assets/stylesheets/spectre.css */
.form-input:not(:placeholder-shown):invalid:focus {
  background: #fffaf7;
  box-shadow: 0 0 0 0.1rem rgba(232, 86, 0, 0.2);
}

/* line 1322, app/assets/stylesheets/spectre.css */
.form-input:not(:placeholder-shown):invalid + .form-input-hint {
  color: #e85600;
}

/* line 1326, app/assets/stylesheets/spectre.css */
.form-input:disabled,
.form-input.disabled,
.form-select:disabled,
.form-select.disabled {
  background-color: #eef0f3;
  cursor: not-allowed;
  opacity: .5;
}

/* line 1335, app/assets/stylesheets/spectre.css */
.form-input[readonly] {
  background-color: #f7f8f9;
}

/* line 1339, app/assets/stylesheets/spectre.css */
input:disabled + .form-icon,
input.disabled + .form-icon {
  background: #eef0f3;
  cursor: not-allowed;
  opacity: .5;
}

/* line 1346, app/assets/stylesheets/spectre.css */
.form-switch input:disabled + .form-icon::before,
.form-switch input.disabled + .form-icon::before {
  background: #fff;
}

/* line 1351, app/assets/stylesheets/spectre.css */
.form-horizontal {
  padding: .4rem 0;
}

/* line 1355, app/assets/stylesheets/spectre.css */
.form-horizontal .form-group {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* line 1362, app/assets/stylesheets/spectre.css */
.form-inline {
  display: inline-block;
}

/* line 1366, app/assets/stylesheets/spectre.css */
.label {
  background: #eef0f3;
  border-radius: .1rem;
  color: #455060;
  display: inline-block;
  line-height: 1.25;
  padding: .1rem .2rem;
}

/* line 1375, app/assets/stylesheets/spectre.css */
.label.label-rounded {
  border-radius: 5rem;
  padding-left: .4rem;
  padding-right: .4rem;
}

/* line 1381, app/assets/stylesheets/spectre.css */
.label.label-primary {
  background: #5755d9;
  color: #fff;
}

/* line 1386, app/assets/stylesheets/spectre.css */
.label.label-secondary {
  background: #f1f1fc;
  color: #5755d9;
}

/* line 1391, app/assets/stylesheets/spectre.css */
.label.label-success {
  background: #32b643;
  color: #fff;
}

/* line 1396, app/assets/stylesheets/spectre.css */
.label.label-warning {
  background: #ffb700;
  color: #fff;
}

/* line 1401, app/assets/stylesheets/spectre.css */
.label.label-error {
  background: #e85600;
  color: #fff;
}

/* line 1406, app/assets/stylesheets/spectre.css */
code {
  background: #fcf2f2;
  border-radius: .1rem;
  color: #d73e48;
  font-size: 85%;
  line-height: 1.25;
  padding: .1rem .2rem;
}

/* line 1415, app/assets/stylesheets/spectre.css */
.code {
  border-radius: .1rem;
  color: #3b4351;
  position: relative;
}

/* line 1421, app/assets/stylesheets/spectre.css */
.code::before {
  color: #bcc3ce;
  content: attr(data-lang);
  font-size: .7rem;
  position: absolute;
  right: .4rem;
  top: .1rem;
}

/* line 1430, app/assets/stylesheets/spectre.css */
.code code {
  background: #f7f8f9;
  color: inherit;
  display: block;
  line-height: 1.5;
  overflow-x: auto;
  padding: 1rem;
  width: 100%;
}

/* line 1440, app/assets/stylesheets/spectre.css */
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

/* line 1446, app/assets/stylesheets/spectre.css */
.img-fit-cover {
  object-fit: cover;
}

/* line 1450, app/assets/stylesheets/spectre.css */
.img-fit-contain {
  object-fit: contain;
}

/* line 1454, app/assets/stylesheets/spectre.css */
.video-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

/* line 1462, app/assets/stylesheets/spectre.css */
.video-responsive::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

/* line 1468, app/assets/stylesheets/spectre.css */
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

/* line 1481, app/assets/stylesheets/spectre.css */
video.video-responsive {
  height: auto;
  max-width: 100%;
}

/* line 1486, app/assets/stylesheets/spectre.css */
video.video-responsive::before {
  content: none;
}

/* line 1490, app/assets/stylesheets/spectre.css */
.video-responsive-4-3::before {
  padding-bottom: 75%;
}

/* line 1494, app/assets/stylesheets/spectre.css */
.video-responsive-1-1::before {
  padding-bottom: 100%;
}

/* line 1498, app/assets/stylesheets/spectre.css */
.figure {
  margin: 0 0 .4rem 0;
}

/* line 1502, app/assets/stylesheets/spectre.css */
.figure .figure-caption {
  color: #66758c;
  margin-top: .4rem;
}

/* line 1507, app/assets/stylesheets/spectre.css */
.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: .4rem;
  padding-right: .4rem;
  width: 100%;
}

/* line 1515, app/assets/stylesheets/spectre.css */
.container.grid-xl {
  max-width: 1296px;
}

/* line 1519, app/assets/stylesheets/spectre.css */
.container.grid-lg {
  max-width: 976px;
}

/* line 1523, app/assets/stylesheets/spectre.css */
.container.grid-md {
  max-width: 856px;
}

/* line 1527, app/assets/stylesheets/spectre.css */
.container.grid-sm {
  max-width: 616px;
}

/* line 1531, app/assets/stylesheets/spectre.css */
.container.grid-xs {
  max-width: 496px;
}

/* line 1535, app/assets/stylesheets/spectre.css */
.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
  display: none !important;
}

/* line 1543, app/assets/stylesheets/spectre.css */
.columns {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -.4rem;
  margin-right: -.4rem;
}

/* line 1552, app/assets/stylesheets/spectre.css */
.columns.col-gapless {
  margin-left: 0;
  margin-right: 0;
}

/* line 1557, app/assets/stylesheets/spectre.css */
.columns.col-gapless > .column {
  padding-left: 0;
  padding-right: 0;
}

/* line 1562, app/assets/stylesheets/spectre.css */
.columns.col-oneline {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
}

/* line 1568, app/assets/stylesheets/spectre.css */
.column {
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  padding-left: .4rem;
  padding-right: .4rem;
}

/* line 1576, app/assets/stylesheets/spectre.css */
.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1,
.column.col-auto {
  -ms-flex: none;
  flex: none;
}

/* line 1593, app/assets/stylesheets/spectre.css */
.col-12 {
  width: 100%;
}

/* line 1597, app/assets/stylesheets/spectre.css */
.col-11 {
  width: 91.66666667%;
}

/* line 1601, app/assets/stylesheets/spectre.css */
.col-10 {
  width: 83.33333333%;
}

/* line 1605, app/assets/stylesheets/spectre.css */
.col-9 {
  width: 75%;
}

/* line 1609, app/assets/stylesheets/spectre.css */
.col-8 {
  width: 66.66666667%;
}

/* line 1613, app/assets/stylesheets/spectre.css */
.col-7 {
  width: 58.33333333%;
}

/* line 1617, app/assets/stylesheets/spectre.css */
.col-6 {
  width: 50%;
}

/* line 1621, app/assets/stylesheets/spectre.css */
.col-5 {
  width: 41.66666667%;
}

/* line 1625, app/assets/stylesheets/spectre.css */
.col-4 {
  width: 33.33333333%;
}

/* line 1629, app/assets/stylesheets/spectre.css */
.col-3 {
  width: 25%;
}

/* line 1633, app/assets/stylesheets/spectre.css */
.col-2 {
  width: 16.66666667%;
}

/* line 1637, app/assets/stylesheets/spectre.css */
.col-1 {
  width: 8.33333333%;
}

/* line 1641, app/assets/stylesheets/spectre.css */
.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

/* line 1648, app/assets/stylesheets/spectre.css */
.col-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* line 1653, app/assets/stylesheets/spectre.css */
.col-ml-auto {
  margin-left: auto;
}

/* line 1657, app/assets/stylesheets/spectre.css */
.col-mr-auto {
  margin-right: auto;
}

@media (max-width: 1280px) {
  /* line 1662, app/assets/stylesheets/spectre.css */
  .col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-xl-auto {
    -ms-flex: none;
    flex: none;
  }
  /* line 1678, app/assets/stylesheets/spectre.css */
  .col-xl-12 {
    width: 100%;
  }
  /* line 1681, app/assets/stylesheets/spectre.css */
  .col-xl-11 {
    width: 91.66666667%;
  }
  /* line 1684, app/assets/stylesheets/spectre.css */
  .col-xl-10 {
    width: 83.33333333%;
  }
  /* line 1687, app/assets/stylesheets/spectre.css */
  .col-xl-9 {
    width: 75%;
  }
  /* line 1690, app/assets/stylesheets/spectre.css */
  .col-xl-8 {
    width: 66.66666667%;
  }
  /* line 1693, app/assets/stylesheets/spectre.css */
  .col-xl-7 {
    width: 58.33333333%;
  }
  /* line 1696, app/assets/stylesheets/spectre.css */
  .col-xl-6 {
    width: 50%;
  }
  /* line 1699, app/assets/stylesheets/spectre.css */
  .col-xl-5 {
    width: 41.66666667%;
  }
  /* line 1702, app/assets/stylesheets/spectre.css */
  .col-xl-4 {
    width: 33.33333333%;
  }
  /* line 1705, app/assets/stylesheets/spectre.css */
  .col-xl-3 {
    width: 25%;
  }
  /* line 1708, app/assets/stylesheets/spectre.css */
  .col-xl-2 {
    width: 16.66666667%;
  }
  /* line 1711, app/assets/stylesheets/spectre.css */
  .col-xl-1 {
    width: 8.33333333%;
  }
  /* line 1714, app/assets/stylesheets/spectre.css */
  .col-xl-auto {
    width: auto;
  }
  /* line 1717, app/assets/stylesheets/spectre.css */
  .hide-xl {
    display: none !important;
  }
  /* line 1720, app/assets/stylesheets/spectre.css */
  .show-xl {
    display: block !important;
  }
}

@media (max-width: 960px) {
  /* line 1726, app/assets/stylesheets/spectre.css */
  .col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-lg-auto {
    -ms-flex: none;
    flex: none;
  }
  /* line 1742, app/assets/stylesheets/spectre.css */
  .col-lg-12 {
    width: 100%;
  }
  /* line 1745, app/assets/stylesheets/spectre.css */
  .col-lg-11 {
    width: 91.66666667%;
  }
  /* line 1748, app/assets/stylesheets/spectre.css */
  .col-lg-10 {
    width: 83.33333333%;
  }
  /* line 1751, app/assets/stylesheets/spectre.css */
  .col-lg-9 {
    width: 75%;
  }
  /* line 1754, app/assets/stylesheets/spectre.css */
  .col-lg-8 {
    width: 66.66666667%;
  }
  /* line 1757, app/assets/stylesheets/spectre.css */
  .col-lg-7 {
    width: 58.33333333%;
  }
  /* line 1760, app/assets/stylesheets/spectre.css */
  .col-lg-6 {
    width: 50%;
  }
  /* line 1763, app/assets/stylesheets/spectre.css */
  .col-lg-5 {
    width: 41.66666667%;
  }
  /* line 1766, app/assets/stylesheets/spectre.css */
  .col-lg-4 {
    width: 33.33333333%;
  }
  /* line 1769, app/assets/stylesheets/spectre.css */
  .col-lg-3 {
    width: 25%;
  }
  /* line 1772, app/assets/stylesheets/spectre.css */
  .col-lg-2 {
    width: 16.66666667%;
  }
  /* line 1775, app/assets/stylesheets/spectre.css */
  .col-lg-1 {
    width: 8.33333333%;
  }
  /* line 1778, app/assets/stylesheets/spectre.css */
  .col-lg-auto {
    width: auto;
  }
  /* line 1781, app/assets/stylesheets/spectre.css */
  .hide-lg {
    display: none !important;
  }
  /* line 1784, app/assets/stylesheets/spectre.css */
  .show-lg {
    display: block !important;
  }
}

@media (max-width: 840px) {
  /* line 1790, app/assets/stylesheets/spectre.css */
  .col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-md-auto {
    -ms-flex: none;
    flex: none;
  }
  /* line 1806, app/assets/stylesheets/spectre.css */
  .col-md-12 {
    width: 100%;
  }
  /* line 1809, app/assets/stylesheets/spectre.css */
  .col-md-11 {
    width: 91.66666667%;
  }
  /* line 1812, app/assets/stylesheets/spectre.css */
  .col-md-10 {
    width: 83.33333333%;
  }
  /* line 1815, app/assets/stylesheets/spectre.css */
  .col-md-9 {
    width: 75%;
  }
  /* line 1818, app/assets/stylesheets/spectre.css */
  .col-md-8 {
    width: 66.66666667%;
  }
  /* line 1821, app/assets/stylesheets/spectre.css */
  .col-md-7 {
    width: 58.33333333%;
  }
  /* line 1824, app/assets/stylesheets/spectre.css */
  .col-md-6 {
    width: 50%;
  }
  /* line 1827, app/assets/stylesheets/spectre.css */
  .col-md-5 {
    width: 41.66666667%;
  }
  /* line 1830, app/assets/stylesheets/spectre.css */
  .col-md-4 {
    width: 33.33333333%;
  }
  /* line 1833, app/assets/stylesheets/spectre.css */
  .col-md-3 {
    width: 25%;
  }
  /* line 1836, app/assets/stylesheets/spectre.css */
  .col-md-2 {
    width: 16.66666667%;
  }
  /* line 1839, app/assets/stylesheets/spectre.css */
  .col-md-1 {
    width: 8.33333333%;
  }
  /* line 1842, app/assets/stylesheets/spectre.css */
  .col-md-auto {
    width: auto;
  }
  /* line 1845, app/assets/stylesheets/spectre.css */
  .hide-md {
    display: none !important;
  }
  /* line 1848, app/assets/stylesheets/spectre.css */
  .show-md {
    display: block !important;
  }
}

@media (max-width: 600px) {
  /* line 1854, app/assets/stylesheets/spectre.css */
  .col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col-sm-auto {
    -ms-flex: none;
    flex: none;
  }
  /* line 1870, app/assets/stylesheets/spectre.css */
  .col-sm-12 {
    width: 100%;
  }
  /* line 1873, app/assets/stylesheets/spectre.css */
  .col-sm-11 {
    width: 91.66666667%;
  }
  /* line 1876, app/assets/stylesheets/spectre.css */
  .col-sm-10 {
    width: 83.33333333%;
  }
  /* line 1879, app/assets/stylesheets/spectre.css */
  .col-sm-9 {
    width: 75%;
  }
  /* line 1882, app/assets/stylesheets/spectre.css */
  .col-sm-8 {
    width: 66.66666667%;
  }
  /* line 1885, app/assets/stylesheets/spectre.css */
  .col-sm-7 {
    width: 58.33333333%;
  }
  /* line 1888, app/assets/stylesheets/spectre.css */
  .col-sm-6 {
    width: 50%;
  }
  /* line 1891, app/assets/stylesheets/spectre.css */
  .col-sm-5 {
    width: 41.66666667%;
  }
  /* line 1894, app/assets/stylesheets/spectre.css */
  .col-sm-4 {
    width: 33.33333333%;
  }
  /* line 1897, app/assets/stylesheets/spectre.css */
  .col-sm-3 {
    width: 25%;
  }
  /* line 1900, app/assets/stylesheets/spectre.css */
  .col-sm-2 {
    width: 16.66666667%;
  }
  /* line 1903, app/assets/stylesheets/spectre.css */
  .col-sm-1 {
    width: 8.33333333%;
  }
  /* line 1906, app/assets/stylesheets/spectre.css */
  .col-sm-auto {
    width: auto;
  }
  /* line 1909, app/assets/stylesheets/spectre.css */
  .hide-sm {
    display: none !important;
  }
  /* line 1912, app/assets/stylesheets/spectre.css */
  .show-sm {
    display: block !important;
  }
}

@media (max-width: 480px) {
  /* line 1918, app/assets/stylesheets/spectre.css */
  .col-xs-12,
.col-xs-11,
.col-xs-10,
.col-xs-9,
.col-xs-8,
.col-xs-7,
.col-xs-6,
.col-xs-5,
.col-xs-4,
.col-xs-3,
.col-xs-2,
.col-xs-1,
.col-xs-auto {
    -ms-flex: none;
    flex: none;
  }
  /* line 1934, app/assets/stylesheets/spectre.css */
  .col-xs-12 {
    width: 100%;
  }
  /* line 1937, app/assets/stylesheets/spectre.css */
  .col-xs-11 {
    width: 91.66666667%;
  }
  /* line 1940, app/assets/stylesheets/spectre.css */
  .col-xs-10 {
    width: 83.33333333%;
  }
  /* line 1943, app/assets/stylesheets/spectre.css */
  .col-xs-9 {
    width: 75%;
  }
  /* line 1946, app/assets/stylesheets/spectre.css */
  .col-xs-8 {
    width: 66.66666667%;
  }
  /* line 1949, app/assets/stylesheets/spectre.css */
  .col-xs-7 {
    width: 58.33333333%;
  }
  /* line 1952, app/assets/stylesheets/spectre.css */
  .col-xs-6 {
    width: 50%;
  }
  /* line 1955, app/assets/stylesheets/spectre.css */
  .col-xs-5 {
    width: 41.66666667%;
  }
  /* line 1958, app/assets/stylesheets/spectre.css */
  .col-xs-4 {
    width: 33.33333333%;
  }
  /* line 1961, app/assets/stylesheets/spectre.css */
  .col-xs-3 {
    width: 25%;
  }
  /* line 1964, app/assets/stylesheets/spectre.css */
  .col-xs-2 {
    width: 16.66666667%;
  }
  /* line 1967, app/assets/stylesheets/spectre.css */
  .col-xs-1 {
    width: 8.33333333%;
  }
  /* line 1970, app/assets/stylesheets/spectre.css */
  .col-xs-auto {
    width: auto;
  }
  /* line 1973, app/assets/stylesheets/spectre.css */
  .hide-xs {
    display: none !important;
  }
  /* line 1976, app/assets/stylesheets/spectre.css */
  .show-xs {
    display: block !important;
  }
}

/* line 1981, app/assets/stylesheets/spectre.css */
.hero {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 4rem;
  padding-top: 4rem;
}

/* line 1992, app/assets/stylesheets/spectre.css */
.hero.hero-sm {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

/* line 1997, app/assets/stylesheets/spectre.css */
.hero.hero-lg {
  padding-bottom: 8rem;
  padding-top: 8rem;
}

/* line 2002, app/assets/stylesheets/spectre.css */
.hero .hero-body {
  padding: .4rem;
}

/* line 2006, app/assets/stylesheets/spectre.css */
.navbar {
  align-items: stretch;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: stretch;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* line 2017, app/assets/stylesheets/spectre.css */
.navbar .navbar-section {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  -ms-flex-align: center;
}

/* line 2026, app/assets/stylesheets/spectre.css */
.navbar .navbar-section:not(:first-child):last-child {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* line 2031, app/assets/stylesheets/spectre.css */
.navbar .navbar-center {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -ms-flex-align: center;
}

/* line 2040, app/assets/stylesheets/spectre.css */
.navbar .navbar-brand {
  font-size: .9rem;
  text-decoration: none;
}

/* line 2045, app/assets/stylesheets/spectre.css */
.accordion input:checked ~ .accordion-header .icon,
.accordion[open] .accordion-header .icon {
  transform: rotate(90deg);
}

/* line 2050, app/assets/stylesheets/spectre.css */
.accordion input:checked ~ .accordion-body,
.accordion[open] .accordion-body {
  max-height: 50rem;
}

/* line 2055, app/assets/stylesheets/spectre.css */
.accordion .accordion-header {
  display: block;
  padding: .2rem .4rem;
}

/* line 2060, app/assets/stylesheets/spectre.css */
.accordion .accordion-header .icon {
  transition: transform .25s;
}

/* line 2064, app/assets/stylesheets/spectre.css */
.accordion .accordion-body {
  margin-bottom: .4rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s;
}

/* line 2071, app/assets/stylesheets/spectre.css */
summary.accordion-header::-webkit-details-marker {
  display: none;
}

/* line 2075, app/assets/stylesheets/spectre.css */
.avatar {
  background: #5755d9;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.85);
  display: inline-block;
  font-size: .8rem;
  font-weight: 300;
  height: 1.6rem;
  line-height: 1.25;
  margin: 0;
  position: relative;
  vertical-align: middle;
  width: 1.6rem;
}

/* line 2090, app/assets/stylesheets/spectre.css */
.avatar.avatar-xs {
  font-size: .4rem;
  height: .8rem;
  width: .8rem;
}

/* line 2096, app/assets/stylesheets/spectre.css */
.avatar.avatar-sm {
  font-size: .6rem;
  height: 1.2rem;
  width: 1.2rem;
}

/* line 2102, app/assets/stylesheets/spectre.css */
.avatar.avatar-lg {
  font-size: 1.2rem;
  height: 2.4rem;
  width: 2.4rem;
}

/* line 2108, app/assets/stylesheets/spectre.css */
.avatar.avatar-xl {
  font-size: 1.6rem;
  height: 3.2rem;
  width: 3.2rem;
}

/* line 2114, app/assets/stylesheets/spectre.css */
.avatar img {
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

/* line 2122, app/assets/stylesheets/spectre.css */
.avatar .avatar-icon,
.avatar .avatar-presence {
  background: #fff;
  bottom: 14.64%;
  height: 50%;
  padding: .1rem;
  position: absolute;
  right: 14.64%;
  transform: translate(50%, 50%);
  width: 50%;
  z-index: 2;
}

/* line 2135, app/assets/stylesheets/spectre.css */
.avatar .avatar-presence {
  background: #bcc3ce;
  border-radius: 50%;
  box-shadow: 0 0 0 .1rem #fff;
  height: .5em;
  width: .5em;
}

/* line 2143, app/assets/stylesheets/spectre.css */
.avatar .avatar-presence.online {
  background: #32b643;
}

/* line 2147, app/assets/stylesheets/spectre.css */
.avatar .avatar-presence.busy {
  background: #e85600;
}

/* line 2151, app/assets/stylesheets/spectre.css */
.avatar .avatar-presence.away {
  background: #ffb700;
}

/* line 2155, app/assets/stylesheets/spectre.css */
.avatar[data-initial]::before {
  color: currentColor;
  content: attr(data-initial);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

/* line 2165, app/assets/stylesheets/spectre.css */
.badge {
  position: relative;
  white-space: nowrap;
}

/* line 2170, app/assets/stylesheets/spectre.css */
.badge[data-badge]::after,
.badge:not([data-badge])::after {
  background: #5755d9;
  background-clip: padding-box;
  border-radius: .5rem;
  box-shadow: 0 0 0 .1rem #fff;
  color: #fff;
  content: attr(data-badge);
  display: inline-block;
  transform: translate(-0.05rem, -0.5rem);
}

/* line 2182, app/assets/stylesheets/spectre.css */
.badge[data-badge]::after {
  font-size: .7rem;
  height: .9rem;
  line-height: 1;
  min-width: .9rem;
  padding: .1rem .2rem;
  text-align: center;
  white-space: nowrap;
}

/* line 2192, app/assets/stylesheets/spectre.css */
.badge:not([data-badge])::after,
.badge[data-badge=""]::after {
  height: 6px;
  min-width: 6px;
  padding: 0;
  width: 6px;
}

/* line 2200, app/assets/stylesheets/spectre.css */
.badge.btn::after {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}

/* line 2207, app/assets/stylesheets/spectre.css */
.badge.avatar::after {
  position: absolute;
  right: 14.64%;
  top: 14.64%;
  transform: translate(50%, -50%);
  z-index: 100;
}

/* line 2215, app/assets/stylesheets/spectre.css */
.breadcrumb {
  list-style: none;
  margin: .2rem 0;
  padding: .2rem 0;
}

/* line 2221, app/assets/stylesheets/spectre.css */
.breadcrumb .breadcrumb-item {
  color: #66758c;
  display: inline-block;
  margin: 0;
  padding: .2rem 0;
}

/* line 2228, app/assets/stylesheets/spectre.css */
.breadcrumb .breadcrumb-item:not(:last-child) {
  margin-right: .2rem;
}

/* line 2232, app/assets/stylesheets/spectre.css */
.breadcrumb .breadcrumb-item:not(:last-child) a {
  color: #66758c;
}

/* line 2236, app/assets/stylesheets/spectre.css */
.breadcrumb .breadcrumb-item:not(:first-child)::before {
  color: #66758c;
  content: "/";
  padding-right: .4rem;
}

/* line 2242, app/assets/stylesheets/spectre.css */
.bar {
  background: #eef0f3;
  border-radius: .1rem;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: .8rem;
  width: 100%;
}

/* line 2253, app/assets/stylesheets/spectre.css */
.bar.bar-sm {
  height: .2rem;
}

/* line 2257, app/assets/stylesheets/spectre.css */
.bar .bar-item {
  background: #5755d9;
  color: #fff;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: .7rem;
  height: 100%;
  line-height: .8rem;
  position: relative;
  text-align: center;
  width: 0;
}

/* line 2271, app/assets/stylesheets/spectre.css */
.bar .bar-item:first-child {
  border-bottom-left-radius: .1rem;
  border-top-left-radius: .1rem;
}

/* line 2276, app/assets/stylesheets/spectre.css */
.bar .bar-item:last-child {
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

/* line 2283, app/assets/stylesheets/spectre.css */
.bar-slider {
  height: .1rem;
  margin: .4rem 0;
  position: relative;
}

/* line 2289, app/assets/stylesheets/spectre.css */
.bar-slider .bar-item {
  left: 0;
  padding: 0;
  position: absolute;
}

/* line 2295, app/assets/stylesheets/spectre.css */
.bar-slider .bar-item:not(:last-child):first-child {
  background: #eef0f3;
  z-index: 1;
}

/* line 2300, app/assets/stylesheets/spectre.css */
.bar-slider .bar-slider-btn {
  background: #5755d9;
  border: 0;
  border-radius: 50%;
  height: .6rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: .6rem;
}

/* line 2313, app/assets/stylesheets/spectre.css */
.bar-slider .bar-slider-btn:active {
  box-shadow: 0 0 0 .1rem #5755d9;
}

/* line 2317, app/assets/stylesheets/spectre.css */
.card {
  background: #fff;
  border: .05rem solid #dadee4;
  border-radius: .1rem;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 2327, app/assets/stylesheets/spectre.css */
.card .card-header,
.card .card-body,
.card .card-footer {
  padding: .8rem;
  padding-bottom: 0;
}

/* line 2334, app/assets/stylesheets/spectre.css */
.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child {
  padding-bottom: .8rem;
}

/* line 2340, app/assets/stylesheets/spectre.css */
.card .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* line 2345, app/assets/stylesheets/spectre.css */
.card .card-image {
  padding-top: .8rem;
}

/* line 2349, app/assets/stylesheets/spectre.css */
.card .card-image:first-child {
  padding-top: 0;
}

/* line 2353, app/assets/stylesheets/spectre.css */
.card .card-image:first-child img {
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
}

/* line 2358, app/assets/stylesheets/spectre.css */
.card .card-image:last-child img {
  border-bottom-left-radius: .1rem;
  border-bottom-right-radius: .1rem;
}

/* line 2363, app/assets/stylesheets/spectre.css */
.chip {
  align-items: center;
  background: #eef0f3;
  border-radius: 5rem;
  display: inline-flex;
  display: -ms-inline-flexbox;
  -ms-flex-align: center;
  font-size: 90%;
  height: 1.2rem;
  line-height: .8rem;
  margin: .1rem;
  max-width: 320px;
  overflow: hidden;
  padding: .2rem .4rem;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

/* line 2383, app/assets/stylesheets/spectre.css */
.chip.active {
  background: #5755d9;
  color: #fff;
}

/* line 2388, app/assets/stylesheets/spectre.css */
.chip .avatar {
  margin-left: -.4rem;
  margin-right: .2rem;
}

/* line 2393, app/assets/stylesheets/spectre.css */
.chip .btn-clear {
  border-radius: 50%;
  transform: scale(0.75);
}

/* line 2398, app/assets/stylesheets/spectre.css */
.dropdown {
  display: inline-block;
  position: relative;
}

/* line 2403, app/assets/stylesheets/spectre.css */
.dropdown .menu {
  animation: slide-down .15s ease 1;
  display: none;
  left: 0;
  max-height: 50vh;
  overflow-y: auto;
  position: absolute;
  top: 100%;
}

/* line 2413, app/assets/stylesheets/spectre.css */
.dropdown.dropdown-right .menu {
  left: auto;
  right: 0;
}

/* line 2418, app/assets/stylesheets/spectre.css */
.dropdown.active .menu,
.dropdown .dropdown-toggle:focus + .menu,
.dropdown .menu:hover {
  display: block;
}

/* line 2424, app/assets/stylesheets/spectre.css */
.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
}

/* line 2429, app/assets/stylesheets/spectre.css */
.empty {
  background: #f7f8f9;
  border-radius: .1rem;
  color: #66758c;
  padding: 3.2rem 1.6rem;
  text-align: center;
}

/* line 2437, app/assets/stylesheets/spectre.css */
.empty .empty-icon {
  margin-bottom: .8rem;
}

/* line 2441, app/assets/stylesheets/spectre.css */
.empty .empty-title,
.empty .empty-subtitle {
  margin: .4rem auto;
}

/* line 2446, app/assets/stylesheets/spectre.css */
.empty .empty-action {
  margin-top: .8rem;
}

/* line 2450, app/assets/stylesheets/spectre.css */
.menu {
  background: #fff;
  border-radius: .1rem;
  box-shadow: 0 0.05rem 0.2rem rgba(48, 55, 66, 0.3);
  list-style: none;
  margin: 0;
  min-width: 180px;
  padding: .4rem;
  transform: translateY(0.2rem);
  z-index: 300;
}

/* line 2462, app/assets/stylesheets/spectre.css */
.menu.menu-nav {
  background: transparent;
  box-shadow: none;
}

/* line 2467, app/assets/stylesheets/spectre.css */
.menu .menu-item {
  margin-top: 0;
  padding: 0 .4rem;
  position: relative;
  text-decoration: none;
}

/* line 2474, app/assets/stylesheets/spectre.css */
.menu .menu-item > a {
  border-radius: .1rem;
  color: inherit;
  display: block;
  margin: 0 -.4rem;
  padding: .2rem .4rem;
  text-decoration: none;
}

/* line 2483, app/assets/stylesheets/spectre.css */
.menu .menu-item > a:focus,
.menu .menu-item > a:hover {
  background: #f1f1fc;
  color: #5755d9;
}

/* line 2489, app/assets/stylesheets/spectre.css */
.menu .menu-item > a:active,
.menu .menu-item > a.active {
  background: #f1f1fc;
  color: #5755d9;
}

/* line 2495, app/assets/stylesheets/spectre.css */
.menu .menu-item .form-checkbox,
.menu .menu-item .form-radio,
.menu .menu-item .form-switch {
  margin: .1rem 0;
}

/* line 2501, app/assets/stylesheets/spectre.css */
.menu .menu-item + .menu-item {
  margin-top: .2rem;
}

/* line 2505, app/assets/stylesheets/spectre.css */
.menu .menu-badge {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 2516, app/assets/stylesheets/spectre.css */
.menu .menu-badge .label {
  margin-right: .4rem;
}

/* line 2520, app/assets/stylesheets/spectre.css */
.modal {
  align-items: center;
  bottom: 0;
  display: none;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: .4rem;
  position: fixed;
  right: 0;
  top: 0;
}

/* line 2536, app/assets/stylesheets/spectre.css */
.modal:target,
.modal.active {
  display: flex;
  display: -ms-flexbox;
  opacity: 1;
  z-index: 400;
}

/* line 2544, app/assets/stylesheets/spectre.css */
.modal:target .modal-overlay,
.modal.active .modal-overlay {
  background: rgba(247, 248, 249, 0.75);
  bottom: 0;
  cursor: default;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

/* line 2556, app/assets/stylesheets/spectre.css */
.modal:target .modal-container,
.modal.active .modal-container {
  animation: slide-down .2s ease 1;
  z-index: 1;
}

/* line 2562, app/assets/stylesheets/spectre.css */
.modal.modal-sm .modal-container {
  max-width: 320px;
  padding: 0 .4rem;
}

/* line 2567, app/assets/stylesheets/spectre.css */
.modal.modal-lg .modal-overlay {
  background: #fff;
}

/* line 2571, app/assets/stylesheets/spectre.css */
.modal.modal-lg .modal-container {
  box-shadow: none;
  max-width: 960px;
}

/* line 2576, app/assets/stylesheets/spectre.css */
.modal-container {
  background: #fff;
  border-radius: .1rem;
  box-shadow: 0 0.2rem 0.5rem rgba(48, 55, 66, 0.3);
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 75vh;
  max-width: 640px;
  padding: 0 .8rem;
  width: 100%;
}

/* line 2590, app/assets/stylesheets/spectre.css */
.modal-container.modal-fullheight {
  max-height: 100vh;
}

/* line 2594, app/assets/stylesheets/spectre.css */
.modal-container .modal-header {
  color: #303742;
  padding: .8rem;
}

/* line 2599, app/assets/stylesheets/spectre.css */
.modal-container .modal-body {
  overflow-y: auto;
  padding: .8rem;
  position: relative;
}

/* line 2605, app/assets/stylesheets/spectre.css */
.modal-container .modal-footer {
  padding: .8rem;
  text-align: right;
}

/* line 2610, app/assets/stylesheets/spectre.css */
.nav {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin: .2rem 0;
}

/* line 2619, app/assets/stylesheets/spectre.css */
.nav .nav-item a {
  color: #66758c;
  padding: .2rem .4rem;
  text-decoration: none;
}

/* line 2625, app/assets/stylesheets/spectre.css */
.nav .nav-item a:focus,
.nav .nav-item a:hover {
  color: #5755d9;
}

/* line 2630, app/assets/stylesheets/spectre.css */
.nav .nav-item.active > a {
  color: #505c6e;
  font-weight: bold;
}

/* line 2635, app/assets/stylesheets/spectre.css */
.nav .nav-item.active > a:focus,
.nav .nav-item.active > a:hover {
  color: #5755d9;
}

/* line 2640, app/assets/stylesheets/spectre.css */
.nav .nav {
  margin-bottom: .4rem;
  margin-left: .8rem;
}

/* line 2645, app/assets/stylesheets/spectre.css */
.pagination {
  display: flex;
  display: -ms-flexbox;
  list-style: none;
  margin: .2rem 0;
  padding: .2rem 0;
}

/* line 2653, app/assets/stylesheets/spectre.css */
.pagination .page-item {
  margin: .2rem .05rem;
}

/* line 2657, app/assets/stylesheets/spectre.css */
.pagination .page-item span {
  display: inline-block;
  padding: .2rem .2rem;
}

/* line 2662, app/assets/stylesheets/spectre.css */
.pagination .page-item a {
  border-radius: .1rem;
  display: inline-block;
  padding: .2rem .4rem;
  text-decoration: none;
}

/* line 2669, app/assets/stylesheets/spectre.css */
.pagination .page-item a:focus,
.pagination .page-item a:hover {
  color: #5755d9;
}

/* line 2674, app/assets/stylesheets/spectre.css */
.pagination .page-item.disabled a {
  cursor: default;
  opacity: .5;
  pointer-events: none;
}

/* line 2680, app/assets/stylesheets/spectre.css */
.pagination .page-item.active a {
  background: #5755d9;
  color: #fff;
}

/* line 2685, app/assets/stylesheets/spectre.css */
.pagination .page-item.page-prev,
.pagination .page-item.page-next {
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}

/* line 2691, app/assets/stylesheets/spectre.css */
.pagination .page-item.page-next {
  text-align: right;
}

/* line 2695, app/assets/stylesheets/spectre.css */
.pagination .page-item .page-item-title {
  margin: 0;
}

/* line 2699, app/assets/stylesheets/spectre.css */
.pagination .page-item .page-item-subtitle {
  margin: 0;
  opacity: .5;
}

/* line 2704, app/assets/stylesheets/spectre.css */
.panel {
  border: .05rem solid #dadee4;
  border-radius: .1rem;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 2713, app/assets/stylesheets/spectre.css */
.panel .panel-header,
.panel .panel-footer {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: .8rem;
}

/* line 2720, app/assets/stylesheets/spectre.css */
.panel .panel-nav {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* line 2725, app/assets/stylesheets/spectre.css */
.panel .panel-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 .8rem;
}

/* line 2732, app/assets/stylesheets/spectre.css */
.popover {
  display: inline-block;
  position: relative;
}

/* line 2737, app/assets/stylesheets/spectre.css */
.popover .popover-container {
  left: 50%;
  opacity: 0;
  padding: .4rem;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .2s;
  width: 320px;
  z-index: 300;
}

/* line 2749, app/assets/stylesheets/spectre.css */
.popover *:focus + .popover-container,
.popover:hover .popover-container {
  display: block;
  opacity: 1;
  transform: translate(-50%, -100%) scale(1);
}

/* line 2756, app/assets/stylesheets/spectre.css */
.popover.popover-right .popover-container {
  left: 100%;
  top: 50%;
}

/* line 2761, app/assets/stylesheets/spectre.css */
.popover.popover-right *:focus + .popover-container,
.popover.popover-right:hover .popover-container {
  transform: translate(0, -50%) scale(1);
}

/* line 2766, app/assets/stylesheets/spectre.css */
.popover.popover-bottom .popover-container {
  left: 50%;
  top: 100%;
}

/* line 2771, app/assets/stylesheets/spectre.css */
.popover.popover-bottom *:focus + .popover-container,
.popover.popover-bottom:hover .popover-container {
  transform: translate(-50%, 0) scale(1);
}

/* line 2776, app/assets/stylesheets/spectre.css */
.popover.popover-left .popover-container {
  left: 0;
  top: 50%;
}

/* line 2781, app/assets/stylesheets/spectre.css */
.popover.popover-left *:focus + .popover-container,
.popover.popover-left:hover .popover-container {
  transform: translate(-100%, -50%) scale(1);
}

/* line 2786, app/assets/stylesheets/spectre.css */
.popover .card {
  border: 0;
  box-shadow: 0 0.2rem 0.5rem rgba(48, 55, 66, 0.3);
}

/* line 2791, app/assets/stylesheets/spectre.css */
.step {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  list-style: none;
  margin: .2rem 0;
  width: 100%;
}

/* line 2801, app/assets/stylesheets/spectre.css */
.step .step-item {
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin-top: 0;
  min-height: 1rem;
  position: relative;
  text-align: center;
}

/* line 2810, app/assets/stylesheets/spectre.css */
.step .step-item:not(:first-child)::before {
  background: #5755d9;
  content: "";
  height: 2px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%;
}

/* line 2820, app/assets/stylesheets/spectre.css */
.step .step-item a {
  color: #5755d9;
  display: inline-block;
  padding: 20px 10px 0;
  text-decoration: none;
}

/* line 2827, app/assets/stylesheets/spectre.css */
.step .step-item a::before {
  background: #5755d9;
  border: .1rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: .6rem;
  left: 50%;
  position: absolute;
  top: .2rem;
  transform: translateX(-50%);
  width: .6rem;
  z-index: 1;
}

/* line 2842, app/assets/stylesheets/spectre.css */
.step .step-item.active a::before {
  background: #fff;
  border: .1rem solid #5755d9;
}

/* line 2847, app/assets/stylesheets/spectre.css */
.step .step-item.active ~ .step-item::before {
  background: #dadee4;
}

/* line 2851, app/assets/stylesheets/spectre.css */
.step .step-item.active ~ .step-item a {
  color: #bcc3ce;
}

/* line 2855, app/assets/stylesheets/spectre.css */
.step .step-item.active ~ .step-item a::before {
  background: #dadee4;
}

/* line 2859, app/assets/stylesheets/spectre.css */
.tab {
  align-items: center;
  border-bottom: .05rem solid #dadee4;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: .2rem 0 .15rem 0;
}

/* line 2871, app/assets/stylesheets/spectre.css */
.tab .tab-item {
  margin-top: 0;
}

/* line 2875, app/assets/stylesheets/spectre.css */
.tab .tab-item a {
  border-bottom: .1rem solid transparent;
  color: inherit;
  display: block;
  margin: 0 .4rem 0 0;
  padding: .4rem .2rem .3rem .2rem;
  text-decoration: none;
}

/* line 2884, app/assets/stylesheets/spectre.css */
.tab .tab-item a:focus,
.tab .tab-item a:hover {
  color: #5755d9;
}

/* line 2889, app/assets/stylesheets/spectre.css */
.tab .tab-item.active a,
.tab .tab-item a.active {
  border-bottom-color: #5755d9;
  color: #5755d9;
}

/* line 2895, app/assets/stylesheets/spectre.css */
.tab .tab-item.tab-action {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: right;
}

/* line 2901, app/assets/stylesheets/spectre.css */
.tab .tab-item .btn-clear {
  margin-top: -.2rem;
}

/* line 2905, app/assets/stylesheets/spectre.css */
.tab.tab-block .tab-item {
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  text-align: center;
}

/* line 2911, app/assets/stylesheets/spectre.css */
.tab.tab-block .tab-item a {
  margin: 0;
}

/* line 2915, app/assets/stylesheets/spectre.css */
.tab.tab-block .tab-item .badge[data-badge]::after {
  position: absolute;
  right: .1rem;
  top: .1rem;
  transform: translate(0, 0);
}

/* line 2922, app/assets/stylesheets/spectre.css */
.tab:not(.tab-block) .badge {
  padding-right: 0;
}

/* line 2926, app/assets/stylesheets/spectre.css */
.tile {
  align-content: space-between;
  align-items: flex-start;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: start;
  -ms-flex-line-pack: justify;
}

/* line 2935, app/assets/stylesheets/spectre.css */
.tile .tile-icon,
.tile .tile-action {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* line 2941, app/assets/stylesheets/spectre.css */
.tile .tile-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* line 2946, app/assets/stylesheets/spectre.css */
.tile .tile-content:not(:first-child) {
  padding-left: .4rem;
}

/* line 2950, app/assets/stylesheets/spectre.css */
.tile .tile-content:not(:last-child) {
  padding-right: .4rem;
}

/* line 2954, app/assets/stylesheets/spectre.css */
.tile .tile-title,
.tile .tile-subtitle {
  line-height: 1.2rem;
}

/* line 2959, app/assets/stylesheets/spectre.css */
.tile.tile-centered {
  align-items: center;
  -ms-flex-align: center;
}

/* line 2964, app/assets/stylesheets/spectre.css */
.tile.tile-centered .tile-content {
  overflow: hidden;
}

/* line 2968, app/assets/stylesheets/spectre.css */
.tile.tile-centered .tile-title,
.tile.tile-centered .tile-subtitle {
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 2976, app/assets/stylesheets/spectre.css */
.toast {
  background: rgba(48, 55, 66, 0.95);
  border: .05rem solid #303742;
  border-color: #303742;
  border-radius: .1rem;
  color: #fff;
  display: block;
  padding: .4rem;
  width: 100%;
}

/* line 2987, app/assets/stylesheets/spectre.css */
.toast.toast-primary {
  background: rgba(87, 85, 217, 0.95);
  border-color: #5755d9;
}

/* line 2992, app/assets/stylesheets/spectre.css */
.toast.toast-success {
  background: rgba(50, 182, 67, 0.95);
  border-color: #32b643;
}

/* line 2997, app/assets/stylesheets/spectre.css */
.toast.toast-warning {
  background: rgba(255, 183, 0, 0.95);
  border-color: #ffb700;
}

/* line 3002, app/assets/stylesheets/spectre.css */
.toast.toast-error {
  background: rgba(232, 86, 0, 0.95);
  border-color: #e85600;
}

/* line 3007, app/assets/stylesheets/spectre.css */
.toast a {
  color: #fff;
  text-decoration: underline;
}

/* line 3012, app/assets/stylesheets/spectre.css */
.toast a:focus,
.toast a:hover,
.toast a:active,
.toast a.active {
  opacity: .75;
}

/* line 3019, app/assets/stylesheets/spectre.css */
.toast .btn-clear {
  margin: .1rem;
}

/* line 3023, app/assets/stylesheets/spectre.css */
.toast p:last-child {
  margin-bottom: 0;
}

/* line 3027, app/assets/stylesheets/spectre.css */
.tooltip {
  position: relative;
}

/* line 3031, app/assets/stylesheets/spectre.css */
.tooltip::after {
  background: rgba(48, 55, 66, 0.95);
  border-radius: .1rem;
  bottom: 100%;
  color: #fff;
  content: attr(data-tooltip);
  display: block;
  font-size: .7rem;
  left: 50%;
  max-width: 320px;
  opacity: 0;
  overflow: hidden;
  padding: .2rem .4rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  transform: translate(-50%, 0.4rem);
  transition: opacity .2s, transform .2s;
  white-space: pre;
  z-index: 300;
}

/* line 3053, app/assets/stylesheets/spectre.css */
.tooltip:focus::after,
.tooltip:hover::after {
  opacity: 1;
  transform: translate(-50%, -0.2rem);
}

/* line 3059, app/assets/stylesheets/spectre.css */
.tooltip[disabled],
.tooltip.disabled {
  pointer-events: auto;
}

/* line 3064, app/assets/stylesheets/spectre.css */
.tooltip.tooltip-right::after {
  bottom: 50%;
  left: 100%;
  transform: translate(-0.2rem, 50%);
}

/* line 3070, app/assets/stylesheets/spectre.css */
.tooltip.tooltip-right:focus::after,
.tooltip.tooltip-right:hover::after {
  transform: translate(0.2rem, 50%);
}

/* line 3075, app/assets/stylesheets/spectre.css */
.tooltip.tooltip-bottom::after {
  bottom: auto;
  top: 100%;
  transform: translate(-50%, -0.4rem);
}

/* line 3081, app/assets/stylesheets/spectre.css */
.tooltip.tooltip-bottom:focus::after,
.tooltip.tooltip-bottom:hover::after {
  transform: translate(-50%, 0.2rem);
}

/* line 3086, app/assets/stylesheets/spectre.css */
.tooltip.tooltip-left::after {
  bottom: 50%;
  left: auto;
  right: 100%;
  transform: translate(0.4rem, 50%);
}

/* line 3093, app/assets/stylesheets/spectre.css */
.tooltip.tooltip-left:focus::after,
.tooltip.tooltip-left:hover::after {
  transform: translate(-0.2rem, 50%);
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-1.6rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 3118, app/assets/stylesheets/spectre.css */
.text-primary {
  color: #5755d9 !important;
}

/* line 3122, app/assets/stylesheets/spectre.css */
a.text-primary:focus,
a.text-primary:hover {
  color: #4240d4;
}

/* line 3127, app/assets/stylesheets/spectre.css */
a.text-primary:visited {
  color: #6c6ade;
}

/* line 3131, app/assets/stylesheets/spectre.css */
.text-secondary {
  color: #e5e5f9 !important;
}

/* line 3135, app/assets/stylesheets/spectre.css */
a.text-secondary:focus,
a.text-secondary:hover {
  color: #d1d0f4;
}

/* line 3140, app/assets/stylesheets/spectre.css */
a.text-secondary:visited {
  color: #fafafe;
}

/* line 3144, app/assets/stylesheets/spectre.css */
.text-gray {
  color: #bcc3ce !important;
}

/* line 3148, app/assets/stylesheets/spectre.css */
a.text-gray:focus,
a.text-gray:hover {
  color: #adb6c4;
}

/* line 3153, app/assets/stylesheets/spectre.css */
a.text-gray:visited {
  color: #cbd0d9;
}

/* line 3157, app/assets/stylesheets/spectre.css */
.text-light {
  color: #fff !important;
}

/* line 3161, app/assets/stylesheets/spectre.css */
a.text-light:focus,
a.text-light:hover {
  color: #f2f2f2;
}

/* line 3166, app/assets/stylesheets/spectre.css */
a.text-light:visited {
  color: white;
}

/* line 3170, app/assets/stylesheets/spectre.css */
.text-dark {
  color: #3b4351 !important;
}

/* line 3174, app/assets/stylesheets/spectre.css */
a.text-dark:focus,
a.text-dark:hover {
  color: #303742;
}

/* line 3179, app/assets/stylesheets/spectre.css */
a.text-dark:visited {
  color: #455060;
}

/* line 3183, app/assets/stylesheets/spectre.css */
.text-success {
  color: #32b643 !important;
}

/* line 3187, app/assets/stylesheets/spectre.css */
a.text-success:focus,
a.text-success:hover {
  color: #2da23c;
}

/* line 3192, app/assets/stylesheets/spectre.css */
a.text-success:visited {
  color: #39c94b;
}

/* line 3196, app/assets/stylesheets/spectre.css */
.text-warning {
  color: #ffb700 !important;
}

/* line 3200, app/assets/stylesheets/spectre.css */
a.text-warning:focus,
a.text-warning:hover {
  color: #e6a500;
}

/* line 3205, app/assets/stylesheets/spectre.css */
a.text-warning:visited {
  color: #ffbe1a;
}

/* line 3209, app/assets/stylesheets/spectre.css */
.text-error {
  color: #e85600 !important;
}

/* line 3213, app/assets/stylesheets/spectre.css */
a.text-error:focus,
a.text-error:hover {
  color: #cf4d00;
}

/* line 3218, app/assets/stylesheets/spectre.css */
a.text-error:visited {
  color: #ff6003;
}

/* line 3222, app/assets/stylesheets/spectre.css */
.bg-primary {
  background: #5755d9 !important;
  color: #fff;
}

/* line 3227, app/assets/stylesheets/spectre.css */
.bg-secondary {
  background: #f1f1fc !important;
}

/* line 3231, app/assets/stylesheets/spectre.css */
.bg-dark {
  background: #303742 !important;
  color: #fff;
}

/* line 3236, app/assets/stylesheets/spectre.css */
.bg-gray {
  background: #f7f8f9 !important;
}

/* line 3240, app/assets/stylesheets/spectre.css */
.bg-success {
  background: #32b643 !important;
  color: #fff;
}

/* line 3245, app/assets/stylesheets/spectre.css */
.bg-warning {
  background: #ffb700 !important;
  color: #fff;
}

/* line 3250, app/assets/stylesheets/spectre.css */
.bg-error {
  background: #e85600 !important;
  color: #fff;
}

/* line 3255, app/assets/stylesheets/spectre.css */
.c-hand {
  cursor: pointer;
}

/* line 3259, app/assets/stylesheets/spectre.css */
.c-move {
  cursor: move;
}

/* line 3263, app/assets/stylesheets/spectre.css */
.c-zoom-in {
  cursor: zoom-in;
}

/* line 3267, app/assets/stylesheets/spectre.css */
.c-zoom-out {
  cursor: zoom-out;
}

/* line 3271, app/assets/stylesheets/spectre.css */
.c-not-allowed {
  cursor: not-allowed;
}

/* line 3275, app/assets/stylesheets/spectre.css */
.c-auto {
  cursor: auto;
}

/* line 3279, app/assets/stylesheets/spectre.css */
.d-block {
  display: block;
}

/* line 3283, app/assets/stylesheets/spectre.css */
.d-inline {
  display: inline;
}

/* line 3287, app/assets/stylesheets/spectre.css */
.d-inline-block {
  display: inline-block;
}

/* line 3291, app/assets/stylesheets/spectre.css */
.d-flex {
  display: flex;
  display: -ms-flexbox;
}

/* line 3296, app/assets/stylesheets/spectre.css */
.d-inline-flex {
  display: inline-flex;
  display: -ms-inline-flexbox;
}

/* line 3301, app/assets/stylesheets/spectre.css */
.d-none,
.d-hide {
  display: none !important;
}

/* line 3306, app/assets/stylesheets/spectre.css */
.d-visible {
  visibility: visible;
}

/* line 3310, app/assets/stylesheets/spectre.css */
.d-invisible {
  visibility: hidden;
}

/* line 3314, app/assets/stylesheets/spectre.css */
.text-hide {
  background: transparent;
  border: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}

/* line 3323, app/assets/stylesheets/spectre.css */
.text-assistive {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 3334, app/assets/stylesheets/spectre.css */
.divider,
.divider-vert {
  display: block;
  position: relative;
}

/* line 3340, app/assets/stylesheets/spectre.css */
.divider[data-content]::after,
.divider-vert[data-content]::after {
  background: #fff;
  color: #bcc3ce;
  content: attr(data-content);
  display: inline-block;
  font-size: .7rem;
  padding: 0 .4rem;
  transform: translateY(-0.65rem);
}

/* line 3351, app/assets/stylesheets/spectre.css */
.divider {
  border-top: .05rem solid #f1f3f5;
  height: .05rem;
  margin: .4rem 0;
}

/* line 3357, app/assets/stylesheets/spectre.css */
.divider[data-content] {
  margin: .8rem 0;
}

/* line 3361, app/assets/stylesheets/spectre.css */
.divider-vert {
  display: block;
  padding: .8rem;
}

/* line 3366, app/assets/stylesheets/spectre.css */
.divider-vert::before {
  border-left: .05rem solid #dadee4;
  bottom: .4rem;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: .4rem;
  transform: translateX(-50%);
}

/* line 3377, app/assets/stylesheets/spectre.css */
.divider-vert[data-content]::after {
  left: 50%;
  padding: .2rem 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 3385, app/assets/stylesheets/spectre.css */
.loading {
  color: transparent !important;
  min-height: .8rem;
  pointer-events: none;
  position: relative;
}

/* line 3392, app/assets/stylesheets/spectre.css */
.loading::after {
  animation: loading 500ms infinite linear;
  border: .1rem solid #5755d9;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: .8rem;
  left: 50%;
  margin-left: -.4rem;
  margin-top: -.4rem;
  position: absolute;
  top: 50%;
  width: .8rem;
  z-index: 1;
}

/* line 3410, app/assets/stylesheets/spectre.css */
.loading.loading-lg {
  min-height: 2rem;
}

/* line 3414, app/assets/stylesheets/spectre.css */
.loading.loading-lg::after {
  height: 1.6rem;
  margin-left: -.8rem;
  margin-top: -.8rem;
  width: 1.6rem;
}

/* line 3421, app/assets/stylesheets/spectre.css */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/* line 3427, app/assets/stylesheets/spectre.css */
.float-left {
  float: left !important;
}

/* line 3431, app/assets/stylesheets/spectre.css */
.float-right {
  float: right !important;
}

/* line 3435, app/assets/stylesheets/spectre.css */
.p-relative {
  position: relative !important;
}

/* line 3439, app/assets/stylesheets/spectre.css */
.p-absolute {
  position: absolute !important;
}

/* line 3443, app/assets/stylesheets/spectre.css */
.p-fixed {
  position: fixed !important;
}

/* line 3447, app/assets/stylesheets/spectre.css */
.p-sticky {
  position: sticky !important;
  position: -webkit-sticky !important;
}

/* line 3452, app/assets/stylesheets/spectre.css */
.p-centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/* line 3459, app/assets/stylesheets/spectre.css */
.flex-centered {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* line 3468, app/assets/stylesheets/spectre.css */
.m-0 {
  margin: 0 !important;
}

/* line 3472, app/assets/stylesheets/spectre.css */
.mb-0 {
  margin-bottom: 0 !important;
}

/* line 3476, app/assets/stylesheets/spectre.css */
.ml-0 {
  margin-left: 0 !important;
}

/* line 3480, app/assets/stylesheets/spectre.css */
.mr-0 {
  margin-right: 0 !important;
}

/* line 3484, app/assets/stylesheets/spectre.css */
.mt-0 {
  margin-top: 0 !important;
}

/* line 3488, app/assets/stylesheets/spectre.css */
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* line 3493, app/assets/stylesheets/spectre.css */
.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

/* line 3498, app/assets/stylesheets/spectre.css */
.m-1 {
  margin: .2rem !important;
}

/* line 3502, app/assets/stylesheets/spectre.css */
.mb-1 {
  margin-bottom: .2rem !important;
}

/* line 3506, app/assets/stylesheets/spectre.css */
.ml-1 {
  margin-left: .2rem !important;
}

/* line 3510, app/assets/stylesheets/spectre.css */
.mr-1 {
  margin-right: .2rem !important;
}

/* line 3514, app/assets/stylesheets/spectre.css */
.mt-1 {
  margin-top: .2rem !important;
}

/* line 3518, app/assets/stylesheets/spectre.css */
.mx-1 {
  margin-left: .2rem !important;
  margin-right: .2rem !important;
}

/* line 3523, app/assets/stylesheets/spectre.css */
.my-1 {
  margin-bottom: .2rem !important;
  margin-top: .2rem !important;
}

/* line 3528, app/assets/stylesheets/spectre.css */
.m-2 {
  margin: .4rem !important;
}

/* line 3532, app/assets/stylesheets/spectre.css */
.mb-2 {
  margin-bottom: .4rem !important;
}

/* line 3536, app/assets/stylesheets/spectre.css */
.ml-2 {
  margin-left: .4rem !important;
}

/* line 3540, app/assets/stylesheets/spectre.css */
.mr-2 {
  margin-right: .4rem !important;
}

/* line 3544, app/assets/stylesheets/spectre.css */
.mt-2 {
  margin-top: .4rem !important;
}

/* line 3548, app/assets/stylesheets/spectre.css */
.mx-2 {
  margin-left: .4rem !important;
  margin-right: .4rem !important;
}

/* line 3553, app/assets/stylesheets/spectre.css */
.my-2 {
  margin-bottom: .4rem !important;
  margin-top: .4rem !important;
}

/* line 3558, app/assets/stylesheets/spectre.css */
.p-0 {
  padding: 0 !important;
}

/* line 3562, app/assets/stylesheets/spectre.css */
.pb-0 {
  padding-bottom: 0 !important;
}

/* line 3566, app/assets/stylesheets/spectre.css */
.pl-0 {
  padding-left: 0 !important;
}

/* line 3570, app/assets/stylesheets/spectre.css */
.pr-0 {
  padding-right: 0 !important;
}

/* line 3574, app/assets/stylesheets/spectre.css */
.pt-0 {
  padding-top: 0 !important;
}

/* line 3578, app/assets/stylesheets/spectre.css */
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* line 3583, app/assets/stylesheets/spectre.css */
.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/* line 3588, app/assets/stylesheets/spectre.css */
.p-1 {
  padding: .2rem !important;
}

/* line 3592, app/assets/stylesheets/spectre.css */
.pb-1 {
  padding-bottom: .2rem !important;
}

/* line 3596, app/assets/stylesheets/spectre.css */
.pl-1 {
  padding-left: .2rem !important;
}

/* line 3600, app/assets/stylesheets/spectre.css */
.pr-1 {
  padding-right: .2rem !important;
}

/* line 3604, app/assets/stylesheets/spectre.css */
.pt-1 {
  padding-top: .2rem !important;
}

/* line 3608, app/assets/stylesheets/spectre.css */
.px-1 {
  padding-left: .2rem !important;
  padding-right: .2rem !important;
}

/* line 3613, app/assets/stylesheets/spectre.css */
.py-1 {
  padding-bottom: .2rem !important;
  padding-top: .2rem !important;
}

/* line 3618, app/assets/stylesheets/spectre.css */
.p-2 {
  padding: .4rem !important;
}

/* line 3622, app/assets/stylesheets/spectre.css */
.pb-2 {
  padding-bottom: .4rem !important;
}

/* line 3626, app/assets/stylesheets/spectre.css */
.pl-2 {
  padding-left: .4rem !important;
}

/* line 3630, app/assets/stylesheets/spectre.css */
.pr-2 {
  padding-right: .4rem !important;
}

/* line 3634, app/assets/stylesheets/spectre.css */
.pt-2 {
  padding-top: .4rem !important;
}

/* line 3638, app/assets/stylesheets/spectre.css */
.px-2 {
  padding-left: .4rem !important;
  padding-right: .4rem !important;
}

/* line 3643, app/assets/stylesheets/spectre.css */
.py-2 {
  padding-bottom: .4rem !important;
  padding-top: .4rem !important;
}

/* line 3648, app/assets/stylesheets/spectre.css */
.s-rounded {
  border-radius: .1rem;
}

/* line 3652, app/assets/stylesheets/spectre.css */
.s-circle {
  border-radius: 50%;
}

/* line 3656, app/assets/stylesheets/spectre.css */
.text-left {
  text-align: left;
}

/* line 3660, app/assets/stylesheets/spectre.css */
.text-right {
  text-align: right;
}

/* line 3664, app/assets/stylesheets/spectre.css */
.text-center {
  text-align: center;
}

/* line 3668, app/assets/stylesheets/spectre.css */
.text-justify {
  text-align: justify;
}

/* line 3672, app/assets/stylesheets/spectre.css */
.text-lowercase {
  text-transform: lowercase;
}

/* line 3676, app/assets/stylesheets/spectre.css */
.text-uppercase {
  text-transform: uppercase;
}

/* line 3680, app/assets/stylesheets/spectre.css */
.text-capitalize {
  text-transform: capitalize;
}

/* line 3684, app/assets/stylesheets/spectre.css */
.text-normal {
  font-weight: normal;
}

/* line 3688, app/assets/stylesheets/spectre.css */
.text-bold {
  font-weight: bold;
}

/* line 3692, app/assets/stylesheets/spectre.css */
.text-italic {
  font-style: italic;
}

/* line 3696, app/assets/stylesheets/spectre.css */
.text-large {
  font-size: 1.2em;
}

/* line 3700, app/assets/stylesheets/spectre.css */
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 3706, app/assets/stylesheets/spectre.css */
.text-clip {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

/* line 3712, app/assets/stylesheets/spectre.css */
.text-break {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}
/*! Spectre.css v0.5.8 | MIT License | github.com/picturepan2/spectre */
/* Manually forked from Normalize.css */
/* normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 3 */ 
  -ms-text-size-adjust: 100%; /* 3 */
}

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body {
  margin: 0;
}

/** Add the correct display in IE 9-. */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 {
  font-size: 2em;
  margin: .67em 0;
}

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption,
figure,
main {
  /* 1 */ display: block;
}

/** Add the correct margin in IE 8 (removed). */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/** 1. Correct the inheritance and scaling of font size in all browsers. (removed) 2. Correct the odd `em` font sizing in all browsers. */
/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active,
a:hover {
  outline-width: 0;
}

/** Modify default styling of address. */
address {
  font-style: normal;
}

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. (removed) */
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b,
strong {
  font-weight: inherit;
}

/** Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
  font-weight: bolder;
}

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
pre,
samp {
  font-family: "SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace; /* 1 (changed) */
  font-size: 1em; /* 2 */
}

/** Add the correct font style in Android 4.3-. */
dfn {
  font-style: italic;
}

/** Add the correct background and color in IE 9-. (Removed) */
/** Add the correct font size in all browsers. */
small {
  font-size: 80%;
  font-weight: 400; /* (added) */
}

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio,
video {
  display: inline-block;
}

/** Add the correct display in iOS 4-7. */
audio:not([controls]) {
  display: none;
  height: 0;
}

/** Remove the border on images inside links in IE 10-. */
img {
  border-style: none;
}

/** Hide the overflow in IE. */
svg:not(:root) {
  overflow: hidden;
}

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 (changed) */
  font-size: inherit; /* 1 (changed) */
  line-height: inherit; /* 1 (changed) */
  margin: 0; /* 2 */
}

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button,
input {
  /* 1 */ overflow: visible;
}

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button,
select {
  /* 1 */ text-transform: none;
}

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/** Restore the focus styles unset by the previous rule (removed). */
/** Change the border, margin, and padding in all browsers (opinionated) (changed). */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/** Remove the default vertical scrollbar in IE. */
textarea {
  overflow: auto;
}

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details,
menu {
  display: block;
}

/* Add the correct display in all browsers. */
summary {
  display: list-item;
  outline: none;
}

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas {
  display: inline-block;
}

/** Add the correct display in IE. */
template {
  display: none;
}

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] {
  display: none;
}

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

html {
  box-sizing: border-box;
  font-size: 20px;
  line-height: 1.5;
  -webkit-tap-highlight-color: transparent;
}

body {
  background: #fff;
  color: #3b4351;
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  font-size: .8rem;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}

a {
  color: #5755d9;
  outline: none;
  text-decoration: none;
}

a:focus {
  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

a:focus,
a:hover,
a:active,
a.active {
  color: #302ecd;
  text-decoration: underline;
}

a:visited {
  color: #807fe2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: .5em;
  margin-top: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 500;
}

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

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

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

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

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

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

p {
  margin: 0 0 1.2rem;
}

a,
ins,
u {
  -webkit-text-decoration-skip: ink edges;
  text-decoration-skip: ink edges;
}

abbr[title] {
  border-bottom: .05rem dotted;
  cursor: help;
  text-decoration: none;
}

kbd {
  background: #303742;
  border-radius: .1rem;
  color: #fff;
  font-size: .7rem; 
  line-height: 1.25;
  padding: .1rem .2rem;
}

mark {
  background: #ffe9b3;
  border-bottom: .05rem solid #ffd367;
  border-radius: .1rem;
  color: #3b4351;
  padding: .05rem .1rem 0;
}

blockquote {
  border-left: .1rem solid #dadee4;
  margin-left: 0;
  padding: .4rem .8rem;
}

blockquote p:last-child {
  margin-bottom: 0;
}

ul,
ol {
  margin: .8rem 0 .8rem .8rem;
  padding: 0;
}

ul ul,
ul ol,
ol ul,
ol ol {
  margin: .8rem 0 .8rem .8rem;
}

ul li,
ol li {
  margin-top: .4rem;
}

ul {
  list-style: disc inside;
}

ul ul {
  list-style-type: circle;
}

ol {
  list-style: decimal inside;
}

ol ol {
  list-style-type: lower-alpha;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin: .4rem 0 .8rem 0;
}

html:lang(zh),
html:lang(zh-Hans),
.lang-zh,
.lang-zh-hans {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;
}

html:lang(zh-Hant),
.lang-zh-hant {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", "Helvetica Neue", sans-serif;
}

html:lang(ja),
.lang-ja {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Hiragino Sans", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, Meiryo, "Helvetica Neue", sans-serif;
}

html:lang(ko),
.lang-ko {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Malgun Gothic", "Helvetica Neue", sans-serif;
}

:lang(zh) ins,
:lang(zh) u,
:lang(ja) ins,
:lang(ja) u,
.lang-cjk ins,
.lang-cjk u {
  border-bottom: .05rem solid;
  text-decoration: none;
}

:lang(zh) del + del,
:lang(zh) del + s,
:lang(zh) ins + ins,
:lang(zh) ins + u,
:lang(zh) s + del,
:lang(zh) s + s,
:lang(zh) u + ins,
:lang(zh) u + u,
:lang(ja) del + del,
:lang(ja) del + s,
:lang(ja) ins + ins,
:lang(ja) ins + u,
:lang(ja) s + del,
:lang(ja) s + s,
:lang(ja) u + ins,
:lang(ja) u + u,
.lang-cjk del + del,
.lang-cjk del + s,
.lang-cjk ins + ins,
.lang-cjk ins + u,
.lang-cjk s + del,
.lang-cjk s + s,
.lang-cjk u + ins,
.lang-cjk u + u {
  margin-left: .125em;
}

.table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left; 
  width: 100%;
}

.table.table-striped tbody tr:nth-of-type(odd) {
  background: #f7f8f9;
}

.table tbody tr.active,
.table.table-striped tbody tr.active {
  background: #eef0f3;
}

.table.table-hover tbody tr:hover {
  background: #eef0f3;
}

.table.table-scroll {
  display: block;
  overflow-x: auto;
  padding-bottom: .75rem;
  white-space: nowrap;
}

.table td,
.table th {
  border-bottom: .05rem solid #dadee4;
  padding: .6rem .4rem;
}

.table th {
  border-bottom-width: .1rem;
}

.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: .05rem solid #5755d9;
  border-radius: .1rem;
  color: #5755d9;
  cursor: pointer;
  display: inline-block;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  outline: none;
  padding: .25rem .4rem;
  text-align: center;
  text-decoration: none;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}

.btn:focus {
  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

.btn:focus,
.btn:hover {
  background: #f1f1fc;
  border-color: #4b48d6;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background: #4b48d6;
  border-color: #3634d2;
  color: #fff;
  text-decoration: none;
}

.btn:active.loading::after,
.btn.active.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

.btn[disabled],
.btn:disabled,
.btn.disabled {
  cursor: default;
  opacity: .5;
  pointer-events: none;
}

.btn.btn-primary {
  background: #5755d9;
  border-color: #4b48d6;
  color: #fff;
}

.btn.btn-primary:focus,
.btn.btn-primary:hover {
  background: #4240d4;
  border-color: #3634d2;
  color: #fff;
}

.btn.btn-primary:active,
.btn.btn-primary.active {
  background: #3a38d2;
  border-color: #302ecd;
  color: #fff;
}

.btn.btn-primary.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

.btn.btn-success {
  background: #32b643;
  border-color: #2faa3f;
  color: #fff;
}

.btn.btn-success:focus {
  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2);
}

.btn.btn-success:focus,
.btn.btn-success:hover {
  background: #30ae40;
  border-color: #2da23c;
  color: #fff;
}

.btn.btn-success:active,
.btn.btn-success.active {
  background: #2a9a39;
  border-color: #278e34;
  color: #fff;
}

.btn.btn-success.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

.btn.btn-error {
  background: #e85600;
  border-color: #d95000;
  color: #fff;
}

.btn.btn-error:focus {
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
}

.btn.btn-error:focus,
.btn.btn-error:hover {
  background: #de5200;
  border-color: #cf4d00;
  color: #fff;
}

.btn.btn-error:active,
.btn.btn-error.active {
  background: #c44900;
  border-color: #b54300;
  color: #fff;
}

.btn.btn-error.loading::after {
  border-bottom-color: #fff;
  border-left-color: #fff;
}

.btn.btn-link {
  background: transparent;
  border-color: transparent;
  color: #5755d9;
}

.btn.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link.active {
  color: #302ecd;
}

.btn.btn-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem .3rem;
}

.btn.btn-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem .6rem;
}

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

.btn.btn-action {
  padding-left: 0;
  padding-right: 0; 
  width: 1.8rem;
}

.btn.btn-action.btn-sm {
  width: 1.4rem;
}

.btn.btn-action.btn-lg {
  width: 2rem;
}

.btn.btn-clear {
  background: transparent;
  border: 0;
  color: currentColor;
  height: 1rem;
  line-height: .8rem;
  margin-left: .2rem;
  margin-right: -2px;
  opacity: 1;
  padding: .1rem;
  text-decoration: none;
  width: 1rem;
}

.btn.btn-clear:focus,
.btn.btn-clear:hover {
  background: rgba(247, 248, 249, .5);
  opacity: .95;
}

.btn.btn-clear::before {
  content: "\2715";
}

.btn-group {
  display: inline-flex;
  display: -ms-inline-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn-group .btn {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.btn-group .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -.05rem;
}

.btn-group .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -.05rem;
}

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

.btn-group.btn-group-block {
  display: flex; 
  display: -ms-flexbox;
}

.btn-group.btn-group-block .btn {
  -ms-flex: 1 0 0;
  flex: 1 0 0;
}

.form-group:not(:last-child) {
  margin-bottom: .4rem;
}

fieldset {
  margin-bottom: .8rem;
}

legend {
  font-size: .9rem;
  font-weight: 500;
  margin-bottom: .8rem;
}

.form-label {
  display: block;
  line-height: 1.2rem;
  padding: .3rem 0;
}

.form-label.label-sm {
  font-size: .7rem;
  padding: .1rem 0;
}

.form-label.label-lg {
  font-size: .9rem;
  padding: .4rem 0;
}

.form-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  background-image: none;
  border: .05rem solid #bcc3ce;
  border-radius: .1rem;
  color: #3b4351;
  display: block;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  max-width: 100%;
  outline: none;
  padding: .25rem .4rem;
  position: relative;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
  width: 100%;
}

.form-input:focus {
  border-color: #5755d9; 
  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

.form-input::-webkit-input-placeholder {
  color: #bcc3ce;
}

.form-input:-ms-input-placeholder {
  color: #bcc3ce;
}

.form-input::-ms-input-placeholder {
  color: #bcc3ce;
}

.form-input::placeholder {
  color: #bcc3ce;
}

.form-input.input-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem .3rem;
}

.form-input.input-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem .6rem;
}

.form-input.input-inline {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}

.form-input[type="file"] {
  height: auto;
}

textarea.form-input,
textarea.form-input.input-lg,
textarea.form-input.input-sm {
  height: auto;
}

.form-input-hint {
  color: #bcc3ce;
  font-size: .7rem;
  margin-top: .2rem;
}

.has-success .form-input-hint,
.is-success + .form-input-hint {
  color: #32b643;
}

.has-error .form-input-hint,
.is-error + .form-input-hint {
  color: #e85600;
}

.form-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff; 
  border: .05rem solid #bcc3ce;
  border-radius: .1rem;
  color: inherit;
  font-size: .8rem;
  height: 1.8rem;
  line-height: 1.2rem;
  outline: none;
  padding: .25rem .4rem;
  vertical-align: middle;
  width: 100%;
}

.form-select:focus {
  border-color: #5755d9; 
  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

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

.form-select.select-sm {
  font-size: .7rem;
  height: 1.4rem;
  padding: .05rem 1.1rem .05rem .3rem;
}

.form-select.select-lg {
  font-size: .9rem;
  height: 2rem;
  padding: .35rem 1.4rem .35rem .6rem;
}

.form-select[size],
.form-select[multiple] {
  height: auto;
  padding: .25rem .4rem;
}

.form-select[size] option,
.form-select[multiple] option {
  padding: .1rem .2rem;
}

.form-select:not([multiple]):not([size]) {
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right .35rem center/.4rem .5rem;
  padding-right: 1.2rem;
}

.has-icon-left,
.has-icon-right {
  position: relative;
}

.has-icon-left .form-icon,
.has-icon-right .form-icon {
  height: .8rem;
  margin: 0 .25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: .8rem;
  z-index: 2;
}

.has-icon-left .form-icon {
  left: .05rem;
}

.has-icon-left .form-input {
  padding-left: 1.3rem;
}

.has-icon-right .form-icon {
  right: .05rem;
}

.has-icon-right .form-input {
  padding-right: 1.3rem;
}

.form-checkbox,
.form-radio,
.form-switch {
  display: block;
  line-height: 1.2rem;
  margin: .2rem 0;
  min-height: 1.4rem;
  padding: .1rem .4rem .1rem 1.2rem;
  position: relative;
}

.form-checkbox input,
.form-radio input,
.form-switch input {
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.form-checkbox input:focus + .form-icon,
.form-radio input:focus + .form-icon,
.form-switch input:focus + .form-icon {
  border-color: #5755d9; 
  box-shadow: 0 0 0 .1rem rgba(87, 85, 217, .2);
}

.form-checkbox input:checked + .form-icon,
.form-radio input:checked + .form-icon,
.form-switch input:checked + .form-icon {
  background: #5755d9;
  border-color: #5755d9;
}

.form-checkbox .form-icon,
.form-radio .form-icon,
.form-switch .form-icon {
  border: .05rem solid #bcc3ce;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  transition: background .2s, border .2s, box-shadow .2s, color .2s;
}

.form-checkbox.input-sm,
.form-radio.input-sm,
.form-switch.input-sm {
  font-size: .7rem;
  margin: 0;
}

.form-checkbox.input-lg,
.form-radio.input-lg,
.form-switch.input-lg {
  font-size: .9rem;
  margin: .3rem 0;
}

.form-checkbox .form-icon,
.form-radio .form-icon {
  background: #fff;
  height: .8rem;
  left: 0;
  top: .3rem;
  width: .8rem;
}

.form-checkbox input:active + .form-icon,
.form-radio input:active + .form-icon {
  background: #eef0f3;
}

.form-checkbox .form-icon {
  border-radius: .1rem;
}

.form-checkbox input:checked + .form-icon::before {
  background-clip: padding-box;
  border: .1rem solid #fff;
  border-left-width: 0;
  border-top-width: 0;
  content: "";
  height: 9px;
  left: 50%;
  margin-left: -3px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}

.form-checkbox input:indeterminate + .form-icon {
  background: #5755d9;
  border-color: #5755d9;
}

.form-checkbox input:indeterminate + .form-icon::before {
  background: #fff;
  content: "";
  height: 2px;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 10px;
}

.form-radio .form-icon {
  border-radius: 50%;
}

.form-radio input:checked + .form-icon::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
}

.form-switch {
  padding-left: 2rem;
}

.form-switch .form-icon {
  background: #bcc3ce;
  background-clip: padding-box;
  border-radius: .45rem;
  height: .9rem;
  left: 0;
  top: .25rem;
  width: 1.6rem;
}

.form-switch .form-icon::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: .8rem;
  left: 0;
  position: absolute;
  top: 0;
  transition: background .2s, border .2s, box-shadow .2s, color .2s, left .2s;
  width: .8rem;
}

.form-switch input:checked + .form-icon::before {
  left: 14px;
}

.form-switch input:active + .form-icon::before {
  background: #f7f8f9;
}

.input-group {
  display: flex; 
  display: -ms-flexbox;
}

.input-group .input-group-addon {
  background: #f7f8f9;
  border: .05rem solid #bcc3ce;
  border-radius: .1rem;
  line-height: 1.2rem;
  padding: .25rem .4rem;
  white-space: nowrap;
}

.input-group .input-group-addon.addon-sm {
  font-size: .7rem;
  padding: .05rem .3rem;
}

.input-group .input-group-addon.addon-lg {
  font-size: .9rem;
  padding: .35rem .6rem;
}

.input-group .form-input,
.input-group .form-select {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
}

.input-group .input-group-btn {
  z-index: 1;
}

.input-group .form-input:first-child:not(:last-child),
.input-group .form-select:first-child:not(:last-child),
.input-group .input-group-addon:first-child:not(:last-child),
.input-group .input-group-btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group .form-input:not(:first-child):not(:last-child),
.input-group .form-select:not(:first-child):not(:last-child),
.input-group .input-group-addon:not(:first-child):not(:last-child),
.input-group .input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
  margin-left: -.05rem;
}

.input-group .form-input:last-child:not(:first-child),
.input-group .form-select:last-child:not(:first-child),
.input-group .input-group-addon:last-child:not(:first-child),
.input-group .input-group-btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -.05rem;
}

.input-group .form-input:focus,
.input-group .form-select:focus,
.input-group .input-group-addon:focus,
.input-group .input-group-btn:focus {
  z-index: 2;
}

.input-group .form-select {
  width: auto;
}

.input-group.input-inline {
  display: inline-flex; 
  display: -ms-inline-flexbox;
}

.has-success .form-input,
.form-input.is-success,
.has-success .form-select,
.form-select.is-success {
  background: #f9fdfa;
  border-color: #32b643;
}

.has-success .form-input:focus,
.form-input.is-success:focus,
.has-success .form-select:focus,
.form-select.is-success:focus {
  box-shadow: 0 0 0 .1rem rgba(50, 182, 67, .2);
}

.has-error .form-input,
.form-input.is-error,
.has-error .form-select,
.form-select.is-error {
  background: #fffaf7;
  border-color: #e85600;
}

.has-error .form-input:focus,
.form-input.is-error:focus,
.has-error .form-select:focus,
.form-select.is-error:focus {
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
}

.has-error .form-checkbox .form-icon,
.form-checkbox.is-error .form-icon,
.has-error .form-radio .form-icon,
.form-radio.is-error .form-icon,
.has-error .form-switch .form-icon,
.form-switch.is-error .form-icon {
  border-color: #e85600;
}

.has-error .form-checkbox input:checked + .form-icon,
.form-checkbox.is-error input:checked + .form-icon,
.has-error .form-radio input:checked + .form-icon,
.form-radio.is-error input:checked + .form-icon,
.has-error .form-switch input:checked + .form-icon,
.form-switch.is-error input:checked + .form-icon {
  background: #e85600;
  border-color: #e85600;
}

.has-error .form-checkbox input:focus + .form-icon,
.form-checkbox.is-error input:focus + .form-icon,
.has-error .form-radio input:focus + .form-icon,
.form-radio.is-error input:focus + .form-icon,
.has-error .form-switch input:focus + .form-icon,
.form-switch.is-error input:focus + .form-icon {
  border-color: #e85600; 
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
}

.has-error .form-checkbox input:indeterminate + .form-icon,
.form-checkbox.is-error input:indeterminate + .form-icon {
  background: #e85600;
  border-color: #e85600;
}

.form-input:not(:placeholder-shown):invalid {
  border-color: #e85600;
}

.form-input:not(:placeholder-shown):invalid:focus {
  background: #fffaf7; 
  box-shadow: 0 0 0 .1rem rgba(232, 86, 0, .2);
}

.form-input:not(:placeholder-shown):invalid + .form-input-hint {
  color: #e85600;
}

.form-input:disabled,
.form-input.disabled,
.form-select:disabled,
.form-select.disabled {
  background-color: #eef0f3;
  cursor: not-allowed;
  opacity: .5;
}

.form-input[readonly] {
  background-color: #f7f8f9;
}

input:disabled + .form-icon,
input.disabled + .form-icon {
  background: #eef0f3;
  cursor: not-allowed;
  opacity: .5;
}

.form-switch input:disabled + .form-icon::before,
.form-switch input.disabled + .form-icon::before {
  background: #fff;
}

.form-horizontal {
  padding: .4rem 0;
}

.form-horizontal .form-group {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

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

.label {
  background: #eef0f3;
  border-radius: .1rem;
  color: #455060;
  display: inline-block; 
  line-height: 1.25;
  padding: .1rem .2rem;
}

.label.label-rounded {
  border-radius: 5rem;
  padding-left: .4rem;
  padding-right: .4rem;
}

.label.label-primary {
  background: #5755d9;
  color: #fff;
}

.label.label-secondary {
  background: #f1f1fc;
  color: #5755d9;
}

.label.label-success {
  background: #32b643;
  color: #fff;
}

.label.label-warning {
  background: #ffb700;
  color: #fff;
}

.label.label-error {
  background: #e85600;
  color: #fff;
}

code {
  background: #fcf2f2;
  border-radius: .1rem;
  color: #d73e48;
  font-size: 85%; 
  line-height: 1.25;
  padding: .1rem .2rem;
}

.code {
  border-radius: .1rem;
  color: #3b4351;
  position: relative;
}

.code::before {
  color: #bcc3ce;
  content: attr(data-lang);
  font-size: .7rem;
  position: absolute;
  right: .4rem;
  top: .1rem;
}

.code code {
  background: #f7f8f9;
  color: inherit;
  display: block;
  line-height: 1.5;
  overflow-x: auto;
  padding: 1rem;
  width: 100%;
}

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.img-fit-cover {
  object-fit: cover;
}

.img-fit-contain {
  object-fit: contain;
}

.video-responsive {
  display: block;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}

.video-responsive::before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  border: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

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

video.video-responsive::before {
  content: none;
}

.video-responsive-4-3::before {
  padding-bottom: 75%;
}

.video-responsive-1-1::before {
  padding-bottom: 100%;
}

.figure {
  margin: 0 0 .4rem 0;
}

.figure .figure-caption {
  color: #66758c;
  margin-top: .4rem;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: .4rem;
  padding-right: .4rem;
  width: 100%;
}

.container.grid-xl {
  max-width: 1296px;
}

.container.grid-lg {
  max-width: 976px;
}

.container.grid-md {
  max-width: 856px;
}

.container.grid-sm {
  max-width: 616px;
}

.container.grid-xs {
  max-width: 496px;
}

.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
  display: none !important;
}

.columns {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -.4rem;
  margin-right: -.4rem;
}

.columns.col-gapless {
  margin-left: 0;
  margin-right: 0;
}

.columns.col-gapless > .column {
  padding-left: 0;
  padding-right: 0;
}

.columns.col-oneline {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.column {
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
  padding-left: .4rem;
  padding-right: .4rem;
}

.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1,
.column.col-auto {
  -ms-flex: none;
  flex: none;
}

.col-12 {
  width: 100%;
}

.col-11 {
  width: 91.66666667%;
}

.col-10 {
  width: 83.33333333%;
}

.col-9 {
  width: 75%;
}

.col-8 {
  width: 66.66666667%;
}

.col-7 {
  width: 58.33333333%;
}

.col-6 {
  width: 50%;
}

.col-5 {
  width: 41.66666667%;
}

.col-4 {
  width: 33.33333333%;
}

.col-3 {
  width: 25%;
}

.col-2 {
  width: 16.66666667%;
}

.col-1 {
  width: 8.33333333%;
}

.col-auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  max-width: none;
  width: auto;
}

.col-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

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

.col-mr-auto {
  margin-right: auto;
}

@media (max-width: 1280px) {
  .col-xl-12,
  .col-xl-11,
  .col-xl-10,
  .col-xl-9,
  .col-xl-8,
  .col-xl-7,
  .col-xl-6,
  .col-xl-5,
  .col-xl-4,
  .col-xl-3,
  .col-xl-2,
  .col-xl-1,
  .col-xl-auto {
    -ms-flex: none;
    flex: none;
  }
  .col-xl-12 {
    width: 100%;
  }
  .col-xl-11 {
    width: 91.66666667%;
  }
  .col-xl-10 {
    width: 83.33333333%;
  }
  .col-xl-9 {
    width: 75%;
  }
  .col-xl-8 {
    width: 66.66666667%;
  }
  .col-xl-7 {
    width: 58.33333333%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-5 {
    width: 41.66666667%;
  }
  .col-xl-4 {
    width: 33.33333333%;
  }
  .col-xl-3 {
    width: 25%;
  }
  .col-xl-2 {
    width: 16.66666667%;
  }
  .col-xl-1 {
    width: 8.33333333%;
  }
  .col-xl-auto {
    width: auto;
  }
  .hide-xl {
    display: none !important;
  }
  .show-xl {
    display: block !important;
  }
}

@media (max-width: 960px) {
  .col-lg-12,
  .col-lg-11,
  .col-lg-10,
  .col-lg-9,
  .col-lg-8,
  .col-lg-7,
  .col-lg-6,
  .col-lg-5,
  .col-lg-4,
  .col-lg-3,
  .col-lg-2,
  .col-lg-1,
  .col-lg-auto {
    -ms-flex: none;
    flex: none;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-auto {
    width: auto;
  }
  .hide-lg {
    display: none !important;
  }
  .show-lg {
    display: block !important;
  }
}

@media (max-width: 840px) {
  .col-md-12,
  .col-md-11,
  .col-md-10,
  .col-md-9,
  .col-md-8,
  .col-md-7,
  .col-md-6,
  .col-md-5,
  .col-md-4,
  .col-md-3,
  .col-md-2,
  .col-md-1,
  .col-md-auto {
    -ms-flex: none;
    flex: none;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-auto {
    width: auto;
  }
  .hide-md {
    display: none !important;
  }
  .show-md {
    display: block !important;
  }
}

@media (max-width: 600px) {
  .col-sm-12,
  .col-sm-11,
  .col-sm-10,
  .col-sm-9,
  .col-sm-8,
  .col-sm-7,
  .col-sm-6,
  .col-sm-5,
  .col-sm-4,
  .col-sm-3,
  .col-sm-2,
  .col-sm-1,
  .col-sm-auto {
    -ms-flex: none;
    flex: none;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-auto {
    width: auto;
  }
  .hide-sm {
    display: none !important;
  }
  .show-sm {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .col-xs-12,
  .col-xs-11,
  .col-xs-10,
  .col-xs-9,
  .col-xs-8,
  .col-xs-7,
  .col-xs-6,
  .col-xs-5,
  .col-xs-4,
  .col-xs-3,
  .col-xs-2,
  .col-xs-1,
  .col-xs-auto {
    -ms-flex: none;
    flex: none;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-auto {
    width: auto;
  }
  .hide-xs {
    display: none !important;
  }
  .show-xs {
    display: block !important;
  }
}

.hero {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 4rem;
  padding-top: 4rem;
}

.hero.hero-sm {
  padding-bottom: 2rem;
  padding-top: 2rem;
}

.hero.hero-lg {
  padding-bottom: 8rem;
  padding-top: 8rem;
}

.hero .hero-body {
  padding: .4rem;
}

.navbar {
  align-items: stretch;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: stretch;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.navbar .navbar-section {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex: 1 0 0;
  flex: 1 0 0; 
  -ms-flex-align: center;
}

.navbar .navbar-section:not(:first-child):last-child {
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.navbar .navbar-center {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto; 
  -ms-flex-align: center;
}

.navbar .navbar-brand {
  font-size: .9rem;
  text-decoration: none;
}

.accordion input:checked ~ .accordion-header .icon,
.accordion[open] .accordion-header .icon {
  transform: rotate(90deg);
}

.accordion input:checked ~ .accordion-body,
.accordion[open] .accordion-body {
  max-height: 50rem;
}

.accordion .accordion-header {
  display: block;
  padding: .2rem .4rem;
}

.accordion .accordion-header .icon {
  transition: transform .25s;
}

.accordion .accordion-body {
  margin-bottom: .4rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height .25s;
}

summary.accordion-header::-webkit-details-marker {
  display: none;
}

.avatar {
  background: #5755d9;
  border-radius: 50%;
  color: rgba(255, 255, 255, .85);
  display: inline-block;
  font-size: .8rem;
  font-weight: 300;
  height: 1.6rem;
  line-height: 1.25;
  margin: 0;
  position: relative;
  vertical-align: middle; 
  width: 1.6rem;
}

.avatar.avatar-xs {
  font-size: .4rem;
  height: .8rem;
  width: .8rem;
}

.avatar.avatar-sm {
  font-size: .6rem;
  height: 1.2rem;
  width: 1.2rem;
}

.avatar.avatar-lg {
  font-size: 1.2rem;
  height: 2.4rem;
  width: 2.4rem;
}

.avatar.avatar-xl {
  font-size: 1.6rem;
  height: 3.2rem;
  width: 3.2rem;
}

.avatar img {
  border-radius: 50%;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.avatar .avatar-icon,
.avatar .avatar-presence {
  background: #fff;
  bottom: 14.64%;
  height: 50%;
  padding: .1rem;
  position: absolute;
  right: 14.64%;
  transform: translate(50%, 50%);
  width: 50%;
  z-index: 2;
}

.avatar .avatar-presence {
  background: #bcc3ce;
  border-radius: 50%;
  box-shadow: 0 0 0 .1rem #fff;
  height: .5em;
  width: .5em;
}

.avatar .avatar-presence.online {
  background: #32b643;
}

.avatar .avatar-presence.busy {
  background: #e85600;
}

.avatar .avatar-presence.away {
  background: #ffb700;
}

.avatar[data-initial]::before {
  color: currentColor;
  content: attr(data-initial);
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.badge {
  position: relative;
  white-space: nowrap;
}

.badge[data-badge]::after,
.badge:not([data-badge])::after {
  background: #5755d9;
  background-clip: padding-box;
  border-radius: .5rem;
  box-shadow: 0 0 0 .1rem #fff;
  color: #fff;
  content: attr(data-badge);
  display: inline-block;
  transform: translate(-.05rem, -.5rem);
}

.badge[data-badge]::after {
  font-size: .7rem;
  height: .9rem;
  line-height: 1;
  min-width: .9rem;
  padding: .1rem .2rem;
  text-align: center;
  white-space: nowrap;
}

.badge:not([data-badge])::after,
.badge[data-badge=""]::after {
  height: 6px;
  min-width: 6px;
  padding: 0;
  width: 6px;
}

.badge.btn::after {
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}

.badge.avatar::after {
  position: absolute;
  right: 14.64%;
  top: 14.64%;
  transform: translate(50%, -50%);
  z-index: 100;
}

.breadcrumb {
  list-style: none;
  margin: .2rem 0;
  padding: .2rem 0;
}

.breadcrumb .breadcrumb-item {
  color: #66758c;
  display: inline-block;
  margin: 0;
  padding: .2rem 0;
}

.breadcrumb .breadcrumb-item:not(:last-child) {
  margin-right: .2rem;
}

.breadcrumb .breadcrumb-item:not(:last-child) a {
  color: #66758c;
}

.breadcrumb .breadcrumb-item:not(:first-child)::before {
  color: #66758c;
  content: "/";
  padding-right: .4rem;
}

.bar {
  background: #eef0f3;
  border-radius: .1rem;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: .8rem;
  width: 100%;
}

.bar.bar-sm {
  height: .2rem;
}

.bar .bar-item {
  background: #5755d9;
  color: #fff;
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: .7rem;
  height: 100%;
  line-height: .8rem;
  position: relative;
  text-align: center;
  width: 0;
}

.bar .bar-item:first-child {
  border-bottom-left-radius: .1rem;
  border-top-left-radius: .1rem;
}

.bar .bar-item:last-child {
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.bar-slider {
  height: .1rem;
  margin: .4rem 0;
  position: relative;
}

.bar-slider .bar-item {
  left: 0;
  padding: 0;
  position: absolute;
}

.bar-slider .bar-item:not(:last-child):first-child {
  background: #eef0f3;
  z-index: 1;
}

.bar-slider .bar-slider-btn {
  background: #5755d9;
  border: 0;
  border-radius: 50%;
  height: .6rem;
  padding: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%);
  width: .6rem;
}

.bar-slider .bar-slider-btn:active {
  box-shadow: 0 0 0 .1rem #5755d9;
}

.card {
  background: #fff;
  border: .05rem solid #dadee4;
  border-radius: .1rem;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card .card-header,
.card .card-body,
.card .card-footer {
  padding: .8rem;
  padding-bottom: 0;
}

.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child {
  padding-bottom: .8rem;
}

.card .card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.card .card-image {
  padding-top: .8rem;
}

.card .card-image:first-child {
  padding-top: 0;
}

.card .card-image:first-child img {
  border-top-left-radius: .1rem;
  border-top-right-radius: .1rem;
}

.card .card-image:last-child img {
  border-bottom-left-radius: .1rem;
  border-bottom-right-radius: .1rem;
}

.chip {
  align-items: center;
  background: #eef0f3;
  border-radius: 5rem;
  display: inline-flex;
  display: -ms-inline-flexbox;
  -ms-flex-align: center;
  font-size: 90%;
  height: 1.2rem;
  line-height: .8rem;
  margin: .1rem;
  max-width: 320px;
  overflow: hidden;
  padding: .2rem .4rem;
  text-decoration: none;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}

.chip.active {
  background: #5755d9;
  color: #fff;
}

.chip .avatar {
  margin-left: -.4rem;
  margin-right: .2rem;
}

.chip .btn-clear {
  border-radius: 50%;
  transform: scale(.75);
}

.dropdown {
  display: inline-block;
  position: relative;
}

.dropdown .menu {
  animation: slide-down .15s ease 1;
  display: none;
  left: 0;
  max-height: 50vh;
  overflow-y: auto;
  position: absolute;
  top: 100%;
}

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

.dropdown.active .menu,
.dropdown .dropdown-toggle:focus + .menu,
.dropdown .menu:hover {
  display: block;
}

.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
  border-bottom-right-radius: .1rem;
  border-top-right-radius: .1rem;
}

.empty {
  background: #f7f8f9;
  border-radius: .1rem;
  color: #66758c;
  padding: 3.2rem 1.6rem; 
  text-align: center;
}

.empty .empty-icon {
  margin-bottom: .8rem;
}

.empty .empty-title,
.empty .empty-subtitle {
  margin: .4rem auto;
}

.empty .empty-action {
  margin-top: .8rem;
}

.menu {
  background: #fff;
  border-radius: .1rem;
  box-shadow: 0 .05rem .2rem rgba(48, 55, 66, .3);
  list-style: none;
  margin: 0;
  min-width: 180px;
  padding: .4rem;
  transform: translateY(.2rem);
  z-index: 300;
}

.menu.menu-nav {
  background: transparent;
  box-shadow: none;
}

.menu .menu-item {
  margin-top: 0;
  padding: 0 .4rem;
  position: relative;
  text-decoration: none;
}

.menu .menu-item > a {
  border-radius: .1rem;
  color: inherit;
  display: block;
  margin: 0 -.4rem;
  padding: .2rem .4rem;
  text-decoration: none;
}

.menu .menu-item > a:focus,
.menu .menu-item > a:hover {
  background: #f1f1fc;
  color: #5755d9;
}

.menu .menu-item > a:active,
.menu .menu-item > a.active {
  background: #f1f1fc;
  color: #5755d9;
}

.menu .menu-item .form-checkbox,
.menu .menu-item .form-radio,
.menu .menu-item .form-switch {
  margin: .1rem 0;
}

.menu .menu-item + .menu-item {
  margin-top: .2rem;
}

.menu .menu-badge {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.menu .menu-badge .label {
  margin-right: .4rem;
}

.modal {
  align-items: center;
  bottom: 0;
  display: none;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: .4rem;
  position: fixed;
  right: 0;
  top: 0;
}

.modal:target,
.modal.active {
  display: flex;
  display: -ms-flexbox;
  opacity: 1;
  z-index: 400;
}

.modal:target .modal-overlay,
.modal.active .modal-overlay {
  background: rgba(247, 248, 249, .75);
  bottom: 0;
  cursor: default;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.modal:target .modal-container,
.modal.active .modal-container {
  animation: slide-down .2s ease 1;
  z-index: 1;
}

.modal.modal-sm .modal-container {
  max-width: 320px;
  padding: 0 .4rem;
}

.modal.modal-lg .modal-overlay {
  background: #fff;
}

.modal.modal-lg .modal-container {
  box-shadow: none;
  max-width: 960px;
}

.modal-container {
  background: #fff;
  border-radius: .1rem;
  box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3);
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 75vh;
  max-width: 640px;
  padding: 0 .8rem;
  width: 100%;
}

.modal-container.modal-fullheight {
  max-height: 100vh;
}

.modal-container .modal-header {
  color: #303742;
  padding: .8rem;
}

.modal-container .modal-body {
  overflow-y: auto;
  padding: .8rem;
  position: relative;
}

.modal-container .modal-footer {
  padding: .8rem;
  text-align: right;
}

.nav {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin: .2rem 0;
}

.nav .nav-item a {
  color: #66758c;
  padding: .2rem .4rem;
  text-decoration: none;
}

.nav .nav-item a:focus,
.nav .nav-item a:hover {
  color: #5755d9;
}

.nav .nav-item.active > a {
  color: #505c6e;
  font-weight: bold;
}

.nav .nav-item.active > a:focus,
.nav .nav-item.active > a:hover {
  color: #5755d9;
}

.nav .nav {
  margin-bottom: .4rem;
  margin-left: .8rem;
}

.pagination {
  display: flex;
  display: -ms-flexbox;
  list-style: none;
  margin: .2rem 0;
  padding: .2rem 0;
}

.pagination .page-item {
  margin: .2rem .05rem;
}

.pagination .page-item span {
  display: inline-block;
  padding: .2rem .2rem;
}

.pagination .page-item a {
  border-radius: .1rem;
  display: inline-block;
  padding: .2rem .4rem;
  text-decoration: none;
}

.pagination .page-item a:focus,
.pagination .page-item a:hover {
  color: #5755d9;
}

.pagination .page-item.disabled a {
  cursor: default;
  opacity: .5;
  pointer-events: none;
}

.pagination .page-item.active a {
  background: #5755d9;
  color: #fff;
}

.pagination .page-item.page-prev,
.pagination .page-item.page-next {
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}

.pagination .page-item.page-next {
  text-align: right;
}

.pagination .page-item .page-item-title {
  margin: 0;
}

.pagination .page-item .page-item-subtitle {
  margin: 0;
  opacity: .5;
}

.panel {
  border: .05rem solid #dadee4;
  border-radius: .1rem;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  flex-direction: column;
}

.panel .panel-header,
.panel .panel-footer {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: .8rem;
}

.panel .panel-nav {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.panel .panel-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 .8rem;
}

.popover {
  display: inline-block;
  position: relative;
}

.popover .popover-container {
  left: 50%;
  opacity: 0;
  padding: .4rem;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: transform .2s;
  width: 320px;
  z-index: 300;
}

.popover *:focus + .popover-container,
.popover:hover .popover-container {
  display: block;
  opacity: 1;
  transform: translate(-50%, -100%) scale(1);
}

.popover.popover-right .popover-container {
  left: 100%;
  top: 50%;
}

.popover.popover-right *:focus + .popover-container,
.popover.popover-right:hover .popover-container {
  transform: translate(0, -50%) scale(1);
}

.popover.popover-bottom .popover-container {
  left: 50%;
  top: 100%;
}

.popover.popover-bottom *:focus + .popover-container,
.popover.popover-bottom:hover .popover-container {
  transform: translate(-50%, 0) scale(1);
}

.popover.popover-left .popover-container {
  left: 0;
  top: 50%;
}

.popover.popover-left *:focus + .popover-container,
.popover.popover-left:hover .popover-container {
  transform: translate(-100%, -50%) scale(1);
}

.popover .card {
  border: 0; 
  box-shadow: 0 .2rem .5rem rgba(48, 55, 66, .3);
}

.step {
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  list-style: none;
  margin: .2rem 0;
  width: 100%;
}

.step .step-item {
  -ms-flex: 1 1 0;
  flex: 1 1 0;
  margin-top: 0;
  min-height: 1rem;
  position: relative; 
  text-align: center;
}

.step .step-item:not(:first-child)::before {
  background: #5755d9;
  content: "";
  height: 2px;
  left: -50%;
  position: absolute;
  top: 9px;
  width: 100%;
}

.step .step-item a {
  color: #5755d9;
  display: inline-block;
  padding: 20px 10px 0;
  text-decoration: none;
}

.step .step-item a::before {
  background: #5755d9;
  border: .1rem solid #fff;
  border-radius: 50%;
  content: "";
  display: block;
  height: .6rem;
  left: 50%;
  position: absolute;
  top: .2rem;
  transform: translateX(-50%);
  width: .6rem;
  z-index: 1;
}

.step .step-item.active a::before {
  background: #fff;
  border: .1rem solid #5755d9;
}

.step .step-item.active ~ .step-item::before {
  background: #dadee4;
}

.step .step-item.active ~ .step-item a {
  color: #bcc3ce;
}

.step .step-item.active ~ .step-item a::before {
  background: #dadee4;
}

.tab {
  align-items: center;
  border-bottom: .05rem solid #dadee4;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: .2rem 0 .15rem 0;
}

.tab .tab-item {
  margin-top: 0;
}

.tab .tab-item a {
  border-bottom: .1rem solid transparent;
  color: inherit;
  display: block;
  margin: 0 .4rem 0 0;
  padding: .4rem .2rem .3rem .2rem;
  text-decoration: none;
}

.tab .tab-item a:focus,
.tab .tab-item a:hover {
  color: #5755d9;
}

.tab .tab-item.active a,
.tab .tab-item a.active {
  border-bottom-color: #5755d9;
  color: #5755d9;
}

.tab .tab-item.tab-action {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  text-align: right;
}

.tab .tab-item .btn-clear {
  margin-top: -.2rem;
}

.tab.tab-block .tab-item {
  -ms-flex: 1 0 0;
  flex: 1 0 0;
  text-align: center;
}

.tab.tab-block .tab-item a {
  margin: 0;
}

.tab.tab-block .tab-item .badge[data-badge]::after {
  position: absolute;
  right: .1rem;
  top: .1rem;
  transform: translate(0, 0);
}

.tab:not(.tab-block) .badge {
  padding-right: 0;
}

.tile {
  align-content: space-between;
  align-items: flex-start;
  display: flex; 
  display: -ms-flexbox;
  -ms-flex-align: start;
  -ms-flex-line-pack: justify;
}

.tile .tile-icon,
.tile .tile-action {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.tile .tile-content {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.tile .tile-content:not(:first-child) {
  padding-left: .4rem;
}

.tile .tile-content:not(:last-child) {
  padding-right: .4rem;
}

.tile .tile-title,
.tile .tile-subtitle {
  line-height: 1.2rem;
}

.tile.tile-centered {
  align-items: center; 
  -ms-flex-align: center;
}

.tile.tile-centered .tile-content {
  overflow: hidden;
}

.tile.tile-centered .tile-title,
.tile.tile-centered .tile-subtitle {
  margin-bottom: 0; 
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toast {
  background: rgba(48, 55, 66, .95);
  border: .05rem solid #303742;
  border-color: #303742;
  border-radius: .1rem;
  color: #fff;
  display: block;
  padding: .4rem;
  width: 100%;
}

.toast.toast-primary {
  background: rgba(87, 85, 217, .95);
  border-color: #5755d9;
}

.toast.toast-success {
  background: rgba(50, 182, 67, .95);
  border-color: #32b643;
}

.toast.toast-warning {
  background: rgba(255, 183, 0, .95);
  border-color: #ffb700;
}

.toast.toast-error {
  background: rgba(232, 86, 0, .95);
  border-color: #e85600;
}

.toast a {
  color: #fff;
  text-decoration: underline;
}

.toast a:focus,
.toast a:hover,
.toast a:active,
.toast a.active {
  opacity: .75;
}

.toast .btn-clear {
  margin: .1rem;
}

.toast p:last-child {
  margin-bottom: 0;
}

.tooltip {
  position: relative;
}

.tooltip::after {
  background: rgba(48, 55, 66, .95);
  border-radius: .1rem;
  bottom: 100%;
  color: #fff;
  content: attr(data-tooltip);
  display: block;
  font-size: .7rem;
  left: 50%;
  max-width: 320px;
  opacity: 0;
  overflow: hidden;
  padding: .2rem .4rem;
  pointer-events: none;
  position: absolute;
  text-overflow: ellipsis;
  transform: translate(-50%, .4rem);
  transition: opacity .2s, transform .2s;
  white-space: pre;
  z-index: 300;
}

.tooltip:focus::after,
.tooltip:hover::after {
  opacity: 1;
  transform: translate(-50%, -.2rem);
}

.tooltip[disabled],
.tooltip.disabled {
  pointer-events: auto;
}

.tooltip.tooltip-right::after {
  bottom: 50%;
  left: 100%;
  transform: translate(-.2rem, 50%);
}

.tooltip.tooltip-right:focus::after,
.tooltip.tooltip-right:hover::after {
  transform: translate(.2rem, 50%);
}

.tooltip.tooltip-bottom::after {
  bottom: auto;
  top: 100%;
  transform: translate(-50%, -.4rem);
}

.tooltip.tooltip-bottom:focus::after,
.tooltip.tooltip-bottom:hover::after {
  transform: translate(-50%, .2rem);
}

.tooltip.tooltip-left::after {
  bottom: 50%;
  left: auto;
  right: 100%;
  transform: translate(.4rem, 50%);
}

.tooltip.tooltip-left:focus::after,
.tooltip.tooltip-left:hover::after {
  transform: translate(-.2rem, 50%);
}

@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-1.6rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.text-primary {
  color: #5755d9 !important;
}

a.text-primary:focus,
a.text-primary:hover {
  color: #4240d4;
}

a.text-primary:visited {
  color: #6c6ade;
}

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

a.text-secondary:focus,
a.text-secondary:hover {
  color: #d1d0f4;
}

a.text-secondary:visited {
  color: #fafafe;
}

.text-gray {
  color: #bcc3ce !important;
}

a.text-gray:focus,
a.text-gray:hover {
  color: #adb6c4;
}

a.text-gray:visited {
  color: #cbd0d9;
}

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

a.text-light:focus,
a.text-light:hover {
  color: #f2f2f2;
}

a.text-light:visited {
  color: white;
}

.text-dark {
  color: #3b4351 !important;
}

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

a.text-dark:visited {
  color: #455060;
}

.text-success {
  color: #32b643 !important;
}

a.text-success:focus,
a.text-success:hover {
  color: #2da23c;
}

a.text-success:visited {
  color: #39c94b;
}

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

a.text-warning:focus,
a.text-warning:hover {
  color: #e6a500;
}

a.text-warning:visited {
  color: #ffbe1a;
}

.text-error {
  color: #e85600 !important;
}

a.text-error:focus,
a.text-error:hover {
  color: #cf4d00;
}

a.text-error:visited {
  color: #ff6003;
}

.bg-primary {
  background: #5755d9 !important;
  color: #fff;
}

.bg-secondary {
  background: #f1f1fc !important;
}

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

.bg-gray {
  background: #f7f8f9 !important;
}

.bg-success {
  background: #32b643 !important;
  color: #fff;
}

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

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

.c-hand {
  cursor: pointer;
}

.c-move {
  cursor: move;
}

.c-zoom-in {
  cursor: zoom-in;
}

.c-zoom-out {
  cursor: zoom-out;
}

.c-not-allowed {
  cursor: not-allowed;
}

.c-auto {
  cursor: auto;
}

.d-block {
  display: block;
}

.d-inline {
  display: inline;
}

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

.d-flex {
  display: flex; 
  display: -ms-flexbox;
}

.d-inline-flex {
  display: inline-flex; 
  display: -ms-inline-flexbox;
}

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

.d-visible {
  visibility: visible;
}

.d-invisible {
  visibility: hidden;
}

.text-hide {
  background: transparent;
  border: 0;
  color: transparent;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
}

.text-assistive {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.divider,
.divider-vert {
  display: block;
  position: relative;
}

.divider[data-content]::after,
.divider-vert[data-content]::after {
  background: #fff;
  color: #bcc3ce;
  content: attr(data-content);
  display: inline-block;
  font-size: .7rem;
  padding: 0 .4rem;
  transform: translateY(-.65rem);
}

.divider {
  border-top: .05rem solid #f1f3f5;
  height: .05rem;
  margin: .4rem 0;
}

.divider[data-content] {
  margin: .8rem 0;
}

.divider-vert {
  display: block;
  padding: .8rem;
}

.divider-vert::before {
  border-left: .05rem solid #dadee4;
  bottom: .4rem;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: .4rem;
  transform: translateX(-50%);
}

.divider-vert[data-content]::after {
  left: 50%;
  padding: .2rem 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

.loading {
  color: transparent !important;
  min-height: .8rem;
  pointer-events: none;
  position: relative;
}

.loading::after {
  animation: loading 500ms infinite linear;
  border: .1rem solid #5755d9;
  border-radius: 50%;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: .8rem;
  left: 50%;
  margin-left: -.4rem;
  margin-top: -.4rem;
  position: absolute;
  top: 50%;
  width: .8rem;
  z-index: 1;
}

.loading.loading-lg {
  min-height: 2rem;
}

.loading.loading-lg::after {
  height: 1.6rem;
  margin-left: -.8rem;
  margin-top: -.8rem;
  width: 1.6rem;
}

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

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.p-relative {
  position: relative !important;
}

.p-absolute {
  position: absolute !important;
}

.p-fixed {
  position: fixed !important;
}

.p-sticky {
  position: sticky !important; 
  position: -webkit-sticky !important;
}

.p-centered {
  display: block;
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.flex-centered {
  align-items: center;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.m-0 {
  margin: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.m-1 {
  margin: .2rem !important;
}

.mb-1 {
  margin-bottom: .2rem !important;
}

.ml-1 {
  margin-left: .2rem !important;
}

.mr-1 {
  margin-right: .2rem !important;
}

.mt-1 {
  margin-top: .2rem !important;
}

.mx-1 {
  margin-left: .2rem !important;
  margin-right: .2rem !important;
}

.my-1 {
  margin-bottom: .2rem !important;
  margin-top: .2rem !important;
}

.m-2 {
  margin: .4rem !important;
}

.mb-2 {
  margin-bottom: .4rem !important;
}

.ml-2 {
  margin-left: .4rem !important;
}

.mr-2 {
  margin-right: .4rem !important;
}

.mt-2 {
  margin-top: .4rem !important;
}

.mx-2 {
  margin-left: .4rem !important;
  margin-right: .4rem !important;
}

.my-2 {
  margin-bottom: .4rem !important;
  margin-top: .4rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.p-1 {
  padding: .2rem !important;
}

.pb-1 {
  padding-bottom: .2rem !important;
}

.pl-1 {
  padding-left: .2rem !important;
}

.pr-1 {
  padding-right: .2rem !important;
}

.pt-1 {
  padding-top: .2rem !important;
}

.px-1 {
  padding-left: .2rem !important;
  padding-right: .2rem !important;
}

.py-1 {
  padding-bottom: .2rem !important;
  padding-top: .2rem !important;
}

.p-2 {
  padding: .4rem !important;
}

.pb-2 {
  padding-bottom: .4rem !important;
}

.pl-2 {
  padding-left: .4rem !important;
}

.pr-2 {
  padding-right: .4rem !important;
}

.pt-2 {
  padding-top: .4rem !important;
}

.px-2 {
  padding-left: .4rem !important;
  padding-right: .4rem !important;
}

.py-2 {
  padding-bottom: .4rem !important;
  padding-top: .4rem !important;
}

.s-rounded {
  border-radius: .1rem;
}

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

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

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

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

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

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.text-normal {
  font-weight: normal;
}

.text-bold {
  font-weight: bold;
}

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

.text-large {
  font-size: 1.2em;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-clip {
  overflow: hidden;
  text-overflow: clip;
  white-space: nowrap;
}

.text-break {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */