/*! Spectre.css v0.4.4 | MIT License | github.com/picturepan2/spectre */html {
 font-family:sans-serif;
 -ms-text-size-adjust:100%;
 -webkit-text-size-adjust:100%
}
body {
 margin:0
}
article,
aside,
footer,
header,
nav,
section {
 display:block
}
h1 {
 font-size:2em;
 margin:0.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
}
address {
 font-style:normal
}
b,
strong {
 font-weight:inherit
}
b,
strong {
 font-weight:bolder
}
code,
kbd,
pre,
samp {
 font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;
 font-size:1em
}
dfn {
 font-style:italic
}
small {
 font-size:80%;
 font-weight:400
}
sub,
sup {
 font-size:75%;
 line-height:0;
 position:relative;
 vertical-align:baseline
}
sub {
 bottom:-0.25em
}
sup {
 top:-0.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;
 outline:none
}
canvas {
 display:inline-block
}
template {
 display:none
}
[hidden] {
 display:none
}
*,
*::before,
*::after {
 box-sizing:inherit
}
html {
 box-sizing:border-box;
 font-size:20px;
 line-height:1.5;
 -webkit-tap-highlight-color:transparent
}
body {
 background:#fff;
 color:#404040;
 font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
 font-size:.8rem;
 overflow-x:hidden;
 text-rendering:optimizeLegibility
}
a {
 color:#2440AA;
 outline:none;
 text-decoration:none
}
a:focus {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2)
}
a:focus,
a:hover,
a:active,
a.active {
 color:#203895;
 text-decoration:underline
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color:inherit;
 font-weight:500;
 line-height:1.2;
 margin-bottom:.5em;
 margin-top:0
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
 font-weight:500
}
h1,
.h1 {
 font-size:2rem
}
h2,
.h2 {
 font-size:1.6rem
}
h3,
.h3 {
 font-size:1.4rem
}
h4,
.h4 {
 font-size:1.2rem
}
h5,
.h5 {
 font-size:1rem
}
h6,
.h6 {
 font-size:.8rem
}
p {
 margin:0 0 1rem
}
a,
ins,
u {
 text-decoration-skip:ink edges
}
abbr[title] {
 border-bottom:.05rem dotted;
 cursor:help;
 text-decoration:none
}
kbd {
 border-radius:.1rem;
 line-height:1.2;
 padding:.1rem .15rem;
 background:#333;
 color:#fff;
 font-size:.7rem
}
mark {
 background:#ffe9b3;
 color:#404040;
 border-radius:.1rem;
 padding:.05rem
}
blockquote {
 border-left:.1rem solid #ccc;
 margin-left:0;
 padding:.4rem .8rem
}
blockquote p:last-child {
 margin-bottom:0
}
ul,
ol {
 margin:.8rem 0 .8rem .8rem;
 padding:0
}
ul ul,
ul ol,
ol ul,
ol ol {
 margin:.8rem 0 .8rem .8rem
}
ul li,
ol li {
 margin-top:.4rem
}
ul {
 list-style:disc inside
}
ul ul {
 list-style-type:circle
}
ol {
 list-style:decimal inside
}
ol ol {
 list-style-type:lower-alpha
}
dl dt {
 font-weight:bold
}
dl dd {
 margin:.4rem 0 .8rem 0
}
:lang(zh) {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",sans-serif
}
:lang(ja) {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Sans","Hiragino Kaku Gothic Pro","Yu Gothic",YuGothic,Meiryo,"Helvetica Neue",sans-serif
}
:lang(ko) {
 font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic","Helvetica Neue",sans-serif
}
:lang(zh) ins,
:lang(zh) u,
:lang(ja) ins,
:lang(ja) u,
.cjk ins,
.cjk u {
 border-bottom:.05rem solid;
 text-decoration:none
}
:lang(zh) del+del,
:lang(zh) del+s,
:lang(zh) ins+ins,
:lang(zh) ins+u,
:lang(zh) s+del,
:lang(zh) s+s,
:lang(zh) u+ins,
:lang(zh) u+u,
:lang(ja) del+del,
:lang(ja) del+s,
:lang(ja) ins+ins,
:lang(ja) ins+u,
:lang(ja) s+del,
:lang(ja) s+s,
:lang(ja) u+ins,
:lang(ja) u+u,
.cjk del+del,
.cjk del+s,
.cjk ins+ins,
.cjk ins+u,
.cjk s+del,
.cjk s+s,
.cjk u+ins,
.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:#dbdbdb
}
.table.table-hover tbody tr:hover {
 background:#d4d4d4
}
.table tbody tr.active,
.table.table-striped tbody tr.active {
 background:#d4d4d4
}
.table td,
.table th {
 border-bottom:.05rem solid #ccc;
 padding:.6rem .4rem
}
.table th {
 border-bottom-width:.1rem
}
.btn {
 transition:all .2s ease;
 appearance:none;
 background:#fff;
 border:.05rem solid #2440AA;
 border-radius:.1rem;
 color:#2440AA;
 cursor:pointer;
 display:inline-block;
 font-size:.8rem;
 height:1.8rem;
 line-height:1rem;
 outline:none;
 padding:.35rem .4rem;
 text-align:center;
 text-decoration:none;
 user-select:none;
 vertical-align:middle;
 white-space:nowrap
}
.btn:focus {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2)
}
.btn:focus,
.btn:hover {
 background:#a2b1eb;
 border-color:#213b9d;
 text-decoration:none
}
.btn:active,
.btn.active {
 background:#213b9d;
 border-color:#1d3388;
 color:#fff;
 text-decoration:none
}
.btn:active.loading::after,
.btn.active.loading::after {
 border-bottom-color:#fff;
 border-left-color:#fff
}
.btn[disabled],
.btn:disabled,
.btn.disabled {
 cursor:default;
 opacity:.5;
 pointer-events:none
}
.btn.btn-primary {
 background:#2440AA;
 border-color:#213b9d;
 color:#fff
}
.btn.btn-primary:focus,
.btn.btn-primary:hover {
 background:#203895;
 border-color:#1d3388;
 color:#fff
}
.btn.btn-primary:active,
.btn.btn-primary.active {
 background:#1e358d;
 border-color:#1b3080;
 color:#fff
}
.btn.btn-primary.loading::after {
 border-bottom-color:#fff;
 border-left-color:#fff
}
.btn.btn-link {
 background:transparent;
 border-color:transparent;
 color:#2440AA
}
.btn.btn-link:focus,
.btn.btn-link:hover,
.btn.btn-link:active,
.btn.btn-link.active {
 color:#203895
}
.btn.btn-sm {
 font-size:.7rem;
 height:1.4rem;
 padding:.15rem .3rem
}
.btn.btn-lg {
 font-size:.9rem;
 height:2rem;
 padding:.45rem .6rem
}
.btn.btn-block {
 display:block;
 width:100%
}
.btn.btn-action {
 width:1.8rem;
 padding-left:0;
 padding-right:0
}
.btn.btn-action.btn-sm {
 width:1.4rem
}
.btn.btn-action.btn-lg {
 width:2rem
}
.btn.btn-clear {
 background:transparent;
 border:0;
 color:currentColor;
 height:.8rem;
 line-height:.8rem;
 margin-left:.2rem;
 margin-right:-2px;
 opacity:1;
 padding:0;
 text-decoration:none;
 width:.8rem
}
.btn.btn-clear:hover {
 opacity:.95
}
.btn.btn-clear::before {
 content:"\2715"
}
.btn-group {
 display:inline-flex;
 flex-wrap:wrap
}
.btn-group .btn {
 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:-0.05rem
}
.btn-group .btn:last-child:not(:first-child) {
 border-bottom-left-radius:0;
 border-top-left-radius:0;
 margin-left:-0.05rem
}
.btn-group .btn:focus,
.btn-group .btn:hover,
.btn-group .btn:active,
.btn-group .btn.active {
 z-index:1
}
.btn-group.btn-group-block {
 display:flex
}
.btn-group.btn-group-block .btn {
 flex:1 0 0
}
.form-group:not(:last-child) {
 margin-bottom:.4rem
}
fieldset {
 margin-bottom:.8rem
}
legend {
 font-size:.9rem;
 font-weight:500;
 margin-bottom:.8rem
}
.form-label {
 display:block;
 line-height:1rem;
 padding:.4rem 0
}
.form-label.label-sm {
 padding:.2rem 0
}
.form-label.label-lg {
 padding:.5rem 0
}
.form-input {
 transition:all .2s ease;
 appearance:none;
 background:#fff;
 background-image:none;
 border:.05rem solid #b3b3b3;
 border-radius:.1rem;
 color:#404040;
 display:block;
 font-size:.8rem;
 height:1.8rem;
 line-height:1rem;
 max-width:100%;
 outline:none;
 padding:.35rem .4rem;
 position:relative;
 width:100%
}
.form-input:focus {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2);
 border-color:#2440AA
}
.form-input::placeholder {
 color:#999
}
.form-input.input-sm {
 font-size:.7rem;
 height:1.4rem;
 padding:.15rem .3rem
}
.form-input.input-lg {
 font-size:.9rem;
 height:2rem;
 padding:.45rem .6rem
}
.form-input.input-inline {
 display:inline-block;
 vertical-align:middle;
 width:auto
}
.form-input[type="file"] {
 height:auto
}
textarea.form-input {
 height:auto
}
.form-input-hint {
 color:#999;
 font-size:.7rem;
 margin-top:.2rem
}
.has-success .form-input-hint,
.is-success+.form-input-hint {
 color:#32b643
}
.has-error .form-input-hint,
.is-error+.form-input-hint {
 color:#e85600
}
.form-select {
 appearance:none;
 border:.05rem solid #b3b3b3;
 border-radius:.1rem;
 color:inherit;
 font-size:.8rem;
 height:1.8rem;
 line-height:1rem;
 outline:none;
 padding:.35rem .4rem;
 vertical-align:middle;
 width:100%
}
.form-select[size],
.form-select[multiple] {
 height:auto
}
.form-select[size] option,
.form-select[multiple] option {
 padding:.1rem .2rem
}
.form-select:not([multiple]):not([size]) {
 background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%204%205'%3E%3Cpath%20fill='%23667189'%20d='M2%200L0%202h4zm0%205L0%203h4z'/%3E%3C/svg%3E") no-repeat right 0.35rem center/0.4rem 0.5rem;
 padding-right:1.2rem
}
.form-select:focus {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2);
 border-color:#2440AA
}
.form-select::-ms-expand {
 display:none
}
.form-select.select-sm {
 font-size:.7rem;
 height:1.4rem;
 padding:.15rem 1.1rem .15rem .3rem
}
.form-select.select-lg {
 font-size:.9rem;
 height:2rem;
 padding:.45rem 1.4rem .45rem .6rem
}
.has-icon-left,
.has-icon-right {
 position:relative
}
.has-icon-left .form-icon,
.has-icon-right .form-icon {
 height:.8rem;
 margin:0 .35rem;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 width:.8rem
}
.has-icon-left .form-icon {
 left:.05rem
}
.has-icon-left .form-input {
 padding-left:1.5rem
}
.has-icon-right .form-icon {
 right:.05rem
}
.has-icon-right .form-input {
 padding-right:1.5rem
}
.form-checkbox,
.form-radio,
.form-switch {
 display:inline-block;
 line-height:1rem;
 padding:.2rem 1.2rem;
 position:relative
}
.form-checkbox input,
.form-radio input,
.form-switch input {
 clip:rect(0, 0, 0, 0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 position:absolute;
 width:1px
}
.form-checkbox input:focus+.form-icon,
.form-radio input:focus+.form-icon,
.form-switch input:focus+.form-icon {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2);
 border-color:#2440AA
}
.form-checkbox input:checked+.form-icon,
.form-radio input:checked+.form-icon,
.form-switch input:checked+.form-icon {
 background:#2440AA;
 border-color:#2440AA
}
.form-checkbox .form-icon,
.form-radio .form-icon,
.form-switch .form-icon {
 transition:all .2s ease;
 border:.05rem solid #b3b3b3;
 cursor:pointer;
 display:inline-block;
 position:absolute
}
.form-checkbox .form-icon,
.form-radio .form-icon {
 background:#fff;
 height:.8rem;
 left:0;
 top:.3rem;
 width:.8rem
}
.form-checkbox input:active+.form-icon,
.form-radio input:active+.form-icon {
 background:#d4d4d4
}
.form-checkbox .form-icon {
 border-radius:.1rem
}
.form-checkbox input:checked+.form-icon::before {
 background-clip:padding-box;
 border:.1rem solid #fff;
 border-left-width:0;
 border-top-width:0;
 content:"";
 height:12px;
 left:50%;
 margin-left:-4px;
 margin-top:-8px;
 position:absolute;
 top:50%;
 transform:rotate(45deg);
 width:8px
}
.form-checkbox input:indeterminate+.form-icon {
 background:#2440AA;
 border-color:#2440AA
}
.form-checkbox input:indeterminate+.form-icon::before {
 background:#fff;
 content:"";
 height:2px;
 left:50%;
 margin-left:-5px;
 margin-top:-1px;
 position:absolute;
 top:50%;
 width:10px
}
.form-radio .form-icon {
 border-radius:50%
}
.form-radio input:checked+.form-icon::before {
 background:#fff;
 border-radius:50%;
 content:"";
 height:4px;
 left:50%;
 position:absolute;
 top:50%;
 transform:translate(-50%, -50%);
 width:4px
}
.form-switch {
 padding-left:2rem
}
.form-switch .form-icon {
 background:#ccc;
 background-clip:padding-box;
 border-radius:.45rem;
 height:.9rem;
 left:0;
 top:.25rem;
 width:1.6rem
}
.form-switch .form-icon::before {
 transition:all .2s ease;
 background:#fff;
 border-radius:50%;
 content:"";
 display:block;
 height:.8rem;
 left:0;
 position:absolute;
 top:0;
 width:.8rem
}
.form-switch input:checked+.form-icon::before {
 left:14px
}
.form-switch input:active+.form-icon::before {
 background:#dbdbdb
}
.input-group {
 display:flex
}
.input-group .input-group-addon {
 background:#dbdbdb;
 border:.05rem solid #b3b3b3;
 border-radius:.1rem;
 line-height:1rem;
 padding:.35rem .4rem
}
.input-group .input-group-addon.addon-sm {
 font-size:.7rem;
 padding:.15rem .3rem
}
.input-group .input-group-addon.addon-lg {
 font-size:.9rem;
 padding:.45rem .6rem
}
.input-group .form-input,
.input-group .form-select {
 flex:1 1 auto
}
.input-group .input-group-btn {
 z-index:1
}
.input-group .form-input:first-child:not(:last-child),
.input-group .form-select:first-child:not(:last-child),
.input-group .input-group-addon:first-child:not(:last-child),
.input-group .input-group-btn:first-child:not(:last-child) {
 border-bottom-right-radius:0;
 border-top-right-radius:0
}
.input-group .form-input:not(:first-child):not(:last-child),
.input-group .form-select:not(:first-child):not(:last-child),
.input-group .input-group-addon:not(:first-child):not(:last-child),
.input-group .input-group-btn:not(:first-child):not(:last-child) {
 border-radius:0;
 margin-left:-0.05rem
}
.input-group .form-input:last-child:not(:first-child),
.input-group .form-select:last-child:not(:first-child),
.input-group .input-group-addon:last-child:not(:first-child),
.input-group .input-group-btn:last-child:not(:first-child) {
 border-bottom-left-radius:0;
 border-top-left-radius:0;
 margin-left:-0.05rem
}
.input-group .form-input:focus,
.input-group .form-select:focus,
.input-group .input-group-addon:focus,
.input-group .input-group-btn:focus {
 z-index:2
}
.input-group .form-select {
 width:auto
}
.input-group.input-inline {
 display:inline-flex
}
.has-success .form-input,
.form-input.is-success,
.has-success .form-select,
.form-select.is-success {
 border-color:#32b643
}
.has-success .form-input:focus,
.form-input.is-success:focus,
.has-success .form-select:focus,
.form-select.is-success:focus {
 box-shadow:0 0 0 0.1rem rgba(50,182,67,0.2)
}
.has-error .form-input,
.form-input.is-error,
.has-error .form-select,
.form-select.is-error {
 border-color:#e85600
}
.has-error .form-input:focus,
.form-input.is-error:focus,
.has-error .form-select:focus,
.form-select.is-error:focus {
 box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2)
}
.has-error .form-checkbox .form-icon,
.form-checkbox.is-error .form-icon,
.has-error .form-radio .form-icon,
.form-radio.is-error .form-icon,
.has-error .form-switch .form-icon,
.form-switch.is-error .form-icon {
 border-color:#e85600
}
.has-error .form-checkbox input:checked+.form-icon,
.form-checkbox.is-error input:checked+.form-icon,
.has-error .form-radio input:checked+.form-icon,
.form-radio.is-error input:checked+.form-icon,
.has-error .form-switch input:checked+.form-icon,
.form-switch.is-error input:checked+.form-icon {
 background:#e85600;
 border-color:#e85600
}
.has-error .form-checkbox input:focus+.form-icon,
.form-checkbox.is-error input:focus+.form-icon,
.has-error .form-radio input:focus+.form-icon,
.form-radio.is-error input:focus+.form-icon,
.has-error .form-switch input:focus+.form-icon,
.form-switch.is-error input:focus+.form-icon {
 box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2);
 border-color:#e85600
}
.form-input:not(:placeholder-shown):invalid {
 border-color:#e85600
}
.form-input:not(:placeholder-shown):invalid:focus {
 box-shadow:0 0 0 0.1rem rgba(232,86,0,0.2)
}
.form-input:not(:placeholder-shown):invalid+.form-input-hint {
 color:#e85600
}
.form-input:disabled,
.form-input.disabled,
.form-select:disabled,
.form-select.disabled {
 background-color:#d4d4d4;
 cursor:not-allowed;
 opacity:.5
}
.form-input[readonly] {
 background-color:#dbdbdb
}
input:disabled+.form-icon,
input.disabled+.form-icon {
 background:#d4d4d4;
 cursor:not-allowed;
 opacity:.5
}
.form-switch input:disabled+.form-icon::before,
.form-switch input.disabled+.form-icon::before {
 background:#fff
}
.form-horizontal {
 padding:.4rem
}
.form-horizontal .form-group {
 display:flex
}
.form-horizontal .form-checkbox,
.form-horizontal .form-radio,
.form-horizontal .form-switch {
 margin:.2rem 0
}
.label {
 border-radius:.1rem;
 line-height:1.2;
 padding:.1rem .15rem;
 background:#d4d4d4;
 color:#4d4d4d;
 display:inline-block
}
.label.label-rounded {
 border-radius:5rem;
 padding-left:.4rem;
 padding-right:.4rem
}
.label.label-primary {
 background:#2440AA;
 color:#fff
}
.label.label-secondary {
 background:#a2b1eb;
 color:#2440AA
}
.label.label-success {
 background:#32b643;
 color:#fff
}
.label.label-warning {
 background:#ffb700;
 color:#fff
}
.label.label-error {
 background:#e85600;
 color:#fff
}
code {
 border-radius:.1rem;
 line-height:1.2;
 padding:.1rem .15rem;
 background:#fdf4f4;
 color:#e06870;
 font-size:85%
}
.code {
 border-radius:.1rem;
 color:#404040;
 position:relative
}
.code::before {
 color:#999;
 content:attr(data-lang);
 font-size:.7rem;
 position:absolute;
 right:.4rem;
 top:.1rem
}
.code code {
 background:#dbdbdb;
 color:inherit;
 display:block;
 line-height:1.5;
 overflow-x:auto;
 padding:1rem;
 width:100%
}
.img-responsive {
 display:block;
 height:auto;
 max-width:100%
}
.img-fit-cover {
 object-fit:cover
}
.img-fit-contain {
 object-fit:contain
}
.video-responsive {
 display:block;
 overflow:hidden;
 padding:0;
 position:relative;
 width:100%
}
.video-responsive::before {
 content:"";
 display:block;
 padding-bottom:56.25%
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
 border:0;
 bottom:0;
 height:100%;
 left:0;
 position:absolute;
 right:0;
 top:0;
 width:100%
}
video.video-responsive {
 height:auto;
 max-width:100%
}
video.video-responsive::before {
 content:none
}
.video-responsive-4-3::before {
 padding-bottom:75%
}
.video-responsive-1-1::before {
 padding-bottom:100%
}
.figure {
 margin:0 0 .4rem 0
}
.figure .figure-caption {
 color:#595959;
 margin-top:.4rem
}
.container {
 margin-left:auto;
 margin-right:auto;
 padding-left:.4rem;
 padding-right:.4rem;
 width:100%
}
.container.grid-xl {
 max-width:1296px
}
.container.grid-lg {
 max-width:976px
}
.container.grid-md {
 max-width:856px
}
.container.grid-sm {
 max-width:616px
}
.container.grid-xs {
 max-width:496px
}
.show-xs,
.show-sm,
.show-md,
.show-lg,
.show-xl {
 display:none !important
}
.columns {
 display:flex;
 flex-wrap:wrap;
 margin-left:-0.4rem;
 margin-right:-0.4rem
}
.columns.col-gapless {
 margin-left:0;
 margin-right:0
}
.columns.col-gapless>.column {
 padding-left:0;
 padding-right:0
}
.columns.col-oneline {
 flex-wrap:nowrap;
 overflow-x:auto
}
.column {
 flex:1;
 max-width:100%;
 padding-left:.4rem;
 padding-right:.4rem
}
.column.col-12,
.column.col-11,
.column.col-10,
.column.col-9,
.column.col-8,
.column.col-7,
.column.col-6,
.column.col-5,
.column.col-4,
.column.col-3,
.column.col-2,
.column.col-1 {
 flex:none
}
.col-12 {
 width:100%
}
.col-11 {
 width:91.66666667%
}
.col-10 {
 width:83.33333333%
}
.col-9 {
 width:75%
}
.col-8 {
 width:66.66666667%
}
.col-7 {
 width:58.33333333%
}
.col-6 {
 width:50%
}
.col-5 {
 width:41.66666667%
}
.col-4 {
 width:33.33333333%
}
.col-3 {
 width:25%
}
.col-2 {
 width:16.66666667%
}
.col-1 {
 width:8.33333333%
}
.col-auto {
 flex:0 0 auto;
 max-width:none;
 width:auto
}
.col-mx-auto {
 margin-left:auto;
 margin-right:auto
}
.col-ml-auto {
 margin-left:auto
}
.col-mr-auto {
 margin-right:auto
}
@media (max-width: 1280px) {
 .col-xl-12,
 .col-xl-11,
 .col-xl-10,
 .col-xl-9,
 .col-xl-8,
 .col-xl-7,
 .col-xl-6,
 .col-xl-5,
 .col-xl-4,
 .col-xl-3,
 .col-xl-2,
 .col-xl-1 {
  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%
 }
 .hide-xl {
  display:none !important
 }
 .show-xl {
  display:block !important
 }
}
@media (max-width: 960px) {
 .col-lg-12,
 .col-lg-11,
 .col-lg-10,
 .col-lg-9,
 .col-lg-8,
 .col-lg-7,
 .col-lg-6,
 .col-lg-5,
 .col-lg-4,
 .col-lg-3,
 .col-lg-2,
 .col-lg-1 {
  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%
 }
 .hide-lg {
  display:none !important
 }
 .show-lg {
  display:block !important
 }
}
@media (max-width: 840px) {
 .col-md-12,
 .col-md-11,
 .col-md-10,
 .col-md-9,
 .col-md-8,
 .col-md-7,
 .col-md-6,
 .col-md-5,
 .col-md-4,
 .col-md-3,
 .col-md-2,
 .col-md-1 {
  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%
 }
 .hide-md {
  display:none !important
 }
 .show-md {
  display:block !important
 }
}
@media (max-width: 600px) {
 .col-sm-12,
 .col-sm-11,
 .col-sm-10,
 .col-sm-9,
 .col-sm-8,
 .col-sm-7,
 .col-sm-6,
 .col-sm-5,
 .col-sm-4,
 .col-sm-3,
 .col-sm-2,
 .col-sm-1 {
  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%
 }
 .hide-sm {
  display:none !important
 }
 .show-sm {
  display:block !important
 }
}
@media (max-width: 480px) {
 .col-xs-12,
 .col-xs-11,
 .col-xs-10,
 .col-xs-9,
 .col-xs-8,
 .col-xs-7,
 .col-xs-6,
 .col-xs-5,
 .col-xs-4,
 .col-xs-3,
 .col-xs-2,
 .col-xs-1 {
  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%
 }
 .hide-xs {
  display:none !important
 }
 .show-xs {
  display:block !important
 }
}
.navbar {
 align-items:stretch;
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between
}
.navbar .navbar-section {
 align-items:center;
 display:flex;
 flex:1 0 0
}
.navbar .navbar-section:last-child {
 justify-content:flex-end
}
.navbar .navbar-center {
 align-items:center;
 display:flex;
 flex:0 0 auto
}
.navbar .navbar-brand {
 font-size:.9rem;
 font-weight:500;
 text-decoration:none
}
.accordion input:checked ~ .accordion-header .icon,
.accordion[open] .accordion-header .icon {
 transform:rotate(90deg)
}
.accordion input:checked ~ .accordion-body,
.accordion[open] .accordion-body {
 max-height:50rem
}
.accordion .accordion-header {
 display:block;
 padding:.2rem .4rem
}
.accordion .accordion-header .icon {
 transition:all .2s ease
}
.accordion .accordion-body {
 margin-bottom:.4rem;
 max-height:0;
 overflow:hidden;
 transition:max-height .2s ease
}
summary.accordion-header::-webkit-details-marker {
 display:none
}
.form-autocomplete {
 position:relative
}
.form-autocomplete .form-autocomplete-input {
 align-content:flex-start;
 display:flex;
 flex-wrap:wrap;
 height:auto;
 min-height:1.6rem;
 padding:.1rem
}
.form-autocomplete .form-autocomplete-input.is-focused {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2);
 border-color:#2440AA
}
.form-autocomplete .form-autocomplete-input .form-input {
 border-color:transparent;
 box-shadow:none;
 display:inline-block;
 flex:1 0 auto;
 height:1.2rem;
 line-height:.8rem;
 margin:.1rem;
 width:auto
}
.form-autocomplete .menu {
 left:0;
 position:absolute;
 top:100%;
 width:100%
}
.avatar {
 font-size:.8rem;
 height:1.6rem;
 width:1.6rem;
 background:#2440AA;
 border-radius:50%;
 color:rgba(255,255,255,0.85);
 display:inline-block;
 font-weight:300;
 line-height:1.25;
 margin:0;
 position:relative;
 vertical-align:middle
}
.avatar.avatar-xs {
 font-size:.4rem;
 height:.8rem;
 width:.8rem
}
.avatar.avatar-sm {
 font-size:.6rem;
 height:1.2rem;
 width:1.2rem
}
.avatar.avatar-lg {
 font-size:1.2rem;
 height:2.4rem;
 width:2.4rem
}
.avatar.avatar-xl {
 font-size:1.6rem;
 height:3.2rem;
 width:3.2rem
}
.avatar img {
 border-radius:50%;
 height:100%;
 position:relative;
 width:100%;
 z-index:1
}
.avatar .avatar-icon,
.avatar .avatar-presence {
 background:#fff;
 bottom:14.64%;
 height:50%;
 padding:.1rem;
 position:absolute;
 right:14.64%;
 transform:translate(50%, 50%);
 width:50%;
 z-index:2
}
.avatar .avatar-presence {
 background:#999;
 box-shadow:0 0 0 .1rem #fff;
 border-radius:50%;
 height:.5em;
 width:.5em
}
.avatar .avatar-presence.online {
 background:#32b643
}
.avatar .avatar-presence.busy {
 background:#e85600
}
.avatar .avatar-presence.away {
 background:#ffb700
}
.avatar[data-initial]::before {
 color:currentColor;
 content:attr(data-initial);
 left:50%;
 position:absolute;
 top:50%;
 transform:translate(-50%, -50%);
 z-index:1
}
.badge {
 position:relative;
 white-space:nowrap
}
.badge[data-badge]::after,
.badge:not([data-badge])::after {
 background:#2440AA;
 background-clip:padding-box;
 border-radius:.5rem;
 box-shadow:0 0 0 0.1rem #fff;
 color:#fff;
 content:attr(data-badge);
 display:inline-block;
 transform:translate(-0.1rem, -0.5rem)
}
.badge[data-badge]::after {
 font-size:.7rem;
 height:.9rem;
 line-height:1;
 min-width:.9rem;
 padding:.1rem .2rem;
 text-align:center;
 white-space:nowrap
}
.badge:not([data-badge])::after,
.badge[data-badge=""]::after {
 height:6px;
 min-width:6px;
 padding:0;
 width:6px
}
.badge.btn::after {
 position:absolute;
 top:0;
 right:0;
 transform:translate(50%, -50%)
}
.badge.avatar::after {
 position:absolute;
 top:14.64%;
 right:14.64%;
 transform:translate(50%, -50%);
 z-index:100
}
.badge.avatar-xs::after {
 content:"";
 height:.4rem;
 min-width:.4rem;
 padding:0;
 width:.4rem
}
.breadcrumb {
 list-style:none;
 margin:.2rem 0;
 padding:.2rem 0
}
.breadcrumb .breadcrumb-item {
 color:#595959;
 display:inline-block;
 margin:0;
 padding:.2rem 0
}
.breadcrumb .breadcrumb-item:not(:last-child) {
 margin-right:.2rem
}
.breadcrumb .breadcrumb-item:not(:last-child) a {
 color:#595959
}
.breadcrumb .breadcrumb-item:not(:first-child)::before {
 color:#ccc;
 content:"/";
 padding-right:.2rem
}
.bar {
 background:#d4d4d4;
 border-radius:.1rem;
 display:flex;
 flex-wrap:nowrap;
 height:.8rem;
 width:100%
}
.bar.bar-sm {
 height:.2rem
}
.bar .bar-item {
 background:#2440AA;
 color:#fff;
 display:block;
 font-size:.7rem;
 flex-shrink:0;
 line-height:.8rem;
 height:100%;
 position:relative;
 text-align:center;
 width:0
}
.bar .bar-item:first-child {
 border-bottom-left-radius:.1rem;
 border-top-left-radius:.1rem
}
.bar .bar-item:last-child {
 border-bottom-right-radius:.1rem;
 border-top-right-radius:.1rem;
 flex-shrink:1
}
.bar-slider {
 height:.1rem;
 margin:.4rem 0;
 position:relative
}
.bar-slider .bar-item {
 left:0;
 padding:0;
 position:absolute
}
.bar-slider .bar-item:not(:last-child):first-child {
 background:#d4d4d4;
 z-index:1
}
.bar-slider .bar-slider-btn {
 background:#2440AA;
 border:0;
 border-radius:50%;
 height:.6rem;
 padding:0;
 position:absolute;
 right:0;
 top:50%;
 transform:translate(50%, -50%);
 width:.6rem
}
.bar-slider .bar-slider-btn:active {
 box-shadow:0 0 0 0.1rem #2440AA
}
.card {
 background:#fff;
 border:.05rem solid #ccc;
 border-radius:.1rem;
 display:flex;
 flex-direction:column
}
.card .card-header,
.card .card-body,
.card .card-footer {
 padding:.8rem;
 padding-bottom:0
}
.card .card-header:last-child,
.card .card-body:last-child,
.card .card-footer:last-child {
 padding-bottom:.8rem
}
.card .card-image {
 padding-top:.8rem
}
.card .card-image:first-child {
 padding-top:0
}
.card .card-image:first-child img {
 border-top-left-radius:.1rem;
 border-top-right-radius:.1rem
}
.card .card-image:last-child img {
 border-bottom-left-radius:.1rem;
 border-bottom-right-radius:.1rem
}
.chip {
 align-items:center;
 background:#d4d4d4;
 border-radius:5rem;
 color:#595959;
 display:inline-flex;
 font-size:90%;
 height:1.2rem;
 line-height:.8rem;
 margin:.1rem;
 max-width:100%;
 padding:.2rem .4rem;
 text-decoration:none;
 vertical-align:middle
}
.chip.active {
 background:#2440AA;
 color:#fff
}
.chip .avatar {
 margin-left:-0.4rem;
 margin-right:.2rem
}
.dropdown {
 display:inline-block;
 position:relative
}
.dropdown .menu {
 animation:slide-down .15s ease 1;
 display:none;
 left:0;
 max-height:50vh;
 overflow-y:auto;
 position:absolute;
 top:100%
}
.dropdown.dropdown-right .menu {
 left:auto;
 right:0
}
.dropdown.active .menu,
.dropdown .dropdown-toggle:focus+.menu,
.dropdown .menu:hover {
 display:block
}
.dropdown .btn-group .dropdown-toggle:nth-last-child(2) {
 border-bottom-right-radius:.1rem;
 border-top-right-radius:.1rem
}
.empty {
 background:#dbdbdb;
 border-radius:.1rem;
 color:#595959;
 text-align:center;
 padding:3.2rem 1.6rem
}
.empty .empty-icon {
 margin-bottom:.8rem
}
.empty .empty-title,
.empty .empty-subtitle {
 margin:.4rem auto
}
.empty .empty-action {
 margin-top:.8rem
}
.menu {
 box-shadow:0 .05rem .2rem rgba(51,51,51,0.3);
 background:#fff;
 border-radius:.1rem;
 list-style:none;
 margin:0;
 min-width:180px;
 padding:.4rem;
 transform:translateY(.2rem);
 z-index:100
}
.menu.menu-nav {
 background:transparent;
 box-shadow:none
}
.menu .menu-item {
 margin-top:0;
 padding:0 .4rem;
 text-decoration:none;
 user-select:none
}
.menu .menu-item>a {
 border-radius:.1rem;
 color:inherit;
 display:block;
 margin:0 -.4rem;
 padding:.2rem .4rem;
 text-decoration:none
}
.menu .menu-item>a:focus,
.menu .menu-item>a:hover {
 background:#a2b1eb;
 color:#2440AA
}
.menu .menu-item>a:active,
.menu .menu-item>a.active {
 background:#a2b1eb;
 color:#2440AA
}
.menu .menu-item+.menu-item {
 margin-top:.2rem
}
.menu .menu-badge {
 float:right;
 padding:.2rem 0
}
.menu .menu-badge .btn {
 margin-top:-0.1rem
}
.modal {
 align-items:center;
 bottom:0;
 display:none;
 justify-content:center;
 left:0;
 opacity:0;
 overflow:hidden;
 padding:.4rem;
 position:fixed;
 right:0;
 top:0
}
.modal:target,
.modal.active {
 display:flex;
 opacity:1;
 z-index:400
}
.modal:target .modal-overlay,
.modal.active .modal-overlay {
 background:rgba(219,219,219,0.75);
 bottom:0;
 cursor:default;
 display:block;
 left:0;
 position:absolute;
 right:0;
 top:0
}
.modal:target .modal-container,
.modal.active .modal-container {
 animation:slide-down .2s ease 1;
 max-width:640px;
 width:100%;
 z-index:1
}
.modal.modal-sm .modal-container {
 max-width:320px;
 padding:0 .4rem
}
.modal.modal-lg .modal-overlay {
 background:#fff
}
.modal.modal-lg .modal-container {
 box-shadow:none;
 max-width:960px
}
.modal-container {
 box-shadow:0 .2rem .5rem rgba(51,51,51,0.3);
 background:#fff;
 border-radius:.1rem;
 display:block;
 padding:0 .8rem;
 text-align:left
}
.modal-container .modal-header {
 padding:.8rem
}
.modal-container .modal-body {
 max-height:50vh;
 overflow-y:auto;
 padding:.8rem;
 position:relative
}
.modal-container .modal-footer {
 padding:.8rem;
 text-align:right
}
.nav {
 display:flex;
 flex-direction:column;
 list-style:none;
 margin:.2rem 0
}
.nav .nav-item a {
 color:#595959;
 padding:.2rem .4rem;
 text-decoration:none
}
.nav .nav-item a:focus,
.nav .nav-item a:hover {
 color:#2440AA
}
.nav .nav-item.active>a {
 color:#404040;
 font-weight:bold
}
.nav .nav-item.active>a:focus,
.nav .nav-item.active>a:hover {
 color:#2440AA
}
.nav .nav {
 margin-bottom:.4rem;
 margin-left:.8rem
}
.pagination {
 display:flex;
 list-style:none;
 margin:.2rem 0;
 padding:.2rem 0
}
.pagination .page-item {
 margin:.2rem .05rem
}
.pagination .page-item span {
 display:inline-block;
 padding:.2rem .2rem
}
.pagination .page-item a {
 border-radius:.1rem;
 color:#595959;
 display:inline-block;
 padding:.2rem .4rem;
 text-decoration:none
}
.pagination .page-item a:focus,
.pagination .page-item a:hover {
 color:#2440AA
}
.pagination .page-item.disabled a {
 cursor:default;
 opacity:.5;
 pointer-events:none
}
.pagination .page-item.active a {
 background:#2440AA;
 color:#fff
}
.pagination .page-item.page-prev,
.pagination .page-item.page-next {
 flex:1 0 50%
}
.pagination .page-item.page-next {
 text-align:right
}
.pagination .page-item .page-item-title {
 margin:0
}
.pagination .page-item .page-item-subtitle {
 margin:0;
 opacity:.5
}
.panel {
 border:.05rem solid #ccc;
 border-radius:.1rem;
 display:flex;
 flex-direction:column
}
.panel .panel-header,
.panel .panel-footer {
 flex:0 0 auto;
 padding:.8rem
}
.panel .panel-nav {
 flex:0 0 auto
}
.panel .panel-body {
 flex:1 1 auto;
 overflow-y:auto;
 padding:0 .8rem
}
.popover {
 display:inline-block;
 position:relative
}
.popover .popover-container {
 content:attr(data-tooltip);
 opacity:0;
 left:50%;
 padding:.4rem;
 position:absolute;
 top:0;
 transform:translate(-50%, -50%) scale(0);
 transition:transform .2s ease;
 width:320px;
 z-index:400
}
.popover :focus+.popover-container,
.popover:hover .popover-container,
.popover .popover-container:hover {
 display:block;
 opacity:1;
 transform:translate(-50%, -100%) scale(1)
}
.popover.popover-right .popover-container {
 left:100%;
 top:50%
}
.popover.popover-right :focus+.popover-container,
.popover.popover-right:hover .popover-container,
.popover.popover-right .popover-container:hover {
 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 {
 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 {
 transform:translate(-100%, -50%) scale(1)
}
.popover .card {
 box-shadow:0 .2rem .5rem rgba(51,51,51,0.3);
 border:0
}
.step {
 display:flex;
 flex-wrap:nowrap;
 list-style:none;
 margin:.2rem 0;
 width:100%
}
.step .step-item {
 flex:1 1 0;
 margin-top:0;
 min-height:1rem;
 text-align:center;
 position:relative
}
.step .step-item:not(:first-child)::before {
 background:#2440AA;
 content:"";
 height:2px;
 left:-50%;
 position:absolute;
 top:9px;
 width:100%
}
.step .step-item a {
 color:#999;
 display:inline-block;
 padding:20px 10px 0;
 text-decoration:none
}
.step .step-item a::before {
 background:#2440AA;
 border:.1rem solid #fff;
 border-radius:50%;
 content:"";
 display:block;
 height:.6rem;
 left:50%;
 position:absolute;
 top:.2rem;
 transform:translateX(-50%);
 width:.6rem;
 z-index:1
}
.step .step-item.active a::before {
 background:#fff;
 border:.1rem solid #2440AA
}
.step .step-item.active ~ .step-item::before {
 background:#ccc
}
.step .step-item.active ~ .step-item a::before {
 background:#ccc
}
.tab {
 align-items:center;
 border-bottom:.05rem solid #ccc;
 display:flex;
 flex-wrap:wrap;
 list-style:none;
 margin:.2rem 0 .15rem 0
}
.tab .tab-item {
 margin-top:0
}
.tab .tab-item a {
 border-bottom:.1rem solid transparent;
 color:inherit;
 display:block;
 margin:0 .4rem 0 0;
 padding:.4rem .2rem .3rem .2rem;
 text-decoration:none
}
.tab .tab-item a:focus,
.tab .tab-item a:hover {
 color:#2440AA
}
.tab .tab-item.active a,
.tab .tab-item a.active {
 border-bottom-color:#2440AA;
 color:#2440AA
}
.tab .tab-item.tab-action {
 flex:1 0 auto;
 text-align:right
}
.tab .tab-item .btn-clear {
 margin-top:-0.2rem
}
.tab.tab-block .tab-item {
 flex:1 0 0;
 text-align:center
}
.tab.tab-block .tab-item a {
 margin:0
}
.tab.tab-block .tab-item .badge[data-badge]::after {
 position:absolute;
 right:.1rem;
 top:.1rem;
 transform:translate(0, 0)
}
.tab:not(.tab-block) .badge {
 padding-right:0
}
.tile {
 align-content:space-between;
 align-items:flex-start;
 display:flex
}
.tile .tile-icon,
.tile .tile-action {
 flex:0 0 auto
}
.tile .tile-content {
 flex:1 1 auto
}
.tile .tile-content:not(:first-child) {
 padding-left:.4rem
}
.tile .tile-content:not(:last-child) {
 padding-right:.4rem
}
.tile .tile-title,
.tile .tile-subtitle {
 line-height:1rem
}
.tile.tile-centered {
 align-items:center
}
.tile.tile-centered .tile-content {
 overflow:hidden
}
.tile.tile-centered .tile-title,
.tile.tile-centered .tile-subtitle {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
 margin-bottom:0
}
.toast {
 background:rgba(51,51,51,0.9);
 border-color:#333;
 border:.05rem solid #333;
 border-radius:.1rem;
 color:#fff;
 display:block;
 padding:.4rem
}
.toast.toast-primary {
 background:rgba(36,64,170,0.9);
 border-color:#2440AA
}
.toast.toast-success {
 background:rgba(50,182,67,0.9);
 border-color:#32b643
}
.toast.toast-warning {
 background:rgba(255,183,0,0.9);
 border-color:#ffb700
}
.toast.toast-error {
 background:rgba(232,86,0,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
}
.toast .btn-clear {
 margin:4px -2px 4px 4px
}
.tooltip {
 position:relative
}
.tooltip::after {
 background:rgba(51,51,51,0.9);
 border-radius:.1rem;
 bottom:100%;
 color:#fff;
 content:attr(data-tooltip);
 display:block;
 font-size:.7rem;
 left:50%;
 max-width:320px;
 opacity:0;
 overflow:hidden;
 padding:.2rem .4rem;
 pointer-events:none;
 position:absolute;
 text-overflow:ellipsis;
 transform:translate(-50%, .4rem);
 transition:all .2s ease;
 white-space:pre;
 z-index:300
}
.tooltip:focus::after,
.tooltip:hover::after {
 opacity:1;
 transform:translate(-50%, -0.2rem)
}
.tooltip[disabled],
.tooltip.disabled {
 pointer-events:auto
}
.tooltip.tooltip-right::after {
 bottom:50%;
 left:100%;
 transform:translate(-0.2rem, 50%)
}
.tooltip.tooltip-right:focus::after,
.tooltip.tooltip-right:hover::after {
 transform:translate(.2rem, 50%)
}
.tooltip.tooltip-bottom::after {
 bottom:auto;
 top:100%;
 transform:translate(-50%, -0.4rem)
}
.tooltip.tooltip-bottom:focus::after,
.tooltip.tooltip-bottom:hover::after {
 transform:translate(-50%, .2rem)
}
.tooltip.tooltip-left::after {
 bottom:50%;
 left:auto;
 right:100%;
 transform:translate(.4rem, 50%)
}
.tooltip.tooltip-left:focus::after,
.tooltip.tooltip-left:hover::after {
 transform:translate(-0.2rem, 50%)
}
@keyframes loading {
 0% {
  transform:rotate(0deg)
 }
 100% {
  transform:rotate(360deg)
 }
}
@keyframes slide-down {
 0% {
  opacity:0;
  transform:translateY(-1.6rem)
 }
 100% {
  opacity:1;
  transform:translateY(0)
 }
}
.text-primary {
 color:#2440AA
}
a.text-primary:focus,
a.text-primary:hover {
 color:#203895
}
.text-secondary {
 color:#95a7e9
}
a.text-secondary:focus,
a.text-secondary:hover {
 color:#8095e4
}
.text-gray {
 color:#999
}
a.text-gray:focus,
a.text-gray:hover {
 color:#8c8c8c
}
.text-light {
 color:#fff
}
a.text-light:focus,
a.text-light:hover {
 color:#f2f2f2
}
.text-success {
 color:#32b643
}
a.text-success:focus,
a.text-success:hover {
 color:#2da23c
}
.text-warning {
 color:#ffb700
}
a.text-warning:focus,
a.text-warning:hover {
 color:#e6a500
}
.text-error {
 color:#e85600
}
a.text-error:focus,
a.text-error:hover {
 color:#cf4d00
}
.bg-primary {
 background:#2440AA
}
.bg-secondary {
 background:#a2b1eb
}
.bg-dark {
 background:#333
}
.bg-gray {
 background:#dbdbdb
}
.bg-success {
 background:#32b643
}
.bg-warning {
 background:#ffb700
}
.bg-error {
 background:#e85600
}
.c-hand {
 cursor:pointer
}
.c-move {
 cursor:move
}
.c-zoom-in {
 cursor:zoom-in
}
.c-zoom-out {
 cursor:zoom-out
}
.c-not-allowed {
 cursor:not-allowed
}
.c-auto {
 cursor:auto
}
.d-block {
 display:block
}
.d-inline {
 display:inline
}
.d-inline-block {
 display:inline-block
}
.d-flex {
 display:flex
}
.d-inline-flex {
 display:inline-flex
}
.d-none,
.d-hide {
 display:none !important
}
.d-visible {
 visibility:visible
}
.d-invisible {
 visibility:hidden
}
.text-hide {
 background:transparent;
 border:0;
 color:transparent;
 font-size:0;
 line-height:0;
 text-shadow:none
}
.text-assistive {
 border:0;
 clip:rect(0, 0, 0, 0);
 height:1px;
 margin:-1px;
 overflow:hidden;
 padding:0;
 position:absolute;
 width:1px
}
.divider,
.divider-vert {
 display:block;
 position:relative
}
.divider[data-content]::after,
.divider-vert[data-content]::after {
 background:#fff;
 color:#999;
 content:attr(data-content);
 display:inline-block;
 font-size:.7rem;
 padding:0 .4rem;
 transform:translateY(-.65rem)
}
.divider {
 border-top:.05rem solid #ccc;
 height:.05rem;
 margin:.4rem 0
}
.divider[data-content] {
 margin:.8rem 0
}
.divider-vert {
 display:block;
 padding:.8rem
}
.divider-vert::before {
 border-left:.05rem solid #ccc;
 bottom:.4rem;
 content:"";
 display:block;
 left:50%;
 position:absolute;
 top:.4rem;
 transform:translateX(-50%)
}
.divider-vert[data-content]::after {
 left:50%;
 padding:.2rem 0;
 position:absolute;
 top:50%;
 transform:translate(-50%, -50%)
}
.loading {
 color:transparent !important;
 min-height:.8rem;
 pointer-events:none;
 position:relative
}
.loading::after {
 animation:loading 500ms infinite linear;
 border:.1rem solid #2440AA;
 border-radius:50%;
 border-right-color:transparent;
 border-top-color:transparent;
 content:"";
 display:block;
 height:.8rem;
 left:50%;
 margin-left:-0.4rem;
 margin-top:-0.4rem;
 position:absolute;
 top:50%;
 width:.8rem;
 z-index:1
}
.loading.loading-lg {
 min-height:2rem
}
.loading.loading-lg::after {
 height:1.6rem;
 margin-left:-0.8rem;
 margin-top:-0.8rem;
 width:1.6rem
}
.clearfix::after,
.container::after {
 clear:both;
 content:"";
 display:table
}
.float-left {
 float:left !important
}
.float-right {
 float:right !important
}
.relative {
 position:relative
}
.absolute {
 position:absolute
}
.fixed {
 position:fixed
}
.centered {
 display:block;
 float:none;
 margin-left:auto;
 margin-right:auto
}
.flex-centered {
 align-items:center;
 display:flex;
 justify-content:center
}
.m-0 {
 margin:0
}
.mb-0 {
 margin-bottom:0
}
.ml-0 {
 margin-left:0
}
.mr-0 {
 margin-right:0
}
.mt-0 {
 margin-top:0
}
.mx-0 {
 margin-left:0;
 margin-right:0
}
.my-0 {
 margin-bottom:0;
 margin-top:0
}
.m-1 {
 margin:.2rem
}
.mb-1 {
 margin-bottom:.2rem
}
.ml-1 {
 margin-left:.2rem
}
.mr-1 {
 margin-right:.2rem
}
.mt-1 {
 margin-top:.2rem
}
.mx-1 {
 margin-left:.2rem;
 margin-right:.2rem
}
.my-1 {
 margin-bottom:.2rem;
 margin-top:.2rem
}
.m-2 {
 margin:.4rem
}
.mb-2 {
 margin-bottom:.4rem
}
.ml-2 {
 margin-left:.4rem
}
.mr-2 {
 margin-right:.4rem
}
.mt-2 {
 margin-top:.4rem
}
.mx-2 {
 margin-left:.4rem;
 margin-right:.4rem
}
.my-2 {
 margin-bottom:.4rem;
 margin-top:.4rem
}
.p-0 {
 padding:0
}
.pb-0 {
 padding-bottom:0
}
.pl-0 {
 padding-left:0
}
.pr-0 {
 padding-right:0
}
.pt-0 {
 padding-top:0
}
.px-0 {
 padding-left:0;
 padding-right:0
}
.py-0 {
 padding-bottom:0;
 padding-top:0
}
.p-1 {
 padding:.2rem
}
.pb-1 {
 padding-bottom:.2rem
}
.pl-1 {
 padding-left:.2rem
}
.pr-1 {
 padding-right:.2rem
}
.pt-1 {
 padding-top:.2rem
}
.px-1 {
 padding-left:.2rem;
 padding-right:.2rem
}
.py-1 {
 padding-bottom:.2rem;
 padding-top:.2rem
}
.p-2 {
 padding:.4rem
}
.pb-2 {
 padding-bottom:.4rem
}
.pl-2 {
 padding-left:.4rem
}
.pr-2 {
 padding-right:.4rem
}
.pt-2 {
 padding-top:.4rem
}
.px-2 {
 padding-left:.4rem;
 padding-right:.4rem
}
.py-2 {
 padding-bottom:.4rem;
 padding-top:.4rem
}
.rounded {
 border-radius:.1rem
}
.circle {
 border-radius:50%
}
.text-left {
 text-align:left
}
.text-right {
 text-align:right
}
.text-center {
 text-align:center
}
.text-justify {
 text-align:justify
}
.text-lowercase {
 text-transform:lowercase
}
.text-uppercase {
 text-transform:uppercase
}
.text-capitalize {
 text-transform:capitalize
}
.text-normal {
 font-weight:normal
}
.text-bold {
 font-weight:bold
}
.text-italic {
 font-style:italic
}
.text-large {
 font-size:1.2em
}
.text-ellipsis {
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.text-clip {
 overflow:hidden;
 text-overflow:clip;
 white-space:nowrap
}
.text-break {
 hyphens:auto;
 word-break:break-word;
 word-wrap:break-word
}
/*! Spectre.css Experimentals v0.4.4 | MIT License | github.com/picturepan2/spectre */.calendar {
 border:.05rem solid #ccc;
 border-radius:.1rem;
 display:block;
 min-width:280px;
 text-align:center
}
.calendar .calendar-nav {
 align-items:center;
 background:#dbdbdb;
 border-top-left-radius:.1rem;
 border-top-right-radius:.1rem;
 display:flex;
 font-size:.9rem;
 padding:.4rem
}
.calendar .calendar-header,
.calendar .calendar-body {
 display:flex;
 flex-wrap:wrap;
 justify-content:center;
 padding:.4rem 0
}
.calendar .calendar-header .calendar-date,
.calendar .calendar-body .calendar-date {
 flex:0 0 14.28%;
 max-width:14.28%
}
.calendar .calendar-header {
 background:#dbdbdb;
 border-bottom:.05rem solid #ccc;
 color:#999;
 font-size:.7rem
}
.calendar .calendar-body {
 color:#595959
}
.calendar .calendar-date {
 border:0;
 padding:.2rem
}
.calendar .calendar-date .date-item {
 transition:all .2s ease;
 appearance:none;
 background:transparent;
 border:.05rem solid transparent;
 border-radius:50%;
 color:#595959;
 cursor:pointer;
 font-size:.7rem;
 height:1.4rem;
 line-height:1rem;
 outline:none;
 padding:.1rem;
 position:relative;
 text-align:center;
 text-decoration:none;
 vertical-align:middle;
 white-space:nowrap;
 width:1.4rem
}
.calendar .calendar-date .date-item.date-today {
 border-color:#95a7e9;
 color:#2440AA
}
.calendar .calendar-date .date-item:focus {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2)
}
.calendar .calendar-date .date-item:focus,
.calendar .calendar-date .date-item:hover {
 background:#afbcee;
 border-color:#95a7e9;
 color:#2440AA;
 text-decoration:none
}
.calendar .calendar-date .date-item:active,
.calendar .calendar-date .date-item.active {
 background:#213b9d;
 border-color:#1d3388;
 color:#fff
}
.calendar .calendar-date .date-item.badge::after {
 position:absolute;
 top:3px;
 right:3px;
 transform:translate(50%, -50%)
}
.calendar .calendar-date.disabled .date-item,
.calendar .calendar-date.disabled .calendar-event,
.calendar .calendar-date .date-item:disabled,
.calendar .calendar-date .calendar-event:disabled {
 cursor:default;
 opacity:.25;
 pointer-events:none
}
.calendar .calendar-range {
 position:relative
}
.calendar .calendar-range::before {
 background:#a2b1eb;
 content:"";
 height:1.4rem;
 left:0;
 position:absolute;
 right:0;
 top:50%;
 transform:translateY(-50%)
}
.calendar .calendar-range.range-start::before {
 left:50%
}
.calendar .calendar-range.range-end::before {
 right:50%
}
.calendar .calendar-range .date-item {
 color:#2440AA
}
.calendar.calendar-lg .calendar-body {
 padding:0
}
.calendar.calendar-lg .calendar-body .calendar-date {
 border-bottom:.05rem solid #ccc;
 border-right:.05rem solid #ccc;
 display:flex;
 flex-direction:column;
 height:5.5rem;
 padding:0
}
.calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n) {
 border-right:0
}
.calendar.calendar-lg .calendar-body .calendar-date:nth-last-child(-n+7) {
 border-bottom:0
}
.calendar.calendar-lg .date-item {
 align-self:flex-end;
 height:1.4rem;
 margin-right:.2rem;
 margin-top:.2rem
}
.calendar.calendar-lg .calendar-range::before {
 top:19px
}
.calendar.calendar-lg .calendar-range.range-start::before {
 left:auto;
 width:19px
}
.calendar.calendar-lg .calendar-range.range-end::before {
 right:19px
}
.calendar.calendar-lg .calendar-events {
 flex-grow:1;
 line-height:1;
 overflow-y:auto;
 padding:.2rem
}
.calendar.calendar-lg .calendar-event {
 background:#a2b1eb;
 border-radius:.1rem;
 color:#2440AA;
 font-size:.7rem;
 display:block;
 margin:.1rem auto;
 overflow:hidden;
 padding:3px 4px;
 text-align:left;
 text-overflow:ellipsis;
 white-space:nowrap
}
.carousel {
 background:#dbdbdb;
 display:block;
 overflow:hidden;
 position:relative;
 width:100%
}
.carousel .carousel-container {
 height:100%;
 left:0;
 position:relative
}
.carousel .carousel-container::before {
 content:"";
 display:block;
 padding-bottom:56.25%
}
.carousel .carousel-container .carousel-item {
 animation:carousel-slideout 1s ease-in-out 1;
 height:100%;
 left:0;
 margin:0;
 opacity:0;
 position:absolute;
 top:0;
 width:100%
}
.carousel .carousel-container .carousel-item:hover .item-prev,
.carousel .carousel-container .carousel-item:hover .item-next {
 opacity:1
}
.carousel .carousel-container .item-prev,
.carousel .carousel-container .item-next {
 background:rgba(204,204,204,0.25);
 border-color:rgba(204,204,204,0.5);
 color:#ccc;
 opacity:0;
 position:absolute;
 top:50%;
 transition:all .4s ease;
 transform:translateY(-50%);
 z-index:200
}
.carousel .carousel-container .item-prev {
 left:1rem
}
.carousel .carousel-container .item-next {
 right:1rem
}
.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-container .carousel-item:nth-of-type(1),
.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-container .carousel-item:nth-of-type(2),
.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-container .carousel-item:nth-of-type(3),
.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-container .carousel-item:nth-of-type(4) {
 animation:carousel-slidein .75s ease-in-out 1;
 opacity:1;
 z-index:100
}
.carousel .carousel-locator:nth-of-type(1):checked ~ .carousel-nav .nav-item:nth-of-type(1),
.carousel .carousel-locator:nth-of-type(2):checked ~ .carousel-nav .nav-item:nth-of-type(2),
.carousel .carousel-locator:nth-of-type(3):checked ~ .carousel-nav .nav-item:nth-of-type(3),
.carousel .carousel-locator:nth-of-type(4):checked ~ .carousel-nav .nav-item:nth-of-type(4) {
 color:#ccc
}
.carousel .carousel-nav {
 bottom:.4rem;
 display:flex;
 justify-content:center;
 left:50%;
 position:absolute;
 transform:translateX(-50%);
 width:10rem;
 z-index:200
}
.carousel .carousel-nav .nav-item {
 color:rgba(204,204,204,0.5);
 display:block;
 flex:1 0 auto;
 height:1.6rem;
 margin:.2rem;
 max-width:2.5rem;
 position:relative
}
.carousel .carousel-nav .nav-item::before {
 background:currentColor;
 content:"";
 display:block;
 height:.1rem;
 position:absolute;
 top:.5rem;
 width:100%
}
@keyframes carousel-slidein {
 0% {
  transform:translateX(100%)
 }
 100% {
  transform:translateX(0)
 }
}
@keyframes carousel-slideout {
 0% {
  opacity:1;
  transform:translateX(0)
 }
 100% {
  opacity:1;
  transform:translateX(-50%)
 }
}
.comparison-slider {
 height:50vh;
 overflow:hidden;
 position:relative;
 width:100%
}
.comparison-slider .comparison-before,
.comparison-slider .comparison-after {
 height:100%;
 left:0;
 margin:0;
 overflow:hidden;
 position:absolute;
 top:0
}
.comparison-slider .comparison-before img,
.comparison-slider .comparison-after img {
 height:100%;
 object-fit:none;
 object-position:left center;
 position:absolute;
 width:100%
}
.comparison-slider .comparison-before {
 width:100%;
 z-index:1
}
.comparison-slider .comparison-before .comparison-label {
 right:.8rem
}
.comparison-slider .comparison-after {
 max-width:100%;
 min-width:0;
 z-index:2
}
.comparison-slider .comparison-after::before {
 background:transparent;
 content:"";
 cursor:default;
 height:100%;
 left:0;
 position:absolute;
 right:.8rem;
 top:0;
 z-index:1
}
.comparison-slider .comparison-after::after {
 background:currentColor;
 border-radius:50%;
 box-shadow:0 -5px, 0 5px;
 color:#fff;
 content:"";
 height:3px;
 position:absolute;
 right:.4rem;
 top:50%;
 transform:translate(50%, -50%);
 width:3px
}
.comparison-slider .comparison-after .comparison-label {
 left:.8rem
}
.comparison-slider .comparison-resizer {
 animation:first-run 1.5s 1 ease-in-out;
 cursor:ew-resize;
 height:.8rem;
 left:0;
 max-width:100%;
 min-width:.8rem;
 opacity:0;
 outline:none;
 position:relative;
 resize:horizontal;
 top:50%;
 transform:translateY(-50%) scaleY(30);
 width:0
}
.comparison-slider .comparison-label {
 background:rgba(51,51,51,0.5);
 bottom:.8rem;
 color:#fff;
 padding:.2rem .4rem;
 position:absolute;
 user-select:none
}
@keyframes first-run {
 0% {
  width:0
 }
 25% {
  width:2.4rem
 }
 50% {
  width:.8rem
 }
 75% {
  width:1.2rem
 }
 100% {
  width:0
 }
}
.filter .filter-tag#tag-0:checked ~ .filter-nav .chip[for="tag-0"],
.filter .filter-tag#tag-1:checked ~ .filter-nav .chip[for="tag-1"],
.filter .filter-tag#tag-2:checked ~ .filter-nav .chip[for="tag-2"],
.filter .filter-tag#tag-3:checked ~ .filter-nav .chip[for="tag-3"],
.filter .filter-tag#tag-4:checked ~ .filter-nav .chip[for="tag-4"],
.filter .filter-tag#tag-5:checked ~ .filter-nav .chip[for="tag-5"],
.filter .filter-tag#tag-6:checked ~ .filter-nav .chip[for="tag-6"],
.filter .filter-tag#tag-7:checked ~ .filter-nav .chip[for="tag-7"],
.filter .filter-tag#tag-8:checked ~ .filter-nav .chip[for="tag-8"] {
 background:#2440AA;
 color:#fff
}
.filter .filter-tag#tag-1:checked ~ .filter-body .filter-item:not([data-tag~="tag-1"]),
.filter .filter-tag#tag-2:checked ~ .filter-body .filter-item:not([data-tag~="tag-2"]),
.filter .filter-tag#tag-3:checked ~ .filter-body .filter-item:not([data-tag~="tag-3"]),
.filter .filter-tag#tag-4:checked ~ .filter-body .filter-item:not([data-tag~="tag-4"]),
.filter .filter-tag#tag-5:checked ~ .filter-body .filter-item:not([data-tag~="tag-5"]),
.filter .filter-tag#tag-6:checked ~ .filter-body .filter-item:not([data-tag~="tag-6"]),
.filter .filter-tag#tag-7:checked ~ .filter-body .filter-item:not([data-tag~="tag-7"]),
.filter .filter-tag#tag-8:checked ~ .filter-body .filter-item:not([data-tag~="tag-8"]) {
 display:none
}
.filter .filter-nav {
 margin:.4rem 0
}
.filter .filter-body {
 display:flex;
 flex-wrap:wrap
}
.meter {
 appearance:none;
 background:#dbdbdb;
 border:0;
 border-radius:.1rem;
 display:block;
 width:100%;
 height:.8rem
}
.meter::-webkit-meter-inner-element {
 display:block
}
.meter::-webkit-meter-bar,
.meter::-webkit-meter-optimum-value,
.meter::-webkit-meter-suboptimum-value,
.meter::-webkit-meter-even-less-good-value {
 border-radius:.1rem
}
.meter::-webkit-meter-bar {
 background:#dbdbdb
}
.meter::-webkit-meter-optimum-value {
 background:#32b643
}
.meter::-webkit-meter-suboptimum-value {
 background:#ffb700
}
.meter::-webkit-meter-even-less-good-value {
 background:#e85600
}
.meter::-moz-meter-bar,
.meter:-moz-meter-optimum,
.meter:-moz-meter-sub-optimum,
.meter:-moz-meter-sub-sub-optimum {
 border-radius:.1rem
}
.meter:-moz-meter-optimum::-moz-meter-bar {
 background:#32b643
}
.meter:-moz-meter-sub-optimum::-moz-meter-bar {
 background:#ffb700
}
.meter:-moz-meter-sub-sub-optimum::-moz-meter-bar {
 background:#e85600
}
.off-canvas {
 display:flex;
 height:100%;
 left:0;
 overflow:hidden;
 position:fixed;
 top:0;
 width:100%
}
.off-canvas .off-canvas-sidebar {
 background:#dbdbdb;
 height:100%;
 left:0;
 padding:.8rem;
 position:absolute;
 top:0;
 transform:translateX(-100%);
 transition:transform .25s ease;
 width:10rem;
 z-index:300
}
.off-canvas .off-canvas-content {
 flex:1 1 auto;
 overflow-y:auto;
 padding:.8rem .8rem .8rem 4rem
}
.off-canvas .off-canvas-checkbox:checked ~ .off-canvas-sidebar {
 transform:translateX(0)
}
.off-canvas .off-canvas-checkbox:checked ~ .off-canvas-toggle {
 background:rgba(51,51,51,0.1);
 border-color:transparent;
 border-radius:0;
 bottom:0;
 height:100%;
 left:0;
 right:0;
 top:0;
 width:100%
}
.off-canvas .off-canvas-checkbox:checked ~ .off-canvas-toggle .icon {
 display:none
}
.off-canvas .off-canvas-toggle {
 display:block;
 left:.8rem;
 padding-left:0;
 padding-right:0;
 position:absolute;
 top:.8rem;
 transition:none;
 width:2rem;
 z-index:200
}
@media (min-width: 960px) {
 .off-canvas .off-canvas-sidebar {
  flex:0 0 auto;
  position:static;
  transform:translateX(0)
 }
 .off-canvas .off-canvas-content {
  padding-left:.8rem
 }
 .off-canvas .off-canvas-toggle {
  display:none
 }
}
.parallax {
 display:block;
 height:auto;
 position:relative;
 width:auto
}
.parallax .parallax-content {
 box-shadow:0 1rem 2.1rem rgba(51,51,51,0.3);
 height:auto;
 transform:perspective(1000px);
 transform-style:preserve-3d;
 transition:all .4s ease;
 width:100%
}
.parallax .parallax-content::before {
 content:"";
 display:block;
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%
}
.parallax .parallax-front {
 align-items:center;
 color:#fff;
 display:flex;
 height:100%;
 justify-content:center;
 left:0;
 position:absolute;
 text-align:center;
 text-shadow:0 0 20px rgba(51,51,51,0.75);
 top:0;
 transform:translateZ(50px) scale(.95);
 transition:all .4s ease;
 width:100%;
 z-index:1
}
.parallax .parallax-top-left {
 height:50%;
 position:absolute;
 width:50%;
 z-index:100;
 left:0;
 top:0
}
.parallax .parallax-top-left:hover ~ .parallax-content {
 transform:perspective(1000px) rotateX(3deg) rotateY(-3deg)
}
.parallax .parallax-top-left:hover ~ .parallax-content::before {
 background:linear-gradient(135deg, rgba(255,255,255,0.35) 0%, transparent 50%)
}
.parallax .parallax-top-left:hover ~ .parallax-content .parallax-front {
 transform:translate3d(4.5px, 4.5px, 50px) scale(.95)
}
.parallax .parallax-top-right {
 height:50%;
 position:absolute;
 width:50%;
 z-index:100;
 right:0;
 top:0
}
.parallax .parallax-top-right:hover ~ .parallax-content {
 transform:perspective(1000px) rotateX(3deg) rotateY(3deg)
}
.parallax .parallax-top-right:hover ~ .parallax-content::before {
 background:linear-gradient(-135deg, rgba(255,255,255,0.35) 0%, transparent 50%)
}
.parallax .parallax-top-right:hover ~ .parallax-content .parallax-front {
 transform:translate3d(-4.5px, 4.5px, 50px) scale(.95)
}
.parallax .parallax-bottom-left {
 height:50%;
 position:absolute;
 width:50%;
 z-index:100;
 bottom:0;
 left:0
}
.parallax .parallax-bottom-left:hover ~ .parallax-content {
 transform:perspective(1000px) rotateX(-3deg) rotateY(-3deg)
}
.parallax .parallax-bottom-left:hover ~ .parallax-content::before {
 background:linear-gradient(45deg, rgba(255,255,255,0.35) 0%, transparent 50%)
}
.parallax .parallax-bottom-left:hover ~ .parallax-content .parallax-front {
 transform:translate3d(4.5px, -4.5px, 50px) scale(.95)
}
.parallax .parallax-bottom-right {
 height:50%;
 position:absolute;
 width:50%;
 z-index:100;
 bottom:0;
 right:0
}
.parallax .parallax-bottom-right:hover ~ .parallax-content {
 transform:perspective(1000px) rotateX(-3deg) rotateY(3deg)
}
.parallax .parallax-bottom-right:hover ~ .parallax-content::before {
 background:linear-gradient(-45deg, rgba(255,255,255,0.35) 0%, transparent 50%)
}
.parallax .parallax-bottom-right:hover ~ .parallax-content .parallax-front {
 transform:translate3d(-4.5px, -4.5px, 50px) scale(.95)
}
.progress {
 appearance:none;
 background:#d4d4d4;
 border:0;
 border-radius:.1rem;
 color:#2440AA;
 height:.2rem;
 position:relative;
 width:100%
}
.progress::-webkit-progress-bar {
 background:transparent;
 border-radius:.1rem
}
.progress::-webkit-progress-value {
 background:#2440AA;
 border-radius:.1rem
}
.progress::-moz-progress-bar {
 background:#2440AA;
 border-radius:.1rem
}
.progress:indeterminate {
 animation:progress-indeterminate 1.5s linear infinite;
 background:#d4d4d4 linear-gradient(to right, #2440AA 30%, #d4d4d4 30%) top left/150% 150% no-repeat
}
.progress:indeterminate::-moz-progress-bar {
 background:transparent
}
@keyframes progress-indeterminate {
 0% {
  background-position:200% 0
 }
 100% {
  background-position:-200% 0
 }
}
.slider {
 appearance:none;
 background:transparent;
 display:block;
 width:100%;
 height:1.2rem
}
.slider:focus {
 box-shadow:0 0 0 0.1rem rgba(36,64,170,0.2);
 outline:none
}
.slider::-webkit-slider-thumb {
 -webkit-appearance:none;
 background:#2440AA;
 border:0;
 border-radius:50%;
 height:.6rem;
 margin-top:-.25rem;
 transition:transform .2s ease;
 width:.6rem
}
.slider::-moz-range-thumb {
 background:#2440AA;
 border:0;
 border-radius:50%;
 height:.6rem;
 transition:transform .2s ease;
 width:.6rem
}
.slider::-ms-thumb {
 background:#2440AA;
 border:0;
 border-radius:50%;
 height:.6rem;
 transition:transform .2s ease;
 width:.6rem
}
.slider:active::-webkit-slider-thumb {
 transform:scale(1.25)
}
.slider:active::-moz-range-thumb {
 transform:scale(1.25)
}
.slider:active::-ms-thumb {
 transform:scale(1.25)
}
.slider:disabled::-webkit-slider-thumb,
.slider.disabled::-webkit-slider-thumb {
 background:#ccc;
 transform:scale(1)
}
.slider:disabled::-moz-range-thumb,
.slider.disabled::-moz-range-thumb {
 background:#ccc;
 transform:scale(1)
}
.slider:disabled::-ms-thumb,
.slider.disabled::-ms-thumb {
 background:#ccc;
 transform:scale(1)
}
.slider::-webkit-slider-runnable-track {
 background:#d4d4d4;
 border-radius:.1rem;
 height:.1rem;
 width:100%
}
.slider::-moz-range-track {
 background:#d4d4d4;
 border-radius:.1rem;
 height:.1rem;
 width:100%
}
.slider::-ms-track {
 background:#d4d4d4;
 border-radius:.1rem;
 height:.1rem;
 width:100%
}
.slider::-ms-fill-lower {
 background:#2440AA
}
.timeline .timeline-item {
 display:flex;
 margin-bottom:1.2rem;
 position:relative
}
.timeline .timeline-item::before {
 background:#ccc;
 content:"";
 height:100%;
 left:11px;
 position:absolute;
 top:1.2rem;
 width:2px
}
.timeline .timeline-item .timeline-left {
 flex:0 0 auto
}
.timeline .timeline-item .timeline-content {
 flex:1 1 auto;
 padding:2px 0 2px .8rem
}
.timeline .timeline-item .timeline-icon {
 border-radius:50%;
 color:#fff;
 display:block;
 height:1.2rem;
 text-align:center;
 width:1.2rem
}
.timeline .timeline-item .timeline-icon::before {
 border:.1rem solid #2440AA;
 border-radius:50%;
 content:"";
 display:block;
 height:.4rem;
 left:.4rem;
 position:absolute;
 top:.4rem;
 width:.4rem
}
.timeline .timeline-item .timeline-icon.icon-lg {
 background:#2440AA;
 line-height:1rem
}
.timeline .timeline-item .timeline-icon.icon-lg::before {
 content:none
}
/*! Spectre.css Icons v0.4.4 | MIT License | github.com/picturepan2/spectre */.icon {
 box-sizing:border-box;
 display:inline-block;
 font-size:inherit;
 font-style:normal;
 height:1em;
 position:relative;
 text-indent:-9999px;
 vertical-align:middle;
 width:1em
}
.icon::before,
.icon::after {
 display:block;
 left:50%;
 position:absolute;
 top:50%;
 transform:translate(-50%, -50%)
}
.icon.icon-2x {
 font-size:1.6rem
}
.icon.icon-3x {
 font-size:2.4rem
}
.icon.icon-4x {
 font-size:3.2rem
}
.accordion .icon,
.btn .icon,
.toast .icon,
.menu .icon {
 vertical-align:-10%
}
.btn-lg .icon {
 vertical-align:-15%
}
.icon-arrow-down::before,
.icon-arrow-left::before,
.icon-arrow-right::before,
.icon-arrow-up::before,
.icon-downward::before,
.icon-back::before,
.icon-forward::before,
.icon-upward::before {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-right:0;
 content:"";
 height:.65em;
 width:.65em
}
.icon-arrow-down::before {
 transform:translate(-50%, -75%) rotate(225deg)
}
.icon-arrow-left::before {
 transform:translate(-25%, -50%) rotate(-45deg)
}
.icon-arrow-right::before {
 transform:translate(-75%, -50%) rotate(135deg)
}
.icon-arrow-up::before {
 transform:translate(-50%, -25%) rotate(45deg)
}
.icon-back::after,
.icon-forward::after {
 background:currentColor;
 content:"";
 height:.1rem;
 width:.8em
}
.icon-downward::after,
.icon-upward::after {
 background:currentColor;
 content:"";
 height:.8em;
 width:.1rem
}
.icon-back::after {
 left:55%
}
.icon-back::before {
 transform:translate(-50%, -50%) rotate(-45deg)
}
.icon-downward::after {
 top:45%
}
.icon-downward::before {
 transform:translate(-50%, -50%) rotate(-135deg)
}
.icon-forward::after {
 left:45%
}
.icon-forward::before {
 transform:translate(-50%, -50%) rotate(135deg)
}
.icon-upward::after {
 top:55%
}
.icon-upward::before {
 transform:translate(-50%, -50%) rotate(45deg)
}
.icon-caret::before {
 border-top:.3em solid currentColor;
 border-right:.3em solid transparent;
 border-left:.3em solid transparent;
 content:"";
 height:0;
 transform:translate(-50%, -25%);
 width:0
}
.icon-menu::before {
 background:currentColor;
 box-shadow:0 -.35em, 0 .35em;
 content:"";
 height:.1rem;
 width:100%
}
.icon-apps::before {
 background:currentColor;
 box-shadow:-.35em -.35em, -.35em 0, -.35em .35em, 0 -.35em, 0 .35em, .35em -.35em, .35em 0, .35em .35em;
 content:"";
 height:3px;
 width:3px
}
.icon-resize-horiz::before,
.icon-resize-horiz::after,
.icon-resize-vert::before,
.icon-resize-vert::after {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-right:0;
 content:"";
 height:.45em;
 width:.45em
}
.icon-resize-horiz::before,
.icon-resize-vert::before {
 transform:translate(-50%, -90%) rotate(45deg)
}
.icon-resize-horiz::after,
.icon-resize-vert::after {
 transform:translate(-50%, -10%) rotate(225deg)
}
.icon-resize-horiz::before {
 transform:translate(-90%, -50%) rotate(-45deg)
}
.icon-resize-horiz::after {
 transform:translate(-10%, -50%) rotate(135deg)
}
.icon-more-horiz::before,
.icon-more-vert::before {
 background:currentColor;
 box-shadow:-.4em 0, .4em 0;
 border-radius:50%;
 content:"";
 height:3px;
 width:3px
}
.icon-more-vert::before {
 box-shadow:0 -.4em, 0 .4em
}
.icon-plus::before,
.icon-minus::before,
.icon-cross::before {
 background:currentColor;
 content:"";
 height:.1rem;
 width:100%
}
.icon-plus::after,
.icon-cross::after {
 background:currentColor;
 content:"";
 height:100%;
 width:.1rem
}
.icon-cross::before {
 width:100%
}
.icon-cross::after {
 height:100%
}
.icon-cross::before,
.icon-cross::after {
 transform:translate(-50%, -50%) rotate(45deg)
}
.icon-check::before {
 border:.1rem solid currentColor;
 border-right:0;
 border-top:0;
 content:"";
 height:.5em;
 width:.9em;
 transform:translate(-50%, -75%) rotate(-45deg)
}
.icon-stop {
 border:.1rem solid currentColor;
 border-radius:50%
}
.icon-stop::before {
 background:currentColor;
 content:"";
 height:.1rem;
 transform:translate(-50%, -50%) rotate(45deg);
 width:1em
}
.icon-shutdown {
 border:.1rem solid currentColor;
 border-radius:50%;
 border-top-color:transparent
}
.icon-shutdown::before {
 background:currentColor;
 content:"";
 height:.5em;
 top:.1em;
 width:.1rem
}
.icon-refresh::before {
 border:.1rem solid currentColor;
 border-radius:50%;
 border-right-color:transparent;
 content:"";
 height:1em;
 width:1em
}
.icon-refresh::after {
 border:.2em solid currentColor;
 border-top-color:transparent;
 border-left-color:transparent;
 content:"";
 height:0;
 left:80%;
 top:20%;
 width:0
}
.icon-search::before {
 border:.1rem solid currentColor;
 border-radius:50%;
 content:"";
 height:.75em;
 left:5%;
 top:5%;
 transform:translate(0, 0) rotate(45deg);
 width:.75em
}
.icon-search::after {
 background:currentColor;
 content:"";
 height:.1rem;
 left:80%;
 top:80%;
 transform:translate(-50%, -50%) rotate(45deg);
 width:.4em
}
.icon-edit::before {
 border:.1rem solid currentColor;
 content:"";
 height:.4em;
 transform:translate(-40%, -60%) rotate(-45deg);
 width:.85em
}
.icon-edit::after {
 border:.15em solid currentColor;
 border-top-color:transparent;
 border-right-color:transparent;
 content:"";
 height:0;
 left:5%;
 top:95%;
 transform:translate(0, -100%);
 width:0
}
.icon-delete::before {
 border:.1rem solid currentColor;
 border-bottom-left-radius:.1rem;
 border-bottom-right-radius:.1rem;
 border-top:0;
 content:"";
 height:.75em;
 top:60%;
 width:.75em
}
.icon-delete::after {
 background:currentColor;
 box-shadow:-.25em .2em, .25em .2em;
 content:"";
 height:.1rem;
 top:.05rem;
 width:.5em
}
.icon-share {
 border:.1rem solid currentColor;
 border-radius:.1rem;
 border-right:0;
 border-top:0
}
.icon-share::before {
 border:.1rem solid currentColor;
 border-left:0;
 border-top:0;
 content:"";
 height:.4em;
 left:100%;
 top:.25em;
 transform:translate(-125%, -50%) rotate(-45deg);
 width:.4em
}
.icon-share::after {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-right:0;
 border-radius:75% 0;
 content:"";
 height:.5em;
 width:.6em
}
.icon-flag::before {
 background:currentColor;
 content:"";
 height:1em;
 left:15%;
 width:.1rem
}
.icon-flag::after {
 border:.1rem solid currentColor;
 border-bottom-right-radius:.1rem;
 border-left:0;
 border-top-right-radius:.1rem;
 content:"";
 height:.65em;
 top:35%;
 left:60%;
 width:.8em
}
.icon-bookmark::before {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-top-left-radius:.1rem;
 border-top-right-radius:.1rem;
 content:"";
 height:.9em;
 width:.8em
}
.icon-bookmark::after {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-left:0;
 border-radius:.1rem;
 content:"";
 height:.5em;
 transform:translate(-50%, 35%) rotate(-45deg) skew(15deg, 15deg);
 width:.5em
}
.icon-download,
.icon-upload {
 border-bottom:.1rem solid currentColor
}
.icon-download::before,
.icon-upload::before {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-right:0;
 content:"";
 height:.5em;
 width:.5em;
 transform:translate(-50%, -60%) rotate(-135deg)
}
.icon-download::after,
.icon-upload::after {
 background:currentColor;
 content:"";
 height:.6em;
 top:40%;
 width:.1rem
}
.icon-upload::before {
 transform:translate(-50%, -60%) rotate(45deg)
}
.icon-upload::after {
 top:50%
}
.icon-time {
 border:.1rem solid currentColor;
 border-radius:50%
}
.icon-time::before {
 background:currentColor;
 content:"";
 height:.4em;
 transform:translate(-50%, -75%);
 width:.1rem
}
.icon-time::after {
 background:currentColor;
 content:"";
 height:.3em;
 transform:translate(-50%, -75%) rotate(90deg);
 transform-origin:50% 90%;
 width:.1rem
}
.icon-mail::before {
 border:.1rem solid currentColor;
 border-radius:.1rem;
 content:"";
 height:.8em;
 width:1em
}
.icon-mail::after {
 border:.1rem solid currentColor;
 border-right:0;
 border-top:0;
 content:"";
 height:.5em;
 transform:translate(-50%, -90%) rotate(-45deg) skew(10deg, 10deg);
 width:.5em
}
.icon-people::before {
 border:.1rem solid currentColor;
 border-radius:50%;
 content:"";
 height:.45em;
 top:25%;
 width:.45em
}
.icon-people::after {
 border:.1rem solid currentColor;
 border-radius:50% 50% 0 0;
 content:"";
 height:.4em;
 top:75%;
 width:.9em
}
.icon-message {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-radius:.1rem;
 border-right:0
}
.icon-message::before {
 border:.1rem solid currentColor;
 border-bottom-right-radius:.1rem;
 border-left:0;
 border-top:0;
 content:"";
 height:.8em;
 left:65%;
 top:40%;
 width:.7em
}
.icon-message::after {
 background:currentColor;
 border-radius:.1rem;
 content:"";
 height:.3em;
 left:10%;
 top:100%;
 transform:translate(0, -90%) rotate(45deg);
 width:.1rem
}
.icon-photo {
 border:.1rem solid currentColor;
 border-radius:.1rem
}
.icon-photo::before {
 border:.1rem solid currentColor;
 border-radius:50%;
 content:"";
 height:.25em;
 left:35%;
 top:35%;
 width:.25em
}
.icon-photo::after {
 border:.1rem solid currentColor;
 border-bottom:0;
 border-left:0;
 content:"";
 height:.5em;
 left:60%;
 transform:translate(-50%, 25%) rotate(-45deg);
 width:.5em
}
.icon-link::before,
.icon-link::after {
 border:.1rem solid currentColor;
 border-radius:5em 0 0 5em;
 border-right:0;
 content:"";
 height:.5em;
 width:.75em
}
.icon-link::before {
 transform:translate(-70%, -45%) rotate(-45deg)
}
.icon-link::after {
 transform:translate(-30%, -55%) rotate(135deg)
}
.icon-location::before {
 border:.1rem solid currentColor;
 border-radius:50% 50% 50% 0;
 content:"";
 height:.8em;
 transform:translate(-50%, -60%) rotate(-45deg);
 width:.8em
}
.icon-location::after {
 border:.1rem solid currentColor;
 border-radius:50%;
 content:"";
 height:.2em;
 transform:translate(-50%, -80%);
 width:.2em
}
.icon-emoji {
 border:.1rem solid currentColor;
 border-radius:50%
}
.icon-emoji::before {
 border-radius:50%;
 box-shadow:-.17em -.15em, .17em -.15em;
 content:"";
 height:.1em;
 width:.1em
}
.icon-emoji::after {
 border:.1rem solid currentColor;
 border-bottom-color:transparent;
 border-radius:50%;
 border-right-color:transparent;
 content:"";
 height:.5em;
 transform:translate(-50%, -40%) rotate(-135deg);
 width:.5em
}
.specPage .facet {
 padding:1rem 0
}
.specPage .facet>.label {
 float:left;
 width:6rem;
 padding:0;
 background:none;
 line-height:1.5;
 font-weight:bold
}
.specPage .facet>.statement {
 margin-left:6rem
}
.specPage .facet>.statement>.tab {
 margin-top:0
}
.specPage .facet>.statement>.tab .tab-item a {
 padding-top:0
}
.specPage .facet>.statement p {
 margin:0
}
.specPage .facet>.statement p+p {
 margin:1rem 0 0
}
.specPage .facet>.statement .emptyStatement {
 font-size:.7rem;
 font-weight:400
}
.specPage .facet>.statement .dtBox .ident {
 display:inline-block;
 padding:0 0.5rem 0 0;
 font-weight:400
}
.specPage .facet>.statement .dataValue.ident {
 display:inline-block;
 width:6rem;
 text-align:right;
 padding:0 0.8rem 0 0
}
.specPage .facet>.statement .facetTabbedContent {
 display:none
}
.specPage .facet>.statement .facetTabbedContent.active {
 display:block
}
.specPage .facet>.statement .facetTabbedContent#attributes_tabbedContent_compact .ident {
 font-weight:400
}
.specPage .facet>.statement .facetTabbedContent .constraint {
 margin-bottom:1rem
}
.specPage .facet+.facet {
 border-top:.5px solid #666666
}
.specPage .facet.letter {
 min-height:5rem
}
.specPage .facet.letter .label {
 font-size:3rem;
 line-height:.7
}
.specPage .facet.letter a.overviewLink {
 display:inline-block;
 padding:0 .2rem
}
.specPage .facet.letter a.overviewLink.attribute {
 padding:0 .3rem
}
.specPage .ident {
 font-weight:bold
}
.specPage .chapterLinksBox {
 font-size:.75rem;
 font-weight:400
}
.specPage .chapterLinksBox:before {
 display:block;
 content:'Referenced in Chapters:';
 margin-top:.5rem;
 font-weight:bold
}
.specPage .chapterLinksBox .chapterLink.desc {
 font-weight:bold
}
.specPage .chapterLinksBox .chapterLink+.chapterLink {
 padding-left:.5rem
}
.specPage .attributeDef {
 padding:.3rem .6rem .3rem 1.6rem;
 border-radius:.3rem;
 text-indent:-1rem
}
.specPage .attributeDef .attributeUsage {
 font-size:.7rem;
 font-weight:400;
 font-style:italic
}
.specPage .attributeDef .attributeDesc {
 font-size:.7rem;
 font-weight:400
}
.specPage .attributeDef .attributeValues {
 font-size:.7rem;
 font-weight:400
}
.specPage .attributeDef:nth-of-type(2n+1) {
 background-color:#f5f5f5
}
.specPage .memberOf .groupDesc {
 padding-left:.5rem;
 font-size:.7rem;
 font-weight:400
}
.specPage .classBox {
 border-left:.5px solid #999999;
 border-top:.5px solid #999999;
 padding:0 0 0 .5rem;
 margin:.5rem 0;
 overflow:visible
}
.specPage .classBox .classHeading {
 background-color:#f5f5f5;
 padding:0 0 .1rem .5rem;
 margin-left:-.5rem;
 border-bottom:.5px solid #999999
}
.specPage .classBox .classHeading .classLabel {
 font-weight:bold
}
.specPage .classBox .classHeading .classDesc {
 padding-left:.5rem;
 font-size:.7rem;
 font-weight:bold
}
.specPage .classBox>.attributes.class {
 margin-left:0
}
.specPage .classBox .attributeDef .attributeUsage {
 display:none
}
.specPage .classBox .attributeDef .attributeDesc {
 font-size:.7rem
}
.specPage .classBox .attributeDef .attributeValues {
 display:none
}
.specPage .classBox .attributeDef:nth-of-type(2n+1) {
 background-color:#ffffff
}
.specPage .classBox .elementRef {
 padding:.3rem .6rem .3rem 1.6rem;
 text-indent:-1.2rem;
 line-height:1.2;
 margin-bottom:.5rem
}
.specPage .classBox .elementRef .link_odd_elementSpec {
 font-weight:bold
}
.specPage .classBox .elementDesc {
 padding-left:.5rem;
 font-size:.7rem;
 font-weight:400
}
.specPage .classBox .elementDef {
 padding:.3rem .6rem .3rem 1.6rem;
 border-radius:.3rem;
 text-indent:-1rem
}
.specPage .classBox .ident {
    padding-right: 1.5rem;
}
.specPage .classBox .attributeRef {
    margin: 0 0 .2rem 1rem;   
}
.specPage .code code {
 background-color:#f5f5f5;
 border:.5px solid #cccccc
}
.specPage .indent1 .indent {
 margin-left:1em
}
.specPage .element {
 color:#000080;
 color:#4767b1
}
.specPage .element .attribute {
 color:#008080;
 color:#f98859
}
.specPage .element .attributevalue {
 color:#dd1144;
 color:#a14415
}
.specPage .comment {
 color:#999988;
 color:#208420;
 font-style:italic
}
.specPage .schematronText {
 margin-bottom:.5rem
}
.specsLayout {
 height:100%
}
.specsLayout .figure-caption {
 font-size:smaller;
 font-style:italic
}
.specsLayout .top-navigation {
 background-color:#e5e5e5;
 border-bottom:.5px solid #999999;
 padding:.3rem;
 margin:-20px 0 .2rem 0;
 height:2rem;
 position:sticky;
 top:0;
 z-index:5
}
.specsLayout .top-navigation .buttonbox {
 position:absolute;
 left:.8rem
}
.specsLayout .top-navigation .searchbox {
 position:absolute;
 right:.8rem
}
.specsLayout .top-navigation .searchbox #tipue_search_input {
 float:left;
 width:200px;
 background-color:#ffffff;
 border:none;
 padding:.2rem .5rem .2rem .5rem;
 height:1.4rem;
 border-radius:3px;
 -moz-appearance:none;
 -webkit-appearance:none;
 box-sizing:border-box;
 border:.5px solid #213b9d;
 outline:0;
 margin:0
}
.specsLayout .top-navigation .searchbox .tipue_search_button {
 position:relative;
 float:left;
 width:1.7rem;
 height:1.4rem;
 margin-left:-3px;
 background-color:#2440aa;
 border:.5px solid #213b9d;
 border-radius:0 3px 3px 0;
 box-sizing:border-box;
 cursor:pointer;
 outline:0
}
.specsLayout .top-navigation .searchbox .tipue_search_button .tipue_search_icon {
 color:#ffffff;
 margin:0
}
.specsLayout #top-navigation-content {
 background-color:#f5f5f5;
 padding:.5rem 1rem;
 box-shadow:0 0 .5rem #000000;
 margin:-.5rem 0 1rem 0;
 width:100%
}
.specsLayout .col-8 {
 padding:.5rem 1rem
}
.specsLayout>.col-4 {
 height:100vh;
 overflow:auto;
 position:sticky;
 top:0;
 margin-top:-20px;
 margin-bottom:-20px;
 padding: 0 1rem .5rem;
 background-color:#f5f5f5;
 border-left:.5px solid #999999
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 .specsLayout>.col-4 {
  position:-webkit-sticky
 }
}
.specsLayout>.col-4 #tipue_search_input {
 float:left;
 width:calc(100% - 2rem);
 background-color:#ffffff;
 border:none;
 padding:.2rem .5rem .2rem .5rem;
 height:1.4rem;
 border-radius:3px;
 -moz-appearance:none;
 -webkit-appearance:none;
 box-sizing:border-box;
 border:.5px solid #213b9d;
 outline:0;
 margin:0
}
.specsLayout>.col-4 .tipue_search_button {
 position:relative;
 float:left;
 width:1.7rem;
 height:1.4rem;
 margin-left:-3px;
 background-color:#2440aa;
 border:.5px solid #213b9d;
 border-radius:0 3px 3px 0;
 box-sizing:border-box;
 cursor:pointer;
 outline:0;
}
.specsLayout>.col-4 .tipue_search_button .tipue_search_icon {
 color:#ffffff;
 margin:0;
 position: relative;
 top: 2px;
 left: 2px;
}
body {
 display:flex;
 min-height:100vh;
 flex-direction:column;
 padding-left:inherit;
 padding-right:inherit
}
.content {
 flex:1
}
header.navbar {
 position:sticky;
 top:0;
 background-color:#333;
 margin-bottom:20px;
 z-index:1000;
 padding-bottom: 6.75px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
 header.navbar {
  position:-webkit-sticky
 }
}
header.navbar a {
 font-size:.8rem
}
header.navbar a i.icon {
 margin-top:-14px
}
header.navbar a.top-menu-link {
 color:#fff
}
header.navbar a.top-menu-link:focus {
 background:#2440AA;
 color:#fff
}
header.navbar a.top-menu-link:hover {
 background:#2440AA;
 color:#fff
}
header.navbar a.menu-link {
 color:#333
}
header.navbar .menu {
 z-index:1000
}
header.navbar .navbar-brand {
 margin:14px 14px 0 14px
}
header.navbar .navbar-brand img {
 height:40px
}
header.navbar .logo {
 margin-right:20px;
 height:30px
}
header.navbar section div.guidelines-warning {
 width:400px
}
header.navbar #socialLinks {
 flex-grow:0
}
header.navbar #menu-accordion {
 color:#fff;
 background-color:inherit
}
header.navbar #menu-accordion a {
 color:#fff
}
header.navbar #menu-accordion .accordion-body .menu {
 background-color:inherit
}
.newsMenu .divider {
 margin:.2rem 0 .8rem
}
.newsMenu p.tile-title {
 margin:.1rem 0 -.2rem
}
.startCarousel {
 margin:0 0 30px;
 box-shadow:0 3px 10px rgba(0,0,0,0.3);
 overflow:visible;
 z-index:1
}
.startCarousel .carousel-container {
 border-radius:5px;
 overflow:hidden
}
.startCarousel .carousel-container::before {
 padding-bottom:33.25%
}
.startCarousel .carousel-nav {
 bottom:-2rem
}
.columns.column {
 margin-left:0;
 margin-right:0
}
footer {
 margin-top:20px;
 background-color:#333;
 color:#fff;
 padding-bottom:30px
}
footer a {
 color:#fff;
 font-weight:300
}
footer a:visited,
footer a:hover,
footer a:active {
 color:#fff
}
footer .institutions {
 padding:20px
}
footer .institutions a.institutionsLink img {
 height:80px
}
p.sectionToc a {
 display:block;
 margin-top:.4rem;
 margin-left:1rem;
 text-indent:-1rem
}
p.sectionToc a.level-3 {
 margin-left:2.5em
}
p.sectionToc a.level-4 {
 margin-left:4em
}
p.mainToc {
 margin:0 0 0.2rem
}
a.guidelines-edit {
 margin-left:10px;
 float:right;
 opacity:.2
}
p.gloss {
 padding:.2rem .4rem;
 background:#ebebeb
}
p.gloss {
 margin-top:-10px
}
h2:hover a.guidelines-edit,
h3:hover a.guidelines-edit,
h4:hover a.guidelines-edit,
h5:hover a.guidelines-edit,
h6:hover a.guidelines-edit {
 opacity:1
}
.wovenodd-col1 {
 vertical-align:top
}
.wovenodd-col2 .table td,
.wovenodd-col2 .table th {
 border-bottom:none
}
.wovenodd-col2 .table.table-striped tbody tr:nth-of-type(2n+1) {
 background:#f5f5f5
}
.wovenodd-col2 .schematronText {
 margin-bottom:.8rem
}
.wovenodd-col2 img {
 max-width:100%
}
.wovenodd-col2 .code code {
 background-color:#f5f5f5;
 border:.5px solid #cccccc
}
.wovenodd-col2 .code .indent1 .indent {
 margin-left:1em
}
.wovenodd-col2 .code .element {
 color:#000080;
 color:#4767b1
}
.wovenodd-col2 .code .element .attribute {
 color:#008080;
 color:#f98859
}
.wovenodd-col2 .code .element .attributevalue {
 color:#dd1144;
 color:#a14415
}
.wovenodd-col2 .code .comment {
 color:#999988;
 color:#208420;
 font-style:italic
}
div.tile {
 margin-left:1rem
}
div.tile+div.tile {
 margin-top:.5rem
}
div.tile+p,
div.tile+h1,
div.tile+h2,
div.tile+h3,
div.tile+h4,
div.tile+h5,
div.tile+h6 {
 margin-top:1em
}
.newsMenu h1,
.newsMenu h2,
.newsMenu h3,
.newsMenu h4,
.newsMenu h5,
.newsMenu h6 {
 margin-left:unset
}
.newsMenu h5.tile-title {
 margin-bottom:0
}
ul.nav li.nav-item:first-child {
 margin-top:0
}
ul.nav li.nav-item:first-child a {
 padding-top:0
}
.projects .card,
.conferences .card {
 margin-bottom:1rem;
 box-shadow:0 5px 15px #00000033;
 height:calc(100% - 1rem);
 justify-content:space-between
}
.projects .card .card-image,
.conferences .card .card-image {
 overflow:hidden
}
.projects .card img.mei-project-image,
.conferences .card img.mei-project-image {
 width:100%;
 height:150px
}
.example-tile-icon {
 align-content:space-around;
 align-items:center;
 background:#5755d9;
 border-radius:.1rem;
 color:#fff;
 display:flex;
 display:-ms-flexbox;
 -ms-flex-align:center;
 -ms-flex-line-pack:distribute;
 font-size:1.2rem;
 height:2rem;
 width:2rem
}
.newsTitle small {
 display:block;
 color:#666666;
 font-size:70%
}
.newsEntry {
 margin-left:1rem;
 margin-bottom:3rem
}
.icon {
 color:#ffffff
}
.tutorialBox h3 {
 font-size:1rem;
 margin:.8rem 0 0
}
.tutorialBox .tutorialGoal {
 margin-top:.5rem
}
.tutorialBox .tutorialGoal:before {
 font-weight:bold;
 content:"Goal: "
}
.tutorialBox .task:before {
 font-weight:bold;
 content:"Task: "
}
.tutorialBox #stepBox {
 margin:2rem 0
}
.tutorialBox #btn-openFullFileModal {
 font-size:.65rem;
 font-weight:400;
 cursor:pointer
}
.tutorialBox #btn-toggleHint {
 font-size:.65rem;
 font-weight:400;
 cursor:pointer
}
.tutorialBox #btn-toggleHint:focus {
 box-shadow:none
}
.tutorialBox #editorBox {
 height:5rem;
 margin:.5rem 0;
 background-color:#e5e5e5;
 border:.5px solid #999999;
 border-radius:.3rem;
 padding:.3rem
}
.tutorialBox #editorBox #editor {
 background-color:transparent;
 font-size:.9rem;
 font-family:'Courier';
 height:100%
}
.tutorialBox #editorBox #editor * {
 font-family:'Courier'
}
.tutorialBox #fullFileModal a#fullFileModalCloseBack {
 background-color:#333333;
 opacity:.9
}
.tutorialBox #fullFileModal .modal-body {
 height:20rem
}
.tutorialBox #fullFileModal .modal-body #fullFileContent {
 background-color:transparent;
 font-size:.7rem;
 font-family:'Courier';
 height:100%
}
.tutorialBox #fullFileModal .modal-body #fullFileContent * {
 font-family:'Courier'
}
.tutorialBox #acknowledgments {
 font-size:.7rem;
 margin:3rem 0 0
}
.tutorialBox #acknowledgments h3 {
 font-size:.8rem
}
.tutorialBox #acknowledgments p {
 margin-bottom:.2rem
}
.tutorialBox #acknowledgments #ackList {
 font-size:.7rem;
 list-style-type:none;
 margin:.5rem 0
}
.tutorialBox #acknowledgments #ackList .name {
 font-weight:500
}
.tutorialBox #acknowledgments #ackList .affiliation {
 font-weight:300;
 color:#666666
}
.tutorialBox #acknowledgments #ackList .affiliation:before {
 content:' | '
}
.tutorialBox pre.codeblock {
 background-color:#f5f5f5;
 border:.5px solid #999999;
 border-radius:.5rem;
 padding:.5rem 1rem;
 font-family:"SF Mono", "Segoe UI Mono", "Roboto Mono", Menlo, Courier, monospace;
 font-size:0.7rem;
 overflow:auto
}
.tutorialBox pre.codeblock+label {
 font-size:.7rem;
 font-weight:100;
 position:relative;
 top:-.9rem;
 left:.5rem
}
.tutorialBox #rendering {
 min-height:4rem;
 margin:0 .5rem .5rem
}
.tutorialBox #nextStepButton {
 margin:.5rem 0 2.5rem
}
.tutorialBox #instruction h1 {
 font-size:1rem;
 margin:.8rem 0 .2rem
}
.tutorialBox #instruction h2 {
 font-size:.9rem;
 margin:.8rem 0 .1rem
}
.tutorialBox #instruction h3 {
 font-size:.8rem;
 margin:.8rem 0 0
}
.sampleCode pre {
 overflow:auto;
 background-color:#f5f5f5;
 padding:.5rem;
 border-radius:.25rem
}
.sampleCode pre code {
 background:unset
}
.attributeDef .attributeUsage,
.attributeDef .attributeDesc,
.classContent .attributeDesc {
 margin-left:.3rem
}
.attributeDef .attributeClasses {
 font-weight:300
}
.attributeDef .attributeClasses:before {
 content:'(→ ';
 margin-left:5px
}
.attributeDef .attributeClasses:after {
 content:')'
}
table.wovenodd {
 border-collapse:collapse;
 width:100%
}
table.wovenodd>tbody>tr>td {
 border:.5px solid #cccccc;
 padding:.3rem
}
table.wovenodd>tbody>tr>td table thead {
 display:none
}
.oldGuidelines .panel {
 border:none
}
.oldGuidelines table.wovenodd {
 border:none
}
.oldGuidelines table.wovenodd td .label {
 border-radius:0;
 padding:0;
 background:none;
 color:unset;
 display:inline;
 font-weight:bolder
}
.oldGuidelines table.wovenodd .wovenodd-col2 .attributeDef {
 padding:.6rem .4rem
}
.oldGuidelines table.wovenodd .wovenodd-col2 .attributeDef .attribute {
 font-weight:bolder
}
.oldGuidelines table.wovenodd .wovenodd-col2 .attributeDef:nth-of-type(2n+1) {
 background:#f5f5f5
}
.oldGuidelines table.wovenodd .wovenodd-col2 .specChildren .specChild {
 margin:0 0 .4rem 2rem;
 text-indent:-2rem
}
.oldGuidelines table.wovenodd .wovenodd-col2 .specChildren .specChild .specChildModule {
 font-weight:bolder
}
.oldGuidelines .pre {
 background-color:#f5f5f5;
 border:.5px solid #cccccc;
 font-family:"SF Mono","Segoe UI Mono","Roboto Mono",Menlo,Courier,monospace;
 border-radius:.1rem;
 font-size:85%;
 color:inherit;
 display:block;
 line-height:1.5;
 overflow-x:auto;
 padding:1rem;
 width:100%
}
.oldGuidelines .pre .indent2,
.oldGuidelines .pre .indent3,
.oldGuidelines .pre .indent4,
.oldGuidelines .pre .indent5,
.oldGuidelines .pre .indent6,
.oldGuidelines .pre .indent7,
.oldGuidelines .pre .indent8 {
 margin-left:1em
}
.oldGuidelines .pre .element {
 color:#000080;
 color:#4767b1
}
.oldGuidelines .pre .element .attribute {
 color:#008080;
 color:#f98859
}
.oldGuidelines .pre .element .attributevalue {
 color:#dd1144;
 color:#a14415;
 margin-left:-.4rem
}
.oldGuidelines .pre .element .attributevalue .link_odd {
 margin-left:-.4rem
}
.oldGuidelines .pre .comment {
 color:#999988;
 color:#208420;
 font-style:italic
}
.oldGuidelines .textwidget .pre {
 margin-bottom:1.2rem
}
.oldGuidelines .textwidget ul.specList {
 list-style-type:none;
 margin-left:2rem
}
.oldGuidelines .textwidget ul.specList .specList-elementSpec {
 font-weight:700;
 margin-right:.4rem
}
.oldGuidelines .textwidget dl {
 width:100%;
 overflow:hidden
}
.oldGuidelines .textwidget dl dt {
 float:left;
 width:30%;
 box-sizing:border-box;
 padding:.6rem .4rem
}
.oldGuidelines .textwidget dl dd {
 float:left;
 width:70%;
 box-sizing:border-box;
 padding:.6rem .4rem;
 margin:0
}
.oldGuidelines .textwidget dl dd:after {
 content:'none';
 color:transparent
}
.oldGuidelines .textwidget dl dt:nth-of-type(2n+1),
.oldGuidelines .textwidget dl dd:nth-of-type(2n+1) {
 background:#dbdbdb
}
.oldGuidelines .textwidget .specDesc .att {
 margin-right:10px
}
.oldGuidelines .textwidget table.specDesc td.Attribute {
 font-weight:700;
 vertical-align:top
}
.oldGuidelines .sortedInitials.well {
 border:.5px solid #ccc;
 border-radius:5px;
 background-color:#f5f5f5;
 margin:0 10px 30px;
 padding:0 10px 10px
}
.oldGuidelines .sortedInitials.well a {
 text-decoration:none;
 margin-right:1rem;
 display:inline-block
}
.oldGuidelines .panel-grid-cell+.panel-grid-cell {
 padding-left:1rem
}
.oldGuidelines .guidelinesList {
 list-style-type:none
}
.smufl {
 width:1.5em;
 vertical-align:bottom
}
#bibbase_header .nav {
 display:block !important;
 flex-direction:unset
}
.bibbase_paper {
 margin-bottom:15px
}
.bibbase_paper_title>a {
 font-weight:bold
}
br.bibbase_paper_content {
 display:block
}
.bibbase_amazon {
 display:none
}
.bibliography .bibbase_group {
 color:#333;
 font-size:1.2rem
}
.bibliography .bibbase_group:before {
 border-color:#333
}
.bibliography .bibbase_group:after {
 border-color:#333
}
.bibliography .bibbase_group .bibbase_group_count {
 display:inline;
 position:relative;
 top:-0.5em;
 font-size:small;
 margin-left:2px
}
.mec-proceedings-section-divider {
 color:#333;
 font-size:1.2rem;
 font-weight:400;
 margin-top:2rem;
 text-align:center;
 display:flex;
 flex-direction:row;
 line-height:1.0em
}
.mec-proceedings-section-divider:before {
 border-top:2px solid #333;
 content:'';
 display:table-cell;
 position:relative;
 top:0.5em;
 flex:auto;
 margin-right:0
}
.mec-proceedings-section-divider:after {
 border-top:2px solid #333;
 content:'';
 display:table-cell;
 position:relative;
 top:0.5em;
 flex:auto;
 margin-left:0.25em
}
.mec-proceedings #bibbase_header {
 display:none
}