@charset "utf-8";

:root {
    --primary-color: #ad1515;
    --primary-shallow-color: #ad1515;
    --primary-tag-left-color: #fe9d00;
    --top-header-hot-color: #ffffff;
    --top-header-hot-hover-bg: linear-gradient(-180deg, #dcb702, #fe9d00);
    --top-header-hot-hover-color: #ffffff;
}

html, body {
    font: 14px/1.571429 "苹方","PingFang","\82f9\65b9","微软雅黑","Microsoft YaHei",'XinGothic-SinaWeibo', helvetica, arial, sans-serif;
    margin: 0;
    width: 100%;
    max-width: 100%;
    min-width: 320px;
    min-height: 100%
}


body {
    color: #2a333c;
    background: #F2F3F5;
    word-wrap: break-word;
    overflow-x: hidden
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

#lx_time {
    display: flex;
    margin-right: 10px;
    width: 100px;
}

article, aside, details, figcaption, figure, footer, header, codemain, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block
}

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

progress {
    vertical-align: baseline
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

code, kbd, pre, samp {
    font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
    font-size: 1em
}

code {
    font-size: 90%;
    padding: .15rem .3rem;
    color: #5683ad;
    border-radius: .215rem;
    background-color: rgba(232, 241, 248, .1)
}

hr {
    overflow: visible;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 1rem 0;
    border: 0;
    border-top: 1px solid #e4eaec
}

optgroup {
    font-weight: 700
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

.pt15 {
    padding-top: 1rem !important;
}

.pb15 {
    padding-bottom: 1rem !important;
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    white-space: normal;
    color: inherit;
    font-size: 1.5rem;
    line-height: inherit;
    display: block;
    width: 100%;
    margin-bottom: .5rem
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]:not(.met-cancel-button)::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration, input[type=search] {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    opacity: .54;
    color: inherit
}

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

.container-s {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}
.mr15 {
    margin-right: 15px;
}

.item {
    padding: 0 !important;
}

@media print {
    *, ::after, ::before, ::first-letter, blockquote::first-line, div::first-line, li::first-line, p::first-line {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    abbr[title]::after {
        content: ' (' attr(title) ')'
    }

    blockquote, pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img, tr {
        page-break-inside: avoid
    }

    h2, h3, p {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }

    .navbar {
        display: none
    }

    .btn > .caret, .dropup > .btn > .caret {
        border-top-color: #000 !important
    }

    .tag {
        border: 1px solid #000
    }

    .table {
        border-collapse: collapse !important
    }

    .table td, .table th {
        background-color: #fff !important
    }

    .table-bordered td, .table-bordered th {
        border: 1px solid #ddd !important
    }
}

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

@-ms-viewport {
    width: device-width
}

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

p {
    margin-top: 0;
    margin-bottom: 1rem
}

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

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1rem
}

dl, ol, ul {
    margin-top: 0;
    list-style: none;
    padding-left: 0;
}

ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

a {
    text-decoration: none;
    color: var(--primary-color);
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

a:focus, a:hover {
    text-decoration: underline;
    color: #89bceb
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:not([href]):not([tabindex]) {
    text-decoration: none;
    color: inherit
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    text-decoration: none;
    color: inherit
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle
}

[role=button] {
    cursor: pointer
}

[role=button], a, area, button, input, label, select, summary, textarea {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

table {
    border-collapse: collapse;
    background-color: transparent
}

caption {
    padding-top: .572rem;
    padding-bottom: .572rem;
    caption-side: bottom;
    text-align: left;
    color: #a3afb7
}

th {
    text-align: left
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

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

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

input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

output {
    display: inline-block
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.429rem;
    font-weight: 300
}

.small, small {
    font-size: 80%;
    font-weight: 400
}

.mark, mark {
    padding: .23rem;
    background-color: #f2a654;
    color: #fff;
    border-radius: .143rem
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

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

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: 5px
}

dl.row > dd + dt {
    clear: left
}

.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img, .img-fluid {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: .286rem
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: .25rem;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: 1px solid #ddd;
    border-radius: .25rem;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075)
}

.img-circle {
    border-radius: 50%
}

.figure {
    display: inline-block
}

.figure-img {
    line-height: 1;
    margin-bottom: .5rem
}

.figure-caption {
    font-size: 90%;
    color: #ccd5db
}

kbd {
    font-size: 90%;
    padding: .15rem .3rem;
    color: #fff;
    border-radius: .143rem;
    background-color: var(--primary-color);
    -webkit-box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
    box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
    border: 1px solid #bcd8f1
}

kbd kbd {
    font-size: 100%;
    font-weight: 700;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

pre {
    white-space: pre-wrap !important;
    font-size: 90%;
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    color: inherit;
    padding: 10.5px;
    color: inherit;
    border: 1px solid #ecf5fc;
    border-radius: .215rem;
    overflow: auto
}

pre code {
    font-size: inherit;
    padding: 0;
    color: inherit;
    border-radius: 0;
    background-color: transparent
}

.container {
    /* width: 1310px; */
    width: 1100px;
    margin: 0 auto; 
    padding: 0;
}


.footer {
    padding: 5px;
    background: var(--primary-color);
    text-align: center;
    margin: 15px 0;
    color: #ffffff;
    border-top: solid 5px  #ffffff;
    padding: 15px;
}
.footer a{
    color: #fff;
}
.row::after {
    display: table;
    clear: both;
    content: ''
}

.col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
    position: relative;
    min-height: 1px;
    padding-right: .9375rem;
    padding-left: .9375rem
}

@media (min-width: 480px) {
    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media (min-width: 768px) {
    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media (min-width: 992px) {
    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

@media (min-width: 1200px) {
    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xxl, .col-xxl-1, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9 {
        padding-right: .9375rem;
        padding-left: .9375rem
    }
}

.col-xs-1 {
    float: left;
    width: 8.333333%
}

.col-xs-2 {
    float: left;
    width: 16.666667%
}

.col-xs-3 {
    float: left;
    width: 25%
}

.col-xs-4 {
    float: left;
    width: 33.333333%
}

.col-xs-5 {
    float: left;
    width: 41.666667%
}

.col-xs-6 {
    float: left;
    width: 50%
}

.col-xs-7 {
    float: left;
    width: 58.333333%
}

.col-xs-8 {
    float: left;
    width: 66.666667%
}

.col-xs-9 {
    float: left;
    width: 75%
}

.col-xs-10 {
    float: left;
    width: 83.333333%
}

.col-xs-11 {
    float: left;
    width: 91.666667%
}

.col-xs-12 {
    float: left;
    width: 100%
}

.offset-xs-1 {
    margin-left: 8.333333%
}

.offset-xs-2 {
    margin-left: 16.666667%
}

.offset-xs-3 {
    margin-left: 25%
}

.offset-xs-4 {
    margin-left: 33.333333%
}

.offset-xs-5 {
    margin-left: 41.666667%
}

.offset-xs-6 {
    margin-left: 50%
}

.offset-xs-7 {
    margin-left: 58.333333%
}

.offset-xs-8 {
    margin-left: 66.666667%
}

.offset-xs-9 {
    margin-left: 75%
}

.offset-xs-10 {
    margin-left: 83.333333%
}

.offset-xs-11 {
    margin-left: 91.666667%
}

@media (min-width: 480px) {
    .col-sm-1 {
        float: left;
        width: 8.333333%
    }

    .col-sm-2 {
        float: left;
        width: 16.666667%
    }

    .col-sm-3 {
        float: left;
        width: 25%
    }

    .col-sm-4 {
        float: left;
        width: 33.333333%
    }

    .col-sm-5 {
        float: left;
        width: 41.666667%
    }

    .col-sm-6 {
        float: left;
        width: 50%
    }

    .col-sm-7 {
        float: left;
        width: 58.333333%
    }

    .col-sm-8 {
        float: left;
        width: 66.666667%
    }

    .col-sm-9 {
        float: left;
        width: 75%
    }

    .col-sm-10 {
        float: left;
        width: 83.333333%
    }

    .col-sm-11 {
        float: left;
        width: 91.666667%
    }

    .col-sm-12 {
        float: left;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md-1 {
        float: left;
        width: 8.333333%
    }

    .col-md-2 {
        float: left;
        width: 16.666667%
    }

    .col-md-3 {
        float: left;
        width: 25%
    }

    .col-md-4 {
        float: left;
        width: 33.333333%
    }

    .col-md-5 {
        float: left;
        width: 41.666667%
    }

    .col-md-6 {
        float: left;
        width: 50%
    }

    .col-md-7 {
        float: left;
        width: 58.333333%
    }

    .col-md-8 {
        float: left;
        width: 66.666667%
    }

    .col-md-9 {
        float: left;
        width: 75%
    }

    .col-md-10 {
        float: left;
        width: 83.333333%
    }

    .col-md-11 {
        float: left;
        width: 91.666667%
    }

    .col-md-12 {
        float: left;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg-1 {
        float: left;
        width: 8.333333%
    }

    .col-lg-2 {
        float: left;
        width: 16.666667%
    }

    .col-lg-3 {
        float: left;
        width: 25%
    }

    .col-lg-4 {
        float: left;
        width: 34.1%
    }

    .col-lg-5 {
        float: left;
        width: 41.666667%
    }

    .col-lg-6 {
        float: left;
        width: 50%
    }

    .col-lg-7 {
        float: left;
        width: 58.333333%
    }

    .col-lg-8 {
        float: left;
        /* width: 64.666667% */
        width: 100%;
    }

    .col-lg-9 {
        float: left;
        width: 75%
    }

    .col-lg-10 {
        float: left;
        width: 83.333333%
    }

    .col-lg-11 {
        float: left;
        width: 91.666667%
    }

    .col-lg-12 {
        float: left;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl-1 {
        float: left;
        width: 8.333333%
    }

    .col-xl-2 {
        float: left;
        width: 16.666667%
    }

    .col-xl-3 {
        float: left;
        width: 25%
    }

    .col-xl-4 {
        float: left;
        width: 33.333333%
    }

    .col-xl-5 {
        float: left;
        width: 41.666667%
    }

    .col-xl-6 {
        float: left;
        width: 50%
    }

    .col-xl-7 {
        float: left;
        width: 58.333333%
    }

    .col-xl-8 {
        float: left;
        width: 66.666667%
    }

    .col-xl-9 {
        float: left;
        width: 75%
    }

    .col-xl-10 {
        float: left;
        width: 83.333333%
    }

    .col-xl-11 {
        float: left;
        width: 91.666667%
    }

    .col-xl-12 {
        float: left;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1600px) {
    .col-xxl-1 {
        float: left;
        width: 8.333333%
    }

    .col-xxl-2 {
        float: left;
        width: 16.666667%
    }

    .col-xxl-3 {
        float: left;
        width: 25%
    }

    .col-xxl-4 {
        float: left;
        width: 33.333333%
    }

    .col-xxl-5 {
        float: left;
        width: 41.666667%
    }

    .col-xxl-6 {
        float: left;
        width: 50%
    }

    .col-xxl-7 {
        float: left;
        width: 58.333333%
    }

    .col-xxl-8 {
        float: left;
        width: 66.666667%
    }

    .col-xxl-9 {
        float: left;
        width: 75%
    }

    .col-xxl-10 {
        float: left;
        width: 83.333333%
    }

    .col-xxl-11 {
        float: left;
        width: 91.666667%
    }

    .col-xxl-12 {
        float: left;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.333333%
    }

    .offset-xxl-2 {
        margin-left: 16.666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.333333%
    }

    .offset-xxl-5 {
        margin-left: 41.666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.333333%
    }

    .offset-xxl-8 {
        margin-left: 66.666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.333333%
    }

    .offset-xxl-11 {
        margin-left: 91.666667%
    }
}

.table {
    max-width: 100%;
    margin-bottom: 1rem;
    color: #76838f
}

.table td, .table th {
    padding: .572rem;
    border-top: 1px solid #e4eaec
}

.table thead th {
    border-bottom: 2px solid #e4eaec
}

.table tbody + tbody {
    border-top: 2px solid #e4eaec
}

.table .table {
    background-color: #fff
}

.table-sm td, .table-sm th {
    padding: .358rem
}

.table-bordered {
    border: 1px solid #e4eaec
}

.table-bordered td, .table-bordered th {
    border: 1px solid #ddd
}

.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 1px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(243, 247, 249, .3)
}

.table-hover tbody tr:hover {
    background-color: #f3f7f9
}

.table-active, .table-active > td, .table-active > th {
    background-color: #f3f7f9
}

.table-active a {
    color: inherit
}

.table-hover .table-active:hover {
    background-color: #e2ecf1
}

.table-hover .table-active:hover > td, .table-hover .table-active:hover > th {
    color: inherit;
    background-color: #e2ecf1
}

.table-responsive {
    display: block;
    overflow-x: auto;
    width: 100%;
    min-height: .01%
}

.form-control {
    font-size: 1rem;
    line-height: 1.571429;
    display: block;
    width: 100%;
    padding: .429rem .929rem;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.573rem;
    -webkit-transition: -webkit-box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    transition: box-shadow .25s linear, border .25s linear, color .25s linear, background-color .25s linear;
    border-color: #e4eaec;
    -webkit-appearance: none;
    -moz-appearance: none
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control.focus, .form-control:focus {
    border-color: var(--primary-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.form-control::-webkit-input-placeholder {
    opacity: 1;
    color: #a3afb7
}

.form-control::-moz-placeholder {
    opacity: 1;
    color: #a3afb7
}

.form-control:-ms-input-placeholder {
    opacity: 1;
    color: #a3afb7
}

.form-control::placeholder {
    opacity: 1;
    color: #a3afb7
}

.form-control:disabled, .form-control[readonly] {
    opacity: 1;
    background-color: #f3f7f9
}

.form-control:disabled {
    cursor: not-allowed
}

select.form-control:not([size]):not([multiple]) {
    height: 2.573rem
}

select.form-control:focus::-ms-value {
    color: #76838f;
    background-color: #fff
}

.form-control-static {
    min-height: 2.573rem;
    margin-bottom: 0;
    padding-top: .429rem;
    padding-bottom: .429rem
}

.form-control-static.form-control-lg, .form-control-static.form-control-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 2.288rem;
    font-size: .858rem;
    padding: .429rem .786rem;
    border-radius: .143rem
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), select.form-control-sm:not([size]):not([multiple]) {
    height: 2.288rem
}

.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 3.573667rem;
    font-size: 1.286rem;
    padding: .858rem 1.429rem;
    border-radius: .286rem
}

.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > select.input-group-addon:not([size]):not([multiple]), select.form-control-lg:not([size]):not([multiple]) {
    height: 3.573667rem
}

.form-group {
    margin-bottom: 1.429rem
}

.form-control-danger, .form-control-success, .form-control-warning {
    padding-right: 2.787rem;
    background-repeat: no-repeat;
    background-position: center right .64325rem;
    -webkit-background-size: 1.2865rem 1.2865rem;
    background-size: 1.2865rem 1.2865rem
}

html:not(.met-web) .has-success .custom-control, html:not(.met-web) .has-success .form-control-label {
    color: #46be8a
}

html:not(.met-web) .has-success .form-control {
    border-color: #46be8a;
    border-color: #46be8a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

html:not(.met-web) .has-success .input-group-addon {
    color: #46be8a;
    border-color: #46be8a;
    background-color: #ddf3e9
}

html:not(.met-web) .has-success .form-control-success {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'$form-icon-success-color\' d=\'M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z\'/%3E%3C/svg%3E')
}

.has-warning .custom-control, .has-warning .form-control-label {
    color: #f2a654
}

.has-warning .form-control {
    border-color: #f2a654;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.has-warning .input-group-addon {
    color: #f2a654;
    border-color: #f2a654;
    background-color: #fff
}

.has-warning .form-control-warning {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'#f2a654\' d=\'M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z\'/%3E%3C/svg%3E')
}

.has-danger .custom-control, .has-danger .form-control-label {
    color: #f96868
}

.has-danger .form-control {
    border-color: #f96868;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05)
}

.has-danger .input-group-addon {
    color: #f96868;
    border-color: #f96868;
    background-color: #fff
}

.has-danger .form-control-danger {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'#f96868\' viewBox=\'-2 -2 7 7\'%3E%3Cpath stroke=\'%23d9534f\' d=\'M0 0l3 3m0-3L0 3\'/%3E%3Ccircle r=\'.5\'/%3E%3Ccircle cx=\'3\' r=\'.5\'/%3E%3Ccircle cy=\'3\' r=\'.5\'/%3E%3Ccircle cx=\'3\' cy=\'3\' r=\'.5\'/%3E%3C/svg%3E')
}

@media (min-width: 480px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

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

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
        width: auto
    }

    .form-inline .input-group > .form-control {
        width: 100%
    }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle
    }
}

.btn {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.571429;
    display: inline-block;
    padding: .429rem 1rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: .215rem
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0
}

.btn.focus, .btn:focus, .btn:hover {
    text-decoration: none
}

.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn.disabled, .btn:disabled {
    cursor: not-allowed;
    opacity: .65
}

a.btn.disabled, fieldset[disabled] a.btn {
    pointer-events: none
}

.btn-primary {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.btn-primary:hover, .btn-primary.focus, .btn-primary:focus {
    color: #fff;
    border-color: #89bceb;
    background-color: #89bceb
}

.btn-primary.active, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    border-color: #4e97d9;
    background-color: #4e97d9;
    background-image: none
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .btn-primary.dropdown-toggle.focus, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
    color: #fff;
    border-color: #4e97d9;
    background-color: #4e97d9
}

.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.btn-secondary {
    color: #373a3c;
    border-color: #ccc;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075)
}

.btn-info {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-info:hover, .btn-info.focus, .btn-info:focus {
    color: #fff;
    border-color: #77d6e1;
    background-color: #77d6e1
}

.btn-info.active, .btn-info:active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-image: none;
    border-color: #47b8c6;
    background-color: #47b8c6
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .btn-info.dropdown-toggle.focus, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle:hover {
    color: #fff;
    border-color: #47b8c6;
    background-color: #47b8c6
}

.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:focus, .btn-info.disabled:hover, .btn-info:disabled:hover {
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-success {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.btn-success:hover, .btn-success.focus, .btn-success:focus {
    color: #fff;
    border-color: #5cd29d;
    background-color: #5cd29d
}

.btn-success.active, .btn-success:active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-image: none;
    border-color: #36ab7a;
    background-color: #36ab7a
}

.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .btn-success.dropdown-toggle.focus, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle:hover {
    color: #fff;
    border-color: #36ab7a;
    background-color: #36ab7a
}

.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:focus, .btn-success.disabled:hover, .btn-success:disabled:hover {
    border-color: #46be8a;
    background-color: #46be8a
}

.btn-warning {
    color: #fff;
    border-color: #f2a654;
    background-color: #f2a654
}

.btn-warning:hover, .btn-warning.focus, .btn-warning:focus {
    color: #fff;
    border-color: #f4b066;
    background-color: #f4b066
}

.btn-warning.active, .btn-warning:active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-image: none;
    border-color: #ec9940;
    background-color: #ec9940
}

.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open > .btn-warning.dropdown-toggle.focus, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle:hover {
    color: #fff;
    border-color: #ec9940;
    background-color: #ec9940
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:focus, .btn-warning.disabled:hover, .btn-warning:disabled:hover {
    border-color: #f2a654;
    background-color: #f2a654
}

.btn-danger {
    color: #fff;
    border-color: #f96868;
    background-color: #f96868
}

.btn-danger:hover, .btn-danger.focus, .btn-danger:focus {
    color: #fff;
    border-color: #fa7a7a;
    background-color: #fa7a7a
}

.btn-danger.active, .btn-danger:active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-image: none;
    border-color: #e9595b;
    background-color: #e9595b
}

.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .btn-danger.dropdown-toggle.focus, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle:hover {
    color: #fff;
    border-color: #e9595b;
    background-color: #e9595b
}

.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:focus, .btn-danger.disabled:hover, .btn-danger:disabled:hover {
    border-color: #f96868;
    background-color: #f96868
}

.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: transparent;
    background-image: none
}

.btn-outline-primary:hover, .btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary.active, .btn-outline-primary:active, .open > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.btn-outline-primary.active.focus, .btn-outline-primary.active:focus, .btn-outline-primary.active:hover, .btn-outline-primary:active.focus, .btn-outline-primary:active:focus, .btn-outline-primary:active:hover, .open > .btn-outline-primary.dropdown-toggle.focus, .open > .btn-outline-primary.dropdown-toggle:focus, .open > .btn-outline-primary.dropdown-toggle:hover {
    color: #fff;
    border-color: #1869b4;
    background-color: #1d7dd8
}

.btn-outline-primary.disabled.focus, .btn-outline-primary.disabled:focus, .btn-outline-primary:disabled.focus, .btn-outline-primary:disabled:focus, .btn-outline-primary.disabled:hover, .btn-outline-primary:disabled:hover {
    border-color: #bcdaf6
}

.btn-outline-secondary {
    color: #ccc;
    border-color: #ccc;
    background-color: transparent;
    background-image: none
}

.btn-outline-secondary:hover, .btn-outline-secondary.focus, .btn-outline-secondary:focus, .btn-outline-secondary.active, .btn-outline-secondary:active, .open > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    border-color: #ccc;
    background-color: #ccc
}

.btn-outline-secondary.active.focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.active:hover, .btn-outline-secondary:active.focus, .btn-outline-secondary:active:focus, .btn-outline-secondary:active:hover, .open > .btn-outline-secondary.dropdown-toggle.focus, .open > .btn-outline-secondary.dropdown-toggle:focus, .open > .btn-outline-secondary.dropdown-toggle:hover {
    color: #fff;
    border-color: #8c8c8c;
    background-color: #a1a1a1
}

.btn-outline-secondary.disabled.focus, .btn-outline-secondary.disabled:focus, .btn-outline-secondary:disabled.focus, .btn-outline-secondary:disabled:focus, .btn-outline-secondary.disabled:hover, .btn-outline-secondary:disabled:hover {
    border-color: #fff
}

.btn-outline-info {
    color: #57c7d4;
    border-color: #57c7d4;
    background-color: transparent;
    background-image: none
}

.btn-outline-info:hover, .btn-outline-info.focus, .btn-outline-info:focus, .btn-outline-info.active, .btn-outline-info:active, .open > .btn-outline-info.dropdown-toggle {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-outline-info.active.focus, .btn-outline-info.active:focus, .btn-outline-info.active:hover, .btn-outline-info:active.focus, .btn-outline-info:active:focus, .btn-outline-info:active:hover, .open > .btn-outline-info.dropdown-toggle.focus, .open > .btn-outline-info.dropdown-toggle:focus, .open > .btn-outline-info.dropdown-toggle:hover {
    color: #fff;
    border-color: #237e89;
    background-color: #2b9ca9
}

.btn-outline-info.disabled.focus, .btn-outline-info.disabled:focus, .btn-outline-info:disabled.focus, .btn-outline-info:disabled:focus, .btn-outline-info.disabled:hover, .btn-outline-info:disabled:hover {
    border-color: #a8e2e9
}

.btn-outline-success {
    color: #46be8a;
    border-color: #46be8a;
    background-color: transparent;
    background-image: none
}

.btn-outline-success:hover, .btn-outline-success.focus, .btn-outline-success:focus, .btn-outline-success.active, .btn-outline-success:active, .open > .btn-outline-success.dropdown-toggle {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.btn-outline-success.active.focus, .btn-outline-success.active:focus, .btn-outline-success.active:hover, .btn-outline-success:active.focus, .btn-outline-success:active:focus, .btn-outline-success:active:hover, .open > .btn-outline-success.dropdown-toggle.focus, .open > .btn-outline-success.dropdown-toggle:focus, .open > .btn-outline-success.dropdown-toggle:hover {
    color: #fff;
    border-color: #226246;
    background-color: #2d805c
}

.btn-outline-success.disabled.focus, .btn-outline-success.disabled:focus, .btn-outline-success:disabled.focus, .btn-outline-success:disabled:focus, .btn-outline-success.disabled:hover, .btn-outline-success:disabled:hover {
    border-color: #91d9ba
}

.btn-outline-warning {
    color: #f2a654;
    border-color: #f2a654;
    background-color: transparent;
    background-image: none
}

.btn-outline-warning:hover, .btn-outline-warning.focus, .btn-outline-warning:focus, .btn-outline-warning.active, .btn-outline-warning:active, .open > .btn-outline-warning.dropdown-toggle {
    color: #fff;
    border-color: #f2a654;
    background-color: #f2a654
}

.btn-outline-warning.active.focus, .btn-outline-warning.active:focus, .btn-outline-warning.active:hover, .btn-outline-warning:active.focus, .btn-outline-warning:active:focus, .btn-outline-warning:active:hover, .open > .btn-outline-warning.dropdown-toggle.focus, .open > .btn-outline-warning.dropdown-toggle:focus, .open > .btn-outline-warning.dropdown-toggle:hover {
    color: #fff;
    border-color: #b8660e;
    background-color: #de7c11
}

.btn-outline-warning.disabled.focus, .btn-outline-warning.disabled:focus, .btn-outline-warning:disabled.focus, .btn-outline-warning:disabled:focus, .btn-outline-warning.disabled:hover, .btn-outline-warning:disabled:hover {
    border-color: #f9d7b3
}

.btn-outline-danger {
    color: #f96868;
    border-color: #f96868;
    background-color: transparent;
    background-image: none
}

.btn-outline-danger:hover, .btn-outline-danger.focus, .btn-outline-danger:focus, .btn-outline-danger.active, .btn-outline-danger:active, .open > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    border-color: #f96868;
    background-color: #f96868
}

.btn-outline-danger.active.focus, .btn-outline-danger.active:focus, .btn-outline-danger.active:hover, .btn-outline-danger:active.focus, .btn-outline-danger:active:focus, .btn-outline-danger:active:hover, .open > .btn-outline-danger.dropdown-toggle.focus, .open > .btn-outline-danger.dropdown-toggle:focus, .open > .btn-outline-danger.dropdown-toggle:hover {
    color: #fff;
    border-color: #d90909;
    background-color: #f61515
}

.btn-outline-danger.disabled.focus, .btn-outline-danger.disabled:focus, .btn-outline-danger:disabled.focus, .btn-outline-danger:disabled:focus, .btn-outline-danger.disabled:hover, .btn-outline-danger:disabled:hover {
    border-color: #fdcaca
}

.btn-group-lg > .btn, .btn-lg {
    font-size: 1.286rem;
    padding: .715rem 1.286rem;
    border-radius: .286rem
}

.btn-group-sm > .btn, .btn-sm {
    font-size: .858rem;
    padding: .429rem .858rem;
    border-radius: .143rem
}

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

.btn-block + .btn-block {
    margin-top: .572rem
}

input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%
}

/*m|e|t|i|n|f|o|_|7|_|6|_|b|a|s|i|c*/
.fade {
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    opacity: 0
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    overflow: hidden;
    height: 0;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .286rem;
    content: '';
    vertical-align: middle;
    border-top: .286rem solid;
    border-right: .286rem solid transparent;
    border-left: .286rem solid transparent;
    margin-right: 0;
    margin-left: .3em
}

.dropdown-toggle:focus {
    outline: 0
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: .286rem solid
}

.dropdown-menu {
    font-size: 1rem;
    position: absolute;
    z-index: 1200;
    top: 100%;
    left: 0;
    display: none;
    float: left;
    min-width: 160px;
    margin: 5px 0 0;
    padding: 5px 0;
    list-style: none;
    text-align: left;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .05);
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.dropdown-divider {
    overflow: hidden;
    height: 1px;
    margin: .5rem 0;
    background-color: #e4eaec;
    margin: 6px 0
}

.dropdown-item {
    font-weight: 400;
    display: block;
    clear: both;
    width: 100%;
    padding: 3px 20px;
    text-align: inherit;
    white-space: nowrap;
    color: #76838f;
    border: 0;
    background: 0 0;
    padding: .572rem 1.072rem;
    -webkit-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;
    border-radius: .215rem
}

.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    text-decoration: none;
    color: #76838f;
    outline: 0;
    background-color: #f3f7f9
}

.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    color: #ccd5db
}

.dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    cursor: not-allowed;
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: 'progid:DXImageTransform.Microsoft.gradient(enabled = false)'
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    right: 0 !important;
    left: auto !important
}

.dropdown-menu-left {
    right: auto !important;
    left: 0 !important
}

.dropdown-header {
    font-size: .858rem;
    display: block;
    margin-bottom: 0;
    padding: 5px 20px;
    white-space: nowrap;
    color: #37474f
}

.dropdown-backdrop {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    content: '';
    border-top: 0;
    border-bottom: .286rem solid
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px;
    margin-bottom: 6px;
    -webkit-box-shadow: 0 -3px 12px rgba(0, 0, 0, .05);
    box-shadow: 0 -3px 12px rgba(0, 0, 0, .05)
}

.btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.btn-group > .btn {
    position: relative;
    float: left;
    margin-bottom: 0
}

.btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
    z-index: 2
}

.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group {
    margin-left: -1px
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0
}

.btn-group > .btn:first-child {
    margin-left: 0
}

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

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child), .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group > .btn-group {
    float: left
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
    border-radius: 0
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0
}

.btn + .dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn + .dropdown-toggle-split::after {
    margin-left: 0
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
    padding-right: .6435rem;
    padding-left: .6435rem
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
    padding-right: .9645rem;
    padding-left: .9645rem
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-group.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn .caret {
    margin-left: 0
}

.btn-group-lg > .btn .caret, .btn-lg .caret {
    border-width: .358rem .358rem 0;
    border-bottom-width: 0
}

.dropup .btn-group-lg > .btn .caret, .dropup .btn-lg .caret {
    border-width: 0 .358rem .358rem
}

[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.input-group {
    position: relative;
    display: table;
    width: 100%;
    border-collapse: separate
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover {
    z-index: 3
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell
}

.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.input-group-addon, .input-group-btn {
    width: 1%;
    vertical-align: middle;
    white-space: nowrap
}

.input-group-addon {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0;
    padding: .429rem .929rem;
    text-align: center;
    color: #76838f;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #f3f7f9
}

.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
    font-size: .858rem;
    padding: .429rem .786rem;
    border-radius: .143rem
}

.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
    font-size: 1.286rem;
    padding: .858rem 1.429rem;
    border-radius: .286rem
}

.input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
    margin-top: 0
}

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

.input-group-addon:not(:last-child) {
    border-right: 0
}

.input-group .form-control:not(:first-child), .input-group-addon:not(:first-child), .input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group > .btn, .input-group-btn:not(:first-child) > .dropdown-toggle, .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn, .input-group-btn:not(:last-child) > .btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0
}

.input-group-btn {
    font-size: 0;
    position: relative;
    white-space: nowrap
}

.input-group-btn > .btn {
    position: relative
}

.input-group-btn > .btn + .btn {
    margin-left: -1px
}

.input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
    z-index: 3
}

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

.input-group-btn:not(:first-child) > .btn, .input-group-btn:not(:first-child) > .btn-group {
    z-index: 2;
    margin-left: -1px
}

.input-group-btn:not(:first-child) > .btn-group:active, .input-group-btn:not(:first-child) > .btn-group:focus, .input-group-btn:not(:first-child) > .btn-group:hover, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:hover {
    z-index: 3
}

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.nav-link {
    position: relative;
    display: block;
    overflow: hidden;
    padding: .715rem 1.072rem
}

.nav-link:focus, .nav-link:hover {
    text-decoration: none;
    background-color: #f3f7f9
}

.nav-link.disabled {
    color: #a3afb7
}

.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
    cursor: not-allowed;
    color: #a3afb7;
    background-color: transparent
}

.nav-inline .nav-item {
    display: inline-block
}

.nav-inline .nav-item + .nav-item, .nav-inline .nav-link + .nav-link {
    margin-left: 1rem
}

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

.nav-tabs::after {
    display: table;
    clear: both;
    content: ''
}

.nav-tabs .nav-item {
    float: left;
    margin-bottom: -1px
}

.nav-tabs .nav-item + .nav-item {
    margin-left: 2px
}

.nav-tabs .nav-link {
    display: block;
    padding: .715rem 1.429rem;
    border: 1px solid transparent;
    border-top-left-radius: .215rem;
    border-top-right-radius: .215rem;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    color: #76838f
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent transparent #e4eaec;
    background-color: #f3f7f9
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
    color: #a3afb7;
    border-color: transparent;
    background-color: transparent
}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    color: #fff;
    background-color: var(--primary-color);
    border-color: transparent;
    border-bottom-color: var(--primary-color)
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills::after {
    display: table;
    clear: both;
    content: ''
}

.nav-pills .nav-item {
    float: left
}

.nav-pills .nav-item + .nav-item {
    margin-left: 2px
}

.nav-pills .nav-link {
    display: block;
    padding: .715rem 1.429rem;
    border-radius: .215rem
}

.nav-pills .nav-item.open .nav-link, .nav-pills .nav-item.open .nav-link:focus, .nav-pills .nav-item.open .nav-link:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover {
    cursor: default;
    color: #fff;
    background-color: var(--primary-color)
}

.nav-stacked .nav-item {
    display: block;
    float: none
}

.nav-stacked .nav-item + .nav-item {
    margin-top: 2px;
    margin-left: 0
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.navbar {
    position: relative;
    padding: 1.5715rem .9375rem
}

.navbar::after {
    display: table;
    clear: both;
    content: ''
}

@media (min-width: 480px) {
    .navbar {
        border-radius: .215rem
    }
}

.navbar-full {
    z-index: 1200
}

@media (min-width: 480px) {
    .navbar-full {
        border-radius: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    z-index: 1500;
    right: 0;
    left: 0
}

@media (min-width: 480px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0
    }
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-bottom {
    bottom: 0
}

.navbar-brand {
    font-size: 1.286rem;
    float: left;
    margin-right: 1rem;
    padding-top: 4px;
    padding-bottom: 4px
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-brand > img {
    display: block
}

.navbar-toggler {
    font-size: 1.286rem;
    line-height: 1;
    width: 2.5em;
    height: 2em;
    padding: .5rem .75rem;
    border: 1px solid transparent;
    border-radius: .215rem;
    background: transparent no-repeat center center;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px
}

.navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none
}

.navbar-nav .nav-item {
    float: left
}

.navbar-nav .nav-link {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem
}

.navbar-nav .nav-link + .nav-link, .navbar-nav .nav-item + .nav-item {
    margin-left: 1rem
}

.card {
    position: relative;
    display: block;
    border-radius: .215rem;
    background-color: #fff;
    margin-bottom: 2.143rem
}

.card-block {
    padding: 1.429rem
}

.card-block::after {
    display: table;
    clear: both;
    content: ''
}

.card-title {
    margin-bottom: .858rem;
    margin-top: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link:hover {
    text-decoration: none
}

.card-link + .card-link {
    margin-left: 1.429rem
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: .215rem;
    border-top-right-radius: .215rem
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: .215rem;
    border-bottom-left-radius: .215rem
}

.card-header {
    margin-bottom: 0;
    padding: .858rem 1.429rem;
    border-bottom: 1px solid #e4eaec;
    background-color: #f3f7f9
}

.card-header::after {
    display: table;
    clear: both;
    content: ''
}

.card-header:first-child {
    border-radius: -webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px) 0 0;
    border-radius: calc(.215rem - 1px) calc(.215rem - 1px) 0 0
}

.card-footer {
    padding: .858rem 1.429rem;
    border-top: 1px solid #e4eaec;
    background-color: #f3f7f9
}

.card-footer::after {
    display: table;
    clear: both;
    content: ''
}

.card-footer:last-child {
    border-radius: 0 0 -webkit-calc(.215rem - 1px) -webkit-calc(.215rem - 1px);
    border-radius: 0 0 calc(.215rem - 1px) calc(.215rem - 1px)
}

.card-img {
    border-radius: -webkit-calc(.215rem - 1px);
    border-radius: calc(.215rem - 1px);
    border-radius: 0
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.429rem
}

.card-img-top {
    border-top-left-radius: -webkit-calc(.215rem - 1px);
    border-top-left-radius: calc(.215rem - 1px);
    border-top-right-radius: -webkit-calc(.215rem - 1px);
    border-top-right-radius: calc(.215rem - 1px)
}

.card-img-bottom {
    border-bottom-right-radius: -webkit-calc(.215rem - 1px);
    border-bottom-right-radius: calc(.215rem - 1px);
    border-bottom-left-radius: -webkit-calc(.215rem - 1px);
    border-bottom-left-radius: calc(.215rem - 1px)
}

.breadcrumb {
    margin-bottom: 1rem;
    padding: .75rem 1rem;
    list-style: none;
    border-radius: .215rem;
    background-color: transparent;
    margin-bottom: 10px
}

.breadcrumb::after {
    display: table;
    clear: both;
    content: ''
}

.breadcrumb-item {
    float: left
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    content: '/';
    color: #ccd5db;
    padding: 0 5px
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: underline
}

.breadcrumb-item + .breadcrumb-item:hover::before {
    text-decoration: none
}

.breadcrumb-item.active {
    color: #76838f
}

.pagination {
    display: inline-block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: 0;
    border-radius: .215rem
}

.page-item {
    display: inline
}

.page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .215rem;
    border-bottom-left-radius: .215rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .215rem;
    border-bottom-right-radius: .215rem
}

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    cursor: default;
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    cursor: not-allowed;
    pointer-events: none;
    color: #ccd5db;
    border-color: #e4eaec;
    background-color: transparent
}

.page-link {
    position: relative;
    float: left;
    margin-left: -1px;
    padding: .643rem 1.072rem;
    text-decoration: none;
    color: #76838f;
    border: 1px solid #e4eaec;
    background-color: transparent;
    -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out
}

.page-link:focus, .page-link:hover {
    color: #89bceb;
    border-color: #e4eaec;
    background-color: #f3f7f9;
    -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    text-decoration: none
}

.pagination-lg .page-link {
    font-size: 1.286rem;
    padding: .715rem 1.215rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .286rem;
    border-bottom-left-radius: .286rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .286rem;
    border-bottom-right-radius: .286rem
}

.pagination-sm .page-link {
    font-size: .858rem;
    padding: .429rem .786rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .143rem;
    border-bottom-left-radius: .143rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .143rem;
    border-bottom-right-radius: .143rem
}

.tag {
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    padding: .25em .6em;
    text-align: center;
    vertical-align: baseline;
    color: #fff;
    border-radius: .215rem
}

.tag:empty {
    display: none
}

.btn .tag {
    position: relative;
    top: -1px
}

a.tag:focus, a.tag:hover {
    cursor: pointer;
    text-decoration: none;
    color: #fff
}

.tag-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
    padding: 3px 6px
}

.tag-default {
    background-color: #e4eaec;
    color: #76838f
}

.tag-default[href]:focus, .tag-default[href]:hover {
    background-color: #c6d3d7;
    background-color: #f3f7f9
}

.tag-primary {
    background-color: var(--primary-color)
}

.tag-primary[href]:focus, .tag-primary[href]:hover {
    background-color: #358fe4;
    background-color: #89bceb
}

.tag-success {
    background-color: #46be8a
}

.tag-success[href]:focus, .tag-success[href]:hover {
    background-color: #369b6f;
    background-color: #5cd29d
}

.tag-info {
    background-color: #57c7d4
}

.tag-info[href]:focus, .tag-info[href]:hover {
    background-color: #33b6c5;
    background-color: #77d6e1
}

.tag-warning {
    background-color: #f2a654
}

.tag-warning[href]:focus, .tag-warning[href]:hover {
    background-color: #ee8d25;
    background-color: #f4b066
}

.tag-danger {
    background-color: #f96868
}

.tag-danger[href]:focus, .tag-danger[href]:hover {
    background-color: #f73737;
    background-color: #fa7a7a
}

.alert {
    margin-bottom: 1rem;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: .215rem;
    padding-right: 20px;
    padding-left: 20px
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 30px;
    padding-right: 40px
}

.alert-dismissible .close {
    position: relative;
    top: -.125rem;
    right: -15px;
    color: inherit;
    top: 0;
    text-decoration: none;
    opacity: .6
}

.alert-success {
    color: #46be8a;
    border-color: #e7faf2;
    background-color: rgba(231, 250, 242, .8)
}

.alert-success .close {
    color: #46be8a
}

.alert-success .close:focus, .alert-success .close:hover {
    color: #46be8a
}

.alert-info {
    color: #57c7d4;
    border-color: #ecf9fa;
    background-color: rgba(236, 249, 250, .8)
}

.alert-info .close {
    color: #57c7d4
}

.alert-info .close:focus, .alert-info .close:hover {
    color: #57c7d4
}

.alert-warning {
    color: #f2a654;
    border-color: #fff3e6;
    background-color: rgba(255, 243, 230, .8)
}

.alert-warning .close {
    color: #f2a654
}

.alert-warning .close:focus, .alert-warning .close:hover {
    color: #f2a654
}

.alert-danger {
    color: #f96868;
    border-color: #ffeaea;
    background-color: rgba(255, 234, 234, .8)
}

.alert-danger .close {
    color: #f96868
}

.alert-danger .close:focus, .alert-danger .close:hover {
    color: #f96868
}

.media, .media-body {
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-object {
    display: block;
    width: 120px
}

.media-object.img-thumbnail {
    max-width: none
}

.media-right {
    padding-left: 20px
}

.media-left {
    padding-right: 20px
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 0;
    padding-left: 0;
    margin-bottom: 20px
}

.list-group-item {
    position: relative;
    display: block;
    margin-bottom: -1px;
    padding: .75rem 1.25rem;
    border: 1px solid transparent;
    background-color: #fff
}

.list-group-item:first-child {
    border-top-left-radius: .215rem;
    border-top-right-radius: .215rem
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: .215rem;
    border-bottom-left-radius: .215rem
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    cursor: not-allowed;
    color: #ccd5db;
    background-color: transparent
}

.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit
}

.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #ccd5db
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    text-decoration: none;
    color: var(--primary-color);
    border-color: transparent;
    background-color: transparent
}

.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
    color: inherit
}

.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #fff
}

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    line-height: 1.3;
    margin-bottom: 0
}

.close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    float: right;
    opacity: .2;
    color: #000;
    text-shadow: none
}

.close:focus, .close:hover {
    cursor: pointer;
    text-decoration: none;
    opacity: .5;
    color: #000
}

button.close {
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    z-index: 1700;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: hidden;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    border: 1px solid transparent;
    border-radius: .286rem;
    outline: 0;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
    border: none
}

.modal-backdrop {
    position: fixed;
    z-index: 1600;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.in {
    opacity: .5
}

.modal-header {
    padding: 15px 20px;
    border-bottom: 1px solid #e4eaec;
    border-bottom: none
}

.modal-header::after {
    display: table;
    clear: both;
    content: ''
}

.modal-header .close {
    margin-top: -2px;
    margin-top: 1px
}

.modal-title {
    line-height: 1.571429;
    margin: 0
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    padding: 20px;
    text-align: right;
    border-top: 1px solid #e4eaec;
    padding: 6px 20px 20px;
    border-top: none
}

.modal-footer::after {
    display: table;
    clear: both;
    content: ''
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    overflow: scroll;
    width: 50px;
    height: 50px
}

@media (min-width: 480px) {
    .modal-dialog {
        max-width: 600px;
        margin: 30px auto;
        margin: 30px
    }

    .modal-content {
        -webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, .2);
        box-shadow: 0 2px 12px rgba(0, 0, 0, .2)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 900px
    }
}

.tooltip {
    font-family: Roboto, sans-serif;
    font-size: .858rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.571429;
    position: absolute;
    z-index: 1900;
    display: block;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    opacity: 0;
    text-shadow: none;
    line-break: auto
}

.tooltip.in {
    opacity: .9
}

.tooltip.bs-tether-element-attached-bottom, .tooltip.bs-tooltip-top {
    margin-top: -3px;
    padding: 4px 0
}

.tooltip.bs-tether-element-attached-bottom .arrow, .tooltip.bs-tooltip-top .arrow {
    bottom: 0;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: rgba(0, 0, 0, .8)
}

.tooltip.bs-tether-element-attached-left, .tooltip.bs-tooltip-right {
    margin-left: 3px;
    padding: 0 4px
}

.tooltip.bs-tether-element-attached-left .arrow, .tooltip.bs-tooltip-right .arrow {
    top: 50%;
    left: 0;
    margin-top: -4px;
    border-width: 4px 4px 4px 0;
    border-right-color: rgba(0, 0, 0, .8)
}

.tooltip.bs-tether-element-attached-top, .tooltip.bs-tooltip-bottom {
    margin-top: 3px;
    padding: 4px 0
}

.tooltip.bs-tether-element-attached-top .arrow, .tooltip.bs-tooltip-bottom .arrow {
    top: 0;
    left: 50%;
    margin-left: -4px;
    border-width: 0 4px 4px;
    border-bottom-color: rgba(0, 0, 0, .8)
}

.tooltip.bs-tether-element-attached-right, .tooltip.bs-tooltip-left {
    margin-left: -3px;
    padding: 0 4px
}

.tooltip.bs-tether-element-attached-right .arrow, .tooltip.bs-tooltip-left .arrow {
    top: 50%;
    right: 0;
    margin-top: -4px;
    border-width: 4px 0 4px 4px;
    border-left-color: rgba(0, 0, 0, .8)
}

.tooltip-inner {
    max-width: 200px;
    padding: 6px 12px;
    text-align: center;
    color: #fff;
    border-radius: .215rem;
    background-color: rgba(0, 0, 0, .8)
}

.tooltip .arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

/*/|*|#|文|件|名|称|：|b|a|s|i|c|.|c|s|s| |#|米|拓|企|业|建|站|系|统| |m|e|t|i|n|f|o|_|7|_|6|_|b|a|s|i|c| |#|C|o|p|y|r|i|g|h|t| |(|C|)| |长|沙|米|拓|信|息|技|术|有|限|公|司| |(|h|t|t|p|s|:|/|/|w|w|w|.|m|e|t|i|n|f|o|.|c|n|)|.| |A|l|l| |r|i|g|h|t|s| |r|e|s|e|r|v|e|d|.|*|/*/
.popover {
    font-family: Roboto, sans-serif;
    font-size: .858rem;
    font-weight: 400;
    font-style: normal;
    line-height: 1.571429;
    position: absolute;
    z-index: 1800;
    top: 0;
    left: 0;
    display: block;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    text-align: start;
    white-space: normal;
    text-decoration: none;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    word-wrap: break-word;
    word-break: normal;
    border: 1px solid rgba(204, 213, 219, .8);
    border-radius: .286rem;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    text-shadow: none;
    line-break: auto;
    padding: 0;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05)
}

.popover.bs-tether-element-attached-bottom, .popover.bs-popover-top {
    margin-top: -8px
}

.popover.bs-tether-element-attached-bottom .popover-arrow, .popover.bs-popover-top .popover-arrow {
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-color: rgba(204, 213, 219, .85);
    border-bottom-width: 0
}

.popover.bs-tether-element-attached-bottom .popover-arrow::after, .popover.bs-popover-top .popover-arrow::after {
    bottom: 1px;
    margin-left: -8px;
    content: '';
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.bs-tether-element-attached-left, .popover.bs-popover-right {
    margin-left: 8px
}

.popover.bs-tether-element-attached-left .popover-arrow, .popover.bs-popover-right .popover-arrow {
    top: 50%;
    left: -9px;
    margin-top: -9px;
    border-right-color: rgba(204, 213, 219, .85);
    border-left-width: 0
}

.popover.bs-tether-element-attached-left .popover-arrow::after, .popover.bs-popover-right .popover-arrow::after {
    bottom: -8px;
    left: 1px;
    content: '';
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bs-tether-element-attached-top, .popover.bs-popover-bottom {
    margin-top: 8px
}

.popover.bs-tether-element-attached-top .popover-arrow, .popover.bs-popover-bottom .popover-arrow {
    top: -9px;
    left: 50%;
    margin-left: -9px;
    border-top-width: 0;
    border-bottom-color: rgba(204, 213, 219, .85)
}

.popover.bs-tether-element-attached-top .popover-arrow::after, .popover.bs-popover-bottom .popover-arrow::after {
    top: 1px;
    margin-left: -8px;
    content: '';
    border-top-width: 0;
    border-bottom-color: #fff
}

.popover.bs-tether-element-attached-right, .popover.bs-popover-left {
    margin-left: -8px
}

.popover.bs-tether-element-attached-right .popover-arrow, .popover.bs-popover-left .popover-arrow {
    top: 50%;
    right: -9px;
    margin-top: -9px;
    border-right-width: 0;
    border-left-color: rgba(204, 213, 219, .85)
}

.popover.bs-tether-element-attached-right .popover-arrow::after, .popover.bs-popover-left .popover-arrow::after {
    right: 1px;
    bottom: -8px;
    content: '';
    border-right-width: 0;
    border-left-color: #fff
}

.popover-title {
    font-size: 1rem;
    margin: 0;
    padding: 8px 14px;
    border-bottom: 1px solid #e2ecf1;
    border-radius: .214571rem .214571rem 0 0;
    background-color: #f3f7f9
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 20px 20px
}

.popover-arrow, .popover-arrow::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent
}

.popover-arrow {
    border-width: 9px
}

.popover-arrow::after {
    content: '';
    border-width: 8px
}

.carousel {
    position: relative
}

.carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel-inner > .carousel-item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner > .carousel-item > a > img, .carousel-inner > .carousel-item > img {
    line-height: 1
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner > .carousel-item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px
    }

    .carousel-inner > .carousel-item.active.right, .carousel-inner > .carousel-item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner > .carousel-item.active.left, .carousel-inner > .carousel-item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner > .carousel-item.active, .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
    display: block
}

.carousel-inner > .active {
    left: 0
}

.carousel-inner > .next, .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner > .next {
    left: 100%
}

.carousel-inner > .prev {
    left: -100%
}

.carousel-inner > .next.left, .carousel-inner > .prev.right {
    left: 0
}

.carousel-inner > .active.left {
    left: -100%
}

.carousel-inner > .active.right {
    left: 100%
}

.carousel-control {
    font-size: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    text-align: center;
    opacity: 0;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    min-width: 50px
}

.carousel-control.left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)
}

.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)
}

.carousel-control:focus, .carousel-control:hover {
    text-decoration: none;
    opacity: .9;
    color: #fff;
    outline: 0;
    opacity: .4
}

.carousel-control .icon-next, .carousel-control .icon-prev {
    font-family: serif;
    line-height: 1;
    position: absolute;
    z-index: 5;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px
}

.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .icon-next {
    right: 50%;
    margin-right: -10px
}

.carousel-control .icon-prev::before {
    content: '\2039'
}

.carousel-control .icon-next::before {
    content: '\203a'
}

.carousel-indicators {
    position: absolute;
    z-index: 15;
    bottom: 10px;
    left: 50%;
    width: 60%;
    margin-left: -30%;
    padding-left: 0;
    list-style: none;
    text-align: center;
    margin-bottom: 0
}

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    cursor: pointer;
    text-indent: -999px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    margin: 3px;
    border: none;
    background-color: rgba(255, 255, 255, .3)
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
    width: 10px;
    height: 10px;
    margin: 3px
}

.carousel-caption {
    position: absolute;
    z-index: 10;
    right: 15%;
    bottom: 20px;
    left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6)
}

.carousel-caption .btn {
    text-shadow: none
}

@media (min-width: 480px) {
    .carousel-control .icon-next, .carousel-control .icon-prev {
        font-size: 30px;
        width: 30px;
        height: 30px;
        margin-top: -15px
    }

    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        padding-bottom: 30px
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.bg-faded {
    background-color: #f3f7f9
}

.bg-primary {
    color: #fff !important;
    background-color: var(--primary-color) !important
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #358fe4 !important
}

.bg-success {
    color: #fff !important;
    background-color: #46be8a !important
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #369b6f !important
}

.bg-info {
    color: #fff !important;
    background-color: #57c7d4 !important
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #33b6c5 !important
}

.bg-warning {
    color: #fff !important;
    background-color: #f2a654 !important
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #ee8d25 !important
}

.bg-danger {
    color: #fff !important;
    background-color: #f96868 !important
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #f73737 !important
}

.bg-inverse {
    color: #fff !important;
    background-color: #76838f !important
}

a.bg-inverse:focus, a.bg-inverse:hover {
    background-color: #5e6974 !important
}

.clearfix::after {
    display: table;
    clear: both;
    content: ''
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-inline {
    display: inline !important
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-xs-left {
    float: left !important
}

.pull-xs-right {
    float: right !important
}

.pull-xs-none {
    float: none !important
}

@media (min-width: 480px) {
    .pull-sm-left {
        float: left !important
    }

    .pull-sm-right {
        float: right !important
    }

    .pull-sm-none {
        float: none !important
    }
}

@media (min-width: 768px) {
    .pull-md-left {
        float: left !important
    }

    .pull-md-right {
        float: right !important
    }

    .pull-md-none {
        float: none !important
    }
}

@media (min-width: 992px) {
    .pull-lg-left {
        float: left !important
    }

    .pull-lg-right {
        float: right !important
    }

    .pull-lg-none {
        float: none !important
    }
}

@media (min-width: 1200px) {
    .pull-xl-left {
        float: left !important
    }

    .pull-xl-right {
        float: right !important
    }

    .pull-xl-none {
        float: none !important
    }
}

@media (min-width: 1600px) {
    .pull-xxl-left {
        float: left !important
    }

    .pull-xxl-right {
        float: right !important
    }

    .pull-xxl-none {
        float: none !important
    }
}

.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.w-100 {
    width: 100% !important
}

.m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.m-a-0 {
    margin: 0 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-a-1 {
    margin: 1rem 1rem !important
}

.m-t-1 {
    margin-top: 1rem !important
}

.m-r-1 {
    margin-right: 1rem !important
}

.m-b-1 {
    margin-bottom: 1rem !important
}

.m-l-1 {
    margin-left: 1rem !important
}

.m-x-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.m-y-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.m-a-2 {
    margin: 1.5rem 1.5rem !important
}

.m-t-2 {
    margin-top: 1.5rem !important
}

.m-r-2 {
    margin-right: 1.5rem !important
}

.m-b-2 {
    margin-bottom: 1.5rem !important
}

.m-l-2 {
    margin-left: 1.5rem !important
}

.m-x-2 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.m-y-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.m-a-3 {
    margin: 3rem 3rem !important
}

.m-t-3 {
    margin-top: 3rem !important
}

.m-r-3 {
    margin-right: 3rem !important
}

.m-b-3 {
    margin-bottom: 3rem !important
}

.m-l-3 {
    margin-left: 3rem !important
}

.m-x-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.m-y-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.p-a-0 {
    padding: 0 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-a-1 {
    padding: 1rem 1rem !important
}

.p-t-1 {
    padding-top: 1rem !important
}

.p-r-1 {
    padding-right: 1rem !important
}

.p-b-1 {
    padding-bottom: 1rem !important
}

.p-l-1 {
    padding-left: 1rem !important
}

.p-x-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.p-y-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.p-a-2 {
    padding: 1.5rem 1.5rem !important
}

.p-t-2 {
    padding-top: 1.5rem !important
}

.p-r-2 {
    padding-right: 1.5rem !important
}

.p-b-2 {
    padding-bottom: 1.5rem !important
}

.p-l-2 {
    padding-left: 1.5rem !important
}

.p-x-2 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.p-y-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.p-a-3 {
    padding: 3rem 3rem !important
}

.p-t-3 {
    padding-top: 3rem !important
}

.p-r-3 {
    padding-right: 3rem !important
}

.p-b-3 {
    padding-bottom: 3rem !important
}

.p-l-3 {
    padding-left: 3rem !important
}

.p-x-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.p-y-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pos-f-t {
    position: fixed;
    z-index: 1500;
    top: 0;
    right: 0;
    left: 0
}

.text-justify {
    text-align: justify !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.text-xs-left {
    text-align: left !important
}

.text-xs-right {
    text-align: right !important
}

.text-xs-center {
    text-align: center !important
}

@media (min-width: 480px) {
    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }

    .text-sm-center {
        text-align: center !important
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }

    .text-md-center {
        text-align: center !important
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

@media (min-width: 1600px) {
    .text-xxl-left {
        text-align: left !important
    }

    .text-xxl-right {
        text-align: right !important
    }

    .text-xxl-center {
        text-align: center !important
    }
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.font-weight-normal {
    font-weight: 400
}

.font-weight-bold {
    font-weight: 700
}

.font-italic {
    font-style: italic
}

.text-muted {
    color: #a3afb7 !important
}

a.text-muted:focus, a.text-muted:hover {
    color: #8696a1 !important
}

.text-primary {
    color: var(--primary-color) !important
}

a.text-primary:focus, a.text-primary:hover {
    color: #358fe4 !important
}

.text-success {
    color: #46be8a !important
}

a.text-success:focus, a.text-success:hover {
    color: #369b6f !important
}

.text-info {
    color: #57c7d4 !important
}

a.text-info:focus, a.text-info:hover {
    color: #33b6c5 !important
}

.text-warning {
    color: #f2a654 !important
}

a.text-warning:focus, a.text-warning:hover {
    color: #ee8d25 !important
}

.text-danger {
    color: #f96868 !important
}

a.text-danger:focus, a.text-danger:hover {
    color: #f73737 !important
}

.text-gray-dark {
    color: #76838f !important
}

a.text-gray-dark:focus, a.text-gray-dark:hover {
    color: #5e6974 !important
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    border: 0;
    background-color: transparent;
    text-shadow: none
}

.invisible {
    visibility: hidden !important
}

.hidden-xs-up {
    display: none !important
}

@media (max-width: 479px) {
    .hidden-xs-down {
        display: none !important
    }
}

@media (min-width: 480px) {
    .hidden-sm-up {
        display: none !important
    }
}

@media (max-width: 767px) {
    .hidden-sm-down {
        display: none !important
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none !important
    }
}

@media (max-width: 991px) {
    .hidden-md-down {
        display: none !important
    }
}

@media (min-width: 992px) {
    .hidden-lg-up {
        display: none !important
    }
}

@media (max-width: 1199px) {
    .hidden-lg-down {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-xl-up {
        display: none !important
    }
}

@media (max-width: 1599px) {
    .hidden-xl-down {
        display: none !important
    }
}

@media (min-width: 1600px) {
    .hidden-xxl-up {
        display: none !important
    }
}

.hidden-xxl-down {
    display: none !important
}

.h1 .icon:first-child, .h2 .icon:first-child, .h3 .icon:first-child, .h4 .icon:first-child, .h5 .icon:first-child, .h6 .icon:first-child, h1 .icon:first-child, h2 .icon:first-child, h3 .icon:first-child, h4 .icon:first-child, h5 .icon:first-child, h6 .icon:first-child {
    margin-right: .5em
}

.list-icons {
    margin-left: 0;
    padding-left: 10px;
    list-style: none
}

.list-icons > li {
    margin-top: 6px
}

.list-icons > li:first-child {
    margin-top: 0
}

.list-icons > li i {
    float: left;
    width: 1em;
    margin: 0 6px 0 0
}

.img-bordered {
    padding: 3px;
    border: 1px solid #e4eaec
}

.img-bordered-primary {
    border-color: var(--primary-color) !important
}

.img-bordered-purple {
    border-color: #7c51d1 !important
}

.img-bordered-red {
    border-color: #e9595b !important
}

.img-bordered-green {
    border-color: #7dd3ae !important
}

.img-bordered-orange {
    border-color: #ec9940 !important
}

.row.no-space {
    margin-right: 0;
    margin-left: 0
}

.row.no-space > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.table tfoot th, .table thead th {
    font-weight: 500;
    color: #526069;
    border-bottom-width: 1px
}

.table tbody + tbody {
    border-top-width: 1px
}

.table a {
    text-decoration: underline
}

.table td > .checkbox-custom:only-child, .table th > .checkbox-custom:only-child {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center
}

.table thead:first-child th {
    border-top: none
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

select.form-control {
    padding-right: 30px;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAFCAYAAABB9hwOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZkMzNlMC0zNTcxLTI4NDgtYjA3NC01ZTRhN2RjMWVmNjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTUxRUI3MDdEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTUxRUI3MDZEQjk4MTFFNUI1NDA5QTcyNTlFQzRERTYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWNiNjQzMjYtNDc1Yi01OTQxLWIxYjItNDVkZjU5YjZlODA2IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6N2RlYzI2YWMtZGI5OC0xMWU1LWIwMjgtY2ZhNDhhOGNjNWY1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AXTIGgAAAFRJREFUeNpidI1KSWFgYDBlwASngXjOrqWzGcgBTEC8DIjfo4m/h4qTDUAGfwPi+UD8Hyr2H8r/RqnBIHATiPdC2XuhfIoACxJ7PRDzQmmKAUCAAQDxOxHyb4DjOAAAAABJRU5ErkJggg==) no-repeat center right
}

select[multiple].form-control {
    padding-right: .929rem;
    background: #fff
}

select[multiple], select[size], textarea.form-control {
    height: auto
}

.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]), .input-group-sm > select.input-group-addon:not([size]):not([multiple]), .form-group .form-control-label {
    padding: .429rem 0
}

.form-group .form-control-label-lg {
    font-size: 1.286rem;
    padding: .858rem 0
}

.form-group .form-control-label-sm {
    font-size: .858rem;
    padding: .429rem 0
}

.form-group.has-feedback.no-label .form-control-feedback {
    top: 0
}

.form-group.has-feedback.left-feedback .form-control-feedback {
    right: auto;
    left: 0
}

.form-group.has-feedback.left-feedback .form-control {
    padding-right: 13px;
    padding-left: 50px
}

.form-control.square {
    border-radius: 0
}

.form-control.round {
    border-radius: 200px
}

textarea.form-control.no-resize {
    resize: none
}

.input-group-file input[type=text] {
    background-color: #fff
}

.input-group-file .btn-file {
    line-height: inherit;
    position: relative;
    overflow: hidden
}

.input-group-file .btn-file.btn-outline {
    border: 1px solid #e4eaec;
    border-left: none
}

.input-group-file .btn-file.btn-outline:hover {
    border-left: none
}

.input-group-file .btn-file .icon {
    line-height: inherit;
    margin: 0 3px
}

.input-group-file .btn-file input[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    min-width: 100%;
    min-height: 100%;
    cursor: pointer;
    text-align: 0;
    opacity: 0
}

.text-help {
    display: block;
    margin-top: 7px;
    margin-bottom: 8px;
    color: #bcc2c8
}

.text-help .icon {
    margin: 0 5px
}

.input-search-close {
    opacity: .2;
    color: #000;
    text-shadow: none
}

.input-search-close.icon {
    font-size: inherit;
    line-height: inherit
}

.input-search-close:focus, .input-search-close:hover {
    cursor: pointer;
    text-decoration: none;
    opacity: .5;
    color: #000
}

button.input-search-close {
    padding: 0;
    cursor: pointer;
    border: 0;
    background: 0 0;
    -webkit-appearance: none
}

.input-search {
    position: relative
}

.input-search .form-control {
    border-radius: 200px
}

.input-search .input-search-close, .input-search .input-search-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 2.573rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.input-search .input-search-close {
    right: 8px
}

.input-search .input-search-icon + .form-control {
    padding-left: 3.073rem
}

.input-search .input-search-icon {
    font-size: 16px;
    left: 8px;
    text-align: center;
    pointer-events: none;
    color: #a3afb7
}

.input-search-btn + .form-control {
    padding-right: 50px
}

.input-search-btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 0 10px;
    border: none;
    border-radius: 0 200px 200px 0;
    background: 0 0
}

.input-search-btn .icon {
    margin: 0 3px
}

.input-search-dark .input-search-icon {
    color: #76838f
}

.input-search-dark .form-control {
    background: #f3f7f9;
    -webkit-box-shadow: none;
    box-shadow: none
}

.input-search-dark .form-control:focus {
    background-color: #fff
}

.form-inline .form-group {
    margin-right: 20px
}

.form-inline .form-group:last-child {
    margin-right: 0
}

.form-inline .form-control-label {
    margin-right: 5px
}

@media (max-width: 767px) {
    .form-inline .form-group {
        margin-right: 0
    }
}

.form-horizontal .form-control-label {
    font-size: 1rem;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-control-label {
        margin-bottom: 0;
        padding-top: 7px;
        text-align: right
    }

    .form-horizontal .form-control-lg, .form-horizontal .input-group-lg > .form-control, .form-horizontal .input-group-lg > .input-group-addon, .form-horizontal .input-group-lg > .input-group-btn > .btn {
        font-size: 18px;
        padding-top: 11px
    }

    .form-horizontal .form-control-sm, .form-horizontal .input-group-sm > .form-control, .form-horizontal .input-group-sm > .input-group-addon, .form-horizontal .input-group-sm > .input-group-btn > .btn {
        font-size: 12px;
        padding-top: 7px
    }
}

input::-ms-clear {
    display: none;
    width: 0;
    height: 0
}

.btn {
    -webkit-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -o-transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    transition: border .2s linear, color .2s linear, width .2s linear, background-color .2s linear;
    -webkit-font-smoothing: subpixel-antialiased
}

.btn .icon {
    line-height: inherit;
    width: 1em;
    margin: -1px 3px 0;
    text-align: center
}

.btn-outline.btn-default {
    color: #76838f;
    background-color: transparent
}

.btn-outline.btn-default.active, .btn-outline.btn-default:active, .btn-outline.btn-default:focus, .btn-outline.btn-default:hover, .open > .btn-outline.btn-default.dropdown-toggle {
    color: #76838f;
    border-color: #e4eaec;
    background-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.active .tag-pill, .btn-outline.btn-default:active .tag-pill, .btn-outline.btn-default:focus .tag-pill, .btn-outline.btn-default:hover .tag-pill, .open > .btn-outline.btn-default.dropdown-toggle .tag-pill {
    color: #76838f;
    background-color: #76838f
}

.btn-outline.btn-default.btn-up:before, .btn-outline.btn-default.btn-up:focus:before, .btn-outline.btn-default.btn-up:hover:before {
    border-bottom-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-up.active:before, .btn-outline.btn-default.btn-up:active:before, .open > .btn-outline.btn-default.btn-up.dropdown-toggle:before {
    border-bottom-color: #ccd5db
}

.btn-outline.btn-default.btn-right:before, .btn-outline.btn-default.btn-right:focus:before, .btn-outline.btn-default.btn-right:hover:before {
    border-left-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-right.active:before, .btn-outline.btn-default.btn-right:active:before, .open > .btn-outline.btn-default.btn-right.dropdown-toggle:before {
    border-left-color: #ccd5db
}

.btn-outline.btn-default.btn-bottom:before, .btn-outline.btn-default.btn-bottom:focus:before, .btn-outline.btn-default.btn-bottom:hover:before {
    border-top-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-bottom.active:before, .btn-outline.btn-default.btn-bottom:active:before, .open > .btn-outline.btn-default.btn-bottom.dropdown-toggle:before {
    border-top-color: #ccd5db
}

.btn-outline.btn-default.btn-left:before, .btn-outline.btn-default.btn-left:focus:before, .btn-outline.btn-default.btn-left:hover:before {
    border-right-color: rgba(118, 131, 143, .1)
}

.btn-outline.btn-default.btn-left.active:before, .btn-outline.btn-default.btn-left:active:before, .open > .btn-outline.btn-default.btn-left.dropdown-toggle:before {
    border-right-color: #ccd5db
}

.btn-outline.btn-primary {
    color: var(--primary-color);
    background-color: transparent;
    border-color: var(--primary-color)
}

.btn-outline.btn-primary.active, .btn-outline.btn-primary:active, .btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover, .open > .btn-outline.btn-primary.dropdown-toggle {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.btn-outline.btn-primary.active .tag-pill, .btn-outline.btn-primary:active .tag-pill, .btn-outline.btn-primary:focus .tag-pill, .btn-outline.btn-primary:hover .tag-pill, .open > .btn-outline.btn-primary.dropdown-toggle .tag-pill {
    color: var(--primary-color);
    background-color: #fff
}

.btn-outline.btn-primary.btn-up:before, .btn-outline.btn-primary.btn-up:focus:before, .btn-outline.btn-primary.btn-up:hover:before {
    border-bottom-color: var(--primary-color)
}

.btn-outline.btn-primary.btn-up.active:before, .btn-outline.btn-primary.btn-up:active:before, .open > .btn-outline.btn-primary.btn-up.dropdown-toggle:before {
    border-bottom-color: #4e97d9
}

.btn-outline.btn-primary.btn-right:before, .btn-outline.btn-primary.btn-right:focus:before, .btn-outline.btn-primary.btn-right:hover:before {
    border-left-color: var(--primary-color)
}

.btn-outline.btn-primary.btn-right.active:before, .btn-outline.btn-primary.btn-right:active:before, .open > .btn-outline.btn-primary.btn-right.dropdown-toggle:before {
    border-left-color: #4e97d9
}

.btn-outline.btn-primary.btn-bottom:before, .btn-outline.btn-primary.btn-bottom:focus:before, .btn-outline.btn-primary.btn-bottom:hover:before {
    border-top-color: var(--primary-color)
}

.btn-outline.btn-primary.btn-bottom.active:before, .btn-outline.btn-primary.btn-bottom:active:before, .open > .btn-outline.btn-primary.btn-bottom.dropdown-toggle:before {
    border-top-color: #4e97d9
}

.btn-outline.btn-primary.btn-left:before, .btn-outline.btn-primary.btn-left:focus:before, .btn-outline.btn-primary.btn-left:hover:before {
    border-right-color: var(--primary-color)
}

.btn-outline.btn-primary.btn-left.active:before, .btn-outline.btn-primary.btn-left:active:before, .open > .btn-outline.btn-primary.btn-left.dropdown-toggle:before {
    border-right-color: #4e97d9
}

.btn-outline.btn-success {
    color: #46be8a;
    background-color: transparent;
    border-color: #46be8a
}

.btn-outline.btn-success.active, .btn-outline.btn-success:active, .btn-outline.btn-success:focus, .btn-outline.btn-success:hover, .open > .btn-outline.btn-success.dropdown-toggle {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.btn-outline.btn-success.active .tag-pill, .btn-outline.btn-success:active .tag-pill, .btn-outline.btn-success:focus .tag-pill, .btn-outline.btn-success:hover .tag-pill, .open > .btn-outline.btn-success.dropdown-toggle .tag-pill {
    color: #46be8a;
    background-color: #fff
}

.btn-outline.btn-success.btn-up:before, .btn-outline.btn-success.btn-up:focus:before, .btn-outline.btn-success.btn-up:hover:before {
    border-bottom-color: #46be8a
}

.btn-outline.btn-success.btn-up.active:before, .btn-outline.btn-success.btn-up:active:before, .open > .btn-outline.btn-success.btn-up.dropdown-toggle:before {
    border-bottom-color: #36ab7a
}

.btn-outline.btn-success.btn-right:before, .btn-outline.btn-success.btn-right:focus:before, .btn-outline.btn-success.btn-right:hover:before {
    border-left-color: #46be8a
}

.btn-outline.btn-success.btn-right.active:before, .btn-outline.btn-success.btn-right:active:before, .open > .btn-outline.btn-success.btn-right.dropdown-toggle:before {
    border-left-color: #36ab7a
}

.btn-outline.btn-success.btn-bottom:before, .btn-outline.btn-success.btn-bottom:focus:before, .btn-outline.btn-success.btn-bottom:hover:before {
    border-top-color: #46be8a
}

.btn-outline.btn-success.btn-bottom.active:before, .btn-outline.btn-success.btn-bottom:active:before, .open > .btn-outline.btn-success.btn-bottom.dropdown-toggle:before {
    border-top-color: #36ab7a
}

.btn-outline.btn-success.btn-left:before, .btn-outline.btn-success.btn-left:focus:before, .btn-outline.btn-success.btn-left:hover:before {
    border-right-color: #46be8a
}

.btn-outline.btn-success.btn-left.active:before, .btn-outline.btn-success.btn-left:active:before, .open > .btn-outline.btn-success.btn-left.dropdown-toggle:before {
    border-right-color: #36ab7a
}

.btn-outline.btn-info {
    color: #57c7d4;
    background-color: transparent;
    border-color: #57c7d4
}

.btn-outline.btn-info.active, .btn-outline.btn-info:active, .btn-outline.btn-info:focus, .btn-outline.btn-info:hover, .open > .btn-outline.btn-info.dropdown-toggle {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.btn-outline.btn-info.active .tag-pill, .btn-outline.btn-info:active .tag-pill, .btn-outline.btn-info:focus .tag-pill, .btn-outline.btn-info:hover .tag-pill, .open > .btn-outline.btn-info.dropdown-toggle .tag-pill {
    color: #57c7d4;
    background-color: #fff
}

.btn-outline.btn-info.btn-up:before, .btn-outline.btn-info.btn-up:focus:before, .btn-outline.btn-info.btn-up:hover:before {
    border-bottom-color: #57c7d4
}

.btn-outline.btn-info.btn-up.active:before, .btn-outline.btn-info.btn-up:active:before, .open > .btn-outline.btn-info.btn-up.dropdown-toggle:before {
    border-bottom-color: #47b8c6
}

.btn-outline.btn-info.btn-right:before, .btn-outline.btn-info.btn-right:focus:before, .btn-outline.btn-info.btn-right:hover:before {
    border-left-color: #57c7d4
}

.btn-outline.btn-info.btn-right.active:before, .btn-outline.btn-info.btn-right:active:before, .open > .btn-outline.btn-info.btn-right.dropdown-toggle:before {
    border-left-color: #47b8c6
}

.btn-outline.btn-info.btn-bottom:before, .btn-outline.btn-info.btn-bottom:focus:before, .btn-outline.btn-info.btn-bottom:hover:before {
    border-top-color: #57c7d4
}

.btn-outline.btn-info.btn-bottom.active:before, .btn-outline.btn-info.btn-bottom:active:before, .open > .btn-outline.btn-info.btn-bottom.dropdown-toggle:before {
    border-top-color: #47b8c6
}

.btn-outline.btn-info.btn-left:before, .btn-outline.btn-info.btn-left:focus:before, .btn-outline.btn-info.btn-left:hover:before {
    border-right-color: #57c7d4
}

.btn-outline.btn-info.btn-left.active:before, .btn-outline.btn-info.btn-left:active:before, .open > .btn-outline.btn-info.btn-left.dropdown-toggle:before {
    border-right-color: #47b8c6
}

.btn-outline.btn-warning {
    color: #f2a654;
    background-color: transparent;
    border-color: #f2a654
}

.btn-outline.btn-warning.active, .btn-outline.btn-warning:active, .btn-outline.btn-warning:focus, .btn-outline.btn-warning:hover, .open > .btn-outline.btn-warning.dropdown-toggle {
    color: #fff;
    border-color: #f2a654;
    background-color: #f2a654
}

.btn-outline.btn-warning.active .tag-pill, .btn-outline.btn-warning:active .tag-pill, .btn-outline.btn-warning:focus .tag-pill, .btn-outline.btn-warning:hover .tag-pill, .open > .btn-outline.btn-warning.dropdown-toggle .tag-pill {
    color: #f2a654;
    background-color: #fff
}

.btn-outline.btn-warning.btn-up:before, .btn-outline.btn-warning.btn-up:focus:before, .btn-outline.btn-warning.btn-up:hover:before {
    border-bottom-color: #f2a654
}

.btn-outline.btn-warning.btn-up.active:before, .btn-outline.btn-warning.btn-up:active:before, .open > .btn-outline.btn-warning.btn-up.dropdown-toggle:before {
    border-bottom-color: #ec9940
}

.btn-outline.btn-warning.btn-right:before, .btn-outline.btn-warning.btn-right:focus:before, .btn-outline.btn-warning.btn-right:hover:before {
    border-left-color: #f2a654
}

.btn-outline.btn-warning.btn-right.active:before, .btn-outline.btn-warning.btn-right:active:before, .open > .btn-outline.btn-warning.btn-right.dropdown-toggle:before {
    border-left-color: #ec9940
}

.btn-outline.btn-warning.btn-bottom:before, .btn-outline.btn-warning.btn-bottom:focus:before, .btn-outline.btn-warning.btn-bottom:hover:before {
    border-top-color: #f2a654
}

.btn-outline.btn-warning.btn-bottom.active:before, .btn-outline.btn-warning.btn-bottom:active:before, .open > .btn-outline.btn-warning.btn-bottom.dropdown-toggle:before {
    border-top-color: #ec9940
}

.btn-outline.btn-warning.btn-left:before, .btn-outline.btn-warning.btn-left:focus:before, .btn-outline.btn-warning.btn-left:hover:before {
    border-right-color: #f2a654
}

.btn-outline.btn-warning.btn-left.active:before, .btn-outline.btn-warning.btn-left:active:before, .open > .btn-outline.btn-warning.btn-left.dropdown-toggle:before {
    border-right-color: #ec9940
}

.btn-outline.btn-danger {
    color: #f96868;
    background-color: transparent;
    border-color: #f96868
}

.btn-outline.btn-danger.active, .btn-outline.btn-danger:active, .btn-outline.btn-danger:focus, .btn-outline.btn-danger:hover, .open > .btn-outline.btn-danger.dropdown-toggle {
    color: #fff;
    border-color: #f96868;
    background-color: #f96868
}

.btn-outline.btn-danger.active .tag-pill, .btn-outline.btn-danger:active .tag-pill, .btn-outline.btn-danger:focus .tag-pill, .btn-outline.btn-danger:hover .tag-pill, .open > .btn-outline.btn-danger.dropdown-toggle .tag-pill {
    color: #f96868;
    background-color: #fff
}

.btn-outline.btn-danger.btn-up:before, .btn-outline.btn-danger.btn-up:focus:before, .btn-outline.btn-danger.btn-up:hover:before {
    border-bottom-color: #f96868
}

.btn-outline.btn-danger.btn-up.active:before, .btn-outline.btn-danger.btn-up:active:before, .open > .btn-outline.btn-danger.btn-up.dropdown-toggle:before {
    border-bottom-color: #e9595b
}

.btn-outline.btn-danger.btn-right:before, .btn-outline.btn-danger.btn-right:focus:before, .btn-outline.btn-danger.btn-right:hover:before {
    border-left-color: #f96868
}

.btn-outline.btn-danger.btn-right.active:before, .btn-outline.btn-danger.btn-right:active:before, .open > .btn-outline.btn-danger.btn-right.dropdown-toggle:before {
    border-left-color: #e9595b
}

.btn-outline.btn-danger.btn-bottom:before, .btn-outline.btn-danger.btn-bottom:focus:before, .btn-outline.btn-danger.btn-bottom:hover:before {
    border-top-color: #f96868
}

.btn-outline.btn-danger.btn-bottom.active:before, .btn-outline.btn-danger.btn-bottom:active:before, .open > .btn-outline.btn-danger.btn-bottom.dropdown-toggle:before {
    border-top-color: #e9595b
}

.btn-outline.btn-danger.btn-left:before, .btn-outline.btn-danger.btn-left:focus:before, .btn-outline.btn-danger.btn-left:hover:before {
    border-right-color: #f96868
}

.btn-outline.btn-danger.btn-left.active:before, .btn-outline.btn-danger.btn-left:active:before, .open > .btn-outline.btn-danger.btn-left.dropdown-toggle:before {
    border-right-color: #e9595b
}

.btn-outline.btn-dark {
    color: #526069;
    background-color: transparent;
    order-color: #526069
}

.btn-outline.btn-dark.active, .btn-outline.btn-dark:active, .btn-outline.btn-dark:focus, .btn-outline.btn-dark:hover, .open > .btn-outline.btn-dark.dropdown-toggle {
    color: #fff;
    border-color: #526069;
    background-color: #526069
}

.btn-outline.btn-dark.active .tag-pill, .btn-outline.btn-dark:active .tag-pill, .btn-outline.btn-dark:focus .tag-pill, .btn-outline.btn-dark:hover .tag-pill, .open > .btn-outline.btn-dark.dropdown-toggle .tag-pill {
    color: #526069;
    background-color: #fff
}

.btn-outline.btn-dark.btn-up:before, .btn-outline.btn-dark.btn-up:focus:before, .btn-outline.btn-dark.btn-up:hover:before {
    border-bottom-color: #526069
}

.btn-outline.btn-dark.btn-up.active:before, .btn-outline.btn-dark.btn-up:active:before, .open > .btn-outline.btn-dark.btn-up.dropdown-toggle:before {
    border-bottom-color: #37474f
}

.btn-outline.btn-dark.btn-right:before, .btn-outline.btn-dark.btn-right:focus:before, .btn-outline.btn-dark.btn-right:hover:before {
    border-left-color: #526069
}

.btn-outline.btn-dark.btn-right.active:before, .btn-outline.btn-dark.btn-right:active:before, .open > .btn-outline.btn-dark.btn-right.dropdown-toggle:before {
    border-left-color: #37474f
}

.btn-outline.btn-dark.btn-bottom:before, .btn-outline.btn-dark.btn-bottom:focus:before, .btn-outline.btn-dark.btn-bottom:hover:before {
    border-top-color: #526069
}

.btn-outline.btn-dark.btn-bottom.active:before, .btn-outline.btn-dark.btn-bottom:active:before, .open > .btn-outline.btn-dark.btn-bottom.dropdown-toggle:before {
    border-top-color: #37474f
}

.btn-outline.btn-dark.btn-left:before, .btn-outline.btn-dark.btn-left:focus:before, .btn-outline.btn-dark.btn-left:hover:before {
    border-right-color: #526069
}

.btn-outline.btn-dark.btn-left.active:before, .btn-outline.btn-dark.btn-left:active:before, .open > .btn-outline.btn-dark.btn-left.dropdown-toggle:before {
    border-right-color: #37474f
}

.btn-outline.btn-inverse {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.btn-outline.btn-inverse.active, .btn-outline.btn-inverse:active, .btn-outline.btn-inverse:focus, .btn-outline.btn-inverse:hover, .open > .btn-outline.btn-inverse.dropdown-toggle {
    color: #76838f;
    border-color: #fff;
    background-color: #fff
}

.btn-outline.btn-inverse.active .tag-pill, .btn-outline.btn-inverse:active .tag-pill, .btn-outline.btn-inverse:focus .tag-pill, .btn-outline.btn-inverse:hover .tag-pill, .open > .btn-outline.btn-inverse.dropdown-toggle .tag-pill {
    color: #fff;
    background-color: #76838f
}

.btn-outline.btn-inverse.btn-up:before, .btn-outline.btn-inverse.btn-up:focus:before, .btn-outline.btn-inverse.btn-up:hover:before {
    border-bottom-color: #fff
}

.btn-outline.btn-inverse.btn-up.active:before, .btn-outline.btn-inverse.btn-up:active:before, .open > .btn-outline.btn-inverse.btn-up.dropdown-toggle:before {
    border-bottom-color: #fff
}

.btn-outline.btn-inverse.btn-right:before, .btn-outline.btn-inverse.btn-right:focus:before, .btn-outline.btn-inverse.btn-right:hover:before {
    border-left-color: #fff
}

.btn-outline.btn-inverse.btn-right.active:before, .btn-outline.btn-inverse.btn-right:active:before, .open > .btn-outline.btn-inverse.btn-right.dropdown-toggle:before {
    border-left-color: #fff
}

.btn-outline.btn-inverse.btn-bottom:before, .btn-outline.btn-inverse.btn-bottom:focus:before, .btn-outline.btn-inverse.btn-bottom:hover:before {
    border-top-color: #fff
}

.btn-outline.btn-inverse.btn-bottom.active:before, .btn-outline.btn-inverse.btn-bottom:active:before, .open > .btn-outline.btn-inverse.btn-bottom.dropdown-toggle:before {
    border-top-color: #fff
}

.btn-outline.btn-inverse.btn-left:before, .btn-outline.btn-inverse.btn-left:focus:before, .btn-outline.btn-inverse.btn-left:hover:before {
    border-right-color: #fff
}

.btn-outline.btn-inverse.btn-left.active:before, .btn-outline.btn-inverse.btn-left:active:before, .open > .btn-outline.btn-inverse.btn-left.dropdown-toggle:before {
    border-right-color: #fff
}

.btn-group-xs > .btn, .btn-xs {
    font-size: .858rem;
    padding: .072rem .358rem;
    border-radius: .143rem
}

.btn-squared {
    border-radius: 0
}

.btn-round {
    border-radius: 1000px
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover {
    color: #fff;
    border-color: #a2caee;
    background-color: #a2caee
}

.btn-primary .tag-pill {
    color: var(--primary-color);
    background-color: #fff
}

.btn-primary.btn-up:before {
    border-bottom-color: var(--primary-color)
}

.btn-primary.btn-up:focus:before, .btn-primary.btn-up:hover:before {
    border-bottom-color: #89bceb
}

.btn-primary.btn-up.active:before, .btn-primary.btn-up:active:before, .open > .btn-primary.btn-up.dropdown-toggle:before {
    border-bottom-color: #4e97d9
}

.btn-primary.btn-right:before {
    border-left-color: var(--primary-color)
}

.btn-primary.btn-right:focus:before, .btn-primary.btn-right:hover:before {
    border-left-color: #89bceb
}

.btn-primary.btn-right.active:before, .btn-primary.btn-right:active:before, .open > .btn-primary.btn-right.dropdown-toggle:before {
    border-left-color: #4e97d9
}

.btn-primary.btn-bottom:before {
    border-top-color: var(--primary-color)
}

.btn-primary.btn-bottom:focus:before, .btn-primary.btn-bottom:hover:before {
    border-top-color: #89bceb
}

.btn-primary.btn-bottom.active:before, .btn-primary.btn-bottom:active:before, .open > .btn-primary.btn-bottom.dropdown-toggle:before {
    border-top-color: #4e97d9
}

.btn-primary.btn-left:before {
    border-right-color: var(--primary-color)
}

.btn-primary.btn-left:focus:before, .btn-primary.btn-left:hover:before {
    border-right-color: #89bceb
}

.btn-primary.btn-left.active:before, .btn-primary.btn-left:active:before, .open > .btn-primary.btn-left.dropdown-toggle:before {
    border-right-color: #4e97d9
}

.btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover {
    color: #fff;
    border-color: #7dd3ae;
    background-color: #7dd3ae
}

.btn-success .tag-pill {
    color: #46be8a;
    background-color: #fff
}

.btn-success.btn-up:before {
    border-bottom-color: #46be8a
}

.btn-success.btn-up:focus:before, .btn-success.btn-up:hover:before {
    border-bottom-color: #5cd29d
}

.btn-success.btn-up.active:before, .btn-success.btn-up:active:before, .open > .btn-success.btn-up.dropdown-toggle:before {
    border-bottom-color: #36ab7a
}

.btn-success.btn-right:before {
    border-left-color: #46be8a
}

.btn-success.btn-right:focus:before, .btn-success.btn-right:hover:before {
    border-left-color: #5cd29d
}

.btn-success.btn-right.active:before, .btn-success.btn-right:active:before, .open > .btn-success.btn-right.dropdown-toggle:before {
    border-left-color: #36ab7a
}

.btn-success.btn-bottom:before {
    border-top-color: #46be8a
}

.btn-success.btn-bottom:focus:before, .btn-success.btn-bottom:hover:before {
    border-top-color: #5cd29d
}

.btn-success.btn-bottom.active:before, .btn-success.btn-bottom:active:before, .open > .btn-success.btn-bottom.dropdown-toggle:before {
    border-top-color: #36ab7a
}

.btn-success.btn-left:before {
    border-right-color: #46be8a
}

.btn-success.btn-left:focus:before, .btn-success.btn-left:hover:before {
    border-right-color: #5cd29d
}

.btn-success.btn-left.active:before, .btn-success.btn-left:active:before, .open > .btn-success.btn-left.dropdown-toggle:before {
    border-right-color: #36ab7a
}

.btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover {
    color: #fff;
    border-color: #9ae1e9;
    background-color: #9ae1e9
}

.btn-info .tag-pill {
    color: #57c7d4;
    background-color: #fff
}

.btn-info.btn-up:before {
    border-bottom-color: #57c7d4
}

.btn-info.btn-up:focus:before, .btn-info.btn-up:hover:before {
    border-bottom-color: #77d6e1
}

.btn-info.btn-up.active:before, .btn-info.btn-up:active:before, .open > .btn-info.btn-up.dropdown-toggle:before {
    border-bottom-color: #47b8c6
}

.btn-info.btn-right:before {
    border-left-color: #57c7d4
}

.btn-info.btn-right:focus:before, .btn-info.btn-right:hover:before {
    border-left-color: #77d6e1
}

.btn-info.btn-right.active:before, .btn-info.btn-right:active:before, .open > .btn-info.btn-right.dropdown-toggle:before {
    border-left-color: #47b8c6
}

.btn-info.btn-bottom:before {
    border-top-color: #57c7d4
}

.btn-info.btn-bottom:focus:before, .btn-info.btn-bottom:hover:before {
    border-top-color: #77d6e1
}

.btn-info.btn-bottom.active:before, .btn-info.btn-bottom:active:before, .open > .btn-info.btn-bottom.dropdown-toggle:before {
    border-top-color: #47b8c6
}

.btn-info.btn-left:before {
    border-right-color: #57c7d4
}

.btn-info.btn-left:focus:before, .btn-info.btn-left:hover:before {
    border-right-color: #77d6e1
}

.btn-info.btn-left.active:before, .btn-info.btn-left:active:before, .open > .btn-info.btn-left.dropdown-toggle:before {
    border-right-color: #47b8c6
}

.btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover {
    color: #fff;
    border-color: #f6be80;
    background-color: #f6be80
}

.btn-warning .tag-pill {
    color: #f2a654;
    background-color: #fff
}

.btn-warning.btn-up:before {
    border-bottom-color: #f2a654
}

.btn-warning.btn-up:focus:before, .btn-warning.btn-up:hover:before {
    border-bottom-color: #f4b066
}

.btn-warning.btn-up.active:before, .btn-warning.btn-up:active:before, .open > .btn-warning.btn-up.dropdown-toggle:before {
    border-bottom-color: #ec9940
}

.btn-warning.btn-right:before {
    border-left-color: #f2a654
}

.btn-warning.btn-right:focus:before, .btn-warning.btn-right:hover:before {
    border-left-color: #f4b066
}

.btn-warning.btn-right.active:before, .btn-warning.btn-right:active:before, .open > .btn-warning.btn-right.dropdown-toggle:before {
    border-left-color: #ec9940
}

.btn-warning.btn-bottom:before {
    border-top-color: #f2a654
}

.btn-warning.btn-bottom:focus:before, .btn-warning.btn-bottom:hover:before {
    border-top-color: #f4b066
}

.btn-warning.btn-bottom.active:before, .btn-warning.btn-bottom:active:before, .open > .btn-warning.btn-bottom.dropdown-toggle:before {
    border-top-color: #ec9940
}

.btn-warning.btn-left:before {
    border-right-color: #f2a654
}

.btn-warning.btn-left:focus:before, .btn-warning.btn-left:hover:before {
    border-right-color: #f4b066
}

.btn-warning.btn-left.active:before, .btn-warning.btn-left:active:before, .open > .btn-warning.btn-left.dropdown-toggle:before {
    border-right-color: #ec9940
}

.btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover {
    color: #fff;
    border-color: #fa9898;
    background-color: #fa9898
}

.btn-danger .tag-pill {
    color: #f96868;
    background-color: #fff
}

.btn-danger.btn-up:before {
    border-bottom-color: #f96868
}

.btn-danger.btn-up:focus:before, .btn-danger.btn-up:hover:before {
    border-bottom-color: #fa7a7a
}

.btn-danger.btn-up.active:before, .btn-danger.btn-up:active:before, .open > .btn-danger.btn-up.dropdown-toggle:before {
    border-bottom-color: #e9595b
}

.btn-danger.btn-right:before {
    border-left-color: #f96868
}

.btn-danger.btn-right:focus:before, .btn-danger.btn-right:hover:before {
    border-left-color: #fa7a7a
}

.btn-danger.btn-right.active:before, .btn-danger.btn-right:active:before, .open > .btn-danger.btn-right.dropdown-toggle:before {
    border-left-color: #e9595b
}

.btn-danger.btn-bottom:before {
    border-top-color: #f96868
}

.btn-danger.btn-bottom:focus:before, .btn-danger.btn-bottom:hover:before {
    border-top-color: #fa7a7a
}

.btn-danger.btn-bottom.active:before, .btn-danger.btn-bottom:active:before, .open > .btn-danger.btn-bottom.dropdown-toggle:before {
    border-top-color: #e9595b
}

.btn-danger.btn-left:before {
    border-right-color: #f96868
}

.btn-danger.btn-left:focus:before, .btn-danger.btn-left:hover:before {
    border-right-color: #fa7a7a
}

.btn-danger.btn-left.active:before, .btn-danger.btn-left:active:before, .open > .btn-danger.btn-left.dropdown-toggle:before {
    border-right-color: #e9595b
}

.btn-default {
    color: #76838f;
    border-color: #e4eaec;
    background-color: #e4eaec;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none
}

.btn-default:hover, .btn-default.focus, .btn-default:focus {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #c6d3d7
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #c6d3d7;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
    color: #76838f;
    border-color: #ccd5db;
    background-color: #ccd5db
}

.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default:disabled.focus, .btn-default:disabled:focus, .btn-default.disabled:hover, .btn-default:disabled:hover {
    border-color: #e4eaec;
    background-color: #e4eaec
}

.btn-default.focus, .btn-default:focus, .btn-default:hover {
    border-color: #f3f7f9;
    background-color: #f3f7f9
}

.btn-default.active, .btn-default:active, .open > .btn-default.dropdown-toggle {
    border-color: #ccd5db;
    background-color: #ccd5db;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover {
    cursor: not-allowed;
    color: #76838f;
    border-color: #f3f7f9;
    background-color: #f3f7f9
}

.btn-default .tag-pill {
    color: #e4eaec;
    background-color: #76838f
}

.btn-default.btn-up:before {
    border-bottom-color: #e4eaec
}

.btn-default.btn-up:focus:before, .btn-default.btn-up:hover:before {
    border-bottom-color: #f3f7f9
}

.btn-default.btn-up.active:before, .btn-default.btn-up:active:before, .open > .btn-default.btn-up.dropdown-toggle:before {
    border-bottom-color: #ccd5db
}

.btn-default.btn-right:before {
    border-left-color: #e4eaec
}

.btn-default.btn-right:focus:before, .btn-default.btn-right:hover:before {
    border-left-color: #f3f7f9
}

.btn-default.btn-right.active:before, .btn-default.btn-right:active:before, .open > .btn-default.btn-right.dropdown-toggle:before {
    border-left-color: #ccd5db
}

.btn-default.btn-bottom:before {
    border-top-color: #e4eaec
}

.btn-default.btn-bottom:focus:before, .btn-default.btn-bottom:hover:before {
    border-top-color: #f3f7f9
}

.btn-default.btn-bottom.active:before, .btn-default.btn-bottom:active:before, .open > .btn-default.btn-bottom.dropdown-toggle:before {
    border-top-color: #ccd5db
}

.btn-default.btn-left:before {
    border-right-color: #e4eaec
}

.btn-default.btn-left:focus:before, .btn-default.btn-left:hover:before {
    border-right-color: #f3f7f9
}

.btn-default.btn-left.active:before, .btn-default.btn-left:active:before, .open > .btn-default.btn-left.dropdown-toggle:before {
    border-right-color: #ccd5db
}

.btn-inverse {
    color: #76838f;
    border-color: #e4eaec;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none
}

.btn-inverse:hover, .btn-inverse.focus, .btn-inverse:focus {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #e6e6e6
}

.btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle {
    color: #76838f;
    border-color: #c0ced3;
    background-color: #e6e6e6;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open > .btn-inverse.dropdown-toggle.focus, .open > .btn-inverse.dropdown-toggle:focus, .open > .btn-inverse.dropdown-toggle:hover {
    color: #76838f;
    border-color: #ccd5db;
    background-color: #fff
}

.btn-inverse.disabled.focus, .btn-inverse.disabled:focus, .btn-inverse:disabled.focus, .btn-inverse:disabled:focus, .btn-inverse.disabled:hover, .btn-inverse:disabled:hover {
    border-color: #e4eaec;
    background-color: #fff
}

.btn-inverse.focus, .btn-inverse:focus, .btn-inverse:hover {
    border-color: #f3f7f9;
    background-color: #fff
}

.btn-inverse.active, .btn-inverse:active, .open > .btn-inverse.dropdown-toggle {
    border-color: #ccd5db;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-inverse.disabled, .btn-inverse.disabled.active, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled], .btn-inverse[disabled].active, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover {
    color: #ccd5db;
    border-color: #a3afb7;
    background-color: #fff
}

.btn-inverse .tag-pill {
    color: #fff;
    background-color: #76838f
}

.btn-inverse.btn-up:before, .btn-inverse.btn-up:focus:before, .btn-inverse.btn-up:hover:before, .btn-inverse.btn-up.active:before, .btn-inverse.btn-up:active:before, .open > .btn-inverse.btn-up.dropdown-toggle:before {
    border-bottom-color: #fff
}

.btn-inverse.btn-right:before, .btn-inverse.btn-right:focus:before, .btn-inverse.btn-right:hover:before, .btn-inverse.btn-right.active:before, .btn-inverse.btn-right:active:before, .open > .btn-inverse.btn-right.dropdown-toggle:before {
    border-left-color: #fff
}

.btn-inverse.btn-bottom:before, .btn-inverse.btn-bottom:focus:before, .btn-inverse.btn-bottom:hover:before, .btn-inverse.btn-bottom.active:before, .btn-inverse.btn-bottom:active:before, .open > .btn-inverse.btn-bottom.dropdown-toggle:before {
    border-top-color: #fff
}

.btn-inverse.btn-left:before, .btn-inverse.btn-left:focus:before, .btn-inverse.btn-left:hover:before, .btn-inverse.btn-left.active:before, .btn-inverse.btn-left:active:before, .open > .btn-inverse.btn-left.dropdown-toggle:before {
    border-right-color: #fff
}

.btn-dark {
    color: #fff;
    border-color: #526069;
    background-color: #526069;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: none
}

.btn-dark:hover, .btn-dark.focus, .btn-dark:focus {
    color: #fff;
    border-color: #374147;
    background-color: #3c464c
}

.btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle {
    color: #fff;
    border-color: #374147;
    background-color: #3c464c;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-dark.active.focus, .btn-dark.active:focus, .btn-dark.active:hover, .btn-dark:active.focus, .btn-dark:active:focus, .btn-dark:active:hover, .open > .btn-dark.dropdown-toggle.focus, .open > .btn-dark.dropdown-toggle:focus, .open > .btn-dark.dropdown-toggle:hover {
    color: #fff;
    border-color: #37474f;
    background-color: #37474f
}

.btn-dark.disabled.focus, .btn-dark.disabled:focus, .btn-dark:disabled.focus, .btn-dark:disabled:focus, .btn-dark.disabled:hover, .btn-dark:disabled:hover {
    border-color: #526069;
    background-color: #526069
}

.btn-dark.focus, .btn-dark:focus, .btn-dark:hover {
    border-color: #76838f;
    background-color: #76838f
}

.btn-dark.active, .btn-dark:active, .open > .btn-dark.dropdown-toggle {
    border-color: #37474f;
    background-color: #37474f;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-dark.disabled, .btn-dark.disabled.active, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled:focus, .btn-dark.disabled:hover, .btn-dark[disabled], .btn-dark[disabled].active, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled]:focus, .btn-dark[disabled]:hover {
    color: #fff;
    border-color: #a3afb7;
    background-color: #a3afb7
}

.btn-dark .tag-pill {
    color: #526069;
    background-color: #fff
}

.btn-dark.btn-up:before {
    border-bottom-color: #526069
}

.btn-dark.btn-up:focus:before, .btn-dark.btn-up:hover:before {
    border-bottom-color: #76838f
}

.btn-dark.btn-up.active:before, .btn-dark.btn-up:active:before, .open > .btn-dark.btn-up.dropdown-toggle:before {
    border-bottom-color: #37474f
}

.btn-dark.btn-right:before {
    border-left-color: #526069
}

.btn-dark.btn-right:focus:before, .btn-dark.btn-right:hover:before {
    border-left-color: #76838f
}

.btn-dark.btn-right.active:before, .btn-dark.btn-right:active:before, .open > .btn-dark.btn-right.dropdown-toggle:before {
    border-left-color: #37474f
}

.btn-dark.btn-bottom:before {
    border-top-color: #526069
}

.btn-dark.btn-bottom:focus:before, .btn-dark.btn-bottom:hover:before {
    border-top-color: #76838f
}

.btn-dark.btn-bottom.active:before, .btn-dark.btn-bottom:active:before, .open > .btn-dark.btn-bottom.dropdown-toggle:before {
    border-top-color: #37474f
}

.btn-dark.btn-left:before {
    border-right-color: #526069
}

.btn-dark.btn-left:focus:before, .btn-dark.btn-left:hover:before {
    border-right-color: #76838f
}

.btn-dark.btn-left.active:before, .btn-dark.btn-left:active:before, .open > .btn-dark.btn-left.dropdown-toggle:before {
    border-right-color: #37474f
}

.btn-icon, .btn.icon {
    line-height: 1em;
    padding: .715rem
}

.btn-group-xs > .btn-icon.btn, .btn-group-xs > .btn.icon, .btn-icon.btn-xs, .btn.icon.btn-xs {
    font-size: .858rem;
    padding: .286rem
}

.btn-icon.btn-sm, .btn.icon.btn-sm {
    font-size: 1rem;
    padding: .572rem
}

.btn-icon.btn-lg, .btn.icon.btn-lg {
    font-size: 1.429rem;
    padding: .858rem
}

.btn-icon.disabled, .btn.icon.disabled {
    color: #a3afb7
}

.btn-icon .icon {
    margin: -1px 0 0
}

.btn-floating {
    font-size: 1.715rem;
    width: 4rem;
    height: 4rem;
    margin: 0;
    padding: 0;
    text-align: center;
    border-radius: 100%;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .15)
}

.btn-floating.btn-xs, .btn-group-xs > .btn-floating.btn {
    font-size: .929rem;
    width: 2.143rem;
    height: 2.143rem;
    padding: 0
}

.btn-floating.btn-sm {
    font-size: 1.072rem;
    width: 2.858rem;
    height: 2.858rem;
    padding: 0
}

.btn-floating.btn-lg {
    font-size: 2.143rem;
    width: 5rem;
    height: 5rem;
    padding: 0
}

.btn-floating i {
    position: relative;
    top: 0
}

.btn-pill-left {
    border-radius: 500px 0 0 500px
}

.btn-pill-right {
    border-radius: 0 500px 500px 0
}

.btn-direction {
    position: relative
}

.btn-direction:before {
    line-height: 0;
    position: absolute;
    content: '';
    border: 8px solid transparent
}

.btn-up:before {
    top: -16px;
    left: 50%;
    margin-left: -8px;
    border-bottom-color: #e4eaec
}

.btn-right:before {
    top: 50%;
    right: -16px;
    margin-top: -8px;
    border-left-color: #e4eaec
}

.btn-bottom:before {
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    border-top-color: #e4eaec
}

.btn-left:before {
    top: 50%;
    left: -16px;
    margin-top: -8px;
    border-right-color: #e4eaec
}

.btn-group-xs > .dropdown-toggle.btn:after, .dropdown-toggle.btn-xs:after {
    margin-left: 0
}

.dropdown-item .icon:first-child {
    width: 1em;
    margin-right: .5em;
    text-align: center
}

.dropdown-menu.dropdown-menu-bullet {
    margin-top: 12px
}

.dropdown-menu.dropdown-menu-bullet:after, .dropdown-menu.dropdown-menu-bullet:before {
    position: absolute;
    left: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    content: '';
    border: 7px solid transparent;
    border-top-width: 0
}

.dropdown-menu.dropdown-menu-bullet:before {
    top: -7px;
    border-bottom-color: #e4eaec
}

.dropdown-menu.dropdown-menu-bullet:after {
    top: -6px;
    border-bottom-color: #fff
}

.dropdown-menu-right.dropdown-menu-bullet:after, .dropdown-menu-right.dropdown-menu-bullet:before {
    right: 10px;
    left: auto
}

.dropdown-menu.animate {
    overflow: hidden
}

.dropdown-menu.animate > .dropdown-item {
    -webkit-animation: slide-left .5s both;
    -o-animation: slide-left .5s both;
    animation: slide-left .5s both
}

.dropdown-menu.animate > .dropdown-item:nth-child(1) {
    -webkit-animation: animation-delay(.02s);
    -o-animation: animation-delay(.02s);
    animation: animation-delay(.02s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(2) {
    -webkit-animation: animation-delay(.04s);
    -o-animation: animation-delay(.04s);
    animation: animation-delay(.04s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(3) {
    -webkit-animation: animation-delay(.06s);
    -o-animation: animation-delay(.06s);
    animation: animation-delay(.06s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(4) {
    -webkit-animation: animation-delay(.08s);
    -o-animation: animation-delay(.08s);
    animation: animation-delay(.08s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(5) {
    -webkit-animation: animation-delay(.1s);
    -o-animation: animation-delay(.1s);
    animation: animation-delay(.1s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(6) {
    -webkit-animation: animation-delay(.12s);
    -o-animation: animation-delay(.12s);
    animation: animation-delay(.12s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(7) {
    -webkit-animation: animation-delay(.14s);
    -o-animation: animation-delay(.14s);
    animation: animation-delay(.14s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(8) {
    -webkit-animation: animation-delay(.16s);
    -o-animation: animation-delay(.16s);
    animation: animation-delay(.16s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(9) {
    -webkit-animation: animation-delay(.18s);
    -o-animation: animation-delay(.18s);
    animation: animation-delay(.18s)
}

.dropdown-menu.animate > .dropdown-item:nth-child(10) {
    -webkit-animation: animation-delay(.2s);
    -o-animation: animation-delay(.2s);
    animation: animation-delay(.2s)
}

.dropdown-menu.animate > .dropdown-item.dropdown-divider {
    -webkit-animation-name: none;
    -o-animation-name: none;
    animation-name: none
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(1) {
    -webkit-animation: animation-delay(.02s);
    -o-animation: animation-delay(.02s);
    animation: animation-delay(.02s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(2) {
    -webkit-animation: animation-delay(.04s);
    -o-animation: animation-delay(.04s);
    animation: animation-delay(.04s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(3) {
    -webkit-animation: animation-delay(.06s);
    -o-animation: animation-delay(.06s);
    animation: animation-delay(.06s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(4) {
    -webkit-animation: animation-delay(.08s);
    -o-animation: animation-delay(.08s);
    animation: animation-delay(.08s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(5) {
    -webkit-animation: animation-delay(.1s);
    -o-animation: animation-delay(.1s);
    animation: animation-delay(.1s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(6) {
    -webkit-animation: animation-delay(.12s);
    -o-animation: animation-delay(.12s);
    animation: animation-delay(.12s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(7) {
    -webkit-animation: animation-delay(.14s);
    -o-animation: animation-delay(.14s);
    animation: animation-delay(.14s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(8) {
    -webkit-animation: animation-delay(.16s);
    -o-animation: animation-delay(.16s);
    animation: animation-delay(.16s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(9) {
    -webkit-animation: animation-delay(.18s);
    -o-animation: animation-delay(.18s);
    animation: animation-delay(.18s)
}

.dropdown-menu.animate.animate-reverse > .dropdown-item:nth-last-child(10) {
    -webkit-animation: animation-delay(.2s);
    -o-animation: animation-delay(.2s);
    animation: animation-delay(.2s)
}

.dropup .dropdown-menu.dropdown-menu-bullet, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet {
    margin-bottom: 12px
}

.dropup .dropdown-menu.dropdown-menu-bullet:after, .dropup .dropdown-menu.dropdown-menu-bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
    top: auto;
    border-top-width: 7px;
    border-bottom-width: 0
}

.dropup .dropdown-menu.dropdown-menu-bullet:before, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:before {
    bottom: -7px;
    border-top-color: #e4eaec
}

.dropup .dropdown-menu.dropdown-menu-bullet:after, .navbar-fixed-bottom .dropdown .dropdown-menu.dropdown-menu-bullet:after {
    bottom: -6px;
    border-top-color: #fff
}

.dropdown-menu > .dropdown-header {
    font-size: 1rem;
    font-weight: 700;
    padding: 8px 20px 6px;
    cursor: default
}

.dropdown-menu > .dropdown-submenu {
    position: relative
}

.dropdown-menu > .dropdown-submenu > .dropdown-item {
    position: relative
}

.dropdown-menu > .dropdown-submenu > .dropdown-item:after {
    position: absolute;
    right: 10px;
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 6px;
    content: '';
    vertical-align: middle;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px dashed
}

.dropdown-menu > .dropdown-submenu .dropdown-menu {
    left: 100%;
    margin: 0
}

.dropdown-menu > .dropdown-submenu.dropdown-menu-left .dropdown-menu {
    left: -100%
}

.dropdown-menu > .dropdown-submenu:hover .dropdown-menu {
    display: block
}

.dropdown .dropdown-submenu .dropdown-menu {
    top: 0
}

.dropup .dropdown-submenu .dropdown-menu {
    bottom: 0
}

.dropdown-menu-media {
    width: 360px;
    padding-top: 0;
    padding-bottom: 0
}

.dropdown-menu-media > li {
    margin: 0;
    padding: 0
}

.dropdown-menu-media .dropdown-menu-header {
    position: relative;
    padding: 20px 20px;
    border-bottom: 1px solid #e4eaec;
    background-color: #fff
}

.dropdown-menu-media .dropdown-menu-header > h3, .dropdown-menu-media .dropdown-menu-header > h4, .dropdown-menu-media .dropdown-menu-header > h5 {
    margin: 0
}

.dropdown-menu-media .dropdown-menu-header .tag {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.dropdown-menu-media .list-group {
    font-size: .858rem;
    max-height: 270px;
    overflow-y: auto;
    margin: 0;
    border-radius: 0
}

.dropdown-menu-media .list-group-item {
    margin: 0;
    padding: 0 20px;
    border: none;
    border-radius: 0 !important
}

.dropdown-menu-media .list-group-item .media {
    padding: 15px 0;
    border-top: 1px solid #e4eaec
}

.dropdown-menu-media .list-group-item:first-child .media {
    border-top: none
}

.dropdown-menu-media > .dropdown-menu-footer {
    border-top: 1px solid #e4eaec;
    background-color: #f3f7f9
}

.dropdown-menu-media > .dropdown-menu-footer > a {
    margin: 0;
    padding: 15px 20px !important;
    color: #a3afb7 !important
}

.dropdown-menu-media > .dropdown-menu-footer > a:hover {
    color: #89bceb !important;
    background-color: transparent !important
}

.dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn {
    float: right
}

.dropdown-menu-media > .dropdown-menu-footer > .dropdown-menu-footer-btn:hover {
    color: #89bceb !important;
    background-color: transparent !important
}

.dropdown-menu-primary .dropdown-iten.active, .dropdown-menu-primary .dropdown-iten.active:focus, .dropdown-menu-primary .dropdown-iten.active:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.dropdown-menu-success .dropdown-iten.active, .dropdown-menu-success .dropdown-iten.active:focus, .dropdown-menu-success .dropdown-iten.active:hover {
    color: #fff;
    background-color: #46be8a
}

.dropdown-menu-info .dropdown-iten.active, .dropdown-menu-info .dropdown-iten.active:focus, .dropdown-menu-info .dropdown-iten.active:hover {
    color: #fff;
    background-color: #57c7d4
}

.dropdown-menu-warning .dropdown-iten.active, .dropdown-menu-warning .dropdown-iten.active:focus, .dropdown-menu-warning .dropdown-iten.active:hover {
    color: #fff;
    background-color: #f2a654
}

.dropdown-menu-danger .dropdown-iten.active, .dropdown-menu-danger .dropdown-iten.active:focus, .dropdown-menu-danger .dropdown-iten.active:hover {
    color: #fff;
    background-color: #f96868
}

.dropdown-menu-dark .dropdown-iten.active, .dropdown-menu-dark .dropdown-iten.active:focus, .dropdown-menu-dark .dropdown-iten.active:hover {
    color: #fff;
    background-color: #526069
}

.btn-group .btn ~ .dropdown-toggle {
    margin-left: -1px;
    padding-right: .8em;
    padding-left: .8em
}

.btn-group .btn ~ .dropdown-toggle:after {
    margin-left: 0
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05)
}

.btn-group:focus .dropdown-toggle {
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s
}

.input-group-addon {
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    -o-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear
}

.input-group-btn .btn {
    padding: 6px 10px
}

.input-group-btn .btn > .icon {
    line-height: inherit;
    vertical-align: bottom
}

.input-group-lg .input-group-addon, .input-group-lg .input-group-btn {
    line-height: 1.333333
}

.input-group-sm .input-group-addon, .input-group-sm .input-group-btn {
    line-height: 1.5
}

.nav-link:focus {
    outline: 0
}

.nav-link .close {
    display: inline-block;
    margin-left: 10px
}

.nav-tabs .nav-link > .icon {
    line-height: 1;
    margin-right: .5em
}

.nav-tabs .dropup .dropdown-menu {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.nav-pills .nav-link {
    -webkit-transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s;
    -o-transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s;
    transition: border .2s linear 0s, color .2s linear 0s, background-color .2s linear 0s
}

.nav-pills-rounded .nav-link {
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 1000px
}

.nav-tabs-reverse .nav-item {
    float: right
}

.nav-tabs-reverse .nav-item + .nav-item {
    margin-right: 2px;
    margin-left: 0
}

.nav-tabs-solid {
    border-bottom-color: #f3f7f9
}

.nav-tabs-solid .nav-link:hover {
    border-color: transparent
}

.nav-tabs-solid .nav-item.open .nav-link, .nav-tabs-solid .nav-item.open .nav-link:focus, .nav-tabs-solid .nav-item.open .nav-link:hover, .nav-tabs-solid .nav-link.active, .nav-tabs-solid .nav-link.active:focus, .nav-tabs-solid .nav-link.active:hover {
    color: #76838f;
    border-color: transparent;
    background-color: #f3f7f9
}

.nav-tabs-solid ~ .tab-content {
    padding: 1.429rem;
    background-color: #f3f7f9
}

.nav-tabs-line {
    position: relative
}

.nav-tabs-line .nav-link {
    padding: .715rem 1.429rem;
    border-bottom: 2px solid transparent
}

.nav-tabs-line .nav-link:focus, .nav-tabs-line .nav-link:hover {
    background-color: transparent
}

.nav-tabs-line .nav-link:hover {
    border-bottom-color: #ccd5db
}

.nav-tabs-line .nav-item.open .nav-link, .nav-tabs-line .nav-item.open .nav-link:focus, .nav-tabs-line .nav-item.open .nav-link:hover, .nav-tabs-line .nav-link.active, .nav-tabs-line .nav-link.active:focus, .nav-tabs-line .nav-link.active:hover {
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
    background-color: transparent
}

.nav-tabs-line .dropdown-menu {
    margin-top: 0
}

.nav-tabs-line .dropup .dropdown-menu {
    margin-bottom: 0
}

.nav-tabs-line .nav-item.open > .nav-link, .nav-tabs-line .nav-item.open > .nav-link:focus, .nav-tabs-line .nav-item.open > .nav-link:hover {
    border-bottom-color: var(--primary-color)
}

.tabs-line-top {
    border-bottom: 1px solid #e4eaec
}

.tabs-line-top .nav-item .nav-link, .tabs-line-top .nav-link {
    bottom: -1px;
    border-top: 2px solid transparent;
    border-bottom-color: transparent
}

.tabs-line-top .nav-item .nav-link:hover, .tabs-line-top .nav-link:hover {
    border-top: 2px solid #ccd5db;
    border-bottom-color: transparent
}

.tabs-line-top .nav-item.open .nav-link, .tabs-line-top .nav-item.open .nav-link:focus, .tabs-line-top .nav-item.open .nav-link:hover, .tabs-line-top .nav-link.active, .tabs-line-top .nav-link.active:focus, .tabs-line-top .nav-link.active:hover {
    color: var(--primary-color);
    border-top: 2px solid var(--primary-color);
    border-right: 1px solid #e4eaec;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e4eaec;
    background-color: transparent
}

.nav-tabs-vertical::after {
    display: table;
    clear: both;
    content: ''
}

.nav-tabs-vertical .nav-tabs {
    float: left;
    border-right: 1px solid #e4eaec;
    border-bottom: none
}

.nav-tabs-vertical .nav-tabs .nav-item {
    float: none;
    margin-right: -1px;
    margin-bottom: 2px;
    margin-left: 0
}

.nav-tabs-vertical .nav-tabs .nav-link {
    border-radius: .286rem 0 0 .286rem
}

.nav-tabs-vertical .nav-tabs .nav-link:hover {
    border-right-color: #e4eaec;
    border-bottom-color: transparent
}

.nav-tabs-vertical .nav-tabs .nav-link.active, .nav-tabs-vertical .nav-tabs .nav-link.active:focus, .nav-tabs-vertical .nav-tabs .nav-link.active:hover {
    border-right-color: var(--primary-color)
}

.nav-tabs-vertical .nav-tabs-reverse {
    float: right;
    border-right: none;
    border-left: 1px solid #e4eaec
}

.nav-tabs-vertical .nav-tabs-reverse .nav-item {
    margin-right: 0;
    margin-left: -1px
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link {
    border-radius: 0 .286rem .286rem 0
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link:hover {
    border-right-color: transparent;
    border-left-color: #e4eaec
}

.nav-tabs-vertical .nav-tabs-reverse .nav-link.active, .nav-tabs-vertical .nav-tabs-reverse .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-reverse .nav-link.active:hover {
    border-left-color: var(--primary-color)
}

.nav-tabs-vertical .nav-tabs-solid {
    border-right-color: #f3f7f9
}

.nav-tabs-vertical .nav-tabs-solid .nav-link:hover {
    border-color: transparent
}

.nav-tabs-vertical .nav-tabs-solid .nav-link.active, .nav-tabs-vertical .nav-tabs-solid .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-solid .nav-link.active:hover {
    border-color: transparent
}

.nav-tabs-vertical .nav-tabs-solid + .tab-content {
    padding: 1.429rem
}

.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
    border-left-color: #f3f7f9
}

.nav-tabs-vertical .nav-tabs-line .nav-link {
    border-right: 2px solid transparent;
    border-bottom: none
}

.nav-tabs-vertical .nav-tabs-line .nav-link:hover {
    border-right-color: #ccd5db
}

.nav-tabs-vertical .nav-tabs-line .nav-link.active, .nav-tabs-vertical .nav-tabs-line .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-line .nav-link.active:hover {
    border-right: 2px solid var(--primary-color);
    border-bottom: none
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link {
    border-right-width: 1px;
    border-left: 2px solid transparent
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link:hover {
    border-color: transparent;
    border-left-color: #ccd5db
}

.nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:focus, .nav-tabs-vertical .nav-tabs-line.nav-tabs-reverse .nav-link.active:hover {
    border-right: 1px solid transparent;
    border-left: 2px solid var(--primary-color)
}

.nav-tabs-vertical .tab-content {
    overflow: hidden
}

.nav-tabs-inverse .nav-tabs-solid {
    border-bottom-color: #fff
}

.nav-tabs-inverse .nav-tabs-solid .nav-link.active, .nav-tabs-inverse .nav-tabs-solid .nav-link.active:focus, .nav-tabs-inverse .nav-tabs-solid .nav-link.active:hover {
    color: #76838f;
    background-color: #fff
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid {
    border-right-color: #fff
}

.nav-tabs-inverse.nav-tabs-vertical .nav-tabs-solid.nav-tabs-reverse {
    border-left-color: #fff
}

.nav-tabs-inverse .tab-content {
    background: #fff
}

.nav-tabs-animate .tab-content {
    overflow: hidden
}

.nav-tabs-lg .nav-link {
    font-size: 1.286rem;
    line-height: 1.333333;
    padding: .858rem 1.429rem
}

.nav-tabs-sm .nav-link {
    font-size: .858rem;
    line-height: 1.5;
    padding: .358rem .715rem
}

.navbar {
    min-height: 4.715rem;
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.navbar-nav {
    margin: .78575rem -.9375rem
}

.navbar-nav .nav-item {
    float: none
}

.navbar-nav .nav-link {
    padding-top: 1.572rem;
    padding-bottom: 1.572rem
}

.navbar-nav .nav-item .nav-link {
    line-height: 22px;
    padding-top: .715rem;
    padding-bottom: .715rem
}

.navbar-nav .nav-item + .nav-item {
    margin-left: 0
}

.navbar-nav > .nav-item > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu .dropdown-item {
        padding: 5px 15px 5px 25px
    }

    .navbar-nav .open .dropdown-menu .dropdown-item {
        line-height: 22px
    }

    .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-nav .open .dropdown-menu .dropdown-item:hover {
        background-image: none
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0
    }

    .navbar-nav > .nav-item {
        float: left
    }

    .navbar-nav > .nav-item > .nav-link {
        padding-top: 1.5715rem;
        padding-bottom: 1.5715rem
    }

    .navbar-nav.navbar-right:last-child {
        margin-right: -.9375rem
    }
}

.navbar-header::after {
    display: table;
    clear: both;
    content: ''
}

@media (min-width: 768px) {
    .navbar-header {
        float: left
    }
}

.container-fluid .navbar-collapse, .container-fluid .navbar-header {
    margin-right: -.9375rem;
    margin-left: -.9375rem
}

@media (min-width: 768px) {
    .container-fluid .navbar-collapse, .container-fluid .navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-toggler {
    line-height: 22px;
    position: relative;
    float: right;
    height: 4.715rem;
    margin-top: 0;
    margin-right: .9375rem;
    margin-bottom: 0;
    padding: 1.5715rem .9375rem;
    cursor: pointer;
    -webkit-transition: color .25s linear;
    -o-transition: color .25s linear;
    transition: color .25s linear;
    border: 1px solid transparent;
    border-radius: .215rem;
    background: 0 0 !important;
    background-image: none
}

.navbar-toggler:hover {
    background: 0 0 !important
}

.navbar-toggler:focus {
    outline: 0
}

.navbar-toggler .icon {
    margin-top: -1px
}

.navbar-toggler .icon-bar {
    display: block;
    width: 1.572rem;
    height: 2px;
    border-radius: 1px
}

.navbar-toggler .icon-bar + .icon-bar {
    margin-top: .286rem
}

@media (min-width: 768px) {
    .navbar-toggler {
        display: none
    }
}

.navbar-toggler-left {
    float: left;
    margin-right: 0;
    margin-left: .9375rem
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: .9375rem;
    padding-left: .9375rem;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch
}

.navbar-collapse::after {
    display: table;
    clear: both;
    content: ''
}

.navbar-collapse.in {
    overflow-y: visible
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        overflow: visible !important;
        height: auto !important;
        padding-bottom: 0
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        padding-right: 0;
        padding-left: 0
    }
}

.navbar-fixed-bottom, .navbar-fixed-top {
    width: 100%
}

.navbar-brand {
    font-size: 1.286rem;
    font-weight: 500;
    line-height: 22px;
    float: left;
    height: 4.715rem;
    margin: 0;
    padding: 1.5715rem 1.429rem
}

.navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none
}

.navbar-brand > img.navbar-brand-logo {
    display: inline-block
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -.9375rem
    }
}

.navbar-toolbar {
    float: left
}

.navbar-toolbar::after {
    display: table;
    clear: both;
    content: ''
}

.navbar-toolbar .nav-item {
    float: left
}

.navbar-toolbar .nav-item::after {
    display: table;
    clear: both;
    content: ''
}

.navbar-toolbar .nav-link {
    line-height: 22px;
    padding-top: 1.5715rem;
    padding-bottom: 1.5715rem
}

.navbar-toolbar .dropdown-menu {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

@media (max-width: 767px) {
    .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
        overflow-x: hidden;
        overflow-y: scroll;
        max-height: 28.572rem;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-overflow-scrolling: touch
    }
}

@media (max-width: 767px) and (max-device-width: 480px) and (orientation: landscape) {
    .navbar-toolbar .dropdown-menu:not(.dropdown-menu-media) {
        max-height: 14.286rem
    }
}

@media (max-width: 767px) {
    .navbar-toolbar .open {
        position: static
    }

    .navbar-toolbar .open .dropdown-menu {
        right: 0;
        left: 0;
        float: none;
        width: auto;
        margin-top: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@media (max-width: 767px) {
    .navbar-toolbar-left {
        float: left !important
    }

    .navbar-toolbar-right {
        float: right !important
    }
}

.navbar-nav .nav-link.navbar-avatar, .navbar-toolbar .nav-link.navbar-avatar {
    padding-top: 1.286rem;
    padding-bottom: 1.286rem
}

@media (max-width: 767px) {
    .navbar-nav .nav-link.navbar-avatar {
        padding-top: .429rem;
        padding-bottom: .429rem
    }
}

.navbar-avatar .avatar {
    width: 2.143rem
}

@media (min-width: 768px) {
    .navbar-left {
        float: left
    }

    .navbar-right {
        float: right;
        margin-right: -.9375rem
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0
    }

    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }
}

.navbar-default {
    border-color: #e4eaec;
    background-color: #fff
}

.navbar-default .navbar-brand {
    color: #37474f
}

.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: #37474f;
    background-color: none
}

.navbar-default .navbar-nav .nav-link {
    color: #76838f
}

.navbar-default .navbar-nav .nav-link:focus, .navbar-default .navbar-nav .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .3)
}

.navbar-default .navbar-nav .nav-link.active, .navbar-default .navbar-nav .nav-link.active:focus, .navbar-default .navbar-nav .nav-link.active:hover, .navbar-default .navbar-nav > .active > .nav-link, .navbar-default .navbar-nav > .active > .nav-link:focus, .navbar-default .navbar-nav > .active > .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

.navbar-default .navbar-nav .nav-link.disabled, .navbar-default .navbar-nav .nav-link.disabled:focus, .navbar-default .navbar-nav .nav-link.disabled:hover, .navbar-default .navbar-nav > .disabled > .nav-link, .navbar-default .navbar-nav > .disabled > .nav-link:focus, .navbar-default .navbar-nav > .disabled > .nav-link:hover {
    color: #ccd5db;
    background-color: transparent
}

.navbar-default .navbar-toggler {
    border-color: transparent
}

.navbar-default .navbar-toggler:focus, .navbar-default .navbar-toggler:hover {
    background-color: rgba(243, 247, 249, .3)
}

.navbar-default .navbar-toggler .icon-bar {
    background-color: #76838f
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e4eaec
}

.navbar-default .navbar-nav > .open > .nav-link, .navbar-default .navbar-nav > .open > .nav-link:focus, .navbar-default .navbar-nav > .open > .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item {
        color: #76838f
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item:hover {
        color: #526069;
        background-color: rgba(243, 247, 249, .3)
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.active:hover {
        color: #526069;
        background-color: rgba(243, 247, 249, .6)
    }

    .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:focus, .navbar-default .navbar-nav .open .dropdown-menu .dropdown-item.disabled:hover {
        color: #ccd5db;
        background-color: transparent
    }
}

.navbar-default .navbar-link {
    color: #76838f
}

.navbar-default .navbar-link:hover {
    color: #526069
}

.navbar-default .navbar-toolbar .nav-link {
    display: block;
    color: #76838f
}

.navbar-default .navbar-toolbar .nav-link:focus, .navbar-default .navbar-toolbar .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .3)
}

.navbar-default .navbar-toolbar .nav-link.active, .navbar-default .navbar-toolbar .nav-link.active:focus, .navbar-default .navbar-toolbar .nav-link.active:hover, .navbar-default .navbar-toolbar > .active > .nav-link, .navbar-default .navbar-toolbar > .active > .nav-link:focus, .navbar-default .navbar-toolbar > .active > .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

.navbar-default .navbar-toolbar .nav-link.disabled, .navbar-default .navbar-toolbar .nav-link.disabled:focus, .navbar-default .navbar-toolbar .nav-link.disabled:hover, .navbar-default .navbar-toolbar > .disabled > .nav-link, .navbar-default .navbar-toolbar > .disabled > .nav-link:focus, .navbar-default .navbar-toolbar > .disabled > .nav-link:hover {
    color: #ccd5db;
    background-color: transparent
}

.navbar-default .navbar-toggler {
    color: #76838f
}

.navbar-default .navbar-toolbar > .open > .nav-link, .navbar-default .navbar-toolbar > .open > .nav-link:focus, .navbar-default .navbar-toolbar > .open > .nav-link:hover {
    color: #526069;
    background-color: rgba(243, 247, 249, .6)
}

.breadcrumb .is-hidden {
    display: none
}

.breadcrumb-item .icon {
    text-decoration: none
}

.breadcrumb-item .icon:before {
    margin-right: 10px
}

.breadcrumb-arrow > .breadcrumb-item + .breadcrumb-item:before {
    content: '» '
}

.page-item > span {
    padding: .643rem 1.072rem;
    -webkit-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color 0s ease-out, color .2s ease-out
}

.page-item > span:focus, .page-item > span:hover {
    -webkit-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    -o-transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    transition: background .2s ease-out, border-color .2s ease-out, color .2s ease-out;
    text-decoration: none
}

.page-item .icon {
    margin-top: -1px
}

.page-item.active .page-link {
    z-index: 3
}

.page-item.disabled > span, .page-item.disabled > span:focus, .page-item.disabled > span:hover {
    cursor: not-allowed;
    pointer-events: none;
    color: #fa6f01;
    border-color: #e4eaec;
    background-color: transparent
}

.pagination-no-border .page-link {
    border: none
}

.tag.tag-outline {
    color: #f3f7f9;
    border-color: #f3f7f9;
    background-color: transparent
}

.tag-outline {
    border: 1px solid transparent
}

.tag-round {
    border-radius: 1em
}

.tag-pill:empty {
    display: none
}

.tag-pill.up {
    position: relative;
    top: -10px;
    margin: 0 -.8em;
    border-radius: 15px
}

.btn .tag-pill {
    top: 0
}

.btn-group-xs > .btn .tag-pill, .btn-xs .tag-pill {
    top: 0;
    padding: 1px 5px
}

a .tag-pill:focus, a .tag-pill:hover {
    cursor: pointer;
    text-decoration: none
}

.list-group-item > .tag-pill {
    float: right
}

.list-group-item > .tag-pill + .tag-pill {
    margin-right: 5px
}

.nav-pills > li > a > .tag-pill {
    margin-left: 3px
}

.tag-default.tag-outline {
    color: #e4eaec;
    border-color: #e4eaec;
    background-color: transparent;
    color: #76838f
}

.tag-primary.tag-outline {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: transparent
}

.tag-success.tag-outline {
    color: #46be8a;
    border-color: #46be8a;
    background-color: transparent
}

.tag-info.tag-outline {
    color: #57c7d4;
    border-color: #57c7d4;
    background-color: transparent
}

.tag-warning.tag-outline {
    color: #f2a654;
    border-color: #f2a654;
    background-color: transparent
}

.tag-danger.tag-outline {
    color: #f96868;
    border-color: #f96868;
    background-color: transparent
}

.tag-dark {
    background-color: #526069
}

.tag-dark[href]:focus, .tag-dark[href]:hover {
}

.tag-dark.tag-outline {
    color: #526069;
    border-color: #526069;
    background-color: transparent
}

.tag-dark[href]:focus, .tag-dark[href]:hover {
    background-color: #3c464c
}

.tag-lg {
    font-size: 16px
}

.tag-sm {
    font-size: 10px;
    padding: .1em .5em .1em
}

.alert ul {
    padding-left: 13px
}

.alert ul li {
    padding-left: 7px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert > :last-child {
    margin-bottom: 0
}

.alert-alt {
    color: #76838f;
    border: none;
    border-left: 3px solid transparent;
    background-color: rgba(243, 247, 249, .8)
}

.alert-alt .alert-link, .alert-alt a {
    text-decoration: none
}

.alert-dismissible .close:focus, .alert-dismissible .close:hover {
    opacity: 1
}

.alert-dismissible.alert-alt .close {
    opacity: .6;
    color: #a3afb7
}

.alert-dismissible.alert-alt .close:focus, .alert-dismissible.alert-alt .close:hover {
    opacity: 1;
    color: #a3afb7
}

.alert-icon {
    position: relative;
    padding-left: 45px
}

.alert-icon > .icon {
    font-size: 1rem;
    position: absolute;
    top: 18px;
    left: 20px;
    width: 1em;
    text-align: center
}

.alert-avatar {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 75px
}

.alert-avatar > .avatar {
    position: absolute;
    top: 12px;
    left: 20px
}

.alert-primary {
    color: var(--primary-color);
    border-color: #e8f1f8;
    background-color: rgba(232, 241, 248, .8)
}

.alert-primary .close {
    color: var(--primary-color)
}

.alert-primary .close:focus, .alert-primary .close:hover {
    color: var(--primary-color)
}

.alert-primary .alert-link {
    color: #4e97d9
}

.alert-alt.alert-primary {
    border-color: var(--primary-color)
}

.alert-alt.alert-primary .alert-link, .alert-alt.alert-primary a {
    color: var(--primary-color)
}

.alert-success .alert-link {
    color: #36ab7a
}

.alert-alt.alert-success {
    border-color: #46be8a
}

.alert-alt.alert-success .alert-link, .alert-alt.alert-success a {
    color: #46be8a
}

.alert-info .alert-link {
    color: #47b8c6
}

.alert-alt.alert-info {
    border-color: #57c7d4
}

.alert-alt.alert-info .alert-link, .alert-alt.alert-info a {
    color: #57c7d4
}

.alert-warning .alert-link {
    color: #ec9940
}

.alert-alt.alert-warning {
    border-color: #f2a654
}

.alert-alt.alert-warning .alert-link, .alert-alt.alert-warning a {
    color: #f2a654
}

.alert-danger .alert-link {
    color: #e9595b
}

.alert-alt.alert-danger {
    border-color: #f96868
}

.alert-alt.alert-danger .alert-link, .alert-alt.alert-danger a {
    color: #f96868
}

.alert.dark .alert-link {
    font-weight: 700;
    color: #fff !important
}

.alert.dark .alert-left-border {
    border: none;
    border-left: 3px solid transparent
}

.alert.dark.alert-dismissible.alert-alt .close {
    color: #fff
}

.alert.dark.alert-dismissible.alert-alt .close:focus, .alert.dark.alert-dismissible.alert-alt .close:hover {
    color: #fff
}

.alert.dark.alert-primary {
    color: #fff;
    border-color: var(--primary-color);
    background-color: var(--primary-color)
}

.alert.dark.alert-primary .close {
    color: #fff
}

.alert.dark.alert-primary .close:focus, .alert.dark.alert-primary .close:hover {
    color: #fff
}

.alert.dark.alert-primary.alert-alt {
    border-color: #2771b4
}

.alert.dark.alert-primary.alert-alt .alert-link, .alert.dark.alert-primary.alert-alt a {
    color: #fff
}

.alert.dark.alert-success {
    color: #fff;
    border-color: #46be8a;
    background-color: #46be8a
}

.alert.dark.alert-success .close {
    color: #fff
}

.alert.dark.alert-success .close:focus, .alert.dark.alert-success .close:hover {
    color: #fff
}

.alert.dark.alert-success.alert-alt {
    border-color: #247151
}

.alert.dark.alert-success.alert-alt .alert-link, .alert.dark.alert-success.alert-alt a {
    color: #fff
}

.alert.dark.alert-info {
    color: #fff;
    border-color: #57c7d4;
    background-color: #57c7d4
}

.alert.dark.alert-info .close {
    color: #fff
}

.alert.dark.alert-info .close:focus, .alert.dark.alert-info .close:hover {
    color: #fff
}

.alert.dark.alert-info.alert-alt {
    border-color: #2e8893
}

.alert.dark.alert-info.alert-alt .alert-link, .alert.dark.alert-info.alert-alt a {
    color: #fff
}

.alert.dark.alert-warning {
    color: #fff;
    border-color: #f2a654;
    background-color: #f2a654
}

.alert.dark.alert-warning .close {
    color: #fff
}

.alert.dark.alert-warning .close:focus, .alert.dark.alert-warning .close:hover {
    color: #fff
}

.alert.dark.alert-warning.alert-alt {
    border-color: #cb7314
}

.alert.dark.alert-warning.alert-alt .alert-link, .alert.dark.alert-warning.alert-alt a {
    color: #fff
}

.alert.dark.alert-danger {
    color: #fff;
    border-color: #f96868;
    background-color: #f96868
}

.alert.dark.alert-danger .close {
    color: #fff
}

.alert.dark.alert-danger .close:focus, .alert.dark.alert-danger .close:hover {
    color: #fff
}

.alert.dark.alert-danger.alert-alt {
    border-color: #d91d1f
}

.alert.dark.alert-danger.alert-alt .alert-link, .alert.dark.alert-danger.alert-alt a {
    color: #fff
}

.media .media {
    padding-bottom: 0;
    border-bottom: none
}

.media-meta {
    font-size: .858rem;
    margin-bottom: 3px;
    color: #a3afb7
}

.media-lg .media-object {
    width: 160px
}

.media-lg .media {
    margin-left: -110px
}

.media-sm .media-object {
    width: 80px
}

.media-sm .media {
    margin-left: -70px
}

.media-xs .media-object {
    width: 60px
}

.media-xs .media {
    margin-left: -60px
}

@media (min-width: 768px) {
    .media-body {
        overflow: hidden
    }

    .media .media {
        margin-left: 0
    }
}

@media (max-width: 479px) {
    .media-lg .media {
        margin-left: 0
    }

    .media .media-left {
        margin-bottom: 5px
    }

    .media .media {
        padding-left: 15px
    }

    .media-left {
        display: block
    }
}

.list-group .media {
    padding: 2px 0;
    border-bottom: 0
}

.list-group .media .media-left {
    padding-right: 20px
}

.list-group .media .media-right {
    padding-left: 20px
}

.list-group .media .media-right .status {
    margin-top: 15px;
    margin-right: 5px
}

.list-group .media .media-heading {
    font-size: 1rem
}

.list-group-full > .list-group-item {
    padding-right: 0;
    padding-left: 0
}

a.list-group-item {
    color: #76838f;
    border-radius: .215rem
}

a.list-group-item:focus, a.list-group-item:hover {
    text-decoration: none;
    color: #76838f;
    background-color: #f3f7f9
}

a.list-group-item.disabled, a.list-group-item.disabled:focus, a.list-group-item.disabled:hover {
    color: #ccd5db;
    background-color: #f3f7f9
}

a.list-group-item.active, a.list-group-item.active:focus, a.list-group-item.active:hover {
    color: #fff;
    background-color: var(--primary-color)
}

.list-group-item .icon {
    margin-right: 10px
}

.list-group-bordered .list-group-item {
    border-color: #e4eaec
}

.list-group-bordered .list-group-item.active, .list-group-bordered .list-group-item.active:focus, .list-group-bordered .list-group-item.active:hover {
    color: #fff;
    border-color: #4e97d9;
    background-color: #4e97d9
}

.list-group-dividered .list-group-item {
    border-top-color: #e4eaec
}

.list-group-dividered .list-group-item.active:hover {
    border-top-color: #e4eaec
}

.list-group-dividered .list-group-item:last-child {
    border-bottom-color: #e4eaec
}

.list-group-dividered .list-group-item:first-child {
    border-top-color: transparent
}

.list-group-dividered .list-group-item:first-child.active:hover {
    border-top-color: transparent
}

.list-group-gap .list-group-item {
    margin-bottom: 2px;
    border-radius: .215rem
}

.list-group-full .list-group-item {
    padding-right: 0;
    padding-left: 0
}

.close.icon {
    font-size: inherit
}

.card .cover {
    width: 100%;
    padding: 0;
    border-bottom: none
}

[class*=blocks-] > li > .card {
    margin-bottom: 0
}

.card > .card-title {
    padding: 12px 20px
}

.card-footer, .card-header {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-bordered {
    border: 1px solid #e4eaec
}

.card-shadow {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.card-block {
    position: relative
}

.modal-footer .btn + .btn {
    margin-left: 5px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

@media (min-width: 768px) {
    .modal-dialog {
        width: auto;
        margin: 30px auto
    }

    .modal-sm {
        width: 300px
    }
}

.modal-top {
    margin: 0 auto
}

.modal-center {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 auto;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: center;
    align-content: center
}

.modal-bottom {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 auto;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: center;
    align-content: center
}

.modal-primary .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: var(--primary-color)
}

.modal-primary .modal-header * {
    color: #fff
}

.modal-primary .modal-header .close {
    opacity: .6
}

.modal-success .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #46be8a
}

.modal-success .modal-header * {
    color: #fff
}

.modal-success .modal-header .close {
    opacity: .6
}

.modal-info .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #57c7d4
}

.modal-info .modal-header * {
    color: #fff
}

.modal-info .modal-header .close {
    opacity: .6
}

.modal-warning .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #f2a654
}

.modal-warning .modal-header * {
    color: #fff
}

.modal-warning .modal-header .close {
    opacity: .6
}

.modal-danger .modal-header {
    border-radius: .286rem .286rem 0 0;
    background-color: #f96868
}

.modal-danger .modal-header * {
    color: #fff
}

.modal-danger .modal-header .close {
    opacity: .6
}

.modal.modal-fade-in-scale-up .modal-dialog {
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
    opacity: 0
}

.modal.modal-fade-in-scale-up.in .modal-dialog {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.carousel-control .icon {
    position: absolute;
    z-index: 5;
    top: 50%;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-top: -8px
}

.carousel-control.left .icon {
    left: 50%;
    margin-left: -8px
}

.carousel-control.right .icon {
    right: 50%;
    margin-right: -8px
}

.carousel-caption h1, .carousel-caption h2, .carousel-caption h3, .carousel-caption h4, .carousel-caption h5, .carousel-caption h6 {
    color: inherit
}

.carousel-indicators-scaleup li {
    -webkit-transition: -webkit-transform .3s ease 0s, background-color .3s ease 0s;
    -o-transition: -o-transform .3s ease 0s, background-color .3s ease 0s;
    transition: transform .3s ease 0s, background-color .3s ease 0s;
    border: none
}

.carousel-indicators-scaleup .active {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.carousel-indicators-fillin li {
    -webkit-transition: -webkit-box-shadow .3s ease 0s;
    -o-transition: box-shadow .3s ease 0s;
    transition: box-shadow .3s ease 0s;
    background-color: transparent;
    -webkit-box-shadow: 0 0 0 2px #fff inset;
    box-shadow: 0 0 0 2px #fff inset
}

.carousel-indicators-fillin .active {
    -webkit-box-shadow: 0 0 0 8px #fff inset;
    box-shadow: 0 0 0 8px #fff inset
}

.carousel-indicators-fall li {
    position: relative;
    -webkit-transition: -webkit-transform .3s ease 0s, background-color .3s ease 0s;
    -o-transition: -o-transform .3s ease 0s, background-color .3s ease 0s;
    transition: transform .3s ease 0s, background-color .3s ease 0s
}

.carousel-indicators-fall li:after {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .3s ease 0s, visibility 0s ease .3s;
    -o-transition: opacity .3s ease 0s, visibility 0s ease .3s;
    transition: opacity .3s ease 0s, visibility 0s ease .3s;
    -webkit-transform: translate(0, -200%);
    -ms-transform: translate(0, -200%);
    -o-transform: translate(0, -200%);
    transform: translate(0, -200%);
    opacity: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .3)
}

.carousel-indicators-fall .active {
    -webkit-transform: translate(0, 200%);
    -ms-transform: translate(0, 200%);
    -o-transform: translate(0, 200%);
    transform: translate(0, 200%);
    background-color: transparent
}

.carousel-indicators-fall .active:after {
    visibility: visible;
    -webkit-transition: opacity .3s ease 0s;
    -o-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s;
    opacity: 1
}

@media (min-width: 768px) {
    .carousel-control .icon {
        font-size: 24px;
        width: 24px;
        height: 24px;
        margin-top: -12px
    }

    .carousel-control.left .icon {
        margin-left: -12px
    }

    .carousel-control.right .icon {
        margin-right: -12px
    }
}

.vertical-align {
    font-size: 0
}

.vertical-align:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle
}

.vertical-align-bottom, .vertical-align-middle {
    font-size: 1rem;
    display: inline-block;
    max-width: 100%
}

.vertical-align-middle {
    vertical-align: middle
}

.vertical-align-bottom {
    vertical-align: bottom
}

.inline {
    display: inline !important
}

.inline-block {
    display: inline-block !important
}

.block {
    display: block !important
}

.text-break {
    white-space: normal;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    -ms-hyphens: auto
}

.text-top {
    vertical-align: top !important
}

.text-middle {
    vertical-align: middle !important
}

.text-bottom {
    vertical-align: bottom !important
}

.font-weight-unset {
    font-weight: unset !important
}

.font-weight-100 {
    font-weight: 100 !important
}

.font-weight-200 {
    font-weight: 200 !important
}

.font-weight-300 {
    font-weight: 300 !important
}

.font-weight-400 {
    font-weight: 400 !important
}

.font-weight-500 {
    font-weight: 500 !important
}

.font-weight-600 {
    font-weight: 600 !important
}

.font-weight-700 {
    font-weight: 700 !important
}

.font-weight-800 {
    font-weight: 800 !important
}

.font-weight-900 {
    font-weight: 900 !important
}

.font-weight-light {
    font-weight: 300 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-medium {
    font-weight: 500 !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-size-0 {
    font-size: 0 !important
}

.font-size-10 {
    font-size: 10px !important
}

.font-size-12 {
    font-size: 12px !important
}

.font-size-14 {
    font-size: 14px !important
}

.font-size-16 {
    font-size: 16px !important
}

.font-size-18 {
    font-size: 18px !important
}

.font-size-20 {
    font-size: 20px !important
}

.font-size-24 {
    font-size: 24px !important
}

.font-size-26 {
    font-size: 26px !important
}

.font-size-30 {
    font-size: 30px !important
}

.font-size-40 {
    font-size: 40px !important
}

.font-size-50 {
    font-size: 50px !important
}

.font-size-60 {
    font-size: 60px !important
}

.font-size-70 {
    font-size: 70px !important
}

.font-size-80 {
    font-size: 80px !important
}

.w-50 {
    width: 50px !important
}

.w-100 {
    width: 100px !important
}

.w-120 {
    width: 120px !important
}

.w-150 {
    width: 150px !important
}

.w-200 {
    width: 200px !important
}

.w-250 {
    width: 250px !important
}

.w-300 {
    width: 300px !important
}

.w-350 {
    width: 350px !important
}

.w-400 {
    width: 400px !important
}

.w-450 {
    width: 450px !important
}

.w-500 {
    width: 500px !important
}

@media (max-width: 479px) {
    .w-xs-50 {
        width: 50px !important
    }

    .w-xs-100 {
        width: 100px !important
    }

    .w-xs-120 {
        width: 120px !important
    }

    .w-xs-150 {
        width: 150px !important
    }

    .w-xs-200 {
        width: 200px !important
    }

    .w-xs-250 {
        width: 250px !important
    }

    .w-xs-300 {
        width: 300px !important
    }

    .w-xs-350 {
        width: 350px !important
    }

    .w-xs-400 {
        width: 400px !important
    }

    .w-xs-450 {
        width: 450px !important
    }

    .w-xs-500 {
        width: 500px !important
    }

    .w-xs-100pc {
        width: 100% !important
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .w-sm-50 {
        width: 50px !important
    }

    .w-sm-100 {
        width: 100px !important
    }

    .w-sm-120 {
        width: 120px !important
    }

    .w-sm-150 {
        width: 150px !important
    }

    .w-sm-200 {
        width: 200px !important
    }

    .w-sm-250 {
        width: 250px !important
    }

    .w-sm-300 {
        width: 300px !important
    }

    .w-sm-350 {
        width: 350px !important
    }

    .w-sm-400 {
        width: 400px !important
    }

    .w-sm-450 {
        width: 450px !important
    }

    .w-sm-500 {
        width: 500px !important
    }

    .w-sm-100pc {
        width: 100% !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .w-md-50 {
        width: 50px !important
    }

    .w-md-100 {
        width: 100px !important
    }

    .w-md-120 {
        width: 120px !important
    }

    .w-md-150 {
        width: 150px !important
    }

    .w-md-200 {
        width: 200px !important
    }

    .w-md-250 {
        width: 250px !important
    }

    .w-md-300 {
        width: 300px !important
    }

    .w-md-350 {
        width: 350px !important
    }

    .w-md-400 {
        width: 400px !important
    }

    .w-md-450 {
        width: 450px !important
    }

    .w-md-500 {
        width: 500px !important
    }

    .w-md-100pc {
        width: 100% !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .w-lg-50 {
        width: 50px !important
    }

    .w-lg-100 {
        width: 100px !important
    }

    .w-lg-120 {
        width: 120px !important
    }

    .w-lg-150 {
        width: 150px !important
    }

    .w-lg-200 {
        width: 200px !important
    }

    .w-lg-250 {
        width: 250px !important
    }

    .w-lg-300 {
        width: 300px !important
    }

    .w-lg-350 {
        width: 350px !important
    }

    .w-lg-400 {
        width: 400px !important
    }

    .w-lg-450 {
        width: 450px !important
    }

    .w-lg-500 {
        width: 500px !important
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .w-xl-50 {
        width: 50px !important
    }

    .w-xl-100 {
        width: 100px !important
    }

    .w-xl-120 {
        width: 120px !important
    }

    .w-xl-150 {
        width: 150px !important
    }

    .w-xl-200 {
        width: 200px !important
    }

    .w-xl-250 {
        width: 250px !important
    }

    .w-xl-300 {
        width: 300px !important
    }

    .w-xl-350 {
        width: 350px !important
    }

    .w-xl-400 {
        width: 400px !important
    }

    .w-xl-450 {
        width: 450px !important
    }

    .w-xl-500 {
        width: 500px !important
    }
}

.h-50 {
    height: 50px !important
}

.h-100 {
    height: 100px !important
}

.h-120 {
    height: 120px !important
}

.h-150 {
    height: 150px !important
}

.h-200 {
    height: 200px !important
}

.h-250 {
    height: 250px !important
}

.h-300 {
    height: 300px !important
}

.h-350 {
    height: 350px !important
}

.h-400 {
    height: 400px !important
}

.h-450 {
    height: 450px !important
}

.h-500 {
    height: 500px !important
}

@media (max-width: 479px) {
    .h-xs-50 {
        height: 50px !important
    }

    .h-xs-100 {
        height: 100px !important
    }

    .h-xs-120 {
        height: 120px !important
    }

    .h-xs-150 {
        height: 150px !important
    }

    .h-xs-200 {
        height: 200px !important
    }

    .h-xs-250 {
        height: 250px !important
    }

    .h-xs-300 {
        height: 300px !important
    }

    .h-xs-350 {
        height: 350px !important
    }

    .h-xs-400 {
        height: 400px !important
    }

    .h-xs-450 {
        height: 450px !important
    }

    .h-xs-500 {
        height: 500px !important
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .h-sm-50 {
        height: 50px !important
    }

    .h-sm-100 {
        height: 100px !important
    }

    .h-sm-120 {
        height: 120px !important
    }

    .h-sm-150 {
        height: 150px !important
    }

    .h-sm-200 {
        height: 200px !important
    }

    .h-sm-250 {
        height: 250px !important
    }

    .h-sm-300 {
        height: 300px !important
    }

    .h-sm-350 {
        height: 350px !important
    }

    .h-sm-400 {
        height: 400px !important
    }

    .h-sm-450 {
        height: 450px !important
    }

    .h-sm-500 {
        height: 500px !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .h-md-50 {
        height: 50px !important
    }

    .h-md-100 {
        height: 100px !important
    }

    .h-md-120 {
        height: 120px !important
    }

    .h-md-150 {
        height: 150px !important
    }

    .h-md-200 {
        height: 200px !important
    }

    .h-md-250 {
        height: 250px !important
    }

    .h-md-300 {
        height: 300px !important
    }

    .h-md-350 {
        height: 350px !important
    }

    .h-md-400 {
        height: 400px !important
    }

    .h-md-450 {
        height: 450px !important
    }

    .h-md-500 {
        height: 500px !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .h-lg-50 {
        height: 50px !important
    }

    .h-lg-100 {
        height: 100px !important
    }

    .h-lg-120 {
        height: 120px !important
    }

    .h-lg-150 {
        height: 150px !important
    }

    .h-lg-200 {
        height: 200px !important
    }

    .h-lg-250 {
        height: 250px !important
    }

    .h-lg-300 {
        height: 300px !important
    }

    .h-lg-350 {
        height: 350px !important
    }

    .h-lg-400 {
        height: 400px !important
    }

    .h-lg-450 {
        height: 450px !important
    }

    .h-lg-500 {
        height: 500px !important
    }
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .h-xl-50 {
        height: 50px !important
    }

    .h-xl-100 {
        height: 100px !important
    }

    .h-xl-120 {
        height: 120px !important
    }

    .h-xl-150 {
        height: 150px !important
    }

    .h-xl-200 {
        height: 200px !important
    }

    .h-xl-250 {
        height: 250px !important
    }

    .h-xl-300 {
        height: 300px !important
    }

    .h-xl-350 {
        height: 350px !important
    }

    .h-xl-400 {
        height: 400px !important
    }

    .h-xl-450 {
        height: 450px !important
    }

    .h-xl-500 {
        height: 500px !important
    }
}

.h-full {
    height: 100% !important
}

.w-full {
    width: 100% !important
}

.m-0, .m-a-0 {
    margin: 0 !important
}

.m-t-0 {
    margin-top: 0 !important
}

.m-r-0 {
    margin-right: 0 !important
}

.m-b-0 {
    margin-bottom: 0 !important
}

.m-l-0 {
    margin-left: 0 !important
}

.m-x-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.m-y-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.m-3, .m-a-3 {
    margin: 3px !important
}

.m-t-3 {
    margin-top: 3px !important
}

.m-r-3 {
    margin-right: 3px !important
}

.m-b-3 {
    margin-bottom: 3px !important
}

.m-l-3 {
    margin-left: 3px !important
}

.m-x-3 {
    margin-right: 3px !important;
    margin-left: 3px !important
}

.m-y-3 {
    margin-top: 3px !important;
    margin-bottom: 3px !important
}

.m-5, .m-a-5 {
    margin: 5px !important
}

.m-t-5 {
    margin-top: 5px !important
}

.m-r-5 {
    margin-right: 5px !important
}

.m-b-5 {
    margin-bottom: 5px !important
}

.m-l-5 {
    margin-left: 5px !important
}

.m-x-5 {
    margin-right: 5px !important;
    margin-left: 5px !important
}

.m-y-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.m-10, .m-a-10 {
    margin: 10px !important
}

.m-t-10 {
    margin-top: 10px !important
}

.m-r-10 {
    margin-right: 10px !important
}

.m-b-10 {
    margin-bottom: 10px !important
}

.m-l-10 {
    margin-left: 10px !important
}

.m-x-10 {
    margin-right: 10px !important;
    margin-left: 10px !important
}

.m-y-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.m-15, .m-a-15 {
    margin: 15px !important
}

.m-t-15 {
    margin-top: 15px !important
}

.m-r-15 {
    margin-right: 15px !important
}

.m-b-15 {
    margin-bottom: 15px !important
}

.m-l-15 {
    margin-left: 15px !important
}

.m-x-15 {
    margin-right: 15px !important;
    margin-left: 15px !important
}

.m-y-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important
}

.m-20, .m-a-20 {
    margin: 20px !important
}

.m-t-20 {
    margin-top: 20px !important
}

.m-r-20 {
    margin-right: 20px !important
}

.m-b-20 {
    margin-bottom: 20px !important
}

.m-l-20 {
    margin-left: 20px !important
}

.m-x-20 {
    margin-right: 20px !important;
    margin-left: 20px !important
}

.m-y-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.m-25, .m-a-25 {
    margin: 25px !important
}

.m-t-25 {
    margin-top: 25px !important
}

.m-r-25 {
    margin-right: 25px !important
}

.m-b-25 {
    margin-bottom: 25px !important
}

.m-l-25 {
    margin-left: 25px !important
}

.m-x-25 {
    margin-right: 25px !important;
    margin-left: 25px !important
}

.m-y-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important
}

.m-30, .m-a-30 {
    margin: 30px !important
}

.m-t-30 {
    margin-top: 30px !important
}

.m-r-30 {
    margin-right: 30px !important
}

.m-b-30 {
    margin-bottom: 30px !important
}

.m-l-30 {
    margin-left: 30px !important
}

.m-x-30 {
    margin-right: 30px !important;
    margin-left: 30px !important
}

.m-y-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important
}

.m-35, .m-a-35 {
    margin: 35px !important
}

.m-t-35 {
    margin-top: 35px !important
}

.m-r-35 {
    margin-right: 35px !important
}

.m-b-35 {
    margin-bottom: 35px !important
}

.m-l-35 {
    margin-left: 35px !important
}

.m-x-35 {
    margin-right: 35px !important;
    margin-left: 35px !important
}

.m-y-35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important
}

.m-40, .m-a-40 {
    margin: 40px !important
}

.m-t-40 {
    margin-top: 40px !important
}

.m-r-40 {
    margin-right: 40px !important
}

.m-b-40 {
    margin-bottom: 40px !important
}

.m-l-40 {
    margin-left: 40px !important
}

.m-x-40 {
    margin-right: 40px !important;
    margin-left: 40px !important
}

.m-y-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.m-45, .m-a-45 {
    margin: 45px !important
}

.m-t-45 {
    margin-top: 45px !important
}

.m-r-45 {
    margin-right: 45px !important
}

.m-b-45 {
    margin-bottom: 45px !important
}

.m-l-45 {
    margin-left: 45px !important
}

.m-x-45 {
    margin-right: 45px !important;
    margin-left: 45px !important
}

.m-y-45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important
}

.m-50, .m-a-50 {
    margin: 50px !important
}

.m-t-50 {
    margin-top: 50px !important
}

.m-r-50 {
    margin-right: 50px !important
}

.m-b-50 {
    margin-bottom: 50px !important
}

.m-l-50 {
    margin-left: 50px !important
}

.m-x-50 {
    margin-right: 50px !important;
    margin-left: 50px !important
}

.m-y-50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important
}

.m-60, .m-a-60 {
    margin: 60px !important
}

.m-t-60 {
    margin-top: 60px !important
}

.m-r-60 {
    margin-right: 60px !important
}

.m-b-60 {
    margin-bottom: 60px !important
}

.m-l-60 {
    margin-left: 60px !important
}

.m-x-60 {
    margin-right: 60px !important;
    margin-left: 60px !important
}

.m-y-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important
}

.m-70, .m-a-70 {
    margin: 70px !important
}

.m-t-70 {
    margin-top: 70px !important
}

.m-r-70 {
    margin-right: 70px !important
}

.m-b-70 {
    margin-bottom: 70px !important
}

.m-l-70 {
    margin-left: 70px !important
}

.m-x-70 {
    margin-right: 70px !important;
    margin-left: 70px !important
}

.m-y-70 {
    margin-top: 70px !important;
    margin-bottom: 70px !important
}

.m-80, .m-a-80 {
    margin: 80px !important
}

.m-t-80 {
    margin-top: 80px !important
}

.m-r-80 {
    margin-right: 80px !important
}

.m-b-80 {
    margin-bottom: 80px !important
}

.m-l-80 {
    margin-left: 80px !important
}

.m-x-80 {
    margin-right: 80px !important;
    margin-left: 80px !important
}

.m-y-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
}

.p-0, .p-a-0 {
    padding: 0 !important
}

.p-t-0 {
    padding-top: 0 !important
}

.p-r-0 {
    padding-right: 0 !important
}

.p-b-0 {
    padding-bottom: 0 !important
}

.p-l-0 {
    padding-left: 0 !important
}

.p-x-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.p-y-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.p-3, .p-a-3 {
    padding: 3px !important
}

.p-t-3 {
    padding-top: 3px !important
}

.p-r-3 {
    padding-right: 3px !important
}

.p-b-3 {
    padding-bottom: 3px !important
}

.p-l-3 {
    padding-left: 3px !important
}

.p-x-3 {
    padding-right: 3px !important;
    padding-left: 3px !important
}

.p-y-3 {
    padding-top: 3px !important;
    padding-bottom: 3px !important
}

.p-5, .p-a-5 {
    padding: 5px !important
}

.p-t-5 {
    padding-top: 5px !important
}

.p-r-5 {
    padding-right: 5px !important
}

.p-b-5 {
    padding-bottom: 5px !important
}

.p-l-5 {
    padding-left: 5px !important
}

.p-x-5 {
    padding-right: 5px !important;
    padding-left: 5px !important
}

.p-y-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important
}

.p-10, .p-a-10 {
    padding: 10px !important
}

.p-t-10 {
    padding-top: 10px !important
}

.p-r-10 {
    padding-right: 10px !important
}

.p-b-10 {
    padding-bottom: 10px !important
}

.p-l-10 {
    padding-left: 10px !important
}

.p-x-10 {
    padding-right: 10px !important;
    padding-left: 10px !important
}

.p-y-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.p-15, .p-a-15 {
    padding: 15px !important
}

.p-t-15 {
    padding-top: 15px !important
}

.p-r-15 {
    padding-right: 15px !important
}

.p-b-15 {
    padding-bottom: 15px !important
}

.p-l-15 {
    padding-left: 15px !important
}

.p-x-15 {
    padding-right: 15px !important;
    padding-left: 15px !important
}

.p-y-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.p-20, .p-a-20 {
    padding: 20px !important
}

.p-t-20 {
    padding-top: 20px !important
}

.p-r-20 {
    padding-right: 20px !important
}

.p-b-20 {
    padding-bottom: 20px !important
}

.p-l-20 {
    padding-left: 20px !important
}

.p-x-20 {
    padding-right: 20px !important;
    padding-left: 20px !important
}

.p-y-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-25, .p-a-25 {
    padding: 25px !important
}

.p-t-25 {
    padding-top: 25px !important
}

.p-r-25 {
    padding-right: 25px !important
}

.p-b-25 {
    padding-bottom: 25px !important
}

.p-l-25 {
    padding-left: 25px !important
}

.p-x-25 {
    padding-right: 25px !important;
    padding-left: 25px !important
}

.p-y-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.p-30, .p-a-30 {
    padding: 30px !important
}

.p-t-30 {
    padding-top: 30px !important
}

.p-r-30 {
    padding-right: 30px !important
}

.p-b-30 {
    padding-bottom: 30px !important
}

.p-l-30 {
    padding-left: 30px !important
}

.p-x-30 {
    padding-right: 30px !important;
    padding-left: 30px !important
}

.p-y-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.p-35, .p-a-35 {
    padding: 35px !important
}

.p-t-35 {
    padding-top: 35px !important
}

.p-r-35 {
    padding-right: 35px !important
}

.p-b-35 {
    padding-bottom: 35px !important
}

.p-l-35 {
    padding-left: 35px !important
}

.p-x-35 {
    padding-right: 35px !important;
    padding-left: 35px !important
}

.p-y-35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important
}

.p-40, .p-a-40 {
    padding: 40px !important
}

.p-t-40 {
    padding-top: 40px !important
}

.p-r-40 {
    padding-right: 40px !important
}

.p-b-40 {
    padding-bottom: 40px !important
}

.p-l-40 {
    padding-left: 40px !important
}

.p-x-40 {
    padding-right: 40px !important;
    padding-left: 40px !important
}

.p-y-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.p-45, .p-a-45 {
    padding: 45px !important
}

.p-t-45 {
    padding-top: 45px !important
}

.p-r-45 {
    padding-right: 45px !important
}

.p-b-45 {
    padding-bottom: 45px !important
}

.p-l-45 {
    padding-left: 45px !important
}

.p-x-45 {
    padding-right: 45px !important;
    padding-left: 45px !important
}

.p-y-45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important
}

.p-50, .p-a-50 {
    padding: 50px !important
}

.p-t-50 {
    padding-top: 50px !important
}

.p-r-50 {
    padding-right: 50px !important
}

.p-b-50 {
    padding-bottom: 50px !important
}

.p-l-50 {
    padding-left: 50px !important
}

.p-x-50 {
    padding-right: 50px !important;
    padding-left: 50px !important
}

.p-y-50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important
}

.p-60, .p-a-60 {
    padding: 60px !important
}

.p-t-60 {
    padding-top: 60px !important
}

.p-r-60 {
    padding-right: 60px !important
}

.p-b-60 {
    padding-bottom: 60px !important
}

.p-l-60 {
    padding-left: 60px !important
}

.p-x-60 {
    padding-right: 60px !important;
    padding-left: 60px !important
}

.p-y-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important
}

.p-70, .p-a-70 {
    padding: 70px !important
}

.p-t-70 {
    padding-top: 70px !important
}

.p-r-70 {
    padding-right: 70px !important
}

.p-b-70 {
    padding-bottom: 70px !important
}

.p-l-70 {
    padding-left: 70px !important
}

.p-x-70 {
    padding-right: 70px !important;
    padding-left: 70px !important
}

.p-y-70 {
    padding-top: 70px !important;
    padding-bottom: 70px !important
}

.p-80, .p-a-80 {
    padding: 80px !important
}

.p-t-80 {
    padding-top: 80px !important
}

.p-r-80 {
    padding-right: 80px !important
}

.p-b-80 {
    padding-bottom: 80px !important
}

.p-l-80 {
    padding-left: 80px !important
}

.p-x-80 {
    padding-right: 80px !important;
    padding-left: 80px !important
}

.p-y-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.m-x-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

@media (max-width: 767px) {
    .m-xs-0 {
        margin: 0 !important
    }
}

@media (min-width: 768px) {
    .m-sm-0 {
        margin: 0 !important
    }
}

@media (min-width: 992px) {
    .m-md-0 {
        margin: 0 !important
    }
}

@media (min-width: 1200px) {
    .m-lg-0 {
        margin: 0 !important
    }
}

@media (min-width: 1600px) {
    .m-xl-0 {
        margin: 0 !important
    }
}

@media (max-width: 767px) {
    .p-xs-0 {
        padding: 0 !important
    }
}

@media (min-width: 768px) {
    .p-sm-0 {
        padding: 0 !important
    }
}

@media (min-width: 992px) {
    .p-md-0 {
        padding: 0 !important
    }
}

@media (min-width: 1200px) {
    .p-lg-0 {
        padding: 0 !important
    }
}

@media (min-width: 1600px) {
    .p-xl-0 {
        padding: 0 !important
    }
}

.page {
    position: relative;
    min-height: -webkit-calc(100% - 44px);
    min-height: calc(100% - 44px);
    background: #f1f4f5
}

.page-content {
    padding: 30px 30px
}

@media (max-width: 479px) {
    .page-content {
        padding: 10px
    }
}

@media (max-width: 991px) {
    .page {
        min-height: -webkit-calc(100% - 66px);
        min-height: calc(100% - 66px)
    }
}

.page-header + .page-content {
    padding-top: 0
}

.page-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 26px
}

.page-title > .icon {
    margin-right: .3em
}

.page-header {
    position: relative;
    padding: 30px 30px;
    margin-top: 0;
    margin-bottom: 0;
    background: 0 0;
    border-bottom: 0
}

.page-header .breadcrumb {
    padding: 0;
    margin: 0
}

.site-menubar {
    position: fixed;
    top: 66.01px;
    z-index: 1400;
    height: 100%;
    height: -webkit-calc(100% - 66.01px);
    height: calc(100% - 66.01px);
    font-family: Roboto, sans-serif;
    color: rgba(163, 175, 183, .9);
    background: #263238;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08)
}

.site-menubar-body {
    height: 100%;
    height: -webkit-calc(100% - 76px);
    height: calc(100% - 76px)
}

.site-menubar ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.site-menubar a {
    outline: 0
}

.site-menubar a:focus, .site-menubar a:hover {
    text-decoration: none
}

.site-menu {
    padding-bottom: 20px;
    overflow-y: hidden;
    font-size: 14px
}

.site-menu-item > a {
    white-space: nowrap;
    cursor: pointer
}

.site-menu-icon {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    text-align: center
}

.site-menu-title {
    display: inline-block;
    max-width: 160px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.site-menu .tag {
    padding: 2px 5px 3px;
    font-size: .858rem;
    font-weight: 400
}

.site-menu-item {
    position: relative;
    white-space: nowrap
}

.site-menu-item a {
    display: block;
    color: rgba(163, 175, 183, .9)
}

.site-menu > .site-menu-item {
    padding: 0
}

.site-menu > .site-menu-item.hover > a, .site-menu > .site-menu-item:hover > a {
    color: rgba(255, 255, 255, .8);
    background-color: rgba(255, 255, 255, .02)
}

.site-menu > .site-menu-item.active {
    background: #242f35;
    border-top: 1px solid rgba(0, 0, 0, .04);
    border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.site-menu > .site-menu-item.active > a {
    color: #fff;
    background: 0 0
}

.site-menu > .site-menu-item.active.hover > a {
    background: 0 0
}

.site-menubar-fold .page {
    margin-left: 90px
}

.site-menubar-fold .site-menu {
    overflow: visible
}

.site-menubar-fold .site-menu > .site-menu-item {
    font-size: 14px
}

.site-menubar-fold .site-menu > .site-menu-item > a {
    line-height: 60px;
    height: 60px
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item > a .site-menu-title {
    -webkit-transition: visibility .25s, opacity .25s;
    -o-transition: visibility .25s, opacity .25s;
    transition: visibility .25s, opacity .25s;
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    text-align: center;
    opacity: 0;
    visibility: hidden
}

.site-menubar-fold .site-menu > .site-menu-item > a .site-menu-icon {
    visibility: visible;
    opacity: 1;
    font-size: 24px;
    margin-right: 0
}

.site-menubar-fold .site-menu > .site-menu-item.active {
    border-top: none;
    border-bottom: none
}

.site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-icon, .site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-icon {
    visibility: hidden;
    opacity: 0
}

.site-menubar-fold .site-menu > .site-menu-item.active > a .site-menu-title, .site-menubar-fold .site-menu > .site-menu-item.hover > a .site-menu-title {
    opacity: 1;
    visibility: visible
}

.site-menubar-fold .site-menubar {
    width: 90px
}

@media (max-width: 767px) {
    .site-menubar {
        top: 66.01px;
        height: -webkit-calc(100% - 66.01px);
        height: calc(100% - 66.01px);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
        -ms-transform: translate(-260px, 0);
        -webkit-transform: translate3d(-260px, 0, 0);
        transform: translate3d(-260px, 0, 0)
    }
}

.checkbox-custom, .radio-custom {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox-custom label, .radio-custom label {
    min-height: 22px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-custom input[type=checkbox], .radio-custom input[type=radio] {
    position: absolute;
    margin-left: -20px;
    margin-top: 0;
    margin-bottom: 0
}

.checkbox-custom.disabled label, .radio-custom.disabled label {
    cursor: not-allowed
}

.input-group-addon .checkbox-custom, .input-group-addon .radio-custom {
    margin: 0
}

.checkbox-custom {
    padding-left: 20px
}

.checkbox-custom label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px
}

.checkbox-custom label:empty {
    padding-left: 0
}

.checkbox-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e4eaec;
    border-radius: .215rem;
    background-color: #fff;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.checkbox-custom label::after {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    left: 0;
    top: 0;
    margin-left: -20px;
    text-align: center;
    padding-top: 1px;
    font-size: 12px;
    color: #76838f
}

.checkbox-custom input[type=radio], .checkbox-custom input[type=checkbox] {
    opacity: 0;
    z-index: 1;
    width: 20px;
    height: 20px
}

.checkbox-custom input[type=radio]:focus + label::before, .checkbox-custom input[type=checkbox]:focus + label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox-custom input[type=radio]:checked + label::before, .checkbox-custom input[type=checkbox]:checked + label::before {
    border-color: #e4eaec;
    border-width: 10px;
    -webkit-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.checkbox-custom input[type=radio]:checked + label::after, .checkbox-custom input[type=checkbox]:checked + label::after {
    font-family: "metinfo-icon2";
    content: '\e6ad'
}

.checkbox-custom input[type=radio]:disabled + label, .checkbox-custom input[type=checkbox]:disabled + label {
    opacity: .65
}

.checkbox-custom input[type=radio]:disabled + label::before, .checkbox-custom input[type=checkbox]:disabled + label::before {
    background-color: #f3f7f9;
    border-color: #e4eaec;
    border-width: 1px;
    cursor: not-allowed
}

.checkbox-custom.checkbox-circle label::before {
    border-radius: 50%
}

.checkbox-custom.checkbox-inline {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0
}

.checkbox-inline + .checkbox-inline {
    margin-left: 20px
}

.checkbox-default input[type=radio]:checked + label::before, .checkbox-default input[type=checkbox]:checked + label::before {
    background-color: #fff;
    border-color: #e4eaec;
    border-width: 1px
}

.checkbox-default input[type=radio]:checked + label::after, .checkbox-default input[type=checkbox]:checked + label::after {
    color: var(--primary-color)
}

.checkbox-primary input[type=radio]:checked + label::before, .checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.checkbox-primary input[type=radio]:checked + label::after, .checkbox-primary input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-danger input[type=radio]:checked + label::before, .checkbox-danger input[type=checkbox]:checked + label::before {
    background-color: #f96868;
    border-color: #f96868
}

.checkbox-danger input[type=radio]:checked + label::after, .checkbox-danger input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-info input[type=radio]:checked + label::before, .checkbox-info input[type=checkbox]:checked + label::before {
    background-color: #57c7d4;
    border-color: #57c7d4
}

.checkbox-info input[type=radio]:checked + label::after, .checkbox-info input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-warning input[type=radio]:checked + label::before, .checkbox-warning input[type=checkbox]:checked + label::before {
    background-color: #f2a654;
    border-color: #f2a654
}

.checkbox-warning input[type=radio]:checked + label::after, .checkbox-warning input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-success input[type=radio]:checked + label::before, .checkbox-success input[type=checkbox]:checked + label::before {
    background-color: #46be8a;
    border-color: #46be8a
}

.checkbox-success input[type=radio]:checked + label::after, .checkbox-success input[type=checkbox]:checked + label::after {
    color: #fff
}

.checkbox-sm {
    padding-left: 18px
}

.checkbox-sm label {
    padding-left: 8px
}

.checkbox-sm label:empty {
    padding-left: 0
}

.checkbox-sm label::after, .checkbox-sm label::before {
    width: 18px;
    height: 18px;
    margin-left: -18px
}

.checkbox-sm label::after {
    font-size: 10px;
    line-height: 18px
}

.checkbox-sm input[type=radio], .checkbox-sm input[type=checkbox] {
    width: 18px;
    height: 18px
}

.checkbox-sm input[type=radio]:checked + label::before, .checkbox-sm input[type=checkbox]:checked + label::before {
    border-width: 9px
}

.checkbox-lg {
    padding-left: 24px
}

.checkbox-lg label {
    padding-left: 12px
}

.checkbox-lg label:empty {
    padding-left: 0
}

.checkbox-lg label::after, .checkbox-lg label::before {
    width: 24px;
    height: 24px;
    margin-left: -24px
}

.checkbox-lg label::after {
    font-size: 14px;
    line-height: 24px
}

.checkbox-lg input[type=radio], .checkbox-lg input[type=checkbox] {
    width: 24px;
    height: 24px
}

.checkbox-lg input[type=radio]:checked + label::before, .checkbox-lg input[type=checkbox]:checked + label::before {
    border-width: 12px
}

.radio-custom {
    padding-left: 20px
}

.radio-custom label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 10px
}

.radio-custom label:empty {
    padding-left: 0
}

.radio-custom label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #e4eaec;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    -o-transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s;
    transition: border .3s ease-in-out 0s, color .3s ease-in-out 0s
}

.radio-custom label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 6px;
    height: 6px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border: 2px solid #76838f;
    border-radius: 50%;
    background-color: transparent;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
    -o-transition: .1s cubic-bezier(.8, -.33, .2, 1.33);
    transition: .1s cubic-bezier(.8, -.33, .2, 1.33)
}

.radio-custom input[type=radio] {
    width: 20px;
    height: 20px;
    opacity: 0;
    z-index: 1
}

.radio-custom input[type=radio]:focus + label::before {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio-custom input[type=radio]:checked + label::before {
    border-color: #e4eaec;
    border-width: 10px
}

.radio-custom input[type=radio]:checked + label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio-custom input[type=radio]:disabled + label {
    opacity: .65
}

.radio-custom input[type=radio]:disabled + label::before {
    cursor: not-allowed
}

.radio-custom.radio-inline {
    margin-top: 0;
    display: inline-block;
    margin-bottom: 0
}

.radio-inline + .radio-inline {
    margin-left: 20px
}

.radio-default input[type=radio]:checked + label::before {
    background-color: #fff;
    border-color: #e4eaec;
    border-width: 1px
}

.radio-default input[type=radio]:checked + label::after {
    border-color: var(--primary-color)
}

.radio-primary input[type=radio]:checked + label::before {
    border-color: var(--primary-color)
}

.radio-primary input[type=radio]:checked + label::after {
    border-color: #fff
}

.radio-danger input[type=radio]:checked + label::before {
    border-color: #f96868
}

.radio-danger input[type=radio]:checked + label::after {
    border-color: #fff
}

.radio-info input[type=radio]:checked + label::before {
    border-color: #57c7d4
}

.radio-info input[type=radio]:checked + label::after {
    border-color: #fff
}

.radio-warning input[type=radio]:checked + label::before {
    border-color: #f2a654
}

.radio-warning input[type=radio]:checked + label::after {
    border-color: #fff
}

.radio-success input[type=radio]:checked + label::before {
    border-color: #46be8a
}

.radio-success input[type=radio]:checked + label::after {
    border-color: #fff
}

.radio-sm {
    padding-left: 18px
}

.radio-sm label {
    padding-left: 8px
}

.radio-sm label:empty {
    padding-left: 0
}

.radio-sm label::before {
    width: 18px;
    height: 18px;
    margin-left: -20px
}

.radio-sm label::after {
    width: 4px;
    height: 4px;
    left: 7px;
    top: 7px;
    margin-left: -20px;
    border-width: 2px
}

.radio-sm input[type=radio] {
    width: 18px;
    height: 18px
}

.radio-sm input[type=radio]:checked + label::before {
    border-width: 9px
}

.radio-lg {
    padding-left: 24px
}

.radio-lg label {
    padding-left: 12px
}

.radio-lg label:empty {
    padding-left: 0
}

.radio-lg label::before {
    width: 24px;
    height: 24px;
    margin-left: -20px
}

.radio-lg label::after {
    width: 8px;
    height: 8px;
    left: 8px;
    top: 8px;
    margin-left: -20px;
    border-width: 2px
}

.radio-lg input[type=radio] {
    width: 24px;
    height: 24px
}

.radio-lg input[type=radio]:checked + label::before {
    border-width: 12px
}

@media (min-width: 768px) {
    .form-inline .checkbox-custom, .form-inline .radio-custom {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox-custom label, .form-inline .radio-custom label {
        padding-left: 0
    }

    .form-inline .checkbox-custom input[type=checkbox], .form-inline .radio-custom input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .radio-custom label {
        padding-left: 10px
    }

    .form-inline .checkbox-custom label {
        padding-left: 10px
    }

    .form-inline .checkbox-custom input[type=checkbox] {
        position: absolute;
        margin-left: -20px
    }

    .form-inline .radio-custom input[type=radio] {
        position: absolute;
        margin-left: -20px
    }
}

.form-horizontal .checkbox-custom, .form-horizontal .radio-custom {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .501rem
}

.form-horizontal .checkbox-custom, .form-horizontal .radio-custom {
    min-height: 2.073rem
}

.loader {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 40px;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.loader-default {
    width: 1em;
    height: 1em;
    background-color: #a3afb7;
    border-radius: 100%;
    -webkit-animation: loader-default 1s infinite ease-in-out;
    -o-animation: loader-default 1s infinite ease-in-out;
    animation: loader-default 1s infinite ease-in-out
}

.loader-grill {
    width: .25em;
    height: .5em;
    background: #a3afb7;
    -webkit-animation: default-grill 1s infinite ease-in-out -.16s;
    -o-animation: default-grill 1s infinite ease-in-out -.16s;
    animation: default-grill 1s infinite ease-in-out -.16s
}

.loader-grill:after, .loader-grill:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #a3afb7;
    -webkit-animation: default-grill 1s infinite ease-in-out;
    -o-animation: default-grill 1s infinite ease-in-out;
    animation: default-grill 1s infinite ease-in-out
}

.loader-grill:before {
    left: -.375em;
    -webkit-animation-delay: -.32s;
    -o-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader-grill:after {
    left: .375em
}

.loader-circle {
    width: 1em;
    height: 1em;
    border-top: .125em solid rgba(163, 175, 183, .5);
    border-right: .125em solid rgba(163, 175, 183, .5);
    border-bottom: .125em solid rgba(163, 175, 183, .5);
    border-left: .125em solid #a3afb7;
    border-radius: 50%;
    -webkit-animation: loader-circle 1.1s infinite linear;
    -o-animation: loader-circle 1.1s infinite linear;
    animation: loader-circle 1.1s infinite linear
}

.loader-round-circle {
    width: 1em;
    height: 1em;
    font-size: 10px;
    border-radius: 50%;
    -webkit-animation: loader-round-circle 1.3s infinite linear;
    -o-animation: loader-round-circle 1.3s infinite linear;
    animation: loader-round-circle 1.3s infinite linear
}

.loader-tadpole {
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: loader-tadpole 1.7s infinite ease;
    -o-animation: loader-tadpole 1.7s infinite ease;
    animation: loader-tadpole 1.7s infinite ease
}

.loader-ellipsis {
    top: -.625em;
    width: .625em;
    height: .625em;
    border-radius: 50%;
    -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
    -o-animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s;
    animation: loader-ellipsis 1.8s infinite ease-in-out both -.16s
}

.loader-ellipsis:after, .loader-ellipsis:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 50%;
    -webkit-animation: loader-ellipsis 1.8s infinite ease-in-out both;
    -o-animation: loader-ellipsis 1.8s infinite ease-in-out both;
    animation: loader-ellipsis 1.8s infinite ease-in-out both
}

.loader-ellipsis:before {
    left: -.875em;
    -webkit-animation-delay: -.32s;
    -o-animation-delay: -.32s;
    animation-delay: -.32s
}

.loader-ellipsis:after {
    left: .875em
}

.loader-dot {
    width: 2em;
    height: 2em;
    -webkit-animation: loader-dot-rotate 2s infinite linear;
    -o-animation: loader-dot-rotate 2s infinite linear;
    animation: loader-dot-rotate 2s infinite linear
}

.loader-dot:after, .loader-dot:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 60%;
    content: "";
    background: #a3afb7;
    border-radius: 100%;
    -webkit-animation: loader-dot-bounce 2s infinite ease-in-out;
    -o-animation: loader-dot-bounce 2s infinite ease-in-out;
    animation: loader-dot-bounce 2s infinite ease-in-out
}

.loader-dot:after {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.loader-bounce {
    width: 1.5em;
    height: 1.5em
}

.loader-bounce:after, .loader-bounce:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #a3afb7;
    border-radius: 50%;
    opacity: .6;
    -webkit-animation: loader-bounce 2s infinite ease-in-out;
    -o-animation: loader-bounce 2s infinite ease-in-out;
    animation: loader-bounce 2s infinite ease-in-out
}

.loader-bounce:after {
    -webkit-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.loader-cube {
    width: 2em;
    height: 2em
}

.loader-cube:after, .loader-cube:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 25%;
    height: 25%;
    content: "";
    background: #a3afb7;
    -webkit-animation: loader-cube 2s infinite ease-in-out;
    -o-animation: loader-cube 2s infinite ease-in-out;
    animation: loader-cube 2s infinite ease-in-out
}

.loader-cube:after {
    -webkit-animation-delay: -1s;
    -o-animation-delay: -1s;
    animation-delay: -1s
}

.loader-rotate-plane {
    width: 1em;
    height: 1em;
    background: #a3afb7;
    -webkit-animation: loader-rotate-plane 1.2s infinite ease-in-out;
    -o-animation: loader-rotate-plane 1.2s infinite ease-in-out;
    animation: loader-rotate-plane 1.2s infinite ease-in-out
}

.loader-folding-cube {
    width: .8em;
    height: .8em;
    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0)
}

.loader-folding-cube:after, .loader-folding-cube:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    background: #a3afb7
}

.loader-folding-cube:before {
    left: 0;
    bottom: 50%;
    -webkit-animation-delay: -.6s;
    -o-animation-delay: -.6s;
    animation-delay: -.6s;
    -webkit-animation: loader-folding-cube-before 2.4s infinite ease-in-out;
    -o-animation: loader-folding-cube-before 2.4s infinite ease-in-out;
    animation: loader-folding-cube-before 2.4s infinite ease-in-out
}

.loader-folding-cube:after {
    top: 50%;
    right: 0;
    -webkit-animation: loader-folding-cube-after 2.4s infinite ease-in-out;
    -o-animation: loader-folding-cube-after 2.4s infinite ease-in-out;
    animation: loader-folding-cube-after 2.4s infinite ease-in-out
}

.loader-cube-grid {
    top: -.6em;
    width: .3em;
    height: .3em;
    -webkit-animation: loader-cube-grid 1.2s infinite ease-in-out;
    -o-animation: loader-cube-grid 1.2s infinite ease-in-out;
    animation: loader-cube-grid 1.2s infinite ease-in-out
}

.loader-cube-grid:after, .loader-cube-grid:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.loader-cube-grid:before {
    -webkit-animation: loader-cube-grid-before 1.2s infinite ease-in-out;
    -o-animation: loader-cube-grid-before 1.2s infinite ease-in-out;
    animation: loader-cube-grid-before 1.2s infinite ease-in-out
}

.loader-cube-grid:after {
    -webkit-animation: loader-cube-grid-after 1.2s infinite ease-in-out;
    -o-animation: loader-cube-grid-after 1.2s infinite ease-in-out;
    animation: loader-cube-grid-after 1.2s infinite ease-in-out
}

.side-panel-loading, body > .loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -20px
}

.site-menubar-fold > .loader {
    margin-left: 45px
}

.loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--primary-color);
    z-index: 999999
}

.loader-content {
    margin: 50vh auto 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-transform: uppercase
}

.loader-content h2 {
    color: #fff;
    font-weight: 500
}

.loader-index {
    margin-top: 20px
}

.loader-index > div {
    width: 4px;
    height: 25px;
    border-radius: 2px;
    margin: 2px;
    background: #fff;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
    -webkit-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
    -o-animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85);
    animation: loader-index .9s -.8s infinite cubic-bezier(.85, .25, .37, .85)
}

.loader-index > div:nth-child(2), .loader-index > div:nth-child(4) {
    -webkit-animation-delay: -.6s !important;
    -o-animation-delay: -.6s !important;
    animation-delay: -.6s !important
}

.loader-index > div:nth-child(1), .loader-index > div:nth-child(5) {
    -webkit-animation-delay: -.4s !important;
    -o-animation-delay: -.4s !important;
    animation-delay: -.4s !important
}

.loader-index > div:nth-child(6) {
    -webkit-animation-delay: -.2s !important;
    -o-animation-delay: -.2s !important;
    animation-delay: -.2s !important
}

@-webkit-keyframes loader-index {
    0% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        transform: scaley(.4)
    }
    100% {
        -webkit-transform: scaley(1);
        transform: scaley(1)
    }
}

@-o-keyframes loader-index {
    0% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -o-transform: scaley(.4);
        transform: scaley(.4)
    }
    100% {
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}

@keyframes loader-index {
    0% {
        -webkit-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }
    50% {
        -webkit-transform: scaley(.4);
        -o-transform: scaley(.4);
        transform: scaley(.4)
    }
    100% {
        -webkit-transform: scaley(1);
        -o-transform: scaley(1);
        transform: scaley(1)
    }
}

@-webkit-keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-default {
    0% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes default-grill {
    0%, 100%, 80% {
        height: 1em;
        -webkit-box-shadow: 0 0 #a3afb7;
        box-shadow: 0 0 #a3afb7
    }
    40% {
        height: 1.2em;
        -webkit-box-shadow: 0 -.25em #a3afb7;
        box-shadow: 0 -.25em #a3afb7
    }
}

@-o-keyframes default-grill {
    0%, 100%, 80% {
        height: 1em;
        box-shadow: 0 0 #a3afb7
    }
    40% {
        height: 1.2em;
        box-shadow: 0 -.25em #a3afb7
    }
}

@keyframes default-grill {
    0%, 100%, 80% {
        height: 1em;
        -webkit-box-shadow: 0 0 #a3afb7;
        box-shadow: 0 0 #a3afb7
    }
    40% {
        height: 1.2em;
        -webkit-box-shadow: 0 -.25em #a3afb7;
        box-shadow: 0 -.25em #a3afb7
    }
}

@-webkit-keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-circle {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-round-circle {
    0%, 100% {
        -webkit-box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }
    12.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    25% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    37.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    50% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    62.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    75% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }
    87.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@-o-keyframes loader-round-circle {
    0%, 100% {
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }
    12.5% {
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    25% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    37.5% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    50% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    62.5% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    75% {
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }
    87.5% {
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@keyframes loader-round-circle {
    0%, 100% {
        -webkit-box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 .2em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 0 #a3afb7
    }
    12.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 .2em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    25% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 0 #a3afb7, 3em 0 0 .2em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    37.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 0 #a3afb7, 2em 2em 0 .2em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 -.5em #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    50% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 0 #a3afb7, 0 3em 0 .2em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 -.5em #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    62.5% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 0 #a3afb7, -2em 2em 0 .2em #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 -.5em #a3afb7
    }
    75% {
        -webkit-box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7;
        box-shadow: 0 -3em 0 -.5em #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 .2em #a3afb7, -2em -2em 0 0 #a3afb7
    }
    87.5% {
        -webkit-box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7;
        box-shadow: 0 -3em 0 0 #a3afb7, 2em -2em 0 -.5em #a3afb7, 3em 0 0 -.5em #a3afb7, 2em 2em 0 -.5em #a3afb7, 0 3em 0 -.5em #a3afb7, -2em 2em 0 0 #a3afb7, -3em 0 0 0 #a3afb7, -2em -2em 0 .2em #a3afb7
    }
}

@-webkit-keyframes loader-tadpole {
    0% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    5%, 95% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7
    }
    10%, 59% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7
    }
    20% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7
    }
    38% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7
    }
    100% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loader-tadpole {
    0% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    5%, 95% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7
    }
    10%, 59% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7
    }
    20% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7
    }
    38% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7
    }
    100% {
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-tadpole {
    0% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    5%, 95% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7
    }
    10%, 59% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.087em -.825em 0 -.42em #a3afb7, -.173em -.812em 0 -.44em #a3afb7, -.256em -.789em 0 -.46em #a3afb7, -.297em -.775em 0 -.477em #a3afb7
    }
    20% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.338em -.758em 0 -.42em #a3afb7, -.555em -.617em 0 -.44em #a3afb7, -.671em -.488em 0 -.46em #a3afb7, -.749em -.34em 0 -.477em #a3afb7
    }
    38% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, -.377em -.74em 0 -.42em #a3afb7, -.645em -.522em 0 -.44em #a3afb7, -.775em -.297em 0 -.46em #a3afb7, -.82em -.09em 0 -.477em #a3afb7
    }
    100% {
        -webkit-box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        box-shadow: 0 -.83em 0 -.4em #a3afb7, 0 -.83em 0 -.42em #a3afb7, 0 -.83em 0 -.44em #a3afb7, 0 -.83em 0 -.46em #a3afb7, 0 -.83em 0 -.477em #a3afb7;
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-ellipsis {
    0%, 100%, 80% {
        -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
        box-shadow: 0 .625em 0 -.325em #a3afb7
    }
    40% {
        -webkit-box-shadow: 0 .625em 0 0 #a3afb7;
        box-shadow: 0 .625em 0 0 #a3afb7
    }
}

@-o-keyframes loader-ellipsis {
    0%, 100%, 80% {
        box-shadow: 0 .625em 0 -.325em #a3afb7
    }
    40% {
        box-shadow: 0 .625em 0 0 #a3afb7
    }
}

@keyframes loader-ellipsis {
    0%, 100%, 80% {
        -webkit-box-shadow: 0 .625em 0 -.325em #a3afb7;
        box-shadow: 0 .625em 0 -.325em #a3afb7
    }
    40% {
        -webkit-box-shadow: 0 .625em 0 0 #a3afb7;
        box-shadow: 0 .625em 0 0 #a3afb7
    }
}

@-webkit-keyframes loader-dot-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes loader-dot-rotate {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-dot-rotate {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loader-dot-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes loader-dot-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-dot-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes loader-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes loader-bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes loader-cube {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        transform: translateX(1.5em) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-o-keyframes loader-cube {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        -o-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        transform: translateX(1.5em) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        -o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@keyframes loader-cube {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    25% {
        -webkit-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        -o-transform: translateX(1.5em) rotate(-90deg) scale(.5);
        transform: translateX(1.5em) rotate(-90deg) scale(.5)
    }
    50% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-179deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-179deg)
    }
    50.1% {
        -webkit-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        -o-transform: translateX(1.5em) translateY(1.5em) rotate(-180deg);
        transform: translateX(1.5em) translateY(1.5em) rotate(-180deg)
    }
    75% {
        -webkit-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        -o-transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5);
        transform: translateX(0) translateY(1.5em) rotate(-270deg) scale(.5)
    }
    100% {
        -webkit-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

@-webkit-keyframes loader-rotate-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-o-keyframes loader-rotate-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@keyframes loader-rotate-plane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes loader-folding-cube-before {
    0% {
        height: 0;
        width: 50%
    }
    7.5% {
        height: 50%;
        width: 50%
    }
    12.5% {
        height: 50%;
        width: 50%
    }
    20% {
        height: 50%;
        width: 100%
    }
    25% {
        height: 50%;
        width: 100%
    }
    50% {
        left: auto;
        right: 0;
        height: 50%;
        width: 100%
    }
    57.5% {
        height: 50%;
        width: 50%
    }
    62.5% {
        height: 50%;
        width: 50%
    }
    70% {
        width: 50%;
        height: 0
    }
    75% {
        width: 50%;
        height: 0
    }
}

@-o-keyframes loader-folding-cube-before {
    0% {
        height: 0;
        width: 50%
    }
    7.5% {
        height: 50%;
        width: 50%
    }
    12.5% {
        height: 50%;
        width: 50%
    }
    20% {
        height: 50%;
        width: 100%
    }
    25% {
        height: 50%;
        width: 100%
    }
    50% {
        left: auto;
        right: 0;
        height: 50%;
        width: 100%
    }
    57.5% {
        height: 50%;
        width: 50%
    }
    62.5% {
        height: 50%;
        width: 50%
    }
    70% {
        width: 50%;
        height: 0
    }
    75% {
        width: 50%;
        height: 0
    }
}

@keyframes loader-folding-cube-before {
    0% {
        height: 0;
        width: 50%
    }
    7.5% {
        height: 50%;
        width: 50%
    }
    12.5% {
        height: 50%;
        width: 50%
    }
    20% {
        height: 50%;
        width: 100%
    }
    25% {
        height: 50%;
        width: 100%
    }
    50% {
        left: auto;
        right: 0;
        height: 50%;
        width: 100%
    }
    57.5% {
        height: 50%;
        width: 50%
    }
    62.5% {
        height: 50%;
        width: 50%
    }
    70% {
        width: 50%;
        height: 0
    }
    75% {
        width: 50%;
        height: 0
    }
}

@-webkit-keyframes loader-folding-cube-after {
    0% {
        height: 0;
        width: 50%
    }
    7.5% {
        height: 50%;
        width: 50%
    }
    12.5% {
        height: 50%;
        width: 50%
    }
    20% {
        height: 50%;
        width: 100%
    }
    25% {
        height: 50%;
        width: 100%
    }
    50% {
        left: 0;
        right: auto;
        height: 50%;
        width: 100%
    }
    57.5% {
        height: 50%;
        width: 50%
    }
    62.5% {
        height: 50%;
        width: 50%
    }
    75% {
        width: 50%;
        height: 0
    }
}

@-o-keyframes loader-folding-cube-after {
    0% {
        height: 0;
        width: 50%
    }
    7.5% {
        height: 50%;
        width: 50%
    }
    12.5% {
        height: 50%;
        width: 50%
    }
    20% {
        height: 50%;
        width: 100%
    }
    25% {
        height: 50%;
        width: 100%
    }
    50% {
        left: 0;
        right: auto;
        height: 50%;
        width: 100%
    }
    57.5% {
        height: 50%;
        width: 50%
    }
    62.5% {
        height: 50%;
        width: 50%
    }
    75% {
        width: 50%;
        height: 0
    }
}

@keyframes loader-folding-cube-after {
    0% {
        height: 0;
        width: 50%
    }
    7.5% {
        height: 50%;
        width: 50%
    }
    12.5% {
        height: 50%;
        width: 50%
    }
    20% {
        height: 50%;
        width: 100%
    }
    25% {
        height: 50%;
        width: 100%
    }
    50% {
        left: 0;
        right: auto;
        height: 50%;
        width: 100%
    }
    57.5% {
        height: 50%;
        width: 50%
    }
    62.5% {
        height: 50%;
        width: 50%
    }
    75% {
        width: 50%;
        height: 0
    }
}

@-webkit-keyframes loader-cube-grid {
    15% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
    30% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }
    70% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }
    85% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
}

@-o-keyframes loader-cube-grid {
    15% {
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
    30% {
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }
    70% {
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }
    85% {
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
}

@keyframes loader-cube-grid {
    15% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
    30% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }
    70% {
        -webkit-box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7;
        box-shadow: -.3em .3em 0 0 #a3afb7, 0 .6em 0 0 #a3afb7, .3em .9em 0 0 #a3afb7
    }
    85% {
        -webkit-box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7;
        box-shadow: -.3em .3em 0 -.3em #a3afb7, 0 .6em 0 -.3em #a3afb7, .3em .9em 0 -.3em #a3afb7
    }
}

@-webkit-keyframes loader-cube-grid-before {
    0% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    15% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    22.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    37.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    55% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    70% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    77.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    92.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
}

@-o-keyframes loader-cube-grid-before {
    0% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    15% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    22.5% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    37.5% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    55% {
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    70% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    77.5% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    92.5% {
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
}

@keyframes loader-cube-grid-before {
    0% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    15% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    22.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
    37.5% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    55% {
        -webkit-box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 0 #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    70% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    77.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 0 #a3afb7, .3em .6em 0 0 #a3afb7
    }
    92.5% {
        -webkit-box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7;
        box-shadow: -.3em .9em 0 -.3em #a3afb7, 0 .3em 0 -.3em #a3afb7, .3em .6em 0 -.3em #a3afb7
    }
}

@-webkit-keyframes loader-cube-grid-after {
    7.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    22.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    30% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    45% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }
    62.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }
    77.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }
    85% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }
    100% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
}

@-o-keyframes loader-cube-grid-after {
    7.5% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    22.5% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    30% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    45% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }
    62.5% {
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }
    77.5% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }
    85% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }
    100% {
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
}

@keyframes loader-cube-grid-after {
    7.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    22.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    30% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
    45% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }
    62.5% {
        -webkit-box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 0 #a3afb7, 0 .9em 0 0 #a3afb7, .3em .3em 0 0 #a3afb7
    }
    77.5% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }
    85% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 0 #a3afb7
    }
    100% {
        -webkit-box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7;
        box-shadow: -.3em .6em 0 -.3em #a3afb7, 0 .9em 0 -.3em #a3afb7, .3em .3em 0 -.3em #a3afb7
    }
}

[class*=animation-] {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animation-hover:not(:hover), .animation-hover:not(:hover) [class*=animation-], .touch .animation-hover:not(.hover), .touch .animation-hover:not(.hover) [class*=animation-] {
    -webkit-animation-name: none;
    -o-animation-name: none;
    animation-name: none
}

.animation-reverse {
    -webkit-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.animation-repeat {
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animation-fade {
    -webkit-animation-name: fade;
    -o-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear
}

.animation-scale {
    -webkit-animation-name: scale-12;
    -o-animation-name: scale-12;
    animation-name: scale-12
}

.animation-scale-up {
    -webkit-animation-name: fade-scale-02;
    -o-animation-name: fade-scale-02;
    animation-name: fade-scale-02
}

.animation-scale-down {
    -webkit-animation-name: fade-scale-18;
    -o-animation-name: fade-scale-18;
    animation-name: fade-scale-18
}

.animation-slide-top {
    -webkit-animation-name: slide-top;
    -o-animation-name: slide-top;
    animation-name: slide-top
}

.animation-slide-bottom {
    -webkit-animation-name: slide-bottom;
    -o-animation-name: slide-bottom;
    animation-name: slide-bottom
}

.animation-slide-left {
    -webkit-animation-name: slide-left;
    -o-animation-name: slide-left;
    animation-name: slide-left
}

.animation-slide-right {
    -webkit-animation-name: slide-right;
    -o-animation-name: slide-right;
    animation-name: slide-right
}

.animation-shake {
    -webkit-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

.animation-duration-10 {
    -webkit-animation-duration: 15s;
    -o-animation-duration: 15s;
    animation-duration: 15s
}

.animation-duration-9 {
    -webkit-animation-duration: 9s;
    -o-animation-duration: 9s;
    animation-duration: 9s
}

.animation-duration-8 {
    -webkit-animation-duration: 8s;
    -o-animation-duration: 8s;
    animation-duration: 8s
}

.animation-duration-7 {
    -webkit-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.animation-duration-6 {
    -webkit-animation-duration: 6s;
    -o-animation-duration: 6s;
    animation-duration: 6s
}

.animation-duration-5 {
    -webkit-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s
}

.animation-duration-4 {
    -webkit-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s
}

.animation-duration-3 {
    -webkit-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s
}

.animation-duration-2 {
    -webkit-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.animation-duration-1 {
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s
}

.animation-delay-100 {
    -webkit-animation-duration: .1s;
    -o-animation-duration: .1s;
    animation-duration: .1s
}

.animation-duration-250 {
    -webkit-animation-duration: 250ms;
    -o-animation-duration: 250ms;
    animation-duration: 250ms
}

.animation-duration-300 {
    -webkit-animation-duration: .3s;
    -o-animation-duration: .3s;
    animation-duration: .3s
}

.animation-duration-500 {
    -webkit-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

.animation-duration-750 {
    -webkit-animation-duration: 750ms;
    -o-animation-duration: 750ms;
    animation-duration: 750ms
}

.animation-delay-1000 {
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.animation-delay-900 {
    -webkit-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s
}

.animation-delay-800 {
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s;
    animation-delay: .8s
}

.animation-delay-700 {
    -webkit-animation-delay: .7s;
    -o-animation-delay: .7s;
    animation-delay: .7s
}

.animation-delay-600 {
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.animation-delay-500 {
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}

.animation-delay-400 {
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    animation-delay: .4s
}

.animation-delay-300 {
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.animation-delay-200 {
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    animation-delay: .2s
}

.animation-delay-100 {
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    animation-delay: .1s
}

.animation-top-left {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0
}

.animation-top-center {
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.animation-top-right {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.animation-middle-left {
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.animation-middle-right {
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.animation-bottom-left {
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.animation-bottom-center {
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.animation-bottom-right {
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes scale-12 {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes scale-12 {
    0% {
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale-12 {
    0% {
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -o-transform: scale(.2);
        transform: scale(.2)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fade-scale-02 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2);
        -o-transform: scale(.2);
        transform: scale(.2)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes fade-scale-18 {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-top {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-o-keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-right {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-9px);
        transform: translateX(-9px)
    }
    20% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    30% {
        -webkit-transform: translateX(-7px);
        transform: translateX(-7px)
    }
    40% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px)
    }
    50% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    60% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    70% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    80% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px)
    }
    90% {
        -webkit-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@-o-keyframes shake {
    0%, 100% {
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -o-transform: translateX(-9px);
        transform: translateX(-9px)
    }
    20% {
        -o-transform: translateX(8px);
        transform: translateX(8px)
    }
    30% {
        -o-transform: translateX(-7px);
        transform: translateX(-7px)
    }
    40% {
        -o-transform: translateX(6px);
        transform: translateX(6px)
    }
    50% {
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    60% {
        -o-transform: translateX(4px);
        transform: translateX(4px)
    }
    70% {
        -o-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    80% {
        -o-transform: translateX(2px);
        transform: translateX(2px)
    }
    90% {
        -o-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-9px);
        -o-transform: translateX(-9px);
        transform: translateX(-9px)
    }
    20% {
        -webkit-transform: translateX(8px);
        -o-transform: translateX(8px);
        transform: translateX(8px)
    }
    30% {
        -webkit-transform: translateX(-7px);
        -o-transform: translateX(-7px);
        transform: translateX(-7px)
    }
    40% {
        -webkit-transform: translateX(6px);
        -o-transform: translateX(6px);
        transform: translateX(6px)
    }
    50% {
        -webkit-transform: translateX(-5px);
        -o-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    60% {
        -webkit-transform: translateX(4px);
        -o-transform: translateX(4px);
        transform: translateX(4px)
    }
    70% {
        -webkit-transform: translateX(-3px);
        -o-transform: translateX(-3px);
        transform: translateX(-3px)
    }
    80% {
        -webkit-transform: translateX(2px);
        -o-transform: translateX(2px);
        transform: translateX(2px)
    }
    90% {
        -webkit-transform: translateX(-1px);
        -o-transform: translateX(-1px);
        transform: translateX(-1px)
    }
}

.bg-red-100 {
    background-color: #ffeaea !important
}

.bg-red-200 {
    background-color: #fad3d3 !important
}

.bg-red-300 {
    background-color: #fab4b4 !important
}

.bg-red-400 {
    background-color: #fa9898 !important
}

.bg-red-500 {
    background-color: #fa7a7a !important
}

.bg-red-600 {
    background-color: #f96868 !important
}

.bg-red-700 {
    background-color: #e9595b !important
}

.bg-red-800 {
    background-color: #d6494b !important
}

.red-100 {
    color: #ffeaea !important
}

.red-200 {
    color: #fad3d3 !important
}

.red-300 {
    color: #fab4b4 !important
}

.red-400 {
    color: #fa9898 !important
}

.red-500 {
    color: #fa7a7a !important
}

.red-600 {
    color: #f96868 !important
}

.red-700 {
    color: #e9595b !important
}

.red-800 {
    color: #d6494b !important
}

.bg-pink-100 {
    background-color: #fce4ec !important
}

.bg-pink-200 {
    background-color: #ffccde !important
}

.bg-pink-300 {
    background-color: #fba9c6 !important
}

.bg-pink-400 {
    background-color: #fb8db4 !important
}

.bg-pink-500 {
    background-color: #f978a6 !important
}

.bg-pink-600 {
    background-color: #f96197 !important
}

.bg-pink-700 {
    background-color: #f44c87 !important
}

.bg-pink-800 {
    background-color: #e53b75 !important
}

.pink-100 {
    color: #fce4ec !important
}

.pink-200 {
    color: #ffccde !important
}

.pink-300 {
    color: #fba9c6 !important
}

.pink-400 {
    color: #fb8db4 !important
}

.pink-500 {
    color: #f978a6 !important
}

.pink-600 {
    color: #f96197 !important
}

.pink-700 {
    color: #f44c87 !important
}

.pink-800 {
    color: #e53b75 !important
}

.bg-purple-100 {
    background-color: #f6f2ff !important
}

.bg-purple-200 {
    background-color: #e3dbf4 !important
}

.bg-purple-300 {
    background-color: #d2c5ec !important
}

.bg-purple-400 {
    background-color: #bba7e4 !important
}

.bg-purple-500 {
    background-color: #a58add !important
}

.bg-purple-600 {
    background-color: #926dde !important
}

.bg-purple-700 {
    background-color: #7c51d1 !important
}

.bg-purple-800 {
    background-color: #6d45bc !important
}

.purple-100 {
    color: #f6f2ff !important
}

.purple-200 {
    color: #e3dbf4 !important
}

.purple-300 {
    color: #d2c5ec !important
}

.purple-400 {
    color: #bba7e4 !important
}

.purple-500 {
    color: #a58add !important
}

.purple-600 {
    color: #926dde !important
}

.purple-700 {
    color: #7c51d1 !important
}

.purple-800 {
    color: #6d45bc !important
}

.bg-indigo-100 {
    background-color: #edeff9 !important
}

.bg-indigo-200 {
    background-color: #dadef5 !important
}

.bg-indigo-300 {
    background-color: #bcc5f4 !important
}

.bg-indigo-400 {
    background-color: #9daaf3 !important
}

.bg-indigo-500 {
    background-color: #8897ec !important
}

.bg-indigo-600 {
    background-color: #677ae4 !important
}

.bg-indigo-700 {
    background-color: #5166d6 !important
}

.bg-indigo-800 {
    background-color: #465bd4 !important
}

.indigo-100 {
    color: #edeff9 !important
}

.indigo-200 {
    color: #dadef5 !important
}

.indigo-300 {
    color: #bcc5f4 !important
}

.indigo-400 {
    color: #9daaf3 !important
}

.indigo-500 {
    color: #8897ec !important
}

.indigo-600 {
    color: #677ae4 !important
}

.indigo-700 {
    color: #5166d6 !important
}

.indigo-800 {
    color: #465bd4 !important
}

.bg-blue-100 {
    background-color: #e8f1f8 !important
}

.bg-blue-200 {
    background-color: #d5e4f1 !important
}

.bg-blue-300 {
    background-color: #bcd8f1 !important
}

.bg-blue-400 {
    background-color: #a2caee !important
}

.bg-blue-500 {
    background-color: #89bceb !important
}

.bg-blue-600 {
    background-color: var(--primary-color) !important
}

.bg-blue-700 {
    background-color: #4e97d9 !important
}

.bg-blue-800 {
    background-color: #3583ca !important
}

.blue-100 {
    color: #e8f1f8 !important
}

.blue-200 {
    color: #d5e4f1 !important
}

.blue-300 {
    color: #bcd8f1 !important
}

.blue-400 {
    color: #a2caee !important
}

.blue-500 {
    color: #89bceb !important
}

.blue-600 {
    color: var(--primary-color) !important
}

.blue-700 {
    color: #4e97d9 !important
}

.blue-800 {
    color: #3583ca !important
}

.bg-cyan-100 {
    background-color: #ecf9fa !important
}

.bg-cyan-200 {
    background-color: #d3eff2 !important
}

.bg-cyan-300 {
    background-color: #baeaef !important
}

.bg-cyan-400 {
    background-color: #9ae1e9 !important
}

.bg-cyan-500 {
    background-color: #77d6e1 !important
}

.bg-cyan-600 {
    background-color: #57c7d4 !important
}

.bg-cyan-700 {
    background-color: #47b8c6 !important
}

.bg-cyan-800 {
    background-color: #37a9b7 !important
}

.cyan-100 {
    color: #ecf9fa !important
}

.cyan-200 {
    color: #d3eff2 !important
}

.cyan-300 {
    color: #baeaef !important
}

.cyan-400 {
    color: #9ae1e9 !important
}

.cyan-500 {
    color: #77d6e1 !important
}

.cyan-600 {
    color: #57c7d4 !important
}

.cyan-700 {
    color: #47b8c6 !important
}

.cyan-800 {
    color: #37a9b7 !important
}

.bg-teal-100 {
    background-color: #ecfdfc !important
}

.bg-teal-200 {
    background-color: #cdf4f1 !important
}

.bg-teal-300 {
    background-color: #99e1da !important
}

.bg-teal-400 {
    background-color: #79d1c9 !important
}

.bg-teal-500 {
    background-color: #56bfb5 !important
}

.bg-teal-600 {
    background-color: #3aa99e !important
}

.bg-teal-700 {
    background-color: #269b8f !important
}

.bg-teal-800 {
    background-color: #178d81 !important
}

.teal-100 {
    color: #ecfdfc !important
}

.teal-200 {
    color: #cdf4f1 !important
}

.teal-300 {
    color: #99e1da !important
}

.teal-400 {
    color: #79d1c9 !important
}

.teal-500 {
    color: #56bfb5 !important
}

.teal-600 {
    color: #3aa99e !important
}

.teal-700 {
    color: #269b8f !important
}

.teal-800 {
    color: #178d81 !important
}

.bg-green-100 {
    background-color: #e7faf2 !important
}

.bg-green-200 {
    background-color: #bfedd8 !important
}

.bg-green-300 {
    background-color: #9fe5c5 !important
}

.bg-green-400 {
    background-color: #7dd3ae !important
}

.bg-green-500 {
    background-color: #5cd29d !important
}

.bg-green-600 {
    background-color: #46be8a !important
}

.bg-green-700 {
    background-color: #36ab7a !important
}

.bg-green-800 {
    background-color: #279566 !important
}

.green-100 {
    color: #e7faf2 !important
}

.green-200 {
    color: #bfedd8 !important
}

.green-300 {
    color: #9fe5c5 !important
}

.green-400 {
    color: #7dd3ae !important
}

.green-500 {
    color: #5cd29d !important
}

.green-600 {
    color: #46be8a !important
}

.green-700 {
    color: #36ab7a !important
}

.green-800 {
    color: #279566 !important
}

.bg-light-green-100 {
    background-color: #f1f7ea !important
}

.bg-light-green-200 {
    background-color: #e0ecd1 !important
}

.bg-light-green-300 {
    background-color: #cadfb1 !important
}

.bg-light-green-400 {
    background-color: #bad896 !important
}

.bg-light-green-500 {
    background-color: #acd57c !important
}

.bg-light-green-600 {
    background-color: #9ece67 !important
}

.bg-light-green-700 {
    background-color: #83b944 !important
}

.bg-light-green-800 {
    background-color: #70a532 !important
}

.light-green-100 {
    color: #f1f7ea !important
}

.light-green-200 {
    color: #e0ecd1 !important
}

.light-green-300 {
    color: #cadfb1 !important
}

.light-green-400 {
    color: #bad896 !important
}

.light-green-500 {
    color: #acd57c !important
}

.light-green-600 {
    color: #9ece67 !important
}

.light-green-700 {
    color: #83b944 !important
}

.light-green-800 {
    color: #70a532 !important
}

.bg-yellow-100 {
    background-color: #fffae7 !important
}

.bg-yellow-200 {
    background-color: #f9eec1 !important
}

.bg-yellow-300 {
    background-color: #f6e7a9 !important
}

.bg-yellow-400 {
    background-color: #f8e59b !important
}

.bg-yellow-500 {
    background-color: #f7e083 !important
}

.bg-yellow-600 {
    background-color: #f7da64 !important
}

.bg-yellow-700 {
    background-color: #f9cd48 !important
}

.bg-yellow-800 {
    background-color: #fbc02d !important
}

.yellow-100 {
    color: #fffae7 !important
}

.yellow-200 {
    color: #f9eec1 !important
}

.yellow-300 {
    color: #f6e7a9 !important
}

.yellow-400 {
    color: #f8e59b !important
}

.yellow-500 {
    color: #f7e083 !important
}

.yellow-600 {
    color: #f7da64 !important
}

.yellow-700 {
    color: #f9cd48 !important
}

.yellow-800 {
    color: #fbc02d !important
}

.bg-orange-100 {
    background-color: #fff3e6 !important
}

.bg-orange-200 {
    background-color: #ffddb9 !important
}

.bg-orange-300 {
    background-color: #fbce9d !important
}

.bg-orange-400 {
    background-color: #f6be80 !important
}

.bg-orange-500 {
    background-color: #f4b066 !important
}

.bg-orange-600 {
    background-color: #f2a654 !important
}

.bg-orange-700 {
    background-color: #ec9940 !important
}

.bg-orange-800 {
    background-color: #e98f2e !important
}

.orange-100 {
    color: #fff3e6 !important
}

.orange-200 {
    color: #ffddb9 !important
}

.orange-300 {
    color: #fbce9d !important
}

.orange-400 {
    color: #f6be80 !important
}

.orange-500 {
    color: #f4b066 !important
}

.orange-600 {
    color: #f2a654 !important
}

.orange-700 {
    color: #ec9940 !important
}

.orange-800 {
    color: #e98f2e !important
}

.bg-brown-100 {
    background-color: #fae6df !important
}

.bg-brown-200 {
    background-color: #e2bdaf !important
}

.bg-brown-300 {
    background-color: #d3aa9c !important
}

.bg-brown-400 {
    background-color: #b98e7e !important
}

.bg-brown-500 {
    background-color: #a17768 !important
}

.bg-brown-600 {
    background-color: #8d6658 !important
}

.bg-brown-700 {
    background-color: #7d5b4f !important
}

.bg-brown-800 {
    background-color: #715146 !important
}

.brown-100 {
    color: #fae6df !important
}

.brown-200 {
    color: #e2bdaf !important
}

.brown-300 {
    color: #d3aa9c !important
}

.brown-400 {
    color: #b98e7e !important
}

.brown-500 {
    color: #a17768 !important
}

.brown-600 {
    color: #8d6658 !important
}

.brown-700 {
    color: #7d5b4f !important
}

.brown-800 {
    color: #715146 !important
}

.bg-grey-100 {
    background-color: #fafafa !important
}

.bg-grey-200 {
    background-color: #eee !important
}

.bg-grey-300 {
    background-color: #e0e0e0 !important
}

.bg-grey-400 {
    background-color: #bdbdbd !important
}

.bg-grey-500 {
    background-color: #9e9e9e !important
}

.bg-grey-600 {
    background-color: #757575 !important
}

.bg-grey-700 {
    background-color: #616161 !important
}

.bg-grey-800 {
    background-color: #424242 !important
}

.grey-100 {
    color: #fafafa !important
}

.grey-200 {
    color: #eee !important
}

.grey-300 {
    color: #e0e0e0 !important
}

.grey-400 {
    color: #bdbdbd !important
}

.grey-500 {
    color: #9e9e9e !important
}

.grey-600 {
    color: #757575 !important
}

.grey-700 {
    color: #616161 !important
}

.grey-800 {
    color: #424242 !important
}

.bg-blue-grey-100 {
    background-color: #f3f7f9 !important
}

.bg-blue-grey-200 {
    background-color: #e4eaec !important
}

.bg-blue-grey-300 {
    background-color: #ccd5db !important
}

.bg-blue-grey-400 {
    background-color: #a3afb7 !important
}

.bg-blue-grey-500 {
    background-color: #76838f !important
}

.bg-blue-grey-600 {
    background-color: #526069 !important
}

.bg-blue-grey-700 {
    background-color: #37474f !important
}

.bg-blue-grey-800 {
    background-color: #263238 !important
}

.blue-grey-100 {
    color: #f3f7f9 !important
}

.blue-grey-200 {
    color: #e4eaec !important
}

.blue-grey-300 {
    color: #ccd5db !important
}

.blue-grey-400 {
    color: #a3afb7 !important
}

.blue-grey-500 {
    color: #76838f !important
}

.blue-grey-600 {
    color: #526069 !important
}

.blue-grey-700 {
    color: #37474f !important
}

.blue-grey-800 {
    color: #263238 !important
}

.bg-primary-100 {
    background-color: #e8f1f8 !important
}

.bg-primary-200 {
    background-color: #d5e4f1 !important
}

.bg-primary-300 {
    background-color: #bcd8f1 !important
}

.bg-primary-400 {
    background-color: #a2caee !important
}

.bg-primary-500 {
    background-color: #89bceb !important
}

.bg-primary-600 {
    background-color: var(--primary-color) !important
}

.bg-primary-700 {
    background-color: #4e97d9 !important
}

.bg-primary-800 {
    background-color: #3583ca !important
}

.primary-100 {
    color: #e8f1f8 !important
}

.primary-200 {
    color: #d5e4f1 !important
}

.primary-300 {
    color: #bcd8f1 !important
}

.primary-400 {
    color: #a2caee !important
}

.primary-500 {
    color: #89bceb !important
}

.primary-600 {
    color: var(--primary-color) !important
}

.primary-700 {
    color: #4e97d9 !important
}

.primary-800 {
    color: #3583ca !important
}

.black {
    color: #000 !important
}

.white {
    color: #fff !important
}

.bg-white {
    color: #76838f;
    background-color: #fff
}

.bg-primary {
    color: #fff;
    background-color: var(--primary-color)
}

.bg-primary:hover {
    background-color: #8fc1f0
}

.bg-primary a, .bg-primary a.bg-primary {
    color: #fff
}

.bg-primary a.bg-primary:hover, .bg-primary a:hover {
    color: #fff
}

.bg-success {
    color: #fff;
    background-color: #46be8a
}

.bg-success:hover {
    background-color: #6ccba2
}

.bg-success a, .bg-success a.bg-primary {
    color: #fff
}

.bg-success a.bg-primary:hover, .bg-success a:hover {
    color: #fff
}

.bg-info {
    color: #fff;
    background-color: #57c7d4
}

.bg-info:hover {
    background-color: #80d5de
}

.bg-info a, .bg-info a.bg-info {
    color: #fff
}

.bg-info a.bg-info:hover, .bg-info a:hover {
    color: #fff
}

.bg-warning {
    color: #fff;
    background-color: #f2a654
}

.bg-warning:hover {
    background-color: #f6bf83
}

.bg-warning a, .bg-warning a.bg-warning {
    color: #fff
}

.bg-warning a.bg-warning:hover, .bg-warning a:hover {
    color: #fff
}

.bg-danger {
    color: #fff;
    background-color: #f96868
}

.bg-danger:hover {
    background-color: #fb9999
}

.bg-danger a, .bg-danger a.bg-danger {
    color: #fff
}

.bg-danger a.bg-danger:hover, .bg-danger a:hover {
    color: #fff
}

.bg-dark {
    color: #fff;
    background-color: #526069
}

.bg-dark:hover {
    background-color: #687a86
}

.bg-dark a, .bg-dark a.bg-dark {
    color: #fff
}

.bg-dark a.bg-dark:hover, .bg-dark a:hover {
    color: #fff
}

.blocks, [class*=blocks-] {
    font-size: 0;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -.9375rem;
    margin-right: -.9375rem
}

.blocks > .block, [class*=blocks-] > .block, [class*=blocks-] > li {
    display: inline-block;
    font-size: 1rem;
    vertical-align: top;
    margin-bottom: 1.875rem;
    padding-left: .9375rem;
    padding-right: .9375rem
}

.blocks.no-space, [class*=blocks-].no-space {
    margin: 0
}

.blocks.no-space > .block, .blocks.no-space > li, [class*=blocks-].no-space > .block, [class*=blocks-].no-space > li {
    padding: 0;
    margin: 0
}

.blocks-100 > .block, .blocks-100 > li {
    width: 100%
}

.blocks-2 > .block, .blocks-2 > li {
    width: 50%
}

.blocks-3 > .block, .blocks-3 > li {
    width: 33.333333%
}

.blocks-4 > .block, .blocks-4 > li {
    width: 25%
}

.blocks-5 > .block, .blocks-5 > li {
    width: 20%
}

.blocks-6 > .block, .blocks-6 > li {
    width: 16.666667%
}

.blocks-xs-100 > .block, .blocks-xs-100 > li {
    width: 100%
}

.blocks-xs-2 > .block, .blocks-xs-2 > li {
    width: 50%
}

.blocks-xs-3 > .block, .blocks-xs-3 > li {
    width: 33.333333%
}

.blocks-xs-4 > .block, .blocks-xs-4 > li {
    width: 25%
}

.blocks-xs-5 > .block, .blocks-xs-5 > li {
    width: 20%
}

.blocks-xs-6 > .block, .blocks-xs-6 > li {
    width: 16.666667%
}

@media (min-width: 480px) {
    .blocks-sm-100 > .block, .blocks-sm-100 > li {
        width: 100%
    }

    .blocks-sm-2 > .block, .blocks-sm-2 > li {
        width: 50%
    }

    .blocks-sm-3 > .block, .blocks-sm-3 > li {
        width: 33.333333%
    }

    .blocks-sm-4 > .block, .blocks-sm-4 > li {
        width: 25%
    }

    .blocks-sm-5 > .block, .blocks-sm-5 > li {
        width: 20%
    }

    .blocks-sm-6 > .block, .blocks-sm-6 > li {
        width: 16.666667%
    }
}

@media (min-width: 768px) {
    .blocks-md-100 > .block, .blocks-md-100 > li {
        width: 100%
    }

    .blocks-md-2 > .block, .blocks-md-2 > li {
        width: 50%
    }

    .blocks-md-3 > .block, .blocks-md-3 > li {
        width: 33.333333%
    }

    .blocks-md-4 > .block, .blocks-md-4 > li {
        width: 25%
    }

    .blocks-md-5 > .block, .blocks-md-5 > li {
        width: 20%
    }

    .blocks-md-6 > .block, .blocks-md-6 > li {
        width: 16.666667%
    }
}

@media (min-width: 992px) {
    .blocks-lg-100 > .block, .blocks-lg-100 > li {
        width: 100%
    }

    .blocks-lg-2 > .block, .blocks-lg-2 > li {
        width: 50%
    }

    .blocks-lg-3 > .block, .blocks-lg-3 > li {
        width: 33.333333%
    }

    .blocks-lg-4 > .block, .blocks-lg-4 > li {
        width: 25%
    }

    .blocks-lg-5 > .block, .blocks-lg-5 > li {
        width: 20%
    }

    .blocks-lg-6 > .block, .blocks-lg-6 > li {
        width: 16.666667%
    }
}

@media (min-width: 1200px) {
    .blocks-xl-100 > .block, .blocks-xl-100 > li {
        width: 100%
    }

    .blocks-xl-2 > .block, .blocks-xl-2 > li {
        width: 50%
    }

    .blocks-xl-3 > .block, .blocks-xl-3 > li {
        width: 33.333333%
    }

    .blocks-xl-4 > .block, .blocks-xl-4 > li {
        width: 25%
    }

    .blocks-xl-5 > .block, .blocks-xl-5 > li {
        width: 20%
    }

    .blocks-xl-6 > .block, .blocks-xl-6 > li {
        width: 16.666667%
    }
}

@media (min-width: 1600px) {
    .blocks-xxl-100 > .block, .blocks-xxl-100 > li {
        width: 100%
    }

    .blocks-xxl-2 > .block, .blocks-xxl-2 > li {
        width: 50%
    }

    .blocks-xxl-3 > .block, .blocks-xxl-3 > li {
        width: 33.333333%
    }

    .blocks-xxl-4 > .block, .blocks-xxl-4 > li {
        width: 25%
    }

    .blocks-xxl-5 > .block, .blocks-xxl-5 > li {
        width: 20%
    }

    .blocks-xxl-6 > .block, .blocks-xxl-6 > li {
        width: 16.666667%
    }
}

.avatar {
    position: relative;
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom
}

.avatar i {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 100%
}

.avatar img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0 none;
    border-radius: 1000px
}

.avatar-online i {
    background-color: #46be8a
}

.avatar-100 {
    width: 100px
}

.avatar-100 i {
    height: 20px;
    width: 20px
}

.avatar-lg {
    width: 50px
}

.avatar-lg i {
    height: 12px;
    width: 12px
}

.avatar-sm {
    width: 30px
}

.avatar-sm i {
    height: 8px;
    width: 8px
}

.avatar-xs {
    width: 20px
}

.avatar-xs i {
    height: 7px;
    width: 7px
}

.icon {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    line-height: 1
}

.icon.pull-xs-left {
    margin-right: .3em
}

.icon.pull-xs-right {
    margin-left: .3em
}

.icon-circle {
    position: relative;
    margin: .5em
}

.icon-circle:before {
    position: relative;
    z-index: 1
}

.icon-circle:after {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    content: "";
    width: 2em;
    height: 2em;
    background-color: inherit;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.icon-lg {
    font-size: 1.333333em;
    vertical-align: -15%
}

.icon-2x {
    font-size: 2em
}

.icon-spin {
    -webkit-animation: icon-spin 2s infinite linear;
    -o-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear
}

@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.hamburger {
    vertical-align: middle;
    font-size: 17px
}

.hamburger, .hamburger .hamburger-bar, .hamburger:after, .hamburger:before {
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

.hamburger:after, .hamburger:before {
    content: ""
}

.hamburger .hamburger-bar, .hamburger:after, .hamburger:before {
    display: block;
    width: 1em;
    height: .1em;
    margin: 0;
    border-radius: 1px;
    background: #76838f
}

.navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after, .navbar-default .hamburger:before {
    background: #76838f
}

.navbar-inverse .hamburger .hamburger-bar, .navbar-inverse .hamburger:after, .navbar-inverse .hamburger:before {
    background: #fff
}

.hamburger .hamburger-bar {
    margin: .2em 0
}

.hamburger-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close .hamburger-bar {
    opacity: 0
}

.hamburger-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 8%;
    -ms-transform-origin: 8%;
    -o-transform-origin: 8%;
    transform-origin: 8%
}

.hamburger-close.collapsed:before, .hamburger-close.hided:before {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-close.collapsed .hamburger-bar, .hamburger-close.hided .hamburger-bar {
    opacity: 1
}

.hamburger-close.collapsed:after, .hamburger-close.hided:after {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.hamburger-arrow-left.collapsed {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.hamburger-arrow-left.collapsed:before {
    width: .6em;
    -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg);
    transform: translate3d(.45em, .1em, 0) rotate(45deg)
}

.hamburger-arrow-left.collapsed .hamburger-bar {
    border-radius: .2em
}

.hamburger-arrow-left.collapsed:after {
    width: .6em;
    -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg);
    transform: translate3d(.45em, -.1em, 0) rotate(-45deg)
}

.counter-label {
    display: block
}

.counter-icon {
    font-size: 20px
}

.table + .panel-footer {
    padding-top: 15px;
    border-color: #e4eaec
}

.cover {
    overflow: hidden
}

.cover-image {
    width: 100%
}

.overlay {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    overflow: hidden;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.overlay-figure {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
}

.overlay-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    color: #fff
}

.overlay-panel a:not([class]) {
    color: inherit;
    text-decoration: underline
}

.overlay-panel > :last-child {
    margin-bottom: 0
}

.overlay-panel h1, .overlay-panel h2, .overlay-panel h3, .overlay-panel h4, .overlay-panel h5, .overlay-panel h6 {
    color: inherit
}

.overlay-hover:not(:hover) .overlay-panel:not(.overlay-background-fixed) {
    opacity: 0
}

.overlay-background {
    background: rgba(0, 0, 0, .5)
}

.overlay-image {
    width: 100%;
    max-width: 100%;
    padding: 0
}

.overlay-top {
    bottom: auto
}

.overlay-bottom {
    top: auto
}

.overlay-left {
    right: auto
}

.overlay-right {
    left: auto
}

.overlay-icon {
    font-size: 0;
    text-align: center
}

.overlay-icon:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ""
}

.overlay-icon .icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin-right: 10px;
    margin-left: 10px;
    font-size: 2rem;
    line-height: 1;
    color: #fff;
    text-decoration: none
}

.overlay-blur, .overlay-fade, .overlay-grayscale, .overlay-scale, .overlay-spin, [class*=overlay-slide] {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: opacity -webkit-transform -webkit-filter, opacity -webkit-transform filter;
    -o-transition-property: opacity -o-transform filter;
    transition-property: opacity transform filter
}

.overlay-fade {
    opacity: .7
}

.overlay-hover:hover .overlay-fade {
    opacity: 1
}

.overlay-scale {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.overlay-hover:hover .overlay-scale {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.overlay-spin {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    -o-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0)
}

.overlay-hover:hover .overlay-spin {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    -o-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg)
}

.overlay-grayscale {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

.overlay-hover:hover .overlay-grayscale {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

[class*=overlay-slide] {
    opacity: 0
}

.overlay-slide-top {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.overlay-slide-bottom {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.overlay-slide-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.overlay-slide-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.overlay-hover:hover [class*=overlay-slide] {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.comments {
    padding: 0;
    margin: 0
}

.comments .comment {
    border: none;
    border-bottom: 1px solid #e4eaec
}

.comments .comment .comment:first-child {
    border-top: 1px solid #e4eaec
}

.comments .comment .comment:last-child {
    border-bottom: none
}

.comment {
    padding: 20px 0;
    margin: 0
}

.comment .comment {
    margin-top: 20px;
    padding-bottom: 20px
}

.comment .comment:last-child {
    padding-bottom: 0
}

.comment-author, .comment-author:focus, .comment-author:hover {
    color: #37474f
}

.comment-meta {
    margin-left: 5px;
    display: inline-block;
    font-size: .858rem;
    color: #a3afb7
}

.comment-content {
    margin-top: 5px
}

.comment-content p {
    margin-bottom: 10px
}

.pearls {
    display: block;
    margin: 0 0 22px
}

.pearl {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: center
}

.pearl:after, .pearl:before {
    position: absolute;
    top: 18px;
    z-index: 0;
    width: 50%;
    height: 4px;
    content: "";
    background-color: #f3f7f9
}

.pearl:before {
    left: 0
}

.pearl:after {
    right: 0
}

.pearl:first-child:before, .pearl:last-child:after {
    display: none !important
}

.pearl-icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 36px;
    height: 36px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #ccd5db;
    border-radius: 50%;
    border: 2px solid #ccd5db
}

.pearl-icon {
    font-size: 18px
}

.pearl-title {
    margin-top: .5em;
    display: block;
    font-size: 16px;
    color: #526069;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pearl.current:after, .pearl.current:before {
    background-color: var(--primary-color)
}

.pearl.current .pearl-icon {
    color: var(--primary-color);
    background-color: #fff;
    border-color: var(--primary-color);
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3)
}

.pearl.disabled {
    pointer-events: none;
    cursor: auto
}

.pearl.disabled:after, .pearl.disabled:before {
    background-color: #f3f7f9
}

.pearl.disabled .pearl-icon {
    color: #fff;
    background-color: #ccd5db;
    border-color: #ccd5db
}

.pearl.error:before {
    background-color: var(--primary-color)
}

.pearl.error:after {
    background-color: #f3f7f9
}

.pearl.error .pearl-icon {
    color: #f96868;
    background-color: #fff;
    border-color: #f96868
}

.pearl.done:after, .pearl.done:before {
    background-color: var(--primary-color)
}

.pearl.done .pearl-icon {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color)
}

.pricing-list {
    margin-bottom: 22px;
    text-align: center;
    border: 1px solid #e4eaec;
    border-radius: .215rem
}

.pricing-list [class*=bg-], .pricing-list [class*=bg-] *, .pricing-list [class^=bg-], .pricing-list [class^=bg-] * {
    color: #fff
}

.pricing-list .pricing-header {
    border-bottom: 1px solid #e4eaec;
    border-radius: .215rem .215rem 0 0
}

.pricing-list .pricing-title {
    padding: 15px 30px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: .215rem .215rem 0 0
}

.pricing-list .pricing-price {
    padding: 20px 30px;
    margin: 0;
    font-size: 3.858rem;
    font-weight: 700;
    color: #37474f
}

.pricing-list .pricing-period {
    font-size: 1rem;
    font-weight: 400
}

.pricing-list .pricing-features {
    padding: 0 18px;
    margin: 0
}

.pricing-list .pricing-features li {
    display: block;
    padding: 15px;
    list-style: none;
    border-top: 1px dashed #e4eaec
}

.pricing-list .pricing-features li:first-child {
    border-top: none
}

.pricing-list .pricing-footer {
    padding: 30px;
    border-radius: 0 0 .215rem .215rem
}

.example-wrap {
    margin-bottom: 80px
}

.example-wrap .example-wrap {
    margin-bottom: 0
}

.example {
    margin-top: 20px;
    margin-bottom: 20px
}

.example:before {
    content: "";
    display: table
}

.example::after {
    content: "";
    display: table;
    clear: both
}

.example-title {
    text-transform: uppercase
}

h4.example-title {
    font-size: 14px
}

h3.example-title {
    font-size: 18px
}

.example-well {
    position: relative;
    margin-bottom: 30px;
    background-color: #f3f7f9
}

.example-well .center {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.well {
    min-height: 20px;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e4eaec;
    background-color: #f3f7f9;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -o-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -ms-box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .02);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px
}

@font-face {
    font-family: "metinfo-icon2";
    font-weight: 400;
    font-style: normal;
    src: url(../../fonts/web-icons/metinfo-icon2.eot?t=1618401360437);
    src: url(../fonts/metinfo-icon2.eot) format('embedded-opentype'), url(..../fonts/metinfo-icon2.woff2) format('woff2'), url(/fonts/metinfo-icon2.woff) format('woff'), url(../fonts/metinfo-icon2.ttf) format('truetype'), url(../fonts/metinfo-icon2.svg) format('svg')
}

[class*=' wb-'], [class^='wb-'] {
    font-family: 'metinfo-icon2';
    font-weight: 400;
    font-style: normal;
    position: relative;
    display: inline-block;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    text-rendering: auto;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.wb-play:before {
    content: "\e731"
}

.wb-search:before {
    content: "\e659"
}

.wb-wrench:before {
    content: "\e65a"
}

.wb-memory:before {
    content: "\e6f6"
}

.wb-move:before {
    content: "\e6f7"
}

.wb-musical:before {
    content: "\e6f8"
}

.wb-more-vertical:before {
    content: "\e6f9"
}

.wb-more-horizontal:before {
    content: "\e6fa"
}

.wb-link:before {
    content: "\e6fb"
}

.wb-pencil:before {
    content: "\e6fc"
}

.wb-pause:before {
    content: "\e6fd"
}

.wb-order:before {
    content: "\e6fe"
}

.wb-payment:before {
    content: "\e6ff"
}

.wb-map:before {
    content: "\e700"
}

.wb-plus:before {
    content: "\e701"
}

.wb-plus-circle:before {
    content: "\e702"
}

.wb-paperclip:before {
    content: "\e703"
}

.wb-power:before {
    content: "\e704"
}

.wb-plugin:before {
    content: "\e705"
}

.wb-pie-chart:before {
    content: "\e706"
}

.wb-refresh:before {
    content: "\e707"
}

.wb-reload:before {
    content: "\e708"
}

.wb-quote-left:before {
    content: "\e709"
}

.wb-random:before {
    content: "\e70a"
}

.wb-pluse:before {
    content: "\e70b"
}

.wb-reply:before {
    content: "\e70c"
}

.wb-share:before {
    content: "\e70d"
}

.wb-replay:before {
    content: "\e70e"
}

.wb-scissor:before {
    content: "\e70f"
}

.wb-settings:before {
    content: "\e710"
}

.wb-small-point:before {
    content: "\e711"
}

.wb-print:before {
    content: "\e712"
}

.wb-quote-right:before {
    content: "\e713"
}

.wb-mobile:before {
    content: "\e714"
}

.wb-sort-asc:before {
    content: "\e715"
}

.wb-shopping-cart:before {
    content: "\e716"
}

.wb-star:before {
    content: "\e717"
}

.wb-star-half:before {
    content: "\e718"
}

.wb-stop:before {
    content: "\e719"
}

.wb-stats-bars:before {
    content: "\e71a"
}

.wb-sort-vertical:before {
    content: "\e71b"
}

.wb-signal:before {
    content: "\e71c"
}

.wb-rubber:before {
    content: "\e71d"
}

.wb-sort-des:before {
    content: "\e71e"
}

.wb-thumb-down:before {
    content: "\e71f"
}

.wb-text-type:before {
    content: "\e720"
}

.wb-triangle-up:before {
    content: "\e721"
}

.wb-text:before {
    content: "\e722"
}

.wb-table:before {
    content: "\e723"
}

.wb-trash:before {
    content: "\e724"
}

.wb-star-outline:before {
    content: "\e725"
}

.wb-tag:before {
    content: "\e726"
}

.wb-underline:before {
    content: "\e727"
}

.wb-triangle-down:before {
    content: "\e728"
}

.wb-triangle-right:before {
    content: "\e729"
}

.wb-time:before {
    content: "\e72a"
}

.wb-user:before {
    content: "\e72b"
}

.wb-user-add:before {
    content: "\e72c"
}

.wb-upload:before {
    content: "\e72d"
}

.wb-triangle-left:before {
    content: "\e72e"
}

.wb-thumb-up:before {
    content: "\e72f"
}

.wb-video:before {
    content: "\e730"
}

.wb-user-circle:before {
    content: "\e732"
}

.wb-volume-off:before {
    content: "\e733"
}

.wb-warning:before {
    content: "\e734"
}

.wb-zoom-in:before {
    content: "\e735"
}

.wb-volume-high:before {
    content: "\e736"
}

.wb-unlock:before {
    content: "\e737"
}

.wb-zoom-out:before {
    content: "\e738"
}

.wb-users:before {
    content: "\e739"
}

.wb-volume-low:before {
    content: "\e73a"
}

.wb-alert-circle:before {
    content: "\e692"
}

.wb-alert:before {
    content: "\e693"
}

.wb-align-justify:before {
    content: "\e694"
}

.wb-align-right:before {
    content: "\e695"
}

.wb-arrow-down:before {
    content: "\e696"
}

.wb-align-center:before {
    content: "\e697"
}

.wb-arrow-right:before {
    content: "\e698"
}

.wb-align-left:before {
    content: "\e699"
}

.wb-add-file:before {
    content: "\e69a"
}

.wb-bell:before {
    content: "\e69b"
}

.wb-bookmark:before {
    content: "\e69c"
}

.wb-arrow-up:before {
    content: "\e69d"
}

.wb-book:before {
    content: "\e69e"
}

.wb-arrow-shrink:before {
    content: "\e69f"
}

.wb-camera:before {
    content: "\e6a0"
}

.wb-chevron-down-mini:before {
    content: "\e6a1"
}

.wb-attach-file:before {
    content: "\e6a2"
}

.wb-chevron-down:before {
    content: "\e6a3"
}

.wb-arrow-left:before {
    content: "\e6a4"
}

.wb-chat-group:before {
    content: "\e6a5"
}

.wb-briefcase:before {
    content: "\e6a6"
}

.wb-arrow-expand:before {
    content: "\e6a7"
}

.wb-chevron-right-mini:before {
    content: "\e6a8"
}

.wb-check-circle:before {
    content: "\e6a9"
}

.wb-chat:before {
    content: "\e6aa"
}

.wb-chat-text:before {
    content: "\e6ab"
}

.wb-chevron-up:before {
    content: "\e6ac"
}

.wb-check:before {
    content: "\e6ad"
}

.wb-bold:before {
    content: "\e6ae"
}

.wb-close:before {
    content: "\e6af"
}

.wb-close-mini:before {
    content: "\e6b0"
}

.wb-chevron-left:before {
    content: "\e6b1"
}

.wb-clipboard:before {
    content: "\e6b2"
}

.wb-code-unfold:before {
    content: "\e6b3"
}

.wb-cloud:before {
    content: "\e6b4"
}

.wb-calendar:before {
    content: "\e6b5"
}

.wb-code-working:before {
    content: "\e6b6"
}

.wb-chevron-left-mini:before {
    content: "\e6b7"
}

.wb-crop:before {
    content: "\e6b8"
}

.wb-chevron-up-mini:before {
    content: "\e6b9"
}

.wb-copy:before {
    content: "\e6ba"
}

.wb-chat-working:before {
    content: "\e6bb"
}

.wb-dropleft:before {
    content: "\e6bc"
}

.wb-dropdown:before {
    content: "\e6bd"
}

.wb-chevron-right:before {
    content: "\e6be"
}

.wb-check-mini:before {
    content: "\e6bf"
}

.wb-dashboard:before {
    content: "\e6c0"
}

.wb-desktop:before {
    content: "\e6c1"
}

.wb-code:before {
    content: "\e6c2"
}

.wb-download:before {
    content: "\e6c3"
}

.wb-contract:before {
    content: "\e6c4"
}

.wb-emoticon:before {
    content: "\e6c5"
}

.wb-dropright:before {
    content: "\e6c6"
}

.wb-envelope:before {
    content: "\e6c7"
}

.wb-envelope-open:before {
    content: "\e6c8"
}

.wb-file:before {
    content: "\e6c9"
}

.wb-extension:before {
    content: "\e6ca"
}

.wb-edit:before {
    content: "\e6cb"
}

.wb-dropup:before {
    content: "\e6cc"
}

.wb-expand:before {
    content: "\e6cd"
}

.wb-fullscreen-exit:before {
    content: "\e6ce"
}

.wb-folder:before {
    content: "\e6cf"
}

.wb-eye:before {
    content: "\e6d0"
}

.wb-flag:before {
    content: "\e6d1"
}

.wb-fullscreen:before {
    content: "\e6d2"
}

.wb-eye-close:before {
    content: "\e6d3"
}

.wb-graph-up:before {
    content: "\e6d4"
}

.wb-gallery:before {
    content: "\e6d5"
}

.wb-graph-down:before {
    content: "\e6d6"
}

.wb-globe:before {
    content: "\e6d7"
}

.wb-image:before {
    content: "\e6d8"
}

.wb-heart:before {
    content: "\e6d9"
}

.wb-home:before {
    content: "\e6da"
}

.wb-heart-outline:before {
    content: "\e6db"
}

.wb-grid-4:before {
    content: "\e6dc"
}

.wb-hammer:before {
    content: "\e6dd"
}

.wb-help:before {
    content: "\e6de"
}

.wb-help-circle:before {
    content: "\e6df"
}

.wb-info:before {
    content: "\e6e0"
}

.wb-indent-decrease:before {
    content: "\e6e1"
}

.wb-format-clear:before {
    content: "\e6e2"
}

.wb-indent-increase:before {
    content: "\e6e3"
}

.wb-layout:before {
    content: "\e6e4"
}

.wb-grid-9:before {
    content: "\e6e5"
}

.wb-inbox:before {
    content: "\e6e6"
}

.wb-italic:before {
    content: "\e6e7"
}

.wb-large-point:before {
    content: "\e6e8"
}

.wb-info-circle:before {
    content: "\e6e9"
}

.wb-library:before {
    content: "\e6ea"
}

.wb-list-numbered:before {
    content: "\e6eb"
}

.wb-list:before {
    content: "\e6ec"
}

.wb-list-bulleted:before {
    content: "\e6ed"
}

.wb-link-broken:before {
    content: "\e6ee"
}

.wb-lock:before {
    content: "\e6ef"
}

.wb-link-intact:before {
    content: "\e6f0"
}

.wb-menu:before {
    content: "\e6f1"
}

.wb-minus-circle:before {
    content: "\e6f2"
}

.wb-medium-point:before {
    content: "\e6f3"
}

.wb-minus:before {
    content: "\e6f4"
}

.wb-loop:before {
    content: "\e6f5"
}

@font-face {
    font-family: "metinfo-icon1";
    src: url(..../fonts/metinfo-icon1.eot);
    src: url(/fonts/metinfo-icon1.eot) format('embedded-opentype'), url(..../fonts/metinfo-icon1.woff2) format('woff2'), url(/fonts/metinfo-icon1.woff) format('woff'), url(../fonts/metinfo-icon1.ttf) format('truetype'), url(../fonts/metinfo-icon1.svg) format('svg')
}

.fa, [class*=' fa-'], [class^='fa-'] {
    display: inline-block;
    font: normal normal normal 14px/1 'metinfo-icon1';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
    -webkit-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important
}

.fa-rotate-180 {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
    -webkit-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important
}

.fa-rotate-270 {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
    -webkit-transform: rotate(270deg) !important;
    -ms-transform: rotate(270deg) !important;
    transform: rotate(270deg) !important
}

.fa-flip-horizontal {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1)';
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1)';
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-certificate:before {
    content: "\e6c5"
}

.fa-y-combinator:before {
    content: "\e6c9"
}

.fa-battery-0:before {
    content: "\e6cd"
}

.fa-user-o:before {
    content: "\e6dd"
}

.fa-bomb:before {
    content: "\e863"
}

.fa-bathtub:before {
    content: "\e86f"
}

.fa-chevron-circle-left:before {
    content: "\e928"
}

.fa-cloud-upload:before {
    content: "\e929"
}

.fa-clone:before {
    content: "\e92a"
}

.fa-circle-thin:before {
    content: "\e92b"
}

.fa-circle:before {
    content: "\e92c"
}

.fa-clock-o:before {
    content: "\e92d"
}

.fa-compress:before {
    content: "\e92e"
}

.fa-child:before {
    content: "\e92f"
}

.fa-copy:before {
    content: "\e932"
}

.fa-chevron-circle-down:before {
    content: "\e934"
}

.fa-cloud-download:before {
    content: "\e935"
}

.fa-cny:before {
    content: "\e936"
}

.fa-contao:before {
    content: "\e937"
}

.fa-battery:before {
    content: "\e938"
}

.fa-chevron-circle-down1:before {
    content: "\e93b"
}

.fa-cc-stripe:before {
    content: "\e93e"
}

.fa-chevron-circle-right1:before {
    content: "\e942"
}

.fa-chevron-circle-up1:before {
    content: "\e943"
}

.fa-chevron-right:before {
    content: "\e945"
}

.fa-chevron-down1:before {
    content: "\e946"
}

.fa-cloud-download1:before {
    content: "\e94e"
}

.fa-chevron-circle-left1:before {
    content: "\e94f"
}

.fa-cubes:before {
    content: "\e954"
}

.fa-digg:before {
    content: "\e955"
}

.fa-cube:before {
    content: "\e956"
}

.fa-deafness:before {
    content: "\e957"
}

.fa-dedent:before {
    content: "\e958"
}

.fa-cut:before {
    content: "\e95a"
}

.fa-dollar:before {
    content: "\e95b"
}

.fa-envelope:before {
    content: "\e95d"
}

.fa-dashboard:before {
    content: "\e95e"
}

.fa-eject:before {
    content: "\e95f"
}

.fa-envelope-square:before {
    content: "\e960"
}

.fa-envelope-o:before {
    content: "\e961"
}

.fa-edit:before {
    content: "\e962"
}

.fa-drivers-license-o:before {
    content: "\e963"
}

.fa-drivers-license:before {
    content: "\e964"
}

.fa-fa:before {
    content: "\e965"
}

.fa-external-link:before {
    content: "\e966"
}

.fa-expand:before {
    content: "\e967"
}

.fa-envira:before {
    content: "\e968"
}

.fa-facebook-f:before {
    content: "\e969"
}

.fa-file:before {
    content: "\e96a"
}

.fa-euro:before {
    content: "\e96b"
}

.fa-facebook:before {
    content: "\e96c"
}

.fa-facebook-square:before {
    content: "\e96d"
}

.fa-facebook-official:before {
    content: "\e96e"
}

.fa-file-o:before {
    content: "\e96f"
}

.fa-file-movie-o:before {
    content: "\e970"
}

.fa-expeditedssl:before {
    content: "\e971"
}

.fa-file-video-o:before {
    content: "\e972"
}

.fa-file-picture-o:before {
    content: "\e973"
}

.fa-file-pdf-o:before {
    content: "\e974"
}

.fa-file-powerpoint-o:before {
    content: "\e975"
}

.fa-filepowerpointo:before {
    content: "\e976"
}

.fa-file-photo-o:before {
    content: "\e977"
}

.fa-file-sound-o:before {
    content: "\e978"
}

.fa-flickr:before {
    content: "\e979"
}

.fa-file-word-o:before {
    content: "\e97a"
}

.fa-flash:before {
    content: "\e97b"
}

.fa-first-order:before {
    content: "\e97c"
}

.fa-firefox:before {
    content: "\e97d"
}

.fa-file-zip-o:before {
    content: "\e97e"
}

.fa-folder-o:before {
    content: "\e97f"
}

.fa-font-awesome:before {
    content: "\e980"
}

.fa-floppy-o:before {
    content: "\e981"
}

.fa-font:before {
    content: "\e982"
}

.fa-fonticons:before {
    content: "\e983"
}

.fa-folder-open-o:before {
    content: "\e984"
}

.fa-foursquare:before {
    content: "\e985"
}

.fa-fort-awesome:before {
    content: "\e986"
}

.fa-futbol-o:before {
    content: "\e987"
}

.fa-forumbee:before {
    content: "\e988"
}

.fa-gear:before {
    content: "\e989"
}

.fa-genderless:before {
    content: "\e98a"
}

.fa-gg:before {
    content: "\e98b"
}

.fa-gg-circle:before {
    content: "\e98c"
}

.fa-ge:before {
    content: "\e98d"
}

.fa-git:before {
    content: "\e98e"
}

.fa-google-plus-circle:before {
    content: "\e98f"
}

.fa-gittip:before {
    content: "\e990"
}

.fa-google-wallet:before {
    content: "\e991"
}

.fa-group:before {
    content: "\e992"
}

.fa-hand-lizard-o:before {
    content: "\e993"
}

.fa-gears:before {
    content: "\e994"
}

.fa-hand-o-right:before {
    content: "\e995"
}

.fa-hand-grab-o:before {
    content: "\e996"
}

.fa-hand-stop-o:before {
    content: "\e997"
}

.fa-hand-o-up:before {
    content: "\e998"
}

.fa-hard-of-hearing:before {
    content: "\e999"
}

.fa-header:before {
    content: "\e99a"
}

.fa-houzz:before {
    content: "\e99b"
}

.fa-hand-o-down:before {
    content: "\e99c"
}

.fa-hospital-o:before {
    content: "\e99d"
}

.fa-hdd-o:before {
    content: "\e99e"
}

.fa-html5:before {
    content: "\e99f"
}

.fa-hand-o-left:before {
    content: "\e9a0"
}

.fa-hotel:before {
    content: "\e9a1"
}

.fa-ils:before {
    content: "\e9a2"
}

.fa-info-circle:before {
    content: "\e9a3"
}

.fa-indent:before {
    content: "\e9a4"
}

.fa-id-card:before {
    content: "\e9a5"
}

.fa-intersex:before {
    content: "\e9a6"
}

.fa-legal:before {
    content: "\e9a7"
}

.fa-institution:before {
    content: "\e9a8"
}

.fa-life-buoy:before {
    content: "\e9a9"
}

.fa-life-bouy:before {
    content: "\e9aa"
}

.fa-list-alt:before {
    content: "\e9ab"
}

.fa-life-saver:before {
    content: "\e9ac"
}

.fa-list-ul:before {
    content: "\e9ad"
}

.fa-long-arrow-down:before {
    content: "\e9ae"
}

.fa-long-arrow-right:before {
    content: "\e9af"
}

.fa-id-card-o:before {
    content: "\e9b0"
}

.fa-life-ring:before {
    content: "\e9b1"
}

.fa-mail-reply:before {
    content: "\e9b2"
}

.fa-mail-reply-all:before {
    content: "\e9b3"
}

.fa-maxcdn:before {
    content: "\e9b4"
}

.fa-map-pin:before {
    content: "\e9b5"
}

.fa-mail-forward:before {
    content: "\e9b6"
}

.fa-long-arrow-left:before {
    content: "\e9b7"
}

.fa-medium:before {
    content: "\e9b8"
}

.fa-meanpath:before {
    content: "\e9b9"
}

.fa-mortar-board:before {
    content: "\e9ba"
}

.fa-mobile-phone:before {
    content: "\e9bb"
}

.fa-navicon:before {
    content: "\e9bc"
}

.fa-long-arrow-up:before {
    content: "\e9bd"
}

.fa-paper-plane:before {
    content: "\e9be"
}

.fa-outdent:before {
    content: "\e9bf"
}

.fa-paper-plane-o:before {
    content: "\e9c0"
}

.fa-meetup:before {
    content: "\e9c1"
}

.fa-opencart:before {
    content: "\e9c2"
}

.fa-openid:before {
    content: "\e9c3"
}

.fa-paypal:before {
    content: "\e9c4"
}

.fa-paste:before {
    content: "\e9c5"
}

.fa-pencil:before {
    content: "\e9c6"
}

.fa-git-square:before {
    content: "\e9c7"
}

.fa-photo:before {
    content: "\e9c8"
}

.fa-pencil-square:before {
    content: "\e9c9"
}

.fa-pied-piper-pp:before {
    content: "\e9ca"
}

.fa-plus-square-o:before {
    content: "\e9cb"
}

.fa-play-circle-o:before {
    content: "\e9cc"
}

.fa-pied-piper:before {
    content: "\e9cd"
}

.fa-quora:before {
    content: "\e9ce"
}

.fa-paragraph:before {
    content: "\e9cf"
}

.fa-ra:before {
    content: "\e9d0"
}

.fa-reddit-alien:before {
    content: "\e9d1"
}

.fa-refresh:before {
    content: "\e9d2"
}

.fa-remove:before {
    content: "\e9d3"
}

.fa-repeat:before {
    content: "\e9d4"
}

.fa-reorder:before {
    content: "\e9d5"
}

.fa-send:before {
    content: "\e9d6"
}

.fa-reddit-square:before {
    content: "\e9d7"
}

.fa-rmb:before {
    content: "\e9d8"
}

.fa-share-square-o:before {
    content: "\e9d9"
}

.fa-reddit:before {
    content: "\e9da"
}

.fa-sheqel:before {
    content: "\e9db"
}

.fa-shekel:before {
    content: "\e9dc"
}

.fa-shield:before {
    content: "\e9dd"
}

.fa-resistance:before {
    content: "\e9de"
}

.fa-rotate-left:before {
    content: "\e9df"
}

.fa-rouble:before {
    content: "\e9e0"
}

.fa-share-square:before {
    content: "\e9e1"
}

.fa-skyatlas:before {
    content: "\e9e2"
}

.fa-rotate-right:before {
    content: "\e9e3"
}

.fa-signing:before {
    content: "\e9e4"
}

.fa-skype:before {
    content: "\e9e5"
}

.fa-snapchat:before {
    content: "\e9e6"
}

.fa-ruble:before {
    content: "\e9e7"
}

.fa-snapchat-ghost:before {
    content: "\e9e8"
}

.fa-soccer-ball-o:before {
    content: "\e9e9"
}

.fa-snapchat-square:before {
    content: "\e9ea"
}

.fa-sort-asc:before {
    content: "\e9eb"
}

.fa-tencent-weibo:before {
    content: "\e9ec"
}

.fa-th-large:before {
    content: "\e9ed"
}

.fa-thermometer-4:before {
    content: "\e9ee"
}

.fa-thermometer-three-quarters:before {
    content: "\e9ef"
}

.fa-sort-down:before {
    content: "\e9f0"
}

.fa-sort-up:before {
    content: "\e9f1"
}

.fa-sun-o:before {
    content: "\e9f2"
}

.fa-thermometer-0:before {
    content: "\e9f3"
}

.fa-thermometer-3:before {
    content: "\e9f4"
}

.fa-send-o:before {
    content: "\e9f5"
}

.fa-rupee:before {
    content: "\e9f6"
}

.fa-sort-desc:before {
    content: "\e9f7"
}

.fa-star-half-empty:before {
    content: "\e9f8"
}

.fa-suitcase:before {
    content: "\e9f9"
}

.fa-th:before {
    content: "\e9fa"
}

.fa-table:before {
    content: "\e9fb"
}

.fa-s15:before {
    content: "\e9fc"
}

.fa-thermometer:before {
    content: "\e9fd"
}

.fa-save:before {
    content: "\e9fe"
}

.fa-support:before {
    content: "\e9ff"
}

.fa-star-half-full:before {
    content: "\ea00"
}

.fa-thermometer-1:before {
    content: "\ea01"
}

.fa-align-justify:before {
    content: "\e902"
}

.fa-thermometer-2:before {
    content: "\ea02"
}

.fa-align-right:before {
    content: "\e903"
}

.fa-shirtsinbulk:before {
    content: "\ea03"
}

.fa-bank:before {
    content: "\e904"
}

.fa-times:before {
    content: "\ea04"
}

.fa-align-left:before {
    content: "\e905"
}

.fa-times-circle:before {
    content: "\ea05"
}

.fa-cc-discover:before {
    content: "\e906"
}

.fa-th-list:before {
    content: "\ea06"
}

.fa-bold:before {
    content: "\e907"
}

.fa-toggle-down:before {
    content: "\ea07"
}

.fa-battery-1:before {
    content: "\e908"
}

.fa-times-circle-o:before {
    content: "\ea08"
}

.fa-bluetooth-b:before {
    content: "\e909"
}

.fa-times-rectangle:before {
    content: "\ea09"
}

.fa-btc:before {
    content: "\e90a"
}

.fa-toggle-left:before {
    content: "\ea0a"
}

.fa-asl-interpreting:before {
    content: "\e90b"
}

.fa-battery-2:before {
    content: "\e90c"
}

.fa-times-rectangle-o:before {
    content: "\ea0c"
}

.fa-bug:before {
    content: "\e90d"
}

.fa-toggle-right:before {
    content: "\ea0d"
}

.fa-cab:before {
    content: "\e90e"
}

.fa-toggle-up:before {
    content: "\ea0e"
}

.fa-battery-4:before {
    content: "\e90f"
}

.fa-try:before {
    content: "\ea0f"
}

.fa-buysellads:before {
    content: "\e910"
}

.fa-turkish-lira:before {
    content: "\ea10"
}

.fa-automobile:before {
    content: "\e911"
}

.fa-tv:before {
    content: "\ea11"
}

.fa-calendar:before {
    content: "\e912"
}

.fa-unlock-alt:before {
    content: "\ea12"
}

.fa-cart-arrow-down:before {
    content: "\e913"
}

.fa-unsorted:before {
    content: "\ea13"
}

.fa-cc-jcb:before {
    content: "\e914"
}

.fa-unlink:before {
    content: "\ea14"
}

.fa-cc-discover-o:before {
    content: "\e915"
}

.fa-battery-3:before {
    content: "\e916"
}

.fa-vcard:before {
    content: "\ea16"
}

.fa-cc-paypal:before {
    content: "\e917"
}

.fa-vcard-o:before {
    content: "\ea17"
}

.fa-cc-amex:before {
    content: "\e918"
}

.fa-warning:before {
    content: "\ea18"
}

.fa-cc-visa:before {
    content: "\e919"
}

.fa-viadeo-square:before {
    content: "\ea19"
}

.fa-cc-mastercard:before {
    content: "\e91a"
}

.fa-wechat:before {
    content: "\ea1a"
}

.fa-vimeo-square:before {
    content: "\ea1b"
}

.fa-wikipedia-w:before {
    content: "\ea1c"
}

.fa-bitcoin:before {
    content: "\e91d"
}

.fa-window-minimize:before {
    content: "\ea1d"
}

.fa-cc-diners-club:before {
    content: "\e91e"
}

.fa-y-combinat:before {
    content: "\ea1e"
}

.fa-calendar-times-o:before {
    content: "\e91f"
}

.fa-yahoo:before {
    content: "\ea1f"
}

.fa-chevron-left:before {
    content: "\e920"
}

.fa-yc:before {
    content: "\ea20"
}

.fa-chevron-down:before {
    content: "\e921"
}

.fa-y-combinator-square:before {
    content: "\ea21"
}

.fa-chevron-circle-up:before {
    content: "\e922"
}

.fa-won:before {
    content: "\ea22"
}

.fa-chevron-up:before {
    content: "\e923"
}

.fa-yc-square:before {
    content: "\ea23"
}

.fa-circle-o:before {
    content: "\e924"
}

.fa-yen:before {
    content: "\ea24"
}

.fa-chevron-circle-right:before {
    content: "\e925"
}

.fa-angle-double-right:before {
    content: "\e69c"
}

.fa-empire:before {
    content: "\e79c"
}

.fa-hand-rock-o:before {
    content: "\e89c"
}

.fa-backward:before {
    content: "\e69d"
}

.fa-gamepad-o:before {
    content: "\e79d"
}

.fa-hand-pointer-o:before {
    content: "\e89d"
}

.fa-arrows-h:before {
    content: "\e69e"
}

.fa-gitlab:before {
    content: "\e79e"
}

.fa-hand-scissors-o:before {
    content: "\e89e"
}

.fa-bar-chart:before {
    content: "\e69f"
}

.fa-glide-g:before {
    content: "\e79f"
}

.fa-hand-spock:before {
    content: "\e89f"
}

.fa-angellist:before {
    content: "\e6a0"
}

.fa-glide:before {
    content: "\e7a0"
}

.fa-hand-spock-o:before {
    content: "\e8a0"
}

.fa-arrow-up:before {
    content: "\e6a1"
}

.fa-github-square:before {
    content: "\e7a1"
}

.fa-home:before {
    content: "\e8a1"
}

.fa-arrow-circle-left:before {
    content: "\e6a2"
}

.fa-google-logo-o:before {
    content: "\e7a2"
}

.fa-hourglass:before {
    content: "\e8a2"
}

.fa-arrow-circle-down:before {
    content: "\e6a3"
}

.fa-google:before {
    content: "\e7a3"
}

.fa-Host:before {
    content: "\e8a3"
}

.fa-bar-chart-o:before {
    content: "\e6a4"
}

.fa-globe-o:before {
    content: "\e7a4"
}

.fa-hourglass-2:before {
    content: "\e8a4"
}

.fa-battery-empty:before {
    content: "\e6a5"
}

.fa-google-browser:before {
    content: "\e7a5"
}

.fa-hourglass-start:before {
    content: "\e8a5"
}

.fa-angle-up:before {
    content: "\e6a6"
}

.fa-globe:before {
    content: "\e7a6"
}

.fa-hourglass-end:before {
    content: "\e8a6"
}

.fa-arrow-circle-o-left:before {
    content: "\e6a7"
}

.fa-google-logo:before {
    content: "\e7a7"
}

.fa-hourglass-o:before {
    content: "\e8a7"
}

.fa-battery-quarter:before {
    content: "\e6a8"
}

.fa-google-plus:before {
    content: "\e7a8"
}

.fa-hourglass-3:before {
    content: "\e8a8"
}

.fa-arrow-circle-o-right:before {
    content: "\e6a9"
}

.fa-google-plus-square:before {
    content: "\e7a9"
}

.fa-imdb:before {
    content: "\e8a9"
}

.fa-arrow-circle-up:before {
    content: "\e6aa"
}

.fa-instagram:before {
    content: "\e7aa"
}

.fa-id-badge:before {
    content: "\e8aa"
}

.fa-arrow-circle-right:before {
    content: "\e6ab"
}

.fa-ioxhost:before {
    content: "\e7ab"
}

.fa-key:before {
    content: "\e8ab"
}

.fa-arrow-left:before {
    content: "\e6ac"
}

.fa-google-plus-official:before {
    content: "\e7ac"
}

.fa-id-badge-o:before {
    content: "\e8ac"
}

.fa-arrow-circle-o-up:before {
    content: "\e6ad"
}

.fa-inbox:before {
    content: "\e7ad"
}

.fa-liebiao:before {
    content: "\e8ad"
}

.fa-caret-left:before {
    content: "\e6ae"
}

.fa-internet-explorer:before {
    content: "\e7ae"
}

.fa-indent-right:before {
    content: "\e8ae"
}

.fa-caret-square-down:before {
    content: "\e6af"
}

.fa-h-square:before {
    content: "\e7af"
}

.fa-hourglass-half:before {
    content: "\e8af"
}

.fa-bed:before {
    content: "\e6b0"
}

.fa-hulianwang:before {
    content: "\e7b0"
}

.fa-hourglass-1:before {
    content: "\e8b0"
}

.fa-arrows-alt:before {
    content: "\e6b1"
}

.fa-jingdong:before {
    content: "\e7b1"
}

.fa-caret-down:before {
    content: "\e6b2"
}

.fa-JD:before {
    content: "\e7b2"
}

.fa-imdb-o:before {
    content: "\e8b2"
}

.fa-arrow-right:before {
    content: "\e6b3"
}

.fa-joomla:before {
    content: "\e7b3"
}

.fa-industry:before {
    content: "\e8b3"
}

.fa-battery-half:before {
    content: "\e6b4"
}

.fa-keyboard:before {
    content: "\e7b4"
}

.fa-indent-left:before {
    content: "\e8b4"
}

.fa-barcode:before {
    content: "\e6b5"
}

.fa-jsfiddle:before {
    content: "\e7b5"
}

.fa-lifering:before {
    content: "\e8b5"
}

.fa-arrows:before {
    content: "\e6b6"
}

.fa-laptop:before {
    content: "\e7b6"
}

.fa-lightbulb-1:before {
    content: "\e8b6"
}

.fa-caret-right:before {
    content: "\e6b7"
}

.fa-line:before {
    content: "\e7b7"
}

.fa-leaf:before {
    content: "\e8b7"
}

.fa-caret-square-right:before {
    content: "\e6b8"
}

.fa-lastfm-square:before {
    content: "\e7b8"
}

.fa-info:before {
    content: "\e8b8"
}

.fa-arrow-circle-o-down:before {
    content: "\e6b9"
}

.fa-link:before {
    content: "\e7b9"
}

.fa-lifering-o:before {
    content: "\e8b9"
}

.fa-battery-full:before {
    content: "\e6ba"
}

.fa-lastfm:before {
    content: "\e7ba"
}

.fa-lightbulb:before {
    content: "\e8ba"
}

.fa-caret-square-o-right:before {
    content: "\e6bb"
}

.fa-linkedin:before {
    content: "\e7bb"
}

.fa-lightbulb-o:before {
    content: "\e8bb"
}

.fa-calculator-o:before {
    content: "\e6bc"
}

.fa-linkedin-square:before {
    content: "\e7bc"
}

.fa-linode:before {
    content: "\e8bc"
}

.fa-caret-square-o-down:before {
    content: "\e6bd"
}

.fa-magnet:before {
    content: "\e7bd"
}

.fa-lock:before {
    content: "\e8bd"
}

.fa-caret-square-o-up:before {
    content: "\e6be"
}

.fa-keyboard-o:before {
    content: "\e7be"
}

.fa-life-ring-o:before {
    content: "\e8be"
}

.fa-caret-square-uP:before {
    content: "\e6bf"
}

.fa-keyboard-o-1:before {
    content: "\e7bf"
}

.fa-list:before {
    content: "\e8bf"
}

.fa-calculator:before {
    content: "\e6c0"
}

.fa-jingdong-o:before {
    content: "\e7c0"
}

.fa-magic:before {
    content: "\e8c0"
}

.fa-check:before {
    content: "\e6c1"
}

.fa-mouse-pointer:before {
    content: "\e7c1"
}

.fa-newspaper:before {
    content: "\e8c1"
}

.fa-caret-up:before {
    content: "\e6c2"
}

.fa-mixcloud:before {
    content: "\e7c2"
}

.fa-newspaper-o:before {
    content: "\e8c2"
}

.fa-battery-three-quarters:before {
    content: "\e6c3"
}

.fa-mouse-pointer-o:before {
    content: "\e7c3"
}

.fa-opera:before {
    content: "\e8c3"
}

.fa-arrow-down:before {
    content: "\e6c4"
}

.fa-object:before {
    content: "\e7c4"
}

.fa-minimize:before {
    content: "\e8c4"
}

.fa-object-group:before {
    content: "\e7c5"
}

.fa-list-ol:before {
    content: "\e8c5"
}

.fa-check-square:before {
    content: "\e6c6"
}

.fa-nlinepayment-o:before {
    content: "\e7c6"
}

.fa-pause:before {
    content: "\e8c6"
}

.fa-check-circle:before {
    content: "\e6c7"
}

.fa-object-ungroup:before {
    content: "\e7c7"
}

.fa-PaperPlane-o:before {
    content: "\e8c7"
}

.fa-check-circle-o:before {
    content: "\e6c8"
}

.fa-objectgroup-o:before {
    content: "\e7c8"
}

.fa-PaperPlane:before {
    content: "\e8c8"
}

.fa-object-ungroup-solid:before {
    content: "\e7c9"
}

.fa-microchip:before {
    content: "\e8c9"
}

.fa-caret-square-left:before {
    content: "\e6ca"
}

.fa-object-ungroup-o:before {
    content: "\e7ca"
}

.fa-picture:before {
    content: "\e8ca"
}

.fa-close-square:before {
    content: "\e6cb"
}

.fa-pinterest:before {
    content: "\e7cb"
}

.fa-pause-circle:before {
    content: "\e8cb"
}

.fa-close:before {
    content: "\e6cc"
}

.fa-product-hunt-line:before {
    content: "\e7cc"
}

.fa-pencil-square-o:before {
    content: "\e8cc"
}

.fa-pengyouquan:before {
    content: "\e7cd"
}

.fa-picture-o:before {
    content: "\e8cd"
}

.fa-caret-square-o-left:before {
    content: "\e6ce"
}

.fa-pinterest-square:before {
    content: "\e7ce"
}

.fa-play:before {
    content: "\e8ce"
}

.fa-code:before {
    content: "\e6cf"
}

.fa-pinterest-p:before {
    content: "\e7cf"
}

.fa-play-circle:before {
    content: "\e8cf"
}

.fa-exclamation-triangle:before {
    content: "\e6d0"
}

.fa-product-hunt:before {
    content: "\e7d0"
}

.fa-pie-chart:before {
    content: "\e8d0"
}

.fa-exclamation:before {
    content: "\e6d1"
}

.fa-qq:before {
    content: "\e7d1"
}

.fa-podcast:before {
    content: "\e8d1"
}

.fa-ellipsis-y:before {
    content: "\e6d2"
}

.fa-qq-circle:before {
    content: "\e7d2"
}

.fa-pause-circle-o:before {
    content: "\e8d2"
}

.fa-close-circle:before {
    content: "\e6d3"
}

.fa-linux:before {
    content: "\e7d3"
}

.fa-scissors:before {
    content: "\e8d3"
}

.fa-fast-backward:before {
    content: "\e6d4"
}

.fa-QR-code:before {
    content: "\e7d4"
}

.fa-Securitycheck:before {
    content: "\e8d4"
}

.fa-compass:before {
    content: "\e6d5"
}

.fa-renren:before {
    content: "\e7d5"
}

.fa-scissors-o:before {
    content: "\e8d5"
}

.fa-code-fork:before {
    content: "\e6d6"
}

.fa-qrcode-1:before {
    content: "\e7d6"
}

.fa-server:before {
    content: "\e8d6"
}

.fa-close-circle-o:before {
    content: "\e6d7"
}

.fa-qrcode:before {
    content: "\e7d7"
}

.fa-ravelry:before {
    content: "\e8d7"
}

.fa-gratipay:before {
    content: "\e6d8"
}

.fa-rss:before {
    content: "\e7d8"
}

.fa-simplybuilt:before {
    content: "\e8d8"
}

.fa-hashtag:before {
    content: "\e6d9"
}

.fa-rss-square:before {
    content: "\e7d9"
}

.fa-server-o:before {
    content: "\e8d9"
}

.fa-get-pocket:before {
    content: "\e6da"
}

.fa-secret:before {
    content: "\e7da"
}

.fa-stack-exchange:before {
    content: "\e8da"
}

.fa-exclamation-circle:before {
    content: "\e6db"
}

.fa-secret-o:before {
    content: "\e7db"
}

.fa-shopping-basket:before {
    content: "\e8db"
}

.fa-heart:before {
    content: "\e6dc"
}

.fa-sellsy:before {
    content: "\e7dc"
}

.fa-trash-o:before {
    content: "\e8dc"
}

.fa-share-alt:before {
    content: "\e7dd"
}

.fa-trophy-o:before {
    content: "\e8dd"
}

.fa-heartbeat:before {
    content: "\e6de"
}

.fa-share:before {
    content: "\e7de"
}

.fa-stop:before {
    content: "\e8de"
}

.fa-i-cursor:before {
    content: "\e6df"
}

.fa-share-alt-square:before {
    content: "\e7df"
}

.fa-snowflake-o:before {
    content: "\e8df"
}

.fa-heart-o:before {
    content: "\e6e0"
}

.fa-shield-o:before {
    content: "\e7e0"
}

.fa-stop-circle:before {
    content: "\e8e0"
}

.fa-history:before {
    content: "\e6e1"
}

.fa-share-alt-o:before {
    content: "\e7e1"
}

.fa-level-down:before {
    content: "\e6e2"
}

.fa-shield-full:before {
    content: "\e7e2"
}

.fa-telegram:before {
    content: "\e8e2"
}

.fa-forward:before {
    content: "\e6e3"
}

.fa-soundcloud:before {
    content: "\e7e3"
}

.fa-thermometer-full:before {
    content: "\e8e3"
}

.fa-italic:before {
    content: "\e6e4"
}

.fa-signal:before {
    content: "\e7e4"
}

.fa-thermometer-empty:before {
    content: "\e8e4"
}

.fa-minus:before {
    content: "\e6e5"
}

.fa-shipinhuiyi:before {
    content: "\e7e5"
}

.fa-thermometer-half:before {
    content: "\e8e5"
}

.fa-location-arrow-o:before {
    content: "\e6e6"
}

.fa-stumbleupon:before {
    content: "\e7e6"
}

.fa-trash:before {
    content: "\e8e6"
}

.fa-level-up:before {
    content: "\e6e7"
}

.fa-stumbleupon-circle:before {
    content: "\e7e7"
}

.fa-tree:before {
    content: "\e8e7"
}

.fa-check-square-o:before {
    content: "\e6e8"
}

.fa-steam:before {
    content: "\e7e8"
}

.fa-stop-circle-o:before {
    content: "\e8e8"
}

.fa-image:before {
    content: "\e6e9"
}

.fa-spotify:before {
    content: "\e7e9"
}

.fa-snowflake:before {
    content: "\e8e9"
}

.fa-fast-forward:before {
    content: "\e6ea"
}

.fa-tablet:before {
    content: "\e7ea"
}

.fa-trello:before {
    content: "\e8ea"
}

.fa-music:before {
    content: "\e6eb"
}

.fa-safari:before {
    content: "\e7eb"
}

.fa-window-close:before {
    content: "\e8eb"
}

.fa-minus-circle:before {
    content: "\e6ec"
}

.fa-optin-monster:before {
    content: "\e7ec"
}

.fa-user:before {
    content: "\e8ec"
}

.fa-location-arrow:before {
    content: "\e6ed"
}

.fa-tag:before {
    content: "\e7ed"
}

.fa-minus-square-o:before {
    content: "\e6ee"
}

.fa-tags:before {
    content: "\e7ee"
}

.fa-user-circle:before {
    content: "\e8ee"
}

.fa-minus-circle-o:before {
    content: "\e6ef"
}

.fa-tag-o:before {
    content: "\e7ef"
}

.fa-unlock-o:before {
    content: "\e8ef"
}

.fa-minus-square:before {
    content: "\e6f0"
}

.fa-television:before {
    content: "\e7f0"
}

.fa-pagelines:before {
    content: "\e8f0"
}

.fa-paint-brush-fill:before {
    content: "\e6f1"
}

.fa-taobao:before {
    content: "\e7f1"
}

.fa-telegram-o:before {
    content: "\e8f1"
}

.fa-paint-brush:before {
    content: "\e6f2"
}

.fa-terminal:before {
    content: "\e7f2"
}

.fa-volume-off:before {
    content: "\e8f2"
}

.fa-Music-o:before {
    content: "\e6f3"
}

.fa-tengxunshipin:before {
    content: "\e7f3"
}

.fa-user-circle-o:before {
    content: "\e8f3"
}

.fa-language:before {
    content: "\e6f4"
}

.fa-tablet-o:before {
    content: "\e7f4"
}

.fa-window-maximize:before {
    content: "\e8f4"
}

.fa-paint-brush-line:before {
    content: "\e6f5"
}

.fa-terminal-o:before {
    content: "\e7f5"
}

.fa-unlock:before {
    content: "\e8f5"
}

.fa-paperclip:before {
    content: "\e6f6"
}

.fa-tint:before {
    content: "\e7f6"
}

.fa-trophy:before {
    content: "\e8f6"
}

.fa-paw-o:before {
    content: "\e6f7"
}

.fa-tianmao:before {
    content: "\e7f7"
}

.fa-handshake:before {
    content: "\e8f7"
}

.fa-plus:before {
    content: "\e6f8"
}

.fa-ticket-o:before {
    content: "\e7f8"
}

.fa-percent:before {
    content: "\e6f9"
}

.fa-themeisle:before {
    content: "\e7f9"
}

.fa-wpexplorer-o:before {
    content: "\e8f9"
}

.fa-plus-circle-o:before {
    content: "\e6fa"
}

.fa-tint-slash:before {
    content: "\e7fa"
}

.fa-window-restore-:before {
    content: "\e8fa"
}

.fa-plus-circle:before {
    content: "\e6fb"
}

.fa-tumblr:before {
    content: "\e7fb"
}

.fa-window-close-o:before {
    content: "\e8fb"
}

.fa-paw:before {
    content: "\e6fc"
}

.fa-twitter:before {
    content: "\e7fc"
}

.fa-window-restore:before {
    content: "\e8fc"
}

.fa-plus-square:before {
    content: "\e6fd"
}

.fa-tumblr-square:before {
    content: "\e7fd"
}

.fa-thermometer-quarter:before {
    content: "\e8fd"
}

.fa-plug:before {
    content: "\e6fe"
}

.fa-twitter-square:before {
    content: "\e7fe"
}

.fa-viadeo:before {
    content: "\e8fe"
}

.fa-power-off:before {
    content: "\e6ff"
}

.fa-tripadvisor:before {
    content: "\e7ff"
}

.fa-user-plus:before {
    content: "\e8ff"
}

.fa-question:before {
    content: "\e700"
}

.fa-TV:before {
    content: "\e800"
}

.fa-user-times:before {
    content: "\e900"
}

.fa-question-square:before {
    content: "\e701"
}

.fa-ticket:before {
    content: "\e801"
}

.fa-window-restore-o:before {
    content: "\e901"
}

.fa-question-circle:before {
    content: "\e702"
}

.fa-twitch:before {
    content: "\e802"
}

.fa-stack-overflow:before {
    content: "\e902"
}

.fa-quote-left:before {
    content: "\e703"
}

.fa-upload-o:before {
    content: "\e803"
}

.fa-volume-down:before {
    content: "\e903"
}

.fa-quote-right:before {
    content: "\e704"
}

.fa-umbrella-o:before {
    content: "\e804"
}

.fa-weixiu:before {
    content: "\e904"
}

.fa-puzzle-piece:before {
    content: "\e705"
}

.fa-umbrella:before {
    content: "\e805"
}

.fa-tasks-o:before {
    content: "\e905"
}

.fa-random:before {
    content: "\e706"
}

.fa-universal-access:before {
    content: "\e806"
}

.fa-handshake-o:before {
    content: "\e906"
}

.fa-rebel:before {
    content: "\e707"
}

.fa-toutiaoyangshi:before {
    content: "\e807"
}

.fa-recycle:before {
    content: "\e708"
}

.fa-underline:before {
    content: "\e808"
}

.fa-shower:before {
    content: "\e908"
}

.fa-vimeo:before {
    content: "\e809"
}

.fa-wrench:before {
    content: "\e909"
}

.fa-recycle-o:before {
    content: "\e70a"
}

.fa-vine:before {
    content: "\e80a"
}

.fa-users:before {
    content: "\e90a"
}

.fa-reply:before {
    content: "\e70b"
}

.fa-video-camera:before {
    content: "\e80b"
}

.fa-window-restore1:before {
    content: "\e90b"
}

.fa-registered:before {
    content: "\e70c"
}

.fa-upload:before {
    content: "\e80c"
}

.fa-registered-o:before {
    content: "\e70d"
}

.fa-usb-2:before {
    content: "\e80d"
}

.fa-reply-all:before {
    content: "\e70e"
}

.fa-usb-1:before {
    content: "\e80e"
}

.fa-recycle-1:before {
    content: "\e70f"
}

.fa-usb:before {
    content: "\e80f"
}

.fa-refresh-1:before {
    content: "\e710"
}

.fa-vk:before {
    content: "\e810"
}

.fa-retweet:before {
    content: "\e711"
}

.fa-weibo-1:before {
    content: "\e811"
}

.fa-scribd:before {
    content: "\e712"
}

.fa-wangluoguzhang:before {
    content: "\e812"
}

.fa-share-1:before {
    content: "\e713"
}

.fa-weibo:before {
    content: "\e813"
}

.fa-share-o:before {
    content: "\e714"
}

.fa-weixin:before {
    content: "\e814"
}

.fa-search:before {
    content: "\e715"
}

.fa-weixin-2:before {
    content: "\e815"
}

.fa-search-minus:before {
    content: "\e716"
}

.fa-windows-o:before {
    content: "\e816"
}

.fa-sign-in:before {
    content: "\e717"
}

.fa-windows:before {
    content: "\e817"
}

.fa-search-plus:before {
    content: "\e718"
}

.fa-wifi:before {
    content: "\e818"
}

.fa-sitemap:before {
    content: "\e719"
}

.fa-weixin-1:before {
    content: "\e819"
}

.fa-slack:before {
    content: "\e71a"
}

.fa-weibo-2:before {
    content: "\e81a"
}

.fa-sign-out:before {
    content: "\e71b"
}

.fa-weixin-3:before {
    content: "\e81b"
}

.fa-sort-alpha-asc:before {
    content: "\e71c"
}

.fa-xing-square:before {
    content: "\e81c"
}

.fa-sliders:before {
    content: "\e71d"
}

.fa-yelp:before {
    content: "\e81d"
}

.fa-sort:before {
    content: "\e71e"
}

.fa-wpexplorer:before {
    content: "\e81e"
}

.fa-sliders-o:before {
    content: "\e71f"
}

.fa-yoast:before {
    content: "\e81f"
}

.fa-sort-numeric-asc:before {
    content: "\e720"
}

.fa-xiajia:before {
    content: "\e820"
}

.fa-sort-amount-asc:before {
    content: "\e721"
}

.fa-wpbeginner:before {
    content: "\e821"
}

.fa-sort-amount-desc:before {
    content: "\e722"
}

.fa-youtube-play:before {
    content: "\e822"
}

.fa-sort-o:before {
    content: "\e723"
}

.fa-zhifubao-o:before {
    content: "\e823"
}

.fa-star-o:before {
    content: "\e724"
}

.fa-xing:before {
    content: "\e824"
}

.fa-square-o:before {
    content: "\e725"
}

.fa-zhihu:before {
    content: "\e825"
}

.fa-sort-alpha-desc:before {
    content: "\e726"
}

.fa-wordpress:before {
    content: "\e826"
}

.fa-spinner:before {
    content: "\e727"
}

.fa-youtube:before {
    content: "\e827"
}

.fa-star-half-o:before {
    content: "\e728"
}

.fa-zhifubao:before {
    content: "\e828"
}

.fa-step-forward:before {
    content: "\e729"
}

.fa-youku:before {
    content: "\e829"
}

.fa-step-backward:before {
    content: "\e72a"
}

.fa-youtube-square:before {
    content: "\e82a"
}

.fa-star-half:before {
    content: "\e72b"
}

.fa-steam-square:before {
    content: "\e82b"
}

.fa-frown:before {
    content: "\e601"
}

.fa-sort-numeric-desc:before {
    content: "\e72c"
}

.fa-cc:before {
    content: "\e82c"
}

.fa-frown-o:before {
    content: "\e602"
}

.fa-superpowers:before {
    content: "\e72d"
}

.fa-zhifubaoicon:before {
    content: "\e82d"
}

.fa-eye:before {
    content: "\e603"
}

.fa-subscript:before {
    content: "\e72e"
}

.fa-address-book:before {
    content: "\e82e"
}

.fa-eye-slash:before {
    content: "\e604"
}

.fa-star:before {
    content: "\e72f"
}

.fa-bell-o:before {
    content: "\e82f"
}

.fa-low-vision:before {
    content: "\e605"
}

.fa-sun:before {
    content: "\e730"
}

.fa-bell:before {
    content: "\e830"
}

.fa-meh-o:before {
    content: "\e606"
}

.fa-superscript:before {
    content: "\e731"
}

.fa-address-book-o:before {
    content: "\e831"
}

.fa-meh:before {
    content: "\e607"
}

.fa-suno:before {
    content: "\e732"
}

.fa-bandcamp:before {
    content: "\e832"
}

.fa-smile:before {
    content: "\e608"
}

.fa-thumbs-down:before {
    content: "\e733"
}

.fa-bell-slash:before {
    content: "\e833"
}

.fa-sign-language:before {
    content: "\e609"
}

.fa-text-size:before {
    content: "\e734"
}

.fa-address-card-o:before {
    content: "\e834"
}

.fa-moon-o:before {
    content: "\e60a"
}

.fa-text-height:before {
    content: "\e735"
}

.fa-adjust:before {
    content: "\e835"
}

.fa-wheelchair-alt:before {
    content: "\e60b"
}

.fa-text-width:before {
    content: "\e736"
}

.fa-address-card:before {
    content: "\e836"
}

.fa-moon:before {
    content: "\e60c"
}

.fa-toggle-off:before {
    content: "\e737"
}

.fa-balance-scale:before {
    content: "\e837"
}

.fa-smile-o:before {
    content: "\e60d"
}

.fa-toggle-on:before {
    content: "\e738"
}

.fa-bluetooth-o:before {
    content: "\e838"
}

.fa-thumbs-o-down:before {
    content: "\e60e"
}

.fa-thumbs-up:before {
    content: "\e739"
}

.fa-ban:before {
    content: "\e839"
}

.fa-wheelchair:before {
    content: "\e60f"
}

.fa-bath:before {
    content: "\e83a"
}

.fa-thumbs-o-up:before {
    content: "\e610"
}

.fa-TM:before {
    content: "\e73b"
}

.fa-anquan:before {
    content: "\e83b"
}

.fa-hospital:before {
    content: "\e611"
}

.fa-bandcamp-o:before {
    content: "\e83c"
}

.fa-comment:before {
    content: "\e612"
}

.fa-trademark:before {
    content: "\e73d"
}

.fa-bolt:before {
    content: "\e83d"
}

.fa-bullhorn:before {
    content: "\e613"
}

.fa-undo:before {
    content: "\e73e"
}

.fa-black-tie:before {
    content: "\e83e"
}

.fa-commenting:before {
    content: "\e614"
}

.fa-toggle-o-on:before {
    content: "\e73f"
}

.fa-bell-slash-o:before {
    content: "\e83f"
}

.fa-comment-o:before {
    content: "\e615"
}

.fa-toggle-o-off:before {
    content: "\e740"
}

.fa-ban-o:before {
    content: "\e840"
}

.fa-comments:before {
    content: "\e616"
}

.fa-Trademark-o:before {
    content: "\e741"
}

.fa-blind:before {
    content: "\e841"
}

.fa-commenting-o:before {
    content: "\e617"
}

.fa-volume-up:before {
    content: "\e742"
}

.fa-black-tie-o:before {
    content: "\e842"
}

.fa-comments-o:before {
    content: "\e618"
}

.fa-hacker-news:before {
    content: "\e743"
}

.fa-at:before {
    content: "\e843"
}

.fa-hdd:before {
    content: "\e619"
}

.fa-question-circle-o:before {
    content: "\e744"
}

.fa-bars:before {
    content: "\e844"
}

.fa-fax-o:before {
    content: "\e61a"
}

.fa-square:before {
    content: "\e745"
}

.fa-bluetooth:before {
    content: "\e845"
}

.fa-dashcube:before {
    content: "\e61b"
}

.fa-archive:before {
    content: "\e846"
}

.fa-Headphones-1:before {
    content: "\e61c"
}

.fa-anchor:before {
    content: "\e847"
}

.fa-fax:before {
    content: "\e61d"
}

.fa-bookmark:before {
    content: "\e748"
}

.fa-audio-description-o:before {
    content: "\e848"
}

.fa-mobile-o:before {
    content: "\e61e"
}

.fa-bookmark-o:before {
    content: "\e749"
}

.fa-bolt-o:before {
    content: "\e849"
}

.fa-headphones:before {
    content: "\e61f"
}

.fa-book:before {
    content: "\e74a"
}

.fa-bicycle:before {
    content: "\e84a"
}

.fa-microphone-o:before {
    content: "\e620"
}

.fa-briefcase:before {
    content: "\e74b"
}

.fa-camera:before {
    content: "\e84b"
}

.fa-modx:before {
    content: "\e621"
}

.fa-building-o:before {
    content: "\e74c"
}

.fa-asterisk:before {
    content: "\e84c"
}

.fa-microphone-slash:before {
    content: "\e622"
}

.fa-building:before {
    content: "\e74d"
}

.fa-birthday-cake:before {
    content: "\e84d"
}

.fa-mobile:before {
    content: "\e623"
}

.fa-eraser:before {
    content: "\e74e"
}

.fa-audio-description:before {
    content: "\e84e"
}

.fa-clipboard:before {
    content: "\e74f"
}

.fa-bullseye:before {
    content: "\e84f"
}

.fa-headphones-2:before {
    content: "\e625"
}

.fa-files_labeled:before {
    content: "\e750"
}

.fa-cogs:before {
    content: "\e850"
}

.fa-microphone:before {
    content: "\e626"
}

.fa-files:before {
    content: "\e751"
}

.fa-Bomb:before {
    content: "\e851"
}

.fa-phone-square:before {
    content: "\e627"
}

.fa-files-labeled-o:before {
    content: "\e752"
}

.fa-calendar-o:before {
    content: "\e852"
}

.fa-phone-o:before {
    content: "\e628"
}

.fa-excel:before {
    content: "\e753"
}

.fa-camera-o:before {
    content: "\e853"
}

.fa-phone:before {
    content: "\e629"
}

.fa-files-o:before {
    content: "\e754"
}

.fa-camera-retro:before {
    content: "\e854"
}

.fa-stethoscope:before {
    content: "\e62a"
}

.fa-file-text:before {
    content: "\e755"
}

.fa-cog:before {
    content: "\e855"
}

.fa-whatsapp:before {
    content: "\e62b"
}

.fa-folder-open:before {
    content: "\e756"
}

.fa-volume-control-phone:before {
    content: "\e62c"
}

.fa-Folder-o:before {
    content: "\e757"
}

.fa-area-chart:before {
    content: "\e857"
}

.fa-tty:before {
    content: "\e62d"
}

.fa-graduation-cap:before {
    content: "\e758"
}

.fa-codepen:before {
    content: "\e858"
}

.fa-whats:before {
    content: "\e62e"
}

.fa-folder:before {
    content: "\e759"
}

.fa-calendar-minus-o:before {
    content: "\e859"
}

.fa-Headphones-o:before {
    content: "\e62f"
}

.fa-file-text-o:before {
    content: "\e75a"
}

.fa-columns-v:before {
    content: "\e85a"
}

.fa-credit-card-alt:before {
    content: "\e630"
}

.fa-cog-o:before {
    content: "\e85b"
}

.fa-leanpub:before {
    content: "\e75c"
}

.fa-crosshairs:before {
    content: "\e85c"
}

.fa-credit-card:before {
    content: "\e632"
}

.fa-honor:before {
    content: "\e75d"
}

.fa-american-sign-language-interpreting:before {
    content: "\e85d"
}

.fa-desktop:before {
    content: "\e85e"
}

.fa-gbp:before {
    content: "\e634"
}

.fa-medkit:before {
    content: "\e75f"
}

.fa-camera-retro-o:before {
    content: "\e85f"
}

.fa-inr:before {
    content: "\e635"
}

.fa-print:before {
    content: "\e760"
}

.fa-calendar-plus-o:before {
    content: "\e860"
}

.fa-eur:before {
    content: "\e636"
}

.fa-ppt:before {
    content: "\e761"
}

.fa-crop:before {
    content: "\e861"
}

.fa-krw:before {
    content: "\e637"
}

.fa-sticky-note-o:before {
    content: "\e762"
}

.fa-diamond:before {
    content: "\e862"
}

.fa-jpy:before {
    content: "\e638"
}

.fa-sticky-note:before {
    content: "\e763"
}

.fa-pie-chart-o:before {
    content: "\e664"
}

.fa-thumb-tack:before {
    content: "\e764"
}

.fa-assistive-listening-systems:before {
    content: "\e864"
}

.fa-money:before {
    content: "\e665"
}

.fa-tasks:before {
    content: "\e765"
}

.fa-dribbble:before {
    content: "\e865"
}

.fa-shopping-bag:before {
    content: "\e666"
}

.fa-shipinjiaocheng:before {
    content: "\e766"
}

.fa-columns:before {
    content: "\e866"
}

.fa-viacoin:before {
    content: "\e667"
}

.fa-tuding:before {
    content: "\e767"
}

.fa-eercast:before {
    content: "\e867"
}

.fa-onlinepayment:before {
    content: "\e668"
}

.fa-university:before {
    content: "\e768"
}

.fa-ellipsis-h:before {
    content: "\e868"
}

.fa-shopping-bag-o:before {
    content: "\e669"
}

.fa-thumb-tack-o:before {
    content: "\e769"
}

.fa-copyright:before {
    content: "\e869"
}

.fa-strikethrough:before {
    content: "\e66a"
}

.fa-wpforms:before {
    content: "\e76a"
}

.fa-dribbble-o:before {
    content: "\e86a"
}

.fa-shopping-cart:before {
    content: "\e66b"
}

.fa-word:before {
    content: "\e76b"
}

.fa-exchange:before {
    content: "\e86b"
}

.fa-rub:before {
    content: "\e66c"
}

.fa-eyedropper:before {
    content: "\e86c"
}

.fa-usd:before {
    content: "\e66d"
}

.fa-xiadan:before {
    content: "\e76d"
}

.fa-download:before {
    content: "\e86d"
}

.fa-industry-o:before {
    content: "\e66e"
}

.fa-zhengshu:before {
    content: "\e76e"
}

.fa-calendar-check-o:before {
    content: "\e86e"
}

.fa-shopping-cart-o:before {
    content: "\e66f"
}

.fa-yisheng:before {
    content: "\e76f"
}

.fa-line-chart:before {
    content: "\e670"
}

.fa-yinanbingli:before {
    content: "\e770"
}

.fa-externallink:before {
    content: "\e870"
}

.fa-wikipedia:before {
    content: "\e671"
}

.fa-yiliao:before {
    content: "\e771"
}

.fa-creative-commons:before {
    content: "\e871"
}

.fa-beer:before {
    content: "\e672"
}

.fa-zhengshu-o:before {
    content: "\e772"
}

.fa-ellipsis-v:before {
    content: "\e872"
}

.fa-coffee:before {
    content: "\e673"
}

.fa-baiduyun:before {
    content: "\e773"
}

.fa-envelope-open:before {
    content: "\e873"
}

.fa-glass:before {
    content: "\e674"
}

.fa-adn:before {
    content: "\e774"
}

.fa-deaf:before {
    content: "\e874"
}

.fa-spoon-o:before {
    content: "\e675"
}

.fa-360:before {
    content: "\e775"
}

.fa-file-archive-o:before {
    content: "\e875"
}

.fa-delicious:before {
    content: "\e676"
}

.fa-500px:before {
    content: "\e776"
}

.fa-etsy:before {
    content: "\e876"
}

.fa-coffee-o:before {
    content: "\e677"
}

.fa-alibaba:before {
    content: "\e777"
}

.fa-dot-circle-o:before {
    content: "\e877"
}

.fa-lemon:before {
    content: "\e678"
}

.fa-android:before {
    content: "\e778"
}

.fa-dropbox:before {
    content: "\e878"
}

.fa-cutlery:before {
    content: "\e679"
}

.fa-apple:before {
    content: "\e779"
}

.fa-database:before {
    content: "\e879"
}

.fa-oglass-:before {
    content: "\e67a"
}

.fa-behance:before {
    content: "\e77a"
}

.fa-file-code-o:before {
    content: "\e87a"
}

.fa-lemon-o:before {
    content: "\e67b"
}

.fa-aiqiyi:before {
    content: "\e77b"
}

.fa-file-audio-o:before {
    content: "\e87b"
}

.fa-spoon:before {
    content: "\e67c"
}

.fa-behance-square:before {
    content: "\e77c"
}

.fa-film:before {
    content: "\e87c"
}

.fa-lemon-1:before {
    content: "\e67d"
}

.fa-baidu:before {
    content: "\e77d"
}

.fa-fire:before {
    content: "\e87d"
}

.fa-mars:before {
    content: "\e67e"
}

.fa-cart-plus:before {
    content: "\e77e"
}

.fa-fire-extinguisher:before {
    content: "\e87e"
}

.fa-female:before {
    content: "\e67f"
}

.fa-cloud:before {
    content: "\e77f"
}

.fa-envelope-open-o:before {
    content: "\e87f"
}

.fa-mars-double:before {
    content: "\e680"
}

.fa-bitbucket:before {
    content: "\e780"
}

.fa-fast-backward1:before {
    content: "\e880"
}

.fa-male:before {
    content: "\e681"
}

.fa-baidu-o:before {
    content: "\e781"
}

.fa-flag:before {
    content: "\e881"
}

.fa-mars-stroke:before {
    content: "\e682"
}

.fa-Bug:before {
    content: "\e782"
}

.fa-Fire-full:before {
    content: "\e882"
}

.fa-mars-stroke-h:before {
    content: "\e683"
}

.fa-cloud-down:before {
    content: "\e783"
}

.fa-filter:before {
    content: "\e883"
}

.fa-mars-stroke-v:before {
    content: "\e684"
}

.fa-amazon:before {
    content: "\e784"
}

.fa-flag-o:before {
    content: "\e884"
}

.fa-odnoklassniki-square:before {
    content: "\e685"
}

.fa-braille:before {
    content: "\e785"
}

.fa-fire-full-o:before {
    content: "\e885"
}

.fa-odnoklassniki:before {
    content: "\e686"
}

.fa-circle-o-notch:before {
    content: "\e786"
}

.fa-file-image-o:before {
    content: "\e886"
}

.fa-street-view:before {
    content: "\e687"
}

.fa-chain:before {
    content: "\e787"
}

.fa-flask:before {
    content: "\e887"
}

.fa-mercury:before {
    content: "\e688"
}

.fa-chain-broken:before {
    content: "\e788"
}

.fa-full-screen-maximize:before {
    content: "\e888"
}

.fa-transgender-alt:before {
    content: "\e689"
}

.fa-css-:before {
    content: "\e789"
}

.fa-gift:before {
    content: "\e889"
}

.fa-user-md:before {
    content: "\e68a"
}

.fa-bitbucket-square:before {
    content: "\e78a"
}

.fa-futbol:before {
    content: "\e88a"
}

.fa-transgender:before {
    content: "\e68b"
}

.fa-cloud-up:before {
    content: "\e78b"
}

.fa-full-screen-minimize:before {
    content: "\e88b"
}

.fa-venus:before {
    content: "\e68c"
}

.fa-dazhongdianping:before {
    content: "\e78c"
}

.fa-external-link-square:before {
    content: "\e88c"
}

.fa-venus-double:before {
    content: "\e68d"
}

.fa-codiepie:before {
    content: "\e78d"
}

.fa-gavel:before {
    content: "\e88d"
}

.fa-venus-mars:before {
    content: "\e68e"
}

.fa-douban:before {
    content: "\e78e"
}

.fa-hand-paper-o:before {
    content: "\e88e"
}

.fa-user-secret:before {
    content: "\e68f"
}

.fa-deviantart:before {
    content: "\e78f"
}

.fa-hand-paper:before {
    content: "\e88f"
}

.fa-pied-piper-alt:before {
    content: "\e690"
}

.fa-connectdevelop:before {
    content: "\e790"
}

.fa-handlizardo:before {
    content: "\e890"
}

.fa-Street-View-o:before {
    content: "\e691"
}

.fa-edge:before {
    content: "\e791"
}

.fa-hand-lizard:before {
    content: "\e891"
}

.fa-slideshare:before {
    content: "\e692"
}

.fa-drupal:before {
    content: "\e792"
}

.fa-flag-checkered:before {
    content: "\e892"
}

.fa-align:before {
    content: "\e693"
}

.fa-douyin-o:before {
    content: "\e793"
}

.fa-hand-pointer:before {
    content: "\e893"
}

.fa-angle-left:before {
    content: "\e694"
}

.fa-chrome:before {
    content: "\e794"
}

.fa-hand-peace:before {
    content: "\e894"
}

.fa-angle-double-down:before {
    content: "\e695"
}

.fa-feed:before {
    content: "\e795"
}

.fa-hand-peace-o:before {
    content: "\e895"
}

.fa-angle-down:before {
    content: "\e696"
}

.fa-css3:before {
    content: "\e796"
}

.fa-file-excel-o:before {
    content: "\e896"
}

.fa-angle-double-left:before {
    content: "\e697"
}

.fa-douyin:before {
    content: "\e797"
}

.fa-free-code-camp:before {
    content: "\e897"
}

.fa-align-center:before {
    content: "\e698"
}

.fa-Finger-print:before {
    content: "\e798"
}

.fa-grav-o:before {
    content: "\e898"
}

.fa-angle-right:before {
    content: "\e699"
}

.fa-gamepad:before {
    content: "\e799"
}

.fa-grav:before {
    content: "\e899"
}

.fa-angle-double-up:before {
    content: "\e69a"
}

.fa-github:before {
    content: "\e79a"
}

.fa-hand-rock:before {
    content: "\e89a"
}

.fa-arrows-v:before {
    content: "\e69b"
}

.fa-github-alt:before {
    content: "\e79b"
}

.fa-hand-scissors:before {
    content: "\e89b"
}

.fa-binoculars:before {
    content: "\e639"
}

.fa-bus-1-o:before {
    content: "\e63a"
}

.fa-bus-1:before {
    content: "\e63b"
}

.fa-bus:before {
    content: "\e63c"
}

.fa-ambulance:before {
    content: "\e63d"
}

.fa-bus-3:before {
    content: "\e63e"
}

.fa-car:before {
    content: "\e63f"
}

.fa-fighter:before {
    content: "\e640"
}

.fa-map:before {
    content: "\e641"
}

.fa-fighter-jet:before {
    content: "\e642"
}

.fa-bus-2:before {
    content: "\e643"
}

.fa-map-marker:before {
    content: "\e644"
}

.fa-map-o:before {
    content: "\e645"
}

.fa-map-signs:before {
    content: "\e646"
}

.fa-map-signs-o:before {
    content: "\e647"
}

.fa-motorcycle:before {
    content: "\e648"
}

.fa-map-marker-o:before {
    content: "\e649"
}

.fa-mappin-o:before {
    content: "\e64a"
}

.fa-neuter:before {
    content: "\e64b"
}

.fa-mappin:before {
    content: "\e64c"
}

.fa-plane-1:before {
    content: "\e64d"
}

.fa-Motorcycle-o:before {
    content: "\e64e"
}

.fa-plane:before {
    content: "\e64f"
}

.fa-rocket:before {
    content: "\e650"
}

.fa-road:before {
    content: "\e651"
}

.fa-ship-o:before {
    content: "\e652"
}

.fa-ship:before {
    content: "\e653"
}

.fa-subway:before {
    content: "\e654"
}

.fa-subway-line:before {
    content: "\e655"
}

.fa-subway-1:before {
    content: "\e656"
}

.fa-subway-1-o:before {
    content: "\e657"
}

.fa-space-shuttle:before {
    content: "\e658"
}

.fa-tachometer:before {
    content: "\e659"
}

.fa-train:before {
    content: "\e65a"
}

.fa-taxi:before {
    content: "\e65b"
}

.fa-tachometer-o:before {
    content: "\e65c"
}

.fa-taxi-o:before {
    content: "\e65d"
}

.fa-train-o:before {
    content: "\e65e"
}

.fa-truck:before {
    content: "\e65f"
}

.fa-truck-1:before {
    content: "\e660"
}

.fa-yibiaopan:before {
    content: "\e661"
}

.fa-truck-o:before {
    content: "\e662"
}

.fa-yibiaopan-o:before {
    content: "\e663"
}


@media (min-width: 1921px) {
    .container {
        width: 75%
    }
}

a:focus {
    outline: none
}

.decorationnone, .dropdown-item:active, a:active, .decorationnone:active, .dropdown-item:focus, a:focus, .decorationnone:focus, .dropdown-item:hover, a:hover, .decorationnone:hover {
    text-decoration: none
}

.decoration:hover {
    text-decoration: underline
}

a:hover {
    color: #FF5722
}

img[data-original]:not([src]), img[data-original][src=""] {
    visibility: hidden
}

img.imgloading:not([src*="base64"]), img.slick-loading:not([src*="base64"]) {
    object-fit: scale-down;
    background: #fff
}

img[src*="?type=flag"]:not([width]) {
    width: 20px
}

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

.table {
    margin-bottom: 0;
    color: #333
}

.table a {
    text-decoration: none
}

.table thead th, .table tfoot th, .table td {
    outline: none
}

.table thead th:not([valign]), .table tfoot th:not([valign]), .table td:not([valign]) {
    vertical-align: middle
}

.table td .tag:not(.tag-pill) {
    line-height: inherit
}

table th, table td {
    border: 1px solid #ddd;
    display: table-cell !important
}

table th {
    background-color: #f3f7f9;
    font-weight: bold !important
}

table td.text-xs-center input[type="text"], table th.text-xs-center input[type="text"] {
    text-align: center
}

@media (min-width: 480px) {
    table th {
        white-space: nowrap
    }

    table.form-inline .form-group, table.form-inline .form-control {
        display: block;
        width: 100%
    }
}

div.dataTables_paginate .paginate_button.active > a, div.dataTables_paginate .paginate_button.active > a:focus, div.dataTables_paginate .paginate_button.active > a:hover {
    background: #ddd !important;
    border-color: #ddd !important;
    color: #777 !important
}

.dataTables_empty {
    text-align: center
}

.dataTables_info {
    color: #777
}

body table.table-bordered.dataTable {
    border-collapse: collapse !important
}

.table-striped.dataTable tbody tr.active td, body .table-striped.dataTable tbody tr.active:hover td {
    background: #f3f7f9 !important;
    color: inherit !important
}

.table-striped.dataTable tbody tr.active td > a, body .table-striped.dataTable tbody tr.active:hover td > a {
    color: var(--primary-color) !important
}

@media (max-width: 479px) {
    .dataTables_info {
        float: none !important
    }

    .dataTables_paginate {
        float: none !important
    }
}

.alertify-logs {
    bottom: auto !important;
    top: 48%;
    z-index: 1701 !important
}

@media (max-width: 767px) {
    .nav-tabs .nav-link {
        padding: 5px 10px
    }
}

.form-group {
    position: relative
}

.form-group .small-fixed {
    position: absolute;
    left: 0;
    top: 100%
}

.form-group .small-fixed small.form-control-label {
    margin: 0;
    margin-right: 10px;
    padding: 0;
    line-height: 1.5
}

.input-group-file .btn-file input[type="file"] {
    width: 100%;
    height: 100%
}

.input-group .form-control:active, .input-group .form-control:focus, .input-group .form-control:hover {
    z-index: 3
}

.form-inline .checkbox-custom label {
    padding-left: 0
}

.form-control-label {
    color: #555
}

.form-group:before, .form-group:after {
    display: table;
    content: " "
}

.form-group:after {
    clear: both
}

table.form-inline .form-group {
    margin-right: 0
}

/*#文件名称：basic.css #米拓企业建站系统 metinfo_7_6_basic #Copyright (C) 长沙米拓信息技术有限公司 (https://www.metinfo.cn). All rights reserved.*/
.met-scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10
}

.nav-tabs .nav-link {
    color: #333
}

.edui-editor, .token-input {
    max-width: 100%
}

.edui-default .edui-editor-toolbarbox {
    position: relative !important
}

.clockpicker-popover .popover-title {
    font-weight: normal !important
}

.met-fixed, .fixed-b-l {
    position: fixed;
    left: 0;
    z-index: 1000
}

.met-fixed {
    top: 0
}

.fixed-b-l {
    bottom: 0
}

.overflow-visible {
    overflow: visible !important
}

.oya {
    overflow-y: auto !important;
    scroll-behavior: smooth
}

.oxa {
    overflow-x: auto !important;
    scroll-behavior: smooth
}

.h-10 {
    height: 10px
}

.h-20 {
    height: 20px
}

.h-100p {
    height: 100%
}

.hide {
    display: none !important
}

#getcode, .met-getcode {
    height: 24px
}

.opacity1, .slick-arrow:hover i {
    opacity: 1
}

.opacity0 {
    opacity: 0
}

.flex, .slick-track {
    display: flex
}

.slick-track {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.radius0 {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important
}

.radius3 {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important
}

.radius5 {
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -o-border-radius: 5px !important;
    border-radius: 5px !important
}

.radius10 {
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    border-radius: 10px !important
}

.box-shadow-none {
    box-shadow: none
}

.box-shadow1 {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

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

.border-none {
    border: none !important
}

.border-top1 {
    border-top: 1px solid #f0f2f5
}

.border-bottom1 {
    border-bottom: 1px solid #f0f2f5
}

.border-type1 {
    border: 1px solid #ccc
}

.flex-start {
    -webkit-justify-content: flex-start !important;
    justify-content: flex-start !important
}

.flex-center {
    -webkit-justify-content: center;
    justify-content: center
}

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

.text-shadow-none {
    text-shadow: none
}

.dropdown-item, .transition500 {
    transition: all 0.5s !important
}

.modal-content {
    overflow: hidden
}

.page-content {
    padding: 30px 0px
}

.webui-popover {
    z-index: 1600
}

.pearl-title {
    white-space: normal
}

[class*="animation-"] {
    animation-fill-mode: none
}

.oxh {
    overflow-x: hidden
}

.tag-sm {
    font-size: 12px
}

.w-a {
    width: auto !important
}

.overscroll-none {
    overscroll-behavior: none
}

.overscroll-unset {
    overscroll-behavior: unset
}

.position-sticky {
    position: sticky !important
}

.transition300 {
    transition: all 0.3s !important
}

.animation-slide-top10 {
    -webkit-animation-name: slide-top10;
    animation-name: slide-top10
}

@-webkit-keyframes slide-top10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-top10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -10%, 0);
        transform: translate3d(0, -10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-bottom10 {
    -webkit-animation-name: slide-bottom10;
    animation-name: slide-bottom10
}

@-webkit-keyframes slide-bottom10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-bottom10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-left10 {
    -webkit-animation-name: slide-left10;
    animation-name: slide-left10
}

@-webkit-keyframes slide-left10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-left10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-right10 {
    -webkit-animation-name: slide-right10;
    animation-name: slide-right10
}

@-webkit-keyframes slide-right10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-right10 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-top50 {
    -webkit-animation-name: slide-top50;
    animation-name: slide-top50
}

@-webkit-keyframes slide-top50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-top50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-bottom50 {
    -webkit-animation-name: slide-bottom50;
    animation-name: slide-bottom50
}

@-webkit-keyframes slide-bottom50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-bottom50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-left50 {
    -webkit-animation-name: slide-left50;
    animation-name: slide-left50
}

@-webkit-keyframes slide-left50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-left50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.animation-slide-right50 {
    -webkit-animation-name: slide-right50;
    animation-name: slide-right50
}

@-webkit-keyframes slide-right50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slide-right50 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%, 0, 0);
        transform: translate3d(50%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.dropdown-item.active {
    color: #4E97D9 !important
}

.dropdown-item:hover, .dropdown-item.active {
    background: #f5f5f5 !important
}

.dropdown-toggle::after {
    margin-top: -3px
}

.dropdown-submenu:hover .dropdown-menu {
    display: table
}

.dropdown-submenu.dropdown-item {
    padding: 0 !important
}

.dropdown-menu, .dropdown-menu .dropdown-item {
    font-weight: normal
}

@media (max-width: 1199px) {
    .dropdown-item {
        white-space: normal
    }
}

@media (max-width: 767px) {
    .dropdown-menu.dropdown-menu-bullet:before, .dropdown-menu.dropdown-menu-bullet:after {
        display: none
    }
}

.met-sidebar-nav .list-group-item a {
    color: #76838f
}

.met-sidebar-nav .list-group-item a:hover {
    color: #000;
    text-decoration: none
}

.met-sidebar-nav .list-group-item.active a {
    color: var(--primary-color)
}

.met-editor {
    width: 100%;
    max-width: 100%;
    font-size: 16px;
    line-height: 1.8
}

.met-editor * {
    max-width: 100%
}

.met-editor p {
    margin-bottom: .8em
}

.met-editor table p {
    margin-bottom: 0
}

.met-editor img {
    max-width: 100% !important;
    vertical-align: top
}

.met-editor img[src]:not(.imgloading):not([height!='']) {
    height: auto
}

.met-editor .table-saw {
    overflow-x: auto
}

.met-editor .metvideobox, .met-editor video, .met-editor .metvideo, .met-editor iframe, .met-editor embed {
    max-width: 100% !important
}

.met-editor video {
    outline: none
}

.met-editor .lg-item-box {
    display: inline-block
}

@media (max-width: 767px) {
    .met-editor {
        font-size: 14px
    }
}

@media (min-width: 1024px) {
    .dropdown-menu-media .list-group::-webkit-scrollbar {
        width: 5px
    }

    .dropdown-menu-media .list-group::-webkit-scrollbar-thumb {
        background-color: #bbb;
        border-radius: 5px
    }

    .dropdown-menu-media .list-group::-webkit-scrollbar-track {
        background-color: #e5e5e5
    }
}

.met-lightgallery .lg-backdrop, .met-lightgallery .lg-toolbar {
    background: #fff
}

.met-lightgallery .lg-actions .lg-icon {
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.5)
}

.met-lightgallery .lg-actions .lg-icon:before, .met-lightgallery .lg-actions .lg-icon:after {
    content: ''
}

.met-lightgallery .lg-actions .lg-icon i {
    font-size: 40px
}

.met-lightgallery .lg-sub-html {
    background: rgba(255, 255, 255, 0.7)
}

.met-lightgallery .lg-toolbar.opacity0 {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px)
}

.met-lightgallery .lg-outer {
    z-index: 1602;
    background: #fff
}

.met-lightgallery .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
    bottom: 84px
}

.met-lightgallery .lg-outer .lg-thumb-outer, .met-lightgallery .lg-outer .lg-toogle-thumb {
    background: #fff
}

.met-lightgallery .lg-outer .lg-thumb-outer {
    padding: 0 10px
}

.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item {
    margin-bottom: 0
}

.met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item.active, .met-lightgallery .lg-outer .lg-thumb-outer .lg-thumb-item:hover {
    border-color: var(--primary-color)
}

.met-lightgallery .lg-toolbar .lg-icon:hover, .met-lightgallery .lg-actions .lg-next:hover, .met-lightgallery .lg-actions .lg-prev:hover, .met-lightgallery .lg-outer .lg-toogle-thumb:hover {
    color: #2a333c
}

.met-lightgallery .lg-sub-html {
    color: #5e7387
}

.swiper-navtab.swiper-container-horizontal .swiper-scrollbar {
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0
}

.swiper-navtab.swiper-container-horizontal .swiper-scrollbar-drag {
    background: rgba(0, 0, 0, 0.2)
}

.swiper-navtab .swiper-slide {
    width: auto
}

.swiper-wrapper > * {
    box-sizing: border-box
}

.slick-loading .slick-list {
    background: none
}

.slick-arrow {
    width: auto;
    height: auto;
    z-index: 1;
    color: #fff !important;
    text-align: center
}

.slick-arrow:before, .slick-arrow:after {
    display: none
}

.slick-arrow:hover {
    color: #4E97D9 !important
}

.slick-arrow.slick-next {
    right: 0
}

.slick-arrow.slick-prev {
    left: 0
}

.slick-arrow i {
    font-size: 40px;
    opacity: .5
}

.slick-slide img[data-lazy] {
    width: auto !important;
    max-width: 100% !important
}

.met-product-showvideo-btn {
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 1100;
    font-size: 60px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.met-product-showvideo-btn i {
    color: #000;
    background: #fff;
    border-radius: 100%
}

.met-product-showvideo-btn, .met-product-showvideo-btn a, .met-product-showvideo-btn i {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.met-product-showvideo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1100
}

.met-product-showvideo .vertical-align-middle {
    position: relative
}

.met-product-showvideo video, .met-product-showvideo iframe, .met-product-showvideo embed {
    max-width: 100%;
    vertical-align: top
}

.met-product-showvideo p {
    margin-bottom: 0
}

.met-product-showvideo .video-close {
    width: 40px;
    height: 40px;
    background: #000;
    opacity: .7;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    border-radius: 100%;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1100
}

.met-product-showvideo video {
    outline: none
}

@media (max-width: 767px) {
    .met-product-showvideo .video-close {
        width: 30px;
        height: 30px;
        font-size: 24px;
        line-height: 30px
    }
}

.met-sidebar {
    margin-left: 30px
}

@media (max-width: 991px) {
    .met-sidebar {
        margin-left: 0px;
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .met-sidebar {
        margin-top: 15px
    }
}

.met-sidebar > :not(:first-child) {
    margin: 20px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid #f0f2f5
}

.leftsidebar {
    margin-left: 0 !important;
    margin-right: 30px !important
}

@media (max-width: 991px) {
    .leftsidebar {
        margin-right: 0px !important
    }
}

.met-tools .bdsharebuttonbox {
    display: inline-block;
    vertical-align: top
}

#bdshare_weixin_qrcode_dialog {
    box-sizing: content-box
}

.no-js .grid li, .no-cssanimations .met-grid li, .met-grid li.shown, #met-imgs-slick .slick-dots li.slick-active {
    opacity: 1
}

.met-lightgallery .lg-toolbar.opacity0, .met-grid li {
    opacity: 0
}

#met-imgs-slick .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.paralist li {
    margin-bottom: 0
}

@media (min-width: 480px) {
    .paralist li {
        padding-right: 3px;
        padding-bottom: 3px
    }
}

.met-showproduct-head .product-para {
    border-top: 1px solid #f0f2f5
}

.met-showproduct-head .product-para, .product-detail .met-editor .product-para {
    border-bottom: 1px solid #f0f2f5
}

.met-column-nav-ul, .met-column-nav-ul.swiper-wrapper, #met-imgs-slick .slick-dots {
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.met-index-body:nth-of-type(odd) {
    background: #f5f5f5
}

.met-showproduct.pagetype2 .met-showproduct-navtabs.swiper-wrapper {
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.met-page .pagination li a {
    max-width: 100%
}

.block-bg {
    background: #fff
}

.dropdown-item, .met-page .pagination li a, .sidebar-news-list .list-group a, .sidebar-column li a, .met-nav .navlist .nav-item a, .met-footnav .list h4 a, .index-product-list h4 a, .index-news-list li a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-product.type-1 .met-product-list li h4 a, .met-download-list .list-group-item .media-heading a, .met-job-list .card .card-title a, .met-search-list .list-group-item h4 a, .met-footnav .info em a:hover, .index-service-list li h3 {
    color: #2a333c
}

.dropdown-item:hover, .met-page .pagination li a:hover, .sidebar-news-list .list-group a:hover, .sidebar-column li a:hover, .met-nav .navlist .nav-item a:hover, .met-footnav .list h4 a:hover, .index-product-list h4 a:hover, .index-news-list li a:hover, .met-news-list li h4 a:hover, .met-news-list.type-3 .card h4 a:hover, .met-product.type-1 .met-product-list li h4 a:hover, .met-download-list .list-group-item .media-heading a:hover, .met-job-list .card .card-title a:hover, .met-search-list .list-group-item h4 a:hover, .sidebar-piclist-ul li h4 a:hover, .met-link a:hover, .met-footnav .list ul li a:hover, .met-column-nav-ul li a:hover, .sitemap-list a:hover, .met-nav .navlist .nav-item a.nav-link:hover {
    color: #4e97d9
}

.sidebar-column li a.active, .met-column-nav-ul li a.active {
    color: #4e97d9
}

.sidebar-column li i, .met-link .breadcrumb > li + li:before, .met-footnav .info p, footer {
    color: #aaa
}

.sidebar-piclist-ul li h4 a, .paralist li, .met-link, .met-link a, .met-footnav .list ul li a, .met-footnav .info em a, .met-index-body p.desc, .index-service-list li i, .index-service-list li p, .met-showproduct-head .product-intro p.description {
    color: #5e7387
}

.met-head-user .dropdown i, .met-search-list .list-group-item .search-text {
    color: #9e9e9e
}

.dropdown-item, .met-page .pagination li a, .sidebar-news-list .list-group a, .sidebar-column li a, .met-nav .navlist .nav-item a, .met-footnav .list h4 a, .index-product-list h4 a, .index-news-list li a, .met-news-list li h4 a, .met-news-list.type-3 .card h4 a, .met-product.type-1 .met-product-list li h4 a, .met-download-list .list-group-item .media-heading a, .met-job-list .card .card-title a, .met-search-list .list-group-item h4 a, .sidebar-piclist-ul li h4 a, .met-link a, .met-footnav .list ul li a, .met-column-nav-ul li a, .sitemap-list a {
    text-decoration: none
}

.dropdown-item:active, .met-page .pagination li a:active, .sidebar-news-list .list-group a:active, .sidebar-column li a:active, .met-nav .navlist .nav-item a:active, .met-footnav .list h4 a:active, .index-product-list h4 a:active, .index-news-list li a:active, .met-news-list li h4 a:active, .met-news-list.type-3 .card h4 a:active, .met-product.type-1 .met-product-list li h4 a:active, .met-download-list .list-group-item .media-heading a:active, .met-job-list .card .card-title a:active, .met-search-list .list-group-item h4 a:active, .sidebar-piclist-ul li h4 a:active, .met-link a:active, .met-footnav .list ul li a:active, .met-column-nav-ul li a:active, .sitemap-list a:active, .decorationnone:active, .dropdown-item:focus, .met-page .pagination li a:focus, .sidebar-news-list .list-group a:focus, .sidebar-column li a:focus, .met-nav .navlist .nav-item a:focus, .met-footnav .list h4 a:focus, .index-product-list h4 a:focus, .index-news-list li a:focus, .met-news-list li h4 a:focus, .met-news-list.type-3 .card h4 a:focus, .met-product.type-1 .met-product-list li h4 a:focus, .met-download-list .list-group-item .media-heading a:focus, .met-job-list .card .card-title a:focus, .met-search-list .list-group-item h4 a:focus, .sidebar-piclist-ul li h4 a:focus, .met-link a:focus, .met-footnav .list ul li a:focus, .met-column-nav-ul li a:focus, .sitemap-list a:focus, .decorationnone:focus, .dropdown-item:hover, .met-page .pagination li a:hover, .sidebar-news-list .list-group a:hover, .sidebar-column li a:hover, .met-nav .navlist .nav-item a:hover, .met-footnav .list h4 a:hover, .index-product-list h4 a:hover, .index-news-list li a:hover, .met-news-list li h4 a:hover, .met-news-list.type-3 .card h4 a:hover, .met-product.type-1 .met-product-list li h4 a:hover, .met-download-list .list-group-item .media-heading a:hover, .met-job-list .card .card-title a:hover, .met-search-list .list-group-item h4 a:hover, .sidebar-piclist-ul li h4 a:hover, .met-link a:hover, .met-footnav .list ul li a:hover, .met-column-nav-ul li a:hover, .sitemap-list a:hover, .decorationnone:hover {
    text-decoration: none
}

.navhover-bg, .met-head-user .dropdown > a {
    background: #f5f5f5
}

.index-bg, .met-index-body:nth-of-type(odd) {
    background: #f5f5f5
}

.page-bg, .bg-pagebg1 {
    background: #f2f2f2
}

.block-bg, .panel, .met-showproduct.pagetype2 .content:nth-child(even) {
    background: #fff
}

.editor-color {
    background: #5e7387
}

.pagecr-bg {
    background: var(--primary-color)
}

.index-service-list li i {
    border-radius: 100%
}

.met-head + .met-crumbs, .met-head + .met-column-nav {
    border-top: 1px solid #f0f2f5
}

.sidebar-column li a {
    display: block;
    font-size: 16px
}

.sidebar-column li i {
    float: right;
    margin-top: 2px;
    font-size: 14px
}

.sidebar-column li ul a {
    font-size: 14px
}
.top-header {
    background: #ffffff;
}
.top-header_main {
    padding-top: 10px;
}
.top-header_main-log {
    width: 260px;
}
.top-header_main-log, .top-header_main-nav {
    float: left;
}
.top-header_main-nav {
    width: 1050px;
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
}
.top-header_main-nav ul {
    list-style: none;
}
.top-header_main-nav ul .top-header_main-nav_item {
    float: left;
    padding: 0px 25px;
}
.top-header_main-nav_item > a {
    font-size: 17px;
    font-weight: bold;
    color: var(--primary-color);
}
.top-header_nav {
    display: flex;
    background: var(--primary-color);
    margin-top: 15px;
    height: 50px;
    line-height: 50px;
}
.top-header_nav ul {
    height: 100%;
    width: 100%;
}
.top-header_nav ul .nav-item {
    float: left;
    height: 100%;
    padding: 0 20px;
    text-align: center;
}
.top-header_nav ul .nav-item:hover {
    background: var(--top-header-hot-hover-bg);
}
.top-header_nav ul .nav-item:hover > a {
    color: var(--top-header-hot-hover-color);
}
.top-header_nav ul .nav-item.active {
    background: var(--top-header-hot-hover-bg);
}
.top-header_nav ul .nav-item.active > a {
    color: var(--top-header-hot-hover-color);
}
.top-header_nav ul .nav-item > a{
    display: inline-block;
    color: var(--top-header-hot-color);
    font-weight: bold;
    font-size: 16px;
}

.top-header_hot-container {
    display: flex;
    width: 1310px;
    margin: 0 auto;
    padding: 0;
}
.top-header_hot {
    margin-bottom: 15px;
    height: 40px;
    line-height: 40px;
    background: #ffffff;
}
.top-header_hot ul {
    list-style: none;
    height: 100%;
    margin: 0;
    padding: 0;
}
.top-header_hot ul .top-header_hot-item {
    float: left;
    height: 100%;
    padding: 0 15px;
    text-align: center;
}
.top-header_hot ul .top-header_hot-item:hover > a {
    color: var(--primary-color);
}
.top-header_hot ul .top-header_hot-item.active {

}
.top-header_hot ul .top-header_hot-item.active > a {
    color: var(--primary-color);
}
.top-header_hot ul .top-header_hot-item > a{
    display: inline-block;
    color: #7d7d7d;
    font-size: 14px;
}
.top-header_hot .left-tag {
    position: relative;
    color: #7d7d7d;
    padding-left:25px;
    padding-right: 25px;
}
.top-header_hot .left-tag:after {
    border-left: solid 5px #7d7d7d;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 16px;
    right: 10px;
}

.tabs-box {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    background: #ffffff;
    margin-bottom: 15px;
    border: 1px solid #EFEFEF;
}
.tag-title {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    width:150px;
    padding-left: 30px;
}
.tag-title::before {
    position: absolute;
    content: " ";
    left: 0;
    width: 25px;
    height: 25px;
    background: url('../images/new.png') no-repeat center;
    background-size: cover;
}
.home-tabs {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px 0;
}
.home-tabs > li {
    text-align: center;
    padding: 6px;
    background: #dedede;
    border-radius: 100px;
    color: #000000;
    margin-right: 15px;
    width: 80px;
    cursor: pointer;
}
.home-tabs > li:hover {
    background: var(--primary-color);
    color: var(--top-header-hot-color);
}
.home-tabs > li.active {
    background: var(--primary-color);
    color: var(--top-header-hot-color);
}

.panel {
    display: block;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    border: 1px solid #EFEFEF;
    margin-bottom: 15px;
}
.panel ul {
    margin: 0;
}
.panel-hd {
    position: relative;
    z-index: 2006;
    padding-bottom: 0.5rem;
    border-bottom: solid 1px rgb(211, 211, 211);
    padding: 10px;
    background: var(--primary-shallow-color);
    color: var(--top-header-hot-color);
}
.panel-hd::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 0;
     height: 0;
     border-top: 44px solid var(--primary-tag-left-color);
     border-right:30px solid transparent;
     border-bottom:0px solid transparent;
     border-left:0px solid transparent;
 }
.panel-hd::after {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 40px solid var(--primary-tag-left-color);
    border-right:50px solid transparent;
    border-bottom:3px solid transparent;
    border-left:10px solid var(--primary-tag-left-color);
}
.panel-hd .zhedie img {
    width: 26px;
    height: 26px;
    transform: rotate(180deg);
}
.panel-hd .zhankai img {
    width: 26px;
    height: 26px;
}
.hdt {
    position: relative;
    z-index: 2006;
    flex: 1;
    font-size: 15px;
    font-weight: 700;
    padding-left: 5px;
}
.match-date {
    padding: 5px 15px;
    text-align: left;
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 10px;
    background: #EEEEEE;
    font-size: 13px;
    border-radius: 0px 50px 50px 0px;
}
.match-header {
    display: flex;
    align-items: center;
    border-bottom: solid 15px #F2F3F5;
    padding-bottom: 10px;
    padding-top: 10px;
}
.match-header h2 {
    margin: 0 !important;
    margin-right: 125px !important;
}
.match-tabs {
    width: 800px;
}
.match-tabs ul {
    display: flex;
}
.match-tabs ul li {
    padding: 0 10px;
    padding-bottom: 5px;
}
.match-tabs ul li a {
    font-size: 16px;
    font-weight: bold;
    color: #777777;
}
.match-tabs ul li.active {
    border-bottom: solid 5px var(--primary-color);
}
.match-tabs ul li:hover a {
    color: var(--primary-color);
}
.match-tabs ul li.active a {
    color: var(--primary-color);
}
.zb-zzk-list {
    padding-top: 15px;
}
.zb-zzk-list li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.zb-zzk-list li a {
    display: inline-block;
    color: #000000;
    padding: 2px 10px;
    background: #dedede;
    border-radius: 5px;
}

.zb-icon {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
}
.zb-info {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    font-size: 1rem;
    border-bottom: solid 1px #efefef;
}
.zb-info p {
    display: block;
    padding-right: 1rem;
}
.zb-info div:nth-child(1) {
    display: flex;
    align-items: center;
    width: 32%;
}
.zb-icon {
    padding-left: 15px;
    padding-right: 15px;
}
.zb-qiudui {
    position: relative;
    display: flex !important;
    justify-content: center;
    padding-left: 15px;
    width: 55%;
}
.zb-qiudui img {
    border-radius: 100%;
}
.zb-qiudui .hteam {
    display: inline-block;
    width: 140px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.zb-qiudui .vteam {
    display: inline-block;
    width: 140px;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}
.zb-qiudui .hteam img {
    padding-right: 5px
}
.zb-qiudui .bf {
    display: inline-block;
    text-align: center;
    padding: 0 15px;
    font-weight: bold;
    width: 120px;
}
.zb-qiudui .vteam img {
    padding-left: 5px
}

.zb-qiudui img {
    display: inline-block;
    vertical-align: middle;
    height: 1.8rem;
}
.zb-qiudui .host {
    position: absolute;
    right: -30px;
    margin-top: -6px;
}
.zb-qiudui .host img {
    border-radius: unset !important;
    height: 20px;
    width: 48px;
}
.zb-type {
    width: 160px;
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zb-time,.zb-type {
    color: #959595;
}
.zb-type a {
    color: #959595;
}
.zb-area {
    text-align: right;
    margin: 0;
    width: 25%;
}
.zb-area_btn {
    width: 110px;
    border-radius: 5px;
    text-align: center;
    padding: 0.4rem;
    display: inline-block;
    border: solid 1px var(--primary-color);
    color: var(--primary-color);
}
.zb-area_btn.start {
    background: var(--primary-color);
    color: #f1f1f1;
}
.zb-info p {
    margin-bottom: 0;
}
.zb-qiudui p {
    margin: 0;
    padding: 0;
}
.shrink {
    height: 350px;
    overflow: hidden;
}

.news-list {
    padding: 5px 0;
}
.news-list li {
    padding: 5px 0;
}
.news-list li a {
    color: #000000;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
}
.news-list li a:hover {
    color: #959595;
}
.news-list li a img {
    display: inline-block;
    min-width: 62px;
    min-height: 46px;
    max-width: 62px;
    max-height: 46px;
}
.news-list li a span {
    display: inline-block;
}
.news-list.clamp2 li a span{
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-list.text-overflow li a{
    width: calc(99% - 4px);
    overflow: hidden;
    word-break: keep-all;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news-list.text-overflow li a{
    display: inline-block;
}
.news-list.text-overflow li a span{
    padding-right: 5px;
    color: #959595;
}

#home-match-list li.zb-info.hide {
    display: none;
}

.hot-match-list {
    display: flex;
}
.hot-match-item {
    flex: 1;
}
.hot-match-container h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
    padding-left: 15px;
}
.hot-match-item {
    background: #040492;
    box-sizing: border-box;
    padding: 10px 14px;
}
.hot-match-item:not(:last-child) {
    margin-right: 15px;
}
.hot-match-item a {
    color: #ffffff;
}
.hot-match-item .match-info {
    display: flex;
    margin-bottom: 15px;
}
.hot-match-item .match-info h4 {
    flex: 1;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}
.hot-match-item .match-info p {
    font-size: 12px;
    margin: 0;
}
.hot-match-item .match-team {
    display: flex;
    margin-bottom: 15px;
    text-align: center;
    justify-content: space-around;
}
.hot-match-item .match-score {
    display: flex;
    margin-bottom: 5px;
    text-align: center;
    justify-content: space-around;
}
.hot-match-item .match-score h3 {
    margin: 0;
}
.match-desc {
    line-height: 1.6;
}
.match-desc p {
    text-indent: 10px;
}

.sub-menu {
    padding-left: 25px;
    margin-top: 10px;
}
.sub-menu li {
    float: left;
    margin-right: 15px;
}
.subnav ul li {
    float: left;

}
.subnav a {
    color: var(--primary-color);
}

.breadcrumb {
    font-size: 0.8rem;
    margin: 0;
    position: relative;
    z-index: 2006;
    padding: 2px;
}
.breadcrumb > li {
    float: left;
    position: relative;
    color: #ffffff!important;
}
.breadcrumb > li > a, .breadcrumb > li.active, .breadcrumb > li.active > a {
    font-size: 14px;
    line-height: 39px;
    font-weight: bold;
    padding-right: 15px;
    color: #ffffff!important;
}
.breadcrumb > li:after {
    border-left: solid 5px #ffffff;
    border-top: solid 5px transparent;
    border-bottom: solid 5px transparent;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 16px;
    right: 5px;
}
.crumb {
    padding: 0;
    padding-left: 15px;
}
.zhibo_head {
    padding: 15px;
}
.match_info_head {
    height: 21px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: var(--primary-color);
    margin-bottom: 5px;
}
.fixed_score_box.zuqiu {
    background-image: url(../images/zuqiu_info_banner.png);
}
.fixed_score_box {
    width: 100%;
    height: 200px;
    background-size: auto;
    overflow: hidden;
    background-position: bottom;
    background-repeat: no-repeat;
}
.fixed_score_top {
    width: 650px;
    height: 120px;
    margin: 40px auto 0;
}
.score_name_left {
    width: 140px;
    height: 120px;
    float: left;
    text-align: center;
}
.score_name_left > img {
    width: 80px;
    height: 80px;
    margin-top: 10px;
    border-radius: 50px;
}
.score_name_left > h1 {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 300;
    line-height: 35px;
}
.score_name {
    width: 370px;
    float: left;
    margin-top: -30px;
}
.score_name p:nth-child(1) {
    margin-top: 27px;
}
.score_name p {
    font-size: 20px;
    color: #FFFFFF;
    margin-top: 10px;
    text-align: center;
}
.score_name_right {
    float: right;
}
.score_name_left {
    width: 140px;
    height: 120px;
    float: left;
    text-align: center;
}
.score_name span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.score_name .match_info_btn {
    width: 140px;
    cursor: default;
    color: #fff;
    height: 48px;
    line-height: 48px;
    margin: 0 auto;
}
.score_name .match_red_btn {
    color: #ff007b;
}
.fixed_score_taggle {
    padding: 5px 15px;
}
.fixed_score_taggle > span {
    display: block;
    font-size: 18px;
    color: var(--primary-color);
    margin-top: 20px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 10px;
    font-weight: bold;
    border-left: solid 4px var(--primary-color);
    padding-left: 7px;
}
.signalCon_listD>h5 {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: center;
    background: #f1f1f1;
    border-radius: 100px;
    margin: 0
}
.signalCon_listD>h5>a {
    color: var(--primary-color);
}
.fixsco_synopsis_nav {
    padding: 15px;
    display: flex;
    justify-content: center;
}
.fixsco_synopsis_nav li.hover {
    background-color: #ba1c1c;
}
.fixsco_synopsis_nav li:hover {
    background-color: #ba1c1c !important;
}
.fixsco_synopsis_nav li:hover div {
    color: #ffffff;
}

.fixsco_synopsis_nav li {
    width: 200px;
    height: 48px;
    border: 1px solid #ba1c1c;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: left;
    align-items: center;
}
.fixsco_synopsis_nav li.hover div {
    color: #fff;
}
.fixsco_synopsis_nav li div {
    font: 18px/18px "microsoft yahei";
    color: #333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    display: flex;
    justify-content: left;
    align-items: center;
    text-align: center;
    margin: auto;
}
.fixsco_synopsis_nav li img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    border-radius: 50px;
}
.fixsco_synopsis_nav li div span {
    width: 90px;
}
.jijinluxiang a {
    color: var(--primary-color);
    border-bottom: solid 1px #EFEFEF;
    line-height: 1.3;
}
.zb-list {
    padding: 15px;
}
.article-wrap {
    padding: 15px;
}
.article-wrap h1 {
    font-size: 26px;
}
.article-wrap .info {
    border-bottom: solid 1px #dedede;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.article-wrap .info time {
    display: inline-block;
    color: #888888;
    padding-top: 10px;
}
.article {
    box-sizing: border-box;
    padding: 35px;
}
.article p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom:25px;
}
.article img {
    display: block;
    margin: 0 auto;
    width: 60% !important;
    max-width: 60% !important;
}
.saishi-list li {
    float: left;
    padding: 10px;
}
.saishi-list li a {
    color: var(--primary-color);
}
.team-info {
    text-align: center;
    padding-bottom: 15px;
}
.team-info img {
    width: 120px;
    height: 120px;
}
.team-desc {
    padding: 15px;
}
.team-desc h4 {
    font-size: 16px;
    font-weight: 700;
}
.team-desc .intro {
    line-height: 1.6;
    margin-top: 15px;
}

.responsive-table {
    display: block;
    width: 100%;
    margin-top: 15px;
}
.responsive-table_hd {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background: #dedede;
}
.responsive-table_hd > span {
    text-align: center;
    flex: 1;
    font-weight: 700;
}
.responsive-table_bd {
    display: block;
}
.responsive-table_row {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: solid 1px #dedede;
}
.responsive-table_row > span {
    text-align: center;
    flex: 1;
    padding: 10px 0;
}

.logo-box {
    padding-right: 20px;
}

.navbars {
    margin-left: 25px !important;
}

.navbars a {
    color: var(--primary-color) !important;
    font-size: 22px !important;
    padding-right: 15px !important;
    font-weight: bold !important;
}


.base-list_box .ranking_hd {
    display: flex;
    font-size: 14px;
    font-weight: bold;
    background: #dedede;
    padding: 5px 10px;
    margin-top: 5px;
    color: #555555;
}
.base-list_box .ranking_hd span {
    text-align: left;
}
.base-list_box .base-list-ranking_item {
    display: flex;
    font-size: 14px;
    padding-bottom: 10px;
}
.base-list_box .base-list-ranking_item span {
    text-align: left;
}
.base-list_box .base-list-ranking_item a {
    font-size: 14px;
    color: #4388c5;
}
.ranking_tag {
    text-align: center;
    padding: 10px 0;
    background: #d3d3d3 !important;
}
.ranking_num {
    padding-left: 10px;
}
.base-list_box {
    width: 100%;
    margin-right: 10px;
}

.base-list_item {
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.base-list_box .base-list_item a, .base-list_box .rank .rank_list_new a {
    background: unset;
    border: none;
    font-size: 0.875rem;
    color: #000000;
}

.base-list_item a {
    line-height: 34px;
    margin: 0;
    padding: 0;
    height: 34px;
    overflow: hidden;
    width: 330px;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.base-list_item a:hover {
    color: #4388c5;
    font-weight: bold;
}

.base-list_box .base-list_item .icon {
    content: '';
    position: relative;
    top: 4px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../images/video-inactive.svg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5px;
}

.news_article_item {
    display: flex;
    padding: 15px 0;
    border-bottom: solid 1px #efefef;
}
.news_article_item h1 {
    font-size: 20px;
    color: #333;
    width: 100%;
    margin: 0;
    margin-bottom: 25px;
}
.news_article_item h1 a {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}
#lxa{margin-left: 10px;}
.news_article_item .info {
    flex: 1;
}
#lx_info{display: flex;}
.news_article_item .news_image {
    width: 138px;
    height: 88px;
    margin-right: 20px;
    border: 1px solid #707070;
}
.pagination-base {
    display: flex;
    justify-content: center;
    padding: 15px 0;
    margin-top: 15px;
}
.pagination-base .pagination li {
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

.pagination-base .pagination li > a {
    padding: 8px 15px;
    background: var(--primary-color);
    color: var(--top-header-hot-color);
    border-radius: 3px;
    font-size: 14px;
    border-bottom: 1px solid #EEEEEE;
}

.pagination-base .pagination li.active > a {
    padding: 8px 15px;
    background: var(--top-header-hot-hover-bg);
    color: var(--top-header-hot-color);
    font-weight: bold;
    border-radius: 3px;
    font-size: 14px;
    border-bottom: 1px solid #EEEEEE;
}


.team-index-tabs {
}

.team-index-tab {
    display: flex;
}

.team-index-tab > li {
    flex: 1;
    text-align: center;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    cursor: pointer;
}

.team-index-tab > li.active {
    background: #4388c5;
    color: #ffffff;
    font-weight: bold;
}

.team-index-tab > li:hover {
    background: #4388c5;
    color: #ffffff;
    font-weight: bold;
}

.team-index-tab.right > li {
    flex: unset !important;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    cursor: pointer;
    padding: 0 15px;
}

.team-index-tab.right > li {
    background: #dedede;
}

.team-index-tab.right > li.active {
    background: var(--top-header-hot-hover-bg); !important;
    color: var(--top-header-hot-hover-color);
    font-weight: bold;
}


.wrap-box_table {
    padding: 5px;
    box-sizing: border-box;
    background: #ffffff;
}

.table {
    width: 100%;
    border: solid 1px #dedede;
    margin: 0;
}

.table > tbody th {
    height: 35px;
    font-size: 12px;
    background: var(--primary-color);
    color: var(--top-header-hot-color);
    text-align: center;
}

.table > tbody td {
    height: 35px;
    font-size: 14px;
    text-align: center;
}

.table > tbody tr:nth-last-of-type(even) {
    background: #EFEFEF;
}

.wrap-box_table .table {
    display: none;
}

.wrap-box_table .table.active {
    display: table;
}

.duibi-box {
    padding: 15px;
    border-bottom: solid 1px #EFEFEF;
}

.duibi-box_head {
    display: flex;
}

.duibi-box_head .left, .duibi-box_head .right {
    flex: 1;
    display: flex;
    align-items: center;
}

.duibi-box_head .left {
    text-align: right;
    font-size: 16px;
    font-weight: bold;
    justify-content: right;
}

.duibi-box_head .vs {
    width: 120px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.duibi-box_head .align_text {
    width: 120px;
    text-align: center;
    font-size: 16px;
}

.duibi-box_head .right {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

.duibi-box_head .progress {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #4a8ef5;
}

.duibi-box_head .progress.red {
    background: #e10000;
}

.analyse * {
    font-size: unset !important;
}
.analyse img {
    width: 100% !important;
}

#signalConZ a {
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    background: red;
    padding: 5px 20px;
    margin: 12px 20px 0 0;
    border-radius: 20px;
    transition: all .2s;
    color: #fff;
    white-space: nowrap;
}