/*!
 * Pintuer v2.0 (https://www.pintuer.com)
 * Copyright 2014-2020 pintuer.com
 */
@-ms-viewport {
    width: device-width
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-overflow-style: scrollbar
}

body {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 1rem;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "simsun", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    background-color: #fff;
    line-height: 1.75;
    font-variant-ligatures: no-common-ligatures
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

mark,
kbd,
code,
dfn {
    padding: .125em .25em;
    border-radius: .25rem;
    margin: 0 .25em;
    line-height: 1
}

mark {
    color: #000;
    background: #ff0
}

kbd {
    color: #fff;
    background-color: #000;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25)
}

code {
    color: #d14;
    background-color: #f5f5f5
}

dfn {
    font-style: normal;
    background-color: #ddd;
    color: #666
}

var {
    font-style: normal;
    color: #d14;
    margin: 0 .25em
}

pre {
    display: block;
    overflow: auto;
    padding: 1.25em 2em;
    font-size: 85%;
    color: #000;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border-radius: .25rem
}

blockquote {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    border-color: #ddd;
    padding-left: 1.25rem
}

blockquote::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    content: " ";
    width: 0;
    border-width: .125rem;
    border-style: solid;
    border-color: inherit;
    border-radius: .25rem;
    padding: .25em 0
}

header,
nav,
menu,
aside,
main,
article,
section,
footer {
    display: block
}

hgroup,
figure,
figcaption,
details,
summary,
pre,
blockquote,
fieldset {
    display: block
}

section,
figure,
pre,
blockquote,
fieldset,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 1rem
}

section:last-child,
figure:last-child,
pre:last-child,
blockquote:last-child,
fieldset:last-child,
p:last-child {
    margin-bottom: 0
}

ul,
ol,
dl {
    margin: 1em 0
}

ul {
    padding-left: 1em
}

ol {
    padding-left: 2em
}

ul>li,
ol>li,
dt,
dd {
    line-height: 1.75
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0;
    margin-bottom: 1em
}

table {
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

td,
th {
    padding: .5em
}

b,
strong {
    font-weight: bold
}

small {
    font-size: 80%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1
}

h1>small,
h2>small,
h3>small,
h4>small,
h5>small,
h6>small {
    font-size: 75%;
    opacity: .75
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

figure {
    margin: 0
}

figcaption {
    font-size: 90%
}

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

svg:not(:root) {
    overflow: hidden
}

address {
    font-style: normal
}

hr {
    color: #333;
    border: 0;
    border-bottom: solid 1px #ddd;
    clear: both;
    float: none;
    width: 100%;
    height: 0;
    margin: 1em 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

a,
a:link {
    text-decoration: none;
    color: #333;
    transition: all .5s ease
}

a:active,
a:hover {
    outline: 0;
    color: #019be1;
    text-decoration: none
}

a:focus {
    text-decoration: none;
    outline: thin dotted;
    outline: .5em auto -webkit-focus-ring-color
}

fieldset {
    min-width: 0;
    border: solid 1px #ddd;
    border-radius: .25rem;
    padding: .5rem 1.5rem 0 1.5rem
}

legend {
    display: block;
    padding: 0 1em;
    margin: 0 1em;
    font-size: 120%;
    line-height: inherit;
    border: 0
}

label {
    display: inline-block;
    max-width: 100%
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"],
input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type="file"] {
    display: block
}

input[type="range"] {
    display: block;
    width: 100%
}

select[multiple],
select[size] {
    height: auto
}

optgroup {
    font-weight: bold
}

input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    color: #555
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed
}

textarea {
    overflow: auto;
    resize: vertical
}

.flex {
    display: flex
}

.flex-inline {
    display: inline-flex
}

.flex-reverse {
    flex-direction: row-reverse
}

.flex-column {
    flex-direction: column
}

.flex-column.flex-reverse {
    flex-direction: column-reverse
}

.flex-nowrap {
    flex-wrap: nowrap
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse
}

.flex-start {
    justify-content: flex-start
}

.flex-center {
    justify-content: center
}

.flex-end {
    justify-content: flex-end
}

.flex-between {
    justify-content: space-between
}

.flex-around {
    justify-content: space-around
}

.flex-items-start {
    align-items: flex-start
}

.flex-items-center {
    align-items: center
}

.flex-items-end {
    align-items: flex-end
}

.flex-items-baseline {
    align-items: baseline
}

.flex-items-stretch {
    align-items: stretch
}

.flex-self-start {
    align-self: flex-start
}

.flex-self-center {
    align-self: center
}

.flex-self-end {
    align-self: flex-end
}

.flex-self-baseline {
    align-self: baseline
}

.flex-self-stretch {
    align-self: stretch
}

.flex-content-start {
    align-content: flex-start
}

.flex-content-center {
    align-content: center
}

.flex-content-end {
    align-content: flex-end
}

.flex-content-between {
    align-content: space-between
}

.flex-content-around {
    align-content: space-around
}

.flex-middle {
    justify-content: center;
    align-items: center;
    align-self: center;
    align-content: center
}

.flex-fill {
    flex: 1 1 auto
}

.flex-grow {
    flex-grow: 1
}

.flex-shrink {
    flex-shrink: 1
}

.grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-y {
    flex-direction: column;
    -webkit-flex-direction: column
}

.grid-mini>.grid {
    margin: -0.03125rem
}

.grid-mini,
.grid-mini>.grid>[class*='x'],
.grid-mini>.grid>[class*='y'] {
    padding: .03125rem
}

.grid-small>.grid {
    margin: -0.25rem
}

.grid-small,
.grid-small>.grid>[class*='x'],
.grid-small>.grid>[class*='y'] {
    padding: .25rem
}

.grid-middle>.grid {
    margin: -0.5rem
}

.grid-middle,
.grid-middle>.grid>[class*='x'],
.grid-middle>.grid>[class*='y'] {
    padding: .5rem
}

.grid-big>.grid {
    margin: -0.75rem
}

.grid-big,
.grid-big>.grid>[class*='x'],
.grid-big>.grid>[class*='y'] {
    padding: .75rem
}

.grid-large>.grid {
    margin: -1rem
}

.grid-large,
.grid-large>.grid>[class*='x'],
.grid-large>.grid>[class*='y'] {
    padding: 1rem
}

.grid>div>[class*='grid-'] {
    margin: 0
}

.grid-table {
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd
}

.grid-table>[class*='x']:not(.x100) {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd
}

.x,
.x0,
.x1,
.x2,
.x20,
.x3,
.x4,
.x5,
.x6,
.x7,
.x8,
.x9,
.x10,
.x11,
.x12,
.mini-x,
.mini-x0,
.mini-x1,
.mini-x2,
.mini-x20,
.mini-x3,
.mini-x4,
.mini-x5,
.mini-x6,
.mini-x7,
.mini-x8,
.mini-x9,
.mini-x10,
.mini-x11,
.mini-x12,
.small-x,
.small-x0,
.small-x1,
.small-x2,
.small-x20,
.small-x3,
.small-x4,
.small-x5,
.small-x6,
.small-x7,
.small-x8,
.small-x9,
.small-x10,
.small-x11,
.small-x12,
.middle-x,
.middle-x0,
.middle-x1,
.middle-x2,
.middle-x20,
.middle-x3,
.middle-x4,
.middle-x5,
.middle-x6,
.middle-x7,
.middle-x8,
.middle-x9,
.middle-x10,
.middle-x11,
.middle-x12,
.big-x,
.big-x0,
.big-x1,
.big-x2,
.big-x20,
.big-x3,
.big-x4,
.big-x5,
.big-x6,
.big-x7,
.big-x8,
.big-x9,
.big-x10,
.big-x11,
.big-x12,
.large-x,
.large-x0,
.large-x1,
.large-x2,
.large-x20,
.large-x3,
.large-x4,
.large-x5,
.large-x6,
.large-x7,
.large-x8,
.large-x9,
.large-x10,
.large-x11,
.large-x12 {
    position: relative;
    width: 100%
}

.x {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.x0,
.mini-x0,
.small-x0,
.middle-x0,
.big-x0,
.large-x0 {
    max-width: 100%
}

.x0,
.w0 {
    width: auto
}

.x1,
.w1 {
    width: 8.33333333%
}

.x2,
.w2 {
    width: 16.66666667%
}

.x20,
.w20 {
    width: 20%
}

.x3,
.w3 {
    width: 25%
}

.x4,
.w4 {
    width: 33.33333333%
}

.x5,
.w5 {
    width: 41.66666667%
}

.x6,
.w6 {
    width: 50%
}

.x7,
.w7 {
    width: 58.33333333%
}

.x8,
.w8 {
    width: 66.66666667%
}

.x9,
.w9 {
    width: 75%
}

.x10,
.w10 {
    width: 83.33333333%
}

.x11,
.w11 {
    width: 91.66666667%
}

.x12,
.w12,
.x100,
.w100 {
    width: 100%
}

.y,
.y1,
.y2,
.y20,
.y3,
.y4,
.y5,
.y6,
.y7,
.y8,
.y9,
.y10,
.y11,
.y12 {
    position: relative;
    max-height: 100%
}

.y {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.y0 {
    height: auto
}

.y1 {
    height: 8.33333333%
}

.y2 {
    height: 16.66666667%
}

.y20 {
    height: 20%
}

.y3 {
    height: 25%
}

.y4 {
    height: 33.33333333%
}

.y5 {
    height: 41.66666667%
}

.y6 {
    height: 50%
}

.y7 {
    height: 58.33333333%
}

.y8 {
    height: 66.66666667%
}

.y9 {
    height: 75%
}

.y10 {
    height: 83.33333333%
}

.y11 {
    height: 91.66666667%
}

.y12,
.y100 {
    height: 100%
}

.order0 {
    order: 0
}

.order1 {
    order: 1
}

.order2 {
    order: 2
}

.order3 {
    order: 3
}

.order4 {
    order: 4
}

.order5 {
    order: 5
}

.order6 {
    order: 6
}

.order7 {
    order: 7
}

.order8 {
    order: 8
}

.order9 {
    order: 9
}

.order10 {
    order: 10
}

.order11 {
    order: 11
}

.order12 {
    order: 12
}

.order13 {
    order: 13
}

.move0 {
    margin-left: 0
}

.move1 {
    margin-left: 8.33333333%
}

.move2 {
    margin-left: 16.66666667%
}

.move3 {
    margin-left: 25%
}

.move4 {
    margin-left: 33.33333333%
}

.move5 {
    margin-left: 41.66666667%
}

.move6 {
    margin-left: 50%
}

.move7 {
    margin-left: 58.33333333%
}

.move8 {
    margin-left: 66.66666667%
}

.move9 {
    margin-left: 75%
}

.move10 {
    margin-left: 83.33333333%
}

.move11 {
    margin-left: 91.66666667%
}

.table {
    border: 1px solid #ddd;
    border-radius: .25rem
}

.table th,
.table td {
    border-top: 1px solid #ddd;
    padding: .5rem;
    border-right: 1px solid #ddd
}

.table th {
    border-top: 0;
    border-bottom-width: 1px;
    vertical-align: middle
}

.table tr:first-child>td {
    border-top: 0
}

.table td:last-child,
.table th:last-child {
    border-right: 0
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f5f5f5
}

.table-hover>tbody>tr:hover>td {
    background-color: #f5f5f5;
    color: inherit
}

.table-small th,
.table-small td {
    padding: .25rem
}

.table-big th,
.table-big td {
    padding: 1rem
}

.table-line,
.table-cube,
.table-none {
    border: 0;
    border-collapse: collapse;
    border-radius: 0
}

.table-line th,
.table-line td {
    border-right: 0
}

.table-none th,
.table-none td {
    border: 0
}

.table.align-center th,
.table tr.align-center>th,
.table th.align-center {
    text-align: center
}

.table.align-right th,
.table tr.align-right>th,
.table th.align-right {
    text-align: right
}

.table.align-top th,
.table tr.align-top>th,
.table th.align-top,
.table.align-top td {
    vertical-align: top
}

.table.align-bottom th,
.table tr.align-bottom>th,
.table th.align-bottom,
.table.align-bottom td {
    vertical-align: bottom
}

.list li {
    padding: .5em 0
}

.list-cn {
    list-style-type: cjk-ideographic
}

.list-en {
    list-style-type: upper-alpha
}

.list-unstyle,
.list-inline {
    list-style: none;
    padding-left: 0
}

.list-unstyle ul {
    list-style: disc
}

.list-inline li {
    display: inline-block;
    padding: 0 .5em;
    width: auto
}

.list ul,
.list ol {
    margin: .5em 0 0 0
}

.list ul>li:last-child,
.list ol>li:last-child {
    padding-bottom: 0
}

.dl-inline dt {
    width: 2em;
    display: inline-block;
    float: left;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.dl-inline dd {
    display: block;
    padding-left: 1em;
    margin-left: 2em
}

.list-group {
    list-style: none;
    padding: 0;
    margin: 0
}

.list-group>li,
.list-link>a {
    padding: .5em 0;
    display: block;
    border-bottom: solid 1px #ddd
}

.list-icon {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    padding-left: 2.5rem
}

.list-icon>li {
    display: flex;
    align-items: center
}

.list-icon>li>.list-media {
    width: 1.5rem;
    margin: 0 .5rem 0 -2rem
}

.list-icon>li>.list-addon {
    font-size: 87.5%;
    margin-left: auto
}

.list-box {
    border: solid 1px #ddd;
    border-radius: .25rem
}

.list-group.list-five>li,
.list-group.list-five>a {
    padding: .5em 0;
    border-bottom: 0
}

.list-box.list-five>li,
.list-box.list-five>a {
    padding: .5em 1em
}

.list-five>li:nth-child(5n) {
    border-bottom: solid 1px #ddd;
    padding-bottom: 1em;
    margin-bottom: 1em
}

.list-five.list-box>li:first-child {
    padding-top: 1em
}

.list-group>li:last-child,
.list-link>a:last-child {
    border-bottom: 0 none;
    margin: 0
}

.list-striped>li:nth-child(2n) {
    background-color: #f5f5f5
}

.list-striped>li,
.list-box>li,
.list-box>a {
    padding: .5em 1em
}

.list-link>a {
    color: #333;
    transition: all .3s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.list-link>a:hover {
    background-color: #f5f5f5;
    text-decoration: none
}

.list-link>a.active:link,
.list-link>a.active:visited {
    background-color: #f5f5f5
}

.list-box>li:first-child,
.list-link>a:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-box>li:last-child,
.list-link>a:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.figure {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.figure>img {
    max-width: 100%;
    height: auto;
    line-height: 1;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.figure>figcaption {
    padding: .5rem 0
}

.figure>figcaption[class^='bg'] {
    padding: .5rem 1rem
}

.figure>figcaption,
.figure.figure-above>img {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.figure.figure-above>figcaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: .5rem 1rem;
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.figure.figure-above.figure-above-top>figcaption {
    top: 0;
    bottom: auto;
    border-radius: 0;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.figure.figure-above.figure-above-full>figcaption {
    top: 0;
    border-radius: inherit
}

.media {
    display: flex;
    justify-content: flex-start
}

.media-body {
    line-height: 1;
    flex: 1
}

.media-body>strong {
    font-weight: 450;
    line-height: 1.2;
    display: block;
    margin-bottom: .375rem
}

.media-body>p {
    margin-top: 0;
    font-size: 87.5%;
    line-height: 1.5
}

.media-body>p:last-child {
    margin-bottom: 0
}

.media-body>.media {
    margin-top: 1rem
}

.media.flex-column>.media-body>strong,
.media.flex-column>.media-body>p:first-child {
    margin-top: .75rem
}

.media-group>.media:not(:first-child) {
    margin-top: 1.5rem
}

.icon-up,
.icon-down,
.icon-left,
.icon-right,
.icon-arrow-up,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-check,
.icon-times,
.icon-plus,
.icon-success,
.icon-add,
.icon-reduce,
.icon-full,
.icon-play,
.icon-danger,
.icon-info,
.icon-warning,
.icon-clock,
.icon-search-border,
.icon-verify,
.icon-add-bg,
.icon-reduce-bg,
.icon-full-bg,
.icon-play-bg,
.icon-success-bg,
.icon-danger-bg,
.icon-warning-bg,
.icon-info-bg,
.icon-clock-bg,
.icon-search-bg,
.icon-search,
.icon-doc,
.icon-home,
.icon-home-bg,
.icon-download,
.icon-upload,
.icon-nav,
.icon-menu,
.icon-pc,
.icon-phone,
.icon-mail,
.icon-user,
.icon-lock,
.icon-key,
.icon-link,
.icon-moon,
.icon-position,
.icon-heart {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    height: 1em
}

.icon-up,
.icon-down,
.icon-left,
.icon-right {
    width: 0;
    height: 0;
    border-bottom: .25em solid currentColor;
    border-right: .25em solid transparent;
    border-left: .25em solid transparent
}

.icon-down {
    transform: rotate(180deg)
}

.icon-left {
    transform: rotate(-90deg);
    margin-right: 0
}

.icon-right {
    transform: rotate(90deg);
    margin-right: 0
}

.icon-arrow-up,
.icon-arrow-down {
    position: relative;
    width: 1em;
    height: .6em
}

.icon-arrow-left,
.icon-arrow-right {
    position: relative;
    width: .6em;
    height: 1em
}

.icon-arrow-up:before,
.icon-arrow-down:before,
.icon-arrow-up:after,
.icon-arrow-down:after {
    content: "";
    position: absolute;
    width: .785em;
    height: .1em;
    top: 0;
    left: 0;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg);
    transform-origin: 0 0
}

.icon-arrow-up:after,
.icon-arrow-down:after {
    transform: rotate(-45deg);
    transform-origin: right 0;
    left: auto;
    right: 0
}

.icon-arrow-up {
    transform: rotate(180deg)
}

.icon-arrow-left:before,
.icon-arrow-right:before,
.icon-arrow-left:after,
.icon-arrow-right:after {
    content: "";
    position: absolute;
    width: .1em;
    height: .785em;
    top: 0;
    left: 0;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(-45deg);
    transform-origin: 0 0
}

.icon-arrow-left:after,
.icon-arrow-right:after {
    transform: rotate(45deg);
    transform-origin: 0 bottom;
    top: auto;
    bottom: 0
}

.icon-arrow-left {
    transform: rotate(180deg)
}

.icon-check {
    position: relative;
    width: 1em;
    height: .1em;
    padding-left: .65em;
    border-radius: .1em;
    background-color: currentColor;
    transform: rotate(135deg);
    transform-origin: center center
}

.icon-check:before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    top: .27em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(90deg)
}

.icon-times {
    position: relative;
    width: 1em;
    height: 1em;
    transform: rotate(45deg)
}

.icon-times:before {
    content: "";
    position: absolute;
    width: 100%;
    height: .1em;
    top: .45em;
    left: 0;
    background-color: currentColor;
    border-radius: .1em
}

.icon-times:after {
    content: "";
    position: absolute;
    width: .1em;
    height: 100%;
    top: 0;
    left: .45em;
    border-radius: .1em;
    background-color: currentColor
}

.icon-plus {
    position: relative;
    width: .8em;
    height: .8em
}

.icon-plus:before {
    content: "";
    position: absolute;
    width: .8em;
    height: .1em;
    top: .35em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-plus:after {
    content: "";
    position: absolute;
    height: .8em;
    width: .1em;
    left: .35em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-success,
.icon-add,
.icon-reduce,
.icon-full,
.icon-play,
.icon-danger,
.icon-info,
.icon-warning,
.icon-clock,
.icon-search-border {
    position: relative;
    width: 1em;
    height: 1em;
    border: solid .1em currentColor;
    border-radius: 50%
}

.icon-add-bg,
.icon-reduce-bg,
.icon-full-bg,
.icon-play-bg,
.icon-success-bg,
.icon-danger-bg,
.icon-warning-bg,
.icon-info-bg,
.icon-clock-bg,
.icon-search-bg {
    background-color: currentColor;
    position: relative;
    width: 1em;
    height: 1em;
    border: solid .1em currentColor;
    border-radius: 50%
}

.icon-add:before,
.icon-reduce:before,
.icon-danger:before,
.icon-add-bg:before,
.icon-reduce-bg:before,
.icon-danger-bg:before {
    content: "";
    position: absolute;
    top: .35em;
    left: .125em;
    width: .55em;
    height: .1em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-add:after,
.icon-danger:after,
.icon-add-bg:after,
.icon-danger-bg:after {
    content: "";
    position: absolute;
    top: .125em;
    left: .35em;
    height: .55em;
    width: .1em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-add-bg:before,
.icon-reduce-bg:before,
.icon-danger-bg:before,
.icon-add-bg:after,
.icon-danger-bg:after {
    background-color: #fff
}

.icon-danger,
.icon-danger-bg {
    transform: rotate(45deg)
}

.icon-full:before,
.icon-full:after,
.icon-full-bg:before,
.icon-full-bg:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: .15em;
    top: -0.15em;
    border: .25em solid transparent;
    border-bottom-color: currentColor
}

.icon-full:after,
.icon-full-bg:after {
    top: .45em;
    transform: rotate(180deg)
}

.icon-full-bg:before,
.icon-full-bg:after {
    border-bottom-color: #fff
}

.icon-full,
.icon-full-bg {
    transform: rotate(45deg)
}

.icon-play:before,
.icon-play-bg:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: .275em;
    top: .165em;
    border: .25em solid transparent;
    border-left: solid .375em currentColor
}

.icon-play-bg:before {
    border-left-color: #fff
}

.icon-success:before,
.icon-success-bg:before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    top: .4em;
    left: .2em;
    border-radius: .1em;
    background-color: currentColor;
    transform: rotate(135deg);
    transform-origin: center center
}

.icon-success:after,
.icon-success-bg:after {
    content: "";
    position: absolute;
    width: .35em;
    height: .1em;
    top: .485em;
    left: .05em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg)
}

.icon-success-bg:before,
.icon-success-bg:after {
    background-color: #fff
}

.icon-info:before,
.icon-warning:before,
.icon-info-bg:before,
.icon-warning-bg:before {
    content: "";
    position: absolute;
    top: .1em;
    left: .325em;
    width: .15em;
    height: .15em;
    background-color: currentColor;
    border-radius: 50%
}

.icon-info:after,
.icon-warning:after,
.icon-info-bg:after,
.icon-warning-bg:after {
    content: "";
    position: absolute;
    top: .325em;
    left: .3375em;
    width: .125em;
    height: .4em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-info-bg:before,
.icon-warning-bg:before,
.icon-info-bg:after,
.icon-warning-bg:after {
    background-color: #fff
}

.icon-warning,
.icon-warning-bg {
    transform: rotate(180deg)
}

.icon-clock:before,
.icon-clock-bg:before {
    content: "";
    position: absolute;
    top: .05em;
    left: .35em;
    width: .1em;
    height: .4em;
    background-color: currentColor;
    border-radius: .1em .1em 0 0
}

.icon-clock:after,
.icon-clock-bg:after {
    content: "";
    position: absolute;
    top: .45em;
    left: .35em;
    width: .1em;
    height: .25em;
    background-color: currentColor;
    border-radius: 0 0 .1em .1em;
    transform: rotate(-45deg);
    transform-origin: 0 0
}

.icon-clock-bg:before,
.icon-clock-bg:after {
    background-color: #fff
}

.icon-verify {
    overflow: hidden
}

.icon-verify:before {
    content: "";
    position: absolute;
    width: .8em;
    height: .6em;
    left: .1em;
    top: .2em;
    border: solid .1em currentColor;
    border-radius: .1em
}

.icon-verify:after {
    content: "";
    position: absolute;
    width: .1em;
    height: .1em;
    left: .3em;
    top: .45em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: .15em 0, .3em 0
}

.icon-search,
.icon-search-border:before,
.icon-search-bg:before {
    position: relative;
    width: .85em;
    height: .85em;
    margin-right: .2em;
    border: .1em solid currentColor;
    border-radius: 50%
}

.icon-search:after,
.icon-search-border:after,
.icon-search-bg:after {
    content: "";
    position: absolute;
    width: .35em;
    height: .1em;
    top: .75em;
    left: .5em;
    background-color: currentColor;
    border-radius: .15em;
    transform: rotate(40deg);
    transform-origin: right center
}

.icon-search-border:before,
.icon-search-bg:before {
    content: "";
    position: absolute;
    left: .1em;
    top: .1em;
    width: .5em;
    height: .5em
}

.icon-search-border:after,
.icon-search-bg:after {
    width: .25em;
    top: .6em;
    left: .4em
}

.icon-search-bg:before {
    border-color: #fff
}

.icon-search-bg:after {
    background-color: #fff
}

.icon-doc {
    position: relative;
    width: .8em;
    height: 1em;
    border-width: .1em;
    border-style: solid;
    border-color: currentColor;
    border-radius: .1em
}

.icon-doc:before {
    content: "";
    position: absolute;
    width: .2em;
    height: .35em;
    left: .35em;
    top: 0;
    border: solid .05em currentColor;
    border-top: 0;
    border-bottom: 0
}

.icon-doc:after {
    content: "";
    position: absolute;
    border-top: solid .05em currentColor;
    border-right: solid .05em currentColor;
    top: .25em;
    left: .375em;
    width: .15em;
    height: .15em;
    transform: rotate(-45deg)
}

.icon-home {
    position: relative;
    width: .7em;
    height: .5em;
    border-width: .1em;
    border-style: none solid solid;
    border-color: currentColor;
    border-radius: .075em;
    margin: .5em .3em 0 .1em
}

.icon-home:before {
    content: "";
    position: absolute;
    border-top: solid .1em currentColor;
    border-right: solid .1em currentColor;
    border-radius: .1em;
    top: -0.25em;
    left: -0.1em;
    width: .7em;
    height: .7em;
    transform: rotate(-45deg)
}

.icon-home:after {
    content: "";
    position: absolute;
    width: .2em;
    height: .35em;
    bottom: -0.08em;
    left: .15em;
    border: solid .05em currentColor;
    border-radius: .35em .35em 0 0
}

.icon-home-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: solid .5em transparent;
    border-bottom-color: currentColor;
    border-top: 0;
    border-radius: .1em
}

.icon-home-bg:after {
    content: "";
    position: absolute;
    width: .7em;
    height: .5em;
    left: .15em;
    top: .375em;
    border: solid .25em currentColor;
    border-bottom: 0;
    border-radius: .05em
}

.icon-home-bgx {
    position: relative;
    border: solid .5em transparent;
    border-bottom-color: currentColor;
    border-top: 0;
    border-radius: .1em;
    margin-bottom: .375em
}

.icon-home-bgx:before {
    content: "";
    position: absolute;
    width: .65em;
    height: .5em;
    left: -0.325em;
    top: .375em;
    border: solid .25em currentColor;
    border-bottom: 0;
    border-radius: .05em
}

.icon-download,
.icon-upload {
    position: relative;
    width: 1em;
    height: .4em;
    margin-top: .5em;
    border-width: .1em;
    border-style: none solid solid;
    border-color: currentColor;
    border-radius: .075em
}

.icon-download:before,
.icon-upload:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .35em;
    margin: auto;
    width: .1em;
    height: .5em;
    background-color: currentColor;
    border-radius: .1em .1em 0 0
}

.icon-download:after,
.icon-upload:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: .1em;
    left: 0;
    margin: auto;
    border-top: .25em solid currentColor;
    border-right: .25em solid transparent;
    border-left: .25em solid transparent
}

.icon-upload:before {
    bottom: .15em;
    border-radius: 0 0 .1em .1em
}

.icon-upload:after {
    bottom: .55em;
    border-top: 0;
    border-bottom: .25em solid currentColor
}

.icon-nav {
    position: relative;
    width: 1em;
    height: .75em
}

.icon-nav:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: .1em;
    background-color: currentColor;
    border-radius: .1em;
    box-shadow: 0 .325em, 0 .65em
}

.icon-menu {
    position: relative;
    width: 1em;
    height: 1em
}

.icon-menu:before {
    content: "";
    position: absolute;
    top: .375em;
    left: 0;
    width: .25em;
    height: .25em;
    background-color: currentColor;
    border-radius: 50%;
    box-shadow: .375em 0, .75em 0
}

.icon-pc {
    position: relative;
    width: 1em;
    height: .7em;
    margin-bottom: .25em;
    border-width: .1em .1em .15em;
    border-style: solid;
    border-color: currentColor;
    border-radius: .1em
}

.icon-pc:before {
    content: "";
    position: absolute;
    top: .6em;
    right: 0;
    left: 0;
    margin: auto;
    width: .3em;
    height: .15em;
    background-color: currentColor
}

.icon-pc:after {
    content: "";
    position: absolute;
    top: .7em;
    right: 0;
    left: 0;
    margin: auto;
    width: .8em;
    height: .1em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-phone {
    position: relative;
    width: .7em;
    height: 1em;
    border-width: .1em;
    border-style: solid;
    border-color: currentColor;
    border-radius: .1em
}

.icon-phone:before {
    content: "";
    position: absolute;
    width: .1em;
    height: .1em;
    bottom: .05em;
    left: 0;
    right: 0;
    margin: auto;
    background-color: currentColor;
    border-radius: .1em
}

.icon-phone:after {
    content: "";
    position: absolute;
    right: 0;
    top: .05em;
    left: 0;
    margin: auto;
    width: .25em;
    height: .05em;
    border-radius: .1em;
    background-color: currentColor
}

.icon-mail {
    position: relative;
    width: 1em;
    height: .8em;
    border: solid .1em currentColor;
    border-radius: .1em
}

.icon-mail:before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    left: -0.05em;
    top: 0;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(35deg);
    transform-origin: left center
}

.icon-mail:after {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    top: 0;
    right: -0.05em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(-35deg);
    transform-origin: right center
}

.icon-user {
    position: relative;
    width: .7em;
    height: .25em;
    border: solid .1em currentColor;
    border-bottom: 0;
    border-radius: .5em .5em 0 0;
    margin-top: .5em
}

.icon-user:before {
    content: "";
    position: absolute;
    width: .45em;
    height: .45em;
    top: -0.6em;
    left: .025em;
    border: solid .1em currentColor;
    border-radius: 50%
}

.icon-lock {
    position: relative;
    width: .7em;
    height: .55em;
    border: solid .1em currentColor;
    border-radius: .1em;
    margin-top: .45em
}

.icon-lock:before {
    content: "";
    position: absolute;
    width: .5em;
    height: .45em;
    top: -0.45em;
    border: solid .1em currentColor;
    border-radius: .35em .35em 0 0
}

.icon-lock:after {
    content: "";
    position: absolute;
    width: .05em;
    height: .15em;
    top: .15em;
    left: .4em;
    background-color: currentColor;
    border-radius: .1em
}

.icon-key {
    position: relative;
    width: .6em;
    height: .4em;
    border: solid .1em currentColor;
    border-radius: 50%;
    margin-top: .6em
}

.icon-key:before {
    content: "";
    position: absolute;
    width: .1em;
    height: .6em;
    top: -0.6em;
    left: .15em;
    background-color: currentColor;
    border-radius: .1em .1em 0 0
}

.icon-key:after {
    content: "";
    position: absolute;
    width: .2em;
    height: .1em;
    top: -0.525em;
    left: .2em;
    background-color: currentColor;
    border-radius: 0 .1em .1em 0;
    box-shadow: 0 .15em
}

.icon-link {
    position: relative;
    width: .35em;
    height: .1em;
    margin: .45em .325em;
    background-color: currentColor;
    transform: rotate(-45deg)
}

.icon-link:before {
    content: "";
    position: absolute;
    width: .55em;
    height: .4em;
    left: -.4em;
    top: -.15em;
    border: solid .1em currentColor;
    border-radius: .15em
}

.icon-link:after {
    content: "";
    position: absolute;
    width: .55em;
    height: .4em;
    left: .175em;
    top: -.15em;
    border: solid .1em currentColor;
    border-radius: .15em
}

.icon-moon {
    height: 1em;
    width: 1em;
    box-shadow: inset -.30em 0 0;
    border-radius: 1em;
    transform: rotate(20deg)
}

.icon-position {
    position: relative;
    width: .8em;
    height: .8em;
    background-color: currentColor;
    border-radius: 50% 50% 50% 0;
    transform: rotate(-45deg)
}

.icon-position:before {
    content: "";
    position: absolute;
    width: .4em;
    height: .4em;
    top: .2em;
    left: .2em;
    border-radius: 50%;
    background-color: #fff
}

.icon-heart {
    position: relative;
    width: .56em;
    height: .84em;
    background-color: currentColor;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    transform: rotate(-45deg);
    transform-origin: center bottom
}

.icon-heart:after {
    content: "";
    position: absolute;
    top: -.275em;
    left: -.275em;
    width: .56em;
    height: .84em;
    background-color: currentColor;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    transform: rotate(90deg);
    transform-origin: center bottom
}

.icon-icon {
    display: inline-block;
    position: relative;
    width: 1em;
    height: 1em;
    border: solid .05em currentColor;
    border-radius: .2em;
    font-size: 1rem;
    vertical-align: middle
}

.icon-icon:before {
    content: "";
    position: absolute;
    top: .1em;
    left: .1em;
    width: .7em;
    height: .7em;
    outline: solid .05em currentColor;
    border: solid .15em transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 .05em, inset 0 0 0 .05em;
    opacity: .5
}

.icon-icon:after {
    content: "";
    position: absolute;
    width: 1.2em;
    height: .05em;
    left: .045em;
    top: .01em;
    background-color: currentColor;
    transform: rotate(45deg);
    transform-origin: 0 0;
    opacity: .5
}

.icon-icon>i {
    position: absolute;
    width: .975em;
    top: .245em;
    left: -.045em;
    height: .05em;
    background-color: currentColor;
    box-shadow: 0 .175em, 0 .35em;
    opacity: .5
}

.icon-icon>i:before {
    content: "";
    position: absolute;
    width: .05em;
    top: -.275em;
    left: .3025em;
    height: .975em;
    background-color: currentColor;
    box-shadow: .175em 0, .35em 0
}

.icon-icon>i:after {
    content: "";
    position: absolute;
    width: 1.2em;
    height: .05em;
    left: .05em;
    bottom: -0.6em;
    background-color: currentColor;
    opacity: .75;
    transform: rotate(-45deg);
    transform-origin: 0 0
}

.fadein,
.fadein-top,
.fadein-bottom,
.fadein-left,
.fadein-right {
    opacity: 0;
    transition: all .35s linear
}

.fadein-top {
    transform: translateY(-1rem)
}

.fadein-bottom {
    transform: translateY(1rem)
}

.fadein-left {
    transform: translateX(-1rem)
}

.fadein-right {
    transform: translateX(1rem)
}

.effect.active .fadein,
.effect-hover:hover .fadein,
.effect-hover.fadein:hover,
.effect.fadein {
    opacity: 1;
    transform: translateX(0);
    transform: translateY(0)
}

.fadeout,
.fadeout-top,
.fadeout-bottom,
.fadeout-left,
.fadeout-right {
    transition: all .35s linear
}

.effect.active .fadeout,
.effect-hover:hover .fadeout,
.effect-hover.fadeout:hover,
.effect.fadeout {
    opacity: 0
}

.effect.active .fadeout-top,
.effect-hover:hover .fadeout-top,
.effect-hover.fadeout-top:hover,
.effect.fadeout-top {
    transform: translateY(-1rem)
}

.effect.active .fadeout-bottom,
.effect-hover:hover .fadeout-bottom,
.effect-hover.fadeout-bottom:hover,
.effect.fadeout-bottom {
    transform: translateY(1rem)
}

.effect.active .fadeout-left,
.effect-hover:hover .fadeout-left,
.effect-hover.fadeout-left:hover,
.effect.fadeout-left {
    transform: translateX(-1rem)
}

.effect.active .fadeout-right,
.effect-hover:hover .fadeout-right,
.effect-hover.fadeout-right:hover,
.effect.fadeout-right {
    transform: translateX(1rem)
}

.offset-top,
.offset-bottom,
.offset-left,
.offset-right {
    transition: all .35s ease
}

.effect.active .offset-top,
.effect-hover:hover .offset-top,
.effect-hover.offset-top:hover,
.effect.offset-top {
    transform: translateY(-1rem)
}

.effect.active .offset-bottom,
.effect-hover:hover .offset-bottom,
.effect-hover.offset-bottom:hover,
.effect.offset-bottom {
    transform: translateY(1rem)
}

.effect.active .offset-left,
.effect-hover:hover .offset-left,
.effect-hover.offset-left:hover,
.effect.offset-left {
    transform: translateX(-1rem)
}

.effect.active .offset-right,
.effect-hover:hover .offset-right,
.effect-hover.offset-right:hover,
.effect.offset-right {
    transform: translateX(1rem)
}

.open-width {
    opacity: 0;
    width: 0;
    height: 100%;
    transition: all .35s ease
}

.open-height {
    opacity: 0;
    height: 0;
    width: 100%;
    transition: all .35s ease
}

.close-width,
.close-height {
    height: 100%;
    width: 100%;
    transition: all .35s ease
}

.effect.active .open-width,
.effect-hover:hover .open-width,
.effect-hover.open-width:hover,
.effect.open-width {
    width: 100% !important;
    opacity: 1
}

.effect.active .open-height,
.effect-hover:hover .open-height,
.effect-hover.open-height:hover,
.effect.open-height {
    height: 100% !important;
    opacity: 1
}

.effect.active .close-width,
.effect-hover:hover .close-width,
.effect-hover.close-width:hover,
.effect.close-width {
    width: 0 !important;
    opacity: 0
}

.effect.active .close-height,
.effect-hover:hover .close-height,
.effect-hover.close-height:hover,
.effect.close-height {
    height: 0 !important;
    opacity: 0
}

.scale,
.shrink {
    transition: all .35s ease
}

.effect.active .scale,
.effect-hover:hover .scale,
.effect-hover.scale:hover,
.effect.scale {
    transform: scale(1.05)
}

.effect.active .shrink,
.effect-hover:hover .shrink,
.effect-hover.shrink:hover,
.effect.shrink {
    transform: scale(0.95)
}

.effect.active .rotate-once,
.effect-hover:hover .rotate-once,
.effect-hover.rotate-once:hover,
.effect.rotate-once {
    animation: rotate-effect 1s linear
}

.effect.active .rotate,
.effect-hover:hover .rotate,
.effect-hover.rotate:hover,
.effect.rotate {
    animation: rotate-effect 1s infinite linear
}

@keyframes rotate-effect {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.change {
    transition: all .35s ease
}

.change:last-child {
    opacity: 0
}

.effect.active .change:first-child,
.effect-hover:hover .change:first-child {
    transform: translateY(-100%);
    opacity: 0
}

.effect.active .change:last-child,
.effect-hover:hover .change:last-child {
    transform: translateY(-100%);
    opacity: 1
}

.button {
    position: relative;
    border: solid 1px #ddd !important;
    border-radius: .25rem !important;
    background: transparent;
    display: inline-block;
    line-height: 1.5;
    padding: .375em 1em;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.button[disabled] {
    pointer-events: none;
    box-shadow: none;
    opacity: .5
}

.button:link {
    text-decoration: none;
    color: #333
}

.button:hover {
    background-color: #f5f5f5;
    z-index: 2
}

.button:active {
    outline: 0;
    z-index: 2;
    opacity: .8
}

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

.button[class*='text']:hover,
.button[class*='text'].active,
.button[class*='bg'],
.button.border:hover {
    border-color: transparent !important
}

.button[class*='text']:hover,
.button[class*='text'].active,
.button[class*='bg-'],
.button[class*='border']:hover,
.button[class*='border'].active,
.button.bg:hover,
.button.text-light {
    color: #fff !important
}

.button.text-silver,
.button.text-light,
.button.text-white,
.button.bg-silver,
.button.bg-light,
.button.bg-white,
.button.text-silver.active,
.button.text-light.active,
.button.text-white.active,
.button.bg-silver.active,
.button.bg-light.active,
.button.bg-white.active,
.button[class*='-silver']:hover,
.button[class*='-light']:hover,
.button[class*='-white']:hover {
    color: #333 !important
}

.button[class*='bg-']:hover::before {
    position: absolute;
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: 0;
    left: 0;
    border-radius: inherit;
    background-color: rgba(0, 0, 0, .05)
}

.button[class*='bg-']:active,
.button[class*='bg-'].active {
    opacity: .8
}

.button-mini {
    padding: .125em .5em
}

.button-small {
    padding: .25em .75em
}

.button-big {
    padding: .625em 1.25em
}

.button-large {
    padding: .875em 1.5em
}

.button-icon {
    padding: .5em !important;
    line-height: 1;
    border-radius: 100% !important
}

.button-group,
.button-group.drop {
    display: inline-flex;
    position: relative;
    vertical-align: middle
}

.button-group:not(.button-group-y)>.button:not(:first-child):not(:last-child),
.button-group:not(.button-group-y)>.drop:not(:first-child):not(:last-child)>.button {
    margin-left: -1px;
    border-radius: 0 !important
}

.button-group:not(.button-group-y)>.button:first-child:not(:last-child),
.button-group:not(.button-group-y)>.drop:first-child>.button {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-left: 0
}

.button-group:not(.button-group-y)>.button:last-child:not(:first-child),
.button-group:not(.button-group-y)>.drop:last-child>.button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -1px
}

.button-group>.button.button-toggle {
    padding-left: .25em;
    padding-right: .25em
}

.button-group-y {
    flex-direction: column;
    -webkit-flex-direction: column
}

.button-group.button-group-y>.button:not(:first-child):not(:last-child),
.button-group.button-group-y>.drop:not(:first-child):not(:last-child)>.button {
    margin-top: -1px;
    border-radius: 0 !important
}

.button-group.button-group-y>.button:first-child:not(:last-child),
.button-group.button-group-y>.drop:first-child>.button {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-top: 0
}

.button-group.button-group-y>.button:last-child:not(:first-child),
.button-group.button-group-y>.drop:last-child>.button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -1px
}

.input {
    padding: .375em .75em;
    border: solid 1px #ddd;
    width: 100%;
    line-height: 1.5;
    display: block;
    border-radius: .25rem;
    outline: 0;
    background-color: transparent;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.input[type="color"] {
    width: 3.5rem;
    display: inline-block
}

select.input,
.input.input-select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 1.75rem;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23999999' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px
}

select.input:not([size]):not([multiple]),
select.input+.input.input-text,
.input[type="color"],
.input[type="range"] {
    height: calc(2.25em + 2px)
}

select.input:focus::-ms-value {
    color: #019be1;
    background-color: transparent
}

select.input::-ms-expand {
    display: none
}

.input[disabled] {
    background-color: #f5f5f5
}

.input-text,
.input[readonly] {
    border-color: transparent;
    pointer-events: none;
    background-color: transparent
}

.input:focus,
.input:active {
    border-color: #019be1;
    z-index: 2
}

.input-auto {
    width: auto;
    max-width: 100%;
    display: inline-block
}

.input-switch,
.input-icon {
    position: relative
}

.input-check>label,
.input-upfile,
.input-select,
.input-search>.option,
.input-search.drop {
    display: block;
    position: relative
}

.input-check,
.input-switch {
    line-height: 2
}

.input-check.input-check-inline>label {
    margin-right: 1rem;
    white-space: nowrap;
    display: inline-block
}

.input-check.input-check-inline>label:last-child {
    margin-right: 0
}

.input-check>label>input[type="radio"],
.input-check>label>input[type="checkbox"],
.input-switch>input[type="checkbox"],
.input-search>.option>label>input[type="radio"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
    appearance: none;
    outline: 0;
    width: 0;
    height: 0
}

.input-check>label>input[type="radio"]+i,
.input-check>label>input[type="checkbox"]+i,
.input-switch>input[type="checkbox"]+i {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    vertical-align: text-bottom;
    border: solid 1px #ddd;
    border-radius: 100%
}

.input-check>label>input[type="checkbox"]+i {
    border-radius: .125rem
}

.input-check>label>input:checked+i {
    background-color: #019be1;
    border-color: transparent;
    transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s
}

.input-check>label>input:checked+i::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    top: 2px;
    left: 5px;
    border-right: 1.5px solid #fff;
    border-bottom: 1.5px solid #fff;
    transform: rotate(45deg)
}

.input-switch>input[type="checkbox"]+i {
    width: 54px;
    height: 34px;
    border-radius: 34px;
    background-color: #f5f5f5;
    vertical-align: middle
}

.input-switch>input[type="checkbox"]+i::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    background-color: #fff;
    border-radius: 16px;
    transition: transform .35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4)
}

.input-switch>input[type="checkbox"]:checked+i {
    background-color: #019be1;
    border-color: transparent
}

.input-switch>input[type="checkbox"]:checked+i::after {
    transform: translateX(20px)
}

.input-check>input[disabled]+i,
.input-switch>input[disabled]+i {
    opacity: .5
}

.input-select.drop {
    display: block !important
}

.input-select>select.input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1
}

.input-select>.dropdown ul>li {
    cursor: default
}

.input-verify {
    position: relative
}

.input-verify>input {
    opacity: 0
}

.input-verify>ul {
    position: absolute;
    top: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.input-verify>ul>li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 2.5rem;
    height: 100%;
    border: solid 1px #ddd;
    border-radius: .25rem;
    font-size: 1.5rem;
    cursor: text
}

.input-verify>ul>li:not(:last-child) {
    margin-right: .25rem
}

.input-verify>ul>li.active {
    color: #019be1;
    border-color: #019be1
}

.input-verify>span {
    width: 1px;
    height: 60%;
    background: rgba(0, 0, 0, .5);
    display: inline-block;
    position: absolute;
    top: .4em;
    left: .4em
}

.input-upfile {
    display: flex !important
}

.input-upfile>span {
    width: 1%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #999;
    padding-left: .5em;
    white-space: nowrap;
    overflow: hidden
}

.input-upfile>a.button {
    position: relative;
    overflow: hidden;
    width: auto
}

.input-upfile>a.button>input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0
}

.input-upfile-block>span {
    padding-left: .75em;
    border: solid 1px #ddd;
    border-radius: .25rem;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.input-upfile-block>a.button {
    margin-left: -1px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.input-upimage {
    display: inline-flex;
    position: relative;
    border-radius: .25rem;
    vertical-align: top;
    width: 100px;
    height: 100px
}

.input-upimage>a {
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: inherit;
    width: 100%;
    height: 100%
}

.input-upimage>a::before,
.input-upimage>a::after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #999
}

.input-upimage>a::after {
    width: 2px;
    height: 2rem
}

.input-upimage>a::before {
    width: 2rem;
    height: 2px
}

.input-upimage>a:hover::before,
.input-upimage>a:hover::after {
    background-color: #019be1
}

.input-upimage>a[disabled] {
    opacity: .5;
    pointer-events: none
}

.input-upimage>a>input[type="file"] {
    opacity: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.input-upimage>span,
.input-upimage>img {
    display: none
}

.input-upimage.input-imgnote>span,
.input-upimage.input-imgerror>span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #999;
    color: #fff;
    font-size: .875rem;
    border-radius: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    line-height: 1.25
}

.input-upimage.input-imgerror>span {
    background-color: #f00
}

.input-upimage.input-imgshow>a {
    display: none
}

.input-upimage.input-imgshow>img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    border: 0;
    border-radius: inherit;
    align-self: flex-start
}

.input-upimage>i {
    position: absolute;
    top: .3125rem;
    left: .25rem
}

.input-upimage>i::after {
    content: "×";
    width: .875rem;
    height: .875rem;
    display: block;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .25);
    line-height: .875;
    color: #fff;
    font-size: .8125rem;
    font-style: normal;
    text-align: center;
    cursor: pointer
}

.input-icon>span {
    position: absolute;
    top: 0;
    left: .75rem;
    display: flex;
    height: 100%;
    font-style: normal;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.input-icon>span:last-child {
    left: auto;
    right: .75rem
}

.input-icon>span+.input {
    text-indent: 1.5rem
}

.input-icon>.input:nth-last-of-type(2) {
    padding-right: 1.75rem
}

.input-icon>.input[data-form="clear"]+span {
    font-size: 87.5%;
    visibility: hidden
}

.input-inline {
    display: flex
}

.input-inline>.addon {
    margin-right: -1px;
    display: flex
}

.input-inline>.addon>span {
    padding: 0 .75em;
    border: 1px solid #ddd;
    border-radius: .25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.input-inline>.input,
.input-inline>.input-inline-auto {
    display: flex;
    width: 1%;
    flex: 1 1 auto
}

.input-inline>.input.input-auto,
.input-inline>.input-inline-auto>.input.input-auto {
    width: auto;
    flex: none
}

.input-inline>.input:not(:last-child),
.input-inline>.input-inline-auto {
    margin-right: -1px
}

.input-inline>.addon:first-child>span,
.input-inline>.addon:first-child>.input,
.input-inline>.addon:first-child>.button,
.input-inline>.input:first-child,
.input-inline>.input-inline-auto:first-child>.input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.input-inline>.addon:last-child>span,
.input-inline>.addon:last-child>.input,
.input-inline>.addon:last-child>.button,
.input-inline>.input:last-child,
.input-inline>.input-inline-auto:last-child>.input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.input-inline>.addon:not(:first-child):not(:last-child)>span,
.input-inline>.addon:not(:first-child):not(:last-child)>.input,
.input-inline>.addon:not(:first-child):not(:last-child)>.button,
.input-inline>.input:not(:first-child):not(:last-child),
.input-inline>.input-inline-auto:not(:first-child):not(:last-child)>.input {
    border-radius: 0 !important
}

.input-inline>.addon>span[class*='bg-'] {
    border-color: transparent !important;
    color: #fff
}

.input-inline>.addon>span.bg-silver,
.input-inline>.addon>span.bg-light,
.input-inline>.addon>span.bg-white {
    color: #333 !important
}

.input-radius>.addon:first-child>span,
.input-radius>.addon:first-child>.input,
.input-radius>.addon:first-child>.button,
.input-radius>.input:first-child,
.input-radius>.input-inline-auto:first-child:not(:last-child)>.input {
    border-radius: 2rem 0 0 2rem !important;
    padding-left: 1rem
}

.input-radius>.addon:last-child>span,
.input-radius>.addon:last-child>.input,
.input-radius>.addon:last-child>.button,
.input-radius>.input:last-child,
.input-radius>.input-inline-auto:last-child:not(:first-child)>.input {
    border-radius: 0 2rem 2rem 0 !important;
    padding-right: 1rem
}

.input-radius>.input:first-child:last-child,
.input-radius>.input-inline-auto:first-child:last-child>.input {
    border-radius: 2rem !important;
    padding-left: 1rem;
    padding-right: 1rem
}

.input-radius.input-search-icon {
    display: inline-flex
}

.input-radius.input-search-icon>.input-inline-auto>input {
    width: calc(2.25em + 2px)
}

.input-radius.input-search-icon:hover>.input-inline-auto>input {
    width: 100%
}

.input-search>.option {
    padding-left: 1.5rem;
    font-size: .875rem
}

.input-search>.option>label>span {
    display: inline-block;
    padding: 0 .5rem
}

.input-search>.option>label>input:checked+span {
    background-color: #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.input-group,
.input-group>.input-block {
    position: relative
}

.input-group>.input-block>.input-help {
    font-size: .875rem;
    color: #999
}

.input-group>.input-block>.input-validate {
    font-size: .875rem
}

.input-group:not(.input-group-inline)>.input-block>.input-help.input-help-right {
    position: absolute;
    top: -1.625rem;
    right: 0
}

.input-group-inline {
    display: flex
}

.input-group-inline>label {
    padding: .375rem;
    padding-left: 0;
    white-space: nowrap
}

.input-group-inline>.input,
.input-group-inline>.input-block {
    width: 1%;
    flex: 1 1 auto
}

.input-group-inset>label {
    position: absolute;
    top: 0;
    left: .375rem;
    padding: .375rem
}

.input-group-inset>.input,
.input-group-inset>.input-block>.input {
    text-align: right
}

.form .input-group,
.form fieldset>.input-group {
    margin-bottom: 1rem
}

.form .fieldset {
    border-style: none;
    border-top-style: solid;
    border-width: 2px;
    border-radius: 0;
    padding: .5em 0 0 0;
    margin-bottom: 0
}

.form-x .input-group,
.form-x fieldset>.input-group {
    display: flex
}

.form-x .input-group>label,
.form-x fieldset>.input-group>label {
    padding: .375rem;
    width: 3em;
    padding-left: 0;
    white-space: nowrap
}

.form-x .input-group>.input,
.form-x .input-group>.input-block,
form.form-x fieldset>.input-group>.input,
.form-x fieldset>.input-group>.input-block {
    width: 1%;
    flex: 1 1 auto
}

.form-x .form-button,
.form-x fieldset>.form-button {
    margin-left: 3em
}

.label-center,
.form-x.form-label-center .input-group>label,
.form-x.form-label-center fieldset>.input-group>label {
    text-align: center
}

.label-right,
.form-x.form-label-right .input-group>label,
.form-x.form-label-right fieldset>.input-group>label {
    text-align: right
}

.form-auto .input {
    width: auto;
    flex: none;
    display: inline-block
}

.input-auto+.input-help,
.form-auto .input+.input-help {
    display: inline-block
}

.input-required::after {
    content: "*";
    padding-left: .25rem;
    color: #f00
}

label.label-right.input-required::after,
.form-x.form-label-right>.input-group>label.input-required::after,
.form-x.form-label-right>fieldset>.input-group>label.input-required::after {
    content: "";
    padding-left: 0
}

label.label-right.input-required::before,
.form-x.form-label-right>.input-group>label.input-required::before,
.form-x.form-label-right>fieldset>.input-group>label.input-required::before {
    content: "*";
    padding-right: .25rem;
    color: #f00
}

.form-button.align-center,
.form-button[align="center"] {
    padding-left: 0 !important
}

.form-inline,
.form-inline>.input-group,
.form-inline>.input-group>.input-block,
.form-inline>.form-button {
    display: inline-block
}

.form-inline .input {
    display: inline-block;
    width: auto;
    flex: none
}

.form-nowrap,
.form-nowrap-y {
    display: flex
}

.form-nowrap>.input-group,
.form-nowrap-y>.input-group {
    margin-bottom: 0
}

.form-nowrap>.input-group:first-child>.input-block>.input {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}

.form-nowrap>.input-group:not(:first-child):not(:last-child)>.input-block>.input {
    border-radius: 0;
    width: auto;
    margin-left: -1px;
    position: relative
}

.form-nowrap>.input-group:last-child>.input-block>.input,
.form-nowrap>.form-button>.button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -1px
}

.form-nowrap>.form-button>.button {
    white-space: nowrap
}

.form-nowrap-y {
    flex-direction: column;
    -webkit-flex-direction: column
}

.form-nowrap-y>.input-group:first-child>.input-block>.input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative
}

.form-nowrap-y>.input-group:not(:first-child):not(:last-child)>.input-block>.input {
    border-radius: 0;
    position: relative;
    position: relative;
    margin-top: -1px
}

.form-nowrap-y>.input-group:last-child>.input-block>.input,
.form-nowrap-y>.form-button>.button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-top: -1px
}

.form-nowrap-y>.form-button>.button {
    display: block;
    width: 100%
}

.form-inset>.input-group>label,
.form-inset>fieldset>.input-group>label {
    position: absolute;
    top: 0;
    left: .375rem;
    padding: .375rem
}

.form-inset>.input-group>.input,
.form-inset>.input-group>.input-block>.input,
.form-inset>fieldset>.input-group>.input,
.form-inset>fieldset>.input-group>.input-block>.input {
    text-align: right
}

.form-inset-group>fieldset {
    border: 0;
    padding: 0;
    margin: 0 0 .75rem 0
}

.form-inset-group>fieldset>legend {
    font-size: 80%;
    margin: 0;
    padding: .375rem;
    width: 100%;
    color: #999
}

.form-inset-group>fieldset>.input-group {
    padding-left: 1rem;
    margin: 0;
    background-color: #fff
}

.form-inset-group>fieldset>.input-group>label {
    left: 1rem
}

.form-inset-group>fieldset>.input-group>.input-block>.input {
    border-color: transparent
}

.form-inset-group>fieldset>.input-group>.input-block {
    border-bottom: solid 1px #ddd
}

.form-inset-group>fieldset>.input-group:first-child {
    border-top: solid 1px #ddd
}

.form-inset-group>fieldset>legend+.input-group {
    border-top: solid 1px #ddd
}

.form-inset-group>fieldset>.input-group:last-child {
    border-bottom: solid 1px #ddd
}

.form-inset-group>fieldset>.input-group:last-child>.input-block {
    border-bottom: 0
}

.form-inset-group>fieldset:not(:first-child)>legend {
    margin-top: -0.75rem
}

.form-inset-group>fieldset+.form-button {
    margin-top: 1rem
}

.validate-tips .input-validate {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    padding: .125rem .5rem;
    border-radius: .25rem;
    margin-top: 5px;
    opacity: .9
}

.validate-tips .input-validate::after {
    content: "";
    position: absolute;
    left: 10px;
    top: -4px;
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 4px;
    border-top-width: 0;
    border-color: transparent;
    border-bottom-color: #f00
}

.validate-tips .input-valid .input-validate::after {
    border-bottom-color: #2c7
}

.validate-tips.form-inset .input-validate,
.input-group-inset .input-validate {
    left: auto;
    right: 0
}

.validate-tips.form-inset .input-validate::after,
.input-group-inset .input-validate::after {
    left: auto;
    right: 10px
}

.input-novalidate .input-validate {
    display: none
}

.input-valid .input,
.input-invalid .input {
    z-index: 2
}

.form.grid .input-group {
    margin-bottom: 0
}

.input[class*='bg-'] {
    border-color: transparent !important
}

.input.bg-silver,
.input.bg-light,
.input.bg-white {
    color: #333 !important
}

.input-small,
.form-small .input {
    padding: .25em .5em
}

.input-big,
.form-big .input {
    padding: .625em 1em
}

.form-small .button {
    padding: .25em .75em
}

.form-big .button {
    padding: .625em 1.25em
}

select.input.input-small:not([size]):not([multiple]),
select.input.input-small+.input.input-text,
.input.input-small[type="color"],
.input.input-small[type="range"],
.form-small select.input:not([size]):not([multiple]),
.form-small select.input+.input.input-text,
.form-small .input[type="color"],
.form-small .input[type="range"] {
    height: calc(2em + 2px)
}

select.input.input-big:not([size]):not([multiple]),
select.input.input-big+.input.input-text,
.input.input-big[type="color"],
.input.input-big[type="range"],
.form-big select.input:not([size]):not([multiple]),
.form-big select.input+.input.input-text,
.form-big .input[type="color"],
.form-big .input[type="range"] {
    height: calc(2.75em + 2px)
}

.input-radius>.input-inline-auto>input.input-small[size="0"] {
    width: calc(2em + 2px)
}

.input-radius>.input-inline-auto>input.input-big[size="0"] {
    width: calc(2.75em + 2px)
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 0 0;
    border-radius: .25rem;
    border: solid 1px rgba(0, 0, 0, .125)
}

.card-head,
.card-foot {
    padding: .5rem 1rem;
    background: rgba(0, 0, 0, .03)
}

.card-head {
    border-bottom: solid 1px rgba(0, 0, 0, .125)
}

.card-foot {
    border-top: solid 1px rgba(0, 0, 0, .125)
}

.card-media {
    max-width: 100%;
    height: auto;
    display: block
}

.card-body {
    padding: 1rem;
    flex: 1 1 auto
}

.card-tab {
    display: none
}

.card-tab.active {
    display: block
}

.card-head-nav.nav.nav-tabs,
.card-head-nav.nav.nav-line {
    margin-bottom: calc(-0.5rem - 1px)
}

.card-head-nav.nav.nav-tabs,
.card-head-nav.nav.nav-line>li {
    border-bottom-color: transparent
}

.card-head,
.card-body:first-child,
.card-media:first-child,
.card>.list-group:first-child,
.card>.list-group>li:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.card-foot,
.card-body:last-child,
.card-media:last-child,
.card>.list-group:last-child,
.card>.list-group>li:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.card-overflow {
    margin: -1px;
    width: calc(100% + 2px) !important;
    max-width: none !important
}

.card>.table {
    border: 0;
    border-collapse: collapse
}

.card>.list-group>li {
    padding: .5rem 1rem
}

.card>.card-body+.table,
.card>.card-body+.list-group,
.card>.table+.card-body,
.card>.list-group+.card-body,
.card>.list-group+.table,
.card>.table+.list-group {
    border-top: solid 1px rgba(0, 0, 0, .125)
}

.toast {
    border: solid 1px rgba(0, 0, 0, .1);
    background-color: rgba(255, 255, 255, .8);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .175);
    border-radius: .5rem;
    position: relative;
    font-size: .875rem
}

.toast>.toast-header {
    padding: .5rem .75rem;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: flex;
    align-items: center
}

.toast>.toast-header>strong {
    flex-grow: 1;
    font-weight: 450;
    margin-left: .25rem
}

.toast>.toast-header>time {
    font-size: .75rem;
    opacity: .5
}

.toast>.toast-header>i {
    margin-left: .5rem;
    margin-right: -0.25rem;
    cursor: pointer;
    opacity: .5
}

.toast>.toast-bodyer {
    padding: .5rem .75rem;
    padding-top: 0
}

.toast>.toast-divider {
    border-top: solid 1px transparent;
    border-color: inherit;
    height: 1px
}

.toast>.toast-divider+.toast-bodyer {
    padding-top: .5rem
}

.drop {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.drop>.dropdown {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    left: 0;
    z-index: 0;
    width: 100%;
    min-width: 10rem;
    margin-top: 1rem;
    transition: all .5s ease .2s
}

.drop.drop-right>.dropdown {
    right: 0;
    left: auto
}

.drop.drop-up>.dropdown,
.drop.drop-auto>.dropdown {
    bottom: 100%;
    top: auto;
    margin-top: 0;
    margin-bottom: 1rem
}

.drop:not(.drop-toggle):hover>.dropdown,
.drop.drop-open>.dropdown {
    visibility: visible;
    margin-top: 2px;
    opacity: 1;
    z-index: 1
}

.drop.drop-up:not(.drop-toggle):hover>.dropdown,
.drop.drop-auto:not(.drop-toggle):hover>.dropdown {
    margin-bottom: 2px
}

.drop.drop-up.drop-open>.dropdown,
.drop.drop-auto.drop-open>.dropdown {
    margin: 0 0 2px 0
}

.badge {
    display: inline-block;
    padding: .25em .5em;
    line-height: 1;
    font-size: .75rem;
    font-style: normal;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #f00;
    border-radius: 2em;
    white-space: nowrap;
    vertical-align: baseline
}

.badge.badge-dot {
    width: 0;
    padding: 0;
    padding: .25rem;
    font-size: 0;
    border-radius: 100%
}

.badge:not(.badge-dot):empty {
    display: none
}

.badge-corner {
    position: relative;
    outline: 0
}

.badge-corner>.badge {
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
    font-weight: normal;
    cursor: pointer;
    z-index: 3
}

.badge-corner>.badge.badge-dot {
    right: -0.25rem;
    top: -0.25rem
}

progress,
progress::-webkit-progress-bar {
    width: 100%;
    display: flex;
    font-size: .75rem;
    border: 0;
    border-radius: 2rem;
    color: #019be1;
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

progress::-moz-progress-bar {
    background: #019be1;
    border-radius: 2rem
}

progress::-webkit-progress-value {
    background: #019be1;
    border-radius: 2rem
}

.progress {
    width: 100%;
    height: .75rem;
    display: flex;
    font-size: .75rem;
    border: 0;
    border-radius: 2rem;
    color: #019be1;
    background: #f5f5f5;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}

.progress>.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: .75rem;
    line-height: 1;
    color: #fff;
    background: #019be1;
    border-radius: 2rem;
    transition: width .6s ease
}

.progress.progress-striped>.progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .25) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .25) 50%, rgba(255, 255, 255, .25) 75%, transparent 75%, transparent);
    background-size: 2rem 2rem
}

@-webkit-keyframes progress-bar-active {
    from {
        background-position: 0 0
    }

    to {
        background-position: 2rem 0
    }
}

@keyframes progress-bar-active {
    from {
        background-position: 0 0
    }

    to {
        background-position: 2rem 0
    }
}

.progress.progress-active>.progress-bar {
    -webkit-animation: progress-bar-active 2s linear infinite normal;
    animation: progress-bar-active 2s linear infinite normal
}

.progress-mini {
    height: 1px
}

.progress-small {
    height: .5rem
}

.progress-mini>.progress-bar,
.progress-small>.progress-bar {
    font-size: 0
}

.progress-big {
    height: 1rem
}

.progress-large {
    height: 1.5rem
}

.ring {
    font-size: 100px;
    width: 1em;
    height: 1em;
    position: relative;
    border-radius: 50%;
    background: #019be1
}

.ring>.ring-left,
.ring>.ring-right,
.ring>.ring-left>i,
.ring>.ring-right>i {
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em
}

.ring>.ring-left>i,
.ring>.ring-right>i {
    display: block;
    background: #ddd;
    border-radius: 50%;
    transform: rotate(0deg)
}

.ring>.ring-right,
.ring>.ring-right>i {
    clip: rect(0, auto, auto, 0.5em)
}

.ring>.ring-left,
.ring>.ring-left>i {
    clip: rect(0, 0.5em, auto, 0)
}

.ring>.ring-mask {
    width: .86em;
    height: .86em;
    border-radius: 50%;
    left: .07em;
    top: .07em;
    background: #fff;
    position: absolute;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.ring>.ring-mask>i,
.ring>.ring-mask>em {
    font-size: .3em;
    font-style: normal
}

.ring>.ring-mask>em {
    display: none
}

.ring>.ring-mask>em>i {
    font-size: 2.5em
}

.ring>.ring-mask>span {
    font-size: 12px;
    margin-top: .25rem
}

.alert {
    display: flex;
    flex-direction: column;
    padding: 1rem;
    position: relative;
    border-radius: .5rem
}

.alert>[data-dismiss] {
    position: absolute;
    right: 1rem;
    top: 1rem;
    cursor: pointer;
    color: #f00
}

.alert>i:not([data-dismiss]) {
    font-size: 48px;
    margin: 1rem
}

.alert>.alert-body {
    margin: 0 1rem 1rem 1rem
}

.alert>p,
.alert>.alert-body>p {
    margin: 0;
    font-size: .875rem
}

.alert.alert-center {
    align-items: center;
    text-align: center
}

.alert.alert-inline {
    flex-direction: row;
    align-items: center
}

.alert.alert-inline>.alert-body {
    margin-top: 1rem;
    flex: 1 0 0
}

.selector {
    display: flex;
    margin: 0;
    align-items: center
}

.selector>dt {
    white-space: nowrap;
    padding-right: .5rem
}

.selector>dd {
    margin: 0
}

.selector>dd>a {
    display: inline-block;
    padding: .25rem .5rem;
    border: solid 1px transparent;
    border-radius: .25rem;
    color: inherit
}

.selector>dd>a.active {
    border-color: #ddd;
    pointer-events: none
}

.selector>dd>a:hover {
    color: #019be1
}

.selector-group {
    border: solid 1px #ddd;
    border-radius: .5rem
}

.selector-group>.selector {
    border-bottom: solid 1px rgba(0, 0, 0, .05);
    padding: .5rem
}

.selector-group>.selector:last-child {
    border-bottom: 0
}

.selector-group>.selector>dt {
    padding-left: .5rem
}

.selector-group>.selector>dd>a.active {
    border-color: rgba(0, 0, 0, .05)
}

.tips,
.popove {
    position: absolute;
    z-index: 5;
    max-width: 16rem;
    border-radius: .25rem
}

.tips {
    background: #333;
    color: #fff;
    font-size: .75rem;
    padding: .25rem .5rem;
    border-color: #333
}

.popove {
    background: #fff;
    border: solid 1px #ddd;
    font-size: .875rem;
    min-width: 10rem
}

.popove>.popove-title {
    display: block;
    background-color: #f5f5f5;
    padding: .25rem .75rem;
    border-bottom: solid 1px transparent;
    border-color: inherit;
    border-radius: .25rem .25rem 0 0
}

.popove>.popove-title:empty {
    display: none
}

.popove>.popove-body {
    padding: .75rem
}

.tips::before,
.popove::before,
.popove::after,
.popove.popove-bottom>.popove-title::after {
    content: "";
    position: absolute;
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-color: transparent
}

.tips::before {
    border-width: 5px
}

.popove::before {
    border-width: 10px
}

.popove::after,
.popove.popove-bottom>.popove-title::after {
    border-width: 9px
}

.tips.tips-top::before,
.tips.tips-bottom::before {
    left: 50%;
    margin-left: -5px
}

.tips.tips-left::before,
.tips.tips-right::before {
    top: 50%;
    margin-top: -5px
}

.tips.tips-top::before {
    bottom: -5px;
    border-bottom-width: 0;
    border-top-color: inherit
}

.tips.tips-right::before {
    left: -5px;
    border-left-width: 0;
    border-right-color: inherit
}

.tips.tips-bottom::before {
    top: -5px;
    border-top-width: 0;
    border-bottom-color: inherit
}

.tips.tips-left::before {
    right: -5px;
    border-right-width: 0;
    border-left-color: inherit
}

.popove.popove-top::before,
.popove.popove-bottom::before {
    left: 50%;
    margin-left: -10px
}

.popove.popove-left::before,
.popove.popove-right::before {
    top: 50%;
    margin-top: -9px
}

.popove.popove-top::after,
.popove.popove-bottom::after,
.popove.popove-bottom>.popove-title::after {
    left: 50%;
    margin-left: -9px
}

.popove.popove-left::after,
.popove.popove-right::after {
    top: 50%;
    margin-top: -8px
}

.popove.popove-top::before {
    bottom: -10px;
    border-bottom-width: 0;
    border-top-color: inherit
}

.popove.popove-right::before {
    left: -10px;
    border-left-width: 0;
    border-right-color: inherit
}

.popove.popove-bottom::before {
    top: -10px;
    border-top-width: 0;
    border-bottom-color: inherit
}

.popove.popove-left::before {
    right: -10px;
    border-right-width: 0;
    border-left-color: inherit
}

.popove.popove-top::after {
    bottom: -9px;
    border-bottom-width: 0;
    border-top-color: #fff
}

.popove.popove-right::after {
    left: -9px;
    border-left-width: 0;
    border-right-color: #fff
}

.popove.popove-bottom::after {
    top: -9px;
    border-top-width: 0;
    border-bottom-color: #fff
}

.popove.popove-left::after {
    right: -9px;
    border-right-width: 0;
    border-left-color: #fff
}

.popove.popove-bottom>.popove-title::after {
    top: -9px;
    border-top-width: 0;
    border-bottom-color: #f5f5f5;
    z-index: 2
}

.service {
    display: inline-block
}

.service[class*='-bottom'] {
    bottom: 1rem
}

.service[class*='-top'] {
    top: 1rem
}

.service[class*='-left'] {
    left: .5rem
}

.service[class*='-right'] {
    right: .5rem
}

.service .service-item {
    position: relative
}

.service .service-item:hover::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .05)
}

.service .service-item>.service-body {
    display: none
}

.service .service-item:hover>.service-body {
    position: absolute;
    top: 0;
    left: 100%;
    display: inline-block;
    min-width: auto
}

.service .service-item:hover>.service-body.tips {
    top: 5px
}

.service .service-item:hover>.service-body.popove {
    margin-top: -1px
}

.service .service-item:hover>.service-body.popove::before,
.service .service-item:hover>.service-body.popove::after {
    top: 20px
}

.service[class*='-right'] .service-item:hover>.service-body {
    left: auto;
    right: 100%
}

.service[class*='-bottom'] .service-item:hover>.service-body {
    top: auto;
    bottom: 0
}

.service[class*='-bottom'] .service-item:hover>.service-body.popove::before {
    top: auto;
    bottom: 9px
}

.service[class*='-bottom'] .service-item:hover>.service-body.popove::after {
    top: auto;
    bottom: 10px
}

.timeline {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0
}

.timeline>li {
    position: relative;
    padding: 0 0 1rem 1.5rem
}

.timeline>li:not(:last-child)::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    height: 100%;
    border-left: dashed 2px #ddd
}

.timeline>li::after {
    content: "";
    position: absolute;
    left: -5px;
    top: 6px;
    width: 12px;
    height: 12px;
    border: solid 2px #ddd;
    border-radius: 50%;
    background-color: #fff
}

.timeline>li.active::after {
    background-color: #019be1;
    border-color: transparent
}

.timeline>li.active:not(:last-child)::before {
    border-left: solid 2px #019be1
}

.timeline>li>.timeline-title {
    display: block
}

.timeline>li>.tips,
.timeline>li>.timeline-title>.tips {
    position: relative;
    display: inline-block
}

.timeline>li>.popove {
    position: relative;
    display: block;
    min-width: auto;
    max-width: 100%
}

.timeline>li>.popove::before,
.timeline>li>.popove::after {
    top: 12px
}

.timeline>li>.popove.popove-title::after {
    border-right-color: #f5f5f5
}

.timeline:not(.timeline-aside)>li>.timeline-title,
.timeline:not(.timeline-aside)>li>.tips {
    margin-bottom: .5rem
}

.timeline.timeline-aside {
    padding-left: 6.5rem
}

.timeline.timeline-aside>li>.timeline-title {
    position: absolute;
    left: -6.5rem;
    top: -3px;
    width: 5rem;
    text-align: right
}

.timeline.timeline-center>li {
    margin-left: 50%;
    margin-right: auto
}

.timeline.timeline-center>li:nth-child(2n) {
    margin-right: 50%;
    margin-left: auto;
    text-align: right;
    padding-right: 1.5rem;
    padding-left: 0
}

.timeline.timeline-center>li:nth-child(2n)::before {
    left: auto;
    right: -2px
}

.timeline.timeline-center>li:nth-child(2n)::after {
    left: auto;
    right: -7px
}

.timeline.timeline-center>li:nth-child(2n)>.popove.popove-title::after {
    border-left-color: #f5f5f5
}

.timeline.timeline-center>li:nth-child(2n)>.timeline-body,
.timeline.timeline-center>li:nth-child(2n)>.popove {
    text-align: left
}

.timeline.timeline-center.timeline-aside {
    padding-left: 0
}

.timeline.timeline-center.timeline-aside>li:nth-child(2n)>.timeline-title {
    left: auto;
    right: -6.5rem;
    text-align: left
}

.loader {
    position: relative;
    display: inline-block;
    font-size: 1rem;
    width: 1.5em;
    height: 1em;
    color: #019be1
}

.loader::before,
.loader>i {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: .5em;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    opacity: .9;
    margin-left: -0.5rem
}

.loader::before {
    border-color: currentColor;
    animation: loaderleft 1.5s ease-in-out infinite, loaderleftz .66s ease-in-out infinite
}

.loader>i {
    color: #f00;
    border-color: currentColor;
    animation: loaderright 1.5s ease-in-out infinite, loaderrightz .66s ease-in-out infinite
}

@keyframes loaderleft {
    0% {
        left: 0;
        transform: scale(1.1)
    }

    50% {
        left: 100%;
        transform: scale(1)
    }

    100% {
        left: 0;
        transform: scale(1.1)
    }
}

@keyframes loaderright {
    0% {
        left: 100%;
        transform: scale(1.1)
    }

    50% {
        left: 0;
        transform: scale(1)
    }

    100% {
        left: 100%;
        transform: scale(1.1)
    }
}

@keyframes loaderleftz {
    0% {
        z-index: 0
    }

    50% {
        z-index: 1
    }

    100% {
        z-index: 0
    }
}

@keyframes loaderrightz {
    0% {
        z-index: 1
    }

    50% {
        z-index: 0
    }

    100% {
        z-index: 1
    }
}

.loader-circle {
    display: inline-block;
    font-size: 1rem;
    border-radius: 50%;
    width: 1em;
    height: 1em;
    position: relative;
    color: #019be1;
    border: solid .1em currentColor;
    border-left-color: transparent;
    transform: translateZ(0);
    animation: loadercircle 1.1s infinite linear
}

.loader-circle[class*='border'] {
    border-left-color: transparent !important
}

@keyframes loadercircle {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.loader-dot {
    display: inline-block;
    font-size: 1rem;
    width: 3em;
    height: 1em;
    text-align: center;
    position: relative;
    color: #019be1
}

.loader-dot>i,
.loader-dot::before,
.loader-dot::after {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    animation-fill-mode: both;
    animation: loaderdot 1.4s infinite ease-in-out
}

.loader-dot>i {
    vertical-align: top;
    background-color: currentColor;
    animation-delay: -0.16s
}

.loader-dot::before,
.loader-dot::after {
    content: "";
    position: absolute;
    background-color: currentColor
}

.loader-dot::before {
    left: 0;
    animation-delay: -0.32s
}

.loader-dot::after {
    left: 2em
}

@keyframes loaderdot {

    0%,
    100% {
        transform: scale(0.0)
    }

    40%,
    60% {
        transform: scale(0.9)
    }
}

.nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0
}

.nav>li {
    display: list-item;
    position: relative
}

.nav>li>a {
    padding: .5em 1em;
    display: block;
    white-space: nowrap;
    text-decoration: none;
    position: relative;
    color: #333;
    outline: 0;
    transition: all .5s ease
}

.nav>li.active>a,
.nav>li>a:hover,
.nav>li>a:active {
    color: #019be1;
    z-index: 1
}

.nav>li>select {
    min-width: 4rem;
    height: 100%;
    color: #019be1;
    padding: .25rem 1.25rem .25rem 1rem;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3E%3Cpathfill='%23999999'd='M20L02h4zm05L03h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px
}

.nav>li>select::-ms-expand {
    display: none
}

.nav>li.disabled {
    pointer-events: none;
    opacity: .5
}

.nav.nav-inline {
    display: inline-flex
}

.nav.nav-divider>li:not(:first-child)>a {
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.nav.nav-divider-line>li {
    display: flex;
    align-items: center
}

.nav.nav-divider-line>li:not(:first-child)::before {
    content: "";
    border-left: 1px solid rgba(0, 0, 0, .1);
    height: 1.25rem
}

.nav.nav-divider-line>li>a {
    width: 100%
}

.nav.nav-box {
    border: solid 1px #ddd;
    border-radius: .25rem
}

.nav.nav-center {
    justify-content: center !important;
    text-align: center
}

.nav.nav-right {
    justify-content: flex-end !important
}

.nav.nav-block>li {
    flex-grow: 1;
    text-align: center
}

.nav.nav-small>li>a {
    padding: .25em 1em !important;
    font-size: .875rem !important
}

.nav.nav-big>li>a {
    padding: .75em 1em !important;
    font-size: 1.125rem !important
}

.nav>li:first-child,
.nav>li:first-child>a {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.nav.nav-block>li:last-child,
.nav.nav-block>li:last-child>a {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.nav.nav-inverse>li>a {
    color: #fff
}

.nav.nav-inverse>li>select {
    color: #fff;
    background: transparent url("data:image/svg+xml;charset=utf8,%3Csvgxmlns='http://www.w3.org/2000/svg'viewBox='0045'%3E%3Cpathfill='%23ffffff'd='M20L02h4zm05L03h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px
}

.nav.nav-inverse>li.active>a,
.nav.nav-inverse>li>a:hover {
    background-color: rgba(0, 0, 0, .1)
}

.nav.nav-inverse.nav-divider>li>a,
.nav.nav-inverse.nav-divider-line>li::before {
    border-color: rgba(255, 255, 255, 0.2)
}

.nav>li.drop>a::after {
    content: "";
    display: inline-block;
    margin-left: .5rem;
    border: solid 5px transparent;
    border-top-color: currentColor
}

.nav.nav-inverse>li.drop>a::after {
    border-top-color: currentColor
}

.nav>li>.dropdown>.nav-menu {
    width: 100%
}

.nav.nav-menu {
    flex-direction: column !important
}

.nav.nav-menu>li {
    text-align: center
}

.nav.nav-menu>li.nav-title {
    font-weight: bold;
    padding: .5rem 1rem;
    font-size: 75%;
    color: rgba(0, 0, 0, .5);
    text-align: center
}

.nav.nav-menu.nav-divider>li:not(:first-child)>a {
    border-left: none;
    border-top: solid 1px rgba(0, 0, 0, .1)
}

.nav.nav-menu.nav-divider>li.nav-title {
    border-top: solid 1px #ddd;
    background: #f5f5f5
}

.nav.nav-menu>li.nav-divider {
    margin: .25rem 0;
    border-top: 1px solid #ddd
}

.nav.nav-menu.nav-divider-line>li:not(:first-child)::before {
    border-left: none
}

.nav.nav-menu>li:first-child,
.nav.nav-menu>li:first-child>a {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    border-bottom-left-radius: 0
}

.nav.nav-menu>li:last-child,
.nav.nav-menu>li:last-child>a {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-top-right-radius: 0
}

.nav-arrow {
    display: flex !important;
    flex-grow: 1;
    justify-content: space-between !important;
    align-items: center !important
}

.nav-arrow::after {
    content: "";
    width: .675rem;
    height: .675rem;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform: rotate(45deg);
    opacity: .5
}

.nav.nav-menu>li.drop>a.nav-arrow::before,
.nav.nav-menu>li.drop>a.nav-arrow::after {
    content: "";
    position: absolute;
    width: .75rem;
    height: 1px;
    top: 50%;
    background: currentColor;
    right: 1rem;
    border: 0;
    transition: transform .15s linear;
    opacity: .5
}

.nav.nav-menu>li.drop>a.nav-arrow::after {
    transform: rotate(90deg)
}

.nav.nav-menu>li.drop:hover>a.nav-arrow::after {
    transform: rotate(0deg)
}

.nav.nav-line>li {
    border-bottom: solid 2px #ddd
}

.nav.nav-line.nav-box>li {
    margin-bottom: -1px
}

.nav.nav-line.nav-line-top>li {
    border-top: solid 2px #ddd;
    border-bottom: 0
}

.nav.nav-line.nav-line-top.nav-box>li {
    margin-top: -1px;
    margin-bottom: 0
}

.nav.nav-line>li.active,
.nav.nav-line>li:hover {
    border-color: #019be1
}

.nav.nav-line.nav-inverse>li {
    border-color: rgba(255, 255, 255, .25)
}

.nav.nav-line.nav-inverse>li.active,
.nav.nav-line.nav-inverse>li:hover {
    border-color: #fff
}

.nav.nav-line.nav-inverse>li.active>a,
.nav.nav-line.nav-inverse>li>a:hover {
    background-color: transparent
}

.nav.nav-line.nav-menu>li {
    border-width: 1px
}

.nav.nav-line.nav-menu>li.active {
    border-width: 2px
}

.nav.nav-card:not(.nav-menu)>li:not(:last-child) {
    margin-right: .25rem
}

.nav.nav-card.nav-menu>li:not(:last-child) {
    margin-bottom: .25rem
}

.nav.nav-card.nav-box {
    padding: .25rem
}

.nav.nav-card>li.active>a,
.nav.nav-card>li:hover>a {
    background-color: #019be1;
    border-radius: .25rem;
    color: #fff
}

.nav.nav-card.nav-divider-line>li.active::before,
.nav.nav-card.nav-divider-line>li.active+li::before,
.nav.nav-card.nav-divider-line>li:hover::before,
.nav.nav-card.nav-divider-line>li:hover+li::before {
    border-color: transparent
}

.nav.nav-card.nav-inverse>li.active>a,
.nav.nav-card.nav-inverse>li:hover>a {
    background-color: #fff;
    color: #333
}

.nav.nav-card.nav-menu.nav-divider>li.active>a,
.nav.nav-card.nav-menu.nav-divider>li.active+li>a,
.nav.nav-card.nav-menu.nav-divider>li:hover>a,
.nav.nav-card.nav-menu.nav-divider>li:hover+li>a {
    border-color: transparent
}

.nav.nav-icon>li>a {
    display: flex;
    align-items: center
}

.nav.nav-icon>li>a>.nav-media {
    line-height: 1.5
}

.nav.nav-icon.nav-block>li>a {
    justify-content: center
}

.nav.nav-icon.nav-icon-text>li>a>.nav-media {
    margin-right: .5rem
}

.nav.nav-icon.nav-icon-wrap>li>a {
    flex-direction: column
}

.nav.nav-icon.nav-icon-wrap>li>a:not(:last-child) {
    margin-bottom: 1rem
}

.nav.nav-icon.nav-icon-wrap>li>a>.nav-media {
    margin-bottom: .25rem;
    margin-right: 0
}

.nav.nav-icon.nav-menu>li.nav-title {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    margin-bottom: -1px;
    z-index: 2
}

.nav.nav-tabs {
    border-bottom: solid 1px #ddd
}

.nav.nav-tabs:not(.nav-menu)>li:not(:last-child) {
    margin-right: .25rem
}

.nav.nav-tabs.nav-menu>li:not(:last-child) {
    margin-bottom: .25rem
}

.nav.nav-tabs.nav-box {
    padding: 0 2rem;
    padding-top: .25rem
}

.nav.nav-tabs>li {
    margin-bottom: -1px
}

.nav.nav-tabs>li>a {
    border: solid 1px transparent;
    border-radius: .25rem .25rem 0 0
}

.nav.nav-tabs>li>a:last-child {
    border-bottom-right-radius: 0
}

.nav.nav-tabs>li.active>a {
    border-color: #ddd;
    border-bottom-color: transparent;
    background-color: #fff
}

.nav.nav-tabs>li:not(.active):hover>a {
    border-color: #ddd
}

.nav.nav-tabs.nav-divider-line>li.active::before,
.nav.nav-tabs.nav-divider-line>li.active+li::before,
.nav.nav-tabs.nav-divider-line>li:hover::before,
.nav.nav-tabs.nav-divider-line>li:hover+li::before {
    border-color: transparent
}

.nav.nav-tabs.nav-inverse,
.nav.nav-tabs.nav-inverse>li.active,
.nav.nav-tabs.nav-inverse>li.active>a {
    background-color: inherit
}

.nav.nav-tabs.nav-menu:not(.nav-box) {
    border-bottom: 0
}

.nav.nav-tabs.nav-menu.nav-box {
    padding: .25rem
}

.nav.nav-tabs.nav-menu>li:not(:last-child) {
    margin-bottom: .25rem
}

.nav.nav-tabs.nav-menu>li.active>a,
.nav.nav-tabs.nav-menu>li>a:hover {
    border-radius: .25rem !important;
    border-bottom-color: #ddd
}

.nav.nav-tabs.nav-menu.nav-divider>li:not(.active):not(:first-child)>a {
    border-radius: 0
}

.nav.nav-tabs.nav-menu.nav-divider>li.active>a,
.nav.nav-tabs.nav-menu.nav-divider>li>a:hover {
    border-left: solid 1px #ddd
}

.nav.nav-tabs.nav-menu.nav-divider>li.active+li>a,
.nav.nav-tabs.nav-menu.nav-divider>li:hover+li>a {
    border-color: transparent
}

.nav.nav-tabs.nav-menu.nav-divider>li.active+li>a:hover,
.nav.nav-tabs.nav-menu.nav-divider>li:hover+li.active>a {
    border-color: #ddd !important
}

.nav.nav-tabs-card>li>a {
    border: solid 1px #ddd;
    background-color: #f5f5f5
}

.nav.nav-tabs-card>li:not(:first-child)>a {
    margin-left: -1px
}

.nav.nav-tabs-card>li.active>a {
    border-top-width: 2px;
    border-top-color: #019be1;
    border-bottom: 0;
    background-color: transparent
}

.nav.nav-tabs-card.nav-inverse>li>a {
    background-color: rgba(255, 255, 255, .1);
    border-color: rgba(255, 255, 255, 0.1)
}

.nav.nav-tabs-card.nav-inverse>li.active>a {
    border-top-color: #fff;
    background-color: transparent;
    border-bottom-color: transparent
}

.nav.nav-tabs-card.nav-menu>li:not(:first-child)>a {
    margin: -1px 0 0 0
}

.nav.nav-turn {
    color: #ddd;
    font-size: 1rem
}

.nav.nav-turn>li,
.nav.nav-turn>li>a {
    border-color: currentColor;
    color: inherit
}

.nav.nav-turn>li>a {
    padding: 0;
    width: .75em;
    height: .75em;
    border-radius: .5em !important;
    border-style: solid;
    border-width: 2px
}

.nav.nav-turn>li:not(:last-child) {
    margin-right: .5em
}

.nav.nav-turn>li.active {
    color: #019be1
}

.nav.nav-turn>li.active>a {
    background-color: currentColor
}

.nav.nav-turn.nav-menu {
    display: inline-flex
}

.nav.nav-turn.nav-menu>li:not(:last-child) {
    margin-bottom: .5em;
    margin-right: 0
}

.nav.nav-turn.nav-turn-line>li>a {
    width: 1.5em;
    height: .5em
}

.nav.nav-turn.nav-turn-dot>li>a {
    background-color: currentColor
}

.nav.nav-turn.nav-turn-line>li.active>a {
    width: 2.5em
}

.nav.nav-turn.nav-menu.nav-turn-line>li>a {
    width: .5em;
    height: 1.5em
}

.nav.nav-turn.nav-menu.nav-turn-line>li.active>a {
    height: 2.5em
}

.nav.nav-win {
    display: inline-flex;
    font-size: 16px;
    height: 1em;
    background-color: rgba(255, 255, 255, .5);
    border-radius: .5em
}

.nav.nav-win>li {
    position: relative;
    width: 1em;
    height: 1em;
    color: #fff
}

.nav.nav-win>li:not(:last-child) {
    border-right: solid 1px rgba(255, 255, 255, .15)
}

.nav.nav-win>li:first-child {
    width: 1.1em;
    padding-left: .1em;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.nav.nav-win>li:last-child {
    width: 1.1em;
    padding-right: .1em;
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.nav.nav-win>li.close::before {
    content: "";
    position: absolute;
    width: .6em;
    height: .1em;
    left: .3em;
    top: .45em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg)
}

.nav.nav-win>li.close::after {
    content: "";
    position: absolute;
    width: .1em;
    height: .6em;
    left: .55em;
    top: .2em;
    background-color: currentColor;
    border-radius: .1em;
    transform: rotate(45deg)
}

.nav.nav-win>li.minimize::before {
    content: "";
    position: absolute;
    width: .5em;
    height: .1em;
    left: .25em;
    top: .45em;
    background-color: currentColor;
    border-radius: .1em
}

.nav.nav-win>li.maximize::before,
.nav.nav-win>li.maximize::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: .475em;
    top: .125em;
    border: .225em solid transparent;
    border-bottom-color: currentColor;
    transform: rotate(45deg)
}

.nav.nav-win>li.maximize::after {
    left: .125em;
    top: .5em;
    transform: rotate(-135deg)
}

.nav.nav-win>li.close:hover {
    background-color: #f00
}

.nav.nav-win>li.minimize:hover {
    background-color: #fb0
}

.nav.nav-win>li.maximize:hover {
    background-color: #0ae
}

.nav.nav-step {
    color: #ddd
}

.nav.nav-step>li {
    padding-top: 1rem
}

.nav.nav-step>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top-style: dashed;
    border-top-width: 2px;
    border-top-color: currentColor
}

.nav.nav-step>li:first-child::before {
    left: 50%;
    width: 50%
}

.nav.nav-step>li:last-child::before {
    width: 50%
}

.nav.nav-step>li::after {
    content: "";
    font-size: 12px;
    line-height: 1rem;
    position: absolute;
    left: 50%;
    top: -6px;
    margin-left: -7px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-color: inherit
}

.nav.nav-step>li[title]::after {
    content: attr(title);
    width: 20px;
    height: 20px;
    top: -9px;
    margin-left: -10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.nav.nav-step>li>a {
    color: currentColor
}

.nav.nav-step>li.active {
    color: #019be1
}

.nav.nav-step>li.active::after {
    border-color: currentColor;
    border-width: 7px
}

.nav.nav-step>li[title].active::after {
    border-width: 2px
}

.nav.nav-step>li.active:not(:last-child)::before {
    border-top-style: solid;
    border-top-color: currentColor
}

.nav.nav-page {
    display: inline-flex;
    border-radius: .25rem
}

.nav.nav-page>li {
    border: solid 1px #ddd
}

.nav.nav-page>li:not(:first-child) {
    margin-left: -1px
}

.nav.nav-page>li:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.nav.nav-page>li>a {
    padding: .375rem .75rem
}

.nav.nav-page>li:hover {
    background-color: #f5f5f5
}

.nav.nav-page>li.active {
    border-color: transparent;
    z-index: 1;
    background-color: #019be1
}

.nav.nav-page>li.active>a {
    color: #fff;
    background-color: transparent
}

.nav.nav-page.nav-block {
    display: flex
}

.nav.nav-page.nav-divider>li {
    border-radius: .25rem;
    margin-left: 0
}

.nav.nav-page.nav-divider>li:not(:last-child) {
    margin-right: .25rem
}

.nav.nav-page.nav-divider>li>a {
    border: 0
}

.nav.nav-page.nav-inverse>li:hover {
    background-color: rgba(255, 255, 255, .1)
}

.nav.nav-page.nav-inverse>li.active {
    background-color: #fff
}

.nav.nav-page.nav-inverse>li.active>a {
    color: #019be1
}

.nav.nav-page.nav-menu {
    display: flex
}

.nav.nav-page.nav-menu>li:not(:first-child) {
    margin-left: 0;
    margin-top: -1px
}

.nav.nav-page.nav-menu>li:last-child:not(:first-child) {
    border-top-right-radius: 0
}

.nav.nav-page.nav-menu.nav-divider>li:not(:last-child) {
    margin-right: 0;
    margin-bottom: .25rem
}

.nav.nav-page.nav-menu.nav-divider>li>a {
    border: 0
}

.nav.nav-page.nav-menu.nav-divider>li:last-child {
    border-top-right-radius: inherit
}

.nav-page-menu,
.nav-page-menu>.nav.nav-page {
    display: flex;
    flex-direction: column !important
}

.nav-page-menu>.nav.nav-page:not(:first-child) {
    margin-top: .25rem
}

.nav.nav-breadcrumb>li {
    display: flex;
    align-items: center
}

.nav.nav-breadcrumb>li:not(:last-child)::after {
    content: "\002f";
    display: list-item;
    opacity: .25
}

.nav.nav-breadcrumb.nav-breadcrumb-arrows>li:not(:last-child)::after {
    content: "\00bb"
}

.nav.nav-breadcrumb.nav-inverse>li::after {
    color: #fff
}

.nav.nav-switch {
    position: relative;
    width: 2em;
    height: 1.5em;
    color: #999;
    cursor: pointer;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between;
    border: solid 1px rgba(0, 0, 0, 0)
}

.nav.nav-switch>li {
    background: currentColor;
    width: 100%;
    height: 1px;
    transform-origin: 0 0;
    transition: all .5s ease
}

.nav.nav-switch>li>a {
    opacity: 0;
    display: none
}

.nav.nav-switch.nav-open>li:not(:first-child):not(:last-child) {
    background-color: transparent
}

.nav.nav-switch.nav-open>li:first-child {
    transform: rotate(45deg)
}

.nav.nav-switch.nav-open>li:last-child {
    transform: rotate(-45deg)
}

.navbar {
    position: relative;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.navbar>.navbar-logo {
    display: inline-flex;
    white-space: nowrap;
    align-items: center
}

.navbar-outer {
    position: relative
}

.navbar-body {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    z-index: 2;
    display: none
}

.navbar:not(.navbar-show)>.navbar-body,
.navbar-outer:not(.navbar-show) .navbar-body {
    width: 100%
}

.navbar-body>.nav {
    flex-direction: column
}

.navbar-body>.nav>li>.nav {
    margin: 1rem;
    margin-top: 0;
    display: none
}

.navbar-body>.nav>li:hover>.nav {
    display: block
}

.navbar-body>.navbar-after {
    padding: .5rem 1rem;
    border-radius: inherit;
    text-align: center
}

.navbar-body>.nav.nav-divider>li:not(:first-child)>a,
.navbar-body>.nav.nav-divider+.navbar-after {
    border-left-width: 0;
    border-top: solid 1px #ddd
}

.navbar>.navbar-addon+.nav.nav-switch {
    order: -1
}

.navbar-show .nav.nav-switch {
    display: none
}

.navbar-show .navbar-body {
    display: flex;
    position: relative;
    background-color: transparent !important;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between
}

.navbar.navbar-show>.navbar-body {
    justify-content: flex-end;
    margin-left: 10%
}

.navbar-show .navbar-body>.nav {
    flex-direction: row
}

.navbar-show.navbar-show-block .navbar-body>.nav,
.navbar-show.navbar-show-block .navbar-body>.nav>li,
.navbar-show.navbar-show-block .navbar-body>.nav>li>a {
    flex-grow: 1;
    text-align: center
}

.navbar-show .navbar-body>.nav.nav-divider>li>a,
.navbar-show .navbar-body>.nav.nav-divider+.navbar-after {
    border-left-width: 1px;
    border-top-width: 0
}

.navbar-show.navbar-divider-none .navbar-body>.nav.nav-divider>li>a {
    border-left-width: 0
}

.navbar-show.navbar-show-divider .navbar-body>.nav>li {
    display: flex;
    align-items: center
}

.navbar-show.navbar-show-divider .navbar-body>.nav>li:not(:first-child)::before {
    content: "";
    border-left: 1px solid rgba(0, 0, 0, .1);
    height: 1.25rem;
    transition: all .5s ease
}

.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li.active::before,
.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li:hover::before,
.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li.active+li::before,
.navbar-show.navbar-show-divider .navbar-body>.nav.nav-inverse>li:hover+li::before {
    border-color: transparent
}

.navbar-show .navbar-body>.nav>li>.nav {
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 10rem
}

.navbar-inverse .nav.nav-switch,
.navbar-inverse .navbar-logo,
.navbar-inverse .navbar-addon,
.navbar-inverse .navbar-addon a,
.navbar-inverse.navbar-show,
.navbar-inverse.navbar-show .navbar-body>.navbar-after a,
.navbar-inverse.navbar-show .navbar-body>.nav>li>a,
.navbar-show-inverse.navbar-show,
.navbar-show-inverse.navbar-show .navbar-body>.navbar-after a,
.navbar-show-inverse.navbar-show .navbar-body>.nav>li>a {
    color: #fff
}

.navbar-outer.navbar-show>.navbar {
    padding: 1.25rem 1rem
}

.navbar-outer:not(.navbar-show) .navbar-body.container {
    width: 100% !important;
    padding: 0 !important
}

.sidebar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transition: all .5s ease
}

.sidebar.sidebar-right {
    left: auto;
    right: 0
}

.sidebar>.nav-switch {
    position: absolute;
    top: 1rem;
    right: -2.5rem
}

.sidebar.sidebar-right>.nav-switch {
    right: auto;
    left: -2.5rem
}

.sidebar.sidebar-close {
    transform: translateX(-100%)
}

.sidebar.sidebar-right.sidebar-close {
    transform: translateX(100%)
}

.sidebar.sidebar-hold.sidebar-close {
    transform: translateX(0) !important
}

.sidebar.relative.sidebar-close {
    position: absolute !important
}

.sidebar.relative.sidebar-hold.sidebar-close {
    position: relative !important
}

.sidebar.sidebar-hold.sidebar-close .nav>li>a {
    justify-content: center
}

.sidebar.sidebar-hold.sidebar-close .nav>li>a>.nav-media {
    margin-right: 0
}

.sidebar.sidebar-hold .sidebar-hidden {
    white-space: nowrap;
    transition: all .5s ease
}

.sidebar.sidebar-hold.sidebar-close .sidebar-hidden {
    display: none !important
}

.tab>.tab-body {
    padding: 1rem 0
}

.tab>.tab-body>.tab-item {
    display: none;
    transition: all .4s ease .05s
}

.tab>.tab-body>.tab-item.active {
    display: block
}

.tab.tab-box>.tab-body {
    padding: 1rem;
    border: solid 1px #ddd;
    border-radius: .25rem
}

.tab.tab-box>.nav.nav-tabs {
    border-bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: .25rem
}

.tab.tab-box>.nav.nav-tabs-card {
    margin-bottom: -2px
}

.tab.tab-box>.nav.nav-tabs-card>li.active {
    background: #fff
}

.tab.tab-box>.nav.nav-tabs-card+.tab-body {
    border-radius: 0
}

.fold {
    border: solid 1px #ddd;
    border-radius: .25rem
}

.fold>.fold-item {
    border-radius: inherit
}

.fold>.fold-item>.fold-head {
    background: #f5f5f5;
    padding: .5rem 1rem;
    cursor: pointer;
    border-bottom: solid 1px #ddd
}

.fold>.fold-item>.fold-body {
    padding: 1rem;
    display: none
}

.fold>.fold-item:not(:last-child)>.fold-body {
    border-bottom: solid 1px #ddd
}

.fold>.fold-item:first-child>.fold-head {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.fold>.fold-item:last-child:not(.active)>.fold-head {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-bottom-color: transparent
}

.fold.fold-arrow>.fold-item>.fold-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fold.fold-arrow>.fold-item>.fold-head::after {
    content: "";
    width: .675rem;
    height: .675rem;
    border-top: solid 1px currentColor;
    border-right: solid 1px currentColor;
    transform: rotate(45deg);
    opacity: .5;
    transition: all .2s ease
}

.fold.fold-arrow>.fold-item.active>.fold-head::after {
    transform: rotate(135deg)
}

.falls {
    position: relative;
    width: 100%;
    transition: all .5s ease .2s
}

.falls>.falls-item {
    position: absolute;
    margin-top: 1rem;
    opacity: 0
}

.falls>.falls-item.active {
    margin-top: 0;
    opacity: 1
}

.falls>.falls-loading {
    position: absolute;
    font-size: .75rem;
    bottom: .5rem;
    left: 50%;
    margin-left: -.75rem
}

.dialog {
    display: none;
    overflow-x: hidden;
    overflow-y: auto
}

.dialog,
.dialog-mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.dialog-open {
    overflow: hidden
}

.dialog-barwidth {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.dialog>.dialog-body {
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.dialog.dialog-uncover,
.dialog:not(.dialog-uncover)>.dialog-body {
    opacity: 0;
    transition: margin .4s ease .05s;
    margin-top: -3rem
}

.dialog.dialog-uncover.active,
.dialog.active>.dialog-body {
    margin-top: 0;
    opacity: 1
}

.dialog.dialog-uncover.active:not([class*='fixed-']) {
    bottom: auto
}

.dialog>.dialog-body>.nav.nav-win {
    position: absolute;
    font-size: 18px;
    right: 1rem;
    top: 1.1rem
}

.dialog>.dialog-body>i.dialog-close {
    position: absolute;
    left: 50%;
    bottom: -4rem;
    font-size: 2rem;
    cursor: pointer;
    font-style: normal;
    font-weight: 100;
    line-height: .85;
    margin-left: -0.5em;
    width: 1em;
    height: 1em;
    text-align: center;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%
}

.dialog>.dialog-body>i.dialog-close:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.dialog[class*='fixed-right'],
.dialog>.dialog-body[class*='fixed-right'] {
    position: fixed !important;
    margin-top: auto;
    margin-right: -3rem
}

.dialog[class*='fixed-bottom'],
.dialog>.dialog-body[class*='fixed-bottom'] {
    position: fixed !important;
    margin-bottom: -3rem;
    bottom: 0 !important
}

.dialog[class*='fixed-left'],
.dialog>.dialog-body[class*='fixed-left'] {
    position: fixed !important;
    margin-top: auto;
    margin-left: -3rem
}

.dialog.active[class*='fixed-right'],
.dialog.active>.dialog-body[class*='fixed-right'] {
    margin-right: 0
}

.dialog.active[class*='fixed-bottom'],
.dialog.active>.dialog-body[class*='fixed-bottom'] {
    margin-bottom: 0
}

.dialog.active[class*='fixed-left'],
.dialog.active>.dialog-body[class*='fixed-left'] {
    margin-left: 0
}

.dialog.fixed-top-center,
.dialog>.dialog-body.fixed-top-center {
    margin-left: auto;
    margin-right: auto
}

.dialog.fixed-right-center,
.dialog>.dialog-body.fixed-right-center {
    right: 0;
    bottom: auto;
    left: auto
}

.dialog.fixed-bottom-center,
.dialog>.dialog-body.fixed-bottom-center {
    margin-left: auto;
    margin-right: auto;
    bottom: 0 !important;
    top: auto
}

.dialog.fixed-left-center,
.dialog>.dialog-body.fixed-left-center {
    bottom: auto
}

.dialog-content {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    border-radius: .5rem
}

.dialog-content.dialog-content-iframe {
    flex-direction: column
}

.dialog-content>.dialog-text {
    padding: 1.5rem .75rem;
    width: 100%;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    background-color: #fff;
    border-bottom: solid 1px #eee;
    color: #666
}

.dialog-content>.dialog-text:first-child:last-child {
    padding: 1rem 1.5rem;
    border-radius: inherit;
    border-bottom: 0;
    width: auto;
    margin: 0 auto
}

.dialog-content>.dialog-text:last-child {
    border-bottom-left-radius: inherit !important;
    border-bottom-right-radius: inherit !important;
    border-bottom: 0
}

.dialog-confirm,
.dialog-cancel {
    padding: .75rem;
    width: 50%;
    border: 0;
    background-color: #fff;
    cursor: pointer
}

.dialog-confirm:hover,
.dialog-cancel:hover {
    background-color: #f5f5f5
}

.dialog-confirm {
    border-bottom-left-radius: inherit;
    color: #019be1
}

.dialog-confirm:last-child {
    width: 100%;
    border-bottom-right-radius: inherit;
    margin-bottom: 0 !important
}

.dialog-cancel {
    border-bottom-right-radius: inherit;
    border-left: solid 1px #eee
}

.dialog-content>.dialog-title {
    background-color: #fff;
    width: 100%;
    padding-top: .75rem;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.dialog-content>.dialog-title+.dialog-text {
    border-radius: 0;
    padding: .75rem;
    padding-top: 0;
    font-size: .875rem
}

.dialog-content>.dialog-iframe {
    vertical-align: top;
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    flex-grow: 1
}

.dialog-content.dialog-content-iframe>.dialog-title {
    padding: .75rem;
    user-select: none;
    white-space: nowrap
}

.dialog-content>.dialog-title+.dialog-iframe {
    border-top: solid 1px #ddd
}

.dialog-content>.dialog-iframe:last-child,
.dialog-content>.dialog-button {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    background-color: #fff
}

.dialog-content>.dialog-button {
    display: flex;
    height: 3.25rem
}

.dialog-content.dialog-content-break>.dialog-text {
    font-size: .875rem
}

.dialog-content.dialog-content-break>.dialog-confirm {
    width: 100%;
    border-bottom-right-radius: inherit;
    margin-bottom: 1rem
}

.dialog-content.dialog-content-break>.dialog-cancel {
    width: 100%;
    border-radius: inherit;
    border-left: none
}

.dialog-content.dialog-content-dark>[class*='dialog-'] {
    background-color: #333;
    color: #fff;
    border-color: rgba(255, 255, 255, .15)
}

.dialog-content.dialog-content-dark>.dialog-title+.dialog-text,
.dialog-content.dialog-content-dark>.dialog-cancel {
    color: #999
}

.dialog-content.dialog-content-dark>.dialog-confirm:hover,
.dialog-content.dialog-content-dark>.dialog-cancel:hover {
    background-color: #292929
}

.dialog.dialog-full,
.dialog>.dialog-body.dialog-full {
    position: fixed;
    left: 0 !important;
    right: 0;
    top: 0 !important;
    bottom: 0 !important;
    background-color: #fff
}

.dialog-big {
    width: 90%;
    height: 90%
}

.dialog-middle {
    width: 60%;
    height: 70%
}

.dialog-small {
    width: 30%;
    height: 50%
}

.dialog-max {
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important
}

.dialog-min,
.dialog-min>.dialog-body {
    width: 18rem;
    text-align: left;
    height: auto
}

.dialog-min>.dialog-title,
.dialog-min>.dialog-body>.dialog-title {
    border-radius: inherit
}

.dialog-min>.dialog-iframe,
.dialog-min>.dialog-body>.dialog-iframe {
    display: none
}

.dialog-min>.dialog-button,
.dialog-min>.dialog-body>.dialog-button {
    display: none
}

.flip {
    position: relative;
    overflow: hidden;
    width: 100%
}

.flip>.flip-body {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    transition-property: transform
}

.flip>.flip-body>.flip-item {
    width: 100%;
    text-align: center;
    position: relative;
    flex-shrink: 0;
    transition-property: transform;
    transition: none
}

.flip>.flip-body>.flip-item.active {
    display: block
}

.flip>.flip-page {
    position: absolute;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%)
}

.flip.flip-rows>.flip-body {
    flex-wrap: wrap;
    flex-direction: column
}

.flip>.flip-prev,
.flip>.flip-next {
    position: absolute;
    top: 50%;
    color: #999;
    font-size: 50px;
    cursor: pointer;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    overflow: hidden;
    border: solid 1px rgba(255, 255, 255, 0);
    border-radius: .25rem
}

.flip>.flip-prev::before,
.flip>.flip-next::before {
    content: "";
    position: absolute;
    top: .25em;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    width: .5em;
    height: .5em;
    overflow: hidden
}

.flip>.flip-prev::before {
    transform: rotate(-135deg);
    left: .35em
}

.flip>.flip-next::before {
    transform: rotate(45deg);
    right: .35em
}

.flip>.flip-prev {
    left: 0
}

.flip>.flip-next {
    right: 0
}

.flip>.flip-prev.disabled,
.flip>.flip-next.disabled {
    color: #000 !important;
    opacity: .1;
    pointer-events: none
}

.padding-mini {
    padding: .25rem !important
}

.padding-top-mini {
    padding-top: .25rem !important
}

.padding-right-mini {
    padding-right: .25rem !important
}

.padding-bottom-mini {
    padding-bottom: .25rem !important
}

.padding-left-mini {
    padding-left: .25rem !important
}

.padding-small {
    padding: .5rem !important
}

.padding-top-small {
    padding-top: .5rem !important
}

.padding-right-small {
    padding-right: .5rem !important
}

.padding-bottom-small {
    padding-bottom: .5rem !important
}

.padding-left-small {
    padding-left: .5rem !important
}

.padding {
    padding: 1rem !important
}

.padding-top {
    padding-top: 1rem !important
}

.padding-right {
    padding-right: 1rem !important
}

.padding-bottom {
    padding-bottom: 1rem !important
}

.padding-left {
    padding-left: 1rem !important
}

.padding-big {
    padding: 1.5rem !important
}

.padding-top-big {
    padding-top: 1.5rem !important
}

.padding-right-big {
    padding-right: 1.5rem !important
}

.padding-bottom-big {
    padding-bottom: 1.5rem !important
}

.padding-left-big {
    padding-left: 1.5rem !important
}

.padding-large {
    padding: 2rem !important
}

.padding-top-large {
    padding-top: 2rem !important
}

.padding-right-large {
    padding-right: 2rem !important
}

.padding-bottom-large {
    padding-bottom: 2rem !important
}

.padding-left-large {
    padding-left: 2rem !important
}

.padding-none {
    padding: 0 !important
}

.padding-top-none {
    padding-top: 0 !important
}

.padding-right-none {
    padding-right: 0 !important
}

.padding-bottom-none {
    padding-bottom: 0 !important
}

.padding-left-none {
    padding-left: 0 !important
}

.border {
    border: solid 1px #ddd !important
}

.border-top {
    border-top: solid 1px #ddd !important
}

.border-right {
    border-right: solid 1px #ddd !important
}

.border-bottom {
    border-bottom: solid 1px #ddd !important
}

.border-left {
    border-left: solid 1px #ddd !important
}

.border-mini {
    border-width: .125rem !important
}

.border-small {
    border-width: .25rem !important
}

.border-big {
    border-width: .5rem !important
}

.border-large {
    border-width: 1rem !important
}

.border-dashed {
    border-style: dashed !important
}

.border-dotted {
    border-style: dotted !important
}

.border-none {
    border: none !important
}

.border-top-none {
    border-top: none !important
}

.border-right-none {
    border-right: none !important
}

.border-bottom-none {
    border-bottom: none !important
}

.border-left-none {
    border-left: none !important
}

.radius-mini {
    border-radius: .125rem !important
}

.radius-small {
    border-radius: .1875rem !important
}

.radius {
    border-radius: .25rem !important
}

.radius-big {
    border-radius: .5rem !important
}

.radius-large {
    border-radius: 1.25rem !important
}

.radius-circle {
    border-radius: 50% !important
}

.radius-none {
    border-radius: 0 !important
}

.radius-top {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.radius-right {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.radius-bottom {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

.radius-left {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.margin-mini {
    margin: .25rem !important
}

.margin-top-mini {
    margin-top: .25rem !important
}

.margin-right-mini {
    margin-right: .25rem !important
}

.margin-bottom-mini {
    margin-bottom: .25rem !important
}

.margin-left-mini {
    margin-left: .25rem !important
}

.margin-small {
    margin: .5rem !important
}

.margin-top-small {
    margin-top: .5rem !important
}

.margin-right-small {
    margin-right: .5rem !important
}

.margin-bottom-small {
    margin-bottom: .5rem !important
}

.margin-left-small {
    margin-left: .5rem !important
}

.margin {
    margin: 1rem !important
}

.margin-top {
    margin-top: 1rem !important
}

.margin-right {
    margin-right: 1rem !important
}

.margin-bottom {
    margin-bottom: 1rem !important
}

.margin-left {
    margin-left: 1rem !important
}

.margin-big {
    margin: 1.5rem !important
}

.margin-top-big {
    margin-top: 1.5rem !important
}

.margin-right-big {
    margin-right: 1.5rem !important
}

.margin-bottom-big {
    margin-bottom: 1.5rem !important
}

.margin-left-big {
    margin-left: 1.5rem !important
}

.margin-large {
    margin: 2rem !important
}

.margin-top-large {
    margin-top: 2rem !important
}

.margin-right-large {
    margin-right: 2rem !important
}

.margin-bottom-large {
    margin-bottom: 2rem !important
}

.margin-left-large {
    margin-left: 2rem !important
}

.margin-top-auto {
    margin-top: auto !important
}

.margin-right-auto {
    margin-right: auto !important
}

.margin-bottom-auto {
    margin-bottom: auto !important
}

.margin-left-auto {
    margin-left: auto !important
}

.margin-center-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.margin-middle-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.margin-none {
    margin: 0 !important
}

.margin-top-none {
    margin-top: 0 !important
}

.margin-right-none {
    margin-right: 0 !important
}

.margin-bottom-none {
    margin-bottom: 0 !important
}

.margin-left-none {
    margin-left: 0 !important
}

.shadow-small {
    box-shadow: 0 3px 5px rgba(0, 0, 0, .175) !important
}

.shadow {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .175) !important
}

.shadow-big {
    box-shadow: 0 8px 15px rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

.opacity-full {
    opacity: 0 !important
}

.opacity-mini {
    opacity: .85 !important
}

.opacity-small {
    opacity: .7 !important
}

.opacity {
    opacity: .5 !important
}

.opacity-big {
    opacity: .3 !important
}

.opacity-large {
    opacity: .15 !important
}

.opacity-none {
    opacity: 1 !important
}

h1,
.h1 {
    font-size: 2rem !important
}

h2,
.h2,
.size-large {
    font-size: 1.75rem !important
}

h3,
.h3 {
    font-size: 1.5rem !important
}

h4,
.h4,
.size-big {
    font-size: 1.25rem !important
}

h5,
.h5 {
    font-size: 1.125rem !important
}

h6,
.h6,
.size {
    font-size: 1rem !important
}

.size-small {
    font-size: .875rem !important
}

.size-mini {
    font-size: .75rem !important
}

.font-sun {
    font-family: Georgia, "Times New Roman", Times, SimSun, "FontAwesome", serif
}

.font-kai {
    font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif
}

.font-monospace {
    font-family: Monaco, Menlo, Consolas, "Courier New", "FontAwesome", monospace
}

.font-light {
    font-family: Georgia, "Times New Roman", Times, "Microsoft YaHei Light", "Microsoft YaHei", "FontAwesome", serif
}

.weight-mini {
    font-weight: 200
}

.weight-small {
    font-weight: 400
}

.weight {
    font-weight: normal
}

.weight-big {
    font-weight: bold
}

.weight-large {
    font-weight: bolder
}

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

.img-full {
    display: block;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%
}

.layout {
    width: 100%
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px !important;
    padding-right: 16px !important
}

.width-mini {
    width: 540px !important
}

.width-small {
    width: 730px !important
}

.width-middle {
    width: 980px !important
}

.width-big {
    width: 1200px !important
}

.width-large {
    width: 1600px !important
}

.em1 {
    width: 1em !important
}

.em2 {
    width: 2em !important
}

.em3 {
    width: 3em !important
}

.em4 {
    width: 4em !important
}

.em5 {
    width: 5em !important
}

.em6 {
    width: 6em !important
}

.em7 {
    width: 7em !important
}

.em8 {
    width: 8em !important
}

.em9 {
    width: 9em !important
}

.em10 {
    width: 10em !important
}

.em11 {
    width: 11em !important
}

.em12 {
    width: 12em !important
}

.ml1 {
    margin-left: 1em !important
}

.ml2 {
    margin-left: 2em !important
}

.ml3 {
    margin-left: 3em !important
}

.ml4 {
    margin-left: 4em !important
}

.ml5 {
    margin-left: 5em !important
}

.ml6 {
    margin-left: 6em !important
}

.ml7 {
    margin-left: 7em !important
}

.ml8 {
    margin-left: 8em !important
}

.ml9 {
    margin-left: 9em !important
}

.ml10 {
    margin-left: 10em !important
}

.ml11 {
    margin-left: 11em !important
}

.ml12 {
    margin-left: 12em !important
}

.hr {
    margin: 1em 0 1.5em 0;
    background-color: #fff;
    line-height: 1em;
    height: .6em;
    border-bottom: 1px solid #ddd
}

.hr>span {
    display: inline-block;
    line-height: 1;
    background-color: inherit;
    padding: 0 1em;
    margin: 0 1em
}

.quote {
    padding: 1em;
    border-left: .3125rem solid #ddd;
    background-color: #f5f5f5;
    border-radius: .25rem
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.float-none {
    float: none !important
}

.clearfix::after {
    content: " ";
    display: block !important;
    clear: both
}

.line-mini {
    line-height: 1 !important
}

.line-small {
    line-height: 1.5 !important
}

.line {
    line-height: 1.75 !important
}

.line-big {
    line-height: 2 !important
}

.line-large {
    line-height: 2.5 !important
}

.align-left {
    text-align: left !important
}

.align-center {
    text-align: center !important
}

.align-right {
    text-align: right !important
}

.align-justify {
    text-align: justify !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.word-indent {
    text-indent: 2em
}

.word-more {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

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

.word-block {
    white-space: nowrap
}

.inline {
    display: inline-block !important
}

.block {
    display: block !important
}

.relative {
    position: relative !important
}

.absolute {
    position: absolute !important
}

.center {
    margin-left: auto !important;
    margin-right: auto !important
}

.overflow-hidden {
    overflow: hidden
}

.overflow-auto {
    overflow: auto
}

.show,
.mini-hidden,
.small-hidden,
.middle-hidden,
.big-hidden,
.large-hidden {
    display: block !important
}

.hidden,
.mini-show,
.small-show,
.middle-show,
.big-show,
.large-show {
    display: none !important
}

.print-show {
    display: none !important
}

@media print {
    .print-show {
        display: block !important
    }

    table.print-show {
        display: table
    }

    tr.print-show {
        display: table-row !important
    }

    th.print-show,
    td.print-show {
        display: table-cell !important
    }

    .print-hidden {
        display: none !important
    }
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%
}

.fixed-bottom {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%
}

.fixed-left {
    position: fixed;
    top: 0;
    left: 0;
    right: auto;
    bottom: 0;
    height: 100%
}

.fixed-right {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    height: 100%
}

.fixed-left-top {
    position: fixed;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

.fixed-right-top {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto
}

.fixed-left-bottom {
    position: fixed;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0
}

.fixed-right-bottom {
    position: fixed;
    top: auto;
    right: 0;
    bottom: 0;
    left: auto
}

.text-main,
.button.border-main {
    color: #019be1 !important
}

.text-sub,
.button.border-sub {
    color: #0ae !important
}

.text-dot,
.button.border-dot {
    color: #f60 !important
}

.border-main,
.table.border-main td,
.table.border-main th {
    border-color: #019be1 !important
}

.border-sub,
.table.border-sub td,
.table.border-sub th {
    border-color: #0ae !important
}

.border-dot,
.table.border-dot td,
.table.border-dot th {
    border-color: #f60 !important
}

.bg-main,
.text.button:hover,
.border.button:hover,
.bg.button:hover,
.button[class*='-main']:hover,
.button[class*='-main'].active {
    background-color: #019be1 !important
}

.bg-sub,
.button[class*='-sub']:hover,
.button[class*='-sub'].active {
    background-color: #0ae !important
}

.bg-dot,
.button[class*='-dot']:hover,
.button[class*='-dot'].active {
    background-color: #f60 !important
}

.text-black,
.button.border-black {
    color: #000 !important
}

.text-deep,
.button.border-deep {
    color: #333 !important
}

.text-dark,
.button.border-dark {
    color: #666 !important
}

.text-gray,
.button.border-gray {
    color: #999 !important
}

.text-silver,
.button.border-silver {
    color: #ddd !important
}

.text-light,
.button.border-light {
    color: #f5f5f5 !important
}

.text-white,
.button.border-white,
.validate-tips div>.input-validate {
    color: #fff !important
}

.text-danger,
.button.border-danger,
.input-invalid>.input-validate {
    color: #f00 !important
}

.text-warning,
.button.border-warning {
    color: #fb0 !important
}

.text-success,
.button.border-success,
.input-valid>.input-validate {
    color: #2c7 !important
}

.text-info,
.button.border-info {
    color: #0ae !important
}

.text,
a.text-main:hover {
    color: #333 !important
}

.text-transparent {
    color: transparent !important
}

.border-black,
.table.border-black td,
.table.border-black th {
    border-color: #000 !important
}

.border-deep,
.table.border-deep td,
.table.border-deep th {
    border-color: #333 !important
}

.border-dark,
.table.border-dark td,
.table.border-dark th {
    border-color: #666 !important
}

.border-gray,
.table.border-gray td,
.table.border-gray th {
    border-color: #999 !important
}

.border-silver,
.table.border-silver td,
.table.border-silver th {
    border-color: #ddd !important
}

.border-light,
.table.border-light td,
.table.border-light th {
    border-color: #f5f5f5 !important
}

.border-white,
.table.border-white td,
.table.border-white th {
    border-color: #fff !important
}

.border-danger,
.table.border-danger td,
.table.border-danger th,
.input-invalid:not(.input-novalidate) .input,
.form-validate .input:focus:invalid {
    border-color: #f00 !important
}

.border-warning,
.table.border-warning td,
.table.border-warning th {
    border-color: #fb0 !important
}

.border-success,
.table.border-success td,
.table.border-success th,
.input-valid:not(.input-novalidate) .input,
.form-validate .input:focus:valid {
    border-color: #2c7 !important
}

.border-info,
.table.border-info td,
.table.border-info th {
    border-color: #0ae !important
}

.border-transparent {
    border-color: transparent !important
}

.bg-black,
.button[class*='-black']:hover,
.button[class*='-black'].active {
    background-color: #000 !important
}

.bg-deep,
.button[class*='-deep']:hover,
.button[class*='-deep'].active {
    background-color: #333 !important
}

.bg-dark,
.button[class*='-dark']:hover,
.button[class*='-dark'].active {
    background-color: #666 !important
}

.bg-gray,
.button[class*='-gray']:hover,
.button[class*='-gray'].active {
    background-color: #999 !important
}

.bg-silver,
.button[class*='-silver']:hover,
.button[class*='-silver'].active {
    background-color: #ddd !important
}

.bg-light,
.button[class*='-light']:hover,
.button[class*='-light'].active {
    background-color: #f5f5f5 !important
}

.bg-white,
.button[class*='-white']:hover,
.button[class*='-white'].active {
    background-color: #fff !important
}

.bg-danger,
.button[class*='-danger']:hover,
.button[class*='-danger'].active,
.validate-tips .input-invalid>.input-validate {
    background-color: #f00 !important
}

.bg-warning,
.button[class*='-warning']:hover,
.button[class*='-warning'].active {
    background-color: #fb0 !important
}

.bg-success,
.button[class*='-success']:hover,
.button[class*='-success'].active,
.validate-tips .input-valid>.input-validate {
    background-color: #2c7 !important
}

.bg-info,
.button[class*='-info']:hover,
.button[class*='-info'].active {
    background-color: #0ae !important
}

.bg,
.button.active {
    background-color: #f5f5f5 !important
}

.bg-inverse a:hover {
    opacity: .75 !important
}

.bg-inverse,
.bg-inverse a {
    color: #fff !important
}

.alert {
    background-color: #f5f5f5 !important
}

.bg-transparent {
    background-color: transparent !important
}

.alert-danger {
    background-color: #fee !important
}

.alert-warning {
    background-color: #ffd !important
}

.alert-success {
    background-color: #efd !important
}

.alert-info {
    background-color: #eff !important
}

/*auto*/
@media(min-width:572px) {
    .container {
        width: 540px
    }

    .mini-float-left {
        float: left !important
    }

    .mini-float-right {
        float: right !important
    }

    .mini-float-none {
        float: none !important
    }

    .mini-align-left {
        text-align: left !important
    }

    .mini-align-center {
        text-align: center !important
    }

    .mini-align-right {
        text-align: right !important
    }

    .mini-size-large {
        font-size: 1.75rem !important
    }

    .mini-size-big {
        font-size: 1.25rem !important
    }

    .mini-size-middle {
        font-size: 1rem !important
    }

    .mini-size-small {
        font-size: .875rem !important
    }

    .mini-size-mini {
        font-size: .75rem !important
    }

    .mini-show {
        display: block !important
    }

    .mini-hidden {
        display: none !important
    }

    .mini-grid-mini>.grid {
        margin: -0.03125rem
    }

    .mini-grid-mini,
    .mini-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .mini-grid-small>.grid {
        margin: -0.25rem
    }

    .mini-grid-small,
    .mini-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .mini-grid-middle>.grid {
        margin: -0.5rem
    }

    .mini-grid-middle,
    .mini-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .mini-grid-big>.grid {
        margin: -0.75rem
    }

    .mini-grid-big,
    .mini-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .mini-grid-large>.grid {
        margin: -1rem
    }

    .mini-grid-large,
    .mini-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .mini-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .mini-x0,
    .mini-w0 {
        width: auto
    }

    .mini-x1,
    .mini-w1 {
        width: 8.33333333%
    }

    .mini-x2,
    .mini-w2 {
        width: 16.66666667%
    }

    .mini-x20,
    .mini-w20 {
        width: 20%
    }

    .mini-x3,
    .mini-w3 {
        width: 25%
    }

    .mini-x4,
    .mini-w4 {
        width: 33.33333333%
    }

    .mini-x5,
    .mini-w5 {
        width: 41.66666667%
    }

    .mini-x6,
    .mini-w6 {
        width: 50%
    }

    .mini-x7,
    .mini-w7 {
        width: 58.33333333%
    }

    .mini-x8,
    .mini-w8 {
        width: 66.66666667%
    }

    .mini-x9,
    .mini-w9 {
        width: 75%
    }

    .mini-x10,
    .mini-w10 {
        width: 83.33333333%
    }

    .mini-x11,
    .mini-w11 {
        width: 91.66666667%
    }

    .mini-x12,
    .mini-w12,
    .mini-x100,
    .mini-w100 {
        width: 100%
    }

    .mini-order0 {
        order: 0
    }

    .mini-order1 {
        order: 1
    }

    .mini-order2 {
        order: 2
    }

    .mini-order3 {
        order: 3
    }

    .mini-order4 {
        order: 4
    }

    .mini-order5 {
        order: 5
    }

    .mini-order6 {
        order: 6
    }

    .mini-order7 {
        order: 7
    }

    .mini-order8 {
        order: 8
    }

    .mini-order9 {
        order: 9
    }

    .mini-order10 {
        order: 10
    }

    .mini-order11 {
        order: 11
    }

    .mini-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .mini-move0 {
        margin-left: 0
    }

    .mini-move1 {
        margin-left: 8.33333333%
    }

    .mini-move2 {
        margin-left: 16.66666667%
    }

    .mini-move3 {
        margin-left: 25%
    }

    .mini-move4 {
        margin-left: 33.33333333%
    }

    .mini-move5 {
        margin-left: 41.66666667%
    }

    .mini-move6 {
        margin-left: 50%
    }

    .mini-move7 {
        margin-left: 58.33333333%
    }

    .mini-move8 {
        margin-left: 66.66666667%
    }

    .mini-move9 {
        margin-left: 75%
    }

    .mini-move10 {
        margin-left: 83.33333333%
    }

    .mini-move11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:762px) {
    .container {
        width: 730px
    }

    .small-float-left {
        float: left !important
    }

    .small-float-right {
        float: right !important
    }

    .small-float-none {
        float: none !important
    }

    .small-align-left {
        text-align: left !important
    }

    .small-align-center {
        text-align: center !important
    }

    .small-align-right {
        text-align: right !important
    }

    .small-size-large {
        font-size: 1.75rem !important
    }

    .small-size-big {
        font-size: 1.25rem !important
    }

    .small-size-middle {
        font-size: 1rem !important
    }

    .small-size-small {
        font-size: .875rem !important
    }

    .small-size-mini {
        font-size: .75rem !important
    }

    .small-show {
        display: block !important
    }

    .small-hidden {
        display: none !important
    }

    .small-grid-mini>.grid {
        margin: -0.03125rem
    }

    .small-grid-mini,
    .small-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .small-grid-small>.grid {
        margin: -0.25rem
    }

    .small-grid-small,
    .small-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .small-grid-middle>.grid {
        margin: -0.5rem
    }

    .small-grid-middle,
    .small-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .small-grid-big>.grid {
        margin: -0.75rem
    }

    .small-grid-big,
    .small-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .small-grid-large>.grid {
        margin: -1rem
    }

    .small-grid-large,
    .small-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .small-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .small-x0,
    .small-w0 {
        width: auto
    }

    .small-x1,
    .small-w1 {
        width: 8.33333333%
    }

    .small-x2,
    .small-w2 {
        width: 16.66666667%
    }

    .small-x20,
    .small-w20 {
        width: 20%
    }

    .small-x3,
    .small-w3 {
        width: 25%
    }

    .small-x4,
    .small-w4 {
        width: 33.33333333%
    }

    .small-x5,
    .small-w5 {
        width: 41.66666667%
    }

    .small-x6,
    .small-w6 {
        width: 50%
    }

    .small-x7,
    .small-w7 {
        width: 58.33333333%
    }

    .small-x8,
    .small-w8 {
        width: 66.66666667%
    }

    .small-x9,
    .small-w9 {
        width: 75%
    }

    .small-x10,
    .small-w10 {
        width: 83.33333333%
    }

    .small-x11,
    .small-w11 {
        width: 91.66666667%
    }

    .small-x12,
    .small-w12,
    .small-x100,
    .small-w100 {
        width: 100%
    }

    .small-order0 {
        order: 0
    }

    .small-order1 {
        order: 1
    }

    .small-order2 {
        order: 2
    }

    .small-order3 {
        order: 3
    }

    .small-order4 {
        order: 4
    }

    .small-order5 {
        order: 5
    }

    .small-order6 {
        order: 6
    }

    .small-order7 {
        order: 7
    }

    .small-order8 {
        order: 8
    }

    .small-order9 {
        order: 9
    }

    .small-order10 {
        order: 10
    }

    .small-order11 {
        order: 11
    }

    .small-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .small-move0 {
        margin-left: 0
    }

    .small-move1 {
        margin-left: 8.33333333%
    }

    .small-move2 {
        margin-left: 16.66666667%
    }

    .small-move3 {
        margin-left: 25%
    }

    .small-move4 {
        margin-left: 33.33333333%
    }

    .small-move5 {
        margin-left: 41.66666667%
    }

    .small-move6 {
        margin-left: 50%
    }

    .small-move7 {
        margin-left: 58.33333333%
    }

    .small-move8 {
        margin-left: 66.66666667%
    }

    .small-move9 {
        margin-left: 75%
    }

    .small-move10 {
        margin-left: 83.33333333%
    }

    .small-move11 {
        margin-left: 91.66666667%
    }
}

@media(max-width:762px) {
    .table-auto {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-auto .table tr th,
    .table-auto .table tr td {
        white-space: nowrap
    }
}

@media(min-width:992px) {
    .container {
        width: 960px
    }

    .middle-float-left {
        float: left !important
    }

    .middle-float-right {
        float: right !important
    }

    .middle-float-none {
        float: none !important
    }

    .middle-align-left {
        text-align: left !important
    }

    .middle-align-center {
        text-align: center !important
    }

    .middle-align-right {
        text-align: right !important
    }

    .middle-size-large {
        font-size: 1.75rem !important
    }

    .middle-size-big {
        font-size: 1.25rem !important
    }

    .middle-size-middle {
        font-size: 1rem !important
    }

    .middle-size-small {
        font-size: .875rem !important
    }

    .middle-size-mini {
        font-size: .75rem !important
    }

    .middle-show {
        display: block !important
    }

    .middle-hidden {
        display: none !important
    }

    .middle-grid-mini>.grid {
        margin: -0.03125rem
    }

    .middle-grid-mini,
    .middle-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .middle-grid-small>.grid {
        margin: -0.25rem
    }

    .middle-grid-small,
    .middle-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .middle-grid-middle>.grid {
        margin: -0.5rem
    }

    .middle-grid-middle,
    .middle-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .middle-grid-big>.grid {
        margin: -0.75rem
    }

    .middle-grid-big,
    .middle-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .middle-grid-large>.grid {
        margin: -1rem
    }

    .middle-grid-large,
    .middle-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .middle-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .middle-x0,
    .middle-w0 {
        width: auto
    }

    .middle-x1,
    .middle-w1 {
        width: 8.33333333%
    }

    .middle-x2,
    .middle-w2 {
        width: 16.66666667%
    }

    .middle-x20,
    .middle-w20 {
        width: 20%
    }

    .middle-x3,
    .middle-w3 {
        width: 25%
    }

    .middle-x4,
    .middle-w4 {
        width: 33.33333333%
    }

    .middle-x5,
    .middle-w5 {
        width: 41.66666667%
    }

    .middle-x6,
    .middle-w6 {
        width: 50%
    }

    .middle-x7,
    .middle-w7 {
        width: 58.33333333%
    }

    .middle-x8,
    .middle-w8 {
        width: 66.66666667%
    }

    .middle-x9,
    .middle-w9 {
        width: 75%
    }

    .middle-x10,
    .middle-w10 {
        width: 83.33333333%
    }

    .middle-x11,
    .middle-w11 {
        width: 91.66666667%
    }

    .middle-x12,
    .middle-w12,
    .middle-x100,
    .middle-w100 {
        width: 100%
    }

    .middle-order0 {
        order: 0
    }

    .middle-order1 {
        order: 1
    }

    .middle-order2 {
        order: 2
    }

    .middle-order3 {
        order: 3
    }

    .middle-order4 {
        order: 4
    }

    .middle-order5 {
        order: 5
    }

    .middle-order6 {
        order: 6
    }

    .middle-order7 {
        order: 7
    }

    .middle-order8 {
        order: 8
    }

    .middle-order9 {
        order: 9
    }

    .middle-order10 {
        order: 10
    }

    .middle-order11 {
        order: 11
    }

    .middle-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .middle-move0 {
        margin-left: 0
    }

    .middle-move1 {
        margin-left: 8.33333333%
    }

    .middle-move2 {
        margin-left: 16.66666667%
    }

    .middle-move3 {
        margin-left: 25%
    }

    .middle-move4 {
        margin-left: 33.33333333%
    }

    .middle-move5 {
        margin-left: 41.66666667%
    }

    .middle-move6 {
        margin-left: 50%
    }

    .middle-move7 {
        margin-left: 58.33333333%
    }

    .middle-move8 {
        margin-left: 66.66666667%
    }

    .middle-move9 {
        margin-left: 75%
    }

    .middle-move10 {
        margin-left: 83.33333333%
    }

    .middle-move11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1232px) {
    .container {
        width: 1200px
    }

    .big-float-left {
        float: left !important
    }

    .big-float-right {
        float: right !important
    }

    .big-float-none {
        float: none !important
    }

    .big-align-left {
        text-align: left !important
    }

    .big-align-center {
        text-align: center !important
    }

    .big-align-right {
        text-align: right !important
    }

    .big-size-large {
        font-size: 1.75rem !important
    }

    .big-size-big {
        font-size: 1.25rem !important
    }

    .big-size-middle {
        font-size: 1rem !important
    }

    .big-size-small {
        font-size: .875rem !important
    }

    .big-size-mini {
        font-size: .75rem !important
    }

    .big-show {
        display: block !important
    }

    .big-hidden {
        display: none !important
    }

    .big-grid-mini>.grid {
        margin: -0.03125rem
    }

    .big-grid-mini,
    .big-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .big-grid-small>.grid {
        margin: -0.25rem
    }

    .big-grid-small,
    .big-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .big-grid-middle>.grid {
        margin: -0.5rem
    }

    .big-grid-middle,
    .big-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .big-grid-big>.grid {
        margin: -0.75rem
    }

    .big-grid-big,
    .big-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .big-grid-large>.grid {
        margin: -1rem
    }

    .big-grid-large,
    .big-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .big-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .big-x0,
    .big-w0 {
        width: auto
    }

    .big-x1,
    .big-w1 {
        width: 8.33333333%
    }

    .big-x2,
    .big-w2 {
        width: 16.66666667%
    }

    .big-x20,
    .big-w20 {
        width: 20%
    }

    .big-x3,
    .big-w3 {
        width: 25%
    }

    .big-x4,
    .big-w4 {
        width: 33.33333333%
    }

    .big-x5,
    .big-w5 {
        width: 41.66666667%
    }

    .big-x6,
    .big-w6 {
        width: 50%
    }

    .big-x7,
    .big-w7 {
        width: 58.33333333%
    }

    .big-x8,
    .big-w8 {
        width: 66.66666667%
    }

    .big-x9,
    .big-w9 {
        width: 75%
    }

    .big-x10,
    .big-w10 {
        width: 83.33333333%
    }

    .big-x11,
    .big-w11 {
        width: 91.66666667%
    }

    .big-x12,
    .big-w12,
    .big-x100,
    .big-w100 {
        width: 100%
    }

    .big-order0 {
        order: 0
    }

    .big-order1 {
        order: 1
    }

    .big-order2 {
        order: 2
    }

    .big-order3 {
        order: 3
    }

    .big-order4 {
        order: 4
    }

    .big-order5 {
        order: 5
    }

    .big-order6 {
        order: 6
    }

    .big-order7 {
        order: 7
    }

    .big-order8 {
        order: 8
    }

    .big-order9 {
        order: 9
    }

    .big-order10 {
        order: 10
    }

    .big-order11 {
        order: 11
    }

    .big-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .big-move0 {
        margin-left: 0
    }

    .big-move1 {
        margin-left: 8.33333333%
    }

    .big-move2 {
        margin-left: 16.66666667%
    }

    .big-move3 {
        margin-left: 25%
    }

    .big-move4 {
        margin-left: 33.33333333%
    }

    .big-move5 {
        margin-left: 41.66666667%
    }

    .big-move6 {
        margin-left: 50%
    }

    .big-move7 {
        margin-left: 58.33333333%
    }

    .big-move8 {
        margin-left: 66.66666667%
    }

    .big-move9 {
        margin-left: 75%
    }

    .big-move10 {
        margin-left: 83.33333333%
    }

    .big-move11 {
        margin-left: 91.66666667%
    }
}

@media(min-width:1632px) {
    .container {
        width: 1600px
    }

    .large-float-left {
        float: left !important
    }

    .large-float-right {
        float: right !important
    }

    .large-float-none {
        float: none !important
    }

    .large-align-left {
        text-align: left !important
    }

    .large-align-center {
        text-align: center !important
    }

    .large-align-right {
        text-align: right !important
    }

    .large-size-large {
        font-size: 1.75rem !important
    }

    .large-size-big {
        font-size: 1.25rem !important
    }

    .large-size-middle {
        font-size: 1rem !important
    }

    .large-size-small {
        font-size: .875rem !important
    }

    .large-size-mini {
        font-size: .75rem !important
    }

    .large-show {
        display: block !important
    }

    .large-hidden {
        display: none !important
    }

    .large-grid-mini>.grid {
        margin: -0.03125rem
    }

    .large-grid-mini,
    .large-grid-mini>.grid>[class*='x'] {
        padding: .03125rem
    }

    .large-grid-small>.grid {
        margin: -0.25rem
    }

    .large-grid-small,
    .large-grid-small>.grid>[class*='x'] {
        padding: .25rem
    }

    .large-grid-middle>.grid {
        margin: -0.5rem
    }

    .large-grid-middle,
    .large-grid-middle>.grid>[class*='x'] {
        padding: .5rem
    }

    .large-grid-big>.grid {
        margin: -0.75rem
    }

    .large-grid-big,
    .large-grid-big>.grid>[class*='x'] {
        padding: .75rem
    }

    .large-grid-large>.grid {
        margin: -1rem
    }

    .large-grid-large,
    .large-grid-large>.grid>[class*='x'] {
        padding: 1rem
    }

    .large-x {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .large-x0,
    .large-w0 {
        width: auto
    }

    .large-x1,
    .large-w1 {
        width: 8.33333333%
    }

    .large-x2,
    .large-w2 {
        width: 16.66666667%
    }

    .large-x20,
    .large-w20 {
        width: 20%
    }

    .large-x3,
    .large-w3 {
        width: 25%
    }

    .large-x4,
    .large-w4 {
        width: 33.33333333%
    }

    .large-x5,
    .large-w5 {
        width: 41.66666667%
    }

    .large-x6,
    .large-w6 {
        width: 50%
    }

    .large-x7,
    .large-w7 {
        width: 58.33333333%
    }

    .large-x8,
    .large-w8 {
        width: 66.66666667%
    }

    .large-x9,
    .large-w9 {
        width: 75%
    }

    .large-x10,
    .large-w10 {
        width: 83.33333333%
    }

    .large-x11,
    .large-w11 {
        width: 91.66666667%
    }

    .large-x12,
    .large-w12,
    .large-x100,
    .large-w100 {
        width: 100%
    }

    .large-order0 {
        order: 0
    }

    .large-order1 {
        order: 1
    }

    .large-order2 {
        order: 2
    }

    .large-order3 {
        order: 3
    }

    .large-order4 {
        order: 4
    }

    .large-order5 {
        order: 5
    }

    .large-order6 {
        order: 6
    }

    .large-order7 {
        order: 7
    }

    .large-order8 {
        order: 8
    }

    .large-order9 {
        order: 9
    }

    .large-order10 {
        order: 10
    }

    .large-order11 {
        order: 11
    }

    .large-order12 {
        order: 12
    }

    .order13 {
        order: 13
    }

    .large-move0 {
        margin-left: 0
    }

    .large-move1 {
        margin-left: 8.33333333%
    }

    .large-move2 {
        margin-left: 16.66666667%
    }

    .large-move3 {
        margin-left: 25%
    }

    .large-move4 {
        margin-left: 33.33333333%
    }

    .large-move5 {
        margin-left: 41.66666667%
    }

    .large-move6 {
        margin-left: 50%
    }

    .large-move7 {
        margin-left: 58.33333333%
    }

    .large-move8 {
        margin-left: 66.66666667%
    }

    .large-move9 {
        margin-left: 75%
    }

    .large-move10 {
        margin-left: 83.33333333%
    }

    .large-move11 {
        margin-left: 91.66666667%
    }
}