Warning, /webapps/ocs-webserver/httpdocs/tools/spectre/spectre.css is written in an unsupported language. File is not indexed.

 /*!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
  }
 }