/*!Spectre.css | MIT License | github.com/picturepan2/spectre*/html {
 font-family:sans-serif;
 line-height:1.15;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
footer,
header,
nav,
section {
 display:block
}
h1 {
 font-size:2em;
 margin:.67em 0
}
figcaption,
figure,
main {
 display:block
}
hr {
 box-sizing:content-box;
 height:0;
 overflow:visible
}
a {
 background-color:transparent;
 -webkit-text-decoration-skip:objects
}
a:active,
a:hover {
 outline-width:0
}
b,
strong {
 font-weight:inherit
}
b,
strong {
 font-weight:bolder
}
code,
kbd,
pre,
samp {
 font-family:monospace,monospace;
 font-size:1em
}
dfn {
 font-style:italic
}
small {
 font-size:80%
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-.25em
}
sup {
 top:-.5em
}
audio,
video {
 display:inline-block
}
audio:not([controls]) {
 display:none;
 height:0
}
img {
 border-style:none
}
svg:not(:root) {
 overflow:hidden
}
button,
input,
optgroup,
select,
textarea {
 font-family:inherit;
 font-size:inherit;
 line-height:inherit;
 margin:0
}
button,
input {
 overflow:visible
}
button,
select {
 text-transform:none
}
button,
html [type=button],
[type=reset],
[type=submit] {
 -webkit-appearance:button
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
 border-style:none;
 padding:0
}
fieldset {
 border:0;
 margin:0;
 padding:0
}
legend {
 box-sizing:border-box;
 color:inherit;
 display:table;
 max-width:100%;
 padding:0;
 white-space:normal
}
progress {
 display:inline-block;
 vertical-align:baseline
}
textarea {
 overflow:auto
}
[type=checkbox],
[type=radio] {
 box-sizing:border-box;
 padding:0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
 height:auto
}
[type=search] {
 -webkit-appearance:textfield;
 outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
 -webkit-appearance:none
}
::-webkit-file-upload-button {
 -webkit-appearance:button;
 font:inherit
}
details,
menu {
 display:block
}
summary {
 display:list-item
}
canvas {
 display:inline-block
}
template {
 display:none
}
[hidden] {
 display:none
}
*,
*::before,
*::after {
 box-sizing:inherit
}
html {
 box-sizing:border-box;
 font-size:10px;
 line-height:1.42857143;
 -webkit-tap-highlight-color:transparent
}
body {
 background:#fff;
 color:#50596c;
 font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,sans-serif;
 font-size:1.4rem;
 overflow-x:hidden;
 text-rendering:optimizeLegibility
}
a {
 color:#4e657e;
 outline:none;
 text-decoration:none
}
a:focus {
 box-shadow:0 0 0 .2rem rgba(87,100,198,.15)
}
a:focus,
a:hover,
a:active,
a.active {
 color:#3b49af;
 text-decoration:underline
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color:inherit;
 font-weight:300;
 line-height:1.2;
 margin-bottom:1.5rem;
 margin-top:0
}
h1 {
 font-size:5rem
}
h2 {
 font-size:4rem
}
h3 {
 font-size:3rem
}
h4 {
 font-size:2.4rem
}
h5 {
 font-size:2rem
}
h6 {
 font-size:1.6rem
}
p {
 line-height:2.4rem;
 margin:0 0 1rem
}
a,
ins,
u {
 -webkit-text-decoration-skip:ink edges;
 text-decoration-skip:ink edges
}
blockquote {
 border-left:.2rem solid #f0f1f4;
 margin-left:0;
 padding:1rem 2rem
}
blockquote p:last-child {
 margin-bottom:0
}
blockquote cite {
 color:#acb3c2
}
ul,
ol {
 margin:2rem 0 2rem 2rem;
 padding:0
}
ul ul,
ol ul,
ul ol,
ol ol {
 margin:1.5rem 0 1.5rem 2rem
}
ul li,
ol li {
 margin-top:1rem
}
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:700
}
dl dd {
 margin:.5rem 0 1.5rem
}
mark {
 background:#ffe9b3;
 border-radius:.2rem;
 color:#50596c;
 display:inline-block;
 line-height:1;
 padding:.3rem .4rem;
 vertical-align:baseline
}
kbd {
 background:#454d5d;
 border-radius:.2rem;
 color:#fff;
 display:inline-block;
 line-height:1;
 padding:.3rem .4rem;
 vertical-align:baseline
}
abbr[title] {
 border-bottom:.1rem dotted;
 cursor:help;
 text-decoration:none
}
:lang(zh),
:lang(ja),
:lang(ko),
.cjk {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,segoe ui,Roboto,pingfang sc,hiragino sans gb,microsoft yahei,hiragino kaku gothic pro,Meiryo,malgun gothic,helvetica neue,sans-serif
}
:lang(zh) ins,
:lang(ja) ins,
.cjk ins,
:lang(zh) u,
:lang(ja) u,
.cjk u {
 border-bottom:.1rem solid;
 text-decoration:none
}
:lang(zh) del+del,
:lang(ja) del+del,
.cjk del+del,
:lang(zh) del+s,
:lang(ja) del+s,
.cjk del+s,
:lang(zh) ins+ins,
:lang(ja) ins+ins,
.cjk ins+ins,
:lang(zh) ins+u,
:lang(ja) ins+u,
.cjk ins+u,
:lang(zh) s+del,
:lang(ja) s+del,
.cjk s+del,
:lang(zh) s+s,
:lang(ja) s+s,
.cjk s+s,
:lang(zh) u+ins,
:lang(ja) u+ins,
.cjk u+ins,
:lang(zh) u+u,
:lang(ja) u+u,
.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:#f8f9fa
}
.table.table-hover tbody tr:hover {
 background:#f0f1f4
}
.table tbody tr.active,
.table.table-striped tbody tr.active {
 background:#f0f1f4
}
.table td {
 border-bottom:.1rem solid #f0f1f4;
 padding:1.5rem 1rem
}
.table th {
 border-bottom:.1rem solid #727e96;
 padding:1.5rem 1rem
}
.btn {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background:#fff;
 border:.1rem solid #0088d7;
 border-radius:.2rem;
 color:#0088d7;
 cursor:pointer;
 display:inline-block;
 font-size:1.4rem;
 height:3.2rem;
 line-height:2rem;
 outline:none;
 padding:.5rem .8rem;
 text-align:center;
 text-decoration:none;
 transition:all .2s ease;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 vertical-align:middle;
 white-space:nowrap
}
.btn:focus {
 background:#fbfbfe;
 box-shadow:0 0 0 .2rem rgba(87,100,198,.15);
 text-decoration:none
}
.btn:hover {
 background:#0088d7;
 border-color:#0088d7;
 color:#fff;
 text-decoration:none
}
.btn.active {
 background:#0088d7;
 border-color:#0088d7;
 color:#fff;
 text-decoration:none
}
.btn[disabled],
.btn:disabled,
.btn.disabled {
 cursor:default;
 opacity:.5;
 pointer-events:none
}
.btn.btn-primary {
 background:#0088d7;
 border-color:#0088d7;
 color:#fff
}
.btn.btn-primary:focus,
.btn.btn-primary:hover {
 background:#0078be!important;
 border-color:#0078be!important;
 color:#fff
}
.btn.btn-primary:active,
.btn.btn-primary.active {
 background:#0078be;
 border-color:#0078be;
 color:#fff
}
.btn.btn-primary.loading::after {
 border-bottom-color:#fff;
 border-left-color:#fff
}
.btn.btn-link {
 background:0 0;
 border-color:transparent;
 color:#4e657e
}
.btn.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link.active {
 color:#3b49af
}
.btn.btn-sm {
 font-size:1.2rem;
 height:2.4rem;
 padding:.1rem .8rem
}
.btn.btn-lg {
 font-size:1.6rem;
 height:4rem;
 padding:.9rem .8rem
}
.btn.btn-block {
 display:block;
 width:100%
}
.btn.btn-action {
 padding-left:0;
 padding-right:0;
 width:3.2rem
}
.btn.btn-action.btn-sm {
 width:2.4rem
}
.btn.btn-action.btn-lg {
 width:4rem
}
.btn.btn-clear {
 background:0 0;
 border:0;
 color:currentColor;
 height:1.6rem;
 line-height:1.6rem;
 margin-left:.4rem;
 margin-right:-.2rem;
 opacity:.45;
 padding:0 .2rem;
 text-decoration:none;
 width:1.6rem
}
.btn.btn-clear:hover {
 opacity:.85
}
.btn.btn-clear::before {
 content:"\2715"
}
.btn-group {
 display:inline-flex;
 display:-ms-inline-flexbox;
 display:-webkit-inline-flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.btn-group .btn {
 -webkit-flex:1 0 auto;
 -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:-.1rem
}
.btn-group .btn:last-child:not(:first-child) {
 border-bottom-left-radius:0;
 border-top-left-radius:0;
 margin-left:-.1rem
}
.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;
 display:-webkit-flex
}
.btn-group.btn-group-block .btn {
 -webkit-flex:1 0 0;
 -ms-flex:1 0 0;
 flex:1 0 0
}
.form-group:not(:last-child) {
 margin-bottom:1rem
}
.form-label {
 display:block;
 padding:.6rem 0
}
.form-label.label-sm {
 padding:.2rem 0
}
.form-label.label-lg {
 padding:1rem 0
}
.form-input {
 -webkit-appearance:none;
 -moz-appearance:none;
 appearance:none;
 background:#fff;
 background-image:none;
 border:.1rem solid #c4c9d3;
 border-radius:.2rem;
 color:#50596c;
 display:block;
 font-size:1.4rem;
 height:3.2rem;
 line-height:2rem;
 max-width:100%;
 outline:none;
 padding:.5rem .8rem;
 position:relative;
 transition:all .2s ease;
 width:100%
}
.form-input:focus {
 border-color:#7f007f
}
.form-input::-webkit-input-placeholder {
 color:#acb3c2
}
.form-input::-moz-placeholder {
 color:#acb3c2
}
.form-input:-ms-input-placeholder {
 color:#acb3c2
}
.form-input::placeholder {
 color:#acb3c2
}
.form-input.input-sm {
 font-size:1.2rem;
 height:2.4rem;
 padding:.1rem .8rem
}
.form-input.input-lg {
 font-size:1.6rem;
 height:4rem;
 padding:.9rem .8rem
}
.form-input.input-inline {
 display:inline-block;
 vertical-align:middle;
 width:auto
}
textarea.form-input {
 height:auto
}
.form-input[type=file] {
 height:auto
}
.form-input-hint {
 color:#acb3c2;
 margin-top:.4rem
}
.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;
 border:.1rem solid #c4c9d3;
 border-radius:.2rem;
 color:inherit;
 font-size:1.4rem;
 line-height:2rem;
 outline:none;
 padding:.5rem .8rem;
 vertical-align:middle;
 width:100%
}
.form-select[multiple] option {
 padding:.2rem .4rem
}
.form-select:not([multiple]) {
 background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23667189' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center/.8rem 1rem;
 height:3.2rem;
 padding-right:2.4rem
}
.form-select:focus {
 border-color:#7f007f;
 box-shadow:0 0 0 .2rem rgba(87,100,198,.15)
}
.form-select::-ms-expand {
 display:none
}
.form-select.select-sm {
 font-size:1.2rem;
 height:2.4rem;
 padding:.1rem 2rem .1rem .6rem
}
.form-select.select-lg {
 font-size:1.6rem;
 height:4rem;
 padding:.9rem 2.4rem .9rem .8rem
}
.has-success .form-input,
.has-success .form-select,
.form-input.is-success,
.form-select.is-success {
 border-color:#32b643
}
.has-success .form-input:focus,
.has-success .form-select:focus,
.form-input.is-success:focus,
.form-select.is-success:focus {
 box-shadow:0 0 0 .2rem rgba(50,182,67,.15)
}
.has-error .form-input,
.has-error .form-select,
.form-input.is-error,
.form-select.is-error {
 border-color:#e85600
}
.has-error .form-input:focus,
.has-error .form-select:focus,
.form-input.is-error:focus,
.form-select.is-error:focus {
 box-shadow:0 0 0 .2rem rgba(232,86,0,.15)
}
.form-input:not(:placeholder-shown):invalid {
 border-color:#e85600
}
.form-input:not(:placeholder-shown):invalid:focus {
 box-shadow:0 0 0 .2rem rgba(232,86,0,.15)
}
.form-input:not(:placeholder-shown):invalid+.form-input-hint {
 color:#e85600
}
.has-icon-left,
.has-icon-right {
 position:relative
}
.has-icon-left .form-icon,
.has-icon-right .form-icon {
 margin:0 .8rem;
 min-width:1.4rem;
 position:absolute;
 top:50%;
 -webkit-transform:translateY(-50%);
 -ms-transform:translateY(-50%);
 transform:translateY(-50%)
}
.has-icon-left .form-icon {
 left:0
}
.has-icon-left .form-input {
 padding-left:3rem
}
.has-icon-right .form-icon {
 right:0
}
.has-icon-right .form-input {
 padding-right:3rem
}
.form-checkbox,
.form-radio,
.form-switch {
 display:inline-block;
 line-height:2rem;
 position:relative
}
.form-checkbox input,
.form-radio input,
.form-switch input {
 clip:rect(0,0,0,0);
 height:.1rem;
 margin:-.1rem;
 overflow:hidden;
 position:absolute;
 width:.1rem
}
.form-checkbox input:focus+.form-icon,
.form-radio input:focus+.form-icon,
.form-switch input:focus+.form-icon {
 border-color:#7f007f;
 box-shadow:0 0 0 .2rem rgba(87,100,198,.15)
}
.form-checkbox input:checked+.form-icon,
.form-radio input:checked+.form-icon,
.form-switch input:checked+.form-icon {
 background:#7f007f;
 border-color:#7f007f
}
.form-checkbox .form-icon,
.form-radio .form-icon,
.form-switch .form-icon {
 border:.1rem solid #c4c9d3;
 cursor:pointer;
 display:inline-block;
 position:absolute;
 transition:all .2s ease
}
.form-checkbox,
.form-radio {
 padding:.2rem 2rem
}
.form-checkbox .form-icon,
.form-radio .form-icon {
 background:#fff;
 height:1.4rem;
 left:0;
 top:.5rem;
 width:1.4rem
}
.form-checkbox input:active+.form-icon,
.form-radio input:active+.form-icon {
 background:#f0f1f4
}
.form-checkbox .form-icon {
 border-radius:.2rem
}
.form-checkbox input:checked+.form-icon::before {
 background-clip:padding-box;
 border:.2rem solid #fff;
 border-left-width:0;
 border-top-width:0;
 content:"";
 height:1rem;
 left:50%;
 margin-left:-.3rem;
 margin-top:-.6rem;
 position:absolute;
 top:50%;
 -webkit-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 transform:rotate(45deg);
 width:.6rem
}
.form-checkbox input:indeterminate+.form-icon {
 background:#7f007f;
 border-color:#7f007f
}
.form-checkbox input:indeterminate+.form-icon::before {
 background:#fff;
 content:"";
 height:.2rem;
 left:50%;
 margin-left:-.5rem;
 margin-top:-.1rem;
 position:absolute;
 top:50%;
 width:1rem
}
.form-radio .form-icon {
 border-radius:.7rem
}
.form-radio input:checked+.form-icon::before {
 background:#fff;
 border-radius:.2rem;
 content:"";
 height:.4rem;
 left:50%;
 margin-left:-.2rem;
 margin-top:-.2rem;
 position:absolute;
 top:50%;
 width:.4rem
}
.form-switch {
 padding:.2rem 2rem .2rem 3.6rem
}
.form-switch .form-icon {
 background:#e7e9ed;
 background-clip:padding-box;
 border-radius:.9rem;
 height:1.8rem;
 left:0;
 top:.3rem;
 width:3rem
}
.form-switch .form-icon::before {
 background:#fff;
 border-radius:.8rem;
 content:"";
 display:block;
 height:1.6rem;
 left:0;
 position:absolute;
 top:0;
 transition:all .2s ease;
 width:1.6rem
}
.form-switch input:checked+.form-icon::before {
 left:1.2rem
}
.form-switch input:active+.form-icon::before {
 background:#f8f9fa
}
.input-group {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex
}
.input-group .input-group-addon {
 background:#f8f9fa;
 border:.1rem solid #c4c9d3;
 border-radius:.2rem;
 line-height:2rem;
 padding:.5rem .8rem
}
.input-group .input-group-addon.addon-sm {
 font-size:1.2rem;
 padding:.1rem .8rem
}
.input-group .input-group-addon.addon-lg {
 font-size:1.6rem;
 padding:.9rem .8rem
}
.input-group .input-group-addon,
.input-group .input-group-btn {
 -webkit-flex:1 0 auto;
 -ms-flex:1 0 auto;
 flex:1 0 auto
}
.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:-.1rem
}
.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:-.1rem
}
.input-group .form-input:focus,
.input-group .form-select:focus,
.input-group .input-group-addon:focus,
.input-group .input-group-btn:focus {
 z-index:1
}
.input-group .form-select {
 width:auto
}
.input-group.input-inline {
 display:inline-flex;
 display:-ms-inline-flexbox;
 display:-webkit-inline-flex
}
.form-input:disabled,
.form-select:disabled,
.form-input.disabled,
.form-select.disabled {
 background-color:#f0f1f4;
 cursor:not-allowed;
 opacity:.5
}
.form-input[readonly] {
 background-color:#f8f9fa
}
input:disabled+.form-icon,
input.disabled+.form-icon {
 background:#f0f1f4;
 cursor:not-allowed;
 opacity:.5
}
.form-switch input:disabled+.form-icon::before,
.form-switch input.disabled+.form-icon::before {
 background:#fff
}
.form-horizontal {
 padding:1rem
}
.form-horizontal .form-group {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex
}
.form-horizontal .form-checkbox,
.form-horizontal .form-radio,
.form-horizontal .form-switch {
 margin:.4rem 0
}
.label {
 background:#f8f9fa;
 border-radius:.2rem;
 color:#5b657a;
 display:inline-block;
 line-height:1;
 padding:.3rem .4rem;
 vertical-align:baseline
}
.label.label-primary {
 background:#7f007f;
 color:#fff
}
.label.label-success {
 background:#32b643;
 color:#fff
}
.label.label-warning {
 background:#ffb700;
 color:#fff
}
.label.label-error {
 background:#e85600;
 color:#fff
}
code {
 background:#fdf4f4;
 border-radius:.2rem;
 color:#e06870;
 display:inline-block;
 line-height:1;
 padding:.3rem .4rem;
 vertical-align:baseline
}
.code {
 border-radius:.2rem;
 color:#50596c;
 line-height:2rem;
 position:relative
}
.code::before {
 color:#acb3c2;
 content:attr(data-lang);
 font-size:1.2rem;
 position:absolute;
 right:1rem;
 top:.2rem
}
.code code {
 background:#f8f9fa;
 color:inherit;
 display:block;
 line-height:inherit;
 overflow-x:auto;
 padding:2rem;
 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 {
 bottom:0;
 height:100%;
 left:0;
 position:absolute;
 right:0;
 top:0;
 width:100%
}
.video-responsive video {
 height:auto;
 max-width:100%;
 width:100%
}
.video-responsive-4-3::before {
 padding-bottom:75%
}
.video-responsive-1-1::before {
 padding-bottom:100%
}
.figure {
 margin:0 0 1rem
}
.figure .figure-caption {
 color:#727e96;
 margin-top:1rem
}
.container {
 margin-left:auto;
 margin-right:auto;
 padding-left:1rem;
 padding-right:1rem;
 width:100%
}
.container.grid-1280 {
 max-width:130rem
}
.container.grid-960 {
 max-width:98rem
}
.container.grid-480 {
 max-width:50rem
}
.columns {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-left:-1rem;
 margin-right:-1rem
}
.columns.col-gapless {
 margin-left:0;
 margin-right:0
}
.columns.col-gapless .column {
 padding-left:0;
 padding-right:0
}
.columns.col-oneline {
 -webkit-flex-wrap:nowrap;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap;
 overflow-x:auto
}
.column {
 -webkit-flex:1;
 -ms-flex:1;
 flex:1;
 max-width:100%;
 padding:1rem
}
.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 {
 -webkit-flex:none;
 -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%
}
@media screen and (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 {
  -webkit-flex:none;
  -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%
 }
}
@media screen and (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 {
  -webkit-flex:none;
  -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%
 }
}
@media screen and (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 {
  -webkit-flex:none;
  -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%
 }
}
@media screen and (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 {
  -webkit-flex:none;
  -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%
 }
}
@media screen and (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 {
  -webkit-flex:none;
  -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%
 }
}
.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
 display:none!important
}
@media screen and (max-width:480px) {
 .hide-xs {
  display:none!important
 }
 .show-xs {
  display:block!important
 }
}
@media screen and (max-width:600px) {
 .hide-sm {
  display:none!important
 }
 .show-sm {
  display:block!important
 }
}
@media screen and (max-width:840px) {
 .hide-md {
  display:none!important
 }
 .show-md {
  display:block!important
 }
}
@media screen and (max-width:960px) {
 .hide-lg {
  display:none!important
 }
 .show-lg {
  display:block!important
 }
}
@media screen and (max-width:1280px) {
 .hide-xl {
  display:none!important
 }
 .show-xl {
  display:block!important
 }
}
.navbar {
 -webkit-align-items:stretch;
 align-items:stretch;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -ms-flex-align:stretch;
 -ms-flex-pack:justify;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-justify-content:space-between;
 justify-content:space-between
}
.navbar .navbar-section {
 -webkit-align-items:center;
 align-items:center;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-flex:1 0 0;
 -ms-flex:1 0 0;
 flex:1 0 0;
 -ms-flex-align:center
}
.navbar .navbar-section:last-child {
 -ms-flex-pack:end;
 -webkit-justify-content:flex-end;
 justify-content:flex-end
}
.navbar .navbar-center {
 -webkit-align-items:center;
 align-items:center;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 -ms-flex-align:center
}
.navbar .navbar-brand {
 font-size:1.6rem;
 font-weight:500;
 text-decoration:none
}
.panel {
 border:.1rem solid #f0f1f4;
 border-radius:.2rem;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.panel .panel-header,
.panel .panel-footer {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 padding:1.5rem
}
.panel .panel-nav {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.panel .panel-body {
 -webkit-flex:1 1 auto;
 -ms-flex:1 1 auto;
 flex:1 1 auto;
 overflow-y:auto;
 padding:0 1.5rem
}
.panel .panel-title {
 font-size:2rem
}
.panel .panel-subtitle {
 color:#bbc1cd
}
.empty {
 background:#f8f9fa;
 border-radius:.2rem;
 color:#727e96;
 padding:4rem;
 text-align:center
}
.empty .empty-title,
.empty .empty-subtitle {
 margin:1rem auto
}
.empty .empty-subtitle {
 color:#bbc1cd
}
.empty .empty-action {
 margin-top:1.5rem
}
.form-autocomplete {
 position:relative
}
.form-autocomplete .form-autocomplete-input {
 -webkit-align-content:flex-start;
 align-content:flex-start;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -ms-flex-line-pack:start;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 height:auto;
 min-height:3.2rem;
 padding:.1rem 0 0 .1rem
}
.form-autocomplete .form-autocomplete-input.is-focused {
 border-color:#7f007f;
 box-shadow:0 0 0 .2rem rgba(87,100,198,.15)
}
.form-autocomplete .form-autocomplete-input .form-input {
 border-color:transparent;
 box-shadow:none;
 display:inline-block;
 -webkit-flex:1 0 auto;
 -ms-flex:1 0 auto;
 flex:1 0 auto;
 height:2.8rem;
 padding:.3rem .8rem;
 width:auto
}
.form-autocomplete mark {
 font-size:1;
 padding:.1em 0
}
.form-autocomplete .menu {
 left:0;
 position:absolute;
 top:100%;
 width:100%
}
.avatar {
 background:#7f007f;
 border-radius:50%;
 color:rgba(255,255,255,.85);
 display:inline-block;
 font-size:1.4rem;
 font-weight:300;
 height:3.2rem;
 line-height:1;
 margin:0;
 position:relative;
 vertical-align:middle;
 width:3.2rem
}
.avatar.avatar-xs {
 font-size:.8rem;
 height:1.6rem;
 width:1.6rem
}
.avatar.avatar-sm {
 font-size:1rem;
 height:2.4rem;
 width:2.4rem
}
.avatar.avatar-lg {
 font-size:2rem;
 height:4.8rem;
 width:4.8rem
}
.avatar.avatar-xl {
 font-size:2.6rem;
 height:6.4rem;
 width:6.4rem
}
.avatar img {
 border-radius:50%;
 height:100%;
 position:relative;
 width:100%;
 z-index:100
}
.avatar .avatar-icon {
 background:#fff;
 bottom:14.64%;
 height:50%;
 padding:.2rem;
 position:absolute;
 right:14.64%;
 -webkit-transform:translate(50%,50%);
 -ms-transform:translate(50%,50%);
 transform:translate(50%,50%);
 width:50%
}
.avatar[data-initial]::before {
 color:currentColor;
 content:attr(data-initial);
 left:50%;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 z-index:1
}
.badge {
 position:relative;
 white-space:nowrap
}
.badge[data-badge]::after,
.badge:not([data-badge])::after {
 background:#7f007f;
 background-clip:padding-box;
 border-radius:1rem;
 box-shadow:0 0 0 .2rem #fff;
 color:#fff;
 content:attr(data-badge);
 display:inline-block;
 -webkit-transform:translate(-.2rem,-1rem);
 -ms-transform:translate(-.2rem,-1rem);
 transform:translate(-.2rem,-1rem)
}
.badge[data-badge]::after {
 font-size:1.2rem;
 height:1.8rem;
 line-height:1;
 min-width:1.8rem;
 padding:.3rem .5rem;
 text-align:center;
 white-space:nowrap
}
.badge:not([data-badge])::after,
.badge[data-badge=""]::after {
 height:.6rem;
 min-width:.6rem;
 padding:0;
 width:.6rem
}
.badge.btn::after {
 position:absolute;
 right:0;
 top:0;
 -webkit-transform:translate(50%,-50%);
 -ms-transform:translate(50%,-50%);
 transform:translate(50%,-50%)
}
.badge.avatar::after {
 position:absolute;
 right:14.64%;
 top:14.64%;
 -webkit-transform:translate(50%,-50%);
 -ms-transform:translate(50%,-50%);
 transform:translate(50%,-50%);
 z-index:100
}
.badge.avatar-xs::after {
 content:"";
 height:.8rem;
 min-width:.8rem;
 padding:0;
 width:.8rem
}
.bar {
 background:#f0f1f4;
 border-radius:.2rem;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-flex-wrap:nowrap;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap;
 height:1.6rem;
 width:100%
}
.bar.bar-sm {
 height:.4rem
}
.bar .bar-item {
 background:#7f007f;
 color:#fff;
 display:block;
 -ms-flex-negative:0;
 -webkit-flex-shrink:0;
 flex-shrink:0;
 font-size:1.2rem;
 height:100%;
 line-height:1;
 padding:.2rem 0;
 position:relative;
 text-align:center;
 width:0
}
.bar .bar-item:first-child {
 border-bottom-left-radius:.2rem;
 border-top-left-radius:.2rem
}
.bar .bar-item:last-child {
 border-bottom-right-radius:.2rem;
 border-top-right-radius:.2rem;
 -ms-flex-negative:1;
 -webkit-flex-shrink:1;
 flex-shrink:1
}
.bar-slider {
 height:.2rem;
 margin:1rem 0;
 position:relative
}
.bar-slider .bar-item {
 left:0;
 padding:0;
 position:absolute
}
.bar-slider .bar-item:not(:last-child):first-child {
 background:#f0f1f4;
 z-index:1
}
.bar-slider .bar-slider-btn {
 background:#7f007f;
 border:0;
 border-radius:50%;
 height:1.2rem;
 padding:0;
 position:absolute;
 right:0;
 top:50%;
 -webkit-transform:translate(50%,-50%);
 -ms-transform:translate(50%,-50%);
 transform:translate(50%,-50%);
 width:1.2rem
}
.bar-slider .bar-slider-btn:active {
 box-shadow:0 0 0 .2rem #7f007f
}
.card {
 background:#fff;
 border:.1rem solid #f0f1f4;
 border-radius:.2rem;
 display:block
}
.card .card-header,
.card .card-body,
.card .card-footer {
 padding:1.5rem;
 padding-bottom:0
}
.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child {
 padding-bottom:1.5rem
}
.card .card-image {
 padding-top:1.5rem
}
.card .card-image:first-child {
 padding-top:0
}
.card .card-image:first-child img {
 border-top-left-radius:.2rem;
 border-top-right-radius:.2rem
}
.card .card-image:last-child img {
 border-bottom-left-radius:.2rem;
 border-bottom-right-radius:.2rem
}
.card .card-title {
 font-size:2rem
}
.card .card-subtitle {
 color:#bbc1cd;
 font-size:1.2rem
}
.chip {
 -webkit-align-items:center;
 align-items:center;
 background:#f0f1f4;
 border-radius:.2rem;
 color:#727e96;
 display:-ms-inline-flexbox;
 display:inline-flex;
 display:-webkit-inline-flex;
 -ms-flex-align:center;
 height:2.8rem;
 margin:0 .1rem .1rem 0;
 max-width:100%;
 padding:.1rem .8rem;
 text-decoration:none;
 vertical-align:middle
}
.chip.active {
 background:#7f007f;
 color:#fff
}
.chip .avatar {
 margin-left:-.4rem;
 margin-right:.4rem
}
.dropdown {
 display:inline-block;
 position:relative
}
.dropdown .menu {
 -webkit-animation:slide-down .2s ease 1;
 animation:slide-down .2s ease 1;
 display:none;
 left:0;
 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:.2rem;
 border-top-right-radius:.2rem
}
.menu {
 background:#fff;
 border-radius:.2rem;
 box-shadow:0 .1rem .4rem rgba(69,77,93,.3);
 list-style:none;
 margin:0;
 min-width:18rem;
 padding:1rem;
 -webkit-transform:translateY(.5rem);
 -ms-transform:translateY(.5rem);
 transform:translateY(.5rem);
 z-index:100
}
.menu .menu-item {
 margin-top:0;
 padding:0 .8rem;
 text-decoration:none;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.menu .menu-item>a {
 border-radius:.2rem;
 color:inherit;
 display:block;
 margin:0 -.8rem;
 padding:.6rem .8rem;
 text-decoration:none
}
.menu .menu-item>a:focus,
.menu .menu-item>a:hover {
 color:#7f007f
}
.menu .menu-item>a:active,
.menu .menu-item>a.active {
 background:#fbfbfe;
 color:#7f007f
}
.menu .menu-badge {
 float:right;
 padding:.6rem 0
}
.menu .menu-badge .btn {
 margin-top:-.2rem
}
.modal {
 -webkit-align-items:center;
 align-items:center;
 bottom:0;
 display:none;
 -ms-flex-align:center;
 -ms-flex-pack:center;
 -webkit-justify-content:center;
 justify-content:center;
 left:0;
 opacity:0;
 overflow:hidden;
 padding:1rem;
 position:fixed;
 right:0;
 top:0
}
.modal:target,
.modal.active {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 opacity:1;
 z-index:400
}
.modal:target .modal-overlay,
.modal.active .modal-overlay {
 background:rgba(69,77,93,.5);
 bottom:0;
 cursor:default;
 display:block;
 left:0;
 position:absolute;
 right:0;
 top:0
}
.modal:target .modal-container,
.modal.active .modal-container {
 -webkit-animation:slide-down .2s ease 1;
 animation:slide-down .2s ease 1;
 max-width:64rem;
 z-index:1
}
.modal.modal-sm .modal-container {
 max-width:32rem
}
.modal-container {
 background:#fff;
 border-radius:.2rem;
 box-shadow:0 .4rem 1rem rgba(69,77,93,.3);
 display:block;
 padding:0;
 text-align:left
}
.modal-container .modal-header {
 padding:1.5rem
}
.modal-container .modal-header .modal-title {
 font-size:1.6rem;
 margin:0
}
.modal-container .modal-body {
 max-height:50vh;
 overflow-y:auto;
 padding:1.5rem;
 position:relative
}
.modal-container .modal-footer {
 padding:1.5rem;
 text-align:right
}
.breadcrumb,
.tab,
.pagination,
.nav {
 list-style:none;
 margin:.5rem 0
}
.breadcrumb {
 padding:1.2rem 0
}
.breadcrumb .breadcrumb-item {
 display:inline-block;
 margin:0;
 max-height:20px;
 overflow:hidden;
 text-overflow:ellipsis;
 max-width:400px
}
.breadcrumb .breadcrumb-item:last-child {
 color:#acb3c2
}
.breadcrumb .breadcrumb-item:not(:first-child)::before {
 color:#e7e9ed;
 content:"/";
 padding:0 .4rem
}
.tab {
 -webkit-align-items:center;
 align-items:center;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -ms-flex-align:center;
 -webkit-flex-wrap:wrap;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap
}
.tab .tab-item {
 margin-top:0
}
.tab .tab-item.tab-action {
 -webkit-flex:1 0 auto;
 -ms-flex:1 0 auto;
 flex:1 0 auto;
 text-align:right
}
.tab .tab-item a {
 border-bottom:.2rem solid transparent;
 color:inherit;
 display:block;
 margin-top:0;
 padding:.6rem 1.2rem .4rem;
 text-decoration:none
}
.tab .tab-item a:focus,
.tab .tab-item a:hover {
 color:#7f007f
}
.tab .tab-item.active a,
.tab .tab-item a.active {
 border-bottom-color:#7f007f;
 color:#7f007f
}
.tab.tab-block .tab-item {
 -webkit-flex:1 0 0;
 -ms-flex:1 0 0;
 flex:1 0 0;
 text-align:center
}
.tab.tab-block .tab-item .badge[data-badge]::after {
 position:absolute;
 right:-.4rem;
 top:-.4rem;
 -webkit-transform:translate(0,0);
 -ms-transform:translate(0,0);
 transform:translate(0,0)
}
.tab:not(.tab-block) .badge {
 padding-right:.2rem
}
.pagination {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex
}
.pagination .page-item {
 margin:1rem .1rem
}
.pagination .page-item span {
 display:inline-block;
 padding:.6rem .4rem
}
.pagination .page-item a {
 border-radius:.2rem;
 color:#727e96;
 display:inline-block;
 padding:.6rem .8rem;
 text-decoration:none
}
.pagination .page-item a:focus,
.pagination .page-item a:hover {
 color:#7f007f
}
.pagination .page-item a[disabled],
.pagination .page-item a.disabled {
 cursor:default;
 opacity:.5;
 pointer-events:none
}
.pagination .page-item.active a {
 background:#7f007f;
 color:#fff
}
.pagination .page-item.page-prev,
.pagination .page-item.page-next {
 -webkit-flex:1 0 50%;
 -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
}
.nav {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-flex-direction:column;
 -ms-flex-direction:column;
 flex-direction:column
}
.nav .nav-item a {
 color:#727e96;
 padding:.6rem .8rem;
 text-decoration:none
}
.nav .nav-item a:focus,
.nav .nav-item a:hover {
 color:#7f007f
}
.nav .nav-item.active>a {
 font-weight:700
}
.nav .nav-item.active>a:focus,
.nav .nav-item.active>a:hover {
 color:#7f007f
}
.nav .nav {
 margin-bottom:1rem;
 margin-left:2rem
}
.nav .nav a {
 color:#acb3c2
}
.popover {
 display:inline-block;
 position:relative
}
.popover .popover-container {
 content:attr(data-tooltip);
 left:50%;
 opacity:0;
 padding:1rem;
 position:absolute;
 top:0;
 -webkit-transform:translate(-50%,-50%) scale(0);
 -ms-transform:translate(-50%,-50%) scale(0);
 transform:translate(-50%,-50%) scale(0);
 transition:transform .2s ease,-webkit-transform .2s ease;
 transition:transform .2s ease;
 transition:-webkit-transform .2s ease;
 width:32rem;
 z-index:400
}
.popover :focus+.popover-container,
.popover:hover .popover-container,
.popover .popover-container:hover {
 display:block;
 opacity:1;
 -webkit-transform:translate(-50%,-100%) scale(1);
 -ms-transform:translate(-50%,-100%) scale(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,
.popover.popover-right .popover-container:hover {
 -webkit-transform:translate(0,-50%) scale(1);
 -ms-transform:translate(0,-50%) scale(1);
 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,
.popover.popover-bottom .popover-container:hover {
 -webkit-transform:translate(-50%,0) scale(1);
 -ms-transform:translate(-50%,0) scale(1);
 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,
.popover.popover-left .popover-container:hover {
 -webkit-transform:translate(-100%,-50%) scale(1);
 -ms-transform:translate(-100%,-50%) scale(1);
 transform:translate(-100%,-50%) scale(1)
}
.popover .card {
 border:0;
 box-shadow:0 .4rem 1rem rgba(69,77,93,.3)
}
.step {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -webkit-flex-wrap:nowrap;
 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap;
 list-style:none;
 margin:.5rem 0;
 width:100%
}
.step .step-item {
 -webkit-flex:1 1 0;
 -ms-flex:1 1 0;
 flex:1 1 0;
 margin-top:0;
 min-height:2rem;
 position:relative;
 text-align:center
}
.step .step-item:not(:first-child)::before {
 background:#7f007f;
 content:"";
 height:.2rem;
 left:-50%;
 position:absolute;
 top:.9rem;
 width:100%
}
.step .step-item a {
 color:#acb3c2;
 display:inline-block;
 padding:2rem 1rem 0;
 text-decoration:none
}
.step .step-item a::before {
 background:#7f007f;
 border:.2rem solid #fff;
 border-radius:50%;
 content:"";
 display:block;
 height:1.2rem;
 left:50%;
 position:absolute;
 top:.4rem;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%);
 width:1.2rem;
 z-index:1
}
.step .step-item.active a::before {
 background:#fff;
 border:.2rem solid #7f007f
}
.step .step-item.active~.step-item::before {
 background:#f0f1f4
}
.step .step-item.active~.step-item a::before {
 background:#e7e9ed
}
.tile {
 -webkit-align-content:space-between;
 align-content:space-between;
 -webkit-align-items:flex-start;
 align-items:flex-start;
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex;
 -ms-flex-align:start;
 -ms-flex-line-pack:justify
}
.tile .tile-icon,
.tile .tile-action {
 -webkit-flex:0 0 auto;
 -ms-flex:0 0 auto;
 flex:0 0 auto
}
.tile .tile-content {
 -webkit-flex:1 1 auto;
 -ms-flex:1 1 auto;
 flex:1 1 auto
}
.tile .tile-content:not(:first-child) {
 padding-left:1rem
}
.tile .tile-content:not(:last-child) {
 padding-right:1rem
}
.tile .tile-title {
 line-height:2rem
}
.tile .tile-subtitle {
 color:#bbc1cd;
 line-height:2rem
}
.tile.tile-centered {
 -webkit-align-items:center;
 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(69,77,93,.9);
 border:.1rem solid #454d5d;
 border-color:#454d5d;
 border-radius:.2rem;
 color:#fff;
 display:block;
 padding:1rem;
 width:100%
}
.toast.toast-primary {
 background:rgba(87,100,198,.9);
 border-color:#7f007f
}
.toast.toast-success {
 background:#5bc787!important;
 border-color:#5bc787!important
}
.toast.toast-warning {
 background:rgba(255,183,0,.9);
 border-color:#ffb700
}
.toast.toast-error {
 background:rgba(232,86,0,.9);
 border-color:#e85600
}
.toast a {
 color:#fff;
 text-decoration:underline
}
.toast a:focus,
.toast a:hover,
.toast a:active,
.toast a.active {
 opacity:.75
}
.tooltip {
 position:relative
}
.tooltip::after {
 background:rgba(69,77,93,.9);
 border-radius:.2rem;
 bottom:100%;
 color:#fff;
 content:attr(data-tooltip);
 display:block;
 font-size:1.2rem;
 left:50%;
 max-width:32rem;
 opacity:0;
 overflow:hidden;
 padding:.4rem .8rem;
 pointer-events:none;
 position:absolute;
 text-overflow:ellipsis;
 -webkit-transform:translate(-50%,1rem);
 -ms-transform:translate(-50%,1rem);
 transform:translate(-50%,1rem);
 transition:all .2s ease;
 white-space:nowrap;
 z-index:200
}
.tooltip:focus::after,
.tooltip:hover::after {
 opacity:1;
 -webkit-transform:translate(-50%,-.5rem);
 -ms-transform:translate(-50%,-.5rem);
 transform:translate(-50%,-.5rem)
}
.tooltip[disabled],
.tooltip.disabled {
 pointer-events:auto
}
.tooltip.tooltip-right::after {
 bottom:50%;
 left:100%;
 -webkit-transform:translate(-1rem,50%);
 -ms-transform:translate(-1rem,50%);
 transform:translate(-1rem,50%)
}
.tooltip.tooltip-right:focus::after,
.tooltip.tooltip-right:hover::after {
 -webkit-transform:translate(.5rem,50%);
 -ms-transform:translate(.5rem,50%);
 transform:translate(.5rem,50%)
}
.tooltip.tooltip-bottom::after {
 bottom:auto;
 top:100%;
 -webkit-transform:translate(-50%,-1rem);
 -ms-transform:translate(-50%,-1rem);
 transform:translate(-50%,-1rem)
}
.tooltip.tooltip-bottom:focus::after,
.tooltip.tooltip-bottom:hover::after {
 -webkit-transform:translate(-50%,.5rem);
 -ms-transform:translate(-50%,.5rem);
 transform:translate(-50%,.5rem)
}
.tooltip.tooltip-left::after {
 bottom:50%;
 left:auto;
 right:100%;
 -webkit-transform:translate(1rem,50%);
 -ms-transform:translate(1rem,50%);
 transform:translate(1rem,50%)
}
.tooltip.tooltip-left:focus::after,
.tooltip.tooltip-left:hover::after {
 -webkit-transform:translate(-.5rem,50%);
 -ms-transform:translate(-.5rem,50%);
 transform:translate(-.5rem,50%)
}
@-webkit-keyframes loading {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@keyframes loading {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 100% {
  -webkit-transform:rotate(360deg);
  transform:rotate(360deg)
 }
}
@-webkit-keyframes slide-down {
 0% {
  opacity:0;
  -webkit-transform:translateY(-3rem);
  transform:translateY(-3rem)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
@keyframes slide-down {
 0% {
  opacity:0;
  -webkit-transform:translateY(-3rem);
  transform:translateY(-3rem)
 }
 100% {
  opacity:1;
  -webkit-transform:translateY(0);
  transform:translateY(0)
 }
}
.divider,
.divider-vert {
 display:block;
 position:relative
}
.divider[data-content]::after,
.divider-vert[data-content]::after {
 background:#fff;
 color:#e7e9ed;
 content:attr(data-content);
 display:inline-block;
 font-size:1.2rem;
 padding:0 .8rem;
 -webkit-transform:translateY(-1.1rem);
 -ms-transform:translateY(-1.1rem);
 transform:translateY(-1.1rem)
}
.divider {
 border-top:.1rem solid #f0f1f4;
 height:.1rem;
 margin:1rem 0
}
.divider-vert {
 display:block;
 padding:1rem
}
.divider-vert::before {
 border-left:.1rem solid #f0f1f4;
 bottom:1rem;
 content:"";
 display:block;
 left:50%;
 position:absolute;
 top:1rem;
 -webkit-transform:translateX(-50%);
 -ms-transform:translateX(-50%);
 transform:translateX(-50%)
}
.divider-vert[data-content]::after {
 left:50%;
 padding:.4rem 0;
 position:absolute;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
.loading {
 color:transparent!important;
 min-height:1.6rem;
 pointer-events:none;
 position:relative
}
.loading::after {
 -webkit-animation:loading 500ms infinite linear;
 animation:loading 500ms infinite linear;
 border:.2rem solid #0088d7;
 border-radius:.8rem;
 border-right-color:transparent;
 border-top-color:transparent;
 content:"";
 display:block;
 height:1.6rem;
 left:50%;
 margin-left:-.8rem;
 margin-top:-.8rem;
 position:absolute;
 top:50%;
 width:1.6rem;
 z-index:1
}
.clearfix::after,
.container::after {
 clear:both;
 content:"";
 display:table
}
.float-left {
 float:left!important
}
.float-right {
 float:right!important
}
.rel {
 position:relative
}
.abs {
 position:absolute
}
.fixed {
 position:fixed
}
.centered {
 display:block;
 float:none;
 margin-left:auto;
 margin-right:auto
}
.mt-10 {
 margin-top:1rem
}
.mr-10 {
 margin-right:1rem
}
.mb-10 {
 margin-bottom:1rem
}
.ml-10 {
 margin-left:1rem
}
.mt-5 {
 margin-top:.5rem
}
.mr-5 {
 margin-right:.5rem
}
.mb-5 {
 margin-bottom:.5rem
}
.ml-5 {
 margin-left:.5rem
}
.pt-10 {
 padding-top:1rem
}
.pr-10 {
 padding-right:1rem
}
.pb-10 {
 padding-bottom:1rem
}
.pl-10 {
 padding-left:1rem
}
.pt-5 {
 padding-top:.5rem
}
.pr-5 {
 padding-right:.5rem
}
.pb-5 {
 padding-bottom:.5rem
}
.pl-5 {
 padding-left:.5rem
}
.block {
 display:block
}
.inline {
 display:inline
}
.inline-block {
 display:inline-block
}
.flex {
 display:flex;
 display:-ms-flexbox;
 display:-webkit-flex
}
.inline-flex {
 display:inline-flex;
 display:-ms-inline-flexbox;
 display:-webkit-inline-flex
}
.hide {
 display:none!important
}
.visible {
 visibility:visible
}
.invisible {
 visibility:hidden
}
.text-hide {
 background:0 0;
 border:0;
 color:transparent;
 font-size:0;
 line-height:0;
 text-shadow:none
}
.text-assistive {
 border:0;
 clip:rect(0,0,0,0);
 height:.1rem;
 margin:-.1rem;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:.1rem
}
.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:400
}
.text-bold {
 font-weight:700
}
.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
}
.hand {
 cursor:pointer
}
.shadow-0 {
 box-shadow:0 0 .2rem rgba(69,77,93,.3)
}
.shadow-1 {
 box-shadow:0 .1rem .4rem rgba(69,77,93,.3)
}
.shadow-2 {
 box-shadow:0 .2rem .6rem rgba(69,77,93,.3)
}
.shadow-3 {
 box-shadow:0 .3rem .8rem rgba(69,77,93,.3)
}
.shadow-4 {
 box-shadow:0 .4rem 1rem rgba(69,77,93,.3)
}
.rounded {
 border-radius:.2rem
}
.circle {
 border-radius:50%
}
.empty-icon i {
 font-size:32px
}
.site-title {
 font-size:28px;
 margin:20px 0 15px
}
h1.site-title {
 margin-top:0
}
.site-title a {
 color:#50596c;
 text-decoration:none
}
h1.empty-title {
 font-size:3rem
}
.card .card-title {
 margin-bottom:5px;
 font-size:16px;
 height:37px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:-webkit-box;
 -webkit-line-clamp:3;
 -webkit-box-orient:vertical
}
.card .card-subtitle {
 margin-bottom:0;
 white-space:nowrap;
 text-overflow:ellipsis;
 overflow:hidden;
 height:14px
}
.nostyle {
 margin:0
}
.nostyle li {
 margin:5px 0
}
.nostyle li a {
 color:#fff
}
.wrapper {
 padding:10px;
 background:#df5329;
 color:#fff
}
.wrapper-light {
 padding:10px;
 background:#2f3e4e;
 color:#fff
}
.wrapper a {
 color:#fff
}
.wrapper .form-input {
 background:#fff!important;
 border:transparent;
 color:#000
}
.wrapper .btn-primary {
 background:#0088d7;
 color:#fff!important;
 border:1px solid #0088d7!important
}
.wrapper .btn-primary:hover {
 background:#eee
}
.wrapper .form-input::-webkit-input-placeholder {
 color:#ddd
}
h2 {
 font-size:28px;
 margin:20px 0 15px
}
footer {
 margin-top:20px
}
#viewer-container {
 -webkit-box-flex:0;
 -ms-flex:0 0 75%;
 flex:0 0 75%
}
#viewer-container>iframe {
 height:100%
}
.categories .card .card-title {
 margin:0;
 text-align:center;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis
}
.navbar-section div.hide-md {
 justify-content:flex-end;
 display:-webkit-flex
}
.tool {
 margin:10px 0
}
.tab {
 border-bottom:1px solid #ccc
}
.detail .breadcrumb {
 margin-top:0;
 padding-top:0
}
.doc-title {
 font-size:30px;
 max-height:108px;
 overflow:hidden;
 text-overflow:ellipsis;
 display:block;
 display:-webkit-box;
 -webkit-box-orient:vertical;
 -webkit-line-clamp:3
}
.description {
 max-height:100px;
 overflow:hidden
}
@media screen and (min-width:841px) {
 .docs-sidebar {
  padding:7rem 1rem 5rem
 }
 .docs-sidebar .docs-nav {
  position:relative
 }
 @supports((position:-webkit-sticky) or (position:sticky)) {
  .docs-sidebar .docs-nav {
   position:sticky;
   position:-webkit-sticky;
   top:8rem
  }
  .docs-sidebar .docs-nav .nav-item a:focus {
   box-shadow:none
  }
 }
}
.docs-nav-clear {
 display:none
}
.card-image {
 text-align:center
}
.card-image img {
 display:inline-block
}
@media screen and (max-width:840px) {
 .doc-title {
  font-size:26px;
  margin-top:0
 }
 .docs-sidebar {
  background:#fff;
  height:100%;
  left:0;
  overflow-y:auto;
  padding:0 15px;
  position:fixed;
  top:0;
  -webkit-transform:translateX(-100%);
  -ms-transform:translateX(-100%);
  transform:translateX(-100%);
  transition:transform .2s ease,-webkit-transform .2s ease;
  transition:transform .2s ease;
  transition:-webkit-transform .2s ease;
  width:24rem;
  z-index:400
 }
 .docs-sidebar .nav .nav-item a {
  padding:0
 }
 .docs-sidebar:target {
  -webkit-transform:translateX(0);
  -ms-transform:translateX(0);
  transform:translateX(0);
  transition:transform .2s ease,-webkit-transform .2s ease;
  transition:transform .2s ease;
  transition:-webkit-transform .2s ease
 }
 .docs-sidebar:target+.docs-nav-clear {
  display:block
 }
 .docs-nav-clear {
  background:rgba(0,0,0,.15);
  display:none;
  height:100%;
  left:0;
  position:fixed;
  right:0;
  top:0;
  width:100%;
  z-index:300
 }
}