/*!
 * ZUI: Standard edition - v1.9.1 - 2019-05-10
 * http://zui.sexy
 * GitHub: https://github.com/easysoft/zui.git 
 * Copyright (c) 2019 cnezsoft.com; Licensed MIT
 */

/*! Some code copy from Bootstrap v3.0.0 by @fat and @mdo. (Copyright 2013 Twitter, Inc. Licensed under http://www.apache.org/licenses/)*/

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

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

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

[hidden],
template {
    display: none;
}

html {
    font-family: sans-serif;

    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
}

a:focus {
    outline: thin dotted;
}

a:active,
a:hover {
    outline: 0;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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

/*code,*/
/*kbd,*/
/*pre,*/
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre {
    /*white-space: pre-wrap;*/
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
    font-size: 80%;
}

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

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 0;
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

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

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

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

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

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

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

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.container-fixed:before,
.container-fixed:after,
.container-fixed-md:before,
.container-fixed-md:after,
.container-fixed-sm:before,
.container-fixed-sm:after,
.container-fixed-xs:before,
.container-fixed-xs:after,
.row:before,
.row:after,
.dl-inline:before,
.dl-inline:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.panel-body:before,
.panel-body:after,
.pager-justify:before,
.pager-justify:after,
.pager-loose:before,
.pager-loose:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.cards:before,
.cards:after,
.btn-group-vertical > .btn-group-vertical:before,
.btn-group-vertical > .btn-group-vertical:after {
    display: table;
    content: " ";
}

.clearfix:after,
.container:after,
.container-fluid:after,
.container-fixed:after,
.container-fixed-md:after,
.container-fixed-sm:after,
.container-fixed-xs:after,
.row:after,
.dl-inline:after,
.dl-horizontal dd:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.form-horizontal .form-group:after,
.panel-body:after,
.pager-justify:after,
.pager-loose:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.modal-header:after,
.modal-footer:after,
.cards:after,
.btn-group-vertical > .btn-group-vertical:after {
    clear: both;
}

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

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

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

.hide {
    display: none;
}

.showing {
    display: block;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.show {
    display: block !important;
    visibility: visible !important;
}

.invisible {
    visibility: hidden;
}

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

.affix {
    position: fixed;
}

.with-padding {
    padding: 5px 12px;
}

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.visible-xs,
.inline.visible-xs,
.inline-block.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important;
    }

    .inline.visible-xs {
        display: inline !important;
    }

    .inline-block.visible-xs {
        display: inline-block !important;
    }

    tr.visible-xs {
        display: table-row !important;
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm {
        display: block !important;
    }

    .inline.visible-xs.visible-sm {
        display: inline !important;
    }

    .inline-block.visible-xs.visible-sm {
        display: inline-block !important;
    }

    tr.visible-xs.visible-sm {
        display: table-row !important;
    }

    th.visible-xs.visible-sm,
    td.visible-xs.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-xs.visible-md {
        display: block !important;
    }

    .inline.visible-xs.visible-md {
        display: inline !important;
    }

    .inline-block.visible-xs.visible-md {
        display: inline-block !important;
    }

    tr.visible-xs.visible-md {
        display: table-row !important;
    }

    th.visible-xs.visible-md,
    td.visible-xs.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-xs.visible-lg {
        display: block !important;
    }

    .inline.visible-xs.visible-lg {
        display: inline !important;
    }

    .inline-block.visible-xs.visible-lg {
        display: inline-block !important;
    }

    tr.visible-xs.visible-lg {
        display: table-row !important;
    }

    th.visible-xs.visible-lg,
    td.visible-xs.visible-lg {
        display: table-cell !important;
    }
}

.visible-sm,
.inline.visible-sm,
.inline-block.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-sm.visible-xs {
        display: block !important;
    }

    .inline.visible-sm.visible-xs {
        display: inline !important;
    }

    .inline-block.visible-sm.visible-xs {
        display: inline-block !important;
    }

    tr.visible-sm.visible-xs {
        display: table-row !important;
    }

    th.visible-sm.visible-xs,
    td.visible-sm.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important;
    }

    .inline.visible-sm {
        display: inline !important;
    }

    .inline-block.visible-sm {
        display: inline-block !important;
    }

    tr.visible-sm {
        display: table-row !important;
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-sm.visible-md {
        display: block !important;
    }

    .inline.visible-sm.visible-md {
        display: inline !important;
    }

    .inline-block.visible-sm.visible-md {
        display: inline-block !important;
    }

    tr.visible-sm.visible-md {
        display: table-row !important;
    }

    th.visible-sm.visible-md,
    td.visible-sm.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-sm.visible-lg {
        display: block !important;
    }

    .inline.visible-sm.visible-lg {
        display: inline !important;
    }

    .inline-block.visible-sm.visible-lg {
        display: inline-block !important;
    }

    tr.visible-sm.visible-lg {
        display: table-row !important;
    }

    th.visible-sm.visible-lg,
    td.visible-sm.visible-lg {
        display: table-cell !important;
    }
}

.visible-md,
.inline.visible-md,
.inline-block.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-md.visible-xs {
        display: block !important;
    }

    .inline.visible-md.visible-xs {
        display: inline !important;
    }

    .inline-block.visible-md.visible-xs {
        display: inline-block !important;
    }

    tr.visible-md.visible-xs {
        display: table-row !important;
    }

    th.visible-md.visible-xs,
    td.visible-md.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm {
        display: block !important;
    }

    .inline.visible-md.visible-sm {
        display: inline !important;
    }

    .inline-block.visible-md.visible-sm {
        display: inline-block !important;
    }

    tr.visible-md.visible-sm {
        display: table-row !important;
    }

    th.visible-md.visible-sm,
    td.visible-md.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important;
    }

    .inline.visible-md {
        display: inline !important;
    }

    .inline-block.visible-md {
        display: inline-block !important;
    }

    tr.visible-md {
        display: table-row !important;
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-md.visible-lg {
        display: block !important;
    }

    .inline.visible-md.visible-lg {
        display: inline !important;
    }

    .inline-block.visible-md.visible-lg {
        display: inline-block !important;
    }

    tr.visible-md.visible-lg {
        display: table-row !important;
    }

    th.visible-md.visible-lg,
    td.visible-md.visible-lg {
        display: table-cell !important;
    }
}

.visible-lg,
.inline.visible-lg,
.inline-block.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-lg.visible-xs {
        display: block !important;
    }

    .inline.visible-lg.visible-xs {
        display: inline !important;
    }

    .inline-block.visible-lg.visible-xs {
        display: inline-block !important;
    }

    tr.visible-lg.visible-xs {
        display: table-row !important;
    }

    th.visible-lg.visible-xs,
    td.visible-lg.visible-xs {
        display: table-cell !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm {
        display: block !important;
    }

    .inline.visible-lg.visible-sm {
        display: inline !important;
    }

    .inline-block.visible-lg.visible-sm {
        display: inline-block !important;
    }

    tr.visible-lg.visible-sm {
        display: table-row !important;
    }

    th.visible-lg.visible-sm,
    td.visible-lg.visible-sm {
        display: table-cell !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-lg.visible-md {
        display: block !important;
    }

    .inline.visible-lg.visible-md {
        display: inline !important;
    }

    .inline-block.visible-lg.visible-md {
        display: inline-block !important;
    }

    tr.visible-lg.visible-md {
        display: table-row !important;
    }

    th.visible-lg.visible-md,
    td.visible-lg.visible-md {
        display: table-cell !important;
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important;
    }

    .inline.visible-lg {
        display: inline !important;
    }

    .inline-block.visible-lg {
        display: inline-block !important;
    }

    tr.visible-lg {
        display: table-row !important;
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important;
    }
}

.hidden-xs {
    display: block !important;
}

.inline.hidden-xs {
    display: inline !important;
}

.inline-block.hidden-xs {
    display: inline-block !important;
}

tr.hidden-xs {
    display: table-row !important;
}

th.hidden-xs,
td.hidden-xs {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-xs,
    .inline.hidden-xs,
    .inline-block.hidden-xs,
    tr.hidden-xs,
    th.hidden-xs,
    td.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm,
    .inline.hidden-xs.hidden-sm,
    .inline-block.hidden-xs.hidden-sm,
    tr.hidden-xs.hidden-sm,
    th.hidden-xs.hidden-sm,
    td.hidden-xs.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-xs.hidden-md,
    .inline.hidden-xs.hidden-md,
    .inline-block.hidden-xs.hidden-md,
    tr.hidden-xs.hidden-md,
    th.hidden-xs.hidden-md,
    td.hidden-xs.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-xs.hidden-lg,
    .inline.hidden-xs.hidden-lg,
    .inline-block.hidden-xs.hidden-lg,
    tr.hidden-xs.hidden-lg,
    th.hidden-xs.hidden-lg,
    td.hidden-xs.hidden-lg {
        display: none !important;
    }
}

.hidden-sm {
    display: block !important;
}

.inline.hidden-sm {
    display: inline !important;
}

.inline-block.hidden-sm {
    display: inline-block !important;
}

tr.hidden-sm {
    display: table-row !important;
}

th.hidden-sm,
td.hidden-sm {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-sm.hidden-xs,
    .inline.hidden-sm.hidden-xs,
    .inline-block.hidden-sm.hidden-xs,
    tr.hidden-sm.hidden-xs,
    th.hidden-sm.hidden-xs,
    td.hidden-sm.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm,
    .inline.hidden-sm,
    .inline-block.hidden-sm,
    tr.hidden-sm,
    th.hidden-sm,
    td.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-sm.hidden-md,
    .inline.hidden-sm.hidden-md,
    .inline-block.hidden-sm.hidden-md,
    tr.hidden-sm.hidden-md,
    th.hidden-sm.hidden-md,
    td.hidden-sm.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-sm.hidden-lg,
    .inline.hidden-sm.hidden-lg,
    .inline-block.hidden-sm.hidden-lg,
    tr.hidden-sm.hidden-lg,
    th.hidden-sm.hidden-lg,
    td.hidden-sm.hidden-lg {
        display: none !important;
    }
}

.hidden-md {
    display: block !important;
}

.inline.hidden-md {
    display: inline !important;
}

.inline-block.hidden-md {
    display: inline-block !important;
}

tr.hidden-md {
    display: table-row !important;
}

th.hidden-md,
td.hidden-md {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-md.hidden-xs,
    .inline.hidden-md.hidden-xs,
    .inline-block.hidden-md.hidden-xs,
    tr.hidden-md.hidden-xs,
    th.hidden-md.hidden-xs,
    td.hidden-md.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm,
    .inline.hidden-md.hidden-sm,
    .inline-block.hidden-md.hidden-sm,
    tr.hidden-md.hidden-sm,
    th.hidden-md.hidden-sm,
    td.hidden-md.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md,
    .inline.hidden-md,
    .inline-block.hidden-md,
    tr.hidden-md,
    th.hidden-md,
    td.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-md.hidden-lg,
    .inline.hidden-md.hidden-lg,
    .inline-block.hidden-md.hidden-lg,
    tr.hidden-md.hidden-lg,
    th.hidden-md.hidden-lg,
    td.hidden-md.hidden-lg {
        display: none !important;
    }
}

.hidden-lg {
    display: block !important;
}

.inline.hidden-lg {
    display: inline !important;
}

.inline-block.hidden-lg {
    display: inline-block !important;
}

tr.hidden-lg {
    display: table-row !important;
}

th.hidden-lg,
td.hidden-lg {
    display: table-cell !important;
}

@media (max-width: 767px) {
    .hidden-lg.hidden-xs,
    .inline.hidden-lg.hidden-xs,
    .inline-block.hidden-lg.hidden-xs,
    tr.hidden-lg.hidden-xs,
    th.hidden-lg.hidden-xs,
    td.hidden-lg.hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm,
    .inline.hidden-lg.hidden-sm,
    .inline-block.hidden-lg.hidden-sm,
    tr.hidden-lg.hidden-sm,
    th.hidden-lg.hidden-sm,
    td.hidden-lg.hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-lg.hidden-md,
    .inline.hidden-lg.hidden-md,
    .inline-block.hidden-lg.hidden-md,
    tr.hidden-lg.hidden-md,
    th.hidden-lg.hidden-md,
    td.hidden-lg.hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg,
    .inline.hidden-lg,
    .inline-block.hidden-lg,
    tr.hidden-lg,
    th.hidden-lg,
    td.hidden-lg {
        display: none !important;
    }
}

.visible-print,
.inline.visible-print,
.inline-block.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
    display: none !important;
}

@media print {
    .visible-print {
        display: block !important;
    }

    .inline.visible-print {
        display: inline !important;
    }

    .inline-block.visible-print {
        display: inline-block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print,
    .inline.hidden-print,
    .inline-block.hidden-print,
    tr.hidden-print,
    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }
}

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

html {
    font-size: 10px;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif;
    font-size: 13px;
    line-height: 1.53846154;
    color: #353535;
    background-color: #fff;
}

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

a {
    color: #2aa0ea;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: .4s cubic-bezier(.175, .885, .32, 1);
    transition: .4s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-property: color, background, opacity, left, top, right, bottom, -webkit-transform;
    -o-transition-property: color, background, opacity, left, top, right, bottom, -o-transform;
    transition-property: color, background, opacity, left, top, right, bottom, -webkit-transform;
    -o-transition-property: color, background, transform, opacity, left, top, right, bottom;
    transition-property: color, background, transform, opacity, left, top, right, bottom;
    transition-property: color, background, transform, opacity, left, top, right, bottom, -webkit-transform;
}

a:hover,
a:focus {
    color: #0d3d88;
    text-decoration: underline;
}

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

a.disabled,
a.disabled:hover,
a.disabled:focus,
a[disabled],
a[disabled]:hover,
a[disabled]:focus {
    color: #aaa;
    text-decoration: none;
    cursor: default;
}

audio,
canvas,
img,
video {
    max-width: 100%;
    vertical-align: middle;
}

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

::-moz-selection {
    text-shadow: none;
    background: #b3d4fc;
}

::selection {
    text-shadow: none;
    background: #b3d4fc;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

textarea {
    resize: vertical;
}

ol,
ul {
    padding-left: 20px;
}

.container,
.container-fluid,
.container-fixed,
.container-fixed-md,
.container-fixed-sm,
.container-fixed-xs {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        max-width: 740px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1160px;
    }
}

.container-fixed {
    width: 1160px;
}

.container-fixed-md {
    width: 960px;
}

.container-fixed-sm {
    width: 740px;
}

.container-fixed-xs {
    width: 440px;
}

.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col,
.col-xs-1,
.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-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.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-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.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-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.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-lg-10,
.col-lg-11,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col,
.col-xs,
.col-xs-1,
.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-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-1,
.col-1 {
    width: 8.33333333%;
}

.col-xs-2,
.col-2 {
    width: 16.66666667%;
}

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

.col-xs-4,
.col-4 {
    width: 33.33333333%;
}

.col-xs-5,
.col-5 {
    width: 41.66666667%;
}

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

.col-xs-7,
.col-7 {
    width: 58.33333333%;
}

.col-xs-8,
.col-8 {
    width: 66.66666667%;
}

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

.col-xs-10,
.col-10 {
    width: 83.33333333%;
}

.col-xs-11,
.col-11 {
    width: 91.66666667%;
}

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

@media (min-width: 768px) {
    .col-sm-1,
    .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-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

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

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

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

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

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

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

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

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

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

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

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

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

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

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

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

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

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

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

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

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .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-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

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

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

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

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

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

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

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

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

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

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

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

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

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

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

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

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

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

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

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

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

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

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .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-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

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

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

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

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

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

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

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

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

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

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

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

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

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

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

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

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

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

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

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

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

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

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }
}

p {
    margin: 0 0 10px;
}

.lead {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .lead {
        font-size: 19.5px;
    }
}

small,
.small {
    font-size: 85%;
}

cite {
    font-style: normal;
}

.text-gray,
.text-muted {
    color: #808080;
}

.text-gray a,
.text-muted a {
    color: #737373;
}

.text-gray a:hover,
.text-muted a:hover,
.text-gray a:active,
.text-muted a:active {
    color: #145ccd;
}

.text-primary {
    color: #3280fc;
}

.text-yellow,
.text-warning {
    color: #f1a325;
}

.text-red,
.text-danger {
    color: #ea644a;
}

.text-green,
.text-success {
    color: #38b03f;
}

.text-blue,
.text-info {
    color: #03b8cf;
}

.text-brown,
.text-important {
    color: #bd7b46;
}

.text-purple,
.text-special {
    color: #8666b8;
}

.text-link {
    color: #353535;
}

.text-link:hover,
.text-link:active {
    color: #145ccd;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

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

.text-nowrap,
.nobr {
    overflow: hidden;
    white-space: nowrap;
}

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

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

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

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

dl {
    margin-bottom: 20px;
}

dt,
dd {
    line-height: 1.53846154;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 0;
}

.dl-inline dt {
    display: inline-block;
}

.dl-inline dd {
    display: inline-block;
    padding-right: 1em;
}

.dl-inline dd:last-child {
    padding-right: 0;
}

@media (min-width: 768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .dl-horizontal dd {
        margin-left: 180px;
    }
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16.25px;
    border-left: 5px solid #e5e5e5;
}

blockquote p,
blockquote ul,
blockquote ol {
    font-weight: 300;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
    margin-bottom: 0;
}

blockquote small {
    display: block;
    line-height: 1.53846154;
    color: #808080;
}

blockquote small:before {
    content: '\2014   \A0';
}

blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #e5e5e5;
    border-left: 0;
}

blockquote.pull-right p,
blockquote.pull-right small {
    text-align: right;
}

blockquote.pull-right small:before {
    content: '';
}

blockquote.pull-right small:after {
    content: '\A0   \2014';
}

.ol-pd-2 {
    padding-left: 40px;
}

.ol-pd-3 {
    padding-left: 60px;
}

.ol-pd-4 {
    padding-left: 80px;
}

.bg-black,
.bg-default {
    color: #fff;
    background-color: #353535;
}

.bg-primary {
    color: #fff;
    background-color: #3280fc;
}

.bg-green,
.bg-success {
    color: #fff;
    background-color: #38b03f;
}

.bg-blue,
.bg-info {
    color: #fff;
    background-color: #03b8cf;
}

.bg-yellow,
.bg-warning {
    color: #fff;
    background-color: #f1a325;
}

.bg-red,
.bg-danger {
    color: #fff;
    background-color: #ea644a;
}

.bg-brown,
.bg-important {
    color: #fff;
    background-color: #bd7b46;
}

.bg-purple,
.bg-special {
    color: #fff;
    background-color: #8666b8;
}

.hl-gray,
.hl-default {
    background-color: #f1f1f1;
}

.hl-primary {
    background-color: #ebf2f9;
}

.hl-green,
.hl-success {
    background-color: #ddf4df;
}

.hl-blue,
.hl-info {
    background-color: #ddf3f5;
}

.hl-yellow,
.hl-warning {
    background-color: #fff0d5;
}

.hl-red,
.hl-danger {
    background-color: #ffe5e0;
}

.hl-brown,
.hl-important {
    background-color: #f7ebe1;
}

.hl-purple,
.hl-special {
    background-color: #f5eeff;
}

.page-header,
.header-dividing {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #e5e5e5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Helvetica Neue", Helvetica, Tahoma, Arial, 'PingFang SC', 'Source Han Sans CN', 'Source Han Sans', 'Source Han Serif', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', 'Microsoft YaHei', sans-serif;
    font-weight: bold;
    line-height: 1.1;
    color: inherit;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: normal;
    line-height: 1;
    color: #808080;
}

h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1 small,
h2 small,
h3 small {
    font-size: 65%;
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4 small,
h5 small,
h6 small {
    font-size: 75%;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 12px;
}

.btn {
    display: inline-block;
    padding: 5px 12px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.53846154;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    border-radius: 2px;
    -webkit-transition: .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: .4s cubic-bezier(.175, .885, .32, 1);
    transition: .4s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-property: background, border, outline, opacity, -webkit-box-shadow;
    -o-transition-property: background, border, box-shadow, outline, opacity;
    transition-property: background, border, outline, opacity, -webkit-box-shadow;
    transition-property: background, border, box-shadow, outline, opacity;
    transition-property: background, border, box-shadow, outline, opacity, -webkit-box-shadow;
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn:hover,
.btn:focus {
    color: #353535;
    text-decoration: none;
}

.btn:active,
.btn.active {
    background-image: none;
    outline: 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.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.btn {
    color: #353535;
    background-color: #f2f2f2;
    border-color: #bfbfbf;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
    color: #353535;
    background-color: #dedede;
    border-color: #a1a1a1;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}

.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
    background-color: #ccc;
    background-image: none;
    border-color: #a6a6a6;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
    background-color: #f2f2f2;
    border-color: #bfbfbf;
}

.btn-primary {
    color: #fff;
    background-color: #3280fc;
    border-color: #1970fc;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #0a67fb;
    border-color: #0354d4;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #0358de;
    background-image: none;
    border-color: #0358de;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #3280fc;
    border-color: #1970fc;
}

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

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #df8f0e;
    border-color: #b4730c;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-color: #bd7a0c;
    background-image: none;
    border-color: #bd7a0c;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f1a325;
    border-color: #ed980f;
}

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

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #e64525;
    border-color: #c63317;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-color: #cf3618;
    background-image: none;
    border-color: #cf3618;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #ea644a;
    border-color: #e75033;
}

.btn-success {
    color: #fff;
    background-color: #0fd59d;
    border-color: #0fd59d;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #2e9134;
    border-color: #236e27;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-color: #26762a;
    background-image: none;
    border-color: #26762a;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #38b03f;
    border-color: #329d38;
}

.btn-info {
    color: #fff;
    background-color: #03b8cf;
    border-color: #03a2b6;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #0294a7;
    border-color: #026c7a;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, .1);
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-color: #027584;
    background-image: none;
    border-color: #027584;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, .15);
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #03b8cf;
    border-color: #03a2b6;
}

.btn-link {
    font-weight: normal;
    color: #145ccd;
    text-shadow: none;
    cursor: pointer;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-link:hover,
.btn-link:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link:hover,
.btn-link:focus {
    color: #0d3d88;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #ddd;
    text-decoration: none;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.25;
    border-radius: 4px;
}

.btn-sm,
.btn-xs,
.btn-mini {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}

.btn-xs,
.btn-mini {
    padding: 1px 5px;
}

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

.btn-block + .btn-block {
    margin-top: 5px;
}

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

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

.btn-group > .btn,
.btn-group-vertical > .btn {
    position: relative;
    float: left;
}

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

.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
    outline: none;
}

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

.btn-toolbar {
    margin-left: -5px;
}

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group,
.btn-toolbar .btn-group-vertical {
    float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group,
.btn-toolbar > .btn-group-vertical {
    margin-left: 5px;
}

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

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

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn:first-child:not(:last-child):not(.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-vertical > .btn:last-child:not(:first-child),
.btn-group-vertical > .dropdown-toggle:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group,
.btn-group-vertical > .btn-group-vertical {
    float: left;
}

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

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

.btn-group > .btn-group:last-child > .btn:first-child,
.btn-group-vertical > .btn-group-vertical:last-child > .btn:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

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

.btn-group-xs > .btn {
    padding: 2px 8px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-group-sm > .btn {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.25;
    border-radius: 4px;
}

.btn-group > .btn + .dropdown-toggle,
.btn-group-vertical > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle,
.btn-group-vertical > .btn-lg + .dropdown-toggle {
    padding-right: 12px;
    padding-left: 12px;
}

.btn-group.open .dropdown-toggle,
.btn-group-vertical.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,
.btn-group-vertical.open .dropdown-toggle.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret {
    border-width: 5px 5px 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret {
    border-width: 0 5px 5px;
}

.btn-group-justified {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group,
.btn-group-justified > .btn-group-vertical {
    display: table-cell;
    float: none;
    width: 1%;
}

.btn-group-justified > .btn-group .btn,
.btn-group-justified > .btn-group-vertical .btn {
    width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu,
.btn-group-justified > .btn-group-vertical .dropdown-menu {
    left: auto;
}

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

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn-group-vertical,
.btn-group-vertical > .btn-group-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn,
.btn-group-vertical > .btn-group-vertical > .btn {
    float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group,
.btn-group-vertical > .btn + .btn-group-vertical,
.btn-group-vertical > .btn-group-vertical + .btn,
.btn-group-vertical > .btn-group-vertical + .btn-group-vertical {
    margin-top: -1px;
    margin-left: 0;
}

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

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

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

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

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

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

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-radius: 4px;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #3280fc;
    border-radius: 4px;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

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

.progress-bar-success {
    background-color: #38b03f;
}

.progress-bar-info {
    background-color: #03b8cf;
}

.progress-bar-warning {
    background-color: #f1a325;
}

.progress-bar-danger {
    background-color: #ea644a;
}

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

.img-rounded {
    border-radius: 6px;
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.53846154;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

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

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e5e5e5;
}

hr.divider-sm {
    margin-top: 10px;
    margin-bottom: 10px;
}

hr.divider {
    margin: 0;
}

.label {
    display: inline;
    padding: .2em .6em .2em;
    font-size: 85.71428571%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #808080;
    border-radius: .25em;
}

.label[href]:hover,
.label[href]:focus {
    color: #fff;
    background-color: #666;
}

.label.label-outline {
    color: #808080;
    background: none;
    border: 1px solid #808080;
}

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

.label:empty {
    display: none;
}

.label-badge {
    display: inline-block;
    min-width: 18px;
    padding: 3px 7px;
    font-size: 12px;
    line-height: 1;
    border-radius: 9px;
}

.label-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    line-height: 20px;
    text-indent: -9999em;
    border-radius: 50%;
}

.label-dot:empty {
    display: inline-block;
}

.label-primary {
    background-color: #3280fc;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    color: #fff;
    background-color: #0462f7;
}

.label-primary.label-outline {
    color: #3280fc;
    background: none;
    border: 1px solid #3280fc;
}

.label-success {
    background-color: #38b03f;
}

.label-success[href]:hover,
.label-success[href]:focus {
    color: #fff;
    background-color: #2c8931;
}

.label-success.label-outline {
    color: #38b03f;
    background: none;
    border: 1px solid #38b03f;
}

.label-info {
    background-color: #03b8cf;
}

.label-info[href]:hover,
.label-info[href]:focus {
    color: #fff;
    background-color: #028b9d;
}

.label-info.label-outline {
    color: #03b8cf;
    background: none;
    border: 1px solid #03b8cf;
}

.label-warning {
    background-color: #f1a325;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    color: #fff;
    background-color: #d5890e;
}

.label-warning.label-outline {
    color: #f1a325;
    background: none;
    border: 1px solid #f1a325;
}

.label-danger {
    background-color: #ea644a;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    color: #fff;
    background-color: #e53d1c;
}

.label-danger.label-outline {
    color: #ea644a;
    background: none;
    border: 1px solid #ea644a;
}

.nav-primary > li > a > .label,
.btn .label {
    position: relative;
    top: -1px;
}

.btn-primary .label,
.btn-success .label,
.btn-info .label,
.btn-danger .label,
.btn-warning .label {
    background-color: rgba(0, 0, 0, .2);
}

.list-group-item.active > .label,
.nav-primary > .active > a > .label,
.nav-pills > .active > a > .label {
    color: #145ccd;
    background-color: #fff;
}

.nav > li > a > .label {
    margin-left: 3px;
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}

.breadcrumb > li {
    display: inline-block;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\A0";
}

.breadcrumb > .active {
    color: #808080;
}

@font-face {
    font-family: ZenIcon;
    font-style: normal;
    font-weight: normal;

    src: url(https://www.json.cn/static/kj/assets/fonts/c3e5ec1cd181e5f749508d05aa54af51.eot);
    src: url(https://www.json.cn/static/kj/assets/fonts/c3e5ec1cd181e5f749508d05aa54af51.eot?) format('embedded-opentype'), url(https://www.json.cn/static/kj/assets/fonts/5c137b179080d9151899c2d1129f65ab.woff) format('woff'), url(https://www.json.cn/static/kj/assets/fonts/b1477fb250fcd35c3a21f7a204d164ce.ttf) format('truetype'), url(https://www.json.cn/static/kj/assets/fonts/9db88d2f80ad609620bae3df3db167ea.svg) format('svg');
}

.icon,
[class^="icon-"],
[class*=" icon-"] {
    font-family: ZenIcon;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon:before {
    display: inline-block;
    min-width: 14px;
    text-align: center;
}

a .icon,
a [class^="icon-"],
a [class*=" icon-"] {
    display: inline;
}

.icon-lg:before {
    font-size: 1.33333333em;
    vertical-align: -10%;
}

.icon-2x {
    font-size: 28px;
}

.icon-3x {
    font-size: 42px;
}

.icon-4x {
    font-size: 56px;
}

.icon-5x {
    font-size: 70px;
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

a .icon-spin {
    display: inline-block;
    text-decoration: none;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.icon-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.icon-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.icon-flip-horizontal {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.icon-flip-vertical {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

.icon.icon-rotate-90,
.icon.icon-rotate-180,
.icon.icon-rotate-270,
.icon.icon-flip-horizontal,
.icon.icon-flip-vertical {
    display: inline-block;
}

.icon-resize:before {
    content: '\E667';
}

.icon-expand-full:before {
    content: '\E6A3';
}

.icon-arrows-alt:before {
    content: '\E6A3';
}

.icon-fullscreen:before {
    content: '\E6A3';
}

.icon-collapse-full:before {
    content: '\E682';
}

.icon-yinyang:before {
    content: '\E687';
}

.icon-taiji:before {
    content: '\E687';
}

.icon-window:before {
    content: '\E68E';
}

.icon-window-alt:before {
    content: '\E68F';
}

.icon-carousel:before {
    content: '\E6B0';
}

.icon-spinner-snake:before {
    content: '\E97B';
}

.icon-spinner-indicator:before {
    content: '\E97C';
}

.icon-check-board:before {
    content: '\E9B8';
}

.icon-bar-chart:before {
    content: '\F080';
}

.icon-bar-chart-o:before {
    content: '\F080';
}

.icon-github:before {
    content: '\F09B';
}

.icon-dot-circle:before {
    content: '\F192';
}

.icon-dot-circle-o:before {
    content: '\F192';
}

.icon-cube-alt:before {
    content: '\F1B2';
}

.icon-cubes:before {
    content: '\F1B3';
}

.icon-file-pdf:before {
    content: '\F1C1';
}

.icon-file-word:before {
    content: '\F1C2';
}

.icon-file-excel:before {
    content: '\F1C3';
}

.icon-file-powerpoint:before {
    content: '\F1C4';
}

.icon-file-image:before {
    content: '\F1C5';
}

.icon-file-photo:before {
    content: '\F1C5';
}

.icon-file-picture:before {
    content: '\F1C5';
}

.icon-file-archive:before {
    content: '\F1C6';
}

.icon-file-zip:before {
    content: '\F1C6';
}

.icon-file-audio:before {
    content: '\F1C7';
}

.icon-file-sound:before {
    content: '\F1C7';
}

.icon-file-movie:before {
    content: '\F1C8';
}

.icon-file-video:before {
    content: '\F1C8';
}

.icon-file-code:before {
    content: '\F1C9';
}

.icon-circle-o-notch:before {
    content: '\F1CE';
}

.icon-chanzhi:before {
    content: '\E906';
}

.icon-chanzhi-pro:before {
    content: '\E905';
}

.icon-zsite:before {
    content: '\E904';
}

.icon-zsite-pro:before {
    content: '\E903';
}

.icon-qq:before {
    content: '\F600';
}

.icon-wechat:before {
    content: '\F1D7';
}

.icon-weixin:before {
    content: '\F1D7';
}

.icon-history:before {
    content: '\F1DA';
}

.icon-circle-thin:before {
    content: '\F1DB';
}

.icon-sliders:before {
    content: '\F1DE';
}

.icon-newspaper-o:before {
    content: '\F1EA';
}

.icon-calculator:before {
    content: '\F1EC';
}

.icon-paint-brush:before {
    content: '\F1FC';
}

.icon-area-chart:before {
    content: '\F1FE';
}

.icon-pie-chart:before {
    content: '\F200';
}

.icon-line-chart:before {
    content: '\F201';
}

.icon-toggle-off:before {
    content: '\F204';
}

.icon-toggle-on:before {
    content: '\F205';
}

.icon-diamond:before {
    content: '\F219';
}

.icon-venus:before {
    content: '\F221';
}

.icon-mars:before {
    content: '\F222';
}

.icon-server:before {
    content: '\F233';
}

.icon-music:before {
    content: '\E602';
}

.icon-search:before {
    content: '\E603';
}

.icon-envelope:before {
    content: '\E604';
}

.icon-heart:before {
    content: '\E605';
}

.icon-star:before {
    content: '\E606';
}

.icon-star-empty:before {
    content: '\E607';
}

.icon-user:before {
    content: '\E608';
}

.icon-film:before {
    content: '\E609';
}

.icon-th-large:before {
    content: '\E60A';
}

.icon-th:before {
    content: '\E60B';
}

.icon-th-list:before {
    content: '\E60C';
}

.icon-ok:before {
    content: '\E60D';
}

.icon-check:before {
    content: '\E60D';
}

.icon-remove:before {
    content: '\D7';
}

.icon-times:before {
    content: '\D7';
}

.icon-zoom-in:before {
    content: '\E60F';
}

.icon-zoom-out:before {
    content: '\E610';
}

.icon-off:before {
    content: '\E611';
}

.icon-cog:before {
    content: '\E613';
}

.icon-trash:before {
    content: '\E614';
}

.icon-home:before {
    content: '\E615';
}

.icon-file-o:before {
    content: '\E616';
}

.icon-file-alt:before {
    content: '\E616';
}

.icon-time:before {
    content: '\E617';
}

.icon-download-alt:before {
    content: '\E618';
}

.icon-download:before {
    content: '\E619';
}

.icon-upload:before {
    content: '\E61A';
}

.icon-inbox:before {
    content: '\E61B';
}

.icon-play-circle:before {
    content: '\E61C';
}

.icon-repeat:before {
    content: '\E61D';
}

.icon-refresh:before {
    content: '\E61E';
}

.icon-list-alt:before {
    content: '\E61F';
}

.icon-lock:before {
    content: '\E620';
}

.icon-flag:before {
    content: '\E621';
}

.icon-headphones:before {
    content: '\E622';
}

.icon-volume-off:before {
    content: '\E623';
}

.icon-volume-up:before {
    content: '\E625';
}

.icon-qrcode:before {
    content: '\E626';
}

.icon-barcode:before {
    content: '\E627';
}

.icon-tag:before {
    content: '\E628';
}

.icon-tags:before {
    content: '\E629';
}

.icon-book:before {
    content: '\E62A';
}

.icon-bookmark:before {
    content: '\E62B';
}

.icon-print:before {
    content: '\E62C';
}

.icon-camera:before {
    content: '\E62D';
}

.icon-font:before {
    content: '\E62E';
}

.icon-bold:before {
    content: '\E62F';
}

.icon-italic:before {
    content: '\F033';
}

.icon-header:before {
    content: '\F1DC';
}

.icon-underline:before {
    content: '\F0CD';
}

.icon-strikethrough:before {
    content: '\F0CC';
}

.icon-eraser:before {
    content: '\F12D';
}

.icon-align-justify:before {
    content: '\E636';
}

.icon-list:before {
    content: '\E637';
}

.icon-picture:before {
    content: '\E63B';
}

.icon-pencil:before {
    content: '\E63C';
}

.icon-map-marker:before {
    content: '\E63D';
}

.icon-adjust:before {
    content: '\E63E';
}

.icon-tint:before {
    content: '\E63F';
}

.icon-edit:before {
    content: '\E640';
}

.icon-share:before {
    content: '\E641';
}

.icon-checked:before {
    content: '\E642';
}

.icon-move:before {
    content: '\E643';
}

.icon-arrows:before {
    content: '\E643';
}

.icon-step-backward:before {
    content: '\E644';
}

.icon-fast-backward:before {
    content: '\E645';
}

.icon-backward:before {
    content: '\E646';
}

.icon-play:before {
    content: '\E647';
}

.icon-pause:before {
    content: '\E648';
}

.icon-stop:before {
    content: '\E649';
}

.icon-forward:before {
    content: '\E64A';
}

.icon-fast-forward:before {
    content: '\E64B';
}

.icon-step-forward:before {
    content: '\E64C';
}

.icon-eject:before {
    content: '\E64D';
}

.icon-chevron-left:before {
    content: '\E64E';
}

.icon-chevron-right:before {
    content: '\E64F';
}

.icon-plus-sign:before {
    content: '\E650';
}

.icon-minus-sign:before {
    content: '\E651';
}

.icon-remove-sign:before {
    content: '\E652';
}

.icon-ok-sign:before {
    content: '\E653';
}

.icon-check-circle:before {
    content: '\E653';
}

.icon-question-sign:before {
    content: '\E654';
}

.icon-info-sign:before {
    content: '\E655';
}

.icon-remove-circle:before {
    content: '\E657';
}

.icon-ok-circle:before {
    content: '\E658';
}

.icon-check-circle-o:before {
    content: '\E658';
}

.icon-ban-circle:before {
    content: '\E659';
}

.icon-arrow-left:before {
    content: '\E65A';
}

.icon-arrow-right:before {
    content: '\E65B';
}

.icon-arrow-up:before {
    content: '\E65C';
}

.icon-arrow-down:before {
    content: '\E65D';
}

.icon-share-alt:before {
    content: '\E65E';
}

.icon-resize-full:before {
    content: '\E65F';
}

.icon-resize-small:before {
    content: '\E660';
}

.icon-plus:before {
    content: '\E661';
}

.icon-minus:before {
    content: '\E662';
}

.icon-asterisk:before {
    content: '\E663';
}

.icon-exclamation-sign:before {
    content: '\E664';
}

.icon-gift:before {
    content: '\E665';
}

.icon-leaf:before {
    content: '\E666';
}

.icon-eye-open:before {
    content: '\E668';
}

.icon-eye-close:before {
    content: '\E669';
}

.icon-warning-sign:before {
    content: '\E66A';
}

.icon-plane:before {
    content: '\E66B';
}

.icon-calendar:before {
    content: '\E66C';
}

.icon-random:before {
    content: '\E66D';
}

.icon-comment:before {
    content: '\E66E';
}

.icon-chevron-up:before {
    content: '\E670';
}

.icon-chevron-down:before {
    content: '\E671';
}

.icon-shopping-cart:before {
    content: '\E673';
}

.icon-folder-close:before {
    content: '\E674';
}

.icon-folder-open:before {
    content: '\E675';
}

.icon-resize-v:before {
    content: '\E676';
}

.icon-resize-h:before {
    content: '\E677';
}

.icon-bar-chart-alt:before {
    content: '\E678';
}

.icon-camera-retro:before {
    content: '\E679';
}

.icon-key:before {
    content: '\E67A';
}

.icon-cogs:before {
    content: '\E67B';
}

.icon-comments:before {
    content: '\E67C';
}

.icon-thumbs-o-up:before {
    content: '\E67D';
}

.icon-thumbs-o-down:before {
    content: '\E67E';
}

.icon-star-half:before {
    content: '\E67F';
}

.icon-heart-empty:before {
    content: '\E680';
}

.icon-signout:before {
    content: '\E681';
}

.icon-pushpin:before {
    content: '\E683';
}

.icon-external-link:before {
    content: '\E684';
}

.icon-signin:before {
    content: '\E685';
}

.icon-trophy:before {
    content: '\E686';
}

.icon-upload-alt:before {
    content: '\E688';
}

.icon-lemon:before {
    content: '\E689';
}

.icon-phone:before {
    content: '\E68A';
}

.icon-check-empty:before {
    content: '\E68B';
}

.icon-bookmark-empty:before {
    content: '\E68C';
}

.icon-phone-sign:before {
    content: '\E68D';
}

.icon-credit:before {
    content: '\E690';
}

.icon-rss:before {
    content: '\E691';
}

.icon-hdd:before {
    content: '\E692';
}

.icon-bullhorn:before {
    content: '\E693';
}

.icon-bell:before {
    content: '\E694';
}

.icon-certificate:before {
    content: '\E695';
}

.icon-hand-right:before {
    content: '\E696';
}

.icon-hand-left:before {
    content: '\E697';
}

.icon-hand-up:before {
    content: '\E698';
}

.icon-hand-down:before {
    content: '\E699';
}

.icon-circle-arrow-left:before {
    content: '\E69A';
}

.icon-circle-arrow-right:before {
    content: '\E69B';
}

.icon-circle-arrow-up:before {
    content: '\E69C';
}

.icon-circle-arrow-down:before {
    content: '\E69D';
}

.icon-globe:before {
    content: '\E69E';
}

.icon-wrench:before {
    content: '\E69F';
}

.icon-tasks:before {
    content: '\E6A0';
}

.icon-filter:before {
    content: '\E6A1';
}

.icon-group:before {
    content: '\E6A4';
}

.icon-link:before {
    content: '\E6A5';
}

.icon-cloud:before {
    content: '\E6A6';
}

.icon-beaker:before {
    content: '\E6A7';
}

.icon-cut:before {
    content: '\E6A8';
}

.icon-copy:before {
    content: '\E6A9';
}

.icon-paper-clip:before {
    content: '\E6AA';
}

.icon-save:before {
    content: '\E6AB';
}

.icon-sign-blank:before {
    content: '\E6AC';
}

.icon-bars:before {
    content: '\E6AD';
}

.icon-reorder:before {
    content: '\E6AD';
}

.icon-list-ul:before {
    content: '\E6AE';
}

.icon-list-ol:before {
    content: '\E6AF';
}

.icon-table:before {
    content: '\E6B2';
}

.icon-magic:before {
    content: '\E6B3';
}

.icon-caret-down:before {
    content: '\E6B8';
}

.icon-caret-up:before {
    content: '\E6B9';
}

.icon-caret-left:before {
    content: '\E6BA';
}

.icon-caret-right:before {
    content: '\E6BB';
}

.icon-columns:before {
    content: '\E6BC';
}

.icon-sort:before {
    content: '\E6BD';
}

.icon-sort-down:before {
    content: '\E6BE';
}

.icon-sort-up:before {
    content: '\E6BF';
}

.icon-envelope-alt:before {
    content: '\E6C0';
}

.icon-undo:before {
    content: '\E6C1';
}

.icon-dashboard:before {
    content: '\E6C3';
}

.icon-comment-alt:before {
    content: '\E6C4';
}

.icon-comments-alt:before {
    content: '\E6C5';
}

.icon-bolt:before {
    content: '\E6C6';
}

.icon-sitemap:before {
    content: '\E6C7';
}

.icon-umbrella:before {
    content: '\E6C8';
}

.icon-paste:before {
    content: '\E6C9';
}

.icon-lightbulb:before {
    content: '\E6CA';
}

.icon-exchange:before {
    content: '\E6CB';
}

.icon-cloud-download:before {
    content: '\E6CC';
}

.icon-cloud-upload:before {
    content: '\E6CD';
}

.icon-bell-alt:before {
    content: '\E6D1';
}

.icon-coffee:before {
    content: '\E6D2';
}

.icon-file-text-o:before {
    content: '\E6D4';
}

.icon-file-text-alt:before {
    content: '\E6D4';
}

.icon-building:before {
    content: '\E6D5';
}

.icon-double-angle-left:before {
    content: '\E6DC';
}

.icon-double-angle-right:before {
    content: '\E6DD';
}

.icon-double-angle-up:before {
    content: '\E6DE';
}

.icon-double-angle-down:before {
    content: '\E6DF';
}

.icon-angle-left:before {
    content: '\E6E0';
}

.icon-angle-right:before {
    content: '\E6E1';
}

.icon-angle-up:before {
    content: '\E6E2';
}

.icon-angle-down:before {
    content: '\E6E3';
}

.icon-desktop:before {
    content: '\E6E4';
}

.icon-laptop:before {
    content: '\E6E5';
}

.icon-tablet:before {
    content: '\E6E6';
}

.icon-mobile:before {
    content: '\E6E7';
}

.icon-circle-blank:before {
    content: '\E6E8';
}

.icon-quote-left:before {
    content: '\E6E9';
}

.icon-quote-right:before {
    content: '\E6EA';
}

.icon-spinner:before {
    content: '\E6EB';
}

.icon-circle:before {
    content: '\E6EC';
}

.icon-reply:before {
    content: '\E6ED';
}

.icon-folder-close-alt:before {
    content: '\E6EF';
}

.icon-folder-open-alt:before {
    content: '\E6F0';
}

.icon-expand-alt:before {
    content: '\E6F1';
}

.icon-collapse-alt:before {
    content: '\E6F2';
}

.icon-smile:before {
    content: '\E6F3';
}

.icon-frown:before {
    content: '\E6F4';
}

.icon-meh:before {
    content: '\E6F5';
}

.icon-gamepad:before {
    content: '\E6F6';
}

.icon-keyboard:before {
    content: '\E6F7';
}

.icon-flag-alt:before {
    content: '\E6F8';
}

.icon-flag-checkered:before {
    content: '\E6F9';
}

.icon-terminal:before {
    content: '\E6FA';
}

.icon-code:before {
    content: '\E6FB';
}

.icon-reply-all:before {
    content: '\E6FC';
}

.icon-star-half-full:before {
    content: '\E6FD';
}

.icon-location-arrow:before {
    content: '\E6FE';
}

.icon-crop:before {
    content: '\E6FF';
}

.icon-code-fork:before {
    content: '\E700';
}

.icon-unlink:before {
    content: '\E701';
}

.icon-question:before {
    content: '\E702';
}

.icon-info:before {
    content: '\E703';
}

.icon-shield:before {
    content: '\E70B';
}

.icon-calendar-empty:before {
    content: '\E70C';
}

.icon-rocket:before {
    content: '\E70E';
}

.icon-chevron-sign-left:before {
    content: '\E70F';
}

.icon-chevron-sign-right:before {
    content: '\E710';
}

.icon-chevron-sign-up:before {
    content: '\E711';
}

.icon-chevron-sign-down:before {
    content: '\E712';
}

.icon-html5:before {
    content: '\E713';
}

.icon-anchor:before {
    content: '\E714';
}

.icon-unlock-alt:before {
    content: '\E715';
}

.icon-bullseye:before {
    content: '\E716';
}

.icon-ellipsis-h:before {
    content: '\E717';
}

.icon-ellipsis-v:before {
    content: '\E718';
}

.icon-rss-sign:before {
    content: '\E719';
}

.icon-play-sign:before {
    content: '\E71A';
}

.icon-minus-sign-alt:before {
    content: '\E71C';
}

.icon-plus-sign-alt:before {
    content: '\F0FE';
}

.icon-check-minus:before {
    content: '\E71D';
}

.icon-check-plus:before {
    content: '\F196';
}

.icon-level-up:before {
    content: '\E71E';
}

.icon-level-down:before {
    content: '\E71F';
}

.icon-check-sign:before {
    content: '\E720';
}

.icon-edit-sign:before {
    content: '\E721';
}

.icon-external-link-sign:before {
    content: '\E722';
}

.icon-share-sign:before {
    content: '\E723';
}

.icon-compass:before {
    content: '\E724';
}

.icon-collapse:before {
    content: '\E725';
}

.icon-collapse-top:before {
    content: '\E726';
}

.icon-expand:before {
    content: '\E727';
}

.icon-dollar:before {
    content: '\E728';
}

.icon-yen:before {
    content: '\E729';
}

.icon-file:before {
    content: '\E72B';
}

.icon-file-text:before {
    content: '\E72C';
}

.icon-sort-by-alphabet:before {
    content: '\E72D';
}

.icon-sort-by-alphabet-alt:before {
    content: '\E72E';
}

.icon-sort-by-attributes:before {
    content: '\E72F';
}

.icon-sort-by-attributes-alt:before {
    content: '\E730';
}

.icon-sort-by-order:before {
    content: '\E731';
}

.icon-sort-by-order-alt:before {
    content: '\E732';
}

.icon-thumbs-up:before {
    content: '\E733';
}

.icon-thumbs-down:before {
    content: '\E734';
}

.icon-long-arrow-down:before {
    content: '\E736';
}

.icon-long-arrow-up:before {
    content: '\E737';
}

.icon-long-arrow-left:before {
    content: '\E738';
}

.icon-long-arrow-right:before {
    content: '\E739';
}

.icon-apple:before {
    content: '\E73A';
}

.icon-windows:before {
    content: '\E73B';
}

.icon-android:before {
    content: '\E73C';
}

.icon-linux:before {
    content: '\E73D';
}

.icon-sun:before {
    content: '\E742';
}

.icon-moon:before {
    content: '\E743';
}

.icon-archive:before {
    content: '\E744';
}

.icon-bug:before {
    content: '\E745';
}

.icon-zhifubao:before,
.icon-alipay:before {
    content: '\E901';
}

.icon-zhifubao-square:before,
.icon-alipay-square:before {
    content: '\E900';
}

.icon-taobao:before {
    content: '\E902';
}

.icon-weibo:before {
    content: '\E746';
}

.icon-renren:before {
    content: '\E747';
}

.icon-chrome:before {
    content: '\E76C';
}

.icon-firefox:before {
    content: '\E76D';
}

.icon-ie:before {
    content: '\E76E';
}

.icon-opera:before {
    content: '\E76F';
}

.icon-safari:before {
    content: '\E770';
}

.icon-node:before {
    content: '\E76A';
}

.icon-layout:before {
    content: '\E768';
}

.icon-usecase:before {
    content: '\E74A';
}

.icon-stack:before {
    content: '\E769';
}

.icon-branch:before {
    content: '\E74B';
}

.icon-chat:before {
    content: '\E74C';
}

.icon-chat-line:before {
    content: '\E74F';
}

.icon-comment-line:before {
    content: '\E74F';
}

.icon-chat-dot:before {
    content: '\E750';
}

.icon-cube:before {
    content: '\E751';
}

.icon-database:before {
    content: '\F1C0';
}

.icon-align-left:before {
    content: '\E633';
}

.load-indicator {
    position: relative;
}

.load-indicator:before,
.load-indicator:after {
    position: absolute;
    color: #808080;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: .2s cubic-bezier(.175, .885, .32, 1);
    transition: .2s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-property: visibility, opacity;
    -o-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
}

.load-indicator:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    padding-top: 50px;
    font-size: 12px;
    content: attr(data-loading);
    background-color: rgba(255, 255, 255, .65);

    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
}

.load-indicator:after {
    top: 50%;
    left: 50%;
    z-index: 101;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-family: ZenIcon;
    font-size: 14px;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    line-height: 30px;
    text-transform: none;
    content: '\E97C';
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.load-indicator.loading:before,
.load-indicator.loading:after {
    visibility: visible;
    opacity: 1;
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 19.5px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

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

input[type="radio"],
input[type="checkbox"] {
    margin: 5px 0 0;
    margin-top: 0 \9;
    /* IE8-9 */
    line-height: normal;
}

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

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

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

select optgroup {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}

.os-mac select.form-control {
    -webkit-appearance: none;
    background-image: url('data:image/gif;base64,R0lGODlhCQAFAIAAAMvQ2////yH5BAEAAAEALAAAAAAJAAUAAAIKhH+BGYoNGWxgFgA7');
    background-image: url('data:image/gif;base64,R0lGODlhBwAEAIAAAMvQ2////yH5BAEAAAEALAAAAAAHAAQAAAIIhA+BGWoNWSgAOw==');
    background-repeat: no-repeat;
    background-position: right 5px top 14px;

    -moz-appearance: none;
}

.input-sm .os-mac select.form-control {
    background-position: right 5px top 9px;
}

.input-lg .os-mac select.form-control {
    background-position: right 5px top 19px;
}

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

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

.form-control::-webkit-input-placeholder {
    color: #808080;
}

.form-control::-moz-placeholder {
    color: #808080;
}

.form-control:-ms-input-placeholder {
    color: #808080;
}

.form-control::-ms-input-placeholder {
    color: #808080;
}

.form-control::placeholder {
    color: #808080;
}

.form-control {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 8px;
    font-size: 13px;
    line-height: 1.53846154;
    color: #222;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

.form-control:focus,
.form-control.focus {
    border-color: #145ccd;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #e5e5e5;
}

.form-control[readonly] {
    cursor: default;
}

textarea.form-control {
    height: auto;
    min-height: 32px;
}

.form-group {
    margin-bottom: 15px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 3px;
    margin-top: 4px \9;
    margin-left: -20px;
}

.os-android .radio input[type="radio"],
.os-android .radio-inline input[type="radio"],
.os-android .checkbox input[type="checkbox"],
.os-android .checkbox-inline input[type="checkbox"] {
    margin-top: 0;
}

.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}

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

.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
    cursor: not-allowed;
}

.input-sm {
    height: 24px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-sm {
    height: 24px;
    line-height: 24px;
}

textarea.input-sm {
    height: auto;
}

.input-lg {
    height: 43px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.25;
    border-radius: 6px;
}

select.input-lg {
    height: 43px;
    line-height: 43px;
}

textarea.input-lg {
    height: auto;
}

.has-warning .help-block,
.has-warning > label {
    color: #f1a325;
}

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

.has-warning .form-control:focus {
    border-color: #d5890e;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f7cb85;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f7cb85;
}

.has-warning .input-group-addon {
    color: #f1a325;
    background-color: #fff0d5;
    border-color: #f1a325;
}

.has-error .help-block,
.has-error > label {
    color: #ea644a;
}

.has-error .form-control {
    border-color: #ea644a;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-error .form-control:focus {
    border-color: #e53d1c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f5b2a5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #f5b2a5;
}

.has-error .input-group-addon {
    color: #ea644a;
    background-color: #ffe5e0;
    border-color: #ea644a;
}

.has-success .help-block,
.has-success > label {
    color: #38b03f;
}

.has-success .form-control {
    border-color: #38b03f;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.has-success .form-control:focus {
    border-color: #2c8931;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #79d57f;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #79d57f;
}

.has-success .input-group-addon {
    color: #38b03f;
    background-color: #ddf4df;
    border-color: #38b03f;
}

.form-control-static {
    min-height: 33px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
}

.help-block {
    display: block;
    margin: 5px 0;
    color: #757575;
}

@media (min-width: 768px) {
    .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 .radio,
    .form-inline .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .form-inline .radio input[type="radio"],
    .form-inline .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }
}

.form-horizontal .form-group > label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    padding-top: 6px;
    margin-top: 0;
    margin-bottom: 0;
}

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .form-horizontal .form-group > label {
        text-align: right;
    }
}

.required {
    position: relative;
}

.required:after {
    position: absolute;
    top: 0;
    right: -10px;
    display: inline-block;
    font-size: 17px;
    color: #ea644a;
    content: '*';
}

.form-horizontal .required:after {
    top: 5px;
    right: -1px;
}

.form-condensed .form-group {
    margin-bottom: 10px;
}

.form-condensed .form-control {
    height: 24px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.form-condensed .form-control {
    height: 24px;
    line-height: 24px;
}

textarea.form-condensed .form-control {
    height: auto;
}

.form-condensed textarea.form-control {
    height: auto;
}

.form-condensed .btn {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 4px;
}

.form-condensed .input-group > .form-control,
.form-condensed .input-group > .input-group-addon,
.form-condensed .input-group > .input-group-btn > .btn {
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 3px;
}

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

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

.form-condensed .input-group-addon:first-child {
    border-right: 0;
}

.form-condensed .input-group-addon:last-child {
    border-left: 0;
}

.form-condensed .input-group-addon.fix-border,
.form-condensed .input-group-btn.fix-border > .btn {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.form-condensed.form-horizontal .form-group > label,
.form-condensed.form-horizontal .radio,
.form-condensed.form-horizontal .checkbox,
.form-condensed.form-horizontal .radio-inline,
.form-condensed.form-horizontal .checkbox-inline {
    padding-top: 1px;
}

.switch {
    position: relative;
}

.switch > input {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
}

.switch > label {
    display: block;
    padding: 5px 0 5px 35px;
    margin: 0;
    font-weight: normal;
    line-height: 20px;
}

.switch > label:before,
.switch > label:after {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 30px;
    height: 20px;
    pointer-events: none;
    content: ' ';
    border: 1px solid #ddd;
    border-radius: 10px;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.switch > label:after {
    top: 6px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 9px;
    -webkit-box-shadow: rgba(0, 0, 0, .05) 0 1px 4px, rgba(0, 0, 0, .12) 0 1px 2px;
    box-shadow: rgba(0, 0, 0, .05) 0 1px 4px, rgba(0, 0, 0, .12) 0 1px 2px;
}

.switch > input:checked + label:before {
    background-color: #3280fc;
    border-color: #3280fc;
}

.switch > input:checked + label:after {
    left: 11px;
    border-color: #fff;
}

.switch.text-left > label {
    padding: 5px 35px 5px 0;
}

.switch.text-left > label:before,
.switch.text-left > label:after {
    right: 0;
    left: auto;
}

.switch.text-left > label:after {
    right: 12px;
}

.switch.text-left > input:checked + label:after {
    right: 1px;
    left: auto;
}

.switch.disabled {
    pointer-events: none;
}

.switch.disabled > label,
.switch > input[disabled] + label {
    color: #ddd;
    pointer-events: none;
}

.switch.disabled > label:before,
.switch > input[disabled] + label:before {
    background-color: #fafafa;
}

.switch.disabled > label:after,
.switch > input[disabled] + label:after {
    opacity: .7;
}

.switch.disabled > input:checked + label:before,
.switch > input[disabled]:checked + label:before {
    background-color: #ccc;
    border-color: #ccc;
}

.switch input:focus + label:before {
    border-color: #3280fc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #3280fc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #3280fc;
}

.switch-inline {
    display: inline-block;
}

.checkbox-primary,
.radio-primary {
    position: relative;
    display: block;
}

.checkbox-primary > input,
.radio-primary > input {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    width: 20px;
    height: 100%;
    margin: 0;
    opacity: 0;
}

.checkbox-primary > label,
.radio-primary > label {
    padding-left: 25px;
    font-weight: normal;
    cursor: pointer;
}

.checkbox-primary > label:before,
.radio-primary > label:before,
.checkbox-primary > label:after,
.radio-primary > label:after {
    position: absolute;
    top: 2px;
    right: 0;
    left: 0;
    display: block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    content: ' ';
    border-radius: 2px;
}

.checkbox-primary > label:after,
.radio-primary > label:after {
    z-index: 1;
    border: 1px solid #808080;
    -webkit-transition: .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: .4s cubic-bezier(.175, .885, .32, 1);
    transition: .4s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-property: border, background-color;
    -o-transition-property: border, background-color;
    transition-property: border, background-color;
}

.checkbox-primary > label:before,
.radio-primary > label:before {
    top: 3px;
    z-index: 2;
    font-family: ZenIcon;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-transform: none;
    content: '\E60D';
    opacity: 0;
    -webkit-transition: .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: .2s cubic-bezier(.175, .885, .32, 1);
    transition: .2s cubic-bezier(.175, .885, .32, 1);
    -webkit-transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, -o-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: opacity, transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);

    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.checkbox-primary > input:checked + label:after,
.radio-primary > input:checked + label:after,
.checkbox-primary.checked > label:after,
.radio-primary.checked > label:after {
    background-color: #3280fc;
    border-color: #3280fc;
    border-width: 4px;
}

.checkbox-primary > input:checked + label:before,
.radio-primary > input:checked + label:before,
.checkbox-primary.checked > label:before,
.radio-primary.checked > label:before {
    color: white;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.checkbox-primary.focus > label:after,
.radio-primary.focus > label:after,
.checkbox-primary > input:focus + label:after,
.radio-primary > input:focus + label:after {
    border-color: #3280fc;
    -webkit-box-shadow: 0 0 8px #3280fc;
    box-shadow: 0 0 8px #3280fc;
}

.checkbox-primary.disabled > label:after,
.radio-primary.disabled > label:after,
.checkbox-primary input:disabled + label:after,
.radio-primary input:disabled + label:after {
    background-color: #e5e5e5;
    border-color: #bbb;
}

.checkbox-primary.checked.disabled > label:after,
.radio-primary.checked.disabled > label:after,
.checkbox-primary input:disabled:checked + label:after,
.radio-primary input:disabled:checked + label:after {
    background-color: #bbb;
}

.radio-primary > label:after {
    border-radius: 50%;
}

.radio-primary > label:before {
    top: 7px;
    left: 5px;
    width: 6px;
    height: 6px;
    content: ' ';
    border: none;
    border-radius: 50%;
}

.radio-primary > input:checked + label:after,
.radio-primary.checked > label:after {
    background-color: transparent;
    border-color: #3280fc;
    border-width: 2px;
}

.radio-primary > input:checked + label:before,
.radio-primary.checked > label:before {
    background-color: #3280fc;
}

.radio-primary.checked.disabled > label:after,
.radio-primary input:disabled:checked + label:after {
    background-color: transparent;
    border-color: #bbb;
}

.radio-primary.checked.disabled > label:before,
.radio-primary input:disabled:checked + label:before {
    background-color: #bbb;
}

.close {
    float: right;
    font-size: 19.5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}

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

.scrollbar-hover::-webkit-scrollbar,
.scrollbar-hover::-webkit-scrollbar-button,
.scrollbar-hover::-webkit-scrollbar-track,
.scrollbar-hover::-webkit-scrollbar-thumb {
    visibility: hidden;
}

.scrollbar-hover:hover::-webkit-scrollbar,
.scrollbar-hover:hover::-webkit-scrollbar-button,
.scrollbar-hover:hover::-webkit-scrollbar-track,
.scrollbar-hover:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

@media (min-width: 768px) {
    ::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    ::-webkit-scrollbar-button {
        width: 0;
        height: 0;
    }

    ::-webkit-scrollbar-button:start:decrement,
    ::-webkit-scrollbar-button:end:increment {
        display: block;
    }

    ::-webkit-scrollbar-button:vertical:start:increment,
    ::-webkit-scrollbar-button:vertical:end:decrement {
        display: none;
    }

    ::-webkit-scrollbar-track:vertical,
    ::-webkit-scrollbar-track:horizontal,
    ::-webkit-scrollbar-thumb:vertical,
    ::-webkit-scrollbar-thumb:horizontal,
    ::-webkit-scrollbar-track:vertical,
    ::-webkit-scrollbar-track:horizontal,
    ::-webkit-scrollbar-thumb:vertical,
    ::-webkit-scrollbar-thumb:horizontal {
        border-color: transparent;
        border-style: solid;
    }

    ::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal {
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

    ::-webkit-scrollbar-thumb {
        min-height: 28px;
        background-color: rgba(0, 0, 0, .2);
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border-radius: 5px;
        -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1), inset 0 -1px 0 rgba(0, 0, 0, .07);
    }

    ::-webkit-scrollbar-thumb:hover {
        background-color: rgba(0, 0, 0, .4);
        -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25);
    }

    ::-webkit-scrollbar-thumb:active {
        background-color: rgba(0, 0, 0, .5);
        -webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .35);
    }

    ::-webkit-scrollbar-track:vertical,
    ::-webkit-scrollbar-track:horizontal,
    ::-webkit-scrollbar-thumb:vertical,
    ::-webkit-scrollbar-thumb:horizontal {
        border-width: 0;
    }

    ::-webkit-scrollbar-track:hover {
        background-color: rgba(0, 0, 0, .05);
        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1);
    }

    ::-webkit-scrollbar-track:active {
        background-color: rgba(0, 0, 0, .05);
        -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07);
    }
}

table {
    max-width: 100%;
    font-size: inherit;
    background-color: transparent;
}

caption {
    padding: 8px;
    color: #808080;
    text-align: left;
}

th {
    text-align: left;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

.table th,
.table td {
    padding: 8px;
    line-height: 1.53846154;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    -webkit-transition: background .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: background .2s cubic-bezier(.175, .885, .32, 1);
    transition: background .2s cubic-bezier(.175, .885, .32, 1);
}

.table > thead > tr > th {
    font-weight: bold;
    color: #353535;
    vertical-align: bottom;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ddd;
}

.table > tbody + tbody {
    border-top: 2px solid #ddd;
}

.table-fixed {
    table-layout: fixed;
}

.table-fixed th,
.table-fixed td {
    overflow: hidden;
    white-space: nowrap;
}

.table-fixed tfoot > tr > th,
.table-fixed tfoot > tr > td,
.table-fixed .nofixed,
.table-fixed .nofixed {
    overflow: visible;
}

.table-borderless thead > tr > th,
.table-borderless th,
.table-borderless td {
    border: none;
}

.table-auto {
    width: auto;
    max-width: 100%;
}

.table-condensed th,
.table-condensed td {
    padding: 5px;
}

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

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

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

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #ebf2f9;
}

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

table td[class*="col-"],
table th[class*="col-"] {
    display: table-cell;
    float: none;
}

.table tr > td.active,
.table tr > th.active,
.table tr.active > td,
.table tr.active > th {
    background-color: #ffe7bc;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
    background-color: #ddf4df;
    border-color: #bae8b6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {
    background-color: #caeecd;
    border-color: #a8e1a3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
    background-color: #ffe5e0;
    border-color: #ffc6c7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {
    background-color: #ffd0c6;
    border-color: #ffadad;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
    background-color: #fff0d5;
    border-color: #ffdcbc;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {
    background-color: #ffe7bc;
    border-color: #ffcea2;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

    .table-responsive > .table {
        margin-bottom: 0;
    }

    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap;
    }

    .table-responsive > .table-bordered {
        border: 0;
    }

    .table-responsive > .table-bordered th {
        border-top: none;
    }

    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
        border-bottom: 0;
    }
}

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

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

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

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

.list-group-item > .label-badge {
    float: right;
}

.list-group-item > .label-badge + .label-badge {
    margin-right: 5px;
}

a.list-group-item {
    color: #555;
}

a.list-group-item .list-group-item-heading {
    color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus {
    color: #353535;
    text-decoration: none;
    background-color: #ebf2f9;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #3280fc;
    border-color: #3280fc;
}

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

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

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

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

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-color: #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.panel > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd;
}

.panel > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ddd;
}

.panel-body {
    padding: 15px;
}

.panel > .table {
    margin-bottom: 0;
}

.panel > .panel-body + .table {
    border-top: 1px solid #ddd;
}

.panel-heading {
    padding: 8px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 15px;
}

.panel-title > a {
    color: inherit;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel-primary {
    border-color: #3280fc;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #3280fc;
    border-color: #3280fc;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #3280fc;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #3280fc;
}

.panel-success {
    border-color: #bae8b6;
}

.panel-success > .panel-heading {
    color: #38b03f;
    background-color: #ddf4df;
    border-color: #bae8b6;
}

.panel-success > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #bae8b6;
}

.panel-success > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #bae8b6;
}

.panel-warning {
    border-color: #ffdcbc;
}

.panel-warning > .panel-heading {
    color: #f1a325;
    background-color: #fff0d5;
    border-color: #ffdcbc;
}

.panel-warning > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ffdcbc;
}

.panel-warning > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ffdcbc;
}

.panel-danger {
    border-color: #ffc6c7;
}

.panel-danger > .panel-heading {
    color: #ea644a;
    background-color: #ffe5e0;
    border-color: #ffc6c7;
}

.panel-danger > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ffc6c7;
}

.panel-danger > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #ffc6c7;
}

.panel-info {
    border-color: #a2e4de;
}

.panel-info > .panel-heading {
    color: #03b8cf;
    background-color: #ddf3f5;
    border-color: #a2e4de;
}

.panel-info > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #a2e4de;
}

.panel-info > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #a2e4de;
}

.panel-group {
    margin-bottom: 20px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

.panel-group .panel + .panel {
    margin-top: 5px;
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
}

.panel-group .panel-footer {
    border-top: 0;
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}

.panel > .list-group,
.panel > .panel-collapse > .list-group {
    margin-bottom: 0;
}

.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}

.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .panel-footer {
    border-top-width: 0;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    color: #282828;
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.alert hr {
    border-top-color: #e4e4e4;
}

.alert .alert-link {
    color: #161616;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert hr {
    margin: 10px 0;
}

.alert p,
.alert ul {
    margin-bottom: 0;
}

.alert p + p {
    margin-top: 5px;
}

.alert-link {
    font-weight: bold;
}

.alert > [class*="icon-"] {
    float: left;
    margin-top: -5px;
    font-size: 42px;
    opacity: .6;
    -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
    transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
}

.alert > [class*="icon-"] + .content {
    min-height: 30px;
    margin-left: 64px;
}

.alert.with-icon {
    display: table;
    width: 100%;
}

.alert.with-icon > [class*="icon-"],
.alert.with-icon > [class*="icon-"] + .content {
    display: table-cell;
    float: none;
    min-height: 0;
    margin: 0;
    vertical-align: middle;
}

.alert.with-icon > [class*="icon-"] {
    width: 48px;
    text-align: center;
}

.alert.with-icon > [class*="icon-"] + .content {
    padding-left: 1em;
}

.alert-block {
    margin: 0;
    border-radius: 0;
}

.alert-dismissable {
    padding-right: 35px;
}

.alert-dismissable .close {
    position: relative;
    top: -6px;
    right: -21px;
    color: inherit;
}

.alert-primary {
    color: #282828;
    background-color: #ebf2f9;
}

.alert-primary hr {
    border-top-color: #d0e0f1;
}

.alert-primary .alert-link {
    color: #161616;
}

.alert-success {
    color: #329d38;
    background-color: #ddf4df;
}

.alert-success hr {
    border-top-color: #bae8b6;
}

.alert-success .alert-link {
    color: #29822e;
}

.alert-info {
    color: #03a2b6;
    background-color: #ddf3f5;
}

.alert-info hr {
    border-top-color: #a2e4de;
}

.alert-info .alert-link {
    color: #028293;
}

.alert-warning {
    color: #ed980f;
    background-color: #fff0d5;
}

.alert-warning hr {
    border-top-color: #ffdcbc;
}

.alert-warning .alert-link {
    color: #cc830d;
}

.alert-danger {
    color: #e75033;
    background-color: #ffe5e0;
}

.alert-danger hr {
    border-top-color: #ffc6c7;
}

.alert-danger .alert-link {
    color: #dd391a;
}

.alert-inverse {
    color: #fff;
    background-color: #353535;
    border-color: #353535;
}

.alert-inverse hr {
    border-top-color: #ddd;
    border-top-color: rgba(221, 221, 221, .25);
}

.alert-inverse .alert-link {
    color: rgba(255, 255, 255, .8);
}

.alert-primary-inverse {
    color: #fff;
    background-color: #3280fc;
    border-color: #3280fc;
}

.alert-primary-inverse hr {
    border-top-color: #ddd;
    border-top-color: rgba(221, 221, 221, .25);
}

.alert-primary-inverse .alert-link {
    color: rgba(255, 255, 255, .8);
}

.alert-success-inverse {
    color: #fff;
    background-color: #38b03f;
    border-color: #38b03f;
}

.alert-success-inverse hr {
    border-top-color: #ddd;
    border-top-color: rgba(221, 221, 221, .25);
}

.alert-success-inverse .alert-link {
    color: rgba(255, 255, 255, .8);
}

.alert-info-inverse {
    color: #fff;
    background-color: #03b8cf;
    border-color: #03b8cf;
}

.alert-info-inverse hr {
    border-top-color: #ddd;
    border-top-color: rgba(221, 221, 221, .25);
}

.alert-info-inverse .alert-link {
    color: rgba(255, 255, 255, .8);
}

.alert-warning-inverse {
    color: #fff;
    background-color: #f1a325;
    border-color: #f1a325;
}

.alert-warning-inverse hr {
    border-top-color: #ddd;
    border-top-color: rgba(221, 221, 221, .25);
}

.alert-warning-inverse .alert-link {
    color: rgba(255, 255, 255, .8);
}

.alert-danger-inverse {
    color: #fff;
    background-color: #ea644a;
    border-color: #ea644a;
}

.alert-danger-inverse hr {
    border-top-color: #ddd;
    border-top-color: rgba(221, 221, 221, .25);
}

.alert-danger-inverse .alert-link {
    color: rgba(255, 255, 255, .8);
}

.input-control-icon-left,
.input-control-icon-right,
.input-control-label-left,
.input-control-label-right {
    position: absolute;
    top: 1px;
    z-index: 5;
    height: 30px;
    line-height: 30px;
    opacity: .5;
}

.input-control-icon-left,
.input-control-icon-right {
    width: 30px;
    text-align: center;
}

.input-control-label-left,
.input-control-icon-left {
    left: 1px;
}

.input-control-label-right,
.input-control-icon-right {
    right: 1px;
}

.input-control-label-left,
.input-control-label-right {
    width: 70px;
    padding: 0 8px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.has-label-left-sm > .input-control-label-left,
.has-label-left-sm > .input-control-label-right {
    width: 55px;
}

.has-label-left-lg > .input-control-label-left,
.has-label-left-lg > .input-control-label-right {
    width: 95px;
}

.input-control {
    position: relative;
}

.input-control.has-icon-left > .form-control {
    padding-left: 30px;
}

.input-control.has-icon-right > .form-control {
    padding-right: 30px;
}

.input-control.has-label-left > .form-control {
    padding-left: 70px;
}

.input-control.has-label-right > .form-control {
    padding-right: 70px;
}

.input-control.has-label-left-sm > .form-control {
    padding-left: 55px;
}

.input-control.has-label-right-sm > .form-control {
    padding-right: 55px;
}

.input-control.has-label-left-lg > .form-control {
    padding-left: 95px;
}

.input-control.has-label-right-lg > .form-control {
    padding-right: 95px;
}

.input-control > a:hover {
    background-color: #f1f1f1;
    opacity: 1;
}

.form-control:focus + [class^="input-control-"],
.form-control:focus + [class^="input-control-"] + [class^="input-control-"] {
    opacity: 1;
}

.form-control:focus + .input-control-label-left {
    color: #145ccd;
}

.empty + .search-clear-btn,
.empty + .search-icon + .search-clear-btn {
    opacity: 0 !important;
}

input:placeholder-shown + .search-clear-btn,
input:placeholder-shown + .search-icon + .search-clear-btn {
    opacity: 0 !important;
}

.search-box-circle .input-control-icon-left,
.search-box-circle .input-control-icon-right,
.search-box-circle > .form-control {
    border-radius: 16px;
}

.search-box-circle + .input-group-btn > .btn {
    border-radius: 0 16px 16px 0;
}

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

.input-group[class*="col-"] {
    float: none;
    padding-right: 0;
    padding-left: 0;
}

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

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

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

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

.input-group-addon {
    padding: 5px 12px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    color: #222;
    text-align: center;
    background-color: #e5e5e5;
    border: 1px solid #ccc;
    border-radius: 4px;
}

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

.input-group-addon.fix-border {
    border-right: 0;
    border-left: 0;
}

.input-group-addon:empty {
    width: 1px;
    padding: 0;
}

.input-group-addon.fix-padding {
    width: 1px;
    padding: 0;
}

.input-group-btn.fix-border > .btn {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

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

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

.input-group-addon:first-child {
    border-right: 0;
}

.input-group-addon:last-child {
    border-left: 0;
}

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

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

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

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

.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group,
.input-group-btn:first-child > .btn-group-vertical {
    margin-right: -1px;
}

.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group,
.input-group-btn:last-child > .btn-group-vertical {
    margin-left: -1px;
}

.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    height: 43px;
    padding: 10px 16px;
    font-size: 17px;
    line-height: 1.25;
    border-radius: 6px;
}

select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
    height: 43px;
    line-height: 43px;
}

textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    height: 24px;
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
    height: 24px;
    line-height: 24px;
}

textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group-addon.input-sm {
    padding: 2px 8px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-addon.input-lg {
    padding: 10px 16px;
    font-size: 17px;
    border-radius: 6px;
}

kbd,
samp {
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #37474f;
    background-color: #f3f5f7;
    border-radius: 4px;
}

kbd {
    padding: 1px 4px;
    font-weight: bold;
    color: #666;
    background-color: #f1f1f1;
    border: 1px solid #d7d7d7;
    border-bottom-width: 2px;
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll;
}

.com {
    color: #93a1a1;
}

.lit {
    color: #195f91;
}

.pun,
.opn,
.clo {
    color: #93a1a1;
}

.fun {
    color: #dc322f;
}

.str,
.atv {
    color: #d14;
}

.prettyprint .tag {
    color: #1e347b;
}

.typ,
.atn,
.dec,
.var {
    color: teal;
}

.pln {
    color: #48484c;
}

.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
    box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
}

.prettyprint ol.linenums {
    padding-left: 35px;
    margin-bottom: 0;
    line-height: 20px;
    color: #bebec5;
    text-shadow: 0 1px 0 #fff;
}

.pager {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
}

.pager > li {
    display: inline;
}

.pager > li > a,
.pager > li > span {
    position: relative;
    float: left;
    padding: 5px 12px;
    margin-left: -1px;
    line-height: 1.53846154;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pager > li:first-child > a,
.pager > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pager > li:last-child > a,
.pager > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pager > li > a:hover,
.pager > li > span:hover,
.pager > li > a:focus,
.pager > li > span:focus {
    z-index: 2;
    background-color: #e5e5e5;
}

.pager > li.active > a,
.pager > li.active > span,
.pager > li.active > a:hover,
.pager > li.active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #3280fc;
    border-color: #3280fc;
}

.pager > li.disabled > span,
.pager > li.disabled > span:hover,
.pager > li.disabled > span:focus,
.pager > li.disabled > a,
.pager > li.disabled > a:hover,
.pager > li.disabled > a:focus {
    color: #ddd;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.pager-justify {
    display: block;
}

.pager-justify .next > a,
.pager-justify .next > span {
    float: right;
    border-radius: 4px;
}

.pager-justify .previous > a,
.pager-justify .previous > span {
    float: left;
    border-radius: 4px;
}

.pager-goto {
    width: 100px;
    text-align: center;
}

.pager > li > div {
    float: left;
}

.pager > li .pager-goto,
.pager > li .pager-size-menu,
.pager > li.space {
    margin: 0 5px;
}

.pager-label {
    position: relative;
    float: left;
    padding: 5px 4px;
    margin-left: -1px;
    line-height: 1.53846154;
    text-decoration: none;
    border: 1px solid transparent;
}

.pager-item-left > a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.pager-item-right > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pager-lg > li > a,
.pager-lg > li > span {
    padding: 10px 16px;
    font-size: 17px;
}

.pager-lg > li:first-child > a,
.pager-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.pager-lg > li:last-child > a,
.pager-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.pager-sm > li > a,
.pager-sm > li > span {
    padding: 2px 8px;
    font-size: 12px;
}

.pager-sm > li:first-child > a,
.pager-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pager-sm > li:last-child > a,
.pager-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pager-pills > li:first-child > a,
.pager-pills > li:first-child > span {
    border-radius: 16px 0 0 16px;
}

.pager-pills > li:last-child > a,
.pager-pills > li:last-child > span {
    border-radius: 0 16px 16px 0;
}

.pager-pills.pager-justify > li > a,
.pager-pills.pager-justify > li > span {
    border-radius: 16px;
}

.pager-loose {
    display: block;
    margin: 20px 0;
}

.pager-loose.pager-pills > li > a,
.pager-loose.pager-pills > li > span {
    border-radius: 16px;
}

.pager-loose > li > a,
.pager-loose > li > span {
    margin-left: 5px;
    border-radius: 4px;
}

.pager-loose > li:first-child > a,
.pager-loose > li:first-child > span {
    margin-left: 0;
}

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

.nav > .nav-heading {
    padding: 8px 15px;
    font-weight: bold;
    color: #808080;
}

.nav > li {
    position: relative;
    display: block;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 8px 15px;
    color: #353535;
}

.nav > li > a:hover,
.nav > li > a:focus {
    color: #0d3d88;
    text-decoration: none;
    background-color: #f1f1f1;
}

.nav > li.disabled > a {
    color: #ddd;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
    color: #ddd;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #f1f1f1;
    border-color: #145ccd;
}

.nav > li > a > img {
    max-width: none;
}

.nav-default > li {
    float: left;
}

.nav-default > li > a {
    border-radius: 4px;
}

.nav-pills > li {
    float: left;
}

.nav-pills > li > a {
    border-radius: 20px;
}

.nav-pills > li + li {
    margin-left: 2px;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #3280fc;
}

.nav-primary > li {
    float: left;
    margin-left: -1px;
}

.nav-primary > li:first-child > a {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav-primary > li:last-child > a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.nav-primary > li > a {
    border: 1px solid #ddd;
}

.nav-primary > li.active > a,
.nav-primary > li.active > a:hover,
.nav-primary > li.active > a:focus {
    color: #fff;
    background-color: #3280fc;
    border-color: #3280fc;
}

.nav-secondary > li {
    float: left;
}

.nav-secondary > li > a {
    border-bottom: 2px solid #e5e5e5;
}

.nav-secondary > li.active > a,
.nav-secondary > li.active > a:hover,
.nav-secondary > li.active > a:focus {
    color: #3280fc;
    border-bottom-color: #3280fc;
}

.nav-secondary > li.nav-heading {
    border-bottom: 2px solid #e5e5e5;
}

.nav-stacked > li {
    float: none;
}

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

.nav-stacked.nav-primary > li,
.nav-stacked.nav-primary > li > a {
    margin-left: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-stacked.nav-primary > li + li {
    margin-top: -1px;
}

.nav-stacked.nav-primary > li:first-child {
    margin-top: 0;
}

.nav-stacked.nav-primary > li:first-child > a,
.nav-stacked.nav-primary > li:first-child.nav-heading {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.nav-stacked.nav-primary > li:last-child > a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.nav-stacked.nav-primary > li.nav-heading {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
}

.nav-stacked.nav-secondary > li > a {
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: inset 2px 0 0 #f5f5f5;
    box-shadow: inset 2px 0 0 #f5f5f5;
}

.nav-stacked.nav-secondary > li > a:hover {
    -webkit-box-shadow: inset 2px 0 0 #e5e5e5;
    box-shadow: inset 2px 0 0 #e5e5e5;
}

.nav-stacked.nav-secondary > li + li {
    margin-top: -1px;
}

.nav-stacked.nav-secondary > li:first-child {
    margin-top: 0;
}

.nav-stacked.nav-secondary > li.active > a,
.nav-stacked.nav-secondary > li.active > a:hover,
.nav-stacked.nav-secondary > li.active > a:focus {
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 2px 0 0 #3280fc;
    box-shadow: inset 2px 0 0 #3280fc;
}

.nav-stacked.nav-secondary > li.nav-heading {
    border-bottom: 1px solid #ddd;
}

.nav-justified {
    width: 100%;
}

.nav-justified > li {
    float: none;
}

.nav-justified > li > a {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 5px;
    text-align: center;
}

@media (min-width: 768px) {
    .nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-justified > li > a {
        margin-bottom: 0;
    }

    .nav-justified.nav-primary > li + li > a {
        border-left: 0;
    }
}

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

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

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.53846154;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover {
    border-color: #e5e5e5 #e5e5e5 #ddd;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: #808080;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

.nav-tabs.nav-justified > li {
    float: none;
}

.nav-tabs.nav-justified > li > a {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 5px;
    text-align: center;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%;
    }

    .nav-tabs.nav-justified > li > a {
        margin-bottom: 0;
    }

    .nav-tabs.nav-justified.nav-primary > li + li > a {
        border-left: 0;
    }
}

.nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs.nav-justified > .active > a,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

@-moz-document url-prefix() {
    .nav-tabs > li.active > a:focus .nav-tabs > li > a:focus {
        outline: 0;
    }
}

.nav-tabs.nav-stacked {
    border-right: 1px solid #ddd;
    border-bottom: none;
}

.nav-tabs.nav-stacked > li {
    float: none;
    margin-right: -1px;
    margin-bottom: 0;
}

.nav-tabs.nav-stacked > li > a {
    margin-right: 0;
    border-radius: 4px 0 0 4px;
}

.nav-tabs.nav-stacked > li.active > a,
.nav-tabs.nav-stacked > li.active > a:hover,
.nav-tabs.nav-stacked > li.active > a:focus {
    border: 1px solid #ddd;
    border-right-color: transparent;
}

.nav-tabs-justified {
    border-bottom: 0;
}

.nav-tabs-justified > li > a {
    margin-right: 0;
    border-radius: 4px;
}

.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
    border: 1px solid #ddd;
}

@media (min-width: 768px) {
    .nav-tabs-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0;
    }

    .nav-tabs-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus {
        border-bottom-color: #fff;
    }
}

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

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

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

.navbar {
    position: relative;
    min-height: 40px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

@media (min-width: 768px) {
    .navbar-header {
        float: left;
    }
}

.navbar-collapse {
    padding-right: 10px;
    padding-left: 10px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    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);
}

.navbar-collapse.in {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }

    .navbar-collapse.in {
        overflow-y: visible;
    }

    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
        max-height: 200px;
    }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: -10px;
    margin-left: -10px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

@media (min-width: 768px) {
    .navbar-static-top {
        border-radius: 0;
    }
}

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

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

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    height: 40px;
    padding: 10px 15px;
    font-size: 17px;
    line-height: 20px;
}

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

.navbar-brand > img {
    display: block;
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: -10px;
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-toggle:focus {
    outline: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

@media (min-width: 768px) {
    .navbar-toggle {
        display: none;
    }
}

.navbar-nav {
    margin: 5px -10px;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
        padding: 5px 15px 5px 25px;
    }

    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px;
    }

    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
        background-image: none;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-nav.nav-justified > li {
        float: none;
    }
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.navbar-btn {
    margin-top: 4px;
    margin-bottom: 4px;
}

.navbar-text {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .navbar-text {
        margin-right: 10px;
        margin-left: 10px;
    }
}

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

    .navbar-right {
        float: right !important;
        margin-right: -10px;
    }

    .navbar-right ~ .navbar-right {
        margin-right: 0;
    }
}

.navbar-default {
    background-color: #f7f7f7;
    border-color: #dedede;
}

.navbar-default .navbar-brand {
    color: #333;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #1a1a1a;
    background-color: transparent;
}

.navbar-default .navbar-text {
    color: #333;
}

.navbar-default .navbar-nav > li > a {
    color: #333;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #222;
    background-color: #e5e5e5;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #808080;
}

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #dedede;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #222;
        background-color: #e5e5e5;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #333;
}

.navbar-default .navbar-link:hover {
    color: #222;
}

.navbar-default .btn-link {
    color: #333;
}

.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
    color: #222;
}

.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
}

.navbar-inverse {
    background-color: #145ccd;
    border-color: #10479f;
}

.navbar-inverse .navbar-brand {
    color: #ddd;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #ddd;
}

.navbar-inverse .navbar-nav > li > a {
    color: #ddd;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: #1868e8;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #2a74ea;
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #1251b6;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #114dad;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #2a74ea;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #10479f;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #10479f;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #ddd;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
        background-color: #1868e8;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #fff;
        background-color: #2a74ea;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #ddd;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-form {
    padding: 10px 10px;
    margin-top: 4px;
    margin-right: -10px;
    margin-bottom: 4px;
    margin-left: -10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}

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

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

    .navbar-form .radio,
    .navbar-form .checkbox {
        display: inline-block;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
    }

    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
        float: none;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

    .navbar-form .form-group:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 768px) {
    .navbar-form {
        width: auto;
        padding-top: 0;
        padding-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade.in {
    opacity: 1;
}

.scale {
    -webkit-transition: all .15s ease;
    -o-transition: all .15s ease;
    transition: all .15s ease;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
}

.scale.in {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

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

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

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

.modal-open {
    overflow: hidden;
}

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

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

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

.modal > .loader {
    display: none;
}

.modal.modal-loading .modal-dialog {
    opacity: 0;
}

.modal.modal-loading .loader {
    position: absolute;
    top: 35%;
    left: 50%;
    display: block;
    width: 80px;
    margin-left: -40px;
    font-size: 56px;
    color: #fff;
    text-align: center;
}

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

.modal-iframe .modal-body {
    overflow: hidden !important;
}

.modal-iframe .modal-body > iframe {
    border-radius: 0 0 6px 6px;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 0 auto;
    pointer-events: initial;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-dialog.modal-moveable {
    position: absolute;
    margin: 0;
}

.modal-dialog.modal-moveable .modal-header {
    cursor: move;
}

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

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .2;
}

.modal-header {
    min-height: 16.53846154px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

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

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

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

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn,
.modal-footer .btn-group-vertical .btn + .btn {
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}

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

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    }

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

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

/* full screen modal */
.modal-fullscreen {
    position: relative;
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    border-radius: 0;
}

.modal-fullscreen .modal-body {
    position: absolute;
    top: 52px;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
}

.body-modal-scroll-inside {
    overflow: auto;
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

.tooltip.in {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #353535;
    border-radius: 4px;
}

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

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #353535;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #353535;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #353535;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #353535;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #353535;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #353535;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #353535;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #353535;
}

.tooltip-primary .tooltip-inner {
    background-color: #3280fc;
}

.tooltip-primary.tooltip.top .tooltip-arrow {
    border-top-color: #3280fc;
}

.tooltip-primary.tooltip.top-left .tooltip-arrow {
    border-top-color: #3280fc;
}

.tooltip-primary.tooltip.top-right .tooltip-arrow {
    border-top-color: #3280fc;
}

.tooltip-primary.tooltip.right .tooltip-arrow {
    border-right-color: #3280fc;
}

.tooltip-primary.tooltip.left .tooltip-arrow {
    border-left-color: #3280fc;
}

.tooltip-primary.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #3280fc;
}

.tooltip-primary.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #3280fc;
}

.tooltip-primary.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #3280fc;
}

.tooltip-success .tooltip-inner {
    background-color: #38b03f;
}

.tooltip-success.tooltip.top .tooltip-arrow {
    border-top-color: #38b03f;
}

.tooltip-success.tooltip.top-left .tooltip-arrow {
    border-top-color: #38b03f;
}

.tooltip-success.tooltip.top-right .tooltip-arrow {
    border-top-color: #38b03f;
}

.tooltip-success.tooltip.right .tooltip-arrow {
    border-right-color: #38b03f;
}

.tooltip-success.tooltip.left .tooltip-arrow {
    border-left-color: #38b03f;
}

.tooltip-success.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #38b03f;
}

.tooltip-success.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #38b03f;
}

.tooltip-success.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #38b03f;
}

.tooltip-info .tooltip-inner {
    background-color: #03b8cf;
}

.tooltip-info.tooltip.top .tooltip-arrow {
    border-top-color: #03b8cf;
}

.tooltip-info.tooltip.top-left .tooltip-arrow {
    border-top-color: #03b8cf;
}

.tooltip-info.tooltip.top-right .tooltip-arrow {
    border-top-color: #03b8cf;
}

.tooltip-info.tooltip.right .tooltip-arrow {
    border-right-color: #03b8cf;
}

.tooltip-info.tooltip.left .tooltip-arrow {
    border-left-color: #03b8cf;
}

.tooltip-info.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #03b8cf;
}

.tooltip-info.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #03b8cf;
}

.tooltip-info.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #03b8cf;
}

.tooltip-warning .tooltip-inner {
    background-color: #f1a325;
}

.tooltip-warning.tooltip.top .tooltip-arrow {
    border-top-color: #f1a325;
}

.tooltip-warning.tooltip.top-left .tooltip-arrow {
    border-top-color: #f1a325;
}

.tooltip-warning.tooltip.top-right .tooltip-arrow {
    border-top-color: #f1a325;
}

.tooltip-warning.tooltip.right .tooltip-arrow {
    border-right-color: #f1a325;
}

.tooltip-warning.tooltip.left .tooltip-arrow {
    border-left-color: #f1a325;
}

.tooltip-warning.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #f1a325;
}

.tooltip-warning.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #f1a325;
}

.tooltip-warning.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #f1a325;
}

.tooltip-danger .tooltip-inner {
    background-color: #ea644a;
}

.tooltip-danger.tooltip.top .tooltip-arrow {
    border-top-color: #ea644a;
}

.tooltip-danger.tooltip.top-left .tooltip-arrow {
    border-top-color: #ea644a;
}

.tooltip-danger.tooltip.top-right .tooltip-arrow {
    border-top-color: #ea644a;
}

.tooltip-danger.tooltip.right .tooltip-arrow {
    border-right-color: #ea644a;
}

.tooltip-danger.tooltip.left .tooltip-arrow {
    border-left-color: #ea644a;
}

.tooltip-danger.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #ea644a;
}

.tooltip-danger.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #ea644a;
}

.tooltip-danger.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ea644a;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 300px;
    text-align: left;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover.no-arrow.top {
    margin-top: 0;
}

.popover.no-arrow.right {
    margin-left: 0;
}

.popover.no-arrow.bottom {
    margin-top: 0;
}

.popover.no-arrow.left {
    margin-left: 0;
}

.popover-in-modal,
.modal .popover {
    z-index: 1050;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 4px 4px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

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

.popover .arrow {
    border-width: 11px;
}

.popover .arrow:after {
    content: "";
    border-width: 10px;
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, .25);
    border-left-width: 0;
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
}

.popover-primary {
    border-color: #3280fc;
}

.popover-primary .popover-title {
    color: #fff;
    background-color: #3280fc;
}

.popover-primary.popover.top .arrow {
    border-top-color: #3280fc;
}

.popover-primary.popover.right .arrow {
    border-right-color: #3280fc;
}

.popover-primary.popover.left .arrow {
    border-left-color: #3280fc;
}

.popover-primary.popover.bottom .arrow,
.popover-primary.popover.bottom .arrow:after {
    border-bottom-color: #3280fc;
}

.popover-success {
    border-color: #38b03f;
}

.popover-success .popover-title {
    color: #fff;
    background-color: #38b03f;
}

.popover-success.popover.top .arrow {
    border-top-color: #38b03f;
}

.popover-success.popover.right .arrow {
    border-right-color: #38b03f;
}

.popover-success.popover.left .arrow {
    border-left-color: #38b03f;
}

.popover-success.popover.bottom .arrow,
.popover-success.popover.bottom .arrow:after {
    border-bottom-color: #38b03f;
}

.popover-info {
    border-color: #03b8cf;
}

.popover-info .popover-title {
    color: #fff;
    background-color: #03b8cf;
}

.popover-info.popover.top .arrow {
    border-top-color: #03b8cf;
}

.popover-info.popover.right .arrow {
    border-right-color: #03b8cf;
}

.popover-info.popover.left .arrow {
    border-left-color: #03b8cf;
}

.popover-info.popover.bottom .arrow,
.popover-info.popover.bottom .arrow:after {
    border-bottom-color: #03b8cf;
}

.popover-warning {
    border-color: #f1a325;
}

.popover-warning .popover-title {
    color: #fff;
    background-color: #f1a325;
}

.popover-warning.popover.top .arrow {
    border-top-color: #f1a325;
}

.popover-warning.popover.right .arrow {
    border-right-color: #f1a325;
}

.popover-warning.popover.left .arrow {
    border-left-color: #f1a325;
}

.popover-warning.popover.bottom .arrow,
.popover-warning.popover.bottom .arrow:after {
    border-bottom-color: #f1a325;
}

.popover-danger {
    border-color: #ea644a;
}

.popover-danger .popover-title {
    color: #fff;
    background-color: #ea644a;
}

.popover-danger.popover.top .arrow {
    border-top-color: #ea644a;
}

.popover-danger.popover.right .arrow {
    border-right-color: #ea644a;
}

.popover-danger.popover.left .arrow {
    border-left-color: #ea644a;
}

.popover-danger.popover.bottom .arrow,
.popover-danger.popover.bottom .arrow:after {
    border-bottom-color: #ea644a;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 13px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #cbcbcb;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

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

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.53846154;
    color: #353535;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3280fc;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #3280fc;
    outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #ddd;
}

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

.dropdown-hover .dropdown-menu {
    margin: -1px 0;
}

.dropdown-hover:hover > .dropdown-menu,
.open > .dropdown-menu,
.mouseopen > .dropdown-menu {
    display: block;
}

.dropdown-hover:hover > a,
.open > a {
    outline: 0;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.53846154;
    color: #808080;
}

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

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

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0 dotted;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 4px;
}

.dropdown-submenu.open > .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    border-radius: 4px;
}

.dropdown-submenu > a:after {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-right: -10px;
    content: " ";
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu > a {
    min-width: 160px;
}

.dropdown-submenu > .dropdown-menu.pull-left {
    right: 100%;
    left: auto;
}

.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    color: #fff;
    text-decoration: none;
    background-color: #3280fc;
}

.carousel {
    position: relative;
}

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

.carousel-inner > .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 > .item > img,
.carousel-inner > .item > a > img {
    line-height: 1;
}

.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 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=40);
    outline: none;
    opacity: .4;
}

.carousel-control > .icon {
    font-size: 20px;
}

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

.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, .3)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#4d000000', GradientType=1);
    background-repeat: repeat-x;
}

.carousel-control:hover,
.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    filter: alpha(opacity=100);
    outline: none;
    opacity: 1;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .icon-chevron-left,
.carousel-control .icon-chevron-right {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .icon-prev,
.carousel-control .icon-chevron-left {
    left: 50%;
}

.carousel-control .icon-next,
.carousel-control .icon-chevron-right {
    right: 50%;
}

.carousel-control .icon-prev,
.carousel-control .icon-next {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    font-family: serif;
}

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

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

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

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

@media screen and (min-width: 768px) {
    .carousel-control .icon-prev,
    .carousel-control .icon-next {
        top: 40%;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
        font-size: 80px;
    }

    .carousel-control .icon-prev {
        left: 30%;
    }

    .carousel-control .icon-next {
        right: 25%;
    }

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

    .carousel-indicators {
        bottom: 20px;
    }
}

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

.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
}

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

[data-toggle="lightbox"] {
    cursor: pointer;
}

.modal-lightbox .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: #353535;
    background-color: rgba(53, 53, 53, .2);
    filter: alpha(opacity=80);
    opacity: .8;
    -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), background-color .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), background-color .2s cubic-bezier(.175, .885, .32, 1);
    transition: opacity .2s cubic-bezier(.175, .885, .32, 1), background-color .2s cubic-bezier(.175, .885, .32, 1);
}

.modal-lightbox .controller {
    position: absolute;
    top: 0;
    display: none;
    height: 100%;
    padding: 0;
    line-height: 100%;
    color: #fff;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
    -webkit-transition: background .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: background .2s cubic-bezier(.175, .885, .32, 1);
    transition: background .2s cubic-bezier(.175, .885, .32, 1);
}

.modal-lightbox .controller.show {
    display: block;
}

.modal-lightbox .controller > .icon {
    display: inline-block;
    width: 60px;
    height: 50px;
    line-height: 50px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: transparent;
    -webkit-transition: background .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: background .2s cubic-bezier(.175, .885, .32, 1);
    transition: background .2s cubic-bezier(.175, .885, .32, 1);
}

.modal-lightbox .controller > .icon:before {
    font-size: 20px;
}

.modal-lightbox .controller.prev {
    left: 0;
}

.modal-lightbox .controller.next {
    right: 0;
}

.modal-lightbox .modal-dialog {
    position: relative;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 0;
    background: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.modal-lightbox .modal-dialog:hover .close,
.modal-lightbox .modal-dialog:focus .close {
    background-color: rgba(53, 53, 53, .5);
    filter: alpha(opacity=100);
    opacity: 1;
}

.modal-lightbox .modal-dialog:hover .close:hover,
.modal-lightbox .modal-dialog:focus .close:hover {
    background-color: rgba(53, 53, 53, .9);
}

.modal-lightbox .modal-dialog:hover .controller > .icon,
.modal-lightbox .modal-dialog:focus .controller > .icon {
    text-shadow: none;
    background-color: #353535;
    background-color: rgba(53, 53, 53, .5);
}

.modal-lightbox .modal-dialog:hover .controller:hover > .icon,
.modal-lightbox .modal-dialog:focus .controller:hover > .icon {
    background-color: #353535;
    background-color: rgba(53, 53, 53, .9);
}

.modal-lightbox .caption {
    display: none;
}

.modal-lightbox.lightbox-with-caption .caption {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, .15);
    opacity: .5;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.modal-lightbox.lightbox-with-caption .modal-dialog:hover .caption {
    background: rgba(0, 0, 0, .6);
    opacity: 1;
}

.lightbox-img {
    display: block;
    width: inherit;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0 auto;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.messager {
    display: table;
    margin: 10px;
    overflow: hidden;
    color: #fff;
    pointer-events: auto;
    background-color: #353535;
    background-color: rgba(0, 0, 0, .8);
    border-radius: 20px;
    -webkit-transition-property: opacity, -webkit-transform !important;
    -o-transition-property: opacity, -o-transform !important;
    transition-property: opacity, -webkit-transform !important;
    -o-transition-property: opacity, transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
}

.messager-content {
    display: table-cell;
    padding: 10px 15px;
    vertical-align: top;
}

.messager-content > [class^='icon-'] {
    display: inline-block;
    margin-right: 8px;
}

.messager-actions {
    display: table-cell;
    vertical-align: top;
}

.messager-actions > .action {
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    color: #fafafa;
    color: rgba(255, 255, 255, .6);
    text-align: center;
    text-shadow: none;
    background: none;
    border: none;
}

.messager-actions > .action.close {
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: normal;
    opacity: 1;
}

.messager-actions > .action:hover {
    color: #fff;
    background: rgba(0, 0, 0, .1);
}

.messager-actions .action-icon + .action-text {
    margin-left: 8px;
}

.messagers-holder {
    position: fixed;
    z-index: 99999;
    padding: 10px;
    pointer-events: none;
}

.messagers-holder.top {
    top: 0;
}

.messagers-holder.top-left {
    top: 0;
    left: 0;
}

.messagers-holder.top-right {
    top: 0;
    right: 0;
}

.messagers-holder.bottom {
    bottom: 0;
}

.messagers-holder.bottom-left {
    bottom: 0;
    left: 0;
}

.messagers-holder.bottom-right {
    right: 0;
    bottom: 0;
}

.messagers-holder.top-right .messager,
.messagers-holder.bottom-right .messager {
    margin-left: auto;
}

.messagers-holder.center {
    top: 0;
}

.messagers-holder.top,
.messagers-holder.bottom,
.messagers-holder.center {
    right: 0;
    left: 0;
}

.messagers-holder.top .messager,
.messagers-holder.bottom .messager,
.messagers-holder.center .messager {
    margin: 10px auto;
}

.messager-primary {
    background-color: #3280fc;
}

.messager-success {
    background-color: #38b03f;
}

.messager-info {
    background-color: #03b8cf;
}

.messager-warning {
    background-color: #f1a325;
}

.messager-danger {
    background-color: #ea644a;
}

.messager-important {
    background-color: #bd7b46;
}

.messager-special {
    background-color: #8666b8;
}

.article {
    padding: 20px;
}

.article > header h1,
.article > header h2,
.article > header h3 {
    margin-bottom: 20px;
    line-height: 1.5;
}

.article > header > .abstract,
.article > header > dl {
    padding: 10px 15px;
    font-size: 12px;
    color: #686868;
    background-color: #f1f1f1;
}

.article > header > .abstract > p:last-child,
.article > header > dl > p:last-child {
    margin-bottom: 0;
}

.article > header > dl {
    margin: 0;
    border-bottom: 1px solid #e9e9e9;
}

.article > header > dl.pull-right {
    background-color: transparent;
    border: none;
}

.article > footer {
    border-top: 1px dashed #d7d7d7;
}

.article > footer > p {
    padding: 10px 15px;
}

.article > .content,
.article-content {
    padding: 20px 0;
    font-size: 14px;
    line-height: 1.78571429;
}

.article > .content h1,
.article-content h1 {
    font-size: 20px;
}

.article > .content h2,
.article-content h2 {
    font-size: 18px;
}

.article > .content h3,
.article-content h3 {
    font-size: 16px;
}

.article > .content h4,
.article-content h4 {
    margin-top: 15px;
    font-size: 14px;
}

.article > .content h5,
.article-content h5 {
    margin-top: 15px;
    font-size: 13px;
}

.article > .content h6,
.article-content h6 {
    margin-top: 15px;
    font-size: 11px;
}

.article > .content img,
.article-content img {
    margin: 10px 0;
}

.article > .content p > img + img,
.article-content p > img + img {
    margin-left: 10px;
}

.article > .content p > img[align='right'],
.article-content p > img[align='right'] {
    margin-left: 10px;
}

.article > .content dl,
.article-content dl {
    padding-right: 2em;
    padding-left: 2em;
}

.article > .content table,
.article-content table {
    margin-bottom: 20px;
}

.article > .content table th,
.article-content table th,
.article > .content table td,
.article-content table td {
    padding: 8px;
    line-height: 1.53846154;
    vertical-align: top;
    border-bottom: 1px solid #ddd;
}

.article > .content table > thead > tr > th,
.article-content table > thead > tr > th {
    vertical-align: bottom;
    background-color: #f1f1f1;
    border-bottom: 1px solid #ddd;
}

.article-content p {
    margin-bottom: 0;
}

.article-content table {
    width: 100%;
}

.article > .content table th,
.article > .content table td,
.article > .content table > thead > tr > th {
    border: 1px solid #ddd;
}

body.article-content {
    padding: 8px;
}

.article-condensed {
    padding: 20px 0;
}

.article-condensed > header {
    padding: 0 20px;
}

.article-condensed > header > .abstract,
.article-condensed > header > dl {
    padding: 10px 15px;
    margin: 0 -20px;
}

.article-condensed > .content,
.article-condensed > .article-content {
    padding: 20px;
}

.article-condensed > .content > img,
.article-condensed > .article-content > img,
.article-condensed > .content > pre,
.article-condensed > .article-content > pre {
    margin-right: -20px;
    margin-left: -20px;
    border-radius: 0;
}

.article-condensed > .content > pre,
.article-condensed > .article-content > pre {
    border-right: none;
    border-left: none;
}

.article-condensed > footer {
    border-top: 1px dashed #d7d7d7;
}

.article-condensed > footer > p {
    padding: 10px 15px;
}

.article-condensed > footer > .pager-justify > .previous > a {
    border-left: none;
    border-radius: 0;
}

.article-condensed > footer > .pager-justify > .next > a {
    border-right: none;
    border-radius: 0;
}

.comments > header {
    border-bottom: 1px solid #e5e5e5;
}

.comments > header > .alert {
    padding: 7.5px 15px;
    margin-bottom: -10px;
}

.comments > header h1,
.comments > header h2,
.comments > header h3 {
    padding: 10px 0;
    margin: 10px 0;
}

.comments > footer {
    padding-top: 10px;
}

.comments > footer > .reply-form > .avatar {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 10px;
}

.comments > footer > .reply-form > .avatar + .form {
    padding-left: 50px;
}

.comment {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
}

.comment:before,
.comment:after {
    display: table;
    content: " ";
}

.comment:after {
    clear: both;
}

.comment > .avatar,
.comment > .content {
    display: block;
}

.comment > .avatar {
    float: left;
    width: 40px;
    height: 40px;
    margin-top: 10px;
}

.comment > .avatar + .content {
    padding-left: 50px;
}

.comment > .content > .text {
    margin-top: 5px;
}

.comment > .content > .actions {
    margin-top: 4px;
}

.comment > .content > .actions > a {
    display: inline-block;
    color: #808080;
}

.comment > .content > .actions > a + a {
    margin-left: 5px;
}

.comment:hover > .content > .actions > a {
    color: #145ccd;
}

.comment > .comments-list {
    padding-top: 10px;
    padding-bottom: 0;
    padding-left: 30px;
    margin-left: 20px;
    border-left: 1px dashed #e5e5e5;
}

.comment > .comments-list > .comment {
    border: none;
    border-top: 1px solid #e5e5e5;
}

.comment > .comments-list > .comment:last-child {
    padding-bottom: 0;
}

.list {
    padding: 0 15px;
}

.list > header {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.items .item {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.items .item-heading > h6,
.items .item-heading h5,
.items .item-heading h4,
.items .item-heading h3,
.items .item-heading h2,
.items .item-heading h1 {
    margin-top: 5px;
}

.items .item-content:before,
.items .item-content:after {
    display: table;
    content: " ";
}

.items .item-content:after {
    clear: both;
}

.items .item-content > .media {
    max-width: 100%;
    margin: 5px 0;
}

.items .item-content > .media.pull-left {
    max-width: 150px;
    margin: 0;
    margin-right: 8px;
}

.items .item-content > .media.pull-right {
    max-width: 150px;
    margin: 0;
    margin-left: 8px;
}

.items .item-footer {
    padding-top: 5px;
}

.items .item-footer > a {
    color: #808080;
}

.items-hover .item:hover {
    background-color: #f5f5f5;
}

.list-condensed {
    padding: 0;
}

.list-condensed > header,
.list-condensed > footer,
.list-condensed > .items > .item {
    padding-right: 15px;
    padding-left: 15px;
}

.cards {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-right: -10px;
    margin-left: -10px;
}

.card {
    position: relative;
    display: block;
    padding: 0;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.card > img {
    display: block;
    max-width: 100%;
    height: auto;
    filter: alpha(opacity=100);
    opacity: 1;
}

.card > .media-wrapper {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: center;
    background-color: #f1f1f1;
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.card > .media-wrapper > img {
    max-width: 100%;
    vertical-align: middle;
}

.card .card-heading {
    display: block;
    padding: 10px;
    margin: 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.card .card-content,
.card .card-actions {
    padding: 0 10px 10px 10px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.card .card-actions .btn + .pull-right {
    padding: 6px 0;
    line-height: 20px;
}

.card:hover {
    text-decoration: none;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .175);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .175);
}

.card:hover > img,
.card:hover > .media-wrapper {
    background-color: #e5e5e5;
    filter: alpha(opacity=90);
    opacity: .9;
}

.cards-borderless .card {
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.cards-borderless .card > img,
.cards-borderless .card > .media-wrapper {
    overflow: hidden;
    border-radius: 4px;
}

.cards-borderless .card > .card-heading,
.cards-borderless .card > .card-actions,
.cards-borderless .card > .card-content {
    padding-right: 0;
    padding-left: 0;
}

.card > .caption {
    position: absolute;
    top: -100%;
    left: 0;
    display: block;
    width: 100%;
    padding: 5px 10px;
    overflow: hidden;
    color: #fff;
    text-align: center;
    background-color: #666;
    background-color: rgba(0, 0, 0, .7);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .8s cubic-bezier(.175, .885, .32, 1);
    transition: all .8s cubic-bezier(.175, .885, .32, 1);
}

.card:hover > .caption {
    top: 0;
    filter: alpha(opacity=100);
    opacity: 1;
}

.cards-condensed {
    padding: 0;
    border: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
}

.cards-condensed > [class^="col-"],
.cards-condensed > [class*=" col-"] {
    padding: 0;
}

.cards-condensed .card {
    padding: 10px;
    margin: 0;
    border-right: 0;
    border-bottom: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .015);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .015);
}

.card > .card-reveal {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    -webkit-transition: all .8s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .8s cubic-bezier(.175, .885, .32, 1);
    transition: all .8s cubic-bezier(.175, .885, .32, 1);
}

.card > .card-reveal > .card-heading {
    padding: 20px 10px;
}

.card:hover > .card-reveal {
    top: 0;
}

.tree {
    padding-left: 0;
}

.tree ul {
    position: relative;
    display: none;
    padding-left: 0;
}

.tree li {
    position: relative;
    padding: 2px 0 2px 20px;
    list-style: none;
}

.tree li:before {
    position: absolute;
    top: 10px;
    left: 8px;
    display: block;
    width: 3px;
    height: 3px;
    content: ' ';
    background-color: #999;
}

.tree li.has-list:before {
    display: none;
}

.tree li > .list-toggle {
    position: absolute;
    top: -1px;
    left: 0;
    z-index: 10;
    width: 20px;
    line-height: 24px;
    color: #808080;
    text-align: center;
    cursor: pointer;
}

.tree li > .list-toggle:before {
    content: '\F196';
}

.tree li > .list-toggle:hover,
.tree li > .list-toggle:active {
    color: #0d3d88;
}

.tree li.open > ul {
    display: block;
}

.tree li.open > .list-toggle:before {
    content: '\E71D';
}

.tree-actions {
    display: inline-block;
    margin-left: 5px;
    opacity: 0;
    -webkit-transition: opacity .1s;
    -o-transition: opacity .1s;
    transition: opacity .1s;
}

.tree-action {
    display: inline-block;
    margin-left: 5px;
    color: #808080;
}

.tree-action:hover,
.tree-action:active {
    text-decoration: none;
}

.tree li:hover > .tree-actions,
.tree-item-wrapper:hover > .tree-actions {
    opacity: 1;
}

.tree-drag-holder {
    background-color: #ebf2f9;
    opacity: .4;
}

.tree .sort-handler {
    cursor: move;
}

.tree-animate ul {
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), -o-transform .2s cubic-bezier(.175, .885, .32, 1);
    transition: opacity .2s cubic-bezier(.175, .885, .32, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1), transform .2s cubic-bezier(.175, .885, .32, 1);
    transition: opacity .2s cubic-bezier(.175, .885, .32, 1), transform .2s cubic-bezier(.175, .885, .32, 1);
    transition: opacity .2s cubic-bezier(.175, .885, .32, 1), transform .2s cubic-bezier(.175, .885, .32, 1), -webkit-transform .2s cubic-bezier(.175, .885, .32, 1);
    -webkit-transform: scale(1, .5);
    -ms-transform: scale(1, .5);
    transform: scale(1, .5);
}

.tree-animate li.open.in > ul {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.tree-animate.tree-lines li.has-list.open > ul:after {
    top: -5px;
    bottom: 12px;
    left: -11px;
}

.tree-lines ul > li:after {
    position: absolute;
    top: 11px;
    left: -10px;
    z-index: 1;
    display: block;
    width: 22px;
    content: ' ';
    border-top: 1px dotted #999;
}

.tree-lines ul > li:before,
.tree-lines ul > li.has-list:before {
    position: absolute;
    top: -12px;
    bottom: 12px;
    left: -11px;
    display: block;
    width: auto;
    height: auto;
    content: ' ';
    background: none;
    border: none;
    border-left: 1px dotted #999;
}

.tree-lines ul > li:last-child:before {
    bottom: auto;
    height: 23px;
}

.tree-lines ul > li:first-child:before {
    top: -5px;
}

.tree-lines ul > li.tree-single-item:before {
    height: 19px;
}

.tree-lines ul > li.has-list:after {
    width: 14px;
}

.tree-lines ul > li.drag-shadow:after {
    display: none;
}

.tree-folders li > .list-toggle:before {
    content: '\E6EF';
}

.tree-folders li.open > .list-toggle:before {
    content: '\E6F0';
}

.tree-folders.tree-lines ul > li:first-child:before {
    top: -6px;
}

.tree-folders.tree-lines li.has-list.open > ul:after {
    top: 16px;
}

.tree-folders ul > li.has-list:after {
    width: 13px;
}

.tree-folders ul > li.has-list.open:after {
    width: 15px;
}

.tree-chevrons li > .list-toggle:before {
    content: '\E710';
}

.tree-chevrons li.open > .list-toggle:before {
    content: '\E712';
}

.tree-chevrons li:before {
    top: 6px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 5px;
}

.tree-chevrons ul > li:after {
    width: 13px;
}

.tree-angles li > .list-toggle:before {
    content: '\E6E1';
}

.tree-angles li.open > .list-toggle:before {
    content: '\E6E3';
}

.tree-angles ul > li.has-list:after {
    width: 15px;
}

.tree-menu {
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.tree-menu li {
    padding: 0;
}

.tree-menu li:before {
    display: none;
}

.tree-menu li > a {
    display: block;
    padding: 8px;
    margin-bottom: -1px;
    color: #353535;
}

.tree-menu li > a > .icon {
    display: inline-block;
    width: 20px;
    color: inherit;
    text-align: left;
    opacity: .6;
}

.tree-menu li > a:hover,
.tree-menu li > a:active,
.tree-menu li > a:focus {
    color: #0d3d88;
    text-decoration: none;
    background-color: rgba(0, 0, 0, .04);
}

.tree-menu li > a:hover > .icon,
.tree-menu li > a:active > .icon,
.tree-menu li > a:focus > .icon {
    opacity: .9;
}

.tree-menu li .list-toggle {
    top: 6px;
    right: 4px;
    left: auto;
    width: 24px;
    height: 24px;
    filter: alpha(opacity=45);
    opacity: .45;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.tree-menu li .list-toggle:before {
    content: '\E64F';
}

.tree-menu li.open > .list-toggle {
    filter: alpha(opacity=75);
    opacity: .75;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.tree-menu li.open > .list-toggle:before {
    content: '\E64F';
}

.tree-menu li > ul {
    background-color: rgba(0, 0, 0, .04);
}

.tree-menu li li a {
    padding-left: 28px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tree-menu li li li a {
    padding-left: 48px;
}

.tree-menu li li li li a {
    padding-left: 68px;
}

.tree-menu li.active > a {
    color: #fff;
    background-color: #3280fc;
    border-color: #3280fc;
}

.tree-menu li.active > .list-toggle {
    color: #fff;
}

.tree-menu > li > a {
    border: 1px solid transparent;
    border-bottom-color: #ddd;
}

.tree-menu > li.open + li > a {
    border-top-color: #ddd;
}

/*!
 * ZUI user custom theme for - v1.9.1 - 2020-04-13
 * http://openzui.com
 * GitHub: https://github.com/easysoft/zui.git
 * Copyright (c) 2020 cnezsoft.com; Licensed MIT
 */

a {
    color: #43a047;
}

a:hover,
a:focus {
    color: #2c6a2f;
}

.btn {
    border-radius: 0;
    color: #353535;
    background-color: #f2f2f2;
    border-color: #bfbfbf;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
    color: #353535;
    background-color: #dedede;
    border-color: #a1a1a1;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
    background-image: none;
    background-color: #cccccc;
    border-color: #a6a6a6;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
    background-color: #f2f2f2;
    border-color: #bfbfbf;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
    color: #353535;
    background-color: #dedede;
    border-color: #a1a1a1;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn:active,
.btn.active,
.open .dropdown-toggle.btn {
    background-image: none;
    background-color: #cccccc;
    border-color: #a6a6a6;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
    background-color: #f2f2f2;
    border-color: #bfbfbf;
}

.btn-primary {
    color: #fff;
    background-color: #0fd59d;
    border-color: #449d48;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #409343;
    border-color: #327334;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
    background-color: #357a38;
    border-color: #357a38;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #0fd59d;
    border-color: #449d48;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #409343;
    border-color: #327334;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-image: none;
    background-color: #357a38;
    border-color: #357a38;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
    background-color: #0fd59d;
    border-color: #449d48;
}

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

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #df8f0e;
    border-color: #b4730c;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
    background-color: #bd7a0c;
    border-color: #bd7a0c;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f1a325;
    border-color: #ed980f;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #df8f0e;
    border-color: #b4730c;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: none;
    background-color: #bd7a0c;
    border-color: #bd7a0c;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
    background-color: #f1a325;
    border-color: #ed980f;
}

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

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #e64525;
    border-color: #c63317;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
    background-color: #cf3618;
    border-color: #cf3618;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #ea644a;
    border-color: #e75033;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #e64525;
    border-color: #c63317;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
    background-image: none;
    background-color: #cf3618;
    border-color: #cf3618;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
    background-color: #ea644a;
    border-color: #e75033;
}

.btn-success {
    color: #fff;
    background-color: #0fd59d;
    border-color: #0fd59d;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #2e9134;
    border-color: #236e27;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
    background-color: #26762a;
    border-color: #26762a;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #38b03f;
    border-color: #329d38;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #2e9134;
    border-color: #236e27;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    background-image: none;
    background-color: #26762a;
    border-color: #26762a;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #38b03f;
    border-color: #329d38;
}

.btn-info {
    color: #fff;
    background-color: #03b8cf;
    border-color: #03a2b6;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #0294a7;
    border-color: #026c7a;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
    background-color: #027584;
    border-color: #027584;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #03b8cf;
    border-color: #03a2b6;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #0294a7;
    border-color: #026c7a;
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
    background-image: none;
    background-color: #027584;
    border-color: #027584;
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.15);
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
    background-color: #03b8cf;
    border-color: #03a2b6;
}

.btn-link {
    color: #43a047;
    background-color: transparent;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link,
.btn-link:hover,
.btn-link:focus {
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link:hover,
.btn-link:focus {
    color: #2c6a2f;
}

.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
    color: #dddddd;
}

.popover,
.tooltip-inner {
    border-radius: 0;
}

.label {
    border-radius: 0;
}

.label-badge {
    border-radius: 9px;
}

.label-dot {
    border-radius: 5px;
}

.label-primary {
    background-color: #0fd59d;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    color: #fff;
    background-color: #3d8b40;
}

.label-primary.label-outline {
    background: none;
    border: 1px solid #0fd59d;
    color: #0fd59d;
}

.label-primary[href]:hover,
.label-primary[href]:focus {
    background-color: #3d8b40;
}

.label-success {
    background-color: #38b03f;
}

.label-success[href]:hover,
.label-success[href]:focus {
    color: #fff;
    background-color: #2c8931;
}

.label-success.label-outline {
    background: none;
    border: 1px solid #38b03f;
    color: #38b03f;
}

.label-success[href]:hover,
.label-success[href]:focus {
    background-color: #2c8931;
}

.label-info {
    background-color: #03b8cf;
}

.label-info[href]:hover,
.label-info[href]:focus {
    color: #fff;
    background-color: #028b9d;
}

.label-info.label-outline {
    background: none;
    border: 1px solid #03b8cf;
    color: #03b8cf;
}

.label-info[href]:hover,
.label-info[href]:focus {
    background-color: #028b9d;
}

.label-warning {
    background-color: #f1a325;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    color: #fff;
    background-color: #d5890e;
}

.label-warning.label-outline {
    background: none;
    border: 1px solid #f1a325;
    color: #f1a325;
}

.label-warning[href]:hover,
.label-warning[href]:focus {
    background-color: #d5890e;
}

.label-danger {
    background-color: #ea644a;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    color: #fff;
    background-color: #e53d1c;
}

.label-danger.label-outline {
    background: none;
    border: 1px solid #ea644a;
    color: #ea644a;
}

.label-danger[href]:hover,
.label-danger[href]:focus {
    background-color: #e53d1c;
}

.btn-primary .label-badge,
.btn-primary .label-dot {
    background-color: #92cf94;
}

.text-primary {
    color: #0fd59d;
}

.text-primary:hover {
    color: #3d8b40;
}

.text-warning {
    color: #f1a325;
}

.text-warning:hover {
    color: #d5890e;
}

.text-danger {
    color: #ea644a;
}

.text-danger:hover {
    color: #e53d1c;
}

.text-success {
    color: #38b03f;
}

.text-success:hover {
    color: #2c8931;
}

.text-info {
    color: #03b8cf;
}

.text-info:hover {
    color: #028b9d;
}

.text-important {
    color: #bd7b46;
}

.text-important:hover {
    color: #996337;
}

.text-special {
    color: #8666b8;
}

.text-special:hover {
    color: #6c4aa1;
}

.text-muted a:hover,
.text-muted a:active {
    color: #43a047;
}

.text-link:hover,
.text-link:active {
    color: #43a047;
}

.bg-primary {
    background-color: #0fd59d;
}

a.bg-primary:hover {
    background-color: #3d8b40;
}

.hl-primary {
    background-color: #e8f5e9;
}

a.hl-primary:hover {
    background-color: #c4e6c7;
}

.progress {
    background-color: #e5e5e5;
    border-radius: 0;
}

.progress-bar {
    color: #fff;
    background-color: #0fd59d;
    border-radius: 0;
}

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

.form-control:focus,
.form-control.focus {
    border-color: #43a047;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6);
}

.form-control:focus {
    border-color: #43a047;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6);
}

.form-condensed .form-control,
.form-condensed .btn {
    border-radius: 0;
}

.switch > input:checked + label:before {
    background-color: #0fd59d;
    border-color: #0fd59d;
}

.switch input:focus + label {
    color: #0fd59d;
}

.switch input:focus + label:before {
    border-color: #0fd59d;
}

.form-control:focus + .input-control-label-left {
    color: #43a047;
}

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

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

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

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

.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child > .btn:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.input-group-addon {
    background-color: #e5e5e5;
}

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

.input-group-addon {
    border-radius: 0;
}

.input-group-btn.fix-border > .btn {
    border-radius: 0;
}

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

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

.list-group-item {
    background-color: #fff;
    border: 1px solid #dddddd;
}

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

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

a.list-group-item {
    color: #555;
}

a.list-group-item .list-group-item-heading {
    color: #333;
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    background-color: #e8f5e9;
    color: #353535;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: #0fd59d;
    border-color: #0fd59d;
    color: #fff;
}

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

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

.list-group-item-heading {
    color: #333333;
}

.navbar-toggle {
    border-radius: 0;
}

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

.navbar-inverse {
    background-color: #43a047;
    border-color: #347c37;
}

.navbar-inverse .navbar-nav > li.nav-heading {
    background-color: #3b8e3f;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    background-color: #4db552;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #5bbb60;
}

.navbar-inverse .navbar-toggle {
    border-color: #5bbb60;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #3b8e3f;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #38873c;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #5bbb60;
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #347c37;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #4db552;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #5bbb60;
    }
}

.navbar-fixed-left.navbar-inverse .navbar-header,
.navbar-fixed-left.navbar-inverse .navbar-nav {
    border-bottom: 1px solid #5bbb60;
    -webkit-box-shadow: inset 0 -1px 0 #347c37;
    box-shadow: inset 0 -1px 0 #347c37;
}

.navbar-fixed-left.navbar-inverse.navbar-collapsed .navbar-nav > li.nav-heading:hover {
    color: #eaeaea;
    background-color: #37833a;
}

.nav > li > a:hover,
.nav > li > a:focus {
    color: #2c6a2f;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    border-color: #43a047;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #0fd59d;
}

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

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

.nav-primary > li > a {
    border: 1px solid #dddddd;
}

.nav-primary > li.active > a,
.nav-primary > li.active > a:hover,
.nav-primary > li.active > a:focus {
    background-color: #0fd59d;
    border-color: #0fd59d;
    color: #fff;
}

.nav-secondary > li.active > a,
.nav-secondary > li.active > a:hover,
.nav-secondary > li.active > a:focus {
    color: #0fd59d;
    border-bottom-color: #0fd59d;
}

.nav-stacked.nav-primary > li,
.nav-stacked.nav-primary > li > a {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-stacked.nav-primary > li:first-child > a,
.nav-stacked.nav-primary > li:first-child.nav-heading {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.nav-stacked.nav-primary > li:last-child > a {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.nav-stacked.nav-primary > li.nav-heading {
    border: 1px solid #dddddd;
    background-color: #f1f1f1;
}

.nav-stacked.nav-secondary > li > a {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-box-shadow: inset 2px 0 0 #f5f5f5;
    box-shadow: inset 2px 0 0 #f5f5f5;
}

.nav-stacked.nav-secondary > li > a:hover {
    -webkit-box-shadow: inset 2px 0 0 #e5e5e5;
    box-shadow: inset 2px 0 0 #e5e5e5;
}

.nav-stacked.nav-secondary > li.active > a,
.nav-stacked.nav-secondary > li.active > a:hover,
.nav-stacked.nav-secondary > li.active > a:focus {
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 2px 0 0 #0fd59d;
    box-shadow: inset 2px 0 0 #0fd59d;
}

.nav-stacked.nav-secondary > li.nav-heading {
    border-bottom: 1px solid #dddddd;
}

.nav-tabs > li > a {
    border-radius: 0 0 0 0;
}

.pager {
    border-radius: 0;
}

.pager > li > a,
.pager > li > span {
    background-color: #fff;
    border: 1px solid #dddddd;
}

.pager > li:first-child > a,
.pager > li:first-child > span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pager > li:last-child > a,
.pager > li:last-child > span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pager > li > a:hover,
.pager > li > span:hover,
.pager > li > a:focus,
.pager > li > span:focus {
    background-color: #e5e5e5;
}

.pager > li.active > a,
.pager > li.active > span,
.pager > li.active > a:hover,
.pager > li.active > span:hover {
    color: #fff;
    background-color: #0fd59d;
    border-color: #0fd59d;
}

.pager > li.disabled > span,
.pager > li.disabled > span:hover,
.pager > li.disabled > span:focus,
.pager > li.disabled > a,
.pager > li.disabled > a:hover,
.pager > li.disabled > a:focus {
    color: #dddddd;
    background-color: #fff;
    border-color: #dddddd;
}

.panel {
    border-radius: 0;
}

.panel > .panel-heading {
    background-image: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.panel-group .panel {
    border-radius: 0;
}

.dashboard .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-primary {
    border-color: #0fd59d;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #0fd59d;
    border-color: #0fd59d;
}

.panel-primary > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #0fd59d;
}

.panel-primary > .panel-footer + .panel-collapse .panel-body {
    border-bottom-color: #0fd59d;
}

.panel-success > .panel-body,
.panel-warning > .panel-body,
.panel-primary > .panel-body,
.panel-info > .panel-body,
.panel-danger > .panel-body {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
    background-color: #e8f5e9;
}

.table tr > td.active,
.table tr > th.active,
.table tr.active > td,
.table tr.active > th {
    background-color: #ffe7bc;
}

table.tablesorter thead tr .headerSortUp:after,
table.tablesorter thead tr .headerSortDown:after {
    color: #43a047 !important;
}

.chosen-container-single .chosen-search:focus,
.chosen-container-single .chosen-search input[type="text"]:focus {
    border-color: #43a047 !important;
}

.chosen-container-single .chosen-single {
    border-radius: 0 !important;
}

.chosen-container-single.chosen-with-drop .chosen-single {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.chosen-container-single.chosen-with-drop.chosen-up .chosen-single {
    border-bottom-right-radius: #43a047 !important;
    border-bottom-left-radius: #43a047 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #0fd59d !important;
}

.chosen-container-active .chosen-single {
    border-color: #0fd59d !important;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border-color: #cbcbcb !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
}

.chosen-container-active .chosen-choices {
    border-color: #0fd59d !important;
}

.chosen-container-multi .chosen-choices {
    border-radius: 0 !important;
}

.chosen-container-multi.chosen-with-drop .chosen-choices {
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.chosen-container-multi.chosen-with-drop.chosen-up .chosen-choices {
    border-bottom-right-radius: #0fd59d !important;
    border-bottom-left-radius: #0fd59d !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.chosen-container.chosen-highlight-selected .result-selected {
    background: #e8f5e9;
    color: #0fd59d;
}

.menu > .nav > li > .nav {
    background-color: #f6f6f6;
}

.menu > .nav > li > .nav > li > a {
    border: 1px solid #dddddd;
}

.menu > .nav > li > .nav > li > a:hover,
.menu > .nav > li > .nav > li > a:focus {
    background-color: #e4e4e4;
}

.menu > .nav > li > .nav > li.active > a,
.menu > .nav > li > .nav > li.active > a:hover,
.menu > .nav > li > .nav > li.active > a:focus {
    background-color: #0fd59d;
    border-color: #0fd59d;
    color: #fff;
}

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

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

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

.menu > .nav > li.show > a,
.menu > .nav > li.show > a:hover,
.menu > .nav > li.show > a:focus {
    color: #353535;
    background-color: #fff;
    border-color: #dddddd;
}

.menu > .nav > li.show > a > [class*='icon-'],
.menu > .nav > li.show > a:hover > [class*='icon-'],
.menu > .nav > li.show > a:focus > [class*='icon-'] {
    color: #353535;
}

.menu > .nav > li.show > a:hover {
    background-color: #f1f1f1;
}

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

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

.menu > .nav > li.nav-heading {
    border: 1px solid #dddddd;
    background-color: #f1f1f1;
}

.dropdown-menu {
    border-radius: 0;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background-color: #0fd59d;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #0fd59d;
}

.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
    background-color: #0fd59d;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.datetimepicker td.day.today {
    background-color: #f1a325 !important;
    border-color: #f1a325 !important;
}

.datetimepicker td.day.active {
    background-color: #0fd59d !important;
    border-color: #3d8b40 !important;
}

.datetimepicker td.day.active:hover {
    background-color: #3d8b40 !important;
}

.datetimepicker td.day.today:hover,
.datetimepicker td.day.today.active:hover {
    background-color: #d5890e !important;
}

.ke-container {
    border-radius: 0 !important;
}

.ke-container.focus {
    border-color: #43a047 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6) !important;
}

.ke-menu-item-on {
    background-color: #0fd59d !important;
}

.ke-colorpicker-cell-on {
    background-color: #0fd59d !important;
}

.ke-input-text:focus {
    border-color: #43a047 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(67, 160, 71, 0.6) !important;
}

.messager {
    border-radius: 0;
}

.messager-primary {
    background-color: #0fd59d;
}

.messager-success {
    background-color: #38b03f;
}

.messager-info {
    background-color: #03b8cf;
}

.messager-warning {
    background-color: #f1a325;
}

.messager-danger {
    background-color: #ea644a;
}

.messager-important {
    background-color: #bd7b46;
}

.messager-special {
    background-color: #8666b8;
}

.comment:hover > .content > .actions > a {
    color: #43a047;
}

.alert:not(.alert-block) {
    border-radius: 0;
}

.alert-primary {
    background-color: #e8f5e9;
    color: #282828;
}

.alert-primary hr {
    border-top-color: #cfead1;
}

.alert-primary .alert-link {
    color: #161616;
}

.alert-success {
    background-color: #ddf4df;
    color: #329d38;
}

.alert-success hr {
    border-top-color: #bae8b6;
}

.alert-success .alert-link {
    color: #29822e;
}

.alert-info {
    background-color: #ddf3f5;
    color: #03a2b6;
}

.alert-info hr {
    border-top-color: #a2e4de;
}

.alert-info .alert-link {
    color: #028293;
}

.alert-warning {
    background-color: #fff0d5;
    color: #ed980f;
}

.alert-warning hr {
    border-top-color: #ffdcbc;
}

.alert-warning .alert-link {
    color: #cc830d;
}

.alert-danger {
    background-color: #ffe5e0;
    color: #e75033;
}

.alert-danger hr {
    border-top-color: #ffc6c7;
}

.alert-danger .alert-link {
    color: #dd391a;
}

.alert-primary-inverse {
    background-color: #0fd59d;
    border-color: #0fd59d;
    color: #fff;
}

.alert-primary-inverse hr {
    border-top-color: #dddddd;
    border-top-color: rgba(221, 221, 221, 0.25);
}

.alert-primary-inverse .alert-link {
    color: rgba(255, 255, 255, 0.8);
}

.modal-dialog {
    border-radius: 0;
}

.card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

pre {
    border-radius: 0;
}

.datagrid .datagrid-hover-row .datagrid-row-cell:hover .datagrid-cell,
.datagrid .datagrid-hover-col .datagrid-cell.hover,
.datagrid .datagrid-hover-col .datagrid-row-cell.active .datagrid-cell.hover {
    background-color: #e8f5e9;
}

.datagrid .datagrid-loading > .content > .icon,
.datagrid .datagrid-sort-up > .icon-sort:before,
.datagrid .datagrid-sort-down > .icon-sort:before {
    color: #0fd59d;
}

.tree-drag-holder {
    background-color: #e8f5e9;
}

.tree-menu li.active > a {
    background-color: #0fd59d;
    border-color: #0fd59d;
    color: #fff;
}

.tree-menu li.active > .list-toggle {
    color: #fff;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

a {
    text-decoration: none;
    cursor: pointer
}

html {
    width: 100%;
    font-family: "microsoft yahei";
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

body {
    margin: 0;
    /*padding: 70px 0 0 0;*/
    width: 100%;
    overflow-x: hidden;
    font-family: "microsoft yahei";
    background-color: #fff
}

li {
    list-style: none
}

button {
    outline: none;
    border-style: none;
    line-height: 1;
    cursor: pointer
}

img {
    display: block
}

input {
    outline: none
}

input[type="number"] {
    -moz-appearance: textfield
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none !important
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.align-middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    align-items: flex-end
}

.flex-shrink-0 {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    align-items: flex-start
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between
}

.justify-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    justify-content: flex-end
}

.justify-star {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    justify-content: flex-start
}

.flex-1 {
    width: 0;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -moz-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.z-999 {
    z-index: 999
}

.z-9999 {
    z-index: 9999
}

.margin-auto {
    margin: 0 auto
}

.absolute-mid {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0)
}

.width-out {
    width: 1200px;
    margin: 0 auto
}

.width-100 {
    width: 100%
}

.width-10 {
    width: 10%
}

.width-11 {
    width: 11.1111111%
}

.width-15 {
    width: 15%
}

.width-20 {
    width: 20%
}

.width-25 {
    width: 25%
}

.width-30 {
    width: 30%
}

.width-35 {
    width: 35%
}

.width-40 {
    width: 40%
}

.width-33 {
    width: 33.3333333333%
}

.width-50 {
    width: 50%
}

.width-24 {
    width: 24.166666666%
}

.width-74 {
    width: 74.166666666%
}

.width-125 {
    width: 12.5%
}

.height-0 {
    height: 0px
}

.height-50 {
    height: 50px
}

.height-100 {
    height: 100%
}

.overflow-hidden {
    overflow: hidden
}

.display-none {
    display: none
}

.display-block {
    display: block
}

.display-i-block {
    display: inline-block;
    vertical-align: middle
}

.display-inline {
    display: inline
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.clear-both, .save-data-con .save-data-box #daveDataList li p, .log-data-box .log-data-title, .comments form .form-group .form-add, .comments form .form-emoji-group ul, .comments form .pic-div, .blog-left-con ul li a, .blog-right-nav .blog-right-user, .blog-right-nav .blog-right-push ul, .editor-box1, .editor-box2, .bejson-gap, .bejson-gap2, .footer-nav .footer-nav-con, .footer-nav .footer-nav-con ul, .html-footer .container, .html-footer ul, .title-gap, .modal-nav, .editor-and-codepre, .editor-and-md5result, #jsoneditor, .barcode-controller-l .cloumn-2, .barcode-controller-r .cloumn-2, .key-code-box, .yamleditor-box, .obfuscate-setting .setting-item, .obfuscate-setting .setting-item2 .setting-type, .http-box .http-head #httpUrlHistory #httpClearHistory, .http-box .http-head #httpUrlHistory ul li, .http-box .http-switch, #findImgRes, .left-right-average, .zipfile-list #file-list, .svg-box ul, .svg-box ul li .svgimg-txtbox, .image-handler-box, .file2pdf-box #file2PdfList, .video2audio-box #video2audioList, .compress-img-box #info1, .svg-editor, .gif-frame-list .staticImg, #fs2, .modal-nav-qq, .tool-list, .tool-list li a {
    clear: both
}

.clear-both:after, .save-data-con .save-data-box #daveDataList li p:after, .log-data-box .log-data-title:after, .comments form .form-group .form-add:after, .comments form .form-emoji-group ul:after, .comments form .pic-div:after, .blog-left-con ul li a:after, .blog-right-nav .blog-right-user:after, .blog-right-nav .blog-right-push ul:after, .editor-box1:after, .editor-box2:after, .bejson-gap:after, .bejson-gap2:after, .footer-nav .footer-nav-con:after, .footer-nav .footer-nav-con ul:after, .html-footer .container:after, .html-footer ul:after, .title-gap:after, .modal-nav:after, .editor-and-codepre:after, .editor-and-md5result:after, #jsoneditor:after, .barcode-controller-l .cloumn-2:after, .barcode-controller-r .cloumn-2:after, .key-code-box:after, .yamleditor-box:after, .obfuscate-setting .setting-item:after, .obfuscate-setting .setting-item2 .setting-type:after, .http-box .http-head #httpUrlHistory #httpClearHistory:after, .http-box .http-head #httpUrlHistory ul li:after, .http-box .http-switch:after, #findImgRes:after, .left-right-average:after, .zipfile-list #file-list:after, .svg-box ul:after, .svg-box ul li .svgimg-txtbox:after, .image-handler-box:after, .file2pdf-box #file2PdfList:after, .video2audio-box #video2audioList:after, .compress-img-box #info1:after, .svg-editor:after, .gif-frame-list .staticImg:after, #fs2:after, .modal-nav-qq:after, .tool-list:after, .tool-list li a:after {
    content: '';
    clear: both;
    display: block
}

.clear-before:before {
    display: none !important
}

.clear-after:after {
    display: none
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.fixed {
    position: fixed
}

.left-0 {
    left: 0
}

.right-0 {
    right: 0
}

.top-0 {
    top: 0
}

.bottom-0 {
    bottom: 0
}

.left-100 {
    left: 100%
}

.right-100 {
    right: 100%
}

.top-100 {
    top: 100%
}

.bottom-100 {
    bottom: 100%
}

.opacity-1 {
    opacity: .1
}

.opacity-2 {
    opacity: .2
}

.opacity-3 {
    opacity: .3
}

.opacity-4 {
    opacity: .4
}

.opacity-5 {
    opacity: .5
}

.opacity-6 {
    opacity: .6
}

.opacity-7 {
    opacity: .7
}

.opacity-8 {
    opacity: .8
}

.opacity-9 {
    opacity: .9
}

.opacity-10 {
    opacity: 1
}

.spacing-1 {
    letter-spacing: 1px
}

.spacing-2 {
    letter-spacing: 2px
}

.spacing-3 {
    letter-spacing: 3px
}

.spacing-4 {
    letter-spacing: 4px
}

.spacing-5 {
    letter-spacing: 5px
}

.spacing-6 {
    letter-spacing: 6px
}

.spacing-7 {
    letter-spacing: 7px
}

.spacing-8 {
    letter-spacing: 8px
}

.spacing-9 {
    letter-spacing: 9px
}

.spacing-10 {
    letter-spacing: 10px
}

.h-mini-padding {
    padding-left: 5px;
    padding-right: 5px
}

.r-mini-padding {
    padding-right: 5px
}

.r-huge-padding {
    padding-right: 30px
}

.l-mini-padding {
    padding-left: 5px
}

.v-mini-padding {
    padding-top: 5px;
    padding-bottom: 5px
}

.v-huge-padding {
    padding-top: 30px;
    padding-bottom: 30px
}

.h-huge-padding {
    padding-left: 30px;
    padding-right: 30px
}

.l-huge-padding {
    padding-left: 30px
}

.t-mini-padding {
    padding-top: 5px
}

.b-mini-padding {
    padding-bottom: 5px
}

.b-huge-padding {
    padding-bottom: 30px
}

.h-small-padding {
    padding-left: 10px;
    padding-right: 10px
}

.l-small-padding {
    padding-left: 10px
}

.r-small-padding {
    padding-right: 10px
}

.v-small-padding {
    padding-top: 10px;
    padding-bottom: 10px
}

.t-small-padding {
    padding-top: 10px
}

.b-small-padding {
    padding-bottom: 10px
}

.h-big-padding {
    padding-left: 15px;
    padding-right: 15px
}

.r-big-padding {
    padding-right: 15px
}

.l-big-padding {
    padding-left: 15px
}

.v-big-padding {
    padding-top: 15px;
    padding-bottom: 15px
}

.t-big-padding {
    padding-top: 15px
}

.b-big-padding {
    padding-bottom: 15px
}

.h-large-padding {
    padding-left: 20px;
    padding-right: 20px
}

.l-large-padding {
    padding-left: 20px
}

.r-large-padding {
    padding-right: 20px
}

.v-large-padding {
    padding-top: 20px;
    padding-bottom: 20px
}

.t-large-padding {
    padding-top: 20px
}

.t-huge-padding {
    padding-top: 30px
}

.b-large-padding {
    padding-bottom: 20px
}

.h-mini-margin {
    margin-left: 5px;
    margin-right: 5px
}

.r-mini-margin {
    margin-right: 5px
}

.l-mini-margin {
    margin-left: 5px
}

.v-mini-margin {
    margin-top: 5px;
    margin-bottom: 5px
}

.t-mini-margin {
    margin-top: 5px
}

.b-mini-margin {
    margin-bottom: 5px
}

.h-small-margin {
    margin-left: 10px;
    margin-right: 10px
}

.l-small-margin {
    margin-left: 10px
}

.r-small-margin {
    margin-right: 10px
}

.r-huge-margin {
    margin-right: 30px
}

.v-small-margin {
    margin-top: 10px;
    margin-bottom: 10px
}

.v-huge-margin {
    margin-top: 30px;
    margin-bottom: 30px
}

.t-small-margin {
    margin-top: 10px
}

.b-small-margin {
    margin-bottom: 10px
}

.h-big-margin {
    margin-left: 15px;
    margin-right: 15px
}

.r-big-margin {
    margin-right: 15px
}

.l-big-margin {
    margin-left: 15px
}

.v-big-margin {
    margin-top: 15px;
    margin-bottom: 15px
}

.t-big-margin {
    margin-top: 15px
}

.b-big-margin {
    margin-bottom: 15px
}

.h-large-margin {
    margin-left: 20px;
    margin-right: 20px
}

.l-large-margin {
    margin-left: 20px
}

.r-large-margin {
    margin-right: 20px
}

.v-large-margin {
    margin-top: 20px;
    margin-bottom: 20px
}

.t-large-margin {
    margin-top: 20px
}

.t-huge-margin {
    margin-top: 30px
}

.t-huge2-margin {
    margin-top: 37px
}

.l-huge-margin {
    margin-left: 30px
}

.b-huge-margin {
    margin-bottom: 30px
}

.h-huge-margin {
    margin-left: 30px;
    margin-right: 30px
}

.b-large-margin {
    margin-bottom: 20px
}

.no-padding-h {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-padding-v {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

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

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

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

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

.no-margin-h {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.no-margin-v {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

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

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

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

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

.font-10 {
    font-size: 10px
}

.font-12 {
    font-size: 12px
}

.font-14 {
    font-size: 14px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-20 {
    font-size: 20px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24px
}

.font-26 {
    font-size: 26px
}

.font-28 {
    font-size: 28px
}

.font-30 {
    font-size: 30px
}

.line-h-1 {
    line-height: 1
}

.line-h-1-2 {
    line-height: 1.2
}

.line-h-1-4 {
    line-height: 1.4
}

.line-h-1-6 {
    line-height: 1.6
}

.line-h-1-8 {
    line-height: 1.8
}

.line-h-2 {
    line-height: 2
}

.line-h-2-2 {
    line-height: 2.2
}

.line-h-2-4 {
    line-height: 2.4
}

.line-h-2-6 {
    line-height: 2.6
}

.line-h-2-8 {
    line-height: 2.8
}

.line-h-3 {
    line-height: 3
}

.text-28 {
    text-indent: 28px
}

.text-justify {
    text-align: justify
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-ellipsis, .save-data-con .save-data-box #daveDataList li p .save-title, .save-data-con .log-data-box ul li a, .left-nav-con ul li > a, .left-nav-con ul li dl dd a, .right-nav-con ul li strong, .right-nav-con ul li > a, .right-nav-con ul li dl dd a, .blog-left-con ul li a .blog-con-box .blog-con-title, .blog-right-nav .blog-right-user .blog-right-user-txt p, .blog-right-nav .blog-right-push ul li a span, .right-nav-container ul li strong, .right-nav-container ul li a, .left-nav-container .left-nav-title strong, .left-nav-container ul li strong, .left-nav-container ul li a, .bejson-gap a, .bejson-gap2 a, .html-footer ul li a, .http-box .http-head #httpUrlHistory ul li p, .svg-box ul li .svgimg-bgbox .svgimg-bg p, .image-handler-box .image-handler-item .image-handler-con a, .file2pdf-box #file2PdfList li p, .video2audio-box #video2audioList li span, .modal-nav-qq .group-info .group-detail div, .tool-list li a .tool-con .font-16, #write .pre-and-next a, .pre-and-next-foot a {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block
}

.text-ellipsis-2, .blog-left-con ul li a .blog-con-box .blog-con-info, .tool-list li a .tool-con .font-12 {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.font-bold {
    font-weight: bold
}

.text-underline:hover {
    text-decoration: underline
}

.text-underline:hover p, .text-underline:hover span, .text-underline:hover h1, .text-underline:hover h2, .text-underline:hover h3, .text-underline:hover h4, .text-underline:hover h5 {
    text-decoration: underline
}

.cursor-pointer {
    cursor: pointer !important
}

.cursor-nresize {
    cursor: n-resize
}

.text-hover-toprimary, .text-hover-tolprimary, .text-hover-todsuccess {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.text-hover-toprimary p, .text-hover-toprimary span, .text-hover-toprimary h1, .text-hover-toprimary h2, .text-hover-toprimary h3, .text-hover-toprimary h4, .text-hover-toprimary h5, .text-hover-tolprimary p, .text-hover-tolprimary span, .text-hover-tolprimary h1, .text-hover-tolprimary h2, .text-hover-tolprimary h3, .text-hover-tolprimary h4, .text-hover-tolprimary h5, .text-hover-todsuccess p, .text-hover-todsuccess span, .text-hover-todsuccess h1, .text-hover-todsuccess h2, .text-hover-todsuccess h3, .text-hover-todsuccess h4, .text-hover-todsuccess h5 {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.text-hover-toprimary:hover {
    color: #0fd59d !important
}

.text-hover-toprimary:hover p, .text-hover-toprimary:hover span, .text-hover-toprimary:hover h1, .text-hover-toprimary:hover h2, .text-hover-toprimary:hover h3, .text-hover-toprimary:hover h4, .text-hover-toprimary:hover h5 {
    color: #0fd59d !important
}

.text-hover-tolprimary:hover {
    color: #c8ffcf
}

.text-hover-tolprimary:hover p, .text-hover-tolprimary:hover span, .text-hover-tolprimary:hover h1, .text-hover-tolprimary:hover h2, .text-hover-tolprimary:hover h3, .text-hover-tolprimary:hover h4, .text-hover-tolprimary:hover h5 {
    color: #c8ffcf
}

.text-hover-todsuccess:hover {
    color: #10C55B
}

.text-hover-todsuccess:hover p, .text-hover-todsuccess:hover span, .text-hover-todsuccess:hover h1, .text-hover-todsuccess:hover h2, .text-hover-todsuccess:hover h3, .text-hover-todsuccess:hover h4, .text-hover-todsuccess:hover h5 {
    color: #10C55B
}

.bg-hover-toprimary:hover {
    background-color: #0fd59d;
    color: #fff
}

.bg-primary {
    background-color: #0fd59d
}

.bg-primary-l {
    background-color: #c8ffcf
}

.bg-primary-ll {
    background-color: #e5ffe8
}

.bg-primary-s {
    background-color: #5c5ce7
}

.bg-primary-sl {
    background-color: #7b9dff
}

.bg-primary-maxl {
    background-color: #f0f4f5
}

.bg-success {
    background-color: #38b03f
}

.bg-success-d {
    background-color: #10C55B
}

.bg-success-l {
    background-color: #ddf4df
}

.bg-error {
    background-color: #ea644a
}

.bg-error-l {
    background-color: #fadada
}

.bg-stress-d {
    background-color: #FD8320
}

.bg-stress {
    background-color: #f2c200
}

.bg-info-0 {
    background-color: #000
}

.bg-info-1 {
    background-color: #111
}

.bg-info-2 {
    background-color: #222
}

.bg-info-3 {
    background-color: #333
}

.bg-info-4 {
    background-color: #444
}

.bg-info-5 {
    background-color: #555
}

.bg-info-6 {
    background-color: #666
}

.bg-info-7 {
    background-color: #777
}

.bg-info-8 {
    background-color: #888
}

.bg-info-9 {
    background-color: #999
}

.bg-info-a {
    background-color: #aaa
}

.bg-info-b {
    background-color: #bbb
}

.bg-info-c {
    background-color: #ccc
}

.bg-info-d {
    background-color: #ddd
}

.bg-info-e {
    background-color: #eee
}

.bg-info-f {
    background-color: #fff
}

.bg-info-fa {
    background-color: #fafafa
}

.bg-info-f5 {
    background-color: #f6f6f6
}

.bg-info-f6 {
    background-color: #f6f6f6
}

.bg-gradient {
    background: -webkit-linear-gradient(135deg, #fff 0, #e5ffe8 100%);
    background: -moz- oldlinear-gradient(135deg, #fff 0, #e5ffe8 100%);
    background: -o-linear-gradient(135deg, #fff 0, #e5ffe8 100%);
    background: linear-gradient(315deg, #fff 0, #e5ffe8 100%)
}

.text-primary {
    color: #0fd59d
}

.text-primary-l {
    color: #c8ffcf
}

.text-primary-s {
    color: #5c5ce7
}

.text-primary-sl {
    color: #7b9dff
}

.text-success {
    color: #38b03f
}

.text-success-l {
    color: #ddf4df
}

.text-success-d {
    color: #10C55B
}

.text-error {
    color: #ea644a
}

.text-stress {
    color: #f2c200
}

.text-stress-d {
    color: #FD8320
}

.text-error-l {
    color: #fadada
}

.text-info-0 {
    color: #000
}

.text-info-1 {
    color: #111
}

.text-info-2 {
    color: #222
}

.text-info-3 {
    color: #333
}

.text-info-4 {
    color: #444
}

.text-info-5 {
    color: #555
}

.text-info-5 {
    color: #555
}

.text-info-6 {
    color: #666
}

.text-info-7 {
    color: #777
}

.text-info-8 {
    color: #888
}

.text-info-9 {
    color: #999
}

.text-info-a {
    color: #aaa
}

.text-info-b {
    color: #bbb
}

.text-info-c {
    color: #ccc
}

.text-info-d {
    color: #ddd
}

.text-info-e {
    color: #eee
}

.text-info-f {
    color: #fff
}

.text-gold {
    color: #E3A46A
}

.box-shadow-1 {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(111, 116, 132, 0.1);
    box-shadow: 0px 5px 10px 0px rgba(111, 116, 132, 0.1)
}

.text-shadow-1 {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.25)
}

.box-shadow-2 {
    -webkit-box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.1)
}

.box-shadow-3 {
    -webkit-box-shadow: 0 2px 20px 0 rgba(15, 12, 70, 0.1) !important;
    box-shadow: 0 2px 20px 0 rgba(15, 12, 70, 0.1) !important
}

.box-shadow-4 {
    -webkit-box-shadow: 0 7px 14px #B0B0B0;
    box-shadow: 0 7px 14px #B0B0B0
}

.box-shadow-5 {
    -webkit-box-shadow: 0 4px 20px rgba(115, 113, 239, 0.5);
    box-shadow: 0 4px 20px rgba(115, 113, 239, 0.5)
}

.shadow-hover-togray {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.shadow-hover-togray:hover {
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1)
}

.btn-hov-shadow:hover {
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15)
}

.gradient-btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#c8ffcf), to(#0fd59d));
    background-image: -webkit-linear-gradient(left, #c8ffcf, #0fd59d);
    background-image: -moz-oldlinear-gradient(left, #c8ffcf, #0fd59d);
    background-image: -o-linear-gradient(left, #c8ffcf, #0fd59d);
    background-image: linear-gradient(to right, #c8ffcf, #0fd59d);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary-l-color', endColorstr='$primary-color', GradientType=0);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.gradient-btn:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#7b9dff), to(#5c5ce7));
    background-image: -webkit-linear-gradient(left, #7b9dff, #5c5ce7);
    background-image: -moz-oldlinear-gradient(left, #7b9dff, #5c5ce7);
    background-image: -o-linear-gradient(left, #7b9dff, #5c5ce7);
    background-image: linear-gradient(to right, #7b9dff, #5c5ce7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$primary-sl-color', endColorstr='$primary-s-color', GradientType=0)
}

.gradient-btn2 {
    background-image: -webkit-gradient(linear, left top, right top, from(#38b03f), to(#10C55B));
    background-image: -webkit-linear-gradient(left, #38b03f, #10C55B);
    background-image: -moz-oldlinear-gradient(left, #38b03f, #10C55B);
    background-image: -o-linear-gradient(left, #38b03f, #10C55B);
    background-image: linear-gradient(to right, #38b03f, #10C55B);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$success-color', endColorstr='$success-d-color', GradientType=0);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.gradient-btn2:hover {
    background-image: -webkit-gradient(linear, left top, right top, from(#38b03f), to(#38b03f));
    background-image: -webkit-linear-gradient(left, #38b03f, #38b03f);
    background-image: -moz-oldlinear-gradient(left, #38b03f, #38b03f);
    background-image: -o-linear-gradient(left, #38b03f, #38b03f);
    background-image: linear-gradient(to right, #38b03f, #38b03f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$success-color', endColorstr='$success-color', GradientType=0)
}

.primary-full-btn {
    background-color: #0fd59d;
    border: 1px solid #0fd59d;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.primary-full-btn:hover {
    background-color: #5c5ce7;
    border: 1px solid #5c5ce7
}

.primary-empty-btn {
    background-color: #fff;
    border: 1px solid #0fd59d;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.primary-empty-btn:hover {
    background-color: #0fd59d;
    border: 1px solid #0fd59d
}

.infoa-empty-btn {
    background-color: #fff;
    border: 1px solid #aaa;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.infoa-empty-btn:hover {
    background-color: #0fd59d;
    border: 1px solid #0fd59d;
    color: #fff
}

.infoc-empty-btn {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.infoc-empty-btn:hover {
    background-color: #0fd59d;
    border: 1px solid #0fd59d;
    color: #fff
}

.infoc-full-btn {
    background-color: #ccc;
    border: 1px solid #ccc;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.infoc-full-btn:hover {
    background-color: #aaa;
    border: 1px solid #aaa;
    color: #fff
}

.infoe-empty-btn {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #888
}

.infoe-empty-btn:hover {
    background-color: #0fd59d;
    border: 1px solid #0fd59d;
    color: #fff
}

.infof-empty-btn {
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.infof-empty-btn:hover {
    background-color: #0fd59d;
    border: 1px solid #0fd59d;
    color: #fff;
    -webkit-box-shadow: 0 1px 10px rgba(115, 113, 239, 0.5);
    box-shadow: 0 1px 10px rgba(115, 113, 239, 0.5)
}

.infoe-empty-btn2 {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.infoe-empty-btn2:hover {
    color: #0fd59d;
    border: 1px solid #0fd59d
}

.success-full-btn {
    background-color: #38b03f;
    border: 1px solid #38b03f;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.success-full-btn:hover {
    -webkit-box-shadow: 0px 10px 30px rgba(56, 217, 145, 0.5);
    box-shadow: 0px 10px 30px rgba(56, 217, 145, 0.5)
}

.success-full-nos-btn {
    background-color: #38b03f;
    border: 1px solid #38b03f;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.success-full-nos-btn:hover {
    background-color: #4ceca3;
    border: 1px solid #4ceca3
}

.success-empty-btn {
    background-color: #fff;
    border: 1px solid #38b03f;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.success-empty-btn:hover {
    background-color: #38b03f;
    border: 1px solid #38b03f;
    color: #fff
}

.primary-l-full-btn {
    background-color: #c8ffcf;
    border: 1px solid #c8ffcf;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.primary-l-full-btn:hover {
    background-color: #7b9dff;
    border: 1px solid #7b9dff
}

.primary-l-empty-btn {
    background-color: #fff;
    border: 1px solid #c8ffcf;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.primary-l-empty-btn:hover {
    background-color: #c8ffcf;
    border: 1px solid #c8ffcf
}

.error-full-btn {
    background-color: #ea644a;
    border: 1px solid #ea644a;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.error-full-btn:hover {
    -webkit-box-shadow: 0px 10px 30px rgba(162, 67, 67, 0.5);
    box-shadow: 0px 10px 30px rgba(162, 67, 67, 0.5)
}

.white-primary-btn {
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.white-primary-btn:hover {
    background-color: #0fd59d;
    border: 1px solid #0fd59d;
    color: #fff
}

.stress-full-btn {
    background-color: #f2c200;
    border: 1px solid #f2c200;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.stress-full-btn:hover {
    background-color: #FD8320;
    border: 1px solid #FD8320
}

.stress-d-full-btn {
    background-color: #FD8320;
    border: 1px solid #FD8320;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.stress-d-full-btn:hover {
    background-color: #FD8320;
    border: 1px solid #FD8320
}

.primary-empty-btn {
    background-color: #fff;
    border: 1px solid #f2c200;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.primary-empty-btn:hover {
    background-color: #f2c200;
    border: 1px solid #f2c200
}

.qq-btn {
    background-color: #2d8cde;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.qq-btn:hover {
    background-color: #2d80c7
}

.wechat-btn {
    background-color: #03D02E;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    color: #fff
}

.wechat-btn:hover {
    background-color: #13a532
}

.radius-btn {
    border-radius: 3px
}

.round-btn {
    border-radius: 50px !important
}

.totop {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.totop:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.toright {
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.toright:hover {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px)
}

.info-5-full-btn {
    background-color: #555;
    border: 1px solid #555;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.info-5-full-btn:hover {
    background-color: #777;
    border: 1px solid #777
}

.info-d-full-btn {
    background-color: #ddd;
    border: 1px solid #ddd;
    color: #fff;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.info-d-full-btn:hover {
    background-color: #777;
    border: 1px solid #777
}

.info-c-empty-btn {
    background-color: #fff;
    border: 2px solid #ccc;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.info-c-empty-btn:hover {
    border: 2px solid #0fd59d;
    color: #0fd59d
}

.custom-icon-12 {
    width: 12px;
    height: 12px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-12:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.24);
    -webkit-transform: scale(.24);
    -moz-transform: scale(.24);
    -ms-transform: scale(.24);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-13 {
    width: 13px;
    height: 13px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-13:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.26);
    -webkit-transform: scale(.26);
    -moz-transform: scale(.26);
    -ms-transform: scale(.26);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-14 {
    width: 14px;
    height: 14px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-14:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.28);
    -webkit-transform: scale(.28);
    -moz-transform: scale(.28);
    -ms-transform: scale(.28);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-15 {
    width: 15px;
    height: 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-15:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-16 {
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-16:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.32);
    -webkit-transform: scale(.32);
    -moz-transform: scale(.32);
    -ms-transform: scale(.32);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-17 {
    width: 17px;
    height: 17px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-17:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.34);
    -webkit-transform: scale(.34);
    -moz-transform: scale(.34);
    -ms-transform: scale(.34);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-18 {
    width: 18px;
    height: 18px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-18:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.36);
    -webkit-transform: scale(.36);
    -moz-transform: scale(.36);
    -ms-transform: scale(.36);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-19 {
    width: 19px;
    height: 19px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-19:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.38);
    -webkit-transform: scale(.38);
    -moz-transform: scale(.38);
    -ms-transform: scale(.38);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-20 {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-20:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.4);
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-21 {
    width: 21px;
    height: 21px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-21:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.42);
    -webkit-transform: scale(.42);
    -moz-transform: scale(.42);
    -ms-transform: scale(.42);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-22 {
    width: 22px;
    height: 22px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-22:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.44);
    -webkit-transform: scale(.44);
    -moz-transform: scale(.44);
    -ms-transform: scale(.44);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-23 {
    width: 23px;
    height: 23px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-23:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.46);
    -webkit-transform: scale(.46);
    -moz-transform: scale(.46);
    -ms-transform: scale(.46);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-24 {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-24:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.48);
    -webkit-transform: scale(.48);
    -moz-transform: scale(.48);
    -ms-transform: scale(.48);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-25 {
    width: 25px;
    height: 25px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-25:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-26 {
    width: 26px;
    height: 26px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-26:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.52);
    -webkit-transform: scale(.52);
    -moz-transform: scale(.52);
    -ms-transform: scale(.52);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-27 {
    width: 27px;
    height: 27px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-27:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.54);
    -webkit-transform: scale(.54);
    -moz-transform: scale(.54);
    -ms-transform: scale(.54);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-28 {
    width: 28px;
    height: 28px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-28:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.56);
    -webkit-transform: scale(.56);
    -moz-transform: scale(.56);
    -ms-transform: scale(.56);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-29 {
    width: 29px;
    height: 29px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-29:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.58);
    -webkit-transform: scale(.58);
    -moz-transform: scale(.58);
    -ms-transform: scale(.58);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-30 {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-30:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.6);
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-31 {
    width: 31px;
    height: 31px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-31:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.62);
    -webkit-transform: scale(.62);
    -moz-transform: scale(.62);
    -ms-transform: scale(.62);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-32 {
    width: 32px;
    height: 32px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-32:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.64);
    -webkit-transform: scale(.64);
    -moz-transform: scale(.64);
    -ms-transform: scale(.64);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-33 {
    width: 33px;
    height: 33px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-33:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.66);
    -webkit-transform: scale(.66);
    -moz-transform: scale(.66);
    -ms-transform: scale(.66);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-34 {
    width: 34px;
    height: 34px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-34:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.68);
    -webkit-transform: scale(.68);
    -moz-transform: scale(.68);
    -ms-transform: scale(.68);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-35 {
    width: 35px;
    height: 35px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-35:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-36 {
    width: 36px;
    height: 36px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-36:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.72);
    -webkit-transform: scale(.72);
    -moz-transform: scale(.72);
    -ms-transform: scale(.72);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-37 {
    width: 37px;
    height: 37px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-37:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.74);
    -webkit-transform: scale(.74);
    -moz-transform: scale(.74);
    -ms-transform: scale(.74);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-38 {
    width: 38px;
    height: 38px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-38:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.76);
    -webkit-transform: scale(.76);
    -moz-transform: scale(.76);
    -ms-transform: scale(.76);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-39 {
    width: 39px;
    height: 39px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-39:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.78);
    -webkit-transform: scale(.78);
    -moz-transform: scale(.78);
    -ms-transform: scale(.78);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-40 {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-40:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-41 {
    width: 41px;
    height: 41px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-41:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.82);
    -webkit-transform: scale(.82);
    -moz-transform: scale(.82);
    -ms-transform: scale(.82);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-42 {
    width: 42px;
    height: 42px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-42:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.84);
    -webkit-transform: scale(.84);
    -moz-transform: scale(.84);
    -ms-transform: scale(.84);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-43 {
    width: 43px;
    height: 43px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-43:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.86);
    -webkit-transform: scale(.86);
    -moz-transform: scale(.86);
    -ms-transform: scale(.86);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-44 {
    width: 44px;
    height: 44px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-44:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.88);
    -webkit-transform: scale(.88);
    -moz-transform: scale(.88);
    -ms-transform: scale(.88);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-45 {
    width: 45px;
    height: 45px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-45:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-46 {
    width: 46px;
    height: 46px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-46:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.92);
    -webkit-transform: scale(.92);
    -moz-transform: scale(.92);
    -ms-transform: scale(.92);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-47 {
    width: 47px;
    height: 47px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-47:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.94);
    -webkit-transform: scale(.94);
    -moz-transform: scale(.94);
    -ms-transform: scale(.94);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-48 {
    width: 48px;
    height: 48px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-48:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.96);
    -webkit-transform: scale(.96);
    -moz-transform: scale(.96);
    -ms-transform: scale(.96);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-49 {
    width: 49px;
    height: 49px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-49:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(.98);
    -webkit-transform: scale(.98);
    -moz-transform: scale(.98);
    -ms-transform: scale(.98);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-50 {
    width: 50px;
    height: 50px;
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.custom-icon-50:before {
    background-image: url(https://www.json.cn/static/kj/assets/img/dc1ac18f2f891a789ea918e110a3637f.png);
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px
}

.custom-icon-dthrow-be:before {
    background-position: -100px 0
}

.custom-icon-dthrow-bf:before {
    background-position: -100px -50px
}

.custom-icon-star-we:before {
    background-position: -50px -100px
}

.custom-icon-star-wf:before {
    background-position: -50px -150px
}

.custom-icon-moon-bf:before {
    background-position: -150px -50px
}

.custom-icon-sun-wf:before {
    background-position: 0 -150px
}

.custom-icon-nav-wf:before {
    background-position: -200px -150px
}

.custom-icon-nav-we:before {
    background-position: -200px -100px
}

.custom-icon-nav-bf:before {
    background-position: -200px -50px
}

.custom-icon-nav-be:before {
    background-position: -200px 0px
}

.custom-icon-nav-se:before {
    background-position: -200px -200px
}

.custom-icon-nav-sf:before {
    background-position: -200px -250px
}

.custom-icon-toparrow-wf:before {
    background-position: -250px -150px
}

.custom-icon-toparrow-we:before {
    background-position: -250px -100px
}

.custom-icon-toparrow-bf:before {
    background-position: -250px -50px
}

.custom-icon-toparrow-be:before {
    background-position: -250px 0px
}

.custom-icon-toparrow-se:before {
    background-position: -250px -200px
}

.custom-icon-toparrow-sf:before {
    background-position: -250px -250px
}

.custom-icon-bottomarrow-wf:before {
    background-position: -300px -150px
}

.custom-icon-bottomarrow-we:before {
    background-position: -300px -100px
}

.custom-icon-bottomarrow-bf:before {
    background-position: -300px -50px
}

.custom-icon-bottomarrow-be:before {
    background-position: -300px 0px
}

.custom-icon-bottomarrow-se:before {
    background-position: -300px -200px
}

.custom-icon-bottomarrow-sf:before {
    background-position: -300px -250px
}

.mini-radius {
    border-radius: 3px !important
}

.small-radius {
    border-radius: 5px
}

.border-success-d {
    border: 1px solid #10C55B
}

.border-d-color {
    border: 1px solid #eee
}

.border-right-d-color {
    border-right: 1px solid #eee
}

.border-left-d-color {
    border-left: 1px solid #eee
}

.border-bottom-d-color {
    border-bottom: 1px solid #eee
}

.border-top-d-color {
    border-top: 1px solid #eee
}

.before-border-2, .comments > header h2 span, .footer-nav h2 span {
    position: relative;
    display: inline-block
}

.before-border-2:before, .comments > header h2 span:before, .footer-nav h2 span:before {
    content: '';
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    background-color: #0fd59d
}

.left-border-2, .footer-nav .footer-nav-con h3 {
    position: relative;
    padding-left: 15px
}

.left-border-2:before, .footer-nav .footer-nav-con h3:before {
    content: '';
    height: 100%;
    width: 2px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 0;
    background-color: #0fd59d
}

.text-nav-danger-import {
    color: #ea644a !important
}

.text-nav-danger-import:hover {
    background-color: #eee !important;
    color: #ea644a !important
}

.text-nav-info-import {
    color: #333 !important
}

.text-nav-info-import:hover {
    background-color: #eee !important;
    color: #333 !important
}

.mouseopen .dropdown-menu {
    z-index: 9999
}

.empty-list {
    position: relative
}

.empty-list:before {
    content: '\60A8\8FD8\6CA1\6709\6821\9A8C\8BB0\5F55';
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: 40px;
    color: #999;
    margin-left: -52px;
    cursor: pointer
}

.empty-list:after {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 40%;
    margin-top: -60px;
    left: 50%;
    margin-left: -50px;
    background-image: url(https://www.json.cn/static/kj/assets/img/872032eb2d6f755e7d46ec936ad3a1c3.png);
    background-repeat: no-repeat;
    background-size: cover;
    white-space: nowrap;
    content: '';
    color: #10C55B;
    cursor: pointer
}

.navbar {
    border-radius: 0
}

.navbar .double-row .dropdown-menu {
    min-width: 420px
}

.navbar .double-row .dropdown-menu li {
    width: 50%;
    float: left
}

.navbar .double-row .dropdown-menu li a {
    width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.navbar .double-row .dropdown-menu .divider {
    width: 100%
}

.navbar .double-row .dropdown-menu:after {
    content: '';
    clear: both
}

.nav > li > a {
    padding: 15px 7px;
    font-size: 14px
}

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

.navbar-inverse .navbar-nav > .active > a {
    color: #000
}

.navbar-inverse .navbar-nav > li > a:focus {
    background-color: #f6f6f6 !important;
    color: #666 !important
}

.navbar {
    border: none;
    margin-bottom: 0;
    background-color: transparent;
    min-height: 50px !important;
    border-color: transparent
}

.navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
    float: left
}

.navbar .navbar-brand {
    height: 40px;
    padding: 10px 17px 0px 0;
    margin-left: 0 !important;
    margin-bottom: 10px
}

.navbar .navbar-nav .active > a {
    background-color: #fff
}

.navbar .navbar-nav .open > a {
    background-color: #fff !important;
    color: #333 !important
}

.navbar .navbar-nav .dropdown > a {
    font-size: 14px
}

.navbar .navbar-nav .dropdown a:hover {
    background-color: #f6f6f6;
    color: #666
}

.custom-top-nav {
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999
}

.prettyprint {
    border: 1px solid #ddd !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border-radius: 0
}

/*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
.pln {
    color: #4d4d4c
}

ol.linenums {
    margin-top: 0;
    margin-bottom: 0;
    color: #8e908c
}

li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9 {
    padding-left: 1em;
    background-color: transparent !important;
    list-style-type: decimal !important;
    padding-top: 2px;
    padding-bottom: 2px
}

.cnblogs-markdown code {
    background: #fff !important
}

.cnblogs_code, .cnblogs_code span, .cnblogs-markdown .hljs {
    font-size: 16px !important
}

.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea {
    font-size: 16px !important
}

.cnblogs_code, .cnblogs_code span, .cnblogs-markdown .hljs {
    font-family: consolas, "Source Code Pro", monaco, monospace !important
}

.code-box {
    position: relative
}

.code-box .copy-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    border-radius: 0
}

.border-con {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.tab-after {
    position: relative
}

.tab-after:before {
    height: 1px;
    background-color: #eee;
    position: absolute;
    width: 1000%;
    left: 0;
    top: 100%;
    margin-left: -1000px
}

.save-data-con {
    float: right;
    width: 300px;
    margin-top: 30px
}

.save-data-con .swiper-container {
    height: 150px;
    width: 300px;
    margin-bottom: 5px;
    background-color: #eee
}

.save-data-con .swiper-container:after {
    content: '\5E7F\544A\52A0\8F7D\4E2D...';
    line-height: 150px;
    text-align: center;
    color: #bbb;
    font-size: 14px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.save-data-con .paper {
    width: 300px;
    height: 150px;
    position: relative;
    margin-bottom: 15px;
    margin-top: 15px;
    background-color: #fffff7;
    padding: 25px 15px 0 15px;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1)
}

.save-data-con .paper .height-line {
    height: 5px;
    width: 100%;
    background-color: #e89089
}

.save-data-con .paper .light-line {
    height: 2px;
    background-color: #dfdfd7;
    width: 100%;
    margin-top: 23px
}

.save-data-con .paper img {
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -17px
}

.save-data-con .paper a {
    position: absolute;
    right: 15px;
    top: 40px;
    font-size: 14px;
    color: #0fd59d;
    line-height: 1;
    z-index: 4
}

.save-data-con .paper p {
    color: #666;
    width: 270px;
    position: absolute;
    z-index: 3;
    text-indent: 28px;
    line-height: 25px;
    text-align: justify;
    top: 64px
}

.save-data-con .save-data-box {
    width: 200px;
    height: 272px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px
}

.save-data-con .save-data-box #daveDataList {
    height: 217px;
    overflow-y: auto;
    padding-left: 0
}

.save-data-con .save-data-box #daveDataList li {
    border-bottom: 1px solid #ddd
}

.save-data-con .save-data-box #daveDataList li p {
    line-height: 2.4;
    display: block;
    margin-bottom: 0;
    cursor: pointer
}

.save-data-con .save-data-box #daveDataList li p .span {
    display: block
}

.save-data-con .save-data-box #daveDataList li p .save-title {
    width: 100px;
    float: left
}

.save-data-con .save-data-box #daveDataList li p .save-timer {
    color: #999;
    float: right;
    font-size: 12px
}

.save-data-con .save-data-box .btn-con {
    text-align: center;
    margin-bottom: 10px
}

.save-data-con .share {
    width: 300px;
    border: 1px solid #ddd;
    padding: 10px;
    height: 54px
}

.save-data-con .log-data-box {
    width: 300px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fff
}

.save-data-con .log-data-box ul {
    padding-left: 0
}

.save-data-con .log-data-box ul li a {
    color: #888
}

.save-data-con .log-data-box ul li:nth-child(1) span {
    color: red
}

.save-data-con .log-data-box ul li:nth-child(2) span {
    color: orangered
}

.save-data-con .log-data-box ul li:nth-child(3) span {
    color: darkorange
}

.log-data-box {
    width: 300px
}

.log-data-box .log-data-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 5px
}

.log-data-box .log-data-title h4 {
    font-size: 14px;
    float: left;
    margin: 0;
    padding: 0
}

.log-data-box .log-data-title a {
    float: right;
    font-size: 14px;
    color: #0fd59d;
    line-height: 1
}

.log-data-box .log-data-list {
    overflow-y: auto;
    margin-bottom: 0
}

.log-data-box .log-data-list .span {
    display: block
}

.log-data-box .log-data-list .save-title {
    width: 100px
}

.log-data-box .log-data-list li a {
    line-height: 2;
    display: block;
    color: #888;
    font-size: 14px
}

.key-search {
    position: relative;
    width: 200px;
    display: inline-block;
    margin-left: 10px;
    top: 1px
}

.key-search .icon-caret-down {
    position: absolute;
    right: 10px;
    top: 5px
}

.key-search .form-control {
    height: 25px
}

.key-search .key-list {
    position: absolute;
    top: 25px;
    left: 0;
    background-color: #fff;
    min-width: 100%;
    z-index: 999;
    padding: 10px 0;
    -webkit-box-shadow: 0px 3px 5px #ddd;
    box-shadow: 0px 3px 5px #ddd;
    border-radius: 2px;
    max-height: 500px;
    overflow-y: auto
}

.key-search .key-list li a {
    display: block;
    padding: 5px 10px;
    white-space: nowrap
}

.key-search .key-list li a:hover {
    background-color: #eee
}

.li-style-circle li {
    list-style-type: circle
}

.li-style-number li {
    list-style-type: decimal
}

.circle-normal, .footer-nav .footer-nav-con ul li a {
    position: relative;
    padding-left: 12px
}

.circle-normal:before, .footer-nav .footer-nav-con ul li a:before {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 50%;
    margin-top: -2px;
    background-color: #999
}

.circle-stress {
    position: relative;
    padding-left: 12px
}

.circle-stress:before {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 50%;
    margin-top: -2px;
    background-color: #999
}

.circle-stress:after {
    content: '';
    position: absolute;
    right: -15px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: -2px;
    background-color: #ea644a
}

.custom-tab {
    width: 10000px;
    border-bottom: 1px solid #eee !important
}

.custom-tab::before {
    display: none
}

.custom-tab > li > a {
    border-radius: 0 !important;
    position: relative;
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 15px 17.5px;
    margin-right: 0px
}

.custom-tab > li > a::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 1px;
    background-color: #ddd;
    right: -1px;
    top: 50%;
    margin-top: -8px
}

.custom-tab > li > a:hover {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #0fd59d !important
}

.custom-tab .active a {
    color: #0fd59d !important;
    background-color: #f1f1f1 !important;
    border-bottom: 2px solid #0fd59d !important;
    cursor: pointer !important
}

.custom-tab .active a::after {
    display: none
}

.custom-tab .active a:hover {
    border-bottom-color: #0fd59d !important;
    background-color: #f1f1f1 !important;
    color: #0fd59d !important
}

.chosen-container-single .chosen-single abbr {
    top: 4px !important
}

.chosen-container-single .chosen-search input[type=text] {
    border-radius: 0 !important
}

.chosen-container-single .chosen-drop {
    text-align: left
}

.chosen-container-single .chosen-single {
    height: 30px !important;
    padding: 1px 9px !important;
    line-height: 2 !important
}

.chosen-container-single .chosen-single div b {
    margin-bottom: 8px !important
}

#jsonlintResult {
    background-color: transparent;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    color: inherit
}

#jsonlintResult p, #jsonlintResult span, #jsonlintResult a, #jsonlintResult h1, #jsonlintResult h2, #jsonlintResult h3, #jsonlintResult h4, #jsonlintResult h5, #jsonlintResult div {
    font-weight: normal !important;
    font-size: 12px !important;
    margin: 0 !important;
    line-height: 2 !important
}

.CodeMirror-scroll {
    font-size: 14px
}

.comments {
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 3px
}

.comments .comment .content img {
    margin: 2px 0
}

.comments .comment .content .emoji {
    margin: -5px 2px 0 2px;
    display: inline-block
}

.comments > header {
    border-bottom: none
}

.comments > header h2 {
    padding-bottom: 7px;
    padding-top: 0
}

.comments > header h2 span {
    padding-bottom: 10px
}

.comments .comments-con {
    padding: 15px;
    background-color: #f6f6f6
}

.comments form .comment-user {
    display: table;
    width: 100%
}

.comments form .form-group {
    position: relative;
    margin-bottom: 10px
}

.comments form .form-group .row {
    margin: 0;
    display: table-cell;
    vertical-align: middle
}

.comments form .form-group .row .float-right, .comments form .form-group .row .float-left {
    padding-right: 0
}

.comments form .form-group .form-add {
    width: 100px;
    display: table-cell
}

.comments form .form-group .form-add .form-emoji {
    float: left;
    position: relative;
    text-align: center;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    line-height: 27px;
    border: 1px solid #888;
    cursor: pointer
}

.comments form .form-group .form-add .form-emoji:hover {
    color: #0fd59d;
    border: 1px solid #0fd59d
}

.comments form .form-group .form-add .form-emoji i {
    font-size: 20px;
    color: inherit
}

.comments form .form-group .form-add .form-pic {
    float: left;
    text-align: center;
    margin-left: 10px;
    border-radius: 3px;
    width: 25px;
    height: 25px;
    line-height: 24px;
    position: relative;
    border: 1px solid #888;
    cursor: pointer
}

.comments form .form-group .form-add .form-pic:hover {
    color: #0fd59d;
    border: 1px solid #0fd59d
}

.comments form .form-group .form-add .form-pic i {
    font-size: 16px;
    color: inherit;
    position: relative
}

.comments form .form-group .form-add .form-pic .addImages {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    opacity: 0;
    top: 0;
    left: 0
}

.comments form .form-group .form-add .form-pic .addImages input {
    cursor: pointer
}

.comments form .form-emoji-group {
    margin-bottom: 15px;
    display: none
}

.comments form .form-emoji-group ul {
    padding: 0;
    margin: 0
}

.comments form .form-emoji-group ul li {
    float: left;
    cursor: pointer;
    margin-right: 3px
}

.comments form .pic-div {
    margin-bottom: 10px
}

.comments form .pic-div .imageDiv {
    width: 74px;
    height: 74px;
    padding: 2px;
    border: 1px solid #ddd;
    overflow: hidden;
    margin-right: 5px;
    position: relative;
    float: left
}

.comments form .pic-div .imageDiv:before {
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    width: 2px;
    background-color: #fff
}

.comments form .pic-div .imageDiv img {
    max-width: unset
}

.comments form .pic-div .imageDiv .cover, .comments form .pic-div .imageDiv .cover2 {
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 5px 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    bottom: 0;
    left: 0;
    text-align: center;
    cursor: pointer
}

.comments form .pic-div .imageDiv .cover:hover, .comments form .pic-div .imageDiv .cover2:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: #ea644a
}

.comments form .pic-div .imageDiv .cover i, .comments form .pic-div .imageDiv .cover2 i {
    color: inherit
}

.comments footer {
    padding-top: 10px
}

.comments-list .avatar, .reply-form .avatar {
    margin-top: 5px !important;
    font-size: 30px;
    line-height: 36px;
    color: #aaa !important;
    background-color: #e5e5e5;
    border-radius: 3px;
    text-align: center
}

.reply-form .avatar {
    display: block;
    float: left;
    width: 40px;
    height: 40px
}

.reply-form form {
    padding-left: 50px
}

.container {
    padding-left: 0;
    padding-right: 0
}

.chosen-container-single .chosen-single {
    background-color: #eee
}

.recent-use-box > p {
    display: inline-block;
    margin-bottom: 0
}

.recent-use-box #recentUse {
    display: inline-block
}

.recent-use-box #recentUse a {
    margin-right: 10px;
    display: inline-block
}

.recent-use-box .recent-use-select {
    display: inline-block;
    margin-left: 15px;
    width: 250px;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px
}

.left-nav {
    width: 40px;
    height: 50px;
    float: left;
    margin-right: 10px;
    padding: 10px 5px 10px 5px;
    display: none;
    background-color: #38b03f
}

.left-nav-con {
    width: 160px;
    background-color: #fff;
    position: fixed;
    height: 100%;
    left: -160px;
    top: 0;
    z-index: 9999;
    opacity: 0;
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;
    overflow-y: auto
}

.left-nav-con img {
    width: 100%;
    margin-bottom: 20px
}

.left-nav-con ul {
    margin: 0;
    padding: 0px
}

.left-nav-con ul li > a {
    display: block;
    padding: 10px 25px 10px 0px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    position: relative
}

.left-nav-con ul li > a .custom-icon-12 {
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.left-nav-con ul li dl {
    margin-bottom: 0;
    padding-left: 10px;
    background-color: #f6f6f6;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden
}

.left-nav-con ul li dl dd a {
    display: block;
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    position: relative
}

.left-nav-con ul li dl dd a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 0;
    top: 50%;
    margin-top: -2px;
    background-color: #ddd
}

.left-nav-con ul li dl dd:last-child a {
    border-bottom: none
}

.left-nav-con ul li:last-child a {
    border-bottom: none
}

.right-nav-con {
    float: left;
    width: 180px;
    border: 1px solid #ddd
}

.right-nav-con img {
    width: 100%;
    margin-bottom: 20px
}

.right-nav-con ul {
    margin: 0;
    padding: 0px
}

.right-nav-con ul li strong {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    background-color: #ddd;
    text-align: left;
    padding: 5px 15px
}

.right-nav-con ul li > a {
    text-decoration: none;
    display: block;
    padding: 10px 25px 10px 15px;
    border-bottom: 1px solid #ddd;
    color: #333;
    font-size: 14px;
    position: relative;
    text-decoration: none
}

.right-nav-con ul li > a .custom-icon-12 {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.right-nav-con ul li > a:hover {
    background-color: #ddd
}

.right-nav-con ul li dl {
    margin-bottom: 0;
    padding-left: 10px;
    background-color: #f6f6f6;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    overflow: hidden
}

.right-nav-con ul li dl dd a {
    display: block;
    padding: 10px 10px;
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 14px;
    position: relative
}

.right-nav-con ul li dl dd a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    left: 0;
    top: 50%;
    margin-top: -2px;
    background-color: #ddd
}

.right-nav-con ul li dl dd .text-nav-danger-import:hover {
    background-color: transparent !important
}

.right-nav-con ul li dl dd:last-child a {
    border-bottom: none
}

.right-nav-con ul li:last-child > a {
    border-bottom: none
}

.left-nav-con-mask {
    width: 100%;
    height: 100%;
    z-index: 9998;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 1;
    display: none
}

.left-nav-show {
    opacity: 1;
    -webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateX(160px);
    -ms-transform: translateX(160px);
    transform: translateX(160px)
}

.left-nav-html {
    height: 100%;
    overflow: hidden
}

.left-nav-mask-show {
    opacity: 1
}

.blog-left-con {
    width: -webkit-calc(100% - 310px);
    width: calc(100% - 310px);
    float: left;
    border: 1px solid #ddd
}

.blog-left-con .share {
    border: 1px solid #ddd
}

.blog-left-con .blog-left-head {
    padding: 15px
}

.blog-left-con .blog-left-head h1 {
    margin-top: 0
}

.blog-left-con .blog-left-head dl {
    margin: 0;
    display: inline-block;
    vertical-align: middle
}

.blog-left-con .blog-left-head dl dd a {
    padding: 3px 10px;
    color: #0fd59d;
    background-color: #e5ffe8;
    line-height: 1;
    display: inline-block;
    font-size: 12px
}

.blog-left-con .blog-left-head .blog-left-head-time {
    font-size: 12px;
    display: inline-block;
    margin-left: 15px;
    color: #999;
    vertical-align: middle
}

.blog-left-con ul {
    margin: 0;
    padding: 0
}

.blog-left-con ul li {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.blog-left-con ul li:hover {
    background-color: #f6f6f6
}

.blog-left-con ul li a {
    display: block;
    margin-bottom: 10px
}

.blog-left-con ul li a .blog-con-box {
    float: left;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px)
}

.blog-left-con ul li a .blog-con-box .blog-con-title {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
    color: #333;
    font-weight: bold
}

.blog-left-con ul li a .blog-con-box .blog-con-info {
    font-size: 13px;
    line-height: 1.5;
    color: #666;
    height: 35px;
    overflow: hidden;
    margin-bottom: 0
}

.blog-left-con ul li a .blog-img-box {
    float: right;
    width: 80px;
    height: 72px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: 20px;
    background-position: center;
    background-image: url(https://www.json.cn/static/kj/assets/img/806c29f40d645d662dc9170072ba2649.png);
    background-color: #ddd
}

.blog-left-con ul li a .blog-img-box img {
    height: 100%;
    width: auto;
    max-width: none
}

.blog-left-con ul li .blog-left-status .blog-status-zan {
    display: inline-block;
    vertical-align: middle
}

.blog-left-con ul li .blog-left-status .blog-status-zan .blog-status-icon {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-color: #ddd;
    text-align: center;
    cursor: pointer;
    margin-right: 5px
}

.blog-left-con ul li .blog-left-status .blog-status-zan .blog-status-icon i {
    line-height: 25px;
    color: #0fd59d;
    font-size: 16px
}

.blog-left-con ul li .blog-left-status .blog-status-zan:hover .blog-status-icon {
    background-color: #0fd59d
}

.blog-left-con ul li .blog-left-status .blog-status-zan:hover .blog-status-icon i {
    color: #fff
}

.blog-left-con ul li .blog-left-status .blog-status-zan span {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    color: #0fd59d
}

.blog-left-con ul li .blog-left-status .blog-status-usertime {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px
}

.blog-left-con ul li .blog-left-status .blog-status-usertime .blog-status-user {
    display: inline-block;
    margin-bottom: 0
}

.blog-left-con ul li .blog-left-status .blog-status-usertime .blog-status-time {
    color: #999;
    display: inline-block
}

.blog-left-con ul li:last-child {
    border-bottom: none
}

.blog-right-nav {
    float: right;
    width: 290px
}

.blog-right-nav .blog-right-user {
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    padding: 15px
}

.blog-right-nav .blog-right-user .blog-right-user-avatar {
    width: 50px;
    height: 50px;
    overflow: hidden;
    float: left;
    margin-right: 15px
}

.blog-right-nav .blog-right-user .blog-right-user-avatar img {
    width: 100%
}

.blog-right-nav .blog-right-user .blog-right-user-txt {
    width: 190px;
    float: left
}

.blog-right-nav .blog-right-user .blog-right-user-txt p {
    font-size: 14px;
    margin-bottom: 0
}

.blog-right-nav .blog-right-user .blog-right-user-txt h5 {
    color: #666;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    display: inline-block;
    line-height: 1
}

.blog-right-nav .blog-right-user .blog-right-user-txt h5 span {
    font-weight: bold
}

.blog-right-nav .blog-right-push {
    border: 1px solid #ddd
}

.blog-right-nav .blog-right-push .blog-right-title {
    background-color: #ddd;
    font-weight: bold;
    line-height: 35px;
    font-size: 16px;
    padding: 0 15px
}

.blog-right-nav .blog-right-push ul {
    margin: 0;
    padding: 0;
    padding: 8px
}

.blog-right-nav .blog-right-push ul li {
    padding: 8px;
    width: 33.3333333%;
    float: left
}

.blog-right-nav .blog-right-push ul li a {
    width: 100%;
    text-align: center
}

.blog-right-nav .blog-right-push ul li a img {
    width: 100%
}

.blog-right-nav .blog-right-push ul li a span {
    display: block;
    font-size: 13px;
    color: #999;
    margin-top: 5px
}

#aceEditorContain {
    position: relative;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
    margin-left: 15px
}

#aceEditorContain .ace-title-box {
    width: 100%;
    background-color: #ddd;
    padding: 10px
}

.full-ace-editor-box {
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    z-index: 9999;
    background-color: #fff;
    border-radius: 0 !important
}

.ace-box {
    width: 50%;
    float: left;
    height: 100%;
    min-height: 400px;
    position: relative;
    border: 1px solid #ddd;
    border-color: #ddd;
    border-right: none
}

.ace-box .aceEditorItem-box {
    padding-top: 42px;
    background-color: #222
}

.ace-box .aceEditorItem-box .aceEditorItem-scale {
    font-size: 20px;
    font-weight: bold;
    color: #eee;
    line-height: 40px;
    padding: 0 15px;
    background-color: #222;
    border-top: 2px solid #666;
    position: absolute;
    left: 0 !important;
    z-index: 9;
    width: 100%;
    top: 0
}

.ace-box .aceEditorItem-box #cssScale {
    cursor: row-resize;
    top: 222px
}

.ace-box .aceEditorItem-box #jsScale {
    cursor: row-resize;
    top: 444px
}

.ace-box .aceEditorItem-box .aceEditorItem {
    width: 100%;
    height: 180px;
    background-color: #272822
}

.ace-box .aceEditorItem-box .ace-monokai .ace_gutter {
    background-color: #2F3129 !important
}

.code-result {
    position: relative;
    border: 1px solid #ddd;
    border-color: #ddd;
    border-left: none;
    float: right;
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    height: 100%;
    min-height: 400px;
    background-color: #f6f6f6
}

.code-result .code-result-mask {
    z-index: 2;
    position: absolute;
    height: 100%;
    width: 100%;
    display: none
}

.code-result iframe {
    width: 100%;
    height: -webkit-calc(100% - 52px);
    height: calc(100% - 52px)
}

#cancelFullScreen {
    display: none
}

.run-code {
    position: fixed;
    top: 55px;
    right: 15px;
    z-index: 9999999999;
    width: 40px
}

.auto-checkbox {
    position: fixed;
    top: 105px;
    right: 15px;
    z-index: 9999999999;
    width: 40px
}

.aceEditorItem-xscale {
    width: 10px;
    height: 100%;
    min-height: 400px;
    background-color: #fff;
    float: left;
    cursor: e-resize;
    position: absolute;
    left: 50%;
    top: 0 !important;
    z-index: 999;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

#aceEditor {
    width: 100%;
    /*height: -webkit-calc(100% - 52px);*/
    /*height: calc(100% - 52px);*/

    /*change*/
    height: calc(100% - 26px);
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

#aceEditorCopy {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 20px;
    display: none
}

.aceFullEditor {
    position: fixed;
    height: auto !important;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 0 !important;
    z-index: 999
}

#aceEditorCollapse {
    position: fixed;
    z-index: 9999;
    top: 20px;
    right: 20px;
    display: none
}

.left-container {
    float: left;
    width: 180px;
    border: 1px solid #ddd
}

.left-container ul {
    padding: 0;
    margin: 0
}

.left-container ul li {
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

.left-container ul li:hover {
    background-color: #ddd
}

.left-container ul li:last-child {
    border-bottom: none
}

.right-nav-container {
    float: left;
    width: 180px;
    border: 1px solid #ddd
}

.right-nav-container ul {
    padding: 0;
    margin: 0
}

.right-nav-container ul li strong {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    background-color: #ddd;
    text-align: left;
    padding: 5px 15px
}

.right-nav-container ul li a {
    padding: 10px 15px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #666;
    text-align: left
}

.right-nav-container ul li a:hover {
    background-color: #ddd
}

.right-nav-container ul li:last-child a {
    border-bottom: none
}

.screen-phone .left-nav-container ul {
    display: none
}

.left-nav-container {
    float: left;
    width: 180px;
    border: 1px solid #ddd
}

.left-nav-container .left-nav-title {
    position: relative
}

.left-nav-container .left-nav-title strong {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    background-color: #ddd;
    text-align: left;
    padding: 5px 15px
}

.left-nav-container .left-nav-title i {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 15px;
    cursor: pointer;
    display: none
}

.left-nav-container .left-nav-title #switchNav {
    display: none;
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.left-nav-container ul {
    padding: 0;
    margin: 0
}

.left-nav-container ul li strong {
    color: #333;
    font-weight: bold;
    font-size: 16px;
    background-color: #ddd;
    text-align: left;
    padding: 5px 15px
}

.left-nav-container ul li a {
    padding: 5px 15px;
    font-size: 14px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: #666;
    font-weight: normal;
    text-align: left;
    background-color: #f6f6f6
}

.left-nav-container ul li a:hover {
    background-color: #ddd
}

.left-nav-container ul li:last-child a {
    border-bottom: none
}

.left-nav-container ul .active {
    position: relative
}

.left-nav-container ul .active a {
    background-color: #fff
}

.left-nav-container ul .active a:hover {
    background-color: #fff
}

.left-nav-container ul .active:before {
    content: '';
    position: absolute;
    height: -webkit-calc(100% - 1px);
    height: calc(100% - 1px);
    width: 2px;
    background-color: #fff;
    right: -2px;
    top: 0;
    z-index: 9
}

.right-container {
    width: 960px;
    float: right;
    position: relative;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.right-container .tool-item {
    padding: 15px;
    border: 1px solid #ddd;
    position: relative;
    margin-bottom: 30px
}

.right-container h3 {
    margin: 0px;
    position: absolute;
    top: -15px;
    left: 10px
}

.right-container h3 span {
    padding: 5px 10px;
    position: relative;
    display: inline-block;
    z-index: 2
}

.right-container h3:after {
    content: '';
    background-color: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.right-container .toggle-right {
    position: absolute;
    z-index: 9;
    top: 15px;
    right: 0;
    padding: 5px 10px;
    background-color: #ddd;
    opacity: .3;
    cursor: pointer
}

.right-container .toggle-right:hover {
    opacity: .5
}

.right-container .toggle-right span {
    display: block;
    float: left;
    margin-right: 5px
}

.right-container .toggle-right i {
    display: block;
    float: left
}

.editor-box1 {
    width: 100%;
    margin-top: 15px
}

.editor-box1 .checkbox-primary {
    display: inline-block;
    margin-left: 8px
}

.editor-box1 #editor, .editor-box1 #editor1, .editor-box1 #editor2, .editor-box1 #editor3, .editor-box1 #editor4, .editor-box1 #editor5, .editor-box1 #editor6, .editor-box1 #editor7 {
    position: relative;
    border: 1px solid #ddd;
    max-width: 100%;
    margin-bottom: 22px
}

.editor-box1 #editor textarea, .editor-box1 #editor1 textarea, .editor-box1 #editor2 textarea, .editor-box1 #editor3 textarea, .editor-box1 #editor4 textarea, .editor-box1 #editor5 textarea, .editor-box1 #editor6 textarea, .editor-box1 #editor7 textarea {
    width: 100%;
    height: 362px;
    border: 1px solid #ddd
}

.editor-box1 #editor5 .CodeMirror {
    height: 130px
}

.editor-box1 #editor5 textarea {
    height: 130px
}

.editor-box1 #editor4 .CodeMirror {
    height: 200px
}

.editor-box1 #editor4 textarea {
    height: 200px
}

.editor-box1 #editor6 .CodeMirror {
    height: 200px
}

.editor-box1 #editor6 textarea {
    height: 200px
}

.editor-box1 #editor7 .CodeMirror {
    height: 200px
}

.editor-box1 #editor7 textarea {
    height: 200px
}

.editor-box2 {
    width: 100%;
    margin-top: 15px
}

.editor-box2 #editor, .editor-box2 #editor1, .editor-box2 #editor2, .editor-box2 #editor3, .editor-box2 #edito1, .editor-box2 #editor5, .editor-box2 #editor4, .editor-box2 #editor6, .editor-box2 #editor7 {
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 22px;
    position: relative
}

.editor-box2 #editor p, .editor-box2 #editor1 p, .editor-box2 #editor2 p, .editor-box2 #editor3 p, .editor-box2 #edito1 p, .editor-box2 #editor5 p, .editor-box2 #editor4 p, .editor-box2 #editor6 p, .editor-box2 #editor7 p {
    background-color: #eee;
    padding: 5px 10px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd
}

.editor-box2 #editor5 .CodeMirror {
    height: 130px
}

.editor-box2 #editor5 textarea {
    height: 130px
}

.editor-box2 #editor4 .CodeMirror {
    height: 200px
}

.editor-box2 #editor4 textarea {
    height: 200px
}

.editor-box2 #editor6 .CodeMirror {
    height: 200px
}

.editor-box2 #editor6 textarea {
    height: 200px
}

.editor-box2 #editor7 .CodeMirror {
    height: 200px
}

.editor-box2 #editor7 textarea {
    height: 200px
}

.editor-box2 textarea {
    width: 100%;
    height: 362px;
    border-color: #ddd
}

#codeBox p, #codeBox1 p, #codeBox2 p {
    padding: 10px 15px;
    line-height: 1;
    display: inline-block;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin-bottom: 0
}

#resize, #resize1, #resize2, #resize3, #resize5, #resize4, #resize6, #resize7, #resizeJsonEditor, #resizeFmt, #resizePre, #resizePre1, #resizePre2, #resizePre3 {
    width: 100%;
    position: absolute;
    background-color: #f6f6f6;
    cursor: n-resize;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    text-align: center;
    top: 100%;
    border: 1px solid #ddd;
    left: -1px
}

#resizePre, #resizePre1, #resizePre2, #resizePre3 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    left: 0
}

#resizeJsonEditor {
    position: absolute;
    height: 25px;
    line-height: 25px;
    bottom: 0;
    top: auto
}

#jsonlintBox {
    margin-top: 15px;
    margin-bottom: 0
}

.google-ad1 {
    margin-top: 15px;
    border-radius: 3px;
    overflow: hidden;
    height: 90px
}

.adsbygoogle {
    display: inline-block;
    width: 970px;
    height: 90px
}

.super-link-gap {
    margin-top: 15px;
    border: 1px solid #ddd;
    padding: 15px;
    padding-bottom: 5px;
    border-radius: 3px
}

.super-link-gap a {
    margin-right: 10px;
    margin-bottom: 10px
}

.bejson-gap, .bejson-gap2 {
    margin-bottom: 0;
    padding: 15px;
    padding-bottom: 5px;
    margin-top: 15px
}

.bejson-gap a, .bejson-gap2 a {
    color: #666;
    font-size: 12px;
    width: 16.6666%;
    display: block;
    float: left;
    margin-bottom: 10px
}

.bejson-gap2 {
    margin-top: 0
}

.footer-nav {
    margin-top: 30px
}

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

.footer-nav h2 span {
    padding-bottom: 10px
}

.footer-nav .footer-nav-con {
    padding: 15px;
    padding-bottom: 5px;
    background-color: #f6f6f6;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 3px
}

.footer-nav .footer-nav-con h3 {
    margin-top: 0;
    margin-bottom: 15px
}

.footer-nav .footer-nav-con ul {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 0;
    margin-bottom: 0
}

.footer-nav .footer-nav-con ul li {
    width: 25%;
    float: left;
    margin-bottom: 10px
}

.footer-nav .footer-nav-con ul li a {
    font-size: 14px;
    color: #777
}

.html-footer {
    font-size: 14px;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
    position: relative
}

.html-footer:after {
    content: '';
    height: 1px;
    background-color: #ddd;
    width: 100%;
    position: absolute;
    left: 0;
    top: 60px
}

.html-footer .friend-link {
    background-color: #fff;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    z-index: 9;
    color: #999
}

.html-footer .friend-link a {
    color: #999
}

.html-footer .friend-link a:hover {
    color: #666
}

.html-footer ul {
    padding: 0;
    margin: 20px 0;
    text-align: left
}

.html-footer ul li {
    float: left;
    width: 20%;
    border-left: 1px solid #ddd;
    padding-left: 30px
}

.html-footer ul li a {
    display: block;
    color: #999;
    padding: 5px 30px 5px 15px;
    position: relative
}

.html-footer ul li a:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #aaa;
    border-radius: 3px;
    left: 0;
    top: 50%;
    margin-top: -3px
}

.html-footer ul li span {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}

.html-footer ul li img {
    width: 90%
}

.html-footer ul li:first-child {
    border-left: none
}

.html-footer .footer-statement, .html-footer .footer-copyright {
    color: #666;
    margin-top: 15px;
    margin-bottom: 0
}

.html-footer .footer-logo {
    float: right;
    margin-top: 15px
}

.html-footer2, .html-footer3 {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #353535;
    position: absolute;
    bottom: 0
}

.html-footer2 p, .html-footer3 p {
    color: #ccc;
    margin-bottom: 0
}

.html-footer3 {
    position: relative
}

.title-gap {
    position: relative;
    padding: 15px;
    margin-top: 15px;
    background-color: #ddf4df;
    border-radius: 3px
}

.title-gap .join-collection {
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #a7e4ac;
    padding: 2px 15px 5px 15px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    border-top-right-radius: 3px
}

.title-gap .join-collection i {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle
}

.title-gap .join-collection p {
    margin-top: 0;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    vertical-align: middle
}

.title-gap .join-collection:hover {
    background-color: #76c57d
}

.title-gap h1 {
    font-size: 18px;
    font-weight: normal;
    padding: 0;
    margin: 0;
    color: #38b03f;
    max-width: 1045px
}

.title-gap p {
    margin-bottom: 0;
    margin-top: 10px;
    color: #666;
    max-width: 1045px
}

.xf-window {
    background-color: #fff;
    width: 52px;
    position: fixed;
    bottom: 200px;
    right: 20px;
    border: 1px solid #ddd;
    z-index: 9
}

.xf-window .xf-wxewm, .xf-window .xf-feedback, .xf-window .xf-share, .xf-window .xf-collection {
    width: 50px;
    height: 50px;
    background-color: #f6f6f6;
    cursor: pointer;
    text-align: center;
    display: block;
    border-bottom: 1px solid #ddd;
    line-height: 50px;
    font-size: 16px;
    position: relative
}

.xf-window .xf-wxewm i, .xf-window .xf-feedback i, .xf-window .xf-share i, .xf-window .xf-collection i {
    font-size: 40px;
    color: #888;
    line-height: 50px
}

.xf-window .xf-feedback:before, .xf-window .xf-share:before, .xf-window .xf-collection:before {
    line-height: 50px;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9;
    background-color: #f6f6f6;
    font-family: ZenIcon;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: '\E6AD'
}

.xf-window .xf-share:before {
    content: '\F600';
    font-size: 26px
}

.xf-window .xf-collection:before {
    content: '\E606';
    font-size: 30px
}

.xf-window .xf-totop {
    width: 50px;
    height: 50px;
    background-color: #f6f6f6;
    cursor: pointer;
    text-align: center;
    display: none;
    border-bottom: 1px solid #ddd;
    line-height: 50px;
    font-size: 16px
}

.xf-window .xf-totop i {
    font-size: 40px;
    color: #888;
    line-height: 50px;
    color: #0fd59d
}

.xf-window .xf-wxewm {
    position: relative;
    background-position: 0 0
}

.xf-window .xf-wxewm:hover {
    background-position: 0 -350px
}

.xf-window .xf-wxewm .xf-qrcode {
    position: absolute;
    right: 58px;
    top: 0;
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
    display: none;
    width: 150px
}

.xf-window .xf-wxewm .xf-qrcode p {
    text-align: center;
    margin-bottom: 0
}

.modal-lg {
    width: 1160px;
    left: -5px
}

.modal-lg .modal-body {
    overflow: auto !important;
    max-height: 600px !important
}

.modal-nav h3 {
    margin: 0;
    float: left;
    width: 100px;
    margin-top: 2px
}

.modal-nav ul {
    float: right;
    width: 1020px;
    padding: 0
}

.modal-nav ul li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px
}

.modal-nav ul li a {
    color: #666
}

.modal-nav ul li .text-danger {
    color: #ea644a
}

#jsonBeanCon textarea {
    height: 230px
}

.pager {
    margin-bottom: 0;
    float: right
}

.editor-and-codepre .editor-box2 {
    float: left;
    width: 570px
}

.editor-and-codepre .code-box {
    margin-top: 15px;
    float: right
}

.editor-and-codepre .code-box .prettyprint {
    padding: 0 !important
}

.editor-and-codepre .code-box pre {
    margin-bottom: 0;
    width: 570px;
    height: 383px;
    overflow-y: auto;
    border-radius: 3px
}

.editor-and-md5result .editor-box2 {
    float: left;
    width: 620px
}

.editor-and-md5result .editor-box2 .CodeMirror {
    height: 172px
}

.editor-and-md5result .editor-box2 textarea {
    height: 172px
}

.editor-and-md5result .md5-result {
    float: right;
    width: 520px;
    margin-top: 15px
}

.editor-and-md5result .md5-result .input-group {
    margin-bottom: 15px
}

.editor-and-md5result .md5-result .input-group .copy {
    cursor: pointer
}

.editor-and-md5result .md5-result .input-group .form-control[readonly] {
    background-color: #fff
}

#jsoneditor {
    margin-top: 15px;
    height: 390px;
    position: relative
}

#jsoneditor .jsoneditor-navigation-bar {
    position: absolute !important;
    border-bottom: none !important;
    border-top: 1px solid #eee;
    bottom: 0
}

#jsoneditor .jsoneditor-statusbar {
    border-top: 1px solid #eee !important
}

#jsoneditor pre {
    background-color: #fff;
    border: none
}

#jsoneditor .remove-filter .jsoneditor-transform {
    display: none
}

#jsoneditor .remove-repair .jsoneditor-repair {
    display: none
}

#jsoneditor .remove-sort .jsoneditor-sort {
    display: none
}

#jsoneditor #lEditorArrow, #jsoneditor #rEditorArrow {
    height: 100%;
    width: 35px;
    line-height: 100%;
    font-size: 30px;
    background-color: #ddd;
    position: absolute;
    text-align: center;
    top: 0;
    display: none;
    cursor: pointer
}

#jsoneditor #lEditorArrow i, #jsoneditor #rEditorArrow i {
    line-height: 100%;
    font-size: 25px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 100%;
    left: 0;
    color: #0fd59d
}

#jsoneditor .jsoneditor-statusbar {
    overflow: hidden
}

#jsoneditor #lEditorArrow {
    left: 0
}

#jsoneditor #rEditorArrow {
    right: 0
}

#jsoneditor #jsoneditorl, #jsoneditor #jsoneditorr {
    height: 100%;
    width: 550px
}

#jsoneditor #jsoneditorl {
    float: left
}

#jsoneditor .jsoneditor-menu {
    overflow: hidden
}

#jsoneditor .jsoneditor-search {
    overflow: hidden;
    height: 26px;
    max-width: 100%
}

#jsoneditor #splitter {
    float: left;
    width: 60px;
    text-align: center;
    float: left;
    height: 100%;
    padding: 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

#jsoneditor #splitter #buttons {
    margin: 0 0 15px 0
}

#jsoneditor #splitter #toTree {
    margin: 40px 0 0 0
}

#jsoneditor #splitter #toCode {
    margin: 20px 0 0 0
}

#jsoneditor #splitter #drag {
    font-size: 32px;
    color: #d3d3d3;
    border-radius: 3px;
    min-width: 24px;
    cursor: col-resize;
    height: 2000px
}

#jsoneditor #splitter #drag:hover {
    background-color: #f6f6f6
}

#jsoneditor #splitter #drag.active, #jsoneditor #splitter #splitter #drag:hover {
    color: gray;
    background-color: #f5f5f5
}

#jsoneditor #splitter div.convert-left, #jsoneditor #splitter div.convert-right {
    width: 24px;
    height: 24px;
    margin: 0
}

#jsoneditor #splitter div.convert-right {
    background: url(https://www.json.cn/static/kj/assets/fonts/15f2789dd231f36d43a4839306b3a2cb.svg) 0 -48px
}

#jsoneditor #splitter div.convert-left {
    background: url(https://www.json.cn/static/kj/assets/fonts/15f2789dd231f36d43a4839306b3a2cb.svg) -24px -48px
}

#jsoneditor #jsoneditorr {
    float: right
}

.json-color-control {
    display: inline-block;
    margin-left: 20px
}

.json-color-control .checkbox-primary {
    display: inline-block;
    margin-left: 15px
}

.json-color-control .btn-group {
    display: inline-block;
    margin-left: 15px
}

.json-color-control #TabSize {
    display: inline-block;
    width: 50px
}

.json-color {
    position: relative
}

.json-color img {
    display: inline-block
}

.json-color div.ControlsRow, .json-color div.HeadersRow {
    font-family: Georgia
}

.json-color .resizable-textarea {
    position: relative;
    margin-bottom: 22px
}

.json-color div.Canvas {
    font-family: Lucida Console, Georgia;
    font-size: 13px;
    background-color: #f6f6f6;
    color: #000000;
    overflow: hidden;
    height: 200px;
    position: relative
}

.json-color div.Canvas pre {
    height: 100%;
    overflow-y: auto;
    border-radius: 3px
}

.json-color .ObjectBrace {
    color: #00AA00;
    font-weight: bold
}

.json-color .ArrayBrace {
    color: #0033FF;
    font-weight: bold
}

.json-color .PropertyName {
    color: #CC0000;
    font-weight: bold
}

.json-color .String {
    color: #007777
}

.json-color .Number {
    color: #AA00AA
}

.json-color .Boolean {
    color: #0000FF
}

.json-color .Function {
    color: #AA6633;
    -webkit-text-decoration: italic;
    -moz-text-decoration: italic;
    text-decoration: italic
}

.json-color .Null {
    color: #0000FF
}

.json-color .Comma {
    color: #000000;
    font-weight: bold
}

.json-color PRE.CodeContainer {
    margin-top: 0px;
    margin-bottom: 0px
}

.json-color PRE.CodeContainer img {
    cursor: pointer;
    border: none;
    margin-bottom: -1px
}

.json-color #CollapsibleViewDetail a {
    padding-left: 10px
}

.json-color #ControlsRow {
    white-space: nowrap;
    font: 11px Georgia
}

.json-color #TabSizeHolder {
    padding-left: 10px;
    padding-right: 10px
}

.json-color #HeaderTitle {
    text-align: right;
    font-size: 11px
}

.json-color #HeaderSubTitle {
    margin-bottom: 2px;
    margin-top: 0px
}

.json-color A.OtherToolsLink {
    color: #555;
    text-decoration: none
}

.json-color A.OtherToolsLink:hover {
    text-decoration: underline
}

.left-btn-right-editor {
    float: left;
    width: 526px
}

.editor-to-editor {
    float: left;
    padding-left: 15px;
    padding-right: 15px
}

.editor-to-editor .checkbox-primary {
    display: block;
    margin-bottom: 15px;
    text-align: center
}

.editor-to-editor button {
    display: block;
    margin-bottom: 15px;
    padding-right: 3px;
    padding-left: 3px
}

.editor-to-editor button p {
    margin-bottom: 0;
    font-size: 12px
}

.barcode-controller-l, .barcode-controller-r {
    float: left;
    margin-top: 30px;
    width: 560px
}

.barcode-controller-l .cloumn-2, .barcode-controller-r .cloumn-2 {
    margin-top: 15px
}

.barcode-controller-l .cloumn-2 .input-group, .barcode-controller-r .cloumn-2 .input-group {
    width: 270px
}

.barcode-controller-l .text-position, .barcode-controller-r .text-position {
    height: 34px;
    margin-top: 15px
}

.barcode-controller-l .text-position label, .barcode-controller-r .text-position label {
    vertical-align: middle
}

.barcode-controller-r {
    float: right
}

.barcode-con {
    margin-top: 15px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 15px
}

.barcode-con img {
    margin: 0 auto;
    max-width: 100%
}

.key-code-box {
    margin-top: 30px
}

.key-code-box #res {
    min-width: 50px
}

.input-group-addon input[type=checkbox] {
    position: relative;
    top: 4px
}

.input-group-addon label {
    position: relative;
    top: 2px
}

.yamleditor-box {
    width: 100%
}

.yamleditor-box .editor-box2 {
    width: 740px;
    float: left;
    clear: none
}

.yamleditor-box .editor-box2:last-child {
    width: 400px;
    float: right
}

.yamleditor-box #jsonlintBox {
    width: 400px;
    float: right
}

.tab-p-con {
    position: absolute;
    right: 0;
    margin-bottom: 0;
    top: 8px
}

#shaPbkdfBox .sha-key-length {
    display: table-cell;
    vertical-align: middle
}

.left-editor {
    width: 570px !important;
    float: left
}

.right-editor {
    width: 570px !important;
    float: right
}

.pre-type-one {
    margin-top: 15px;
    border-radius: 3px;
    position: relative;
    margin-bottom: 22px
}

.pre-type-one pre {
    height: 200px;
    border-radius: 3px;
    overflow-y: auto;
    margin-bottom: 0px
}

.obfuscate-box {
    margin-top: 15px;
    border-radius: 3px;
    border: 1px solid #ddd
}

.obfuscate-box .nav-tabs li {
    width: 33.333333%
}

.obfuscate-box .nav-tabs li a {
    text-align: center;
    margin-right: 0;
    border-radius: 0
}

.obfuscate-box .nav-tabs .active a {
    border-radius: 0;
    border-color: transparent;
    background-color: #eee
}

.obfuscate-box .nav-tabs .active a:hover {
    border-radius: 0;
    border-color: transparent;
    background-color: #eee
}

.obfuscate-box .nav-tabs .active a:active {
    border-radius: 0;
    border-color: transparent;
    background-color: #eee
}

.obfuscate-box .nav-tabs .active a:focus {
    border-radius: 0;
    border-color: transparent;
    background-color: #eee
}

.obfuscate-box .tab-content {
    padding: 15px
}

.obfuscate-box .editor-box2 {
    margin-top: 0
}

.obfuscate-box .code-box {
    position: relative;
    margin-bottom: 22px
}

.obfuscate-box .code-box pre {
    height: 200px;
    border-radius: 3px;
    overflow-y: auto;
    margin-bottom: 0px
}

.obfuscate-box .upload-js-file {
    height: 264px;
    position: relative;
    cursor: pointer
}

.obfuscate-box .upload-js-file input {
    width: 100%;
    height: 264px;
    position: absolute;
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
    top: 0;
    left: 0
}

.obfuscate-box .upload-js-file .jsfile-mask {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 2px dashed #0fd59d;
    line-height: 260px;
    text-align: center;
    font-size: 16px
}

.obfuscate-box .upload-js-file .upload-drag-hover {
    border-color: #38b03f
}

.obfuscate-setting {
    margin-top: 20px
}

.obfuscate-setting > h4 {
    margin-bottom: 0
}

.obfuscate-setting .setting-item {
    margin-bottom: 15px
}

.obfuscate-setting .setting-item .setting-opation {
    float: right;
    width: 1050px
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 {
    float: left;
    width: 200px;
    margin-right: 40px
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 > p {
    font-weight: bold;
    margin-bottom: 15px
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 hr {
    margin: 10px 0 15px 0
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 .input-group {
    padding-bottom: 5px
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 .input-group-addon:hover {
    cursor: pointer
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 .label-box .label {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 .label-box i {
    padding-left: 5px
}

.obfuscate-setting .setting-item2 .setting-type .setting-opation2 .label-box i:hover {
    cursor: pointer
}

.obfuscate-ins {
    margin-top: 15px
}

.obfuscate-ins .alert {
    margin-bottom: 10px
}

.obfuscate-ins th {
    background-color: #f6f6f6 !important
}

.obfuscate-ins td {
    background-color: #fff !important
}

.obfuscate-ins td .with-icon i {
    font-size: 20px;
    width: 20px !important;
    padding: 10px 0px 10px 15px
}

.obfuscate-ins table {
    margin-bottom: 0
}

.obfuscate-ins tbody {
    border-radius: 3px
}

.http-box {
    margin-top: 15px
}

.http-box .http-head #httpHeadUrlBox {
    display: table-cell
}

.http-box .http-head #httpUrlHistory {
    position: absolute;
    top: 32px;
    left: 137px;
    width: 750px;
    display: none;
    z-index: 9;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 10px #ddd;
    box-shadow: 0px 2px 10px #ddd;
    border-radius: 3px
}

.http-box .http-head #httpUrlHistory #httpClearHistory {
    padding: 5px 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}

.http-box .http-head #httpUrlHistory #httpClearHistory p {
    float: left;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px
}

.http-box .http-head #httpUrlHistory #httpClearHistory button {
    float: right;
    display: inline-block;
    vertical-align: middle
}

.http-box .http-head #httpUrlHistory ul {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
    border: 1px solid #ddd
}

.http-box .http-head #httpUrlHistory ul li {
    padding: 5px 15px;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

.http-box .http-head #httpUrlHistory ul li p {
    margin-bottom: 0;
    width: 650px;
    float: left;
    line-height: 32px
}

.http-box .http-head #httpUrlHistory ul li button {
    float: right
}

.http-box .http-head #httpUrlHistory ul li:hover {
    background-color: #f6f6f6
}

.http-box .http-head #httpHost {
    width: 750px
}

.http-box .http-switch {
    margin-top: 15px
}

.http-box .http-switch .switch {
    width: 130px;
    float: left;
    margin-right: 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 0 10px
}

.http-box .http-switch .switch label:before {
    right: 10px
}

.http-box .http-switch .switch label:after {
    right: 22px
}

.http-box .http-switch .switch input:checked + label:after {
    right: 11px
}

.http-box .http-option {
    margin-top: 15px
}

.http-box .http-option .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 15px
}

.http-box .http-option .tab-content #addOptionsBox {
    height: 0px;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    overflow-y: hidden
}

.http-box .http-option .tab-content #addHeadersBox {
    height: 0px;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    overflow-y: hidden
}

.http-box .http-option .tab-content .http-option-item {
    margin-bottom: 15px
}

.http-box .http-option .tab-content .http-option-item input, .http-box .http-option .tab-content .http-option-item select {
    width: 300px;
    margin-right: 10px;
    display: inline-block
}

.http-box .http-option .tab-content .http-option-item select {
    width: 366px
}

.http-box .http-option .tab-content .http-option-item input:first-child {
    width: 169px
}

.http-box .http-option .tab-content textarea {
    border-color: #ddd;
    border-radius: 3px;
    width: 100%;
    padding: 10px
}

.http-box .http-option .tab-content #tab6Content1 textarea {
    width: 554px;
    resize: none
}

#confirmAreaModal .modal-dialog {
    width: 400px
}

#confirmAreaModal .modal-dialog textarea {
    width: 100%;
    resize: none;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px
}

.tab-cron .tab-pane, .tab-qqskey .tab-pane {
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.tab-cron .tab-pane .custom-radio input[type=radio], .tab-qqskey .tab-pane .custom-radio input[type=radio] {
    margin-top: 9px
}

.tab-cron .tab-pane .tabsecondchk, .tab-qqskey .tab-pane .tabsecondchk {
    margin-bottom: 0
}

.tab-cron .tab-pane .tabsecondchk .checkbox-primary, .tab-qqskey .tab-pane .tabsecondchk .checkbox-primary {
    width: 50px;
    display: inline-block;
    margin-bottom: 10px
}

.tab-cron .tab-pane .tabsecondchk .checkbox, .tab-qqskey .tab-pane .tabsecondchk .checkbox {
    margin-bottom: 0
}

.cron_table {
    margin-bottom: 0
}

.cron_table td {
    white-space: nowrap
}

.cron_table input {
    width: 100%
}

.tab-qqskey .code {
    position: relative
}

.tab-qqskey #codeImg img {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    border-radius: 4px
}

#findImgRes {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px
}

#findImgRes img {
    float: left;
    width: 180px;
    padding: 5px 5px
}

.regex-create-copy {
    position: absolute;
    right: 10px;
    top: 36px
}

.left-right-average .file-list {
    margin-bottom: 0
}

.left-right-average .uploader {
    margin-bottom: 0
}

.left-right-average .btn-primary {
    margin-top: 15px
}

.left-right-average .left-average {
    position: relative;
    float: left;
    width: 570px;
    margin-right: 20px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 45px 15px 15px 15px
}

.left-right-average .left-average > p {
    margin-bottom: 0;
    background-color: #ddd;
    padding: 5px 15px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.left-right-average .right-average {
    position: relative;
    float: right;
    width: 570px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 45px 15px 15px 15px
}

.left-right-average .right-average > p {
    margin-bottom: 0;
    background-color: #ddd;
    padding: 5px 15px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.zipfile-list {
    border-radius: 3px;
    margin-top: 15px;
    border: 1px solid #ddd
}

.zipfile-list p {
    padding: 5px 15px;
    background-color: #ddd
}

.zipfile-list #file-list {
    max-height: 300px;
    overflow-y: auto
}

.zipfile-list #file-list li a {
    display: block;
    border-bottom: 1px solid #eee;
    padding: 5px 0
}

.zipfile-list #file-list li a:hover {
    background-color: #eee
}

.ali-wec-box {
    text-align: center
}

.ali-wec-box .ali-qrcode, .ali-wec-box .wec-qrcode {
    display: inline-block
}

.ali-wec-box .ali-qrcode .uploader, .ali-wec-box .wec-qrcode .uploader {
    margin-top: 15px
}

.ali-wec-box .ali-qrcode .inner-box, .ali-wec-box .wec-qrcode .inner-box {
    width: 400px;
    height: 450px;
    border-radius: 3px;
    margin: 0 20px;
    overflow: hidden
}

.ali-wec-box .ali-qrcode .inner-box .img-box, .ali-wec-box .wec-qrcode .inner-box .img-box {
    width: 400px;
    height: 400px;
    padding: 25px;
    border: 1px solid #ddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.ali-wec-box .ali-qrcode .inner-box .img-box img, .ali-wec-box .wec-qrcode .inner-box .img-box img {
    width: 100%;
    height: 100%
}

.ali-wec-box .ali-qrcode .inner-box p, .ali-wec-box .wec-qrcode .inner-box p {
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    text-align: center;
    color: #f6f6f6
}

.ali-wec-box .ali-qrcode p {
    background-color: #0a67fb
}

.ali-wec-box .wec-qrcode p {
    background-color: #00A000
}

.interface-list .interface-title {
    color: #333;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 0
}

.interface-list pre {
    border-color: transparent;
    border-radius: 3px
}

.demo-tab-content .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    padding: 15px
}

.svg-box ul {
    margin: 0;
    padding: 0
}

.svg-box ul li {
    float: left;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 570px;
    padding: 10px;
    margin-top: 15px
}

.svg-box ul li .svgimg-bgbox {
    padding: 10px 5px 10px 10px;
    height: 205px;
    width: 283px;
    float: left
}

.svg-box ul li .svgimg-bgbox .svgimg-bg {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #eee;
    overflow: hidden;
    background-size: cover
}

.svg-box ul li .svgimg-bgbox .svgimg-bg p {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: center;
    padding: 5px 10px;
    margin-bottom: 0;
    color: #f6f6f6
}

.svg-box ul li .svgimg-txtbox p {
    margin-bottom: 0;
    width: 470px;
    float: left;
    line-height: 24px
}

.svg-box ul li .svgimg-txtbox button {
    float: right
}

.svg-box ul li .svgimg-txtbox textarea {
    border-color: #eee;
    resize: none;
    width: 100%
}

.svg-box ul li .svgimg-txtbox .svgimg-btnbox {
    margin-top: 10px
}

.svg-box ul li:nth-child(2n) {
    float: right
}

.qrcode-tab {
    position: relative;
    padding: 15px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.qrcode-tab .qrcode-input {
    float: left;
    margin-right: 15px;
    width: 70%
}

.qrcode-tab textarea {
    resize: none
}

.qrcode-tab .qrcode-img {
    position: absolute;
    top: 0;
    left: 708px;
    width: 80px;
    height: 80px;
    border: 1px dashed #ddd;
    border-radius: 3px;
    overflow: hidden;
    background-color: #f6f6f6
}

.qrcode-tab .qrcode-img:after {
    content: '\56FE\7247\5C55\793A\533A';
    color: #999;
    position: absolute;
    line-height: 80px;
    width: 100%;
    text-align: center
}

.qrcode-tab .qrcode-img #logo-canvas {
    z-index: 9;
    left: 0;
    top: 0;
    height: 80px;
    width: 80px
}

.qrcode-tab .qrcode-area {
    float: right;
    margin-top: 30px
}

.qrcode-tab .qrcode-area #encode-canvas {
    border: 1px dashed #ddd;
    border-radius: 3px;
    max-width: 314px;
    max-height: 314px;
    line-height: 0
}

.qrcode-tab .qrcode-area #encode-canvas canvas {
    position: relative;
    z-index: 9
}

.qrcode-tab .qrcode-area button {
    margin-top: 15px;
    float: right
}

.qrcode-tab #decode-canvas {
    max-width: 382px;
    margin-top: 15px
}

.noborder {
    border: none !important;
    border-color: transparent
}

.qrcodeLocalBox {
    float: left;
    position: relative
}

.qrcodeLocalBox button {
    position: relative
}

.qrcodeLocalBox input {
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
    top: 0;
    left: 0
}

.cp-color-picker {
    z-index: 999;
    border-radius: 3px !important
}

.cp-xy-slider {
    width: 255px !important;
    height: 255px !important
}

.cp-z-slider {
    height: 255px !important
}

.image-handler-box {
    margin-top: 15px
}

.image-handler-box .image-handler-item {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ddd
}

.image-handler-box .image-handler-item .image-handler-head {
    padding: 15px;
    border-bottom: 1px solid #ddd;
    position: relative
}

.image-handler-box .image-handler-item .image-handler-head .image-handler-start {
    position: absolute;
    right: 15px;
    top: 18px
}

.image-handler-box .image-handler-item .image-handler-con {
    padding: 15px;
    text-align: center
}

.image-handler-box .image-handler-item .image-handler-con a {
    display: block;
    width: 100%;
    background-color: #f6f6f6;
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 5px 15px;
    font-size: 12px;
    text-align: left;
    position: relative
}

.image-handler-box .image-handler-item .image-handler-con span {
    display: block;
    position: absolute;
    right: 15px;
    color: #38b03f;
    top: 5px;
    cursor: pointer
}

.image-handler-box .image-handler-item .image-handler-con img {
    max-width: 100%;
    display: inline-block
}

.latitude-and-longitude .main_content {
    position: relative
}

.latitude-and-longitude .main_content #hd #myPageTop {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.latitude-and-longitude .main_content #hd #myPageTop .my-page-item {
    width: 400px;
    display: inline-block;
    margin-right: 50px;
    vertical-align: middle
}

.latitude-and-longitude .main_content #hd #myPageTop .my-page-item #copySuccessMessage {
    color: #0fd59d
}

.latitude-and-longitude .main_content #hd #myPageTop .my-page-item #txtSearchMessage {
    margin-left: 30px;
    color: #0fd59d;
    float: left
}

.latitude-and-longitude .main_content #divCoordinate {
    position: absolute;
    z-index: 9;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd
}

.latitude-and-longitude .main_content #myPage {
    width: 100%;
    height: 500px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-top: 15px;
    position: relative
}

.latitude-and-longitude .main_content #myPage #citySug {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 2;
    height: 30px;
    line-height: 28px;
    padding: 0px 15px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #ddd
}

.latitude-and-longitude .main_content #myPage #allCityList {
    position: absolute;
    width: 300px;
    height: 300px;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 29px;
    padding: 5px 12px;
    line-height: 150%;
    z-index: 3;
    right: 0;
    left: auto;
    overflow-y: auto
}

.latitude-and-longitude .main_content #myPage #allCityList #tdHotCities a {
    padding: 10px 10px 10px 0
}

.latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities th {
    width: 50px
}

.latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities tr {
    border-bottom: 1px solid #ddd
}

.latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities td {
    padding: 10px 0
}

.latitude-and-longitude .main_content #myPage #allCityList #tbodyAllCities td a {
    padding: 2px 10px 2px 0;
    display: inline-block
}

.latitude-and-longitude .main_content #myPage #map {
    width: 100%;
    height: 500px;
    position: relative
}

#img2base54Area, #tuchuangArea {
    margin-top: 15px;
    position: relative;
    padding: 0;
    margin-bottom: 0;
    background-color: #f6f6f6;
    border-radius: 3px
}

#img2base54Area li, #tuchuangArea li {
    width: 270px;
    border-radius: 3px;
    overflow-y: hidden;
    border: 1px solid #ddd;
    position: absolute;
    margin: 10px
}

#img2base54Area li .textarea, #tuchuangArea li .textarea {
    padding: 10px
}

#img2base54Area li .textarea textarea, #tuchuangArea li .textarea textarea {
    resize: none;
    border: 1px solid #ddd;
    width: 100%;
    height: 100px;
    padding: 5px
}

#img2base54Area li img, #tuchuangArea li img {
    width: 100%;
    height: auto !important
}

#img2base54Area li button, #tuchuangArea li button {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9
}

#tuchuangArea li .textarea textarea {
    height: 50px
}

.file2pdf-box {
    margin-top: 15px
}

.file2pdf-box #file2PdfList {
    margin: 0;
    padding: 0
}

.file2pdf-box #file2PdfList li {
    float: left;
    width: 380px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px
}

.file2pdf-box #file2PdfList li p {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.file2pdf-box #file2PdfList li a {
    margin-top: 10px;
    margin-right: 10px
}

.file2pdf-box #file2PdfList li:nth-child(3n) {
    margin-right: 0
}

.video2audio-box {
    margin-top: 15px
}

.video2audio-box #video2audioList {
    margin: 0;
    padding: 0
}

.video2audio-box #video2audioList li {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #f6f6f6;
    width: 575px;
    margin-right: 10px;
    float: left;
    margin-bottom: 10px
}

.video2audio-box #video2audioList li span {
    display: inline-block;
    vertical-align: middle;
    width: 480px;
    margin-right: 20px
}

.video2audio-box #video2audioList li button {
    display: inline-block;
    vertical-align: middle
}

.video2audio-box #video2audioList li:nth-child(2n) {
    margin-right: 0
}

.compress-img-box {
    margin-top: 5px;
    width: 100%
}

.compress-img-box #info1 p {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left
}

.compress-img-box #info1 a {
    display: block;
    float: left
}

.compress-img-box #content {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
    display: none
}

#upload-container {
    margin-left: 15px;
    width: 50%;
    float: left
}

#upload-container .compress_yasuo input {
    width: 515px
}

.compress-p {
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-left: 15px;
    float: left
}

#iconmakerType p {
    margin-bottom: 5px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle
}

#iconmakerType .radio-primary {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle
}

.svg-editor .editor-box2 {
    width: 670px;
    float: left
}

.svg-editor #svgResult {
    border-radius: 3px;
    width: 470px;
    float: left;
    margin-left: 20px;
    height: 222px;
    border: 1px dashed #ddd;
    margin-top: 15px;
    position: relative;
    padding: 10px;
    overflow: hidden;
    word-break: break-all
}

.svg-editor #svgResult svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9
}

.svg-editor #svgResult:after {
    position: absolute;
    content: 'svg\5C55\793A\533A\57DF';
    line-height: 222px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #ddd;
    top: 0;
    left: 0
}

.gif-frame-list .jsgif {
    height: 0;
    width: 0;
    overflow: hidden
}

.gif-frame-list .staticImg {
    margin-top: 15px;
    padding: 12px;
    border: 1px dashed #ddd;
    border-radius: 3px
}

.gif-frame-list .staticImg .gif-img-box {
    float: left;
    width: 152px;
    padding: 10px;
    margin: 5px;
    border-radius: 3px;
    border: 1px solid #eee
}

.gif-frame-list .staticImg .gif-img-box img {
    width: 100%
}

#fs2 table {
    width: 49%;
    float: left
}

#fs2 table tbody tr td {
    text-align: left
}

#fs2 table tbody tr td .pull-right {
    float: none !important
}

.textarea-custom {
    width: 100%;
    font-family: '\5B8B\4F53';
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.cmp-player {
    margin-top: 15px
}

.cmp-player .red {
    color: #ff0000
}

.cmp-player .header {
    margin: 10px 10px;
    color: #428EFF;
    font-size: 20px;
    font-weight: bold;
    text-align: left
}

.cmp-player .bodyer {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.cmp-player .mbox {
    padding: 15px 0px 15px 0;
    border-bottom: 1px dashed #CCCCCC
}

.cmp-player .mbox_item {
    margin-top: 10px;
    margin-left: 20px
}

.cmp-player .preview {
    margin-top: 10px
}

.cmp-player .cmp_area {
    width: 100%
}

.cmp-player .cmp_list {
    height: 80px
}

.cmp-player .cmp_add {
    margin-top: 37PX
}

.cmp-player .cmp_add table {
    width: 100%;
    margin-top: 10px
}

.cmp-player .cmp_add table th, .cmp-player .cmp_add table td {
    border: 1px solid #ccc;
    padding: 5px
}

.cmp-player .cmp_add table th {
    text-align: left
}

#captcha {
    position: absolute;
    right: 1px;
    top: 1px;
    height: 30px;
    z-index: 9
}

.color-table {
    width: 49%
}

#getColorBox #getColorCpApp {
    float: left;
    width: 412px;
    height: 323px;
    border-radius: 3px;
    background-color: #444;
    overflow: hidden
}

#getColorBox .cp-app {
    position: relative;
    border-radius: 3px
}

#getColorBox .color-table {
    float: right;
    width: 730px;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #ddd
}

#getColorBox .color-table #getColorAddon {
    width: 50px;
    background-color: #ff0000
}

#getColorBox .color-table table {
    margin-bottom: 13px;
    border-radius: 3px;
    overflow: hidden
}

#getColorBox .color-table table td {
    cursor: pointer;
    border-bottom: none
}

.well-lg {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 15px;
    height: 300px;
    max-height: 500px;
    overflow-y: auto
}

#websocketSend {
    width: 100px
}

#queryipBox .copy-td {
    width: 70px
}

.ip2addr-btn {
    width: 90px
}

.form-contain {
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-top: 15px;
    overflow: hidden;
    position: relative
}

.form-contain h1 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 15px
}

.form-contain h1:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;
    background-color: #f6f6f6;
    z-index: -1
}

.progress-0 .file-progress-bar {
    z-index: 0 !important
}

.modal-nav-qq .group-title {
    float: none;
    color: #333;
    width: 100%
}

.modal-nav-qq .group-info {
    margin: 15px 55px 15px 45px;
    width: 270px;
    height: 70px;
    float: left;
    padding: 15px 0;
    background-color: #F6F6F6;
    position: relative
}

.modal-nav-qq .group-info .group-shadow {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQoAAAAPCAYAAAAccYHOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkZCNEMzMjk3NzI1RTExRUFCOTdFRjE1REVCMTdBQTJBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkZCNEMzMjk4NzI1RTExRUFCOTdFRjE1REVCMTdBQTJBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkI0QzMyOTU3MjVFMTFFQUI5N0VGMTVERUIxN0FBMkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RkI0QzMyOTY3MjVFMTFFQUI5N0VGMTVERUIxN0FBMkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4tiLOXAAACDElEQVR42uyZ607DMAyFkzWU+/s/3d4CNnpLSJGDPGNnm2Bthc6Rjla1jf0r305cv9/vvXNu9o4cyG32A/kp+yX7OfuVXc9+pHfus+9obUO1PDMEQbdRYo7ZU/aYPWR32R/Zx+z37Dfh+d6B3pnd09qRas1OQWkWmcuCnooUmDj2vCNItASKRgEFBEHLwKKAYiJQ9AwWB+Yj3e/pvZHWfMOB/KXAmvgKlXZs43NIFIC0Ik00RpoANCDob+GgpYpJ7N9eJItiM0Gw2omDQoPFRHAYxIZPIk205FBJEwAEBN0eGFaqKLAof+wd+y2JYmKJIkkQBQYI2cgTDCxI9EaSkOkDkICgZWERFViMDBbcg0gUSR47tBlFOVY4ZaMnAYoyKLEggfkEBK0zp9BgMbJ9O7Drkc0nrppRcCo5KiIjTaAmTQUSSBMQtP4RhMNCQmNyp0PMpCSKHzMK2TAa90qi4HCwkgRAAUHrgUJ+xYwiOfDfJOYTJ7KGmY4dQ7RvtBIOtSQBWEDQcpCwkoUGjSieq2lCSxTaEcSL66ikB0ACgrYNi6SAIylJIim11KOHlSw4CKICBwACgrYJDAsazhlfOWpHDw0WTkkXSUkPFhgADAhaBxDW7MKdSQ9nZxRWcW/AwgIB4ABB24RGDQipVixc0dBXmvlLG0IQtJmkcfF+Db9oBjhA0P+ChqlPAQYA7eVEudmlzCoAAAAASUVORK5CYII=) no-repeat right bottom;
    opacity: 0;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.modal-nav-qq .group-info:hover .group-shadow {
    opacity: 1
}

.modal-nav-qq .group-info:hover .title-bg {
    color: #0fd59d
}

.modal-nav-qq .group-info .title-bg {
    font-size: 25px;
    position: absolute;
    top: -20px;
    left: 12px;
    z-index: -1;
    color: #eee;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease
}

.modal-nav-qq .group-info .is-full {
    width: 15px;
    height: 15px;
    background-color: #0a67fb;
    color: #ffffff;
    text-align: center;
    line-height: 15px;
    float: left
}

.modal-nav-qq .group-info .hot {
    background-color: #ea644a
}

.modal-nav-qq .group-info .new {
    background-color: #38b03f
}

.modal-nav-qq .group-info .normal {
    background-color: #0fd59d
}

.modal-nav-qq .group-info .group-detail {
    float: left;
    width: 205px;
    line-height: 1;
    margin-left: 5px
}

.modal-nav-qq .group-info .group-detail div {
    font-size: 16px;
    font-weight: bold;
    color: #333
}

.modal-nav-qq .group-info .group-detail p {
    font-size: 14px;
    margin-bottom: 0;
    white-space: pre-wrap;
    margin-top: 10px
}

.modal-nav-qq .group-info .group-detail p .qq-num {
    color: #666
}

.modal-nav-qq .group-info .group-detail p .copy-qqnumber {
    color: #999;
    cursor: pointer
}

.modal-nav-qq .group-info .group-apply {
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center
}

.modal-nav-qq .group-info .group-apply .disabled {
    opacity: 1 !important;
    background-color: #7aacfd !important;
    border-color: #7aacfd !important;
    color: #ddd !important
}

.modal-nav-qq .group-info .group-apply img {
    display: block;
    width: 33px;
    height: 33px;
    margin: 0 auto
}

.modal-nav-qq .group-info .group-apply .group-btn-apply {
    position: relative;
    top: -10px;
    width: 43px;
    height: 43px;
    line-height: 16px;
    padding: 5px;
    -webkit-box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.3);
    word-break: break-all;
    white-space: normal
}

.modal-nav-qq .group-info .group-shadow {
    position: absolute;
    bottom: -15px;
    height: 15px;
    width: 100%
}

.top-nav-a {
    float: right
}

.top-nav-a .log, .top-nav-a .reg, .top-nav-a .lan {
    display: inline-block;
    color: #666;
    line-height: 50px;
    padding: 0 7px;
    font-size: 14px;
    cursor: pointer;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.top-nav-a .log:hover, .top-nav-a .reg:hover, .top-nav-a .lan:hover {
    background-color: #f6f6f6
}

.tool-list {
    margin-top: 15px;
    padding: 0;
    margin-bottom: 0
}

.tool-list li {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    background-color: #fff;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: all .1s ease;
    position: relative
}

.tool-list li .tool-collection {
    position: absolute;
    right: -1px;
    top: -1px;
    background-color: #ddd;
    padding: 5px;
    cursor: pointer
}

.tool-list li .tool-collection:hover .custom-icon-star-we {
    background-position: 11.25% 33.75%
}

.tool-list li .tool-collection i {
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: all .3s ease;
    display: block
}

.tool-list li a {
    padding: 10px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-transition: all .3s ease;
    box-shadow: 0px 0px 5px #eee;
    -webkit-box-shadow: 0px 0px 5px #eee;
    width: 299px;
    height: 80px;
    display: block
}

.tool-list li a .tool-img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    float: left
}

.tool-list li a .tool-img img {
    width: 100%;
    height: 100%
}

.tool-list li a .tool-con {
    width: 204px;
    float: left;
    margin-left: 15px
}

.tool-list li a .tool-con .font-16 {
    color: #666;
    line-height: 1;
    margin-bottom: 9px
}

.tool-list li a .tool-con .font-12 {
    color: #999;
    height: 36px;
    overflow: hidden
}

.tool-list li a:hover {
    box-shadow: 0px 3px 10px #ddd;
    -webkit-box-shadow: 0px 3px 10px #ddd
}

.tool-list li:nth-child(3n) {
    margin-right: 0
}

.tool-four li a {
    width: 276.7px
}

.tool-four li:nth-child(3n) {
    margin-right: 15px
}

.tool-four li:nth-child(4n) {
    margin-right: 0
}

#write {
    width: -webkit-calc(100% - 380px);
    width: calc(100% - 380px);
    margin-right: 20px;
    padding: 20px;
    padding-top: 55px;
    border: 1px solid #ddd;
    position: relative
}

#write .pre-and-next {
    position: absolute;
    width: 100%;
    height: 35px;
    left: 0;
    top: 0;
    padding: 0 20px;
    background-color: #ddd
}

#write .pre-and-next a {
    line-height: 35px;
    font-size: 14px;
    display: block;
    text-decoration: none !important;
    width: 45%
}

#write .pre-and-next a:first-child {
    float: left
}

#write .pre-and-next a:last-child {
    float: right;
    text-align: right
}

.pre-and-next-foot {
    width: 100%;
    height: 35px;
    left: 0;
    top: 0;
    padding: 0 20px;
    background-color: #ddd
}

.pre-and-next-foot a {
    line-height: 35px;
    font-size: 14px;
    display: block;
    text-decoration: none !important;
    width: 45%
}

.pre-and-next-foot a:first-child {
    float: left
}

.pre-and-next-foot a:last-child {
    float: right;
    text-align: right
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-submenu:focus > a, .dropdown-submenu:hover > a {
    background-color: #f6f6f6
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #0fd59d
}

.dark-theme body {
    background-color: #363b40
}

.dark-theme .custom-top-nav {
    background-color: #2e3033;
    box-shadow: 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px #000
}

.dark-theme .left-nav-con {
    background-color: #363b40
}

.dark-theme .left-nav-con ul li > a {
    border-bottom: 1px solid #2e3033;
    color: #b1b8bf
}

.dark-theme .left-nav-con ul li dl {
    background-color: #2e3033
}

.dark-theme .left-nav-con ul li dl dd a {
    border-bottom: 1px solid #363b40;
    color: #ddd
}

.dark-theme .left-nav-con ul li dl dd a:before {
    background-color: #ddd
}

.dark-theme .left-nav-con ul li dl dd:last-child a {
    border-bottom: none
}

.dark-theme .left-nav-con ul li:last-child a {
    border-bottom: none
}

.dark-theme .navbar-inverse .navbar-nav > li > a {
    color: #b1b8bf
}

.dark-theme .navbar-inverse .navbar-nav > .active > a {
    color: #fff
}

.dark-theme .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #363b40 !important;
    color: #fff !important
}

.dark-theme .navbar-inverse .navbar-collapse {
    border: none;
    float: left
}

.dark-theme .navbar {
    border: none;
    margin-bottom: 0;
    background-color: transparent;
    border-color: transparent
}

.dark-theme .navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0
}

.dark-theme .navbar .navbar-nav .active > a {
    background-color: #363b40
}

.dark-theme .navbar .navbar-nav .open > a {
    background-color: #2e3033 !important;
    color: #fff !important
}

.dark-theme .navbar .navbar-nav .dropdown > a {
    font-size: 14px
}

.dark-theme .navbar .navbar-nav .dropdown a:hover {
    background-color: #363b40;
    color: #fff
}

.dark-theme .dropdown-menu {
    background-color: #2e3033
}

.dark-theme .dropdown-menu .divider {
    background-color: #525c65
}

.dark-theme .dropdown-menu .text-nav-info-import {
    color: #b1b8bf !important
}

.dark-theme .dropdown-menu .text-nav-danger-import {
    color: #30a939 !important
}

.dark-theme .dropdown-menu > li > a:hover {
    background-color: #363b40 !important
}

.dark-theme .recent-use-select .form-control {
    background-color: #363b40;
    border: 1px solid #525c65
}

.dark-theme .recent-use-select .chosen-container-single .chosen-single {
    background-color: #363b40;
    border: 1px solid #525c65;
    color: #b1b8bf !important
}

.dark-theme .recent-use-select .chosen-container-single .chosen-search input[type=text] {
    background-color: #363b40;
    border-color: #525c65;
    color: #b1b8bf
}

.dark-theme .recent-use-select .chosen-container .chosen-drop {
    background-color: #363b40
}

.dark-theme .recent-use-select .chosen-container .chosen-drop .chosen-results li {
    color: #b1b8bf;
    background-color: #363b40
}

.dark-theme .recent-use-select .chosen-container .chosen-drop .chosen-results .highlighted {
    color: #30a939;
    background-color: #2e3033 !important
}

.dark-theme .top-nav-a .lan, .dark-theme .top-nav-a .log, .dark-theme .top-nav-a .reg {
    color: #b1b8bf
}

.dark-theme .top-nav-a .lan:hover, .dark-theme .top-nav-a .log:hover, .dark-theme .top-nav-a .reg:hover {
    background-color: #525c65
}

.dark-theme .top-nav-a .dropdown-menu {
    background-color: #525c65;
    border: 1px solid #525c65
}

.dark-theme .top-nav-a .dropdown-menu > li > a {
    color: #b1b8bf
}

.dark-theme .top-nav-a .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #70717d !important
}

.dark-theme #jsoneditor #splitter #drag:hover {
    background-color: #2e3033
}

.dark-theme #resizeJsonEditor {
    background-color: #363b40;
    border: 1px solid #525c65;
    color: #b1b8bf
}

.dark-theme #jsoneditorl, .dark-theme #jsoneditorr {
    background-color: #2e3033
}

.dark-theme .tool-list li {
    background-color: #363b40
}

.dark-theme .tool-list li a {
    background-color: #363b40;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -wekbit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2)
}

.dark-theme .tool-list li a:hover {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    -wekbit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5)
}

.dark-theme .tool-list li a:hover .tool-img {
    opacity: .85
}

.dark-theme .tool-list li a .tool-con .font-16 {
    color: #b1b8bf
}

.dark-theme .tool-list li a .tool-con .font-12 {
    color: #888
}

.dark-theme .tool-list li a .tool-img {
    opacity: .7;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

.dark-theme .right-container h3 {
    padding: 1px
}

.dark-theme .right-container h3 span {
    color: #b1b8bf;
    background-color: #2e3033;
    border: 1px solid transparent
}

.dark-theme .right-container h3:after {
    background-color: #2e3033;
    border: 1px solid #525c65;
    z-index: -1
}

.dark-theme .right-container .tool-item {
    background-color: #2e3033;
    border: 1px solid #525c65
}

.dark-theme .left-container {
    border: 1px solid #525c65
}

.dark-theme .left-container ul li {
    border-bottom: 1px solid #525c65;
    color: #b1b8bf
}

.dark-theme .left-container ul li:hover {
    background-color: #525c65
}

.dark-theme .left-container ul li:last-child {
    border-bottom: none
}

.dark-theme .share {
    background-color: #2e3033;
    border: 1px solid #525c65
}

.dark-theme .share p {
    color: #b1b8bf
}

.dark-theme .share .social-share .icon-wechat .wechat-qrcode {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    color: #b1b8bf;
    background-color: #2e3033;
    border: 1px solid #525c65
}

.dark-theme .share .social-share .icon-wechat .wechat-qrcode h4 {
    background-color: #2b2b2b
}

.dark-theme .html-footer:after {
    background-color: #525c65
}

.dark-theme .html-footer .friend-link {
    background-color: #363b40;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    z-index: 9;
    color: #b1b8bf
}

.dark-theme .html-footer .friend-link a {
    color: #b1b8bf
}

.dark-theme .html-footer .friend-link a:hover {
    color: #fff
}

.dark-theme .html-footer ul li {
    border-color: #525c65
}

.dark-theme .html-footer ul li a {
    color: #b1b8bf
}

.dark-theme .html-footer ul li p, .dark-theme .html-footer ul li span {
    color: #fff
}

.dark-theme .html-footer .footer-statement, .dark-theme .html-footer .footer-copyright {
    color: #999;
    margin-top: 15px;
    margin-bottom: 0
}

.dark-theme .save-data-con .paper {
    border: 1px solid #525c65;
    background-color: #232733;
    -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2)
}

.dark-theme .save-data-con .paper .height-line {
    background-color: #4a3940
}

.dark-theme .save-data-con .paper .light-line {
    background-color: #363b40
}

.dark-theme .save-data-con .paper p {
    color: #b1b8bf
}

.dark-theme .save-data-con .swiper-container {
    background-color: #2e3033
}

.dark-theme .save-data-con .save-data-box {
    border: 1px solid #525c65
}

.dark-theme .save-data-con .save-data-box #daveDataList li {
    border-bottom: 1px solid #525c65
}

.dark-theme .save-data-con .log-data-box {
    border: 1px solid #525c65;
    background-color: #2e3033
}

.dark-theme .save-data-con .log-data-box .log-data-title {
    border-bottom: 1px solid #525c65
}

.dark-theme .save-data-con .log-data-box .log-data-title h4 {
    color: #b1b8bf
}

.dark-theme .save-data-con .log-data-box ul li a {
    color: #b1b8bf
}

.dark-theme .xf-window {
    background-color: #2e3033;
    border: 1px solid #525c65
}

.dark-theme .xf-window .xf-wxewm {
    background-color: #2e3033;
    border-bottom: 1px solid #525c65
}

.dark-theme .xf-window .xf-wxewm .xf-qrcode {
    background-color: #2e3033;
    border-bottom: 1px solid #525c65;
    border: 1px solid #525c65
}

.dark-theme .xf-window .xf-wxewm .xf-qrcode p {
    color: #fff
}

.dark-theme .xf-window .xf-share, .dark-theme .xf-window .xf-collection {
    border-bottom: 1px solid #525c65;
    background-color: #2e3033
}

.dark-theme .xf-window .xf-share:before, .dark-theme .xf-window .xf-collection:before {
    background-color: #2e3033;
    color: #b1b8bf
}

.dark-theme .xf-window .xf-feedback {
    border-bottom: 1px solid #525c65;
    background-color: #2e3033
}

.dark-theme .xf-window .xf-feedback:before {
    background-color: #2e3033;
    color: #b1b8bf
}

.dark-theme .xf-window .xf-totop {
    border-bottom: 1px solid #525c65;
    background-color: #2e3033
}

.dark-theme .xf-window .xf-totop:before {
    background-color: #2e3033;
    color: #b1b8bf
}

.dark-theme .btn-black {
    background-color: #2b2b2b;
    border: 1px solid #525c65;
    color: #b1b8bf
}

.dark-theme #write {
    border: 1px solid #525c65
}

.dark-theme #write .pre-and-next {
    background-color: #525c65
}

.dark-theme .pre-and-next-foot {
    background-color: #525c65
}

.dark-theme .left-nav-container {
    border: 1px solid #525c65
}

.dark-theme .left-nav-container .left-nav-title strong {
    color: #ccc;
    background-color: #525c65
}

.dark-theme .left-nav-container ul li strong {
    color: #ccc;
    background-color: #525c65
}

.dark-theme .left-nav-container ul li a {
    border-bottom: 1px solid #525c65;
    color: #999;
    background-color: #363b40
}

.dark-theme .left-nav-container ul li a:hover {
    background-color: #525c65
}

.dark-theme .left-nav-container ul li:last-child a {
    border-bottom: none
}

.dark-theme .left-nav-container ul .active {
    position: relative
}

.dark-theme .left-nav-container ul .active a {
    background-color: #2e3033
}

.dark-theme .left-nav-container ul .active a:hover {
    background-color: #2e3033
}

.dark-theme .left-nav-container ul .active:before {
    background-color: #2e3033
}

.dark-theme .right-nav-con {
    border: 1px solid #525c65;
    background-color: #2e3033
}

.dark-theme .right-nav-con ul li strong {
    color: #ccc;
    background-color: #525c65;
    text-align: left;
    padding: 5px 15px
}

.dark-theme .right-nav-con ul li > a {
    border-bottom: 1px solid #525c65;
    color: #999
}

.dark-theme .right-nav-con ul li > a:hover {
    background-color: #525c65
}

.dark-theme .right-nav-con ul li dl {
    background-color: #363b40
}

.dark-theme .right-nav-con ul li dl dd a {
    border-bottom: 1px solid #525c65;
    color: #999
}

.dark-theme .right-nav-con ul li dl dd a:before {
    background-color: #666
}

.dark-theme .right-nav-con ul li dl dd:last-child a {
    border-bottom: none
}

.dark-theme .right-nav-con ul li:last-child > a {
    border-bottom: none
}

.dark-theme .modal-dialog {
    background-color: #363b40
}

.dark-theme .modal-dialog .modal-header {
    border-color: #525c65
}

.dark-theme .modal-dialog .modal-header button span {
    color: #fff
}

.dark-theme .modal-dialog .modal-header .modal-title {
    color: #fff
}

.dark-theme .modal-dialog .modal-body .modal-nav-qq .group-info {
    background-color: #2e3033
}

.dark-theme .modal-dialog .modal-body .modal-nav-qq .group-info .group-detail div {
    color: #ddd
}

.dark-theme .modal-dialog .modal-body .modal-nav-qq .group-info .group-detail p {
    color: #ddd
}

.dark-theme .modal-dialog .modal-body .modal-nav-qq .group-info .title-bg {
    color: #525c65
}

.dark-theme .modal-dialog .modal-body .modal-nav-qq .group-info:hover .title-bg {
    color: #0fd59d
}

.dark-theme .modal-dialog .modal-body .modal-nav-qq .group-title {
    color: #b1b8bf
}

.dark-theme .blog-left-con {
    border: 1px solid #525c65
}

.dark-theme .blog-left-con ul li {
    border-color: #525c65;
    background-color: #2e3033
}

.dark-theme .blog-left-con ul li:hover {
    background-color: #363b40
}

.dark-theme .blog-left-con ul li a .blog-con-box .blog-con-title {
    color: #bbb
}

.dark-theme .blog-left-con ul li a .blog-con-box .blog-con-info {
    color: #999
}

.dark-theme .blog-left-con ul li a .blog-img-box {
    background-color: #363b40
}

.dark-theme .blog-left-con ul li .blog-left-status .blog-status-zan .blog-status-icon {
    background-color: #363b40
}

.dark-theme .blog-left-con ul li .blog-left-status .blog-status-zan .blog-status-icon i {
    color: #0fd59d
}

.dark-theme .blog-left-con ul li .blog-left-status .blog-status-zan:hover .blog-status-icon {
    background-color: #0fd59d
}

.dark-theme .blog-left-con ul li .blog-left-status .blog-status-zan:hover .blog-status-icon i {
    color: #fff
}

.dark-theme .blog-left-con ul li .blog-left-status .blog-status-zan span {
    color: #666
}

.dark-theme .blog-left-con ul li .blog-left-status .blog-status-usertime .blog-status-time {
    color: #666
}

.dark-theme .blog-left-con ul li .blog-left-status .blog-status-usertime .blog-status-user {
    color: #999
}

.dark-theme .blog-left-con ul li:last-child {
    border-bottom: none
}

.dark-theme .blog-right-nav .blog-right-user {
    border: 1px solid #525c65;
    background-color: #2e3033
}

.dark-theme .blog-right-nav .blog-right-user .blog-right-user-txt p {
    color: #b1b8bf
}

.dark-theme .blog-right-nav .blog-right-user .blog-right-user-txt .blog-right-user-info h5 {
    color: #999
}

.dark-theme .blog-right-nav .blog-right-push {
    border: 1px solid #525c65;
    background-color: #2e3033
}

.dark-theme .blog-right-nav .blog-right-title {
    background-color: #525c65;
    color: #ddd
}

.dark-theme .blog-right-nav ul li a span {
    color: #b1b8bf
}

.dark-theme .blog-right-nav ul li a img {
    opacity: .7
}

.dark-theme .blog-right-nav ul li a:hover img {
    opacity: .9
}

.dark-theme .blog-left-head h1 {
    color: #b1b8bf
}

.dark-theme .blog-left-head dl dd a {
    color: #b1b8bf;
    background-color: #525c65
}

.dark-theme #aceEditorContain .ace-box {
    border-color: #525c65
}

.dark-theme #aceEditorContain .ace-box .ace-title-box {
    background-color: #2e3033
}

.dark-theme #aceEditorContain .ace-box .checkbox-primary label {
    color: #b1b8bf
}

.dark-theme #aceEditorContain .code-result {
    background-color: #363b40;
    border-color: #525c65
}

.dark-theme #aceEditorContain .code-result .ace-title-box {
    background-color: #2e3033
}

.dark-theme #aceEditorContain .aceEditorItem-xscale {
    background-color: #363b40;
    border-color: #525c65
}

.dark-theme #aceEditorContain .btn-default {
    background-color: #2e3033;
    border-color: #525c65;
    color: #b1b8bf
}

.dark-theme #aceEditorContain .btn-default:hover {
    border-color: #b1b8bf
}

@media screen and (max-width: 1200px) {
    .right-container {
        width: 760px
    }

    .tool-list li:nth-child(3n) {
        margin-right: 15px
    }

    #jsoneditor #jsoneditorl, #jsoneditor #jsoneditorr {
        width: 450px
    }

    /*body {*/
    /*    padding: 110px 0 0 0*/
    /*}*/

    .recent-use-box .recent-use-select {
        margin-left: 0
    }
}

@media screen and (max-width: 992px) {
    .save-data-con {
        display: none !important
    }

    .left-container {
        display: none
    }

    .right-container {
        width: 100%
    }

    #jsoneditor #jsoneditorl {
        width: 100%
    }

    .right-nav-con {
        display: none
    }

    #write {
        width: -webkit-calc(100% - 180px);
        width: calc(100% - 180px);
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    #aceEditorContain .ace-box {
        float: none;
        width: 100%;
        height: 50%;
        border-right: 1px solid #ddd;
        margin-bottom: 15px;
        min-height: 200px
    }

    #aceEditorContain .code-result {
        float: none;
        width: 100%;
        height: 50%;
        border-left: 1px solid #ddd;
        min-height: 200px
    }

    #aceEditorContain .aceEditorItem-xscale {
        display: none
    }

    #aceEditorContain .ace-title-box #fullScreen {
        display: none
    }

    /*body {*/
    /*    padding: 70px 0 0 0*/
    /*}*/

    .recent-use-box {
        width: -webkit-calc(100% - 320px);
        width: calc(100% - 320px);
        margin-left: 15px
    }

    .recent-use-box .recent-use-select {
        width: 100%;
        margin-left: 0
    }

    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .container .navbar-header {
        float: left;
        margin-left: 0
    }

    .navbar-nav {
        display: none
    }

    .xf-window {
        display: none
    }

    .tool-list li {
        width: 100%
    }

    .tool-list li a {
        width: 100%
    }

    .tool-list li a .tool-con {
        width: -webkit-calc(100% - 75px);
        width: calc(100% - 75px)
    }

    footer ul {
        display: none
    }

    .left-nav {
        display: block
    }

    #write {
        width: 100%;
        margin-right: 0
    }

    .left-nav-container {
        width: 100%;
        margin-bottom: 20px
    }

    .left-nav-container .left-nav-title #switchNav {
        display: block
    }

    .left-nav-container .left-nav-title i {
        display: block
    }

    .blog-left-con {
        width: 100%
    }

    .blog-right-nav {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .jsoneditor-search input {
        width: 30px !important
    }

    .recent-use-box {
        display: none
    }

    /*body {*/
    /*    padding: 55px 0 0 0*/
    /*}*/

    #write {
        padding: 10px;
        padding-top: 45px
    }

    #write .pre-and-next {
        padding: 0 10px
    }

    .pre-and-next-foot {
        padding: 0 10px
    }
}

@media screen and (max-width: 430px) {
    .recent-use-box {
        margin-left: 0px;
        width: 100%
    }
}

/*!
 * Chosen, a Select Box Enhancer for jQuery and Prototype
 * by Patrick Filler for Harvest, http://getharvest.com
 *
 * Copyright (c) 2011-2016 Harvest http://getharvest.com
 * MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
*/
.chosen-container {
    position: relative;
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    zoom: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    *display: inline
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    z-index: 1010;
    display: none;
    width: 100%;
    background: #fff;
    border: 1px solid #cbcbcb;
    border: 1px solid rgba(0, 0, 0, .15);
    border-top: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.chosen-container .chosen-drop.chosen-drop-size-limited {
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.chosen-container .chosen-drop.chosen-auto-max-width {
    min-width: 100%;
    border-top: 1px solid rgba(0, 0, 0, .15);
    opacity: .5
}

.chosen-container .chosen-drop.chosen-auto-max-width > .chosen-results > li {
    display: inline-block;
    white-space: nowrap
}

.chosen-container .chosen-drop.chosen-auto-max-width.in {
    opacity: 1
}

.chosen-container .chosen-drop.chosen-auto-max-width.in > .chosen-results > li {
    display: block;
    white-space: normal
}

.chosen-container.chosen-with-drop .chosen-drop {
    display: block
}

.chosen-container a {
    cursor: pointer
}

.chosen-container.chosen-up .chosen-drop {
    top: inherit;
    bottom: 100%;
    margin-top: auto;
    margin-bottom: -1px;
    border-radius: 2px 2px 0 0;
    -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, .175);
    box-shadow: 0 -3px 5px rgba(0, 0, 0, .175)
}

.chosen-container.chosen-highlight-selected .result-selected {
    color: #3280fc;
    background: #ebf2f9
}

.chosen-container-single .chosen-single {
    display: block;
    width: 100%;
    height: 32px;
    padding: 5px 8px;
    overflow: hidden;
    line-height: 1.53846154;
    color: #222;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.chosen-container-single .chosen-default {
    color: grey
}

.chosen-container-single .chosen-single > span {
    display: block;
    margin-right: 26px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 7px;
    right: 24px;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 19.5px;
    font-weight: 700;
    line-height: 14px;
    color: #000;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.chosen-container-single .chosen-single abbr:before {
    content: '\D7'
}

.chosen-container-single .chosen-single abbr:focus, .chosen-container-single .chosen-single abbr:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 100%;
    padding: 5px 8px
}

.chosen-container-single .chosen-single div b {
    display: inline-block;
    width: 0;
    height: 0;
    margin-bottom: 2px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    padding: 3px 4px;
    margin: 0;
    white-space: nowrap
}

.chosen-container-single .chosen-search input[type=text] {
    width: 100%;
    height: 27px;
    padding: 2px 26px 2px 8px;
    margin: 1px 0;
    font-size: 12px;
    line-height: 1.5;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: 0
}

.chosen-container-single .chosen-search input[type=text]:focus {
    border-color: #145ccd
}

.chosen-container-single .chosen-search:before {
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    font-family: ZenIcon;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    color: grey;
    text-transform: none;
    content: '\E603';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 0 0 4px 4px
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px
}

.chosen-container .chosen-results {
    position: relative;
    max-height: 240px;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.chosen-container .chosen-results li {
    display: none;
    padding: 5px 10px;
    margin: 0;
    line-height: 15px;
    list-style: none;
    -webkit-transition: background-color .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: background-color .2s cubic-bezier(.175, .885, .32, 1);
    transition: background-color .2s cubic-bezier(.175, .885, .32, 1);
    -webkit-touch-callout: none
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container .chosen-results li.highlighted {
    color: #fff;
    background-color: #3280fc
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: 700;
    cursor: default
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline
}

.chosen-container-multi .chosen-choices {
    position: relative;
    width: 100%;
    min-height: 32px;
    min-height: 30px \9;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: text;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
}

.chosen-container-multi .chosen-choices:after, .chosen-container-multi .chosen-choices:before {
    display: table;
    content: " "
}

.chosen-container-multi .chosen-choices:after {
    clear: both
}

.chosen-container-multi .chosen-choices li {
    display: block;
    float: left;
    padding: 0 6px;
    margin: 5px 0 0 6px;
    list-style: none
}

.chosen-container-multi .chosen-choices li.search-field {
    padding: 0;
    margin-bottom: 4px;
    white-space: nowrap
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 20px;
    font-size: 100%;
    color: grey;
    background: 0 0 !important;
    border: 0 !important;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999
}

.chosen-container-multi .chosen-choices li.search-field:before {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: block;
    font-family: ZenIcon;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    line-height: 1;
    color: grey;
    text-transform: none;
    content: '\E603';
    opacity: 0;
    -webkit-transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
    -o-transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
    transition: opacity .2s cubic-bezier(.175, .885, .32, 1);
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    padding: 3px 20px 3px 5px;
    line-height: 12px;
    cursor: default;
    background-color: #f1f1f1;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    -o-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1)
}

.chosen-container-multi .chosen-choices li.search-choice:hover {
    background-color: #fff;
    border-color: #c4c4c4;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1)
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 20px;
    height: 20px;
    font-size: 15.6px;
    font-weight: 700;
    line-height: 14px;
    color: #000;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: '\D7'
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:focus, .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    color: #666;
    background-color: #e4e4e4;
    border: 1px solid #ccc
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px
}

.chosen-container-multi .chosen-results {
    padding: 5px 0;
    margin: 0
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default
}

.chosen-container-active .chosen-single {
    border-color: #145ccd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6)
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #cbcbcb;
    border: 1px solid rgba(0, 0, 0, .15);
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    background: 0 0;
    border-left: none
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    content: "";
    border-top: 0 dotted;
    border-bottom: 4px solid
}

.chosen-container-active.chosen-with-drop.chosen-up .chosen-single {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.chosen-container-active .chosen-choices {
    border-color: #145ccd;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6)
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #111 !important
}

.chosen-container-active .chosen-choices li.search-field:before {
    opacity: 1
}

.chosen-disabled {
    cursor: default;
    opacity: .5 !important
}

.chosen-disabled .chosen-single {
    cursor: default
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default
}

.chosen-compact.chosen-container-single .chosen-single > .chosen-search {
    left: 0;
    display: none;
    padding: 3px 4px;
    opacity: 0
}

.chosen-compact.chosen-container-single .chosen-single > .chosen-search > input {
    height: 25px;
    padding: 2px 26px 2px 4px;
    font-size: inherit
}

.chosen-compact.chosen-container-single .chosen-single > .chosen-search:before {
    top: 9px
}

.chosen-compact.chosen-with-search.chosen-with-drop .chosen-single > .chosen-search {
    display: block;
    opacity: 1
}

/**
 * Swiper 5.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 26, 2019
 */

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: -webkit-calc(var(--swiper-navigation-size) / 44 * 27);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: -webkit-calc(-1 * var(--swiper-navigation-size) / 2);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@font-face {
    font-family: "socialshare";
    src: url(https://www.json.cn/static/kj/assets/fonts/8fbe5401aaf59676ae94a5ef9a42ad7b.eot);
    src: url(https://www.json.cn/static/kj/assets/fonts/8fbe5401aaf59676ae94a5ef9a42ad7b.eot?) format("embedded-opentype"), url(https://www.json.cn/static/kj/assets/fonts/ef7d2744b1c12f3806dad4b1b8f211b7.woff) format("woff"), url(https://www.json.cn/static/kj/assets/fonts/9d1dd06c43da63785aa7fc4bc949fa70.ttf) format("truetype"), url(https://www.json.cn/static/kj/assets/fonts/eff561633a9ebc64f171aa295a58e887.svg) format("svg")
}

.social-share {
    font-family: "socialshare" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}

.social-share * {
    font-family: "socialshare" !important
}

.social-share .icon-tencent:before {
    content: "\F07A"
}

.social-share .icon-qq:before {
    content: "\F11A"
}

.social-share .icon-weibo:before {
    content: "\F12A"
}

.social-share .icon-wechat:before {
    content: "\F09A"
}

.social-share .icon-douban:before {
    content: "\F10A"
}

.social-share .icon-heart:before {
    content: "\F20A"
}

.social-share .icon-like:before {
    content: "\F00A"
}

.social-share .icon-qzone:before {
    content: "\F08A"
}

.social-share .icon-linkedin:before {
    content: "\F01A"
}

.social-share .icon-diandian:before {
    content: "\F05A"
}

.social-share .icon-facebook:before {
    content: "\F03A"
}

.social-share .icon-google:before {
    content: "\F04A"
}

.social-share .icon-twitter:before {
    content: "\F06A"
}

.social-share a {
    position: relative;
    text-decoration: none;
    margin: 0 4px;
    display: inline-block;
    outline: none
}

.social-share .social-share-icon {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 50%;
    line-height: 32px;
    border: 1px solid #666;
    color: #666;
    text-align: center;
    vertical-align: middle;
    -webkit-transition: background 0.6s ease-out 0s;
    -o-transition: background 0.6s ease-out 0s;
    transition: background 0.6s ease-out 0s
}

.social-share .social-share-icon:hover {
    background: #666;
    color: #fff
}

.social-share .icon-weibo {
    color: #ff763b;
    border-color: #ff763b
}

.social-share .icon-weibo:hover {
    background: #ff763b
}

.social-share .icon-tencent {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-tencent:hover {
    background: #56b6e7
}

.social-share .icon-qq {
    color: #56b6e7;
    border-color: #56b6e7
}

.social-share .icon-qq:hover {
    background: #56b6e7
}

.social-share .icon-qzone {
    color: #FDBE3D;
    border-color: #FDBE3D
}

.social-share .icon-qzone:hover {
    background: #FDBE3D
}

.social-share .icon-douban {
    color: #33b045;
    border-color: #33b045
}

.social-share .icon-douban:hover {
    background: #33b045
}

.social-share .icon-linkedin {
    color: #0077B5;
    border-color: #0077B5
}

.social-share .icon-linkedin:hover {
    background: #0077B5
}

.social-share .icon-facebook {
    color: #44619D;
    border-color: #44619D
}

.social-share .icon-facebook:hover {
    background: #44619D
}

.social-share .icon-google {
    color: #db4437;
    border-color: #db4437
}

.social-share .icon-google:hover {
    background: #db4437
}

.social-share .icon-twitter {
    color: #55acee;
    border-color: #55acee
}

.social-share .icon-twitter:hover {
    background: #55acee
}

.social-share .icon-diandian {
    color: #307DCA;
    border-color: #307DCA
}

.social-share .icon-diandian:hover {
    background: #307DCA
}

.social-share .icon-wechat {
    position: relative;
    color: #7bc549;
    border-color: #7bc549
}

.social-share .icon-wechat:hover {
    background: #7bc549
}

.social-share .icon-wechat .wechat-qrcode {
    display: none;
    border: 1px solid #eee;
    position: absolute;
    z-index: 9;
    top: -205px;
    left: -84px;
    width: 200px;
    height: 192px;
    color: #666;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px #aaa;
    box-shadow: 0 2px 10px #aaa;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms
}

.social-share .icon-wechat .wechat-qrcode.bottom {
    top: 40px;
    left: -84px
}

.social-share .icon-wechat .wechat-qrcode.bottom:after {
    display: none
}

.social-share .icon-wechat .wechat-qrcode h4 {
    font-weight: normal;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    background-color: #f3f3f3;
    margin: 0;
    padding: 0;
    color: #777
}

.social-share .icon-wechat .wechat-qrcode .qrcode {
    width: 105px;
    margin: 10px auto
}

.social-share .icon-wechat .wechat-qrcode .qrcode table {
    margin: 0 !important
}

.social-share .icon-wechat .wechat-qrcode .help p {
    font-weight: normal;
    line-height: 16px;
    padding: 0;
    margin: 0
}

.social-share .icon-wechat .wechat-qrcode:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    bottom: -13px;
    width: 0;
    height: 0;
    border-width: 8px 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent transparent transparent
}

.social-share .icon-wechat:hover .wechat-qrcode {
    display: block
}

.is-detail {
    width: 100% !important;
    margin-bottom: 0px !important;
    float: none !important;
    margin-right: 0 !important
}

#write iframe {
    margin: auto
}

#write a.url {
    word-break: break-all
}

#write a:active, #write a:hover {
    outline: 0px
}

.in-text-selection, ::-moz-selection {
    text-shadow: none;
    background: #B5D6FC;
    color: auto
}

.in-text-selection, ::selection {
    text-shadow: none;
    background: #B5D6FC;
    color: auto
}

#write {
    height: auto;
    word-break: normal;
    overflow-wrap: break-word;
    position: relative;
    white-space: normal;
    overflow-x: visible
}

#write.first-line-indent p {
    text-indent: 2em
}

#write.first-line-indent li p, #write.first-line-indent p * {
    text-indent: 0px
}

#write.first-line-indent li {
    margin-left: 2em
}

.typora-export .footnote-line, .typora-export li, .typora-export p {
    white-space: pre-wrap
}

@media screen and (max-width: 500px) {
    body.typora-export {
        padding-left: 0px;
        padding-right: 0px
    }

    .CodeMirror-sizer {
        margin-left: 0px !important
    }

    .CodeMirror-gutters {
        display: none !important
    }
}

#write li > figure:last-child {
    margin-bottom: 0.5rem
}

#write ol, #write ul {
    position: relative
}

#write img {
    max-width: 100%;
    vertical-align: middle
}

#write button, #write input, #write select, #write textarea {
    color: inherit;
    font: inherit
}

#write input[type="checkbox"], #write input[type="radio"] {
    line-height: normal;
    padding: 0px
}

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

#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p {
    position: relative
}

#write p {
    line-height: inherit
}

#write h1, #write h2, #write h3, #write h4, #write h5, #write h6 {
    -webkit-column-break-after: avoid;
    break-after: avoid-page;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    orphans: 2
}

#write p {
    orphans: 4
}

#write h1 {
    font-size: 2rem
}

#write h2 {
    font-size: 1.8rem
}

#write h3 {
    font-size: 1.6rem
}

#write h4 {
    font-size: 1.4rem
}

#write h5 {
    font-size: 1.2rem
}

#write h6 {
    font-size: 1rem
}

.md-math-block, .md-rawblock, #write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.hidden {
    display: none
}

.md-blockmeta {
    color: #ccc;
    font-weight: 700;
    font-style: italic
}

#write a {
    cursor: pointer
}

#write sup.md-footnote {
    padding: 2px 4px;
    background-color: rgba(238, 238, 238, 0.7);
    color: #555;
    border-radius: 4px;
    cursor: pointer
}

#write sup.md-footnote a, #write sup.md-footnote a:hover {
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}

#write input[type="checkbox"] {
    cursor: pointer;
    width: inherit;
    height: inherit
}

#write figure {
    overflow-x: auto;
    margin: 1.2em 0px;
    max-width: -webkit-calc(100% + 16px);
    max-width: calc(100% + 16px);
    padding: 0px
}

#write figure > table {
    margin: 0px !important
}

#write tr {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-after: auto;
    break-after: auto
}

#write thead {
    display: table-header-group
}

#write table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    overflow: auto;
    -webkit-column-break-inside: auto;
    break-inside: auto;
    text-align: left
}

#write table.md-table td {
    min-width: 32px
}

.CodeMirror-gutters {
    border-right: 0px;
    background-color: inherit
}

.CodeMirror-linenumber {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.CodeMirror {
    text-align: left
}

.CodeMirror-placeholder {
    opacity: 0.3
}

.CodeMirror pre {
    padding: 0px 4px
}

.CodeMirror-lines {
    padding: 0px
}

#write div.hr:focus {
    cursor: none
}

#write pre {
    white-space: pre-wrap
}

#write.fences-no-line-wrapping pre {
    white-space: pre
}

#write pre.ty-contain-cm {
    white-space: normal
}

.CodeMirror-gutters {
    margin-right: 4px
}

.md-fences {
    font-size: 0.9rem;
    display: block;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    text-align: left;
    overflow: visible;
    white-space: pre;
    background: inherit;
    position: relative !important
}

.md-diagram-panel {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 8px;
    overflow-x: auto
}

#write .md-fences.mock-cm {
    white-space: pre-wrap
}

.md-fences.md-fences-with-lineno {
    padding-left: 0px
}

#write.fences-no-line-wrapping .md-fences.mock-cm {
    white-space: pre;
    overflow-x: auto
}

.md-fences.mock-cm.md-fences-with-lineno {
    padding-left: 8px
}

.CodeMirror-line, twitterwidget {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.footnotes {
    opacity: 0.8;
    font-size: 0.9rem;
    margin-top: 1em;
    margin-bottom: 1em
}

.footnotes + .footnotes {
    margin-top: 0px
}

.md-reset {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    vertical-align: top;
    background: 0px 0px;
    text-decoration: none;
    text-shadow: none;
    float: none;
    position: static;
    width: auto;
    height: auto;
    white-space: nowrap;
    cursor: inherit;
    -webkit-tap-highlight-color: transparent;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr
}

#write li div {
    padding-top: 0px
}

#write blockquote {
    margin: 1rem 0px
}

#write li .mathjax-block, #write li p {
    margin: 0.5rem 0px
}

#write li {
    margin: 0px;
    position: relative;
    list-style-type: inherit;
}

#write blockquote > :last-child {
    margin-bottom: 0px
}

#write blockquote > :first-child, #write li > :first-child {
    margin-top: 0px
}

.footnotes-area {
    color: #888;
    margin-top: 0.714rem;
    padding-bottom: 0.143rem;
    white-space: normal
}

#write .footnote-line {
    white-space: pre-wrap
}

@media print {
    #write {
        margin-top: 0px;
        padding-top: 0px;
        border-color: transparent !important
    }

    .typora-export * {
        -webkit-print-color-adjust: exact
    }

    html.blink-to-pdf {
        font-size: 13px
    }

    .typora-export #write {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 0px;
        -webkit-column-break-after: avoid;
        break-after: avoid
    }

    .typora-export #write::after {
        height: 0px
    }
}

.footnote-line {
    margin-top: 0.714em;
    font-size: 0.7em
}

#write a img, #write img a {
    cursor: pointer
}

#write pre.md-meta-block {
    font-size: 0.8rem;
    min-height: 0.8rem;
    white-space: pre-wrap;
    background: #ccc;
    display: block;
    overflow-x: hidden
}

#write p > .md-image:only-child:not(.md-img-error) img, #write p > img:only-child {
    display: block;
    margin: auto
}

#write p > .md-image:only-child {
    display: inline-block;
    width: 100%
}

#write .MathJax_Display {
    margin: 0.8em 0px 0px
}

.md-math-block {
    width: 100%
}

.md-math-block:not(:empty)::after {
    display: none
}

[contenteditable="true"]:active, [contenteditable="true"]:focus, [contenteditable="false"]:active, [contenteditable="false"]:focus {
    outline: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.md-task-list-item {
    position: relative;
    list-style-type: none
}

.task-list-item.md-task-list-item {
    padding-left: 0px
}

.md-task-list-item > input {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: -1.2em;
    margin-top: -webkit-calc(1em - 10px);
    margin-top: calc(1em - 10px);
    border: none
}

.math {
    font-size: 1rem
}

.md-toc {
    position: absolute;
    left: -245px;
    font-size: 14px;
    z-index: 99;
    width: 230px;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #ddd;
    background-color: #fff;
    height: -webkit-calc(100% - 341px);
    height: calc(100% - 341px);
    top: 0px;
    overflow: auto
}

.md-toc-fixed {
    position: fixed;
    left: 50%;
    margin-left: -585px;
    top: 20px
}

.md-toc-content {
    position: relative;
    margin-left: 0px
}

.md-toc-content::after, .md-toc::after {
    display: none
}

.md-toc-item {
    display: block;
    color: #4183c4
}

.md-toc-item a {
    text-decoration: none
}

.md-toc-inner:hover {
    text-decoration: underline
}

.md-toc-inner {
    display: inline-block;
    cursor: pointer
}

.md-toc-h1 .md-toc-inner {
    margin-left: 0px;
    font-weight: 700
}

.md-toc-h2 .md-toc-inner {
    margin-left: 2em
}

.md-toc-h3 .md-toc-inner {
    margin-left: 4em
}

.md-toc-h4 .md-toc-inner {
    margin-left: 6em
}

.md-toc-h5 .md-toc-inner {
    margin-left: 8em
}

.md-toc-h6 .md-toc-inner {
    margin-left: 10em
}

@media screen and (max-width: 48em) {
    .md-toc-h3 .md-toc-inner {
        margin-left: 3.5em
    }

    .md-toc-h4 .md-toc-inner {
        margin-left: 5em
    }

    .md-toc-h5 .md-toc-inner {
        margin-left: 6.5em
    }

    .md-toc-h6 .md-toc-inner {
        margin-left: 8em
    }
}

#write a.md-toc-inner {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit
}

.footnote-line a:not(.reversefootnote) {
    color: inherit
}

.md-attr {
    display: none
}

.md-fn-count::after {
    content: "."
}

#write code, #write pre, #write samp, #write tt {
    font-family: "Lucida Console", Consolas, "Courier", monospace
}

#write kbd {
    margin: 0px 0.1em;
    padding: 0.1em 0.6em;
    font-size: 0.8em;
    color: #242729;
    background: #fff;
    border: 1px solid #adb3b9;
    border-radius: 3px;
    -webkit-box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, #fff 0px 0px 0px 2px inset;
    box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, #fff 0px 0px 0px 2px inset;
    white-space: nowrap;
    vertical-align: middle
}

.md-comment {
    color: #a27f03;
    opacity: 0.8;
    font-family: "Lucida Console", Consolas, "Courier", monospace
}

#write code {
    text-align: left;
    vertical-align: initial
}

a.md-print-anchor {
    white-space: pre !important;
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    display: inline-block !important;
    position: absolute !important;
    width: 1px !important;
    right: 0px !important;
    outline: 0px !important;
    background: 0px 0px !important;
    text-decoration: initial !important;
    text-shadow: initial !important
}

.md-inline-math .MathJax_SVG .noError {
    display: none !important
}

.html-for-mac .inline-math-svg .MathJax_SVG {
    vertical-align: 0.2px
}

.md-math-block .MathJax_SVG_Display {
    text-align: center;
    margin: 0px;
    position: relative;
    text-indent: 0px;
    max-width: none;
    max-height: none;
    min-height: 0px;
    min-width: 100%;
    width: auto;
    overflow-y: hidden;
    display: block !important
}

.MathJax_SVG_Display, .md-inline-math .MathJax_SVG_Display {
    width: auto;
    margin: inherit;
    display: inline-block !important
}

.MathJax_SVG .MJX-monospace {
    font-family: "Lucida Console", Consolas, "Courier", monospace
}

.MathJax_SVG .MJX-sans-serif {
    font-family: sans-serif
}

.MathJax_SVG {
    display: inline;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    zoom: 90%;
    text-indent: 0px;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    overflow-wrap: normal;
    white-space: nowrap;
    float: none;
    direction: ltr;
    max-width: none;
    max-height: none;
    min-width: 0px;
    min-height: 0px;
    border: 0px;
    padding: 0px;
    margin: 0px
}

.MathJax_SVG * {
    -webkit-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    transition: none 0s ease 0s
}

.MathJax_SVG_Display svg {
    vertical-align: middle !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important
}

.os-windows.monocolor-emoji .md-emoji {
    font-family: "Segoe UI Symbol", sans-serif
}

.md-diagram-panel > svg {
    max-width: 100%
}

[lang="flow"] svg, [lang="mermaid"] svg {
    max-width: 100%;
    height: auto
}

[lang="mermaid"] .node text {
    font-size: 1rem
}

#write table tr th {
    border-bottom: 0px
}

#write video {
    max-width: 100%;
    display: block;
    margin: 0px auto
}

#write iframe {
    max-width: 100%;
    width: 100%;
    border: none
}

.highlight td, .highlight tr {
    border: 0px
}

#write svg[id^="mermaidChart"] {
    line-height: 1em
}

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

.md-html-inline .md-plain, .md-html-inline strong, #write mark .md-inline-math, #write mark strong {
    color: inherit
}

#write mark .md-meta {
    color: #000;
    opacity: 0.3 !important
}

.CodeMirror {
    height: auto
}

.CodeMirror.cm-s-inner {
    background: inherit
}

.CodeMirror-scroll {
    overflow: auto hidden;
    z-index: 3
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
    background-color: #fff
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background: inherit;
    white-space: nowrap
}

.CodeMirror-linenumber {
    padding: 0px 3px 0px 5px;
    text-align: right;
    color: #999
}

.cm-s-inner .cm-keyword {
    color: #708
}

.cm-s-inner .cm-atom, .cm-s-inner.cm-atom {
    color: #219
}

.cm-s-inner .cm-number {
    color: #164
}

.cm-s-inner .cm-def {
    color: blue
}

.cm-s-inner .cm-variable {
    color: #000
}

.cm-s-inner .cm-variable-2 {
    color: #05a
}

.cm-s-inner .cm-variable-3 {
    color: #085
}

.cm-s-inner .cm-string {
    color: #a11
}

.cm-s-inner .cm-property {
    color: #000
}

.cm-s-inner .cm-operator {
    color: #981a1a
}

.cm-s-inner .cm-comment, .cm-s-inner.cm-comment {
    color: #a50
}

.cm-s-inner .cm-string-2 {
    color: #f50
}

.cm-s-inner .cm-meta {
    color: #555
}

.cm-s-inner .cm-qualifier {
    color: #555
}

.cm-s-inner .cm-builtin {
    color: #30a
}

.cm-s-inner .cm-bracket {
    color: #997
}

.cm-s-inner .cm-tag {
    color: #170
}

.cm-s-inner .cm-attribute {
    color: #00c
}

.cm-s-inner .cm-header, .cm-s-inner.cm-header {
    color: blue
}

.cm-s-inner .cm-quote, .cm-s-inner.cm-quote {
    color: #090
}

.cm-s-inner .cm-hr, .cm-s-inner.cm-hr {
    color: #999
}

.cm-s-inner .cm-link, .cm-s-inner.cm-link {
    color: #00c
}

.cm-negative {
    color: #d44
}

.cm-positive {
    color: #292
}

.cm-header, .cm-strong {
    font-weight: 700
}

.cm-del {
    text-decoration: line-through
}

.cm-em {
    font-style: italic
}

.cm-link {
    text-decoration: underline
}

.cm-error {
    color: red
}

.cm-invalidchar {
    color: red
}

.cm-constant {
    color: #268bd2
}

.cm-defined {
    color: #b58900
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: lime
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}

.cm-s-inner .CodeMirror-activeline-background {
    background: inherit
}

.CodeMirror {
    position: relative;
    overflow: hidden
}

.CodeMirror-scroll {
    height: 100%;
    outline: 0px;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: inherit
}

.CodeMirror-sizer {
    position: relative
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.CodeMirror-vscrollbar {
    right: 0px;
    top: 0px;
    overflow: hidden
}

.CodeMirror-hscrollbar {
    bottom: 0px;
    left: 0px;
    overflow: hidden
}

.CodeMirror-scrollbar-filler {
    right: 0px;
    bottom: 0px
}

.CodeMirror-gutter-filler {
    left: 0px;
    bottom: 0px
}

.CodeMirror-gutters {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-bottom: 30px;
    z-index: 3
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 30px;
    margin-bottom: -32px;
    display: inline-block
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0px 0px !important;
    border: none !important
}

.CodeMirror-gutter-background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 4
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.CodeMirror-lines {
    cursor: text
}

.CodeMirror pre {
    border-radius: 0px;
    border-width: 0px;
    background: 0px 0px;
    font-family: inherit;
    font-size: inherit;
    margin: 0px;
    white-space: pre;
    overflow-wrap: normal;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible
}

.CodeMirror-wrap pre {
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.CodeMirror-code pre {
    border-right: 30px solid transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.CodeMirror-wrap .CodeMirror-code pre {
    border-right: none;
    width: auto
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 0
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}

.CodeMirror-wrap .CodeMirror-scroll {
    overflow-x: hidden
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0px;
    overflow: hidden;
    visibility: hidden
}

.CodeMirror-measure pre {
    position: static
}

.CodeMirror div.CodeMirror-cursor {
    position: absolute;
    visibility: hidden;
    border-right: none;
    width: 0px
}

.CodeMirror div.CodeMirror-cursor {
    visibility: hidden
}

.CodeMirror-focused div.CodeMirror-cursor {
    visibility: inherit
}

.cm-searching {
    background: rgba(255, 255, 0, 0.4)
}

@media print {
    .CodeMirror div.CodeMirror-cursor {
        visibility: hidden
    }
}

#write {
    position: relative;
    margin-bottom: 35px;
    float: left
}

#write > ul:first-child, #write > ol:first-child {
    margin-top: 30px
}

#write a {
    color: #4183C4
}

#write h1, #write h2, #write h3, #write h4, #write h5, #write h6 {
    position: relative;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-weight: bold;
    line-height: 1.4;
    cursor: text
}

#write h1:hover a.anchor, #write h2:hover a.anchor, #write h3:hover a.anchor, #write h4:hover a.anchor, #write h5:hover a.anchor, #write h6:hover a.anchor {
    text-decoration: none
}

#write h1 tt, #write h1 code {
    font-size: inherit
}

#write h2 tt, #write h2 code {
    font-size: inherit
}

#write h3 tt, #write h3 code {
    font-size: inherit
}

#write h4 tt, #write h4 code {
    font-size: inherit
}

#write h5 tt, #write h5 code {
    font-size: inherit
}

#write h6 tt, #write h6 code {
    font-size: inherit
}

#write h1 {
    padding-bottom: .3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee
}

#write h2 {
    padding-bottom: .3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee
}

#write h3 {
    font-size: 1.5em;
    line-height: 1.43
}

#write h4 {
    font-size: 1.25em
}

#write h5 {
    font-size: 1em
}

#write h6 {
    font-size: 1em;
    color: #777
}

#write p, #write blockquote, #write ul, #write ol, #write dl, #write table {
    margin: 0.8em 0
}

#write li > ol, #write li > ul {
    margin: 0 0
}

#write hr {
    height: 2px;
    padding: 0;
    margin: 16px 0;
    background-color: #e7e7e7;
    border: 0 none;
    overflow: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

#write li p.first {
    display: inline-block
}

#write ul, #write ol {
    padding-left: 30px
}

#write ul:first-child, #write ol:first-child {
    margin-top: 0
}

#write ul:last-child, #write ol:last-child {
    margin-bottom: 0
}

#write blockquote {
    border-left: 4px solid #dfe2e5;
    padding: 0 15px;
    color: #777777
}

#write blockquote blockquote {
    padding-right: 0
}

#write table {
    padding: 0;
    word-break: initial
}

#write table tr {
    border-top: 1px solid #dfe2e5;
    margin: 0;
    padding: 0
}

#write table tr:nth-child(2n), #write thead {
    background-color: #f8f8f8
}

#write table tr th {
    font-weight: bold;
    border: 1px solid #dfe2e5;
    border-bottom: 0;
    margin: 0;
    padding: 6px 13px
}

#write table tr td {
    border: 1px solid #dfe2e5;
    margin: 0;
    padding: 6px 13px
}

#write table tr th:first-child, #write table tr td:first-child {
    margin-top: 0
}

#write table tr th:last-child, #write table tr td:last-child {
    margin-bottom: 0
}

.CodeMirror-lines {
    padding-left: 4px
}

.code-tooltip {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3);
    box-shadow: 0 1px 1px 0 rgba(0, 28, 36, 0.3);
    border-top: 1px solid #eef2f2
}

.md-fences, #write code, #write tt {
    border: 1px solid #e7eaed;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 0;
    padding: 2px 4px 0px 4px;
    font-size: 0.9em
}

#write code {
    background-color: #f3f4f4;
    padding: 0 2px 0 2px
}

.md-fences {
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 8px;
    padding-bottom: 6px
}

.md-task-list-item > input {
    margin-left: -1.3em
}

@media print {
    #write table, #write pre {
        page-break-inside: avoid
    }

    #write pre {
        word-wrap: break-word
    }
}

.md-fences {
    background-color: #f8f8f8
}

#write pre.md-meta-block {
    padding: 1rem;
    font-size: 85%;
    line-height: 1.45;
    background-color: #f7f7f7;
    border: 0;
    border-radius: 3px;
    color: #777777;
    margin-top: 0 !important
}

.mathjax-block > .code-tooltip {
    bottom: .375rem
}

.md-mathjax-midline {
    background: #fafafa
}

#write > h3.md-focus:before {
    left: -1.5625rem;
    top: .375rem
}

#write > h4.md-focus:before {
    left: -1.5625rem;
    top: .285714286rem
}

#write > h5.md-focus:before {
    left: -1.5625rem;
    top: .285714286rem
}

#write > h6.md-focus:before {
    left: -1.5625rem;
    top: .285714286rem
}

.md-image > .md-meta {
    border-radius: 3px;
    padding: 2px 0px 0px 4px;
    font-size: 0.9em;
    color: inherit
}

.md-tag {
    color: #a7a7a7;
    opacity: 1
}

.sidebar-tabs {
    border-bottom: none
}

#typora-quick-open {
    border: 1px solid #ddd;
    background-color: #f8f8f8
}

#typora-quick-open-item {
    background-color: #FAFAFA;
    border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;
    border-style: solid;
    border-width: 1px
}

.on-focus-mode blockquote {
    border-left-color: rgba(85, 85, 85, 0.12)
}

#write header, .context-menu, .megamenu-content, #write footer {
    font-family: "Segoe UI", "Arial", sans-serif
}

.file-node-content:hover .file-node-icon, .file-node-content:hover .file-node-open-state {
    visibility: visible
}

.mac-seamless-mode #typora-sidebar {
    background-color: #fafafa;
    background-color: #fafafa
}

.md-lang {
    color: #b4654d
}

.html-for-mac .context-menu {
    --item-hover-bg-color: #E6F0FE
}

#md-notification .btn {
    border: 0
}

.dropdown-menu .divider {
    border-color: #e5e5e5
}

.ty-preferences .window-content {
    background-color: #fafafa
}

.ty-preferences .nav-group-item.active {
    color: white;
    background: #999
}

.test-undeline {
    text-decoration: none
}

.sy-v-large-padding {
    padding-top: 20px;
    padding-bottom: 20px
}

.sy-t-large-padding {
    padding-top: 20px
}

.border-b-none {
    border-bottom: none
}

html {
    font-size: 16px;
    color: #aaa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

body {
    font-size: 1rem;
    line-height: 1.6;
    overflow-x: hidden;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4
}

.dark-theme .typora-export .footnote-line, .dark-theme .typora-export li, .dark-theme .typora-export p {
    white-space: pre-wrap
}

.dark-theme #write {
    background-color: #2e3033;
    -webkit-font-smoothing: antialiased;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    margin-bottom: 35px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #aaa;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.dark-theme #write iframe {
    margin: auto
}

.dark-theme #write a.url {
    word-break: break-all
}

.dark-theme #write a:active, .dark-theme #write a:hover {
    outline: 0px
}

.dark-theme #write .in-text-selection, .dark-theme #write ::-moz-selection {
    text-shadow: none;
    background: #4a89dc;
    color: auto
}

.dark-theme #write .in-text-selection, .dark-theme #write ::selection {
    text-shadow: none;
    background: #4a89dc;
    color: auto
}

.dark-theme #write .first-line-indent p {
    text-indent: 2em
}

.dark-theme #write .first-line-indent li p, .dark-theme #write .first-line-indent p * {
    text-indent: 0px
}

.dark-theme #write .first-line-indent li {
    margin-left: 2em
}

.dark-theme #write li > figure:last-child {
    margin-bottom: 0.5rem
}

.dark-theme #write ol, .dark-theme #write ul {
    position: relative
}

.dark-theme #write img {
    max-width: 100%;
    vertical-align: middle
}

.dark-theme #write button, .dark-theme #write input, .dark-theme #write select, .dark-theme #write textarea {
    color: inherit;
    font: inherit
}

.dark-theme #write input[type="checkbox"], .dark-theme #write input[type="radio"] {
    line-height: normal;
    padding: 0px
}

.dark-theme #write h1, .dark-theme #write h2, .dark-theme #write h3, .dark-theme #write h4, .dark-theme #write h5, .dark-theme #write h6, .dark-theme #write p {
    position: relative
}

.dark-theme #write p {
    line-height: inherit
}

.dark-theme #write h1, .dark-theme #write h2, .dark-theme #write h3, .dark-theme #write h4, .dark-theme #write h5, .dark-theme #write h6 {
    -webkit-column-break-after: avoid;
    break-after: avoid-page;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    orphans: 2;
    border-bottom: none
}

.dark-theme #write p {
    orphans: 4
}

.dark-theme #write h1 {
    font-size: 2rem;
    border-bottom: none
}

.dark-theme #write h2 {
    font-size: 1.8rem
}

.dark-theme #write h3 {
    font-size: 1.6rem
}

.dark-theme #write h4 {
    font-size: 1.4rem
}

.dark-theme #write h5 {
    font-size: 1.2rem
}

.dark-theme #write h6 {
    font-size: 1rem
}

.dark-theme #write .md-math-block, .dark-theme #write .md-rawblock, .dark-theme #write h1, .dark-theme #write h2, .dark-theme #write h3, .dark-theme #write h4, .dark-theme #write h5, .dark-theme #write h6, .dark-theme #write p {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.dark-theme #write .hidden {
    display: none
}

.dark-theme #write .md-blockmeta {
    color: #ccc;
    font-weight: 700;
    font-style: italic
}

.dark-theme #write a {
    cursor: pointer
}

.dark-theme #write sup.md-footnote {
    padding: 2px 4px;
    background-color: rgba(238, 238, 238, 0.7);
    color: #555;
    border-radius: 4px;
    cursor: pointer
}

.dark-theme #write sup.md-footnote a, .dark-theme #write sup.md-footnote a:hover {
    color: inherit;
    text-transform: inherit;
    text-decoration: inherit
}

.dark-theme #write input[type="checkbox"] {
    cursor: pointer;
    width: inherit;
    height: inherit
}

.dark-theme #write figure {
    overflow-x: auto;
    margin: 1.2em 0px;
    max-width: -webkit-calc(100% + 16px);
    max-width: calc(100% + 16px);
    padding: 0px
}

.dark-theme #write figure > table {
    margin: 0px !important
}

.dark-theme #write tr {
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-after: auto;
    break-after: auto
}

.dark-theme #write tr:nth-child(2n) {
    background-color: transparent
}

.dark-theme #write thead {
    display: table-header-group;
    background-color: transparent
}

.dark-theme #write table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
    overflow: auto;
    -webkit-column-break-inside: auto;
    break-inside: auto;
    text-align: left
}

.dark-theme #write table.md-table td {
    min-width: 32px
}

.dark-theme #write .CodeMirror-gutters {
    border-right: 0px;
    background-color: inherit
}

.dark-theme #write .CodeMirror-linenumber {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dark-theme #write .CodeMirror {
    text-align: left
}

.dark-theme #write .CodeMirror-placeholder {
    opacity: 0.3
}

.dark-theme #write .CodeMirror pre {
    padding: 0px 4px
}

.dark-theme #write .CodeMirror-lines {
    padding: 0px
}

.dark-theme #write div.hr:focus {
    cursor: none
}

.dark-theme #write pre {
    white-space: pre-wrap
}

.dark-theme #write .fences-no-line-wrapping pre {
    white-space: pre
}

.dark-theme #write pre.ty-contain-cm {
    white-space: normal
}

.dark-theme #write .CodeMirror-gutters {
    margin-right: 4px
}

.dark-theme #write .md-fences {
    font-size: 0.9rem;
    display: block;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    text-align: left;
    overflow: visible;
    white-space: pre;
    background: inherit;
    position: relative !important;
    border: none
}

.dark-theme #write .md-diagram-panel {
    width: 100%;
    margin-top: 10px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 8px;
    overflow-x: auto
}

.dark-theme #write .md-fences.mock-cm {
    white-space: pre-wrap
}

.dark-theme #write .md-fences.md-fences-with-lineno {
    padding-left: 0px
}

.dark-theme #write .fences-no-line-wrapping .md-fences.mock-cm {
    white-space: pre;
    overflow-x: auto
}

.dark-theme #write .md-fences.mock-cm.md-fences-with-lineno {
    padding-left: 8px
}

.dark-theme #write .CodeMirror-line, .dark-theme #write twitterwidget {
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

.dark-theme #write .footnotes {
    opacity: 0.8;
    font-size: 0.9rem;
    margin-top: 1em;
    margin-bottom: 1em
}

.dark-theme #write .footnotes + .footnotes {
    margin-top: 0px
}

.dark-theme #write .md-reset {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    vertical-align: top;
    background: 0px 0px;
    text-decoration: none;
    text-shadow: none;
    float: none;
    position: static;
    width: auto;
    height: auto;
    white-space: nowrap;
    cursor: inherit;
    -webkit-tap-highlight-color: transparent;
    line-height: normal;
    font-weight: 400;
    text-align: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr
}

.dark-theme #write li div {
    padding-top: 0px
}

.dark-theme #write blockquote {
    margin: 1rem 0px
}

.dark-theme #write li .mathjax-block, .dark-theme #write li p {
    margin: 0.5rem 0px
}

.dark-theme #write li {
    margin: 0px;
    position: relative
}

.dark-theme #write blockquote > :last-child {
    margin-bottom: 0px
}

.dark-theme #write blockquote > :first-child, .dark-theme #write li > :first-child {
    margin-top: 0px
}

.dark-theme #write .footnotes-area {
    color: #888;
    margin-top: 0.714rem;
    padding-bottom: 0.143rem;
    white-space: normal
}

.dark-theme #write .footnote-line {
    white-space: pre-wrap
}

.dark-theme #write .footnote-line {
    margin-top: 0.714em;
    font-size: 0.7em
}

.dark-theme #write a img, .dark-theme #write img a {
    cursor: pointer
}

.dark-theme #write pre.md-meta-block {
    font-size: 0.8rem;
    min-height: 0.8rem;
    white-space: pre-wrap;
    background: #ccc;
    display: block;
    overflow-x: hidden
}

.dark-theme #write p > .md-image:only-child:not(.md-img-error) img, .dark-theme #write p > img:only-child {
    display: block;
    margin: auto
}

.dark-theme #write p > .md-image:only-child {
    display: inline-block;
    width: 100%
}

.dark-theme #write .MathJax_Display {
    margin: 0.8em 0px 0px
}

.dark-theme #write .md-math-block {
    width: 100%
}

.dark-theme #write .md-math-block:not(:empty)::after {
    display: none
}

.dark-theme #write [contenteditable="true"]:active, .dark-theme #write [contenteditable="true"]:focus, .dark-theme #write [contenteditable="false"]:active, .dark-theme #write [contenteditable="false"]:focus {
    outline: 0px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-theme #write .md-task-list-item {
    position: relative;
    list-style-type: none
}

.dark-theme #write .task-list-item.md-task-list-item {
    padding-left: 0px
}

.dark-theme #write .md-task-list-item > input {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: -1.2em;
    margin-top: -webkit-calc(1em - 10px);
    margin-top: calc(1em - 10px);
    border: none
}

.dark-theme #write .math {
    font-size: 1rem
}

.dark-theme #write .md-toc {
    min-height: 3.58rem;
    position: relative;
    font-size: 0.9rem;
    border-radius: 10px
}

.dark-theme #write .md-toc-content {
    position: relative;
    margin-left: 0px
}

.dark-theme #write .md-toc-content::after, .dark-theme #write .md-toc::after {
    display: none
}

.dark-theme #write .md-toc-item {
    display: block;
    color: #4183c4
}

.dark-theme #write .md-toc-item a {
    text-decoration: none
}

.dark-theme #write .md-toc-inner:hover {
    text-decoration: underline
}

.dark-theme #write .md-toc-inner {
    display: inline-block;
    cursor: pointer
}

.dark-theme #write .md-toc-h1 .md-toc-inner {
    margin-left: 0px;
    font-weight: 700
}

.dark-theme #write .md-toc-h2 .md-toc-inner {
    margin-left: 2em
}

.dark-theme #write .md-toc-h3 .md-toc-inner {
    margin-left: 4em
}

.dark-theme #write .md-toc-h4 .md-toc-inner {
    margin-left: 6em
}

.dark-theme #write .md-toc-h5 .md-toc-inner {
    margin-left: 8em
}

.dark-theme #write .md-toc-h6 .md-toc-inner {
    margin-left: 10em
}

.dark-theme #write a.md-toc-inner {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit
}

.dark-theme #write .footnote-line a:not(.reversefootnote) {
    color: inherit
}

.dark-theme #write .md-attr {
    display: none
}

.dark-theme #write .md-fn-count::after {
    content: "."
}

.dark-theme #write code, .dark-theme #write pre, .dark-theme #write samp, .dark-theme #write tt {
    font-family: "Lucida Console", Consolas, "Courier", monospace
}

.dark-theme #write kbd {
    margin: 0px 0.1em;
    padding: 0.1em 0.6em;
    font-size: 0.8em;
    color: #242729;
    background: #fff;
    border: 1px solid #adb3b9;
    border-radius: 3px;
    -webkit-box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, #fff 0px 0px 0px 2px inset;
    box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, #fff 0px 0px 0px 2px inset;
    white-space: nowrap;
    vertical-align: middle
}

.dark-theme #write .md-comment {
    color: #a27f03;
    opacity: 0.8;
    font-family: "Lucida Console", Consolas, "Courier", monospace
}

.dark-theme #write code {
    text-align: left;
    vertical-align: initial;
    border-radius: 0;
    border: none
}

.dark-theme #write a.md-print-anchor {
    white-space: pre !important;
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    display: inline-block !important;
    position: absolute !important;
    width: 1px !important;
    right: 0px !important;
    outline: 0px !important;
    background: 0px 0px !important;
    text-decoration: initial !important;
    text-shadow: initial !important
}

.dark-theme #write .md-inline-math .MathJax_SVG .noError {
    display: none !important
}

.dark-theme #write .html-for-mac .inline-math-svg .MathJax_SVG {
    vertical-align: 0.2px
}

.dark-theme #write .md-math-block .MathJax_SVG_Display {
    text-align: center;
    margin: 0px;
    position: relative;
    text-indent: 0px;
    max-width: none;
    max-height: none;
    min-height: 0px;
    min-width: 100%;
    width: auto;
    overflow-y: hidden;
    display: block !important
}

.dark-theme #write .MathJax_SVG_Display, .dark-theme #write .md-inline-math .MathJax_SVG_Display {
    width: auto;
    margin: inherit;
    display: inline-block !important
}

.dark-theme #write .MathJax_SVG .MJX-monospace {
    font-family: "Lucida Console", Consolas, "Courier", monospace
}

.dark-theme #write .MathJax_SVG .MJX-sans-serif {
    font-family: sans-serif
}

.dark-theme #write .MathJax_SVG {
    display: inline;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    zoom: 90%;
    text-indent: 0px;
    text-align: left;
    text-transform: none;
    letter-spacing: normal;
    word-spacing: normal;
    overflow-wrap: normal;
    white-space: nowrap;
    float: none;
    direction: ltr;
    max-width: none;
    max-height: none;
    min-width: 0px;
    min-height: 0px;
    border: 0px;
    padding: 0px;
    margin: 0px
}

.dark-theme #write .MathJax_SVG * {
    -webkit-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    transition: none 0s ease 0s
}

.dark-theme #write .MathJax_SVG_Display svg {
    vertical-align: middle !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important
}

.dark-theme #write .os-windows.monocolor-emoji .md-emoji {
    font-family: "Segoe UI Symbol", sans-serif
}

.dark-theme #write .md-diagram-panel > svg {
    max-width: 100%
}

.dark-theme #write [lang="flow"] svg, .dark-theme #write [lang="mermaid"] svg {
    max-width: 100%;
    height: auto
}

.dark-theme #write [lang="mermaid"] .node text {
    font-size: 1rem
}

.dark-theme #write table tr th {
    border-bottom: 0px
}

.dark-theme #write video {
    max-width: 100%;
    display: block;
    margin: 0px auto
}

.dark-theme #write iframe {
    max-width: 100%;
    width: 100%;
    border: none
}

.dark-theme #write .highlight td, .dark-theme #write .highlight tr {
    border: 0px
}

.dark-theme #write svg[id^="mermaidChart"] {
    line-height: 1em
}

.dark-theme #write mark {
    background: #ff0;
    color: #000
}

.dark-theme #write .md-html-inline .md-plain, .dark-theme #write .md-html-inline strong, .dark-theme #write mark .md-inline-math, .dark-theme #write mark strong {
    color: inherit
}

.dark-theme #write mark .md-meta {
    color: #000;
    opacity: 0.3 !important
}

.dark-theme #write .CodeMirror {
    height: auto
}

.dark-theme #write .CodeMirror.cm-s-inner {
    background: inherit
}

.dark-theme #write .CodeMirror-scroll {
    overflow: auto hidden;
    z-index: 3
}

.dark-theme #write .CodeMirror-gutter-filler, .dark-theme #write .CodeMirror-scrollbar-filler {
    background-color: #fff
}

.dark-theme #write .CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background: inherit;
    white-space: nowrap
}

.dark-theme #write .CodeMirror-linenumber {
    padding: 0px 3px 0px 5px;
    text-align: right;
    color: #999
}

.dark-theme #write .cm-s-inner .cm-keyword {
    color: #708
}

.dark-theme #write .cm-s-inner .cm-atom, .dark-theme #write .cm-s-inner.cm-atom {
    color: #219
}

.dark-theme #write .cm-s-inner .cm-number {
    color: #164
}

.dark-theme #write .cm-s-inner .cm-def {
    color: blue
}

.dark-theme #write .cm-s-inner .cm-variable {
    color: #000
}

.dark-theme #write .cm-s-inner .cm-variable-2 {
    color: #05a
}

.dark-theme #write .cm-s-inner .cm-variable-3 {
    color: #085
}

.dark-theme #write .cm-s-inner .cm-string {
    color: #a11
}

.dark-theme #write .cm-s-inner .cm-property {
    color: #000
}

.dark-theme #write .cm-s-inner .cm-operator {
    color: #981a1a
}

.dark-theme #write .cm-s-inner .cm-comment, .dark-theme #write .cm-s-inner.cm-comment {
    color: #a50
}

.dark-theme #write .cm-s-inner .cm-string-2 {
    color: #f50
}

.dark-theme #write .cm-s-inner .cm-meta {
    color: #555
}

.dark-theme #write .cm-s-inner .cm-qualifier {
    color: #555
}

.dark-theme #write .cm-s-inner .cm-builtin {
    color: #30a
}

.dark-theme #write .cm-s-inner .cm-bracket {
    color: #997
}

.dark-theme #write .cm-s-inner .cm-tag {
    color: #170
}

.dark-theme #write .cm-s-inner .cm-attribute {
    color: #00c
}

.dark-theme #write .cm-s-inner .cm-header, .dark-theme #write .cm-s-inner.cm-header {
    color: blue
}

.dark-theme #write .cm-s-inner .cm-quote, .dark-theme #write .cm-s-inner.cm-quote {
    color: #090
}

.dark-theme #write .cm-s-inner .cm-hr, .dark-theme #write .cm-s-inner.cm-hr {
    color: #999
}

.dark-theme #write .cm-s-inner .cm-link, .dark-theme #write .cm-s-inner.cm-link {
    color: #00c
}

.dark-theme #write .cm-negative {
    color: #d44
}

.dark-theme #write .cm-positive {
    color: #292
}

.dark-theme #write .cm-header, .dark-theme #write .cm-strong {
    font-weight: 700
}

.dark-theme #write .cm-del {
    text-decoration: line-through
}

.dark-theme #write .cm-em {
    font-style: italic
}

.dark-theme #write .cm-link {
    text-decoration: underline
}

.dark-theme #write .cm-error {
    color: red
}

.dark-theme #write .cm-invalidchar {
    color: red
}

.dark-theme #write .cm-constant {
    color: #268bd2
}

.dark-theme #write .cm-defined {
    color: #b58900
}

.dark-theme #write div.CodeMirror span.CodeMirror-matchingbracket {
    color: lime
}

.dark-theme #write div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22
}

.dark-theme #write .cm-s-inner .CodeMirror-activeline-background {
    background: inherit
}

.dark-theme #write .CodeMirror {
    position: relative;
    overflow: hidden
}

.dark-theme #write .CodeMirror-scroll {
    height: 100%;
    outline: 0px;
    position: relative;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: inherit
}

.dark-theme #write .CodeMirror-sizer {
    position: relative
}

.dark-theme #write .CodeMirror-gutter-filler, .dark-theme #write .CodeMirror-hscrollbar, .dark-theme #write .CodeMirror-scrollbar-filler, .dark-theme #write .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none
}

.dark-theme #write .CodeMirror-vscrollbar {
    right: 0px;
    top: 0px;
    overflow: hidden
}

.dark-theme #write .CodeMirror-hscrollbar {
    bottom: 0px;
    left: 0px;
    overflow: hidden
}

.dark-theme #write .CodeMirror-scrollbar-filler {
    right: 0px;
    bottom: 0px
}

.dark-theme #write .CodeMirror-gutter-filler {
    left: 0px;
    bottom: 0px
}

.dark-theme #write .CodeMirror-gutters {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-bottom: 30px;
    z-index: 3
}

.dark-theme #write .CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 30px;
    margin-bottom: -32px;
    display: inline-block
}

.dark-theme #write .CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    background: 0px 0px !important;
    border: none !important
}

.dark-theme #write .CodeMirror-gutter-background {
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 4
}

.dark-theme #write .CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4
}

.dark-theme #write .CodeMirror-lines {
    cursor: text
}

.dark-theme #write .CodeMirror pre {
    border-radius: 0px;
    border-width: 0px;
    background: 0px 0px;
    font-family: inherit;
    font-size: inherit;
    margin: 0px;
    white-space: pre;
    overflow-wrap: normal;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible
}

.dark-theme #write .CodeMirror-wrap pre {
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal
}

.dark-theme #write .CodeMirror-code pre {
    border-right: 30px solid transparent;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.dark-theme #write .CodeMirror-wrap .CodeMirror-code pre {
    border-right: none;
    width: auto
}

.dark-theme #write .CodeMirror-linebackground {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 0
}

.dark-theme #write .CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto
}

.dark-theme #write .CodeMirror-wrap .CodeMirror-scroll {
    overflow-x: hidden
}

.dark-theme #write .CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0px;
    overflow: hidden;
    visibility: hidden
}

.dark-theme #write .CodeMirror-measure pre {
    position: static
}

.dark-theme #write .CodeMirror div.CodeMirror-cursor {
    position: absolute;
    visibility: hidden;
    border-right: none;
    width: 0px
}

.dark-theme #write .CodeMirror div.CodeMirror-cursor {
    visibility: hidden
}

.dark-theme #write .CodeMirror-focused div.CodeMirror-cursor {
    visibility: inherit
}

.dark-theme #write .cm-searching {
    background: rgba(255, 255, 0, 0.4)
}

.dark-theme #write .label {
    color: #333
}

.dark-theme #write .label text {
    fill: #333
}

.dark-theme #write .node rect, .dark-theme #write .node circle, .dark-theme #write .node ellipse, .dark-theme #write .node polygon {
    fill: #BDD5EA;
    stroke: #9370DB;
    stroke-width: 1px
}

.dark-theme #write .node .label {
    text-align: center
}

.dark-theme #write .node.clickable {
    cursor: pointer
}

.dark-theme #write .arrowheadPath {
    fill: lightgrey
}

.dark-theme #write .edgePath .path {
    stroke: lightgrey;
    stroke-width: 1.5px
}

.dark-theme #write .edgeLabel {
    background-color: #e8e8e8;
    text-align: center
}

.dark-theme #write .cluster rect {
    fill: #6D6D65;
    stroke: rgba(255, 255, 255, 0.25);
    stroke-width: 1px
}

.dark-theme #write .cluster text {
    fill: #F9FFFE
}

.dark-theme #write div.mermaidTooltip {
    position: absolute;
    text-align: center;
    max-width: 200px;
    padding: 2px;
    font-size: 12px;
    background: #6D6D65;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 2px;
    pointer-events: none;
    z-index: 100
}

.dark-theme #write .actor {
    stroke: #81B1DB;
    fill: #BDD5EA
}

.dark-theme #write text.actor {
    fill: black;
    stroke: none
}

.dark-theme #write .actor-line {
    stroke: lightgrey
}

.dark-theme #write .messageLine0 {
    stroke-width: 1.5;
    stroke-dasharray: '2,2';
    stroke: lightgrey
}

.dark-theme #write .messageLine1 {
    stroke-width: 1.5;
    stroke-dasharray: '2,2';
    stroke: lightgrey
}

.dark-theme #write #arrowhead {
    fill: lightgrey
}

.dark-theme #write .sequenceNumber {
    fill: white
}

.dark-theme #write #sequencenumber {
    fill: lightgrey
}

.dark-theme #write #crosshead path {
    fill: lightgrey !important;
    stroke: lightgrey !important
}

.dark-theme #write .messageText {
    fill: lightgrey;
    stroke: none
}

.dark-theme #write .labelBox {
    stroke: #81B1DB;
    fill: #BDD5EA
}

.dark-theme #write .labelText {
    fill: #323D47;
    stroke: none
}

.dark-theme #write .loopText {
    fill: lightgrey;
    stroke: none
}

.dark-theme #write .loopLine {
    stroke-width: 2;
    stroke-dasharray: '2,2';
    stroke: #81B1DB
}

.dark-theme #write .note {
    stroke: rgba(255, 255, 255, 0.25);
    fill: #fff5ad
}

.dark-theme #write .noteText {
    fill: black;
    stroke: none;
    font-size: 14px
}

.dark-theme #write .activation0 {
    fill: #f4f4f4;
    stroke: #666
}

.dark-theme #write .activation1 {
    fill: #f4f4f4;
    stroke: #666
}

.dark-theme #write .activation2 {
    fill: #f4f4f4;
    stroke: #666
}

.dark-theme #write .section {
    stroke: none;
    opacity: 0.2
}

.dark-theme #write .section0 {
    fill: rgba(255, 255, 255, 0.3)
}

.dark-theme #write .section2 {
    fill: #EAE8B9
}

.dark-theme #write .section1, .dark-theme #write .section3 {
    fill: white;
    opacity: 0.2
}

.dark-theme #write .sectionTitle0 {
    fill: #F9FFFE
}

.dark-theme #write .sectionTitle1 {
    fill: #F9FFFE
}

.dark-theme #write .sectionTitle2 {
    fill: #F9FFFE
}

.dark-theme #write .sectionTitle3 {
    fill: #F9FFFE
}

.dark-theme #write .sectionTitle {
    text-anchor: start;
    font-size: 11px;
    text-height: 14px
}

.dark-theme #write .grid .tick {
    stroke: lightgrey;
    opacity: 0.3;
    shape-rendering: crispEdges
}

.dark-theme #write .grid path {
    stroke-width: 0
}

.dark-theme #write .today {
    fill: none;
    stroke: #DB5757;
    stroke-width: 2px
}

.dark-theme #write .task {
    stroke-width: 2
}

.dark-theme #write .taskText {
    text-anchor: middle
}

.dark-theme #write .taskText:not([font-size]) {
    font-size: 11px
}

.dark-theme #write .taskTextOutsideRight {
    fill: #323D47;
    text-anchor: start;
    font-size: 11px
}

.dark-theme #write .taskTextOutsideLeft {
    fill: #323D47;
    text-anchor: end;
    font-size: 11px
}

.dark-theme #write .task.clickable {
    cursor: pointer
}

.dark-theme #write .taskText.clickable {
    cursor: pointer;
    fill: #003163 !important;
    font-weight: bold
}

.dark-theme #write .taskTextOutsideLeft.clickable {
    cursor: pointer;
    fill: #003163 !important;
    font-weight: bold
}

.dark-theme #write .taskTextOutsideRight.clickable {
    cursor: pointer;
    fill: #003163 !important;
    font-weight: bold
}

.dark-theme #write .taskText0, .dark-theme #write .taskText1, .dark-theme #write .taskText2, .dark-theme #write .taskText3 {
    fill: #323D47
}

.dark-theme #write .task0, .dark-theme #write .task1, .dark-theme #write .task2, .dark-theme #write .task3 {
    fill: #BDD5EA;
    stroke: rgba(255, 255, 255, 0.5)
}

.dark-theme #write .taskTextOutside0, .dark-theme #write .taskTextOutside2 {
    fill: lightgrey
}

.dark-theme #write .taskTextOutside1, .dark-theme #write .taskTextOutside3 {
    fill: lightgrey
}

.dark-theme #write .active0, .dark-theme #write .active1, .dark-theme #write .active2, .dark-theme #write .active3 {
    fill: #81B1DB;
    stroke: rgba(255, 255, 255, 0.5)
}

.dark-theme #write .activeText0, .dark-theme #write .activeText1, .dark-theme #write .activeText2, .dark-theme #write .activeText3 {
    fill: #323D47 !important
}

.dark-theme #write .done0, .dark-theme #write .done1, .dark-theme #write .done2, .dark-theme #write .done3 {
    stroke: grey;
    fill: lightgrey;
    stroke-width: 2
}

.dark-theme #write .doneText0, .dark-theme #write .doneText1, .dark-theme #write .doneText2, .dark-theme #write .doneText3 {
    fill: #323D47 !important
}

.dark-theme #write .crit0, .dark-theme #write .crit1, .dark-theme #write .crit2, .dark-theme #write .crit3 {
    stroke: #E83737;
    fill: #E83737;
    stroke-width: 2
}

.dark-theme #write .activeCrit0, .dark-theme #write .activeCrit1, .dark-theme #write .activeCrit2, .dark-theme #write .activeCrit3 {
    stroke: #E83737;
    fill: #81B1DB;
    stroke-width: 2
}

.dark-theme #write .doneCrit0, .dark-theme #write .doneCrit1, .dark-theme #write .doneCrit2, .dark-theme #write .doneCrit3 {
    stroke: #E83737;
    fill: lightgrey;
    stroke-width: 2;
    cursor: pointer;
    shape-rendering: crispEdges
}

.dark-theme #write .milestone {
    -webkit-transform: rotate(45deg) scale(0.8, 0.8);
    -ms-transform: rotate(45deg) scale(0.8, 0.8);
    transform: rotate(45deg) scale(0.8, 0.8)
}

.dark-theme #write .milestoneText {
    font-style: italic
}

.dark-theme #write .doneCritText0, .dark-theme #write .doneCritText1, .dark-theme #write .doneCritText2, .dark-theme #write .doneCritText3 {
    fill: #323D47 !important
}

.dark-theme #write .activeCritText0, .dark-theme #write .activeCritText1, .dark-theme #write .activeCritText2, .dark-theme #write .activeCritText3 {
    fill: #323D47 !important
}

.dark-theme #write .titleText {
    text-anchor: middle;
    font-size: 18px;
    fill: #323D47
}

.dark-theme #write g.classGroup text {
    fill: #9370DB;
    stroke: none;
    font-size: 10px
}

.dark-theme #write g.classGroup text .title {
    font-weight: bolder
}

.dark-theme #write g.classGroup rect {
    fill: #BDD5EA;
    stroke: #9370DB
}

.dark-theme #write g.classGroup line {
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write .classLabel .box {
    stroke: none;
    stroke-width: 0;
    fill: #BDD5EA;
    opacity: 0.5
}

.dark-theme #write .classLabel .label {
    fill: #9370DB;
    font-size: 10px
}

.dark-theme #write .relation {
    stroke: #9370DB;
    stroke-width: 1;
    fill: none
}

.dark-theme #write #compositionStart {
    fill: #9370DB;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write #compositionEnd {
    fill: #9370DB;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write #aggregationStart {
    fill: #BDD5EA;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write #aggregationEnd {
    fill: #BDD5EA;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write #dependencyStart {
    fill: #9370DB;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write #dependencyEnd {
    fill: #9370DB;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write #extensionStart {
    fill: #9370DB;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write #extensionEnd {
    fill: #9370DB;
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write .commit-id, .dark-theme #write .commit-msg, .dark-theme #write .branch-label {
    fill: lightgrey;
    color: lightgrey
}

.dark-theme #write .pieTitleText {
    text-anchor: middle;
    font-size: 25px;
    fill: #eee
}

.dark-theme #write g.stateGroup text {
    fill: #eee;
    stroke: none;
    font-size: 10px
}

.dark-theme #write g.stateGroup circle {
    fill: white !important;
    stroke: white !important
}

.dark-theme #write g.stateGroup .state-title {
    font-weight: bolder;
    fill: black
}

.dark-theme #write g.stateGroup rect {
    fill: #ececff;
    stroke: #9370DB
}

.dark-theme #write g.stateGroup line {
    stroke: #9370DB;
    stroke-width: 1
}

.dark-theme #write .transition {
    stroke: #9370DB;
    stroke-width: 1;
    fill: none
}

.dark-theme #write .stateGroup .composit {
    fill: #555;
    border-bottom: 1px
}

.dark-theme #write .state-note {
    stroke: rgba(255, 255, 255, 0.25);
    fill: #fff5ad
}

.dark-theme #write .state-note text {
    fill: black;
    stroke: none;
    font-size: 10px
}

.dark-theme #write .stateLabel .box {
    stroke: none;
    stroke-width: 0;
    fill: #BDD5EA;
    opacity: 0.5
}

.dark-theme #write .stateLabel text {
    fill: black;
    font-size: 10px;
    font-weight: bold
}

.dark-theme #write .cm-s-inner .cm-variable, .dark-theme #write .cm-s-inner .cm-operator, .dark-theme #write .cm-s-inner .cm-property {
    color: #b8bfc6
}

.dark-theme #write .cm-s-inner .cm-keyword {
    color: #C88FD0
}

.dark-theme #write .cm-s-inner .cm-tag {
    color: #7DF46A
}

.dark-theme #write .cm-s-inner .cm-attribute {
    color: #7575E4
}

.dark-theme #write .CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid #b8bfc6;
    z-index: 3
}

.dark-theme #write .cm-s-inner .cm-string {
    color: #D26B6B
}

.dark-theme #write .cm-s-inner .cm-comment, .dark-theme #write .cm-s-inner.cm-comment {
    color: #DA924A
}

.dark-theme #write .cm-s-inner .cm-header, .dark-theme #write .cm-s-inner .cm-def, .dark-theme #write .cm-s-inner.cm-header, .dark-theme #write .cm-s-inner.cm-def {
    color: #8d8df0
}

.dark-theme #write .cm-s-inner .cm-quote, .dark-theme #write .cm-s-inner.cm-quote {
    color: #57ac57
}

.dark-theme #write .cm-s-inner .cm-hr {
    color: #d8d5d5
}

.dark-theme #write .cm-s-inner .cm-link {
    color: #d3d3ef
}

.dark-theme #write .cm-s-inner .cm-negative {
    color: #d95050
}

.dark-theme #write .cm-s-inner .cm-positive {
    color: #50e650
}

.dark-theme #write .cm-s-inner .cm-string-2 {
    color: #f50
}

.dark-theme #write .cm-s-inner .cm-meta, .dark-theme #write .cm-s-inner .cm-qualifier {
    color: #b7b3b3
}

.dark-theme #write .cm-s-inner .cm-builtin {
    color: #f3b3f8
}

.dark-theme #write .cm-s-inner .cm-bracket {
    color: #997
}

.dark-theme #write .cm-s-inner .cm-atom, .dark-theme #write .cm-s-inner.cm-atom {
    color: #84B6CB
}

.dark-theme #write .cm-s-inner .cm-number {
    color: #64AB8F
}

.dark-theme #write .cm-s-inner .cm-variable {
    color: #b8bfc6
}

.dark-theme #write .cm-s-inner .cm-variable-2 {
    color: #9FBAD5
}

.dark-theme #write .cm-s-inner .cm-variable-3 {
    color: #1cc685
}

.dark-theme #write .CodeMirror-selectedtext, .dark-theme #write .CodeMirror-selected {
    background: #4a89dc;
    color: #fff !important;
    text-shadow: none
}

.dark-theme #write .CodeMirror-gutters {
    border-right: none
}

.dark-theme #write .cm-s-typora-default .cm-header, .dark-theme #write .cm-s-typora-default .cm-property {
    color: #cebcca
}

.dark-theme #write .CodeMirror.cm-s-typora-default div.CodeMirror-cursor {
    border-left: 3px solid #b8bfc6
}

.dark-theme #write .cm-s-typora-default .cm-comment {
    color: #9FB1FF
}

.dark-theme #write .cm-s-typora-default .cm-string {
    color: #A7A7D9
}

.dark-theme #write .cm-s-typora-default .cm-atom, .dark-theme #write .cm-s-typora-default .cm-number {
    color: #848695;
    font-style: italic
}

.dark-theme #write .cm-s-typora-default .cm-link {
    color: #95B94B
}

.dark-theme #write .cm-s-typora-default .CodeMirror-activeline-background {
    background: rgba(51, 51, 51, 0.72)
}

.dark-theme #write .cm-s-typora-default .cm-comment, .dark-theme #write .cm-s-typora-default .cm-code {
    color: #8aa1e1
}

.dark-theme #write html {
    font-size: 16px
}

.dark-theme #write html, .dark-theme #write body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #363B40;
    background: #363B40;
    fill: currentColor;
    line-height: 1.625rem
}

.dark-theme #write button, .dark-theme #write input, .dark-theme #write select, .dark-theme #write textarea, .dark-theme #write div.code-tooltip-content {
    color: #b8bfc6;
    border-color: transparent
}

.dark-theme #write div.code-tooltip, .dark-theme #write .md-hover-tip .md-arrow:after {
    background: #333
}

.dark-theme #write .popover.bottom > .arrow:after {
    border-bottom-color: #333
}

.dark-theme #write button, .dark-theme #write input, .dark-theme #write select, .dark-theme #write textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

.dark-theme #write hr {
    height: 2px;
    border: 0;
    margin: 24px 0 !important
}

.dark-theme #write h1, .dark-theme #write h2, .dark-theme #write h3, .dark-theme #write h4, .dark-theme #write h5, .dark-theme #write h6 {
    font-family: "Lucida Grande", "Corbel", sans-serif;
    font-weight: normal;
    clear: both;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    color: #DEDEDE
}

.dark-theme #write h1 {
    font-size: 2.5rem;
    line-height: 2.75rem;
    margin-bottom: 1.5rem;
    letter-spacing: -1.5px
}

.dark-theme #write h2 {
    font-size: 1.63rem;
    line-height: 1.875rem;
    margin-bottom: 1.5rem;
    letter-spacing: -1px;
    font-weight: bold
}

.dark-theme #write h3 {
    font-size: 1.17rem;
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
    letter-spacing: -1px;
    font-weight: bold
}

.dark-theme #write h4 {
    font-size: 1.12rem;
    line-height: 1.375rem;
    margin-bottom: 1.5rem;
    color: white
}

.dark-theme #write h5 {
    font-size: 0.97rem;
    line-height: 1.25rem;
    margin-bottom: 1.5rem;
    font-weight: bold
}

.dark-theme #write h6 {
    font-size: 0.93rem;
    line-height: 1rem;
    margin-bottom: 0.75rem;
    color: white
}

.dark-theme #write a {
    text-decoration: none;
    outline: 0
}

.dark-theme #write a:hover {
    outline: 0
}

.dark-theme #write a:focus {
    outline: thin dotted
}

.dark-theme #write sup.md-footnote {
    background-color: #555;
    color: #ddd
}

.dark-theme #write p {
    -ms-word-wrap: break-word;
    word-wrap: break-word
}

.dark-theme #write p, .dark-theme #write ul, .dark-theme #write dd, .dark-theme #write ol, .dark-theme #write hr, .dark-theme #write address, .dark-theme #write pre, .dark-theme #write table, .dark-theme #write iframe, .dark-theme #write .wp-caption, .dark-theme #write .wp-audio-shortcode, .dark-theme #write .wp-video-shortcode {
    margin-top: 0;
    margin-bottom: 1.5rem
}

.dark-theme #write li > blockquote {
    margin-bottom: 0
}

.dark-theme #write audio:not([controls]) {
    display: none
}

.dark-theme #write [hidden] {
    display: none
}

.dark-theme #write ::-moz-selection {
    background: #4a89dc;
    color: #fff;
    text-shadow: none
}

.dark-theme #write *.in-text-selection, .dark-theme #write ::-moz-selection {
    background: #4a89dc;
    color: #fff;
    text-shadow: none
}

.dark-theme #write *.in-text-selection, .dark-theme #write ::selection {
    background: #4a89dc;
    color: #fff;
    text-shadow: none
}

.dark-theme #write ul, .dark-theme #write ol {
    padding: 0 0 0 1.875rem
}

.dark-theme #write ul {
    list-style: square
}

.dark-theme #write ol {
    list-style: decimal
}

.dark-theme #write ul ul, .dark-theme #write ol ol, .dark-theme #write ul ol, .dark-theme #write ol ul {
    margin: 0
}

.dark-theme #write b, .dark-theme #write th, .dark-theme #write dt, .dark-theme #write strong {
    font-weight: bold
}

.dark-theme #write i, .dark-theme #write em, .dark-theme #write dfn, .dark-theme #write cite {
    font-style: italic
}

.dark-theme #write blockquote {
    padding-left: 1.875rem;
    margin: 0 0 1.875rem 1.875rem;
    border-left: solid 2px #474d54;
    padding-left: 30px;
    margin-top: 35px
}

.dark-theme #write pre, .dark-theme #write code, .dark-theme #write kbd, .dark-theme #write tt, .dark-theme #write var {
    font-size: 0.875rem;
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

.dark-theme #write code, .dark-theme #write tt, .dark-theme #write var {
    background: rgba(0, 0, 0, 0.05)
}

.dark-theme #write kbd {
    padding: 2px 4px;
    font-size: 90%;
    color: #fff;
    background-color: #333;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.dark-theme #write pre.md-fences {
    padding: 10px 10px 10px 30px;
    margin-bottom: 20px;
    background: #333
}

.dark-theme #write .CodeMirror-gutters {
    background: #333;
    border-right: 1px solid transparent
}

.dark-theme #write .enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip, .dark-theme #write .enable-diagrams pre.md-fences[lang="flow"] .code-tooltip, .dark-theme #write .enable-diagrams pre.md-fences[lang="mermaid"] .code-tooltip {
    bottom: -2.2em;
    right: 4px
}

.dark-theme #write code, .dark-theme #write kbd, .dark-theme #write tt, .dark-theme #write var {
    padding: 2px 5px
}

.dark-theme #write table {
    max-width: 100%;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

.dark-theme #write th, .dark-theme #write td {
    padding: 5px 10px;
    vertical-align: top
}

.dark-theme #write a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.dark-theme #write hr {
    background: #474d54
}

.dark-theme #write a {
    color: #e0e0e0;
    text-decoration: underline
}

.dark-theme #write a:hover {
    color: #fff
}

.dark-theme #write .md-inline-math script {
    color: #81b1db
}

.dark-theme #write b, .dark-theme #write th, .dark-theme #write dt, .dark-theme #write strong {
    color: #DEDEDE
}

.dark-theme #write mark {
    background: #D3D40E
}

.dark-theme #write blockquote {
    color: #9DA2A6
}

.dark-theme #write table a {
    color: #DEDEDE
}

.dark-theme #write th, .dark-theme #write td {
    border: solid 1px #474d54
}

.dark-theme #write .task-list {
    padding-left: 0
}

.dark-theme #write .md-task-list-item {
    padding-left: 1.25rem
}

.dark-theme #write .md-task-list-item > input {
    top: auto
}

.dark-theme #write .md-task-list-item > input:before {
    content: "";
    display: inline-block;
    width: 0.875rem;
    height: 0.875rem;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #b8bfc6;
    background-color: #363B40;
    margin-top: -0.4rem
}

.dark-theme #write .md-task-list-item > input:checked:before, .dark-theme #write .md-task-list-item > input[checked]:before {
    content: '\221A';
    font-size: 0.625rem;
    line-height: 0.625rem;
    color: #DEDEDE
}

.dark-theme #write .auto-suggest-container {
    border: 0px;
    background-color: #525C65
}

.dark-theme #write #typora-quick-open {
    background-color: #525C65
}

.dark-theme #write #typora-quick-open input {
    background-color: #525C65;
    border: 0;
    border-bottom: 1px solid grey
}

.dark-theme #write .typora-quick-open-item {
    background-color: inherit;
    color: inherit
}

.dark-theme #write .typora-quick-open-item.active, .dark-theme #write .typora-quick-open-item:hover {
    background-color: #4D8BDB;
    color: white
}

.dark-theme #write .typora-quick-open-item:hover {
    background-color: rgba(77, 139, 219, 0.8)
}

.dark-theme #write .typora-search-spinner > div {
    background-color: #fff
}

.dark-theme #write pre.md-meta-block {
    border-bottom: 1px dashed #ccc;
    background: transparent;
    padding-bottom: 0.6em;
    line-height: 1.6em
}

.dark-theme #write .btn, .dark-theme #write .btn .btn-default {
    background: transparent;
    color: #b8bfc6
}

.dark-theme #write .ty-table-edit {
    border-top: 1px solid gray;
    background-color: #363B40
}

.dark-theme #write .popover-title {
    background: transparent
}

.dark-theme #write .md-image > .md-meta {
    color: #BBBBBB;
    background: transparent
}

.dark-theme #write .md-expand.md-image > .md-meta {
    color: #DDD
}

.dark-theme #write > h3:before, .dark-theme #write > h4:before, .dark-theme #write > h5:before, .dark-theme #write > h6:before {
    border: none;
    border-radius: 0px;
    color: #888;
    text-decoration: underline;
    left: -1.4rem;
    top: 0.2rem
}

.dark-theme #write > h3.md-focus:before {
    top: 2px
}

.dark-theme #write > h4.md-focus:before {
    top: 2px
}

.dark-theme #write .md-toc-item {
    color: #A8C2DC
}

.dark-theme #write div.md-toc-tooltip {
    background-color: #363B40
}

.dark-theme #write .dropdown-menu .btn:hover, .dark-theme #write .dropdown-menu .btn:focus, .dark-theme #write .md-toc .btn:hover, .dark-theme #write .md-toc .btn:focus {
    color: white;
    background: black
}

.dark-theme #write #toc-dropmenu {
    background: rgba(50, 54, 59, 0.93);
    border: 1px solid rgba(253, 253, 253, 0.15)
}

.dark-theme #write #toc-dropmenu .divider {
    background-color: #9b9b9b
}

.dark-theme #write .outline-expander:before {
    top: 2px
}

.dark-theme #write #typora-sidebar {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-right: 1px dashed;
    border-right: none
}

.dark-theme #write .sidebar-tabs {
    border-bottom: 0
}

.dark-theme #write #typora-sidebar:hover .outline-title-wrapper {
    border-left: 1px dashed
}

.dark-theme #write .outline-title-wrapper .btn {
    color: inherit
}

.dark-theme #write .outline-item:hover {
    border-color: #363B40;
    background-color: #363B40;
    color: white
}

.dark-theme #write h1.md-focus .md-attr, .dark-theme #write h2.md-focus .md-attr, .dark-theme #write h3.md-focus .md-attr, .dark-theme #write h4.md-focus .md-attr, .dark-theme #write h5.md-focus .md-attr, .dark-theme #write h6.md-focus .md-attr, .dark-theme #write .md-header-span .md-attr {
    color: #8C8E92;
    display: inline
}

.dark-theme #write .md-comment {
    color: #5a95e3;
    opacity: 1
}

.dark-theme #write .md-inline-math svg {
    color: #b8bfc6
}

.dark-theme #write #math-inline-preview .md-arrow:after {
    background: black
}

.dark-theme #write .modal-content {
    background: #363B40;
    border: 0
}

.dark-theme #write .modal-title {
    font-size: 1.5em
}

.dark-theme #write .modal-content input {
    background-color: rgba(26, 21, 21, 0.51);
    color: white
}

.dark-theme #write .modal-content .input-group-addon {
    color: white
}

.dark-theme #write .modal-backdrop {
    background-color: rgba(174, 174, 174, 0.7)
}

.dark-theme #write .modal-content .btn-primary {
    border-color: #6dc1e7
}

.dark-theme #write .md-table-resize-popover {
    background-color: #333
}

.dark-theme #write .form-inline .input-group .input-group-addon {
    color: white
}

.dark-theme #write #md-searchpanel {
    border-bottom: 1px dashed grey
}

.dark-theme #write .context-menu, .dark-theme #write #spell-check-panel, .dark-theme #write #footer-word-count-info {
    background-color: #42464A
}

.dark-theme #write .context-menu.dropdown-menu .divider, .dark-theme #write .dropdown-menu .divider {
    background-color: #777777
}

.dark-theme #write footer {
    color: inherit
}

.dark-theme #write #file-info-file-path .file-info-field-value:hover {
    background-color: #555;
    color: #dedede
}

.dark-theme #write .megamenu-content, .dark-theme #write .megamenu-opened header {
    background: #363B40
}

.dark-theme #write .megamenu-menu-panel h2, .dark-theme #write .megamenu-menu-panel h1, .dark-theme #write .long-btn {
    color: inherit
}

.dark-theme #write .megamenu-menu-panel input[type='text'] {
    background: inherit;
    border: 0;
    border-bottom: 1px solid
}

.dark-theme #write #recent-file-panel-action-btn {
    background: inherit;
    border: 1px grey solid
}

.dark-theme #write .megamenu-menu-panel .dropdown-menu > li > a {
    color: inherit;
    background-color: #2F353A;
    text-decoration: none
}

.dark-theme #write .megamenu-menu-panel table td:nth-child(1) {
    color: inherit;
    font-weight: bold
}

.dark-theme #write .megamenu-menu-panel tbody tr:hover td:nth-child(1) {
    color: white
}

.dark-theme #write .modal-footer .btn-default, .dark-theme #write .modal-footer .btn-primary, .dark-theme #write .modal-footer .btn-default:not(:hover) {
    border: 1px solid;
    border-color: transparent
}

.dark-theme #write .btn-default:hover, .dark-theme #write .btn-default:focus, .dark-theme #write .btn-default.focus, .dark-theme #write .btn-default:active, .dark-theme #write .btn-default.active, .dark-theme #write .open > .dropdown-toggle.btn-default {
    color: white;
    border: 1px solid #ddd;
    background-color: inherit
}

.dark-theme #write .modal-header {
    border-bottom: 0
}

.dark-theme #write .modal-footer {
    border-top: 0
}

.dark-theme #write #recent-file-panel tbody tr:nth-child(2n-1) {
    background-color: transparent !important
}

.dark-theme #write .megamenu-menu-panel tbody tr:hover td:nth-child(2) {
    color: inherit
}

.dark-theme #write .megamenu-menu-panel .btn {
    border: 1px solid #eee;
    background: transparent
}

.dark-theme #write .mouse-hover .toolbar-icon.btn:hover, .dark-theme #write #w-full.mouse-hover, .dark-theme #write #w-pin.mouse-hover {
    background-color: inherit
}

.dark-theme #write .typora-node::-webkit-scrollbar {
    width: 5px
}

.dark-theme #write .typora-node::-webkit-scrollbar-thumb:vertical {
    background: rgba(250, 250, 250, 0.3)
}

.dark-theme #write .typora-node::-webkit-scrollbar-thumb:vertical:active {
    background: rgba(250, 250, 250, 0.5)
}

.dark-theme #write #w-unpin {
    background-color: #4182c4
}

.dark-theme #write #top-titlebar, .dark-theme #write #top-titlebar * {
    color: #fff
}

.dark-theme #write .typora-sourceview-on #toggle-sourceview-btn, .dark-theme #write #footer-word-count:hover, .dark-theme #write .ty-show-word-count #footer-word-count {
    background: #333333
}

.dark-theme #write #toggle-sourceview-btn:hover {
    color: #eee;
    background: #333333
}

.dark-theme #write .on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * {
    color: #686868 !important
}

.dark-theme #write .on-focus-mode .md-end-block:not(.md-focus) img, .dark-theme #write .on-focus-mode .md-task-list-item:not(.md-focus-container) > input {
    color: #686868 !important
}

.dark-theme #write .on-focus-mode li[cid]:not(.md-focus-container) {
    color: #686868
}

.dark-theme #write .on-focus-mode .md-fences.md-focus .CodeMirror-code > *:not(.CodeMirror-activeline) *, .dark-theme #write .on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * {
    color: #686868 !important
}

.dark-theme #write .on-focus-mode .md-focus, .dark-theme #write .on-focus-mode .md-focus-container {
    color: #fff
}

.dark-theme #write .on-focus-mode #typora-source .CodeMirror-code > *:not(.CodeMirror-activeline) * {
    color: #686868 !important
}

.dark-theme #write .md-focus .md-diagram-panel {
    border: 1px solid #ddd;
    margin-left: -1px;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px)
}

.dark-theme #write .md-focus.md-fences-with-lineno .md-diagram-panel {
    margin-left: auto
}

.dark-theme #write .md-diagram-panel-error {
    color: #f1908e
}

.dark-theme #write .active-tab-files #info-panel-tab-file, .dark-theme #write .active-tab-files #info-panel-tab-file:hover, .dark-theme #write .active-tab-outline #info-panel-tab-outline, .dark-theme #write .active-tab-outline #info-panel-tab-outline:hover {
    color: #eee
}

.dark-theme #write .sidebar-footer-item:hover, .dark-theme #write .footer-item:hover {
    background: inherit;
    color: white
}

.dark-theme #write .ty-side-sort-btn.active, .dark-theme #write .ty-side-sort-btn:hover, .dark-theme #write .selected-folder-menu-item a:after {
    color: white
}

.dark-theme #write #sidebar-files-menu {
    border: solid 1px;
    -webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79);
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79);
    background-color: #363B40
}

.dark-theme #write .file-list-item {
    border-bottom: none
}

.dark-theme #write .file-list-item-summary {
    opacity: 1
}

.dark-theme #write .file-list-item.active:first-child {
    border-top: none
}

.dark-theme #write .file-node-background {
    height: 32px
}

.dark-theme #write .file-library-node.active > .file-node-content, .dark-theme #write .file-list-item.active {
    color: white;
    color: #fff
}

.dark-theme #write .file-library-node.active > .file-node-background {
    background-color: #222;
    background-color: #222
}

.dark-theme #write .file-list-item.active {
    background-color: #222;
    background-color: #222
}

.dark-theme #write #ty-tooltip {
    background-color: black;
    color: #eee
}

.dark-theme #write .md-task-list-item > input {
    margin-left: -1.3em;
    margin-top: 0.3rem;
    -webkit-appearance: none
}

.dark-theme #write .md-mathjax-midline {
    background-color: #57616b;
    border-bottom: none
}

.dark-theme #write footer.ty-footer {
    border-color: #656565
}

.dark-theme #write .ty-preferences .btn-default {
    background: transparent
}

.dark-theme #write .ty-preferences .btn-default:hover {
    background: #57616b
}

.dark-theme #write .ty-preferences select {
    border: 1px solid #989698;
    height: 21px
}

.dark-theme #write .ty-preferences .nav-group-item.active {
    background: #70717d
}

.dark-theme #write .ty-preferences input[type="search"] {
    border-color: #333;
    background: #333;
    line-height: 22px;
    border-radius: 6px;
    color: white
}

.dark-theme #write .ty-preferences input[type="search"]:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dark-theme #write [data-is-directory="true"] .file-node-content {
    margin-bottom: 0
}

.dark-theme #write .file-node-title {
    line-height: 22px
}

.dark-theme #write .html-for-mac .file-node-open-state, .dark-theme #write .html-for-mac .file-node-icon {
    line-height: 26px
}

.dark-theme #write ::-webkit-scrollbar-thumb {
    background: rgba(230, 230, 230, 0.3)
}

.dark-theme #write ::-webkit-scrollbar-thumb:active {
    background: rgba(230, 230, 230, 0.5)
}

.dark-theme #write #typora-sidebar:hover div.sidebar-content-content::-webkit-scrollbar-thumb:horizontal {
    background: rgba(230, 230, 230, 0.3)
}

.dark-theme #write .nav-group-item:active {
    background-color: #474d54
}

.dark-theme #write .md-search-hit {
    background: rgba(199, 140, 60, 0.81);
    color: #eee
}

.dark-theme #write .md-search-hit * {
    color: #eee
}

.dark-theme #write #md-searchpanel input {
    color: white
}

@media screen and (max-width: 500px) {
    .dark-theme body.typora-export {
        padding-left: 0px;
        padding-right: 0px
    }

    .dark-theme .CodeMirror-sizer {
        margin-left: 0px !important
    }

    .dark-theme .CodeMirror-gutters {
        display: none !important
    }
}

@media print {
    .dark-theme body, .dark-theme html {
        border: 1px solid transparent;
        height: 99%;
        -webkit-column-break-after: avoid;
        break-after: avoid;
        -webkit-column-break-before: avoid;
        break-before: avoid
    }

    .dark-theme .typora-export * {
        -webkit-print-color-adjust: exact
    }

    .dark-theme html.blink-to-pdf {
        font-size: 13px
    }

    .dark-theme .typora-export #write {
        padding-left: 32px;
        padding-right: 32px;
        padding-bottom: 0px;
        -webkit-column-break-after: avoid;
        break-after: avoid
    }

    .dark-theme .typora-export #write::after {
        height: 0px
    }
}

@media screen and (max-width: 48em) {
    .dark-theme .md-toc-h3 .md-toc-inner {
        margin-left: 3.5em
    }

    .dark-theme .md-toc-h4 .md-toc-inner {
        margin-left: 5em
    }

    .dark-theme .md-toc-h5 .md-toc-inner {
        margin-left: 6.5em
    }

    .dark-theme .md-toc-h6 .md-toc-inner {
        margin-left: 8em
    }
}

@media print {
    .dark-theme .CodeMirror div.CodeMirror-cursor {
        visibility: hidden
    }
}

@media (max-width: 1000px) {
    .dark-theme footer {
        border-top: none
    }

    .dark-theme footer:hover {
        color: inherit
    }
}

@media (min-width: 980px) {
    .dark-theme h3.md-focus:before, .dark-theme h4.md-focus:before, .dark-theme h5.md-focus:before, .dark-theme h6.md-focus:before {
        color: #ddd;
        border: 1px solid #ddd;
        border-radius: 3px;
        position: absolute;
        left: -1.642857143rem;
        top: .357142857rem;
        float: left;
        font-size: 9px;
        padding-left: 2px;
        padding-right: 2px;
        vertical-align: bottom;
        font-weight: normal;
        line-height: normal
    }

    .dark-theme h3.md-focus:before {
        content: 'h3'
    }

    .dark-theme h4.md-focus:before {
        content: 'h4'
    }

    .dark-theme h5.md-focus:before {
        content: 'h5';
        top: 0px
    }

    .dark-theme h6.md-focus:before {
        content: 'h6';
        top: 0px
    }
}