.clearfix:after, .clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

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

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

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

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    max-width: 100%;
    width: auto;
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img, .google-maps img {
    max-width: none
}

button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle;
    resize: none
}

button, input {
    line-height: normal
}

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

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

    button, input[type=button], input[type=checkbox], input[type=radio], input[type=reset], input[type=submit], label, select {
        cursor: pointer
    }

    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
        }

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

@media print {
    * {
        text-shadow: none !important;
        color: #000 !important;
        background: 0 0 !important;
        box-shadow: none !important
    }

    a[href]:after {
        content: " ("attr(href) ")"
    }

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

    .ir a:after, a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

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

    thead {
        display: table-header-group
    }

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

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

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

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

a {
    text-decoration: none
}

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

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1);
    box-shadow: 0 1px 3px rgba(0,0,0,.1)
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.row {
    margin-left: -20px
}

    .row:after, .row:before {
        display: table;
        content: "";
        line-height: 0
    }

    .row:after {
        clear: both
    }

[class*=span] {
    float: left;
    min-height: 1px;
    margin-left: 20px
}

.container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
    width: 940px
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span10 {
    width: 780px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span7 {
    width: 540px
}

.span6 {
    width: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

.offset12 {
    margin-left: 980px
}

.offset11 {
    margin-left: 900px
}

.offset10 {
    margin-left: 820px
}

.offset9 {
    margin-left: 740px
}

.offset8 {
    margin-left: 660px
}

.offset7 {
    margin-left: 580px
}

.offset6 {
    margin-left: 500px
}

.offset5 {
    margin-left: 420px
}

.offset4 {
    margin-left: 340px
}

.offset3 {
    margin-left: 260px
}

.offset2 {
    margin-left: 180px
}

.offset1 {
    margin-left: 100px
}

.row-fluid {
    width: 100%
}

    .row-fluid:after, .row-fluid:before {
        display: table;
        content: "";
        line-height: 0
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        margin-left: 2.127659574468085%
    }

        .row-fluid [class*=span]:first-child {
            margin-left: 0
        }

    .row-fluid .controls-row [class*=span] + [class*=span] {
        margin-left: 2.127659574468085%
    }

    .row-fluid .span12 {
        width: 100%
    }

    .row-fluid .span11 {
        width: 91.48936170212765%
    }

    .row-fluid .span10 {
        width: 82.97872340425532%
    }

    .row-fluid .span9 {
        width: 74.46808510638297%
    }

    .row-fluid .span8 {
        width: 65.95744680851064%
    }

    .row-fluid .span7 {
        width: 57.44680851063829%
    }

    .row-fluid .span6 {
        width: 48.93617021276595%
    }

    .row-fluid .span5 {
        width: 40.42553191489362%
    }

    .row-fluid .span4 {
        width: 31.914893617021278%
    }

    .row-fluid .span3 {
        width: 23.404255319148934%
    }

    .row-fluid .span2 {
        width: 14.893617021276595%
    }

    .row-fluid .span1 {
        width: 6.382978723404255%
    }

    .row-fluid .offset12 {
        margin-left: 104.25531914893617%
    }

        .row-fluid .offset12:first-child {
            margin-left: 102.12765957446808%
        }

    .row-fluid .offset11 {
        margin-left: 95.74468085106382%
    }

        .row-fluid .offset11:first-child {
            margin-left: 93.61702127659574%
        }

    .row-fluid .offset10 {
        margin-left: 87.23404255319149%
    }

        .row-fluid .offset10:first-child {
            margin-left: 85.1063829787234%
        }

    .row-fluid .offset9 {
        margin-left: 78.72340425531914%
    }

        .row-fluid .offset9:first-child {
            margin-left: 76.59574468085106%
        }

    .row-fluid .offset8 {
        margin-left: 70.2127659574468%
    }

        .row-fluid .offset8:first-child {
            margin-left: 68.08510638297872%
        }

    .row-fluid .offset7 {
        margin-left: 61.70212765957446%
    }

        .row-fluid .offset7:first-child {
            margin-left: 59.574468085106375%
        }

    .row-fluid .offset6 {
        margin-left: 53.191489361702125%
    }

        .row-fluid .offset6:first-child {
            margin-left: 51.063829787234035%
        }

    .row-fluid .offset5 {
        margin-left: 44.68085106382979%
    }

        .row-fluid .offset5:first-child {
            margin-left: 42.5531914893617%
        }

    .row-fluid .offset4 {
        margin-left: 36.170212765957444%
    }

        .row-fluid .offset4:first-child {
            margin-left: 34.04255319148936%
        }

    .row-fluid .offset3 {
        margin-left: 27.659574468085104%
    }

        .row-fluid .offset3:first-child {
            margin-left: 25.53191489361702%
        }

    .row-fluid .offset2 {
        margin-left: 19.148936170212764%
    }

        .row-fluid .offset2:first-child {
            margin-left: 17.02127659574468%
        }

    .row-fluid .offset1 {
        margin-left: 10.638297872340425%
    }

        .row-fluid .offset1:first-child {
            margin-left: 8.51063829787234%
        }

    .row-fluid [class*=span].hide, [class*=span].hide {
        display: none
    }

    .row-fluid [class*=span].pull-right, [class*=span].pull-right {
        float: right
    }

.container {
    margin-right: auto;
    margin-left: auto
}

    .container:after, .container:before {
        display: table;
        content: "";
        line-height: 0
    }

    .container:after {
        clear: both
    }

.container-fluid {
    padding-right: 20px;
    padding-left: 20px
}

    .container-fluid:after, .container-fluid:before {
        display: table;
        content: "";
        line-height: 0
    }

    .container-fluid:after {
        clear: both
    }

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #999
}

a.muted:hover {
    color: grey
}

.text-warning {
    color: #c09853
}

a.text-warning:hover {
    color: #a47e3c
}

.text-error {
    color: #b94a48
}

a.text-error:hover {
    color: #953b39
}

.text-info {
    color: #3a87ad
}

a.text-info:hover {
    color: #2d6987
}

.text-success {
    color: #468847
}

a.text-success:hover {
    color: #356635
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eee
}

ol, ul {
    padding: 0;
    margin: 0 0 10px 25px
}

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

li {
    line-height: 20px
}

ol.unstyled, ul.unstyled {
    margin-left: 0;
    list-style: none
}

ol.inline, ul.inline {
    margin-left: 0;
    list-style: none
}

    ol.inline > li, ul.inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

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

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

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}

    blockquote p {
        margin-bottom: 0;
        font-size: 16px;
        font-weight: 300;
        line-height: 25px
    }

    blockquote small {
        display: block;
        line-height: 20px;
        color: #999
    }

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

    blockquote.pull-right {
        float: right;
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        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: '\00A0 \2014'
            }

    blockquote:after, blockquote:before, q:after, q:before {
        content: ""
    }

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px
}

code, pre {
    padding: 0 3px 2px;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 12px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    white-space: nowrap
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    pre.prettyprint {
        margin-bottom: 20px
    }

    pre code {
        padding: 0;
        color: inherit;
        white-space: pre;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0
    }

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.badge, .label {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: 700;
    line-height: 14px;
    color: #fff;
    vertical-align: baseline;
    white-space: nowrap;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #999
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

    .badge:empty, .label:empty {
        display: none
    }

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

.badge-important, .label-important {
    background-color: #b94a48
}

    .badge-important[href], .label-important[href] {
        background-color: #953b39
    }

.badge-warning, .label-warning {
    background-color: #f89406
}

    .badge-warning[href], .label-warning[href] {
        background-color: #c67605
    }

.badge-success, .label-success {
    background-color: #468847
}

    .badge-success[href], .label-success[href] {
        background-color: #356635
    }

.badge-info, .label-info {
    background-color: #3a87ad
}

    .badge-info[href], .label-info[href] {
        background-color: #2d6987
    }

.badge-inverse, .label-inverse {
    background-color: #333
}

    .badge-inverse[href], .label-inverse[href] {
        background-color: #1a1a1a
    }

.btn .badge, .btn .label {
    position: relative;
    top: -1px
}

.btn-mini .badge, .btn-mini .label {
    top: 0
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table-condensed td, .table-condensed th {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .table-bordered td, .table-bordered th {
        border-left: 1px solid #ddd;
        vertical-align: middle
    }

    .table-bordered caption + tbody tr:first-child td, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + thead tr:first-child th, .table-bordered tbody:first-child tr:first-child td, .table-bordered tbody:first-child tr:first-child th, .table-bordered thead:first-child tr:first-child th {
        border-top: 0
    }

    .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered thead:first-child tr:first-child > th:first-child {
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px
    }

    .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered thead:first-child tr:first-child > th:last-child {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px
    }

    .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered thead:last-child tr:last-child > th:first-child {
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px
    }

    .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered thead:last-child tr:last-child > th:last-child {
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px
    }

    .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0
    }

    .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
        -webkit-border-bottom-right-radius: 0;
        -moz-border-radius-bottomright: 0;
        border-bottom-right-radius: 0
    }

    .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered caption + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child {
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px
    }

    .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered caption + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px
    }

.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: #f5f5f5
}

form {
    margin: 0
}

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

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

    legend small {
        font-size: 15px;
        color: #999
    }

button, input, label, select, textarea {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

button, input, select, textarea {
    font-family: Microsoft Yahei,Arial,sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    display: inline-block;
    height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    vertical-align: middle
}

.uneditable-input, input, textarea {
    width: 208px
}

textarea {
    height: auto
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-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 linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

    .uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        border-color: rgba(82,168,236,.8);
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)
    }

.input_pass {
    -webkit-box-shadow: rgba(0,0,0,.075) 0 5px 5px inset,0 0 8px rgba(144,200,0,.6);
    -moz-box-shadow: rgba(0,0,0,.075) 0 5px 5px inset,0 0 8px rgba(144,200,0,.6);
    box-shadow: rgba(0,0,0,.075) 0 5px 5px inset,0 0 8px rgba(144,200,0,.6)
}

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

input[type=button], input[type=checkbox], input[type=file], input[type=image], input[type=radio], input[type=reset], input[type=submit] {
    width: auto
}

input[type=file], select {
    height: 30px;
    line-height: 30px
}

select {
    width: 220px;
    border: 1px solid #ccc;
    background-color: #fff
}

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

.uneditable-input, .uneditable-textarea {
    color: #999;
    background-color: #fcfcfc;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.025);
    cursor: not-allowed
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #999
}

.checkbox, .radio {
    min-height: 20px;
    padding-left: 20px
}

    .checkbox input[type=checkbox], .radio input[type=radio] {
        float: left;
        margin-left: -20px
    }

.controls > .checkbox:first-child, .controls > .radio:first-child {
    padding-top: 5px
}

.checkbox.inline, .radio.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

    .checkbox.inline + .checkbox.inline, .radio.inline + .radio.inline {
        margin-left: 10px
    }

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

.row-fluid .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span], .uneditable-input[class*=span], input[class*=span], select[class*=span], textarea[class*=span] {
    float: none;
    margin-left: 0
}

.input-append .uneditable-input[class*=span], .input-append input[class*=span], .input-prepend .uneditable-input[class*=span], .input-prepend input[class*=span], .row-fluid .input-append [class*=span], .row-fluid .input-prepend [class*=span], .row-fluid .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span] {
    display: inline-block
}

.uneditable-input, input, textarea {
    margin-left: 0
}

.controls-row [class*=span] + [class*=span] {
    margin-left: 20px
}

.uneditable-input.span12, input.span12, textarea.span12 {
    width: 926px
}

.uneditable-input.span11, input.span11, textarea.span11 {
    width: 846px
}

.uneditable-input.span10, input.span10, textarea.span10 {
    width: 766px
}

.uneditable-input.span9, input.span9, textarea.span9 {
    width: 686px
}

.uneditable-input.span8, input.span8, textarea.span8 {
    width: 606px
}

.uneditable-input.span7, input.span7, textarea.span7 {
    width: 526px
}

.uneditable-input.span6, input.span6, textarea.span6 {
    width: 446px
}

.uneditable-input.span5, input.span5, textarea.span5 {
    width: 366px
}

.uneditable-input.span4, input.span4, textarea.span4 {
    width: 286px
}

.uneditable-input.span3, input.span3, textarea.span3 {
    width: 206px
}

.uneditable-input.span2, input.span2, textarea.span2 {
    width: 126px
}

.uneditable-input.span1, input.span1, textarea.span1 {
    width: 46px
}

.controls-row:after, .controls-row:before {
    display: table;
    content: "";
    line-height: 0
}

.controls-row:after {
    clear: both
}

.controls-row [class*=span], .row-fluid .controls-row [class*=span] {
    float: left
}

.controls-row .checkbox[class*=span], .controls-row .radio[class*=span] {
    padding-top: 5px
}

input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

input[type=checkbox][disabled], input[type=checkbox][readonly], input[type=radio][disabled], input[type=radio][readonly] {
    background-color: transparent
}

.control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline {
    color: #c09853
}

.control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    color: #c09853
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
        border-color: #a47e3c;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #dbc59e
    }

.control-group.warning .input-append .add-on, .control-group.warning .input-prepend .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline {
    color: #b94a48
}

.control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
    color: #b94a48
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
        border-color: #953b39;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #d59392
    }

.control-group.error .input-append .add-on, .control-group.error .input-prepend .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline {
    color: #468847
}

.control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
    color: #468847
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
        border-color: #356635;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7aba7b
    }

.control-group.success .input-append .add-on, .control-group.success .input-prepend .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

.control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline {
    color: #3a87ad
}

.control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
    color: #3a87ad
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
        border-color: #2d6987;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ab5d3;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ab5d3;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #7ab5d3
    }

.control-group.info .input-append .add-on, .control-group.info .input-prepend .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

input:focus:invalid, select:focus:invalid, textarea:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

    input:focus:invalid:focus, select:focus:invalid:focus, textarea:focus:invalid:focus {
        border-color: #e9322d;
        -webkit-box-shadow: 0 0 6px #f8b9b7;
        -moz-box-shadow: 0 0 6px #f8b9b7;
        box-shadow: 0 0 6px #f8b9b7
    }

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5
}

    .form-actions:after, .form-actions:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form-actions:after {
        clear: both
    }

.help-block, .help-inline {
    color: #595959
}

.help-block {
    display: block;
    margin-bottom: 10px
}

.help-inline {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px
}

.input-append, .input-prepend {
    margin-bottom: 0;
    font-size: 0;
    white-space: nowrap
}

    .input-append .dropdown-menu, .input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .dropdown-menu, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
        font-size: 14px
    }

    .input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
        position: relative;
        margin-bottom: 0;
        vertical-align: top;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }

        .input-append .uneditable-input:focus, .input-append input:focus, .input-append select:focus, .input-prepend .uneditable-input:focus, .input-prepend input:focus, .input-prepend select:focus {
            z-index: 2
        }

    .input-append .add-on, .input-prepend .add-on {
        display: inline-block;
        width: auto;
        height: 30px;
        min-width: 16px;
        padding: 4px 5px;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        background-color: #eee;
        border: 1px solid #ccc
    }

    .input-append .add-on, .input-append .btn, .input-append .btn-group > .dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group > .dropdown-toggle {
        vertical-align: top;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .input-append .active, .input-prepend .active {
        background-color: #a9dba9;
        border-color: #46a546
    }

    .input-prepend .add-on, .input-prepend .btn {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0;
        background: 0 0
    }

        .input-prepend .add-on:first-child, .input-prepend .btn:first-child {
            -webkit-border-radius: 4px 0 0 4px;
            -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px
        }

    .input-append .uneditable-input, .input-append input, .input-append select {
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }

        .input-append .uneditable-input + .btn-group .btn:last-child, .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0
        }

    .input-append .add-on, .input-append .btn, .input-append .btn-group {
        margin-left: -1px
    }

        .input-append .add-on:last-child, .input-append .btn-group:last-child > .dropdown-toggle, .input-append .btn:last-child {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0
        }

    .input-prepend.input-append .uneditable-input, .input-prepend.input-append input, .input-prepend.input-append select {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

        .input-prepend.input-append .uneditable-input + .btn-group .btn, .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn {
            -webkit-border-radius: 0 4px 4px 0;
            -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0
        }

    .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }

    .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0
    }

    .input-prepend.input-append .btn-group:first-child {
        margin-left: 0
    }

input.search-query {
    padding-right: 14px;
    padding-right: 4px;
    padding-left: 14px;
    padding-left: 4px;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.form-search .input-append .search-query, .form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-search .input-append .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search .input-append .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-prepend .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-horizontal .help-inline, .form-horizontal .input-append, .form-horizontal .input-prepend, .form-horizontal .uneditable-input, .form-horizontal input, .form-horizontal select, .form-horizontal textarea, .form-inline .help-inline, .form-inline .input-append, .form-inline .input-prepend, .form-inline .uneditable-input, .form-inline input, .form-inline select, .form-inline textarea, .form-search .help-inline, .form-search .input-append, .form-search .input-prepend, .form-search .uneditable-input, .form-search input, .form-search select, .form-search textarea {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle
}

.form-horizontal .hide, .form-inline .hide, .form-search .hide {
    display: none
}

.form-inline .btn-group, .form-inline label, .form-search .btn-group, .form-search label {
    display: inline-block
}

.form-inline .input-append, .form-inline .input-prepend, .form-search .input-append, .form-search .input-prepend {
    margin-bottom: 0
}

.form-inline .checkbox, .form-inline .radio, .form-search .checkbox, .form-search .radio {
    padding-left: 0;
    margin-bottom: 0;
    vertical-align: middle
}

    .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .form-search .checkbox input[type=checkbox], .form-search .radio input[type=radio] {
        float: left;
        margin-right: 3px;
        margin-left: 0
    }

.control-group {
    margin-bottom: 10px;
    display: inline-block
}

legend + .control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 20px
}

    .form-horizontal .control-group:after, .form-horizontal .control-group:before {
        display: table;
        content: "";
        line-height: 0
    }

    .form-horizontal .control-group:after {
        clear: both
    }

.form-horizontal .control-label {
    float: left;
    width: 160px;
    padding-top: 5px;
    text-align: right
}

.form-horizontal .controls {
    margin-left: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal .input-append + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
    margin-top: 10px
}

.form-horizontal .form-actions {
    padding-left: 180px
}

.btn {
    display: inline-block;
    height: 30px;
    padding: 4px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255,255,255,.75);
    background-color: #fff;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border: 1px solid #bbb;
    border-bottom-color: #a2a2a2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

    .btn.active, .btn.disabled, .btn:active, .btn:hover, .btn[disabled] {
        color: #333;
        background-color: #e6e6e6
    }

    .btn.active, .btn:active {
        background-color: #ccc
    }

    .btn:hover {
        color: #333;
        text-decoration: none;
        background-position: 0 -15px
    }

    .btn.active, .btn:active {
        background-image: none;
        outline: 0;
        background-position: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
        -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
        box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
    }

    .btn.disabled, .btn[disabled] {
        cursor: default;
        background-image: none;
        opacity: .65;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .btn.glyphicon {
        padding: 4px 8px
    }

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    height: 44px
}

    .btn-large [class*=" icon-"], .btn-large [class^=icon-] {
        margin-top: 4px
    }

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 26px
}

    .btn-small [class*=" icon-"], .btn-small [class^=icon-] {
        margin-top: 0
    }

.btn-mini [class*=" icon-"], .btn-mini [class^=icon-] {
    margin-top: -1px
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 22px
}

.btn-block {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

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

.btn-danger.active, .btn-info.active, .btn-inverse.active, .btn-minor.active, .btn-primary.active, .btn-success.active, .btn-warning.active {
    color: rgba(255,255,255,.75)
}

.btn {
    border-color: #c5c5c5;
    border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) rgba(0,0,0,.25)
}

.btn-primary {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #006dcc !important;
    background-image: -moz-linear-gradient(top,#08c,#0079b5) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0079b5)) !important;
    background-image: -webkit-linear-gradient(top,#08c,#0079b5) !important;
    background-image: -o-linear-gradient(top,#08c,#0079b5) !important;
    background-image: linear-gradient(to bottom,#08c,#0079b5) !important;
    background-repeat: repeat-x;
    border-color: #0079b5 #0079b5 #002a80 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important
}

    .btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:hover, .btn-primary[disabled] {
        color: #fff !important;
        background-color: #0079b5 !important
    }

    .btn-primary.active, .btn-primary:active {
        background: #039 !important
    }

    .btn-primary * {
        color: #fff !important
    }

.btn-warning {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #faa732 !important;
    background-image: -moz-linear-gradient(top,#fbb450,#f89406) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406)) !important;
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406) !important;
    background-image: -o-linear-gradient(top,#fbb450,#f89406) !important;
    background-image: linear-gradient(to bottom,#fbb450,#f89406) !important;
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important
}

    .btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning:hover, .btn-warning[disabled] {
        color: #fff !important;
        background-color: #f89406 !important
    }

    .btn-warning.active, .btn-warning:active {
        background: #c67605 !important
    }

.btn-danger {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #da4f49 !important;
    background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f)) !important;
    background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f) !important;
    background-image: -o-linear-gradient(top,#ee5f5b,#bd362f) !important;
    background-image: linear-gradient(to bottom,#ee5f5b,#bd362f) !important;
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important
}

    .btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:hover, .btn-danger[disabled] {
        color: #fff !important;
        background-color: #bd362f !important
    }

    .btn-danger.active, .btn-danger:active {
        background: #942a25 !important
    }

.btn-success {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #5bb75b !important;
    background-image: -moz-linear-gradient(top,#62c462,#51a351) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351)) !important;
    background-image: -webkit-linear-gradient(top,#62c462,#51a351) !important;
    background-image: -o-linear-gradient(top,#62c462,#51a351) !important;
    background-image: linear-gradient(to bottom,#62c462,#51a351) !important;
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important
}

    .btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:hover, .btn-success[disabled] {
        color: #fff !important;
        background-color: #51a351 !important
    }

    .btn-success.active, .btn-success:active {
        background: #408140 !important
    }

.btn-info {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #49afcd !important;
    background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4)) !important;
    background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4) !important;
    background-image: -o-linear-gradient(top,#5bc0de,#2f96b4) !important;
    background-image: linear-gradient(to bottom,#5bc0de,#2f96b4) !important;
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important
}

    .btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:hover, .btn-info[disabled] {
        color: #fff !important;
        background-color: #2f96b4 !important
    }

    .btn-info.active, .btn-info:active {
        background: #24748c !important
    }

.btn-inverse {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #363636 !important;
    background-image: -moz-linear-gradient(top,#444,#222) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222)) !important;
    background-image: -webkit-linear-gradient(top,#444,#222) !important;
    background-image: -o-linear-gradient(top,#444,#222) !important;
    background-image: linear-gradient(to bottom,#444,#222) !important;
    background-repeat: repeat-x;
    border-color: #222 #222 #000 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important
}

    .btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:hover, .btn-inverse[disabled] {
        color: #fff !important;
        background-color: #222 !important
    }

    .btn-inverse.active, .btn-inverse:active {
        background: #080808 !important
    }

.btn-minor {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25) !important;
    background-color: #999 !important;
    background-image: -moz-linear-gradient(top,#aaa,#888) !important;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#aaa),to(#888)) !important;
    background-image: -webkit-linear-gradient(top,#aaa,#888) !important;
    background-image: -o-linear-gradient(top,#aaa,#888) !important;
    background-image: linear-gradient(to bottom,#aaa,#888) !important;
    background-repeat: repeat-x;
    border-color: #777 #666 #555 !important;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25) !important
}

    .btn-minor.active, .btn-minor.disabled, .btn-minor:active, .btn-minor:hover, .btn-minor[disabled] {
        color: #fff !important;
        background: #999 !important
    }

    .btn-minor.active, .btn-minor:active {
        background: #666 !important
    }

button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: #08c;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

    .btn-link:hover {
        color: #005580;
        text-decoration: underline;
        background-color: transparent
    }

    .btn-link[disabled]:hover {
        color: #333;
        text-decoration: none
    }

.btn-group {
    position: relative;
    display: inline-block;
    font-size: 0;
    vertical-align: middle;
    white-space: nowrap
}

    .btn-group + .btn-group {
        margin-left: 5px
    }

.btn-toolbar {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 10px
}

    .btn-toolbar > .btn + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn {
        margin-left: 5px
    }

.btn-group > .btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.dropdown-control.open {
    z-index: 2000 !important
}

.dropdown-control {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0
}

    .dropdown-control .dropdown-toggle {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        padding: 4px 10px;
        height: 28px;
        color: inherit;
        border: 0
    }

    .dropdown-control .btn {
        margin: 0
    }

input.dropdown-toggle {
    margin: 0
}

.dropdown-control .dropdown-menu {
    width: 100%;
    margin: 2px 0 0 0
}

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

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 14px
}

.btn-group > .btn-mini {
    font-size: 10.5px
}

.btn-group > .btn-small {
    font-size: 11.9px
}

.btn-group > .btn-large {
    font-size: 17.5px
}

    .btn-group > .btn-large .dropdown-toggle {
        height: 44px;
        padding: 12px
    }

.btn-group > .btn:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px
}

.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px
}

.btn-group > .btn.large:first-child {
    margin-left: 0;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

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

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

.btn-group > .btn + .dropdown-toggle {
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 1px 0 0 rgba(255,255,255,.125),inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

.btn-group > .btn-mini + .dropdown-toggle {
    padding-left: 5px;
    padding-right: 5px
}

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

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #0079b5
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222
}

.btn-group.open .btn-minor.dropdown-toggle {
    background-color: #666
}

.btn .caret {
    margin: 8px 0 8px 5px;
    float: right
}

.btn span {
    line-height: 20px;
    cursor: inherit;
    color: inherit
}

.btn-large .caret, .btn-mini .caret, .btn-small .caret {
    margin-top: 6px
}

.btn-large .caret {
    border-left-width: 5px;
    border-right-width: 5px;
    border-top-width: 5px
}

.dropup .btn-large .caret {
    border-bottom-width: 5px
}

.btn-danger .caret, .btn-info .caret, .btn-inverse .caret, .btn-minor .caret, .btn-primary .caret, .btn-success .caret, .btn-warning .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group-vertical {
    display: inline-block
}

    .btn-group-vertical > .btn {
        display: block;
        float: none;
        max-width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

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

        .btn-group-vertical > .btn:first-child {
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0
        }

        .btn-group-vertical > .btn:last-child {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px
        }

    .btn-group-vertical > .btn-large:first-child {
        -webkit-border-radius: 6px 6px 0 0;
        -moz-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0
    }

    .btn-group-vertical > .btn-large:last-child {
        -webkit-border-radius: 0 0 6px 6px;
        -moz-border-radius: 0 0 6px 6px;
        border-radius: 0 0 6px 6px
    }

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

    .nav > li > a {
        display: block
    }

        .nav > li > a:hover {
            text-decoration: none;
            background-color: #eee
        }

        .nav > li > a > img {
            max-width: none
        }

    .nav > .pull-right {
        float: right
    }

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    text-transform: uppercase
}

.nav li + .nav-header {
    margin-top: 9px
}

.nav-list {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0
}

    .nav-list .nav-header, .nav-list > li > a {
        margin-left: -15px;
        margin-right: -15px;
        text-shadow: 0 1px 0 rgba(255,255,255,.5)
    }

    .nav-list > li > a {
        padding: 3px 15px
    }

    .nav-list > .active > a, .nav-list > .active > a:hover {
        color: #fff;
        text-shadow: 0 -1px 0 rgba(0,0,0,.2);
        background-color: rgba(0,0,0,.1)
    }

    .nav-list [class*=" icon-"], .nav-list [class^=icon-] {
        margin-right: 2px
    }

    .nav-list .divider {
        height: 1px;
        margin: 9px 1px;
        overflow: hidden;
        background-color: #e5e5e5;
        border-bottom: 1px solid #fff
    }

.nav-pills:after, .nav-pills:before, .nav-tabs:after, .nav-tabs:before {
    display: table;
    content: "";
    line-height: 0
}

.nav-pills:after, .nav-tabs:after {
    clear: both
}

.nav-pills > li, .nav-tabs > li {
    float: left
}

    .nav-pills > li > a, .nav-tabs > li > a {
        padding-right: 12px;
        padding-left: 12px;
        margin-right: 2px;
        line-height: 14px;
        font-size:16px
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
    width: 100%;
    float: left;
    margin-bottom: 0
}

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

        .nav-tabs > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 20px;
            border: 1px solid transparent;
            -webkit-border-radius: 4px 4px 0 0;
            -moz-border-radius: 4px 4px 0 0;
            border-radius: 4px 4px 0 0;
            cursor: pointer;
            color: #333
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd;
                color: #222
            }

    .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
        color: #008ae5;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
        cursor: default
    }

.nav-pills > li > a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.nav-pills > .active > a, .nav-pills > .active > a:hover {
    color: #fff;
    background-color: rgba(0,0,0,.1)
}

.nav-stacked > li {
    float: none
}

    .nav-stacked > li > a {
        margin-right: 0
    }

.nav-tabs.nav-stacked {
    border-bottom: 0
}

    .nav-tabs.nav-stacked > li > a {
        border: 1px solid #ddd;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .nav-tabs.nav-stacked > li:first-child > a {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px
    }

    .nav-tabs.nav-stacked > li:last-child > a {
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px
    }

    .nav-tabs.nav-stacked > li > a:hover {
        border-color: #ddd;
        z-index: 2
    }

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked > li:last-child > a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    border-top-color: #ddd;
    border-bottom-color: #ddd;
    margin-top: 6px
}

.nav .dropdown-toggle:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.nav > .dropdown.active > a:hover {
    cursor: pointer
}

.nav-pills .open .dropdown-toggle, .nav-tabs .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
    color: #fff;
    background-color: #999;
    border-color: #999
}

.nav li.dropdown.open .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open.active .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1
}

.tabs-stacked .open > a:hover {
    border-color: #999
}

.tabbable:after, .tabbable:before {
    display: table;
    content: "";
    line-height: 0
}

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: visible;
    width: 100%
}

.tabs-below > .nav-tabs, .tabs-left > .nav-tabs, .tabs-right > .nav-tabs {
    border-bottom: 0
}

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

    .tab-content > .tab-pane > .tab-body {
        border: 1px solid #ddd;
        border-top: 0;
        float: left;
        width: 100%;
        padding: 20px;
        background-color: #fafafa
    }

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

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd
}

    .tabs-below > .nav-tabs > li {
        margin-top: -1px;
        margin-bottom: 0
    }

        .tabs-below > .nav-tabs > li > a {
            -webkit-border-radius: 0 0 4px 4px;
            -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px
        }

            .tabs-below > .nav-tabs > li > a:hover {
                border-bottom-color: transparent;
                border-top-color: #ddd
            }

    .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover {
        border-color: transparent #ddd #ddd #ddd
    }

.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
    float: none
}

    .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
        min-width: 74px;
        margin-right: 0;
        margin-bottom: 3px
    }

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

    .tabs-left > .nav-tabs > li > a {
        margin-right: -1px;
        -webkit-border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        border-radius: 4px 0 0 4px
    }

        .tabs-left > .nav-tabs > li > a:hover {
            border-color: #eee #ddd #eee #eee
        }

    .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover {
        border-color: #ddd transparent #ddd #ddd
    }

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

    .tabs-right > .nav-tabs > li > a {
        margin-left: -1px;
        -webkit-border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        border-radius: 0 4px 4px 0
    }

        .tabs-right > .nav-tabs > li > a:hover {
            border-color: #eee #eee #eee #ddd
        }

    .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover {
        border-color: #ddd #ddd #ddd transparent
    }

.nav > .disabled > a {
    color: #999
}

    .nav > .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        cursor: default
    }

.navbar {
    overflow: visible;
    margin-bottom: 20px
}

.navbar-inner {
    min-height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
    box-shadow: 0 1px 4px rgba(0,0,0,.065)
}

    .navbar-inner:after, .navbar-inner:before {
        display: table;
        content: "";
        line-height: 0
    }

    .navbar-inner:after {
        clear: both
    }

.navbar .container {
    width: auto
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible
}

.navbar .brand {
    float: left;
    display: block;
    padding: 10px 20px 10px;
    margin-left: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff
}

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

.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
    color: #777
}

.navbar-link {
    color: #777
}

    .navbar-link:hover {
        color: #333
    }

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-left: 1px solid #f2f2f2;
    border-right: 1px solid #fff
}

.navbar .btn, .navbar .btn-group {
    margin-top: 5px
}

    .navbar .btn-group .btn, .navbar .input-append .btn, .navbar .input-prepend .btn {
        margin-top: 0
    }

.navbar-form {
    margin-bottom: 0
}

    .navbar-form:after, .navbar-form:before {
        display: table;
        content: "";
        line-height: 0
    }

    .navbar-form:after {
        clear: both
    }

    .navbar-form .checkbox, .navbar-form .radio, .navbar-form input, .navbar-form select {
        margin-top: 5px
    }

    .navbar-form .btn, .navbar-form input, .navbar-form select {
        display: inline-block;
        margin-bottom: 0
    }

        .navbar-form input[type=checkbox], .navbar-form input[type=image], .navbar-form input[type=radio] {
            margin-top: 3px
        }

    .navbar-form .input-append, .navbar-form .input-prepend {
        margin-top: 5px;
        white-space: nowrap
    }

        .navbar-form .input-append input, .navbar-form .input-prepend input {
            margin-top: 0
        }

.navbar-search {
    position: relative;
    float: left;
    margin-top: 5px;
    margin-bottom: 0
}

    .navbar-search .search-query {
        margin-bottom: 0;
        padding: 4px 14px;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 13px;
        font-weight: 400;
        line-height: 1;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px
    }

.navbar-static-top {
    position: static;
    margin-bottom: 0
}

    .navbar-static-top .navbar-inner {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

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

    .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
        border-width: 0 0 1px
    }

    .navbar-fixed-bottom .navbar-inner {
        border-width: 1px 0 0
    }

    .navbar-fixed-bottom .navbar-inner, .navbar-fixed-top .navbar-inner {
        padding-left: 0;
        padding-right: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
        width: 940px
    }

.navbar-fixed-top {
    top: 0
}

    .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
        -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
        -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
        box-shadow: 0 1px 10px rgba(0,0,0,.1)
    }

.navbar-fixed-bottom {
    bottom: 0
}

    .navbar-fixed-bottom .navbar-inner {
        -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
        -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1);
        box-shadow: 0 -1px 10px rgba(0,0,0,.1)
    }

.navbar .nav {
    position: relative;
    left: 0;
    display: block;
    float: left;
    margin: 0 10px 0 0
}

    .navbar .nav.pull-right {
        float: right;
        margin-right: 0
    }

    .navbar .nav > li {
        float: left
    }

        .navbar .nav > li > a {
            float: none;
            padding: 10px 15px 10px;
            color: #777;
            text-decoration: none;
            text-shadow: 0 1px 0 #fff
        }

    .navbar .nav .dropdown-toggle .caret {
        margin-top: 8px
    }

    .navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
        background-color: transparent;
        color: #333;
        text-decoration: none
    }

    .navbar .nav > .active > a, .navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover {
        color: #555;
        text-decoration: none;
        background-color: #e5e5e5;
        -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.125);
        -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 8px rgba(0,0,0,.125)
    }

.navbar .btn-navbar {
    display: none;
    float: right;
    padding: 7px 10px;
    margin-left: 5px;
    margin-right: 5px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #ededed;
    background-image: -moz-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));
    background-image: -webkit-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image: -o-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image: linear-gradient(to bottom,#f2f2f2,#e5e5e5);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.075)
}

    .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar:active, .navbar .btn-navbar:hover, .navbar .btn-navbar[disabled] {
        color: #fff;
        background-color: #e5e5e5
    }

    .navbar .btn-navbar.active, .navbar .btn-navbar:active {
        background-color: #ccc
    }

    .navbar .btn-navbar .icon-bar {
        display: block;
        width: 18px;
        height: 2px;
        background-color: #f5f5f5;
        -webkit-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.25);
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,.25);
        box-shadow: 0 1px 0 rgba(0,0,0,.25)
    }

.btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px
}

.navbar .nav > li > .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0,0,0,.2);
    position: absolute;
    top: -7px;
    left: 9px
}

.navbar .nav > li > .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 10px
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
    border-top: 7px solid #ccc;
    border-top-color: rgba(0,0,0,.2);
    border-bottom: 0;
    bottom: -7px;
    top: auto
}

.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
    border-top: 6px solid #fff;
    border-bottom: 0;
    bottom: -6px;
    top: auto
}

.navbar .nav li.dropdown > a:hover .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle, .navbar .nav li.dropdown.open > .dropdown-toggle {
    background-color: #e5e5e5;
    color: #555
}

.navbar .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #777;
    border-bottom-color: #777
}

.navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.navbar .nav > li > .dropdown-menu.pull-right, .navbar .pull-right > li > .dropdown-menu {
    left: auto;
    right: 0
}

    .navbar .nav > li > .dropdown-menu.pull-right:before, .navbar .pull-right > li > .dropdown-menu:before {
        left: auto;
        right: 12px
    }

    .navbar .nav > li > .dropdown-menu.pull-right:after, .navbar .pull-right > li > .dropdown-menu:after {
        left: auto;
        right: 13px
    }

    .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu, .navbar .pull-right > li > .dropdown-menu .dropdown-menu {
        left: auto;
        right: 100%;
        margin-left: 0;
        margin-right: -1px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px
    }

.navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top,#222,#111);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));
    background-image: -webkit-linear-gradient(top,#222,#111);
    background-image: -o-linear-gradient(top,#222,#111);
    background-image: linear-gradient(to bottom,#222,#111);
    background-repeat: repeat-x;
    border-color: #252525
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
    color: #999;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25)
}

    .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover {
        color: #fff
    }

.navbar-inverse .brand {
    color: #999
}

.navbar-inverse .navbar-text {
    color: #999
}

.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover {
    background-color: transparent;
    color: #fff
}

.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:focus, .navbar-inverse .nav .active > a:hover {
    color: #fff;
    background-color: #111
}

.navbar-inverse .navbar-link {
    color: #999
}

    .navbar-inverse .navbar-link:hover {
        color: #fff
    }

.navbar-inverse .divider-vertical {
    border-left-color: #111;
    border-right-color: #222
}

.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle {
    background-color: #111;
    color: #fff
}

.navbar-inverse .nav li.dropdown > a:hover .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
    border-top-color: #999;
    border-bottom-color: #999
}

.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .navbar-search .search-query {
    color: #fff;
    background-color: #515151;
    border-color: #111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1),0 1px 0 rgba(255,255,255,.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

    .navbar-inverse .navbar-search .search-query:-moz-placeholder {
        color: #ccc
    }

    .navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
        color: #ccc
    }

    .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
        color: #ccc
    }

    .navbar-inverse .navbar-search .search-query.focused, .navbar-inverse .navbar-search .search-query:focus {
        padding: 5px 15px;
        color: #333;
        text-shadow: 0 1px 0 #fff;
        background-color: #fff;
        border: 0;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
        box-shadow: 0 0 3px rgba(0,0,0,.15);
        outline: 0
    }

.navbar-inverse .btn-navbar {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-color: #0e0e0e;
    background-image: -moz-linear-gradient(top,#151515,#040404);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));
    background-image: -webkit-linear-gradient(top,#151515,#040404);
    background-image: -o-linear-gradient(top,#151515,#040404);
    background-image: linear-gradient(to bottom,#151515,#040404);
    background-repeat: repeat-x;
    border-color: #040404 #040404 #000;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25)
}

    .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar[disabled] {
        color: #fff;
        background-color: #040404
    }

    .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar:active {
        background-color: #000
    }

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .breadcrumb > li {
        display: inline-block;
        text-shadow: 0 1px 0 #fff
    }

        .breadcrumb > li > .divider {
            padding: 0 5px;
            color: #ccc
        }

    .breadcrumb > .active {
        color: #999
    }

.pagination {
    margin: 0
}

    .pagination ul {
        display: inline-block;
        margin-left: 0;
        margin-bottom: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        box-shadow: 0 1px 2px rgba(0,0,0,.05)
    }

        .pagination ul > li {
            display: inline
        }

            .pagination ul > li > a, .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
                background-color: #fff;
                border: 1px solid #ddd;
                border-left-width: 0;
                cursor: pointer
            }

                .pagination ul > .active > a, .pagination ul > .active > span, .pagination ul > li > a:hover {
                    background-color: #f5f5f5
                }

        .pagination ul > .active > a, .pagination ul > .active > span {
            color: #999;
            cursor: default
        }

        .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > span {
            color: #999;
            background-color: transparent;
            cursor: default
        }

        .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px
        }

        .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px
        }

.pagination-centered {
    text-align: center
}

.pagination-right {
    text-align: right
}

.pagination-large ul > li > a, .pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px
}

.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px
}

.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px
}

.pagination-mini ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > a, .pagination-small ul > li:first-child > span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px
}

.pagination-mini ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > a, .pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 10.5px
}

.pager {
    margin: 20px 0;
    list-style: none;
    text-align: center
}

    .pager:after, .pager:before {
        display: table;
        content: "";
        line-height: 0
    }

    .pager:after {
        clear: both
    }

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            -webkit-border-radius: 15px;
            -moz-border-radius: 15px;
            border-radius: 15px
        }

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

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > span {
        color: #999;
        background-color: #fff;
        cursor: default
    }

.thumbnails {
    margin-left: -20px;
    list-style: none
}

    .thumbnails:after, .thumbnails:before {
        display: table;
        content: "";
        line-height: 0
    }

    .thumbnails:after {
        clear: both
    }

.row-fluid .thumbnails {
    margin-left: 0
}

.thumbnails > li {
    float: left;
    margin-bottom: 20px;
    margin-left: 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.055);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.055);
    box-shadow: 0 1px 3px rgba(0,0,0,.055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a.thumbnail:hover {
    border-color: #08c;
    -webkit-box-shadow: 0 1px 4px rgba(0,105,214,.25);
    -moz-box-shadow: 0 1px 4px rgba(0,105,214,.25);
    box-shadow: 0 1px 4px rgba(0,105,214,.25)
}

.thumbnail > img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #555
}

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .alert, .alert h4 {
        color: #c09853
    }

        .alert h4 {
            margin: 0
        }

        .alert .close {
            position: relative;
            top: -2px;
            right: -21px;
            line-height: 20px
        }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #468847
}

    .alert-success h4 {
        color: #468847
    }

.alert-danger, .alert-error {
    background-color: #f2dede;
    border-color: #eed3d7;
    color: #b94a48
}

    .alert-danger h4, .alert-error h4 {
        color: #b94a48
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad
}

    .alert-info h4 {
        color: #3a87ad
    }

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

    .alert-block > p, .alert-block > ul {
        margin-bottom: 0
    }

    .alert-block p + p {
        margin-top: 5px
    }

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

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 0 0
    }
}

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

    to {
        background-position: 40px 0
    }
}

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

    to {
        background-position: 0 0
    }
}

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

    .progress .bar {
        width: 0%;
        height: 100%;
        color: #fff;
        float: left;
        font-size: 12px;
        text-align: center;
        text-shadow: 0 -1px 0 rgba(0,0,0,.25);
        background-color: #0e90d2;
        background-image: -moz-linear-gradient(top,#149bdf,#0480be);
        background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
        background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
        background-image: -o-linear-gradient(top,#149bdf,#0480be);
        background-image: linear-gradient(to bottom,#149bdf,#0480be);
        background-repeat: repeat-x;
        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: width .6s ease;
        -moz-transition: width .6s ease;
        -o-transition: width .6s ease;
        transition: width .6s ease
    }

        .progress .bar + .bar {
            -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
            -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);
            box-shadow: inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)
        }

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    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: -moz-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);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

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

.progress .bar-danger, .progress-danger .bar {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
    background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: linear-gradient(to bottom,#ee5f5b,#c43c35);
    background-repeat: repeat-x
}

.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    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: -moz-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)
}

.progress .bar-success, .progress-success .bar {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top,#62c462,#57a957);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
    background-image: -webkit-linear-gradient(top,#62c462,#57a957);
    background-image: -o-linear-gradient(top,#62c462,#57a957);
    background-image: linear-gradient(to bottom,#62c462,#57a957);
    background-repeat: repeat-x
}

.progress-striped .bar-success, .progress-success.progress-striped .bar {
    background-color: #62c462;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    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: -moz-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)
}

.progress .bar-info, .progress-info .bar {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
    background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
    background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
    background-image: linear-gradient(to bottom,#5bc0de,#339bb9);
    background-repeat: repeat-x
}

.progress-info.progress-striped .bar, .progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    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: -moz-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)
}

.progress .bar-warning, .progress-warning .bar {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top,#fbb450,#f89406);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-image: -o-linear-gradient(top,#fbb450,#f89406);
    background-image: linear-gradient(to bottom,#fbb450,#f89406);
    background-repeat: repeat-x
}

.progress-striped .bar-warning, .progress-warning.progress-striped .bar {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    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: -moz-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)
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    background-color: #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

    .hero-unit h1 {
        margin-bottom: 0;
        font-size: 60px;
        line-height: 1;
        color: inherit;
        letter-spacing: -1px
    }

    .hero-unit li {
        line-height: 30px
    }

.media, .media-body {
    overflow: hidden;
    zoom: 1
}

    .media, .media .media {
        margin-top: 15px
    }

        .media:first-child {
            margin-top: 0
        }

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media .pull-left {
    margin-right: 10px
}

.media .pull-right {
    margin-left: 10px
}

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

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    visibility: visible;
    padding: 5px;
    font-size: 11px;
    opacity: 0
}

    .tooltip.in {
        opacity: .8
    }

    .tooltip.top {
        margin-top: -3px
    }

    .tooltip.right {
        margin-left: 3px
    }

    .tooltip.bottom {
        margin-top: 3px
    }

    .tooltip.left {
        margin-left: -3px
    }

.tooltip-inner {
    max-width: 208px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    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: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 236px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    white-space: normal
}

    .popover.top {
        margin-top: -10px
    }

    .popover.right {
        margin-left: 10px
    }

    .popover.bottom {
        margin-top: 10px
    }

    .popover.left {
        margin-left: -10px
    }

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 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 {
        border-width: 10px;
        content: ""
    }

.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,.25);
    bottom: -11px
}

    .popover.top .arrow:after {
        bottom: 1px;
        margin-left: -10px;
        border-bottom-width: 0;
        border-top-color: #fff
    }

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,.25)
}

    .popover.right .arrow:after {
        left: 1px;
        bottom: -10px;
        border-left-width: 0;
        border-right-color: #fff
    }

.popover.bottom .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    top: -11px
}

    .popover.bottom .arrow:after {
        top: 1px;
        margin-left: -10px;
        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;
        border-right-width: 0;
        border-left-color: #fff;
        bottom: -10px
    }

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

    .modal-backdrop.fade {
        opacity: 0
    }

        .modal-backdrop, .modal-backdrop.fade.in {
            opacity: .4
        }

.modal-cover {
    z-index: 2070
}

    .modal-cover:before {
        content: "";
        display: block;
        z-index: 2080
    }

    .modal-cover:before, .modal-shadow {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 100;
        background-color: rgba(0,0,0,.5)
    }

    .modal-cover .modal-dialog {
        z-index: 2090
    }

.modal {
    position: absolute;
    top: 10%;
    left: 50%;
    z-index: 2050;
    width: 500px;
    margin-left: -250px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
    display: none;
    pointer-events: auto
}

.modal-small {
    width: 300px;
    margin-left: -150px
}

.modal-normal {
    width: 400px;
    margin-left: -200px
}

.modal-big {
    width: 600px;
    margin-left: -300px
}

.modal-bigger {
    width: 800px;
    margin-left: -400px
}

.modal-large {
    width: 1000px;
    margin-left: -500px
}

.modal-larger {
    width: 1200px;
    margin-left: -600px
}

.modal-max {
    width: 1400px;
    margin-left: -700px
}

.modal.fade {
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
    pointer-events: none
}

    .modal.fade.in {
        pointer-events: auto
    }

.modal-dialog {
    position: absolute;
    z-index: 1070;
    width: 100%;
}

iframe.modal-dialog {
    z-index: 1060
}

.modal-content {
    float: left;
    position: relative;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,.3);
    box-shadow: 0 3px 7px rgba(0,0,0,.3);
    border: 1px solid rgba(0,0,0,.3)
}

    .modal-content > div:first-child {
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0
    }

    .modal-content > div:last-child {
        -webkit-border-radius: 0 0 5px 5px;
        -moz-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px
    }

.modal-close {
    float: right;
    height: 30px;
    line-height: 30px;
    width: 30px;
    text-align: center;
    color: #bbb;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    margin: -35px 5px;
    display: inline-block;
    font-family: icomoon
}

    .modal-close:before {
        content: "\ea0f"
    }

    .modal-close:hover {
        color: #999
    }

    .modal-close:active {
        color: #666
    }

.modal-header {
    height: 40px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: #eee;
    cursor: default;
    float: left;
    width: 100%;
    overflow: visible
}

    .modal-header .modal-title {
        width: 100%;
        float: left;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
        font-weight: 700;
        margin: 0;
        font-size: 16px;
        color: #222
    }

        .modal-header .modal-title span {
            display: inline-block;
            float: left;
            height: 40px;
            line-height: 40px;
            cursor: pointer;
            padding: 0 10px;
            font-weight: 700;
            font-size: inherit;
            color: #555
        }

            .modal-header .modal-title span:hover {
                background-color: rgba(0,0,0,.1);
                color: #333
            }

            .modal-header .modal-title span.select {
                border-bottom: 3px solid #0095e1;
                color: #222
            }

.modal-body {
    float: left;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    background: #fff;
    margin: 0
}

.bootbox-body {
    word-break: break-all;
    white-space: normal
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    float: left;
    width: 100%;
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

    .modal-footer:after, .modal-footer:before {
        display: table;
        content: "";
        line-height: 0
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

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

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.dropdown, .dropup {
    position: relative
}

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

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-left: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 80px;
    width: 100%;
    padding: 5px 0;
    margin: 1px 0 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 180px
}

    .dropdown-menu .scroll-cont {
        max-height: 168px
    }

.dropdown-menu-up {
    top: auto;
    bottom: 100%
}

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

.dropdown-menu .divider {
    height: 2px;
    margin: 5px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.dropdown-menu li > a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    text-shadow: none
}

    .dropdown-menu li > a:focus, .dropdown-menu li > a:hover, .dropdown-submenu:hover > a {
        text-decoration: none;
        text-shadow: none;
        background-color: rgba(0,0,0,.1);
        cursor: pointer
    }

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    text-decoration: none;
    text-shadow: none;
    outline: 0;
    background-color: rgba(0,0,0,.1)
}

.dropdown-menu .disabled > a, .dropdown-menu .disabled > a:hover {
    color: #999
}

    .dropdown-menu .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        cursor: default
    }

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

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

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px 6px;
        border-radius: 0 6px 6px 6px
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }

.dropup .dropdown-submenu > .dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 5px 0;
    -moz-border-radius: 5px 5px 5px 0;
    border-radius: 5px 5px 5px 0
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px
    }

.dropdown .dropdown-menu .nav-header {
    padding-left: 20px;
    padding-right: 20px
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion {
    margin-bottom: 20px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion-heading {
    border-bottom: 0
}

    .accordion-heading .accordion-toggle {
        display: block;
        padding: 8px 15px
    }

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

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

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

        .carousel-inner > .item > img {
            display: block;
            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: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5
}

    .carousel-control.right {
        left: auto;
        right: 15px
    }

    .carousel-control:hover {
        color: #fff;
        text-decoration: none;
        opacity: .9
    }

.carousel-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px;
    background: #333;
    background: rgba(0,0,0,.75)
}

    .carousel-caption h4, .carousel-caption p {
        color: #fff;
        line-height: 20px
    }

    .carousel-caption h4 {
        margin: 0 0 5px
    }

    .carousel-caption p {
        margin-bottom: 0
    }

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .well blockquote {
        border-color: #ddd;
        border-color: rgba(0,0,0,.15)
    }

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

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

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

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}

.fade {
    display: none;
    opacity: 0;
    -webkit-transition: opacity .15s linear,top .15s linear;
    -o-transition: opacity .15s linear,top .15s linear;
    transition: opacity .15s linear,top .15s linear
}

    .fade.in {
        display: block;
        opacity: 1
    }

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

    .collapse.in {
        height: auto
    }

.hidden {
    display: none;
    visibility: hidden
}

.visible-phone {
    display: none !important
}

.visible-tablet {
    display: none !important
}

.hidden-desktop {
    display: none !important
}

.visible-desktop {
    display: inherit !important
}

@media (min-width:768px) and (max-width:979px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-tablet {
        display: inherit !important
    }

    .hidden-tablet {
        display: none !important
    }
}

@media (max-width:767px) {
    .hidden-desktop {
        display: inherit !important
    }

    .visible-desktop {
        display: none !important
    }

    .visible-phone {
        display: inherit !important
    }

    .hidden-phone {
        display: none !important
    }
}

@media (max-width:767px) {
    .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
        margin-left: -20px;
        margin-right: -20px
    }

    .container-fluid {
        padding: 0
    }

    .dl-horizontal dt {
        float: none;
        clear: none;
        width: auto;
        text-align: left
    }

    .dl-horizontal dd {
        margin-left: 0
    }

    .container {
        width: auto
    }

    .row-fluid {
        width: 100%
    }

    .row, .thumbnails {
        margin-left: 0
    }

        .thumbnails > li {
            float: none;
            margin-left: 0
        }

    .row-fluid [class*=span], .uneditable-input[class*=span], [class*=span] {
        float: none;
        display: block;
        width: 100%;
        margin-left: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-fluid .span12, .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-fluid [class*=offset]:first-child {
        margin-left: 0
    }

    .input-large, .input-xlarge, .input-xxlarge, .uneditable-input, input[class*=span], select[class*=span], textarea[class*=span] {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .input-append input, .input-append input[class*=span], .input-prepend input, .input-prepend input[class*=span] {
        display: inline-block;
        width: auto
    }

    .controls-row [class*=span] + [class*=span] {
        margin-left: 0
    }
}

@media (max-width:480px) {
    .nav-collapse {
        -webkit-transform: translate3d(0,0,0)
    }

    .page-header h1 small {
        display: block;
        line-height: 20px
    }

    input[type=checkbox], input[type=radio] {
        border: 1px solid #ccc
    }

    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left
    }

    .form-horizontal .controls {
        margin-left: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .form-horizontal .form-actions {
        padding-left: 10px;
        padding-right: 10px
    }

    .media .pull-left, .media .pull-right {
        float: none;
        display: block;
        margin-bottom: 10px
    }

    .media-object {
        margin-right: 0;
        margin-left: 0
    }

    .carousel-caption {
        position: static
    }
}

@media (min-width:768px) and (max-width:979px) {
    .row {
        margin-left: -20px
    }

        .row:after, .row:before {
            display: table;
            content: "";
            line-height: 0
        }

        .row:after {
            clear: both
        }

    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }

    .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
        width: 724px
    }

    .span12 {
        width: 724px
    }

    .span11 {
        width: 662px
    }

    .span10 {
        width: 600px
    }

    .span9 {
        width: 538px
    }

    .span8 {
        width: 476px
    }

    .span7 {
        width: 414px
    }

    .span6 {
        width: 352px
    }

    .span5 {
        width: 290px
    }

    .span4 {
        width: 228px
    }

    .span3 {
        width: 166px
    }

    .span2 {
        width: 104px
    }

    .span1 {
        width: 42px
    }

    .offset12 {
        margin-left: 764px
    }

    .offset11 {
        margin-left: 702px
    }

    .offset10 {
        margin-left: 640px
    }

    .offset9 {
        margin-left: 578px
    }

    .offset8 {
        margin-left: 516px
    }

    .offset7 {
        margin-left: 454px
    }

    .offset6 {
        margin-left: 392px
    }

    .offset5 {
        margin-left: 330px
    }

    .offset4 {
        margin-left: 268px
    }

    .offset3 {
        margin-left: 206px
    }

    .offset2 {
        margin-left: 144px
    }

    .offset1 {
        margin-left: 82px
    }

    .row-fluid {
        width: 100%
    }

        .row-fluid:after, .row-fluid:before {
            display: table;
            content: "";
            line-height: 0
        }

        .row-fluid:after {
            clear: both
        }

        .row-fluid [class*=span] {
            display: block;
            width: 100%;
            min-height: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            margin-left: 2.7624309392265194%
        }

            .row-fluid [class*=span]:first-child {
                margin-left: 0
            }

        .row-fluid .controls-row [class*=span] + [class*=span] {
            margin-left: 2.7624309392265194%
        }

        .row-fluid .span12 {
            width: 100%
        }

        .row-fluid .span11 {
            width: 91.43646408839778%
        }

        .row-fluid .span10 {
            width: 82.87292817679558%
        }

        .row-fluid .span9 {
            width: 74.30939226519337%
        }

        .row-fluid .span8 {
            width: 65.74585635359117%
        }

        .row-fluid .span7 {
            width: 57.18232044198895%
        }

        .row-fluid .span6 {
            width: 48.61878453038674%
        }

        .row-fluid .span5 {
            width: 40.05524861878453%
        }

        .row-fluid .span4 {
            width: 31.491712707182323%
        }

        .row-fluid .span3 {
            width: 22.92817679558011%
        }

        .row-fluid .span2 {
            width: 14.3646408839779%
        }

        .row-fluid .span1 {
            width: 5.801104972375691%
        }

        .row-fluid .offset12 {
            margin-left: 105.52486187845304%
        }

            .row-fluid .offset12:first-child {
                margin-left: 102.76243093922652%
            }

        .row-fluid .offset11 {
            margin-left: 96.96132596685082%
        }

            .row-fluid .offset11:first-child {
                margin-left: 94.1988950276243%
            }

        .row-fluid .offset10 {
            margin-left: 88.39779005524862%
        }

            .row-fluid .offset10:first-child {
                margin-left: 85.6353591160221%
            }

        .row-fluid .offset9 {
            margin-left: 79.8342541436464%
        }

            .row-fluid .offset9:first-child {
                margin-left: 77.07182320441989%
            }

        .row-fluid .offset8 {
            margin-left: 71.2707182320442%
        }

            .row-fluid .offset8:first-child {
                margin-left: 68.50828729281768%
            }

        .row-fluid .offset7 {
            margin-left: 62.70718232044199%
        }

            .row-fluid .offset7:first-child {
                margin-left: 59.94475138121547%
            }

        .row-fluid .offset6 {
            margin-left: 54.14364640883978%
        }

            .row-fluid .offset6:first-child {
                margin-left: 51.38121546961326%
            }

        .row-fluid .offset5 {
            margin-left: 45.58011049723757%
        }

            .row-fluid .offset5:first-child {
                margin-left: 42.81767955801105%
            }

        .row-fluid .offset4 {
            margin-left: 37.01657458563536%
        }

            .row-fluid .offset4:first-child {
                margin-left: 34.25414364640884%
            }

        .row-fluid .offset3 {
            margin-left: 28.45303867403315%
        }

            .row-fluid .offset3:first-child {
                margin-left: 25.69060773480663%
            }

        .row-fluid .offset2 {
            margin-left: 19.88950276243094%
        }

            .row-fluid .offset2:first-child {
                margin-left: 17.12707182320442%
            }

        .row-fluid .offset1 {
            margin-left: 11.32596685082873%
        }

            .row-fluid .offset1:first-child {
                margin-left: 8.56353591160221%
            }

    .uneditable-input, input, textarea {
        margin-left: 0
    }

    .controls-row [class*=span] + [class*=span] {
        margin-left: 20px
    }

    .uneditable-input.span12, input.span12, textarea.span12 {
        width: 710px
    }

    .uneditable-input.span11, input.span11, textarea.span11 {
        width: 648px
    }

    .uneditable-input.span10, input.span10, textarea.span10 {
        width: 586px
    }

    .uneditable-input.span9, input.span9, textarea.span9 {
        width: 524px
    }

    .uneditable-input.span8, input.span8, textarea.span8 {
        width: 462px
    }

    .uneditable-input.span7, input.span7, textarea.span7 {
        width: 400px
    }

    .uneditable-input.span6, input.span6, textarea.span6 {
        width: 338px
    }

    .uneditable-input.span5, input.span5, textarea.span5 {
        width: 276px
    }

    .uneditable-input.span4, input.span4, textarea.span4 {
        width: 214px
    }

    .uneditable-input.span3, input.span3, textarea.span3 {
        width: 152px
    }

    .uneditable-input.span2, input.span2, textarea.span2 {
        width: 90px
    }

    .uneditable-input.span1, input.span1, textarea.span1 {
        width: 28px
    }
}

@media (min-width:1200px) {
    .row {
        margin-left: -30px
    }

        .row:after, .row:before {
            display: table;
            content: "";
            line-height: 0
        }

        .row:after {
            clear: both
        }

    [class*=span] {
        float: left;
        min-height: 1px;
        margin-left: 30px
    }

    .container, .navbar-fixed-bottom .container, .navbar-fixed-top .container, .navbar-static-top .container {
        width: 1170px
    }

    .span12 {
        width: 1170px
    }

    .span11 {
        width: 1070px
    }

    .span10 {
        width: 970px
    }

    .span9 {
        width: 870px
    }

    .span8 {
        width: 770px
    }

    .span7 {
        width: 670px
    }

    .span6 {
        width: 570px
    }

    .span5 {
        width: 470px
    }

    .span4 {
        width: 370px
    }

    .span3 {
        width: 270px
    }

    .span2 {
        width: 170px
    }

    .span1 {
        width: 70px
    }

    .offset12 {
        margin-left: 1230px
    }

    .offset11 {
        margin-left: 1130px
    }

    .offset10 {
        margin-left: 1030px
    }

    .offset9 {
        margin-left: 930px
    }

    .offset8 {
        margin-left: 830px
    }

    .offset7 {
        margin-left: 730px
    }

    .offset6 {
        margin-left: 630px
    }

    .offset5 {
        margin-left: 530px
    }

    .offset4 {
        margin-left: 430px
    }

    .offset3 {
        margin-left: 330px
    }

    .offset2 {
        margin-left: 230px
    }

    .offset1 {
        margin-left: 130px
    }

    .row-fluid {
        width: 100%
    }

        .row-fluid:after, .row-fluid:before {
            display: table;
            content: "";
            line-height: 0
        }

        .row-fluid:after {
            clear: both
        }

        .row-fluid [class*=span] {
            display: block;
            width: 100%;
            min-height: 30px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            float: left;
            margin-left: 2.564102564102564%
        }

            .row-fluid [class*=span]:first-child {
                margin-left: 0
            }

        .row-fluid .controls-row [class*=span] + [class*=span] {
            margin-left: 2.564102564102564%
        }

        .row-fluid .span12 {
            width: 100%
        }

        .row-fluid .span11 {
            width: 91.45299145299145%
        }

        .row-fluid .span10 {
            width: 82.90598290598291%
        }

        .row-fluid .span9 {
            width: 74.35897435897436%
        }

        .row-fluid .span8 {
            width: 65.81196581196582%
        }

        .row-fluid .span7 {
            width: 57.26495726495726%
        }

        .row-fluid .span6 {
            width: 48.717948717948715%
        }

        .row-fluid .span5 {
            width: 40.17094017094017%
        }

        .row-fluid .span4 {
            width: 31.623931623931625%
        }

        .row-fluid .span3 {
            width: 23.076923076923077%
        }

        .row-fluid .span2 {
            width: 14.52991452991453%
        }

        .row-fluid .span1 {
            width: 5.982905982905983%
        }

        .row-fluid .offset12 {
            margin-left: 105.12820512820512%
        }

            .row-fluid .offset12:first-child {
                margin-left: 102.56410256410257%
            }

        .row-fluid .offset11 {
            margin-left: 96.58119658119658%
        }

            .row-fluid .offset11:first-child {
                margin-left: 94.01709401709402%
            }

        .row-fluid .offset10 {
            margin-left: 88.03418803418803%
        }

            .row-fluid .offset10:first-child {
                margin-left: 85.47008547008548%
            }

        .row-fluid .offset9 {
            margin-left: 79.48717948717949%
        }

            .row-fluid .offset9:first-child {
                margin-left: 76.92307692307693%
            }

        .row-fluid .offset8 {
            margin-left: 70.94017094017094%
        }

            .row-fluid .offset8:first-child {
                margin-left: 68.37606837606839%
            }

        .row-fluid .offset7 {
            margin-left: 62.393162393162385%
        }

            .row-fluid .offset7:first-child {
                margin-left: 59.82905982905982%
            }

        .row-fluid .offset6 {
            margin-left: 53.84615384615384%
        }

            .row-fluid .offset6:first-child {
                margin-left: 51.28205128205128%
            }

        .row-fluid .offset5 {
            margin-left: 45.299145299145295%
        }

            .row-fluid .offset5:first-child {
                margin-left: 42.73504273504273%
            }

        .row-fluid .offset4 {
            margin-left: 36.75213675213675%
        }

            .row-fluid .offset4:first-child {
                margin-left: 34.18803418803419%
            }

        .row-fluid .offset3 {
            margin-left: 28.205128205128204%
        }

            .row-fluid .offset3:first-child {
                margin-left: 25.641025641025642%
            }

        .row-fluid .offset2 {
            margin-left: 19.65811965811966%
        }

            .row-fluid .offset2:first-child {
                margin-left: 17.094017094017094%
            }

        .row-fluid .offset1 {
            margin-left: 11.11111111111111%
        }

            .row-fluid .offset1:first-child {
                margin-left: 8.547008547008547%
            }

    .uneditable-input, input, textarea {
        margin-left: 0
    }

    .controls-row [class*=span] + [class*=span] {
        margin-left: 30px
    }

    .uneditable-input.span12, input.span12, textarea.span12 {
        width: 1156px
    }

    .uneditable-input.span11, input.span11, textarea.span11 {
        width: 1056px
    }

    .uneditable-input.span10, input.span10, textarea.span10 {
        width: 956px
    }

    .uneditable-input.span9, input.span9, textarea.span9 {
        width: 856px
    }

    .uneditable-input.span8, input.span8, textarea.span8 {
        width: 756px
    }

    .uneditable-input.span7, input.span7, textarea.span7 {
        width: 656px
    }

    .uneditable-input.span6, input.span6, textarea.span6 {
        width: 556px
    }

    .uneditable-input.span5, input.span5, textarea.span5 {
        width: 456px
    }

    .uneditable-input.span4, input.span4, textarea.span4 {
        width: 356px
    }

    .uneditable-input.span3, input.span3, textarea.span3 {
        width: 256px
    }

    .uneditable-input.span2, input.span2, textarea.span2 {
        width: 156px
    }

    .uneditable-input.span1, input.span1, textarea.span1 {
        width: 56px
    }

    .thumbnails {
        margin-left: -30px
    }

        .thumbnails > li {
            margin-left: 30px
        }

    .row-fluid .thumbnails {
        margin-left: 0
    }
}

@media (max-width:979px) {
    body {
        padding-top: 0
    }

    .navbar-fixed-bottom, .navbar-fixed-top {
        position: static
    }

    .navbar-fixed-top {
        margin-bottom: 20px
    }

    .navbar-fixed-bottom {
        margin-top: 20px
    }

        .navbar-fixed-bottom .navbar-inner, .navbar-fixed-top .navbar-inner {
            padding: 5px
        }

    .navbar .container {
        width: auto;
        padding: 0
    }

    .navbar .brand {
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 0 0 -5px
    }

    .nav-collapse {
        clear: both
    }

        .nav-collapse .nav {
            float: none;
            margin: 0 0 10px
        }

            .nav-collapse .nav > li {
                float: none
            }

                .nav-collapse .nav > li > a {
                    margin-bottom: 2px
                }

            .nav-collapse .nav > .divider-vertical {
                display: none
            }

            .nav-collapse .nav .nav-header {
                color: #777;
                text-shadow: none
            }

            .nav-collapse .dropdown-menu a, .nav-collapse .nav > li > a {
                padding: 9px 15px;
                font-weight: 700;
                color: #777;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px
            }

        .nav-collapse .btn {
            padding: 4px 10px 4px;
            font-weight: 400;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px
        }

        .nav-collapse .dropdown-menu li + li a {
            margin-bottom: 2px
        }

        .nav-collapse .dropdown-menu a:hover, .nav-collapse .nav > li > a:hover {
            background-color: #f2f2f2
        }

    .navbar-inverse .nav-collapse .dropdown-menu a, .navbar-inverse .nav-collapse .nav > li > a {
        color: #999
    }

        .navbar-inverse .nav-collapse .dropdown-menu a:hover, .navbar-inverse .nav-collapse .nav > li > a:hover {
            background-color: #111
        }

    .nav-collapse.in .btn-group {
        margin-top: 5px;
        padding: 0
    }

    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        left: auto;
        float: none;
        display: none;
        max-width: none;
        margin: 0 15px;
        padding: 0;
        background-color: transparent;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

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

    .nav-collapse .dropdown-menu:after, .nav-collapse .dropdown-menu:before {
        display: none
    }

    .nav-collapse .dropdown-menu .divider {
        display: none
    }

    .nav-collapse .nav > li > .dropdown-menu:after, .nav-collapse .nav > li > .dropdown-menu:before {
        display: none
    }

    .nav-collapse .navbar-form, .nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
        -moz-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)
    }

    .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111;
        border-bottom-color: #111
    }

    .navbar .nav-collapse .nav.pull-right {
        float: none;
        margin-left: 0
    }

    .nav-collapse, .nav-collapse.collapse {
        overflow: hidden;
        height: 0
    }

    .navbar .btn-navbar {
        display: block
    }

    .navbar-static .navbar-inner {
        padding-left: 10px;
        padding-right: 10px
    }
}

.dark .btn {
    color: #fff;
    text-shadow: none;
    box-shadow: none;
    background-color: rgba(255,255,255,.05);
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image: -webkit-gradient(linear,0 0,0 100%,from(rgba(255,255,255,.1)),to(rgba(255,255,255,.05)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image: -o-linear-gradient(top,rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-image: linear-gradient(to bottom,rgba(255,255,255,.1),rgba(255,255,255,.05));
    background-repeat: repeat-x;
    border-color: rgba(255,255,255,.2) rgba(255,255,255,.1) rgba(255,255,255,.25)
}

    .dark .btn.active, .dark .btn.disabled, .dark .btn:active, .dark .btn:hover, .dark .btn[disabled] {
        color: #fff;
        background-color: rgba(255,255,255,.05)
    }

    .btn-primary.active, .dark .btn:active {
        background-color: #222
    }

    .dark .btn * {
        color: #fff !important
    }

.dark .nav-tabs {
    border-bottom: 1px solid rgba(255,255,255,.25)
}

    .dark .nav-tabs > li > a {
        color: rgba(255,255,255,.75)
    }

        .dark .nav-tabs > li > a:hover {
            border-color: rgba(255,255,255,.2) rgba(255,255,255,.2) rgba(255,255,255,.1);
            border-bottom-color: transparent;
            background-color: rgba(255,255,255,.1)
        }

    .dark .nav-tabs > .active > a, .dark .nav-tabs > .active > a:hover {
        color: #fff;
        background-color: #2f7fb4;
        border-color: transparent
    }

.dark .modal-header {
    background: rgba(255,255,255,.1)
}

.dark .modal-title {
    color: rgba(255,255,255,.95) !important
}

.dark .modal-content {
    background: rgba(30,30,30,.9)
}

.dark-green .modal-content {
    background: rgba(5,40,50,.9)
}

.dark-blue .modal-content {
    background: rgba(5,10,40,.9)
}

.dark .modal-body {
    background: 0 0
}

.dark .modal-footer {
    background: rgba(255,255,255,.1);
    box-shadow: none;
    border-top: 0
}

.dark .modal-shadow {
    background-color: rgba(10,10,10,.8)
}

.dark .caret {
    border-top: 4px solid rgba(255,255,255,.5)
}

.dark .dropdown-menu {
    background-color: #464646;
    border: 1px solid rgba(255,255,255,.1)
}

    .dark .dropdown-menu li > a {
        color: rgba(255,255,255,.75)
    }

        .dark .dropdown-menu li > a:focus, .dark .dropdown-menu li > a:hover, .dark .dropdown-submenu:hover > a {
            color: #fff;
            background-color: #1f8ecf
        }

.dark .uneditable-input, .dark input, .dark select, .dark textarea {
    color: #fff;
    background-color: rgba(255,255,255,.1);
    border: 1px solid rgba(255,255,255,.1)
}

.dark .dropdown-menu .divider {
    background-color: rgba(0,0,0,.2);
    border-color: rgba(255,255,255,.25)
}

.dark .input-append .add-on, .dark .input-prepend .add-on {
    border-color: rgba(255,255,255,.2)
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    text-decoration: none;
    list-style: none;
    outline: 0;
    box-sizing: border-box;
    font-style: normal
}

input::-ms-clear {
    display: none !important;
    height: 0 !important;
    width: 0 !important
}

.rotate-clockwise {
    transform: rotate(90deg)
}

.rotate-anti-clockwise {
    transform: rotate(-90deg)
}

.reverse {
    transform: scaleX(-1)
}

.pos-re {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto
}

.centered {
    display: flex;
    align-items: center;
    justify-content: center
}

.flex-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

    .flex-row .flex-content {
        width: 1%;
        height: 100%;
        flex: 1
    }

.flex-col {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

    .flex-col .flex-content {
        width: 100%;
        height: 1%;
        flex: 1
    }

tspan {
    font-size: inherit
}

.line {
    width: 100%;
    float: left
}

.border {
    width: 100%;
    float: left;
    border-top: 1px solid #ddd;
    margin: 10px 0;
    height: 1px
}

.pane {
    width: 100%;
    float: left;
    display: none
}

    .pane:first-child {
        display: block
    }

.content {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible
}

    .content .content-absolut, .content .content-left, .content .content-right {
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
        z-index: 1
    }

    .content .content-absolut {
        right: 0;
        left: 0
    }

    .content .content-left {
        left: 0;
        width: 350px;
        background: rgba(10,15,20,.03)
    }

    .content .content-right {
        left: 350px;
        right: 0
    }

.highlight {
    background-color: #fff8eb
}

    .highlight:focus, .highlight:hover {
        background-color: #fff3da !important
    }

.bd-0 {
    border: 0 !important
}

.pd-0 {
    padding: 0 !important
}

.pd-1 {
    padding: 1px !important
}

.pd-5 {
    padding: 5px !important
}

.pd-8 {
    padding: 8px !important
}

.pd-10 {
    padding: 10px !important
}

.pd-15 {
    padding: 15px !important
}

.pd-20 {
    padding: 20px !important
}

.pd-30 {
    padding: 30px !important
}

.pd-40 {
    padding: 40px !important
}

.m-0 {
    margin: 0 !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.plr-4 {
    padding: 0 4px !important
}

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

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

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

.scroll-none {
    overflow: hidden !important
}

.scroll-visible {
    overflow: visible !important
}

.scroll-x {
    overflow-x: scroll !important
}

.scroll-y {
    overflow-y: scroll !important
}

.scroll-auto {
    overflow: auto !important
}

.no-animate {
    transition: unset !important
}

.wrap {
    white-space: normal !important;
    word-break: break-all !important;
    height: auto !important
}

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

.bold {
    font-weight: 700 !important
}

.thin {
    font-weight: 400 !important
}

.star {
    line-height: inherit;
    font-size: 14px;
    display: inline-block;
    color: #f32121 !important;
    margin: 0;
    padding: 0 2px;
    transform: scale(.65);
    opacity: .75;
    font-family: icomoon
}

    .star:before {
        content: "\e9d9"
    }

.dotted-frame {
    width: 100%;
    float: left;
    border-radius: 4px;
    padding: 10px;
    border: 1px dotted rgba(0,0,0,.25)
}

.input-simulation {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border linear .2s,box-shadow linear .2s;
    display: inline-block;
    height: 30px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    float: left;
    overflow: hidden;
    width: 300px
}

.normal {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0
}

    .normal .main, .normal .main-middle {
        word-break: break-all
    }

    .normal .main {
        vertical-align: top !important
    }

    .normal .main-middle {
        vertical-align: middle !important
    }

    .normal .right-main {
        border-left: 1px solid #ddd
    }

.color-green {
    color: #16a500 !important
}

.color-blue-light {
    color: #26c6f2 !important
}

.color-blue {
    color: #198cf0 !important
}

.color-blue-dark {
    color: #0056a1 !important
}

.color-yellow {
    color: #d9ac18 !important
}

.color-orange {
    color: #f37b21 !important
}

.color-red {
    color: #f32121 !important
}

.color-gray-light {
    color: #999 !important
}

.color-gray {
    color: #666 !important
}

.color-black {
    color: #000 !important
}

.color-white {
    color: #fff !important
}

.empty {
    width: 100%;
    float: left;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 5px;
    padding: 10px;
    line-height: 20px;
    color: #999;
    border: 1px dotted #ddd;
    cursor: default;
    text-align: center;
    font-size: 16px;
    margin: 10px 0;
    display: none
}

.empty-fullscreen {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    min-height: 300px;
    overflow: hidden
}

    .empty-fullscreen .content {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

        .empty-fullscreen .content p, .empty-fullscreen .content span {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(0,0,0,.25)
        }

        .empty-fullscreen .content span {
            height: 200px;
            font-size: 200px
        }

        .empty-fullscreen .content p {
            height: 50px;
            font-size: 24px;
            margin: 20px 0 30px
        }

.error-content {
    width: 100%;
    float: left;
    border-radius: 5px;
    padding: 10px;
    text-align: left;
    border: 1px dashed rgba(255,20,20,.5);
    background: rgba(255,20,20,.05);
    color: #ff1414;
    margin: 10px 0;
    line-height: 20px
}

    .error-content span {
        color: inherit
    }

.remarks-content, .sub-content {
    width: 100%;
    float: left;
    word-break: break-all;
    line-height: 22px;
    margin-bottom: 5px;
    font-size: 16px
}

.remarks-content {
    opacity: .5;
    font-size: 14px
}

    .remarks-content span {
        color: inherit;
        font-size: inherit
    }

.more-animage {
    width: 20px;
    height: 20px;
    display: inline-block;
    color: inherit;
    cursor: inherit;
    margin: 0 5px !important;
    animation: translation-animate 2s infinite linear
}

    .more-animage:after, .more-animage:before {
        height: 20px;
        line-height: 20px;
        content: "\e259";
        display: inline-block;
        font-family: glyphicon;
        width: 100%;
        float: left;
        text-align: center;
        margin: -4px 0 -10px 0;
        cursor: inherit
    }

.line-area {
    width: 100%;
    float: left;
    border-radius: 4px;
    border: 1px dashed #ddd
}

.dark * {
    scrollbar-track-color: #4b505a !important;
    scrollbar-arrow-color: #6e737d !important;
    scrollbar-face-color: #323737 !important;
    scrollbar-3dlight-color: transparent !important;
    scrollbar-shadow-color: transparent !important;
    scrollbar-darkshadow-color: transparent !important;
    scrollbar-highlight-color: transparent !important
}

.dark ::-webkit-scrollbar {
    background: #323737
}

.dark ::-webkit-scrollbar-thumb {
    background: #323737
}

    .dark ::-webkit-scrollbar-thumb:hover {
        background: #3c4141
    }

.dark ::-webkit-scrollbar-track {
    background: #4b505a
}

.dark body {
    color: rgba(255,255,255,.9)
}

.dark .border {
    border-top-color: rgba(255,255,255,.15)
}

.dark .input-simulation {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.1);
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075);
    color: rgba(255,255,255,.75)
}

.dark .color-gray {
    color: #999 !important
}

.dark .right-main {
    border-color: rgba(255,255,255,.2)
}

.dark .empty {
    border-color: rgba(255,255,255,.25)
}

@keyframes loading-animate {
    0% {
        background-position-x: 0
    }

    100% {
        background-position-x: 20px
    }
}

@keyframes translation-animate {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(5px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes clockwise-animate {
    0% {
        transform: rotate(0)
    }

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

@font-face {
    font-family: Digi;
    src: url(/fonts/Digi.eot);
    src: url(/fonts/Digi.eot?#iefix) format('embedded-opentype'),url(/fonts/Digi.woff2) format('woff2'),url(/fonts/Digi.woff) format('woff'),url(/fonts/Digi.ttf) format('truetype'),url(/fonts/Digi.svg#glyphicons_halflingsregular) format('svg')
}

.Digi {
    font-family: Digi !important
}

@font-face {
    font-family: glyphicon;
    src: url(/fonts/glyphicons-halflings-regular.eot);
    src: url(/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}

[class*=" glyphicon-"], [class^=glyphicon-] {
    font-family: glyphicon !important
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-eur:before, .glyphicon-euro:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.glyphicon-cd:before {
    content: "\e201"
}

.glyphicon-save-file:before {
    content: "\e202"
}

.glyphicon-open-file:before {
    content: "\e203"
}

.glyphicon-level-up:before {
    content: "\e204"
}

.glyphicon-copy:before {
    content: "\e205"
}

.glyphicon-paste:before {
    content: "\e206"
}

.glyphicon-alert:before {
    content: "\e209"
}

.glyphicon-equalizer:before {
    content: "\e210"
}

.glyphicon-king:before {
    content: "\e211"
}

.glyphicon-queen:before {
    content: "\e212"
}

.glyphicon-pawn:before {
    content: "\e213"
}

.glyphicon-bishop:before {
    content: "\e214"
}

.glyphicon-knight:before {
    content: "\e215"
}

.glyphicon-baby-formula:before {
    content: "\e216"
}

.glyphicon-tent:before {
    content: "\26fa"
}

.glyphicon-blackboard:before {
    content: "\e218"
}

.glyphicon-bed:before {
    content: "\e219"
}

.glyphicon-apple:before {
    content: "\f8ff"
}

.glyphicon-erase:before {
    content: "\e221"
}

.glyphicon-hourglass:before {
    content: "\231b"
}

.glyphicon-lamp:before {
    content: "\e223"
}

.glyphicon-duplicate:before {
    content: "\e224"
}

.glyphicon-piggy-bank:before {
    content: "\e225"
}

.glyphicon-scissors:before {
    content: "\e226"
}

.glyphicon-bitcoin:before {
    content: "\e227"
}

.glyphicon-btc:before {
    content: "\e227"
}

.glyphicon-xbt:before {
    content: "\e227"
}

.glyphicon-yen:before {
    content: "\00a5"
}

.glyphicon-jpy:before {
    content: "\00a5"
}

.glyphicon-ruble:before {
    content: "\20bd"
}

.glyphicon-rub:before {
    content: "\20bd"
}

.glyphicon-scale:before {
    content: "\e230"
}

.glyphicon-ice-lolly:before {
    content: "\e231"
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232"
}

.glyphicon-education:before {
    content: "\e233"
}

.glyphicon-option-horizontal:before {
    content: "\e234"
}

.glyphicon-option-vertical:before {
    content: "\e235"
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-modal-window:before {
    content: "\e237"
}

.glyphicon-oil:before {
    content: "\e238"
}

.glyphicon-grain:before {
    content: "\e239"
}

.glyphicon-sunglasses:before {
    content: "\e240"
}

.glyphicon-text-size:before {
    content: "\e241"
}

.glyphicon-text-color:before {
    content: "\e242"
}

.glyphicon-text-background:before {
    content: "\e243"
}

.glyphicon-object-align-top:before {
    content: "\e244"
}

.glyphicon-object-align-bottom:before {
    content: "\e245"
}

.glyphicon-object-align-horizontal:before {
    content: "\e246"
}

.glyphicon-object-align-left:before {
    content: "\e247"
}

.glyphicon-object-align-vertical:before {
    content: "\e248"
}

.glyphicon-object-align-right:before {
    content: "\e249"
}

.glyphicon-triangle-right:before {
    content: "\e250"
}

.glyphicon-triangle-left:before {
    content: "\e251"
}

.glyphicon-triangle-bottom:before {
    content: "\e252"
}

.glyphicon-triangle-top:before {
    content: "\e253"
}

.glyphicon-console:before {
    content: "\e254"
}

.glyphicon-superscript:before {
    content: "\e255"
}

.glyphicon-subscript:before {
    content: "\e256"
}

.glyphicon-menu-left:before {
    content: "\e257"
}

.glyphicon-menu-right:before {
    content: "\e258"
}

.glyphicon-menu-down:before {
    content: "\e259"
}

.glyphicon-menu-up:before {
    content: "\e260"
}

@font-face {
    font-family: icomoon;
    src: url(/fonts/icomoon.eot?u4cclp);
    src: url(/fonts/icomoon.eot?u4cclp#iefix) format('embedded-opentype'),url(/fonts/icomoon.ttf?u4cclp) format('truetype'),url(/fonts/icomoon.woff?u4cclp) format('woff'),url(/fonts/icomoon.svg?u4cclp#icomoon) format('svg')
}

[class*=" icomoon-"], [class^=icomoon-] {
    font-family: icomoon !important
}

.icomoon-home:before {
    content: "\e900"
}

.icomoon-home2:before {
    content: "\e901"
}

.icomoon-home3:before {
    content: "\e902"
}

.icomoon-office:before {
    content: "\e903"
}

.icomoon-newspaper:before {
    content: "\e904"
}

.icomoon-pencil:before {
    content: "\e905"
}

.icomoon-pencil2:before {
    content: "\e906"
}

.icomoon-quill:before {
    content: "\e907"
}

.icomoon-pen:before {
    content: "\e908"
}

.icomoon-blog:before {
    content: "\e909"
}

.icomoon-eyedropper:before {
    content: "\e90a"
}

.icomoon-droplet:before {
    content: "\e90b"
}

.icomoon-paint-format:before {
    content: "\e90c"
}

.icomoon-image:before {
    content: "\e90d"
}

.icomoon-images:before {
    content: "\e90e"
}

.icomoon-camera:before {
    content: "\e90f"
}

.icomoon-headphones:before {
    content: "\e910"
}

.icomoon-music:before {
    content: "\e911"
}

.icomoon-play:before {
    content: "\e912"
}

.icomoon-film:before {
    content: "\e913"
}

.icomoon-video-camera:before {
    content: "\e914"
}

.icomoon-dice:before {
    content: "\e915"
}

.icomoon-pacman:before {
    content: "\e916"
}

.icomoon-spades:before {
    content: "\e917"
}

.icomoon-clubs:before {
    content: "\e918"
}

.icomoon-diamonds:before {
    content: "\e919"
}

.icomoon-bullhorn:before {
    content: "\e91a"
}

.icomoon-connection:before {
    content: "\e91b"
}

.icomoon-podcast:before {
    content: "\e91c"
}

.icomoon-feed:before {
    content: "\e91d"
}

.icomoon-mic:before {
    content: "\e91e"
}

.icomoon-book:before {
    content: "\e91f"
}

.icomoon-books:before {
    content: "\e920"
}

.icomoon-library:before {
    content: "\e921"
}

.icomoon-file-text:before {
    content: "\e922"
}

.icomoon-profile:before {
    content: "\e923"
}

.icomoon-file-empty:before {
    content: "\e924"
}

.icomoon-files-empty:before {
    content: "\e925"
}

.icomoon-file-text2:before {
    content: "\e926"
}

.icomoon-file-picture:before {
    content: "\e927"
}

.icomoon-file-music:before {
    content: "\e928"
}

.icomoon-file-play:before {
    content: "\e929"
}

.icomoon-file-video:before {
    content: "\e92a"
}

.icomoon-file-zip:before {
    content: "\e92b"
}

.icomoon-copy:before {
    content: "\e92c"
}

.icomoon-paste:before {
    content: "\e92d"
}

.icomoon-stack:before {
    content: "\e92e"
}

.icomoon-folder:before {
    content: "\e92f"
}

.icomoon-folder-open:before {
    content: "\e930"
}

.icomoon-folder-plus:before {
    content: "\e931"
}

.icomoon-folder-minus:before {
    content: "\e932"
}

.icomoon-folder-download:before {
    content: "\e933"
}

.icomoon-folder-upload:before {
    content: "\e934"
}

.icomoon-price-tag:before {
    content: "\e935"
}

.icomoon-price-tags:before {
    content: "\e936"
}

.icomoon-barcode:before {
    content: "\e937"
}

.icomoon-qrcode:before {
    content: "\e938"
}

.icomoon-ticket:before {
    content: "\e939"
}

.icomoon-cart:before {
    content: "\e93a"
}

.icomoon-coin-dollar:before {
    content: "\e93b"
}

.icomoon-coin-euro:before {
    content: "\e93c"
}

.icomoon-coin-pound:before {
    content: "\e93d"
}

.icomoon-coin-yen:before {
    content: "\e93e"
}

.icomoon-credit-card:before {
    content: "\e93f"
}

.icomoon-calculator:before {
    content: "\e940"
}

.icomoon-lifebuoy:before {
    content: "\e941"
}

.icomoon-phone:before {
    content: "\e942"
}

.icomoon-phone-hang-up:before {
    content: "\e943"
}

.icomoon-address-book:before {
    content: "\e944"
}

.icomoon-envelop:before {
    content: "\e945"
}

.icomoon-pushpin:before {
    content: "\e946"
}

.icomoon-location:before {
    content: "\e947"
}

.icomoon-location2:before {
    content: "\e948"
}

.icomoon-compass:before {
    content: "\e949"
}

.icomoon-compass2:before {
    content: "\e94a"
}

.icomoon-map:before {
    content: "\e94b"
}

.icomoon-map2:before {
    content: "\e94c"
}

.icomoon-history:before {
    content: "\e94d"
}

.icomoon-clock:before {
    content: "\e94e"
}

.icomoon-clock2:before {
    content: "\e94f"
}

.icomoon-alarm:before {
    content: "\e950"
}

.icomoon-bell:before {
    content: "\e951"
}

.icomoon-stopwatch:before {
    content: "\e952"
}

.icomoon-calendar:before {
    content: "\e953"
}

.icomoon-printer:before {
    content: "\e954"
}

.icomoon-keyboard:before {
    content: "\e955"
}

.icomoon-display:before {
    content: "\e956"
}

.icomoon-laptop:before {
    content: "\e957"
}

.icomoon-mobile:before {
    content: "\e958"
}

.icomoon-mobile2:before {
    content: "\e959"
}

.icomoon-tablet:before {
    content: "\e95a"
}

.icomoon-tv:before {
    content: "\e95b"
}

.icomoon-drawer:before {
    content: "\e95c"
}

.icomoon-drawer2:before {
    content: "\e95d"
}

.icomoon-box-add:before {
    content: "\e95e"
}

.icomoon-box-remove:before {
    content: "\e95f"
}

.icomoon-download:before {
    content: "\e960"
}

.icomoon-upload:before {
    content: "\e961"
}

.icomoon-floppy-disk:before {
    content: "\e962"
}

.icomoon-drive:before {
    content: "\e963"
}

.icomoon-database:before {
    content: "\e964"
}

.icomoon-undo:before {
    content: "\e965"
}

.icomoon-redo:before {
    content: "\e966"
}

.icomoon-undo2:before {
    content: "\e967"
}

.icomoon-redo2:before {
    content: "\e968"
}

.icomoon-forward:before {
    content: "\e969"
}

.icomoon-reply:before {
    content: "\e96a"
}

.icomoon-bubble:before {
    content: "\e96b"
}

.icomoon-bubbles:before {
    content: "\e96c"
}

.icomoon-bubbles2:before {
    content: "\e96d"
}

.icomoon-bubble2:before {
    content: "\e96e"
}

.icomoon-bubbles3:before {
    content: "\e96f"
}

.icomoon-bubbles4:before {
    content: "\e970"
}

.icomoon-user:before {
    content: "\e971"
}

.icomoon-users:before {
    content: "\e972"
}

.icomoon-user-plus:before {
    content: "\e973"
}

.icomoon-user-minus:before {
    content: "\e974"
}

.icomoon-user-check:before {
    content: "\e975"
}

.icomoon-user-tie:before {
    content: "\e976"
}

.icomoon-quotes-left:before {
    content: "\e977"
}

.icomoon-quotes-right:before {
    content: "\e978"
}

.icomoon-hour-glass:before {
    content: "\e979"
}

.icomoon-spinner:before {
    content: "\e97a"
}

.icomoon-spinner2:before {
    content: "\e97b"
}

.icomoon-spinner3:before {
    content: "\e97c"
}

.icomoon-spinner4:before {
    content: "\e97d"
}

.icomoon-spinner5:before {
    content: "\e97e"
}

.icomoon-spinner6:before {
    content: "\e97f"
}

.icomoon-spinner7:before {
    content: "\e980"
}

.icomoon-spinner8:before {
    content: "\e981"
}

.icomoon-spinner9:before {
    content: "\e982"
}

.icomoon-spinner10:before {
    content: "\e983"
}

.icomoon-spinner11:before {
    content: "\e984"
}

.icomoon-binoculars:before {
    content: "\e985"
}

.icomoon-search:before {
    content: "\e986"
}

.icomoon-zoom-in:before {
    content: "\e987"
}

.icomoon-zoom-out:before {
    content: "\e988"
}

.icomoon-enlarge:before {
    content: "\e989"
}

.icomoon-shrink:before {
    content: "\e98a"
}

.icomoon-enlarge2:before {
    content: "\e98b"
}

.icomoon-shrink2:before {
    content: "\e98c"
}

.icomoon-key:before {
    content: "\e98d"
}

.icomoon-key2:before {
    content: "\e98e"
}

.icomoon-lock:before {
    content: "\e98f"
}

.icomoon-unlocked:before {
    content: "\e990"
}

.icomoon-wrench:before {
    content: "\e991"
}

.icomoon-equalizer:before {
    content: "\e992"
}

.icomoon-equalizer2:before {
    content: "\e993"
}

.icomoon-cog:before {
    content: "\e994"
}

.icomoon-cogs:before {
    content: "\e995"
}

.icomoon-hammer:before {
    content: "\e996"
}

.icomoon-magic-wand:before {
    content: "\e997"
}

.icomoon-aid-kit:before {
    content: "\e998"
}

.icomoon-bug:before {
    content: "\e999"
}

.icomoon-pie-chart:before {
    content: "\e99a"
}

.icomoon-stats-dots:before {
    content: "\e99b"
}

.icomoon-stats-bars:before {
    content: "\e99c"
}

.icomoon-stats-bars2:before {
    content: "\e99d"
}

.icomoon-trophy:before {
    content: "\e99e"
}

.icomoon-gift:before {
    content: "\e99f"
}

.icomoon-glass:before {
    content: "\e9a0"
}

.icomoon-glass2:before {
    content: "\e9a1"
}

.icomoon-mug:before {
    content: "\e9a2"
}

.icomoon-spoon-knife:before {
    content: "\e9a3"
}

.icomoon-leaf:before {
    content: "\e9a4"
}

.icomoon-rocket:before {
    content: "\e9a5"
}

.icomoon-meter:before {
    content: "\e9a6"
}

.icomoon-meter2:before {
    content: "\e9a7"
}

.icomoon-hammer2:before {
    content: "\e9a8"
}

.icomoon-fire:before {
    content: "\e9a9"
}

.icomoon-lab:before {
    content: "\e9aa"
}

.icomoon-magnet:before {
    content: "\e9ab"
}

.icomoon-bin:before {
    content: "\e9ac"
}

.icomoon-bin2:before {
    content: "\e9ad"
}

.icomoon-briefcase:before {
    content: "\e9ae"
}

.icomoon-airplane:before {
    content: "\e9af"
}

.icomoon-truck:before {
    content: "\e9b0"
}

.icomoon-road:before {
    content: "\e9b1"
}

.icomoon-accessibility:before {
    content: "\e9b2"
}

.icomoon-target:before {
    content: "\e9b3"
}

.icomoon-shield:before {
    content: "\e9b4"
}

.icomoon-power:before {
    content: "\e9b5"
}

.icomoon-switch:before {
    content: "\e9b6"
}

.icomoon-power-cord:before {
    content: "\e9b7"
}

.icomoon-clipboard:before {
    content: "\e9b8"
}

.icomoon-list-numbered:before {
    content: "\e9b9"
}

.icomoon-list:before {
    content: "\e9ba"
}

.icomoon-list2:before {
    content: "\e9bb"
}

.icomoon-tree:before {
    content: "\e9bc"
}

.icomoon-menu:before {
    content: "\e9bd"
}

.icomoon-menu2:before {
    content: "\e9be"
}

.icomoon-menu3:before {
    content: "\e9bf"
}

.icomoon-menu4:before {
    content: "\e9c0"
}

.icomoon-cloud:before {
    content: "\e9c1"
}

.icomoon-cloud-download:before {
    content: "\e9c2"
}

.icomoon-cloud-upload:before {
    content: "\e9c3"
}

.icomoon-cloud-check:before {
    content: "\e9c4"
}

.icomoon-download2:before {
    content: "\e9c5"
}

.icomoon-upload2:before {
    content: "\e9c6"
}

.icomoon-download3:before {
    content: "\e9c7"
}

.icomoon-upload3:before {
    content: "\e9c8"
}

.icomoon-sphere:before {
    content: "\e9c9"
}

.icomoon-earth:before {
    content: "\e9ca"
}

.icomoon-link:before {
    content: "\e9cb"
}

.icomoon-flag:before {
    content: "\e9cc"
}

.icomoon-attachment:before {
    content: "\e9cd"
}

.icomoon-eye:before {
    content: "\e9ce"
}

.icomoon-eye-plus:before {
    content: "\e9cf"
}

.icomoon-eye-minus:before {
    content: "\e9d0"
}

.icomoon-eye-blocked:before {
    content: "\e9d1"
}

.icomoon-bookmark:before {
    content: "\e9d2"
}

.icomoon-bookmarks:before {
    content: "\e9d3"
}

.icomoon-sun:before {
    content: "\e9d4"
}

.icomoon-contrast:before {
    content: "\e9d5"
}

.icomoon-brightness-contrast:before {
    content: "\e9d6"
}

.icomoon-star-empty:before {
    content: "\e9d7"
}

.icomoon-star-half:before {
    content: "\e9d8"
}

.icomoon-star-full:before {
    content: "\e9d9"
}

.icomoon-heart:before {
    content: "\e9da"
}

.icomoon-heart-broken:before {
    content: "\e9db"
}

.icomoon-man:before {
    content: "\e9dc"
}

.icomoon-woman:before {
    content: "\e9dd"
}

.icomoon-man-woman:before {
    content: "\e9de"
}

.icomoon-happy:before {
    content: "\e9df"
}

.icomoon-happy2:before {
    content: "\e9e0"
}

.icomoon-smile:before {
    content: "\e9e1"
}

.icomoon-smile2:before {
    content: "\e9e2"
}

.icomoon-tongue:before {
    content: "\e9e3"
}

.icomoon-tongue2:before {
    content: "\e9e4"
}

.icomoon-sad:before {
    content: "\e9e5"
}

.icomoon-sad2:before {
    content: "\e9e6"
}

.icomoon-wink:before {
    content: "\e9e7"
}

.icomoon-wink2:before {
    content: "\e9e8"
}

.icomoon-grin:before {
    content: "\e9e9"
}

.icomoon-grin2:before {
    content: "\e9ea"
}

.icomoon-cool:before {
    content: "\e9eb"
}

.icomoon-cool2:before {
    content: "\e9ec"
}

.icomoon-angry:before {
    content: "\e9ed"
}

.icomoon-angry2:before {
    content: "\e9ee"
}

.icomoon-evil:before {
    content: "\e9ef"
}

.icomoon-evil2:before {
    content: "\e9f0"
}

.icomoon-shocked:before {
    content: "\e9f1"
}

.icomoon-shocked2:before {
    content: "\e9f2"
}

.icomoon-baffled:before {
    content: "\e9f3"
}

.icomoon-baffled2:before {
    content: "\e9f4"
}

.icomoon-confused:before {
    content: "\e9f5"
}

.icomoon-confused2:before {
    content: "\e9f6"
}

.icomoon-neutral:before {
    content: "\e9f7"
}

.icomoon-neutral2:before {
    content: "\e9f8"
}

.icomoon-hipster:before {
    content: "\e9f9"
}

.icomoon-hipster2:before {
    content: "\e9fa"
}

.icomoon-wondering:before {
    content: "\e9fb"
}

.icomoon-wondering2:before {
    content: "\e9fc"
}

.icomoon-sleepy:before {
    content: "\e9fd"
}

.icomoon-sleepy2:before {
    content: "\e9fe"
}

.icomoon-frustrated:before {
    content: "\e9ff"
}

.icomoon-frustrated2:before {
    content: "\ea00"
}

.icomoon-crying:before {
    content: "\ea01"
}

.icomoon-crying2:before {
    content: "\ea02"
}

.icomoon-point-up:before {
    content: "\ea03"
}

.icomoon-point-right:before {
    content: "\ea04"
}

.icomoon-point-down:before {
    content: "\ea05"
}

.icomoon-point-left:before {
    content: "\ea06"
}

.icomoon-warning:before {
    content: "\ea07"
}

.icomoon-notification:before {
    content: "\ea08"
}

.icomoon-question:before {
    content: "\ea09"
}

.icomoon-plus:before {
    content: "\ea0a"
}

.icomoon-minus:before {
    content: "\ea0b"
}

.icomoon-info:before {
    content: "\ea0c"
}

.icomoon-cancel-circle:before {
    content: "\ea0d"
}

.icomoon-blocked:before {
    content: "\ea0e"
}

.icomoon-cross:before {
    content: "\ea0f"
}

.icomoon-checkmark:before {
    content: "\ea10"
}

.icomoon-checkmark2:before {
    content: "\ea11"
}

.icomoon-spell-check:before {
    content: "\ea12"
}

.icomoon-enter:before {
    content: "\ea13"
}

.icomoon-exit:before {
    content: "\ea14"
}

.icomoon-play2:before {
    content: "\ea15"
}

.icomoon-pause:before {
    content: "\ea16"
}

.icomoon-stop:before {
    content: "\ea17"
}

.icomoon-previous:before {
    content: "\ea18"
}

.icomoon-next:before {
    content: "\ea19"
}

.icomoon-backward:before {
    content: "\ea1a"
}

.icomoon-forward2:before {
    content: "\ea1b"
}

.icomoon-play3:before {
    content: "\ea1c"
}

.icomoon-pause2:before {
    content: "\ea1d"
}

.icomoon-stop2:before {
    content: "\ea1e"
}

.icomoon-backward2:before {
    content: "\ea1f"
}

.icomoon-forward3:before {
    content: "\ea20"
}

.icomoon-first:before {
    content: "\ea21"
}

.icomoon-last:before {
    content: "\ea22"
}

.icomoon-previous2:before {
    content: "\ea23"
}

.icomoon-next2:before {
    content: "\ea24"
}

.icomoon-eject:before {
    content: "\ea25"
}

.icomoon-volume-high:before {
    content: "\ea26"
}

.icomoon-volume-medium:before {
    content: "\ea27"
}

.icomoon-volume-low:before {
    content: "\ea28"
}

.icomoon-volume-mute:before {
    content: "\ea29"
}

.icomoon-volume-mute2:before {
    content: "\ea2a"
}

.icomoon-volume-increase:before {
    content: "\ea2b"
}

.icomoon-volume-decrease:before {
    content: "\ea2c"
}

.icomoon-loop:before {
    content: "\ea2d"
}

.icomoon-loop2:before {
    content: "\ea2e"
}

.icomoon-infinite:before {
    content: "\ea2f"
}

.icomoon-shuffle:before {
    content: "\ea30"
}

.icomoon-arrow-up-left:before {
    content: "\ea31"
}

.icomoon-arrow-up:before {
    content: "\ea32"
}

.icomoon-arrow-up-right:before {
    content: "\ea33"
}

.icomoon-arrow-right:before {
    content: "\ea34"
}

.icomoon-arrow-down-right:before {
    content: "\ea35"
}

.icomoon-arrow-down:before {
    content: "\ea36"
}

.icomoon-arrow-down-left:before {
    content: "\ea37"
}

.icomoon-arrow-left:before {
    content: "\ea38"
}

.icomoon-arrow-up-left2:before {
    content: "\ea39"
}

.icomoon-arrow-up2:before {
    content: "\ea3a"
}

.icomoon-arrow-up-right2:before {
    content: "\ea3b"
}

.icomoon-arrow-right2:before {
    content: "\ea3c"
}

.icomoon-arrow-down-right2:before {
    content: "\ea3d"
}

.icomoon-arrow-down2:before {
    content: "\ea3e"
}

.icomoon-arrow-down-left2:before {
    content: "\ea3f"
}

.icomoon-arrow-left2:before {
    content: "\ea40"
}

.icomoon-circle-up:before {
    content: "\ea41"
}

.icomoon-circle-right:before {
    content: "\ea42"
}

.icomoon-circle-down:before {
    content: "\ea43"
}

.icomoon-circle-left:before {
    content: "\ea44"
}

.icomoon-tab:before {
    content: "\ea45"
}

.icomoon-move-up:before {
    content: "\ea46"
}

.icomoon-move-down:before {
    content: "\ea47"
}

.icomoon-sort-alpha-asc:before {
    content: "\ea48"
}

.icomoon-sort-alpha-desc:before {
    content: "\ea49"
}

.icomoon-sort-numeric-asc:before {
    content: "\ea4a"
}

.icomoon-sort-numberic-desc:before {
    content: "\ea4b"
}

.icomoon-sort-amount-asc:before {
    content: "\ea4c"
}

.icomoon-sort-amount-desc:before {
    content: "\ea4d"
}

.icomoon-command:before {
    content: "\ea4e"
}

.icomoon-shift:before {
    content: "\ea4f"
}

.icomoon-ctrl:before {
    content: "\ea50"
}

.icomoon-opt:before {
    content: "\ea51"
}

.icomoon-checkbox-checked:before {
    content: "\ea52"
}

.icomoon-checkbox-unchecked:before {
    content: "\ea53"
}

.icomoon-radio-checked:before {
    content: "\ea54"
}

.icomoon-radio-checked2:before {
    content: "\ea55"
}

.icomoon-radio-unchecked:before {
    content: "\ea56"
}

.icomoon-crop:before {
    content: "\ea57"
}

.icomoon-make-group:before {
    content: "\ea58"
}

.icomoon-ungroup:before {
    content: "\ea59"
}

.icomoon-scissors:before {
    content: "\ea5a"
}

.icomoon-filter:before {
    content: "\ea5b"
}

.icomoon-font:before {
    content: "\ea5c"
}

.icomoon-ligature:before {
    content: "\ea5d"
}

.icomoon-ligature2:before {
    content: "\ea5e"
}

.icomoon-text-height:before {
    content: "\ea5f"
}

.icomoon-text-width:before {
    content: "\ea60"
}

.icomoon-font-size:before {
    content: "\ea61"
}

.icomoon-bold:before {
    content: "\ea62"
}

.icomoon-underline:before {
    content: "\ea63"
}

.icomoon-italic:before {
    content: "\ea64"
}

.icomoon-strikethrough:before {
    content: "\ea65"
}

.icomoon-omega:before {
    content: "\ea66"
}

.icomoon-sigma:before {
    content: "\ea67"
}

.icomoon-page-break:before {
    content: "\ea68"
}

.icomoon-superscript:before {
    content: "\ea69"
}

.icomoon-subscript:before {
    content: "\ea6a"
}

.icomoon-superscript2:before {
    content: "\ea6b"
}

.icomoon-subscript2:before {
    content: "\ea6c"
}

.icomoon-text-color:before {
    content: "\ea6d"
}

.icomoon-pagebreak:before {
    content: "\ea6e"
}

.icomoon-clear-formatting:before {
    content: "\ea6f"
}

.icomoon-table:before {
    content: "\ea70"
}

.icomoon-table2:before {
    content: "\ea71"
}

.icomoon-insert-template:before {
    content: "\ea72"
}

.icomoon-pilcrow:before {
    content: "\ea73"
}

.icomoon-ltr:before {
    content: "\ea74"
}

.icomoon-rtl:before {
    content: "\ea75"
}

.icomoon-section:before {
    content: "\ea76"
}

.icomoon-paragraph-left:before {
    content: "\ea77"
}

.icomoon-paragraph-center:before {
    content: "\ea78"
}

.icomoon-paragraph-right:before {
    content: "\ea79"
}

.icomoon-paragraph-justify:before {
    content: "\ea7a"
}

.icomoon-indent-increase:before {
    content: "\ea7b"
}

.icomoon-indent-decrease:before {
    content: "\ea7c"
}

.icomoon-share:before {
    content: "\ea7d"
}

.icomoon-new-tab:before {
    content: "\ea7e"
}

.icomoon-embed:before {
    content: "\ea7f"
}

.icomoon-embed2:before {
    content: "\ea80"
}

.icomoon-terminal:before {
    content: "\ea81"
}

.icomoon-share2:before {
    content: "\ea82"
}

.icomoon-mail:before {
    content: "\ea83"
}

.icomoon-mail2:before {
    content: "\ea84"
}

.icomoon-mail3:before {
    content: "\ea85"
}

.icomoon-mail4:before {
    content: "\ea86"
}

.icomoon-amazon:before {
    content: "\ea87"
}

.icomoon-google:before {
    content: "\ea88"
}

.icomoon-google2:before {
    content: "\ea89"
}

.icomoon-google3:before {
    content: "\ea8a"
}

.icomoon-google-plus:before {
    content: "\ea8b"
}

.icomoon-google-plus2:before {
    content: "\ea8c"
}

.icomoon-google-plus3:before {
    content: "\ea8d"
}

.icomoon-hangouts:before {
    content: "\ea8e"
}

.icomoon-google-drive:before {
    content: "\ea8f"
}

.icomoon-facebook:before {
    content: "\ea90"
}

.icomoon-facebook2:before {
    content: "\ea91"
}

.icomoon-instagram:before {
    content: "\ea92"
}

.icomoon-whatsapp:before {
    content: "\ea93"
}

.icomoon-spotify:before {
    content: "\ea94"
}

.icomoon-telegram:before {
    content: "\ea95"
}

.icomoon-twitter:before {
    content: "\ea96"
}

.icomoon-vine:before {
    content: "\ea97"
}

.icomoon-vk:before {
    content: "\ea98"
}

.icomoon-renren:before {
    content: "\ea99"
}

.icomoon-sina-weibo:before {
    content: "\ea9a"
}

.icomoon-rss:before {
    content: "\ea9b"
}

.icomoon-rss2:before {
    content: "\ea9c"
}

.icomoon-youtube:before {
    content: "\ea9d"
}

.icomoon-youtube2:before {
    content: "\ea9e"
}

.icomoon-twitch:before {
    content: "\ea9f"
}

.icomoon-vimeo:before {
    content: "\eaa0"
}

.icomoon-vimeo2:before {
    content: "\eaa1"
}

.icomoon-lanyrd:before {
    content: "\eaa2"
}

.icomoon-flickr:before {
    content: "\eaa3"
}

.icomoon-flickr2:before {
    content: "\eaa4"
}

.icomoon-flickr3:before {
    content: "\eaa5"
}

.icomoon-flickr4:before {
    content: "\eaa6"
}

.icomoon-dribbble:before {
    content: "\eaa7"
}

.icomoon-behance:before {
    content: "\eaa8"
}

.icomoon-behance2:before {
    content: "\eaa9"
}

.icomoon-deviantart:before {
    content: "\eaaa"
}

.icomoon-500px:before {
    content: "\eaab"
}

.icomoon-steam:before {
    content: "\eaac"
}

.icomoon-steam2:before {
    content: "\eaad"
}

.icomoon-dropbox:before {
    content: "\eaae"
}

.icomoon-onedrive:before {
    content: "\eaaf"
}

.icomoon-github:before {
    content: "\eab0"
}

.icomoon-npm:before {
    content: "\eab1"
}

.icomoon-basecamp:before {
    content: "\eab2"
}

.icomoon-trello:before {
    content: "\eab3"
}

.icomoon-wordpress:before {
    content: "\eab4"
}

.icomoon-joomla:before {
    content: "\eab5"
}

.icomoon-ello:before {
    content: "\eab6"
}

.icomoon-blogger:before {
    content: "\eab7"
}

.icomoon-blogger2:before {
    content: "\eab8"
}

.icomoon-tumblr:before {
    content: "\eab9"
}

.icomoon-tumblr2:before {
    content: "\eaba"
}

.icomoon-yahoo:before {
    content: "\eabb"
}

.icomoon-yahoo2:before {
    content: "\eabc"
}

.icomoon-tux:before {
    content: "\eabd"
}

.icomoon-appleinc:before {
    content: "\eabe"
}

.icomoon-finder:before {
    content: "\eabf"
}

.icomoon-android:before {
    content: "\eac0"
}

.icomoon-windows:before {
    content: "\eac1"
}

.icomoon-windows8:before {
    content: "\eac2"
}

.icomoon-soundcloud:before {
    content: "\eac3"
}

.icomoon-soundcloud2:before {
    content: "\eac4"
}

.icomoon-skype:before {
    content: "\eac5"
}

.icomoon-reddit:before {
    content: "\eac6"
}

.icomoon-hackernews:before {
    content: "\eac7"
}

.icomoon-wikipedia:before {
    content: "\eac8"
}

.icomoon-linkedin:before {
    content: "\eac9"
}

.icomoon-linkedin2:before {
    content: "\eaca"
}

.icomoon-lastfm:before {
    content: "\eacb"
}

.icomoon-lastfm2:before {
    content: "\eacc"
}

.icomoon-delicious:before {
    content: "\eacd"
}

.icomoon-stumbleupon:before {
    content: "\eace"
}

.icomoon-stumbleupon2:before {
    content: "\eacf"
}

.icomoon-stackoverflow:before {
    content: "\ead0"
}

.icomoon-pinterest:before {
    content: "\ead1"
}

.icomoon-pinterest2:before {
    content: "\ead2"
}

.icomoon-xing:before {
    content: "\ead3"
}

.icomoon-xing2:before {
    content: "\ead4"
}

.icomoon-flattr:before {
    content: "\ead5"
}

.icomoon-foursquare:before {
    content: "\ead6"
}

.icomoon-yelp:before {
    content: "\ead7"
}

.icomoon-paypal:before {
    content: "\ead8"
}

.icomoon-chrome:before {
    content: "\ead9"
}

.icomoon-firefox:before {
    content: "\eada"
}

.icomoon-IE:before {
    content: "\eadb"
}

.icomoon-edge:before {
    content: "\eadc"
}

.icomoon-safari:before {
    content: "\eadd"
}

.icomoon-opera:before {
    content: "\eade"
}

.icomoon-file-pdf:before {
    content: "\eadf"
}

.icomoon-file-openoffice:before {
    content: "\eae0"
}

.icomoon-file-word:before {
    content: "\eae1"
}

.icomoon-file-excel:before {
    content: "\eae2"
}

.icomoon-libreoffice:before {
    content: "\eae3"
}

.icomoon-html-five:before {
    content: "\eae4"
}

.icomoon-html-five2:before {
    content: "\eae5"
}

.icomoon-css3:before {
    content: "\eae6"
}

.icomoon-git:before {
    content: "\eae7"
}

.icomoon-codepen:before {
    content: "\eae8"
}

.icomoon-svg:before {
    content: "\eae9"
}

.icomoon-IcoMoon:before {
    content: "\eaea"
}

@font-face {
    font-family: awesome;
    src: url(/fonts/awesome.eot?v=4.7.0);
    src: url(/fonts/awesome.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/fonts/awesome.woff2?v=4.7.0) format('woff2'),url(/fonts/awesome.woff?v=4.7.0) format('woff'),url(/fonts/awesome.ttf?v=4.7.0) format('truetype'),url(/fonts/awesome.svg?v=4.7.0#fontawesomeregular) format('svg')
}

[class*=" awesome-"], [class^=awesome-] {
    font-family: awesome !important
}

.awesome-glass:before {
    content: "\f000"
}

.awesome-music:before {
    content: "\f001"
}

.awesome-search:before {
    content: "\f002"
}

.awesome-envelope-o:before {
    content: "\f003"
}

.awesome-heart:before {
    content: "\f004"
}

.awesome-star:before {
    content: "\f005"
}

.awesome-star-o:before {
    content: "\f006"
}

.awesome-user:before {
    content: "\f007"
}

.awesome-film:before {
    content: "\f008"
}

.awesome-th-large:before {
    content: "\f009"
}

.awesome-th:before {
    content: "\f00a"
}

.awesome-th-list:before {
    content: "\f00b"
}

.awesome-check:before {
    content: "\f00c"
}

.awesome-close:before, .awesome-remove:before, .awesome-times:before {
    content: "\f00d"
}

.awesome-search-plus:before {
    content: "\f00e"
}

.awesome-search-minus:before {
    content: "\f010"
}

.awesome-power-off:before {
    content: "\f011"
}

.awesome-signal:before {
    content: "\f012"
}

.awesome-cog:before, .awesome-gear:before {
    content: "\f013"
}

.awesome-trash-o:before {
    content: "\f014"
}

.awesome-home:before {
    content: "\f015"
}

.awesome-file-o:before {
    content: "\f016"
}

.awesome-clock-o:before {
    content: "\f017"
}

.awesome-road:before {
    content: "\f018"
}

.awesome-download:before {
    content: "\f019"
}

.awesome-arrow-circle-o-down:before {
    content: "\f01a"
}

.awesome-arrow-circle-o-up:before {
    content: "\f01b"
}

.awesome-inbox:before {
    content: "\f01c"
}

.awesome-play-circle-o:before {
    content: "\f01d"
}

.awesome-repeat:before, .awesome-rotate-right:before {
    content: "\f01e"
}

.awesome-refresh:before {
    content: "\f021"
}

.awesome-list-alt:before {
    content: "\f022"
}

.awesome-lock:before {
    content: "\f023"
}

.awesome-flag:before {
    content: "\f024"
}

.awesome-headphones:before {
    content: "\f025"
}

.awesome-volume-off:before {
    content: "\f026"
}

.awesome-volume-down:before {
    content: "\f027"
}

.awesome-volume-up:before {
    content: "\f028"
}

.awesome-qrcode:before {
    content: "\f029"
}

.awesome-barcode:before {
    content: "\f02a"
}

.awesome-tag:before {
    content: "\f02b"
}

.awesome-tags:before {
    content: "\f02c"
}

.awesome-book:before {
    content: "\f02d"
}

.awesome-bookmark:before {
    content: "\f02e"
}

.awesome-print:before {
    content: "\f02f"
}

.awesome-camera:before {
    content: "\f030"
}

.awesome-font:before {
    content: "\f031"
}

.awesome-bold:before {
    content: "\f032"
}

.awesome-italic:before {
    content: "\f033"
}

.awesome-text-height:before {
    content: "\f034"
}

.awesome-text-width:before {
    content: "\f035"
}

.awesome-align-left:before {
    content: "\f036"
}

.awesome-align-center:before {
    content: "\f037"
}

.awesome-align-right:before {
    content: "\f038"
}

.awesome-align-justify:before {
    content: "\f039"
}

.awesome-list:before {
    content: "\f03a"
}

.awesome-dedent:before, .awesome-outdent:before {
    content: "\f03b"
}

.awesome-indent:before {
    content: "\f03c"
}

.awesome-video-camera:before {
    content: "\f03d"
}

.awesome-image:before, .awesome-photo:before, .awesome-picture-o:before {
    content: "\f03e"
}

.awesome-pencil:before {
    content: "\f040"
}

.awesome-map-marker:before {
    content: "\f041"
}

.awesome-adjust:before {
    content: "\f042"
}

.awesome-tint:before {
    content: "\f043"
}

.awesome-edit:before, .awesome-pencil-square-o:before {
    content: "\f044"
}

.awesome-share-square-o:before {
    content: "\f045"
}

.awesome-check-square-o:before {
    content: "\f046"
}

.awesome-arrows:before {
    content: "\f047"
}

.awesome-step-backward:before {
    content: "\f048"
}

.awesome-fast-backward:before {
    content: "\f049"
}

.awesome-backward:before {
    content: "\f04a"
}

.awesome-play:before {
    content: "\f04b"
}

.awesome-pause:before {
    content: "\f04c"
}

.awesome-stop:before {
    content: "\f04d"
}

.awesome-forward:before {
    content: "\f04e"
}

.awesome-fast-forward:before {
    content: "\f050"
}

.awesome-step-forward:before {
    content: "\f051"
}

.awesome-eject:before {
    content: "\f052"
}

.awesome-chevron-left:before {
    content: "\f053"
}

.awesome-chevron-right:before {
    content: "\f054"
}

.awesome-plus-circle:before {
    content: "\f055"
}

.awesome-minus-circle:before {
    content: "\f056"
}

.awesome-times-circle:before {
    content: "\f057"
}

.awesome-check-circle:before {
    content: "\f058"
}

.awesome-question-circle:before {
    content: "\f059"
}

.awesome-info-circle:before {
    content: "\f05a"
}

.awesome-crosshairs:before {
    content: "\f05b"
}

.awesome-times-circle-o:before {
    content: "\f05c"
}

.awesome-check-circle-o:before {
    content: "\f05d"
}

.awesome-ban:before {
    content: "\f05e"
}

.awesome-arrow-left:before {
    content: "\f060"
}

.awesome-arrow-right:before {
    content: "\f061"
}

.awesome-arrow-up:before {
    content: "\f062"
}

.awesome-arrow-down:before {
    content: "\f063"
}

.awesome-mail-forward:before, .awesome-share:before {
    content: "\f064"
}

.awesome-expand:before {
    content: "\f065"
}

.awesome-compress:before {
    content: "\f066"
}

.awesome-plus:before {
    content: "\f067"
}

.awesome-minus:before {
    content: "\f068"
}

.awesome-asterisk:before {
    content: "\f069"
}

.awesome-exclamation-circle:before {
    content: "\f06a"
}

.awesome-gift:before {
    content: "\f06b"
}

.awesome-leaf:before {
    content: "\f06c"
}

.awesome-fire:before {
    content: "\f06d"
}

.awesome-eye:before {
    content: "\f06e"
}

.awesome-eye-slash:before {
    content: "\f070"
}

.awesome-exclamation-triangle:before, .awesome-warning:before {
    content: "\f071"
}

.awesome-plane:before {
    content: "\f072"
}

.awesome-calendar:before {
    content: "\f073"
}

.awesome-random:before {
    content: "\f074"
}

.awesome-comment:before {
    content: "\f075"
}

.awesome-magnet:before {
    content: "\f076"
}

.awesome-chevron-up:before {
    content: "\f077"
}

.awesome-chevron-down:before {
    content: "\f078"
}

.awesome-retweet:before {
    content: "\f079"
}

.awesome-shopping-cart:before {
    content: "\f07a"
}

.awesome-folder:before {
    content: "\f07b"
}

.awesome-folder-open:before {
    content: "\f07c"
}

.awesome-arrows-v:before {
    content: "\f07d"
}

.awesome-arrows-h:before {
    content: "\f07e"
}

.awesome-bar-chart-o:before, .awesome-bar-chart:before {
    content: "\f080"
}

.awesome-twitter-square:before {
    content: "\f081"
}

.awesome-facebook-square:before {
    content: "\f082"
}

.awesome-camera-retro:before {
    content: "\f083"
}

.awesome-key:before {
    content: "\f084"
}

.awesome-cogs:before, .awesome-gears:before {
    content: "\f085"
}

.awesome-comments:before {
    content: "\f086"
}

.awesome-thumbs-o-up:before {
    content: "\f087"
}

.awesome-thumbs-o-down:before {
    content: "\f088"
}

.awesome-star-half:before {
    content: "\f089"
}

.awesome-heart-o:before {
    content: "\f08a"
}

.awesome-sign-out:before {
    content: "\f08b"
}

.awesome-linkedin-square:before {
    content: "\f08c"
}

.awesome-thumb-tack:before {
    content: "\f08d"
}

.awesome-external-link:before {
    content: "\f08e"
}

.awesome-sign-in:before {
    content: "\f090"
}

.awesome-trophy:before {
    content: "\f091"
}

.awesome-github-square:before {
    content: "\f092"
}

.awesome-upload:before {
    content: "\f093"
}

.awesome-lemon-o:before {
    content: "\f094"
}

.awesome-phone:before {
    content: "\f095"
}

.awesome-square-o:before {
    content: "\f096"
}

.awesome-bookmark-o:before {
    content: "\f097"
}

.awesome-phone-square:before {
    content: "\f098"
}

.awesome-twitter:before {
    content: "\f099"
}

.awesome-facebook-f:before, .awesome-facebook:before {
    content: "\f09a"
}

.awesome-github:before {
    content: "\f09b"
}

.awesome-unlock:before {
    content: "\f09c"
}

.awesome-credit-card:before {
    content: "\f09d"
}

.awesome-feed:before, .awesome-rss:before {
    content: "\f09e"
}

.awesome-hdd-o:before {
    content: "\f0a0"
}

.awesome-bullhorn:before {
    content: "\f0a1"
}

.awesome-bell:before {
    content: "\f0f3"
}

.awesome-certificate:before {
    content: "\f0a3"
}

.awesome-hand-o-right:before {
    content: "\f0a4"
}

.awesome-hand-o-left:before {
    content: "\f0a5"
}

.awesome-hand-o-up:before {
    content: "\f0a6"
}

.awesome-hand-o-down:before {
    content: "\f0a7"
}

.awesome-arrow-circle-left:before {
    content: "\f0a8"
}

.awesome-arrow-circle-right:before {
    content: "\f0a9"
}

.awesome-arrow-circle-up:before {
    content: "\f0aa"
}

.awesome-arrow-circle-down:before {
    content: "\f0ab"
}

.awesome-globe:before {
    content: "\f0ac"
}

.awesome-wrench:before {
    content: "\f0ad"
}

.awesome-tasks:before {
    content: "\f0ae"
}

.awesome-filter:before {
    content: "\f0b0"
}

.awesome-briefcase:before {
    content: "\f0b1"
}

.awesome-arrows-alt:before {
    content: "\f0b2"
}

.awesome-group:before, .awesome-users:before {
    content: "\f0c0"
}

.awesome-chain:before, .awesome-link:before {
    content: "\f0c1"
}

.awesome-cloud:before {
    content: "\f0c2"
}

.awesome-flask:before {
    content: "\f0c3"
}

.awesome-cut:before, .awesome-scissors:before {
    content: "\f0c4"
}

.awesome-copy:before, .awesome-files-o:before {
    content: "\f0c5"
}

.awesome-paperclip:before {
    content: "\f0c6"
}

.awesome-floppy-o:before, .awesome-save:before {
    content: "\f0c7"
}

.awesome-square:before {
    content: "\f0c8"
}

.awesome-bars:before, .awesome-navicon:before, .awesome-reorder:before {
    content: "\f0c9"
}

.awesome-list-ul:before {
    content: "\f0ca"
}

.awesome-list-ol:before {
    content: "\f0cb"
}

.awesome-strikethrough:before {
    content: "\f0cc"
}

.awesome-underline:before {
    content: "\f0cd"
}

.awesome-table:before {
    content: "\f0ce"
}

.awesome-magic:before {
    content: "\f0d0"
}

.awesome-truck:before {
    content: "\f0d1"
}

.awesome-pinterest:before {
    content: "\f0d2"
}

.awesome-pinterest-square:before {
    content: "\f0d3"
}

.awesome-google-plus-square:before {
    content: "\f0d4"
}

.awesome-google-plus:before {
    content: "\f0d5"
}

.awesome-money:before {
    content: "\f0d6"
}

.awesome-caret-down:before {
    content: "\f0d7"
}

.awesome-caret-up:before {
    content: "\f0d8"
}

.awesome-caret-left:before {
    content: "\f0d9"
}

.awesome-caret-right:before {
    content: "\f0da"
}

.awesome-columns:before {
    content: "\f0db"
}

.awesome-sort:before, .awesome-unsorted:before {
    content: "\f0dc"
}

.awesome-sort-desc:before, .awesome-sort-down:before {
    content: "\f0dd"
}

.awesome-sort-asc:before, .awesome-sort-up:before {
    content: "\f0de"
}

.awesome-envelope:before {
    content: "\f0e0"
}

.awesome-linkedin:before {
    content: "\f0e1"
}

.awesome-rotate-left:before, .awesome-undo:before {
    content: "\f0e2"
}

.awesome-gavel:before, .awesome-legal:before {
    content: "\f0e3"
}

.awesome-dashboard:before, .awesome-tachometer:before {
    content: "\f0e4"
}

.awesome-comment-o:before {
    content: "\f0e5"
}

.awesome-comments-o:before {
    content: "\f0e6"
}

.awesome-bolt:before, .awesome-flash:before {
    content: "\f0e7"
}

.awesome-sitemap:before {
    content: "\f0e8"
}

.awesome-umbrella:before {
    content: "\f0e9"
}

.awesome-clipboard:before, .awesome-paste:before {
    content: "\f0ea"
}

.awesome-lightbulb-o:before {
    content: "\f0eb"
}

.awesome-exchange:before {
    content: "\f0ec"
}

.awesome-cloud-download:before {
    content: "\f0ed"
}

.awesome-cloud-upload:before {
    content: "\f0ee"
}

.awesome-user-md:before {
    content: "\f0f0"
}

.awesome-stethoscope:before {
    content: "\f0f1"
}

.awesome-suitcase:before {
    content: "\f0f2"
}

.awesome-bell-o:before {
    content: "\f0a2"
}

.awesome-coffee:before {
    content: "\f0f4"
}

.awesome-cutlery:before {
    content: "\f0f5"
}

.awesome-file-text-o:before {
    content: "\f0f6"
}

.awesome-building-o:before {
    content: "\f0f7"
}

.awesome-hospital-o:before {
    content: "\f0f8"
}

.awesome-ambulance:before {
    content: "\f0f9"
}

.awesome-medkit:before {
    content: "\f0fa"
}

.awesome-fighter-jet:before {
    content: "\f0fb"
}

.awesome-beer:before {
    content: "\f0fc"
}

.awesome-h-square:before {
    content: "\f0fd"
}

.awesome-plus-square:before {
    content: "\f0fe"
}

.awesome-angle-double-left:before {
    content: "\f100"
}

.awesome-angle-double-right:before {
    content: "\f101"
}

.awesome-angle-double-up:before {
    content: "\f102"
}

.awesome-angle-double-down:before {
    content: "\f103"
}

.awesome-angle-left:before {
    content: "\f104"
}

.awesome-angle-right:before {
    content: "\f105"
}

.awesome-angle-up:before {
    content: "\f106"
}

.awesome-angle-down:before {
    content: "\f107"
}

.awesome-desktop:before {
    content: "\f108"
}

.awesome-laptop:before {
    content: "\f109"
}

.awesome-tablet:before {
    content: "\f10a"
}

.awesome-mobile-phone:before, .awesome-mobile:before {
    content: "\f10b"
}

.awesome-circle-o:before {
    content: "\f10c"
}

.awesome-quote-left:before {
    content: "\f10d"
}

.awesome-quote-right:before {
    content: "\f10e"
}

.awesome-spinner:before {
    content: "\f110"
}

.awesome-circle:before {
    content: "\f111"
}

.awesome-mail-reply:before, .awesome-reply:before {
    content: "\f112"
}

.awesome-github-alt:before {
    content: "\f113"
}

.awesome-folder-o:before {
    content: "\f114"
}

.awesome-folder-open-o:before {
    content: "\f115"
}

.awesome-smile-o:before {
    content: "\f118"
}

.awesome-frown-o:before {
    content: "\f119"
}

.awesome-meh-o:before {
    content: "\f11a"
}

.awesome-gamepad:before {
    content: "\f11b"
}

.awesome-keyboard-o:before {
    content: "\f11c"
}

.awesome-flag-o:before {
    content: "\f11d"
}

.awesome-flag-checkered:before {
    content: "\f11e"
}

.awesome-terminal:before {
    content: "\f120"
}

.awesome-code:before {
    content: "\f121"
}

.awesome-mail-reply-all:before, .awesome-reply-all:before {
    content: "\f122"
}

.awesome-star-half-empty:before, .awesome-star-half-full:before, .awesome-star-half-o:before {
    content: "\f123"
}

.awesome-location-arrow:before {
    content: "\f124"
}

.awesome-crop:before {
    content: "\f125"
}

.awesome-code-fork:before {
    content: "\f126"
}

.awesome-chain-broken:before, .awesome-unlink:before {
    content: "\f127"
}

.awesome-question:before {
    content: "\f128"
}

.awesome-info:before {
    content: "\f129"
}

.awesome-exclamation:before {
    content: "\f12a"
}

.awesome-superscript:before {
    content: "\f12b"
}

.awesome-subscript:before {
    content: "\f12c"
}

.awesome-eraser:before {
    content: "\f12d"
}

.awesome-puzzle-piece:before {
    content: "\f12e"
}

.awesome-microphone:before {
    content: "\f130"
}

.awesome-microphone-slash:before {
    content: "\f131"
}

.awesome-shield:before {
    content: "\f132"
}

.awesome-calendar-o:before {
    content: "\f133"
}

.awesome-fire-extinguisher:before {
    content: "\f134"
}

.awesome-rocket:before {
    content: "\f135"
}

.awesome-maxcdn:before {
    content: "\f136"
}

.awesome-chevron-circle-left:before {
    content: "\f137"
}

.awesome-chevron-circle-right:before {
    content: "\f138"
}

.awesome-chevron-circle-up:before {
    content: "\f139"
}

.awesome-chevron-circle-down:before {
    content: "\f13a"
}

.awesome-html5:before {
    content: "\f13b"
}

.awesome-css3:before {
    content: "\f13c"
}

.awesome-anchor:before {
    content: "\f13d"
}

.awesome-unlock-alt:before {
    content: "\f13e"
}

.awesome-bullseye:before {
    content: "\f140"
}

.awesome-ellipsis-h:before {
    content: "\f141"
}

.awesome-ellipsis-v:before {
    content: "\f142"
}

.awesome-rss-square:before {
    content: "\f143"
}

.awesome-play-circle:before {
    content: "\f144"
}

.awesome-ticket:before {
    content: "\f145"
}

.awesome-minus-square:before {
    content: "\f146"
}

.awesome-minus-square-o:before {
    content: "\f147"
}

.awesome-level-up:before {
    content: "\f148"
}

.awesome-level-down:before {
    content: "\f149"
}

.awesome-check-square:before {
    content: "\f14a"
}

.awesome-pencil-square:before {
    content: "\f14b"
}

.awesome-external-link-square:before {
    content: "\f14c"
}

.awesome-share-square:before {
    content: "\f14d"
}

.awesome-compass:before {
    content: "\f14e"
}

.awesome-caret-square-o-down:before, .awesome-toggle-down:before {
    content: "\f150"
}

.awesome-caret-square-o-up:before, .awesome-toggle-up:before {
    content: "\f151"
}

.awesome-caret-square-o-right:before, .awesome-toggle-right:before {
    content: "\f152"
}

.awesome-eur:before, .awesome-euro:before {
    content: "\f153"
}

.awesome-gbp:before {
    content: "\f154"
}

.awesome-dollar:before, .awesome-usd:before {
    content: "\f155"
}

.awesome-inr:before, .awesome-rupee:before {
    content: "\f156"
}

.awesome-cny:before, .awesome-jpy:before, .awesome-rmb:before, .awesome-yen:before {
    content: "\f157"
}

.awesome-rouble:before, .awesome-rub:before, .awesome-ruble:before {
    content: "\f158"
}

.awesome-krw:before, .awesome-won:before {
    content: "\f159"
}

.awesome-bitcoin:before, .awesome-btc:before {
    content: "\f15a"
}

.awesome-file:before {
    content: "\f15b"
}

.awesome-file-text:before {
    content: "\f15c"
}

.awesome-sort-alpha-asc:before {
    content: "\f15d"
}

.awesome-sort-alpha-desc:before {
    content: "\f15e"
}

.awesome-sort-amount-asc:before {
    content: "\f160"
}

.awesome-sort-amount-desc:before {
    content: "\f161"
}

.awesome-sort-numeric-asc:before {
    content: "\f162"
}

.awesome-sort-numeric-desc:before {
    content: "\f163"
}

.awesome-thumbs-up:before {
    content: "\f164"
}

.awesome-thumbs-down:before {
    content: "\f165"
}

.awesome-youtube-square:before {
    content: "\f166"
}

.awesome-youtube:before {
    content: "\f167"
}

.awesome-xing:before {
    content: "\f168"
}

.awesome-xing-square:before {
    content: "\f169"
}

.awesome-youtube-play:before {
    content: "\f16a"
}

.awesome-dropbox:before {
    content: "\f16b"
}

.awesome-stack-overflow:before {
    content: "\f16c"
}

.awesome-instagram:before {
    content: "\f16d"
}

.awesome-flickr:before {
    content: "\f16e"
}

.awesome-adn:before {
    content: "\f170"
}

.awesome-bitbucket:before {
    content: "\f171"
}

.awesome-bitbucket-square:before {
    content: "\f172"
}

.awesome-tumblr:before {
    content: "\f173"
}

.awesome-tumblr-square:before {
    content: "\f174"
}

.awesome-long-arrow-down:before {
    content: "\f175"
}

.awesome-long-arrow-up:before {
    content: "\f176"
}

.awesome-long-arrow-left:before {
    content: "\f177"
}

.awesome-long-arrow-right:before {
    content: "\f178"
}

.awesome-apple:before {
    content: "\f179"
}

.awesome-windows:before {
    content: "\f17a"
}

.awesome-android:before {
    content: "\f17b"
}

.awesome-linux:before {
    content: "\f17c"
}

.awesome-dribbble:before {
    content: "\f17d"
}

.awesome-skype:before {
    content: "\f17e"
}

.awesome-foursquare:before {
    content: "\f180"
}

.awesome-trello:before {
    content: "\f181"
}

.awesome-female:before {
    content: "\f182"
}

.awesome-male:before {
    content: "\f183"
}

.awesome-gittip:before, .awesome-gratipay:before {
    content: "\f184"
}

.awesome-sun-o:before {
    content: "\f185"
}

.awesome-moon-o:before {
    content: "\f186"
}

.awesome-archive:before {
    content: "\f187"
}

.awesome-bug:before {
    content: "\f188"
}

.awesome-vk:before {
    content: "\f189"
}

.awesome-weibo:before {
    content: "\f18a"
}

.awesome-renren:before {
    content: "\f18b"
}

.awesome-pagelines:before {
    content: "\f18c"
}

.awesome-stack-exchange:before {
    content: "\f18d"
}

.awesome-arrow-circle-o-right:before {
    content: "\f18e"
}

.awesome-arrow-circle-o-left:before {
    content: "\f190"
}

.awesome-caret-square-o-left:before, .awesome-toggle-left:before {
    content: "\f191"
}

.awesome-dot-circle-o:before {
    content: "\f192"
}

.awesome-wheelchair:before {
    content: "\f193"
}

.awesome-vimeo-square:before {
    content: "\f194"
}

.awesome-try:before, .awesome-turkish-lira:before {
    content: "\f195"
}

.awesome-plus-square-o:before {
    content: "\f196"
}

.awesome-space-shuttle:before {
    content: "\f197"
}

.awesome-slack:before {
    content: "\f198"
}

.awesome-envelope-square:before {
    content: "\f199"
}

.awesome-wordpress:before {
    content: "\f19a"
}

.awesome-openid:before {
    content: "\f19b"
}

.awesome-bank:before, .awesome-institution:before, .awesome-university:before {
    content: "\f19c"
}

.awesome-graduation-cap:before, .awesome-mortar-board:before {
    content: "\f19d"
}

.awesome-yahoo:before {
    content: "\f19e"
}

.awesome-google:before {
    content: "\f1a0"
}

.awesome-reddit:before {
    content: "\f1a1"
}

.awesome-reddit-square:before {
    content: "\f1a2"
}

.awesome-stumbleupon-circle:before {
    content: "\f1a3"
}

.awesome-stumbleupon:before {
    content: "\f1a4"
}

.awesome-delicious:before {
    content: "\f1a5"
}

.awesome-digg:before {
    content: "\f1a6"
}

.awesome-pied-piper-pp:before {
    content: "\f1a7"
}

.awesome-pied-piper-alt:before {
    content: "\f1a8"
}

.awesome-drupal:before {
    content: "\f1a9"
}

.awesome-joomla:before {
    content: "\f1aa"
}

.awesome-language:before {
    content: "\f1ab"
}

.awesome-fax:before {
    content: "\f1ac"
}

.awesome-building:before {
    content: "\f1ad"
}

.awesome-child:before {
    content: "\f1ae"
}

.awesome-paw:before {
    content: "\f1b0"
}

.awesome-spoon:before {
    content: "\f1b1"
}

.awesome-cube:before {
    content: "\f1b2"
}

.awesome-cubes:before {
    content: "\f1b3"
}

.awesome-behance:before {
    content: "\f1b4"
}

.awesome-behance-square:before {
    content: "\f1b5"
}

.awesome-steam:before {
    content: "\f1b6"
}

.awesome-steam-square:before {
    content: "\f1b7"
}

.awesome-recycle:before {
    content: "\f1b8"
}

.awesome-automobile:before, .awesome-car:before {
    content: "\f1b9"
}

.awesome-cab:before, .awesome-taxi:before {
    content: "\f1ba"
}

.awesome-tree:before {
    content: "\f1bb"
}

.awesome-spotify:before {
    content: "\f1bc"
}

.awesome-deviantart:before {
    content: "\f1bd"
}

.awesome-soundcloud:before {
    content: "\f1be"
}

.awesome-database:before {
    content: "\f1c0"
}

.awesome-file-pdf-o:before {
    content: "\f1c1"
}

.awesome-file-word-o:before {
    content: "\f1c2"
}

.awesome-file-excel-o:before {
    content: "\f1c3"
}

.awesome-file-powerpoint-o:before {
    content: "\f1c4"
}

.awesome-file-image-o:before, .awesome-file-photo-o:before, .awesome-file-picture-o:before {
    content: "\f1c5"
}

.awesome-file-archive-o:before, .awesome-file-zip-o:before {
    content: "\f1c6"
}

.awesome-file-audio-o:before, .awesome-file-sound-o:before {
    content: "\f1c7"
}

.awesome-file-movie-o:before, .awesome-file-video-o:before {
    content: "\f1c8"
}

.awesome-file-code-o:before {
    content: "\f1c9"
}

.awesome-vine:before {
    content: "\f1ca"
}

.awesome-codepen:before {
    content: "\f1cb"
}

.awesome-jsfiddle:before {
    content: "\f1cc"
}

.awesome-life-bouy:before, .awesome-life-buoy:before, .awesome-life-ring:before, .awesome-life-saver:before, .awesome-support:before {
    content: "\f1cd"
}

.awesome-circle-o-notch:before {
    content: "\f1ce"
}

.awesome-ra:before, .awesome-rebel:before, .awesome-resistance:before {
    content: "\f1d0"
}

.awesome-empire:before, .awesome-ge:before {
    content: "\f1d1"
}

.awesome-git-square:before {
    content: "\f1d2"
}

.awesome-git:before {
    content: "\f1d3"
}

.awesome-hacker-news:before, .awesome-y-combinator-square:before, .awesome-yc-square:before {
    content: "\f1d4"
}

.awesome-tencent-weibo:before {
    content: "\f1d5"
}

.awesome-qq:before {
    content: "\f1d6"
}

.awesome-wechat:before, .awesome-weixin:before {
    content: "\f1d7"
}

.awesome-paper-plane:before, .awesome-send:before {
    content: "\f1d8"
}

.awesome-paper-plane-o:before, .awesome-send-o:before {
    content: "\f1d9"
}

.awesome-history:before {
    content: "\f1da"
}

.awesome-circle-thin:before {
    content: "\f1db"
}

.awesome-header:before {
    content: "\f1dc"
}

.awesome-paragraph:before {
    content: "\f1dd"
}

.awesome-sliders:before {
    content: "\f1de"
}

.awesome-share-alt:before {
    content: "\f1e0"
}

.awesome-share-alt-square:before {
    content: "\f1e1"
}

.awesome-bomb:before {
    content: "\f1e2"
}

.awesome-futbol-o:before, .awesome-soccer-ball-o:before {
    content: "\f1e3"
}

.awesome-tty:before {
    content: "\f1e4"
}

.awesome-binoculars:before {
    content: "\f1e5"
}

.awesome-plug:before {
    content: "\f1e6"
}

.awesome-slideshare:before {
    content: "\f1e7"
}

.awesome-twitch:before {
    content: "\f1e8"
}

.awesome-yelp:before {
    content: "\f1e9"
}

.awesome-newspaper-o:before {
    content: "\f1ea"
}

.awesome-wifi:before {
    content: "\f1eb"
}

.awesome-calculator:before {
    content: "\f1ec"
}

.awesome-paypal:before {
    content: "\f1ed"
}

.awesome-google-wallet:before {
    content: "\f1ee"
}

.awesome-cc-visa:before {
    content: "\f1f0"
}

.awesome-cc-mastercard:before {
    content: "\f1f1"
}

.awesome-cc-discover:before {
    content: "\f1f2"
}

.awesome-cc-amex:before {
    content: "\f1f3"
}

.awesome-cc-paypal:before {
    content: "\f1f4"
}

.awesome-cc-stripe:before {
    content: "\f1f5"
}

.awesome-bell-slash:before {
    content: "\f1f6"
}

.awesome-bell-slash-o:before {
    content: "\f1f7"
}

.awesome-trash:before {
    content: "\f1f8"
}

.awesome-copyright:before {
    content: "\f1f9"
}

.awesome-at:before {
    content: "\f1fa"
}

.awesome-eyedropper:before {
    content: "\f1fb"
}

.awesome-paint-brush:before {
    content: "\f1fc"
}

.awesome-birthday-cake:before {
    content: "\f1fd"
}

.awesome-area-chart:before {
    content: "\f1fe"
}

.awesome-pie-chart:before {
    content: "\f200"
}

.awesome-line-chart:before {
    content: "\f201"
}

.awesome-lastfm:before {
    content: "\f202"
}

.awesome-lastfm-square:before {
    content: "\f203"
}

.awesome-toggle-off:before {
    content: "\f204"
}

.awesome-toggle-on:before {
    content: "\f205"
}

.awesome-bicycle:before {
    content: "\f206"
}

.awesome-bus:before {
    content: "\f207"
}

.awesome-ioxhost:before {
    content: "\f208"
}

.awesome-angellist:before {
    content: "\f209"
}

.awesome-cc:before {
    content: "\f20a"
}

.awesome-ils:before, .awesome-shekel:before, .awesome-sheqel:before {
    content: "\f20b"
}

.awesome-meanpath:before {
    content: "\f20c"
}

.awesome-buysellads:before {
    content: "\f20d"
}

.awesome-connectdevelop:before {
    content: "\f20e"
}

.awesome-dashcube:before {
    content: "\f210"
}

.awesome-forumbee:before {
    content: "\f211"
}

.awesome-leanpub:before {
    content: "\f212"
}

.awesome-sellsy:before {
    content: "\f213"
}

.awesome-shirtsinbulk:before {
    content: "\f214"
}

.awesome-simplybuilt:before {
    content: "\f215"
}

.awesome-skyatlas:before {
    content: "\f216"
}

.awesome-cart-plus:before {
    content: "\f217"
}

.awesome-cart-arrow-down:before {
    content: "\f218"
}

.awesome-diamond:before {
    content: "\f219"
}

.awesome-ship:before {
    content: "\f21a"
}

.awesome-user-secret:before {
    content: "\f21b"
}

.awesome-motorcycle:before {
    content: "\f21c"
}

.awesome-street-view:before {
    content: "\f21d"
}

.awesome-heartbeat:before {
    content: "\f21e"
}

.awesome-venus:before {
    content: "\f221"
}

.awesome-mars:before {
    content: "\f222"
}

.awesome-mercury:before {
    content: "\f223"
}

.awesome-intersex:before, .awesome-transgender:before {
    content: "\f224"
}

.awesome-transgender-alt:before {
    content: "\f225"
}

.awesome-venus-double:before {
    content: "\f226"
}

.awesome-mars-double:before {
    content: "\f227"
}

.awesome-venus-mars:before {
    content: "\f228"
}

.awesome-mars-stroke:before {
    content: "\f229"
}

.awesome-mars-stroke-v:before {
    content: "\f22a"
}

.awesome-mars-stroke-h:before {
    content: "\f22b"
}

.awesome-neuter:before {
    content: "\f22c"
}

.awesome-genderless:before {
    content: "\f22d"
}

.awesome-facebook-official:before {
    content: "\f230"
}

.awesome-pinterest-p:before {
    content: "\f231"
}

.awesome-whatsapp:before {
    content: "\f232"
}

.awesome-server:before {
    content: "\f233"
}

.awesome-user-plus:before {
    content: "\f234"
}

.awesome-user-times:before {
    content: "\f235"
}

.awesome-bed:before, .awesome-hotel:before {
    content: "\f236"
}

.awesome-viacoin:before {
    content: "\f237"
}

.awesome-train:before {
    content: "\f238"
}

.awesome-subway:before {
    content: "\f239"
}

.awesome-medium:before {
    content: "\f23a"
}

.awesome-y-combinator:before, .awesome-yc:before {
    content: "\f23b"
}

.awesome-optin-monster:before {
    content: "\f23c"
}

.awesome-opencart:before {
    content: "\f23d"
}

.awesome-expeditedssl:before {
    content: "\f23e"
}

.awesome-battery-4:before, .awesome-battery-full:before, .awesome-battery:before {
    content: "\f240"
}

.awesome-battery-3:before, .awesome-battery-three-quarters:before {
    content: "\f241"
}

.awesome-battery-2:before, .awesome-battery-half:before {
    content: "\f242"
}

.awesome-battery-1:before, .awesome-battery-quarter:before {
    content: "\f243"
}

.awesome-battery-0:before, .awesome-battery-empty:before {
    content: "\f244"
}

.awesome-mouse-pointer:before {
    content: "\f245"
}

.awesome-i-cursor:before {
    content: "\f246"
}

.awesome-object-group:before {
    content: "\f247"
}

.awesome-object-ungroup:before {
    content: "\f248"
}

.awesome-sticky-note:before {
    content: "\f249"
}

.awesome-sticky-note-o:before {
    content: "\f24a"
}

.awesome-cc-jcb:before {
    content: "\f24b"
}

.awesome-cc-diners-club:before {
    content: "\f24c"
}

.awesome-clone:before {
    content: "\f24d"
}

.awesome-balance-scale:before {
    content: "\f24e"
}

.awesome-hourglass-o:before {
    content: "\f250"
}

.awesome-hourglass-1:before, .awesome-hourglass-start:before {
    content: "\f251"
}

.awesome-hourglass-2:before, .awesome-hourglass-half:before {
    content: "\f252"
}

.awesome-hourglass-3:before, .awesome-hourglass-end:before {
    content: "\f253"
}

.awesome-hourglass:before {
    content: "\f254"
}

.awesome-hand-grab-o:before, .awesome-hand-rock-o:before {
    content: "\f255"
}

.awesome-hand-paper-o:before, .awesome-hand-stop-o:before {
    content: "\f256"
}

.awesome-hand-scissors-o:before {
    content: "\f257"
}

.awesome-hand-lizard-o:before {
    content: "\f258"
}

.awesome-hand-spock-o:before {
    content: "\f259"
}

.awesome-hand-pointer-o:before {
    content: "\f25a"
}

.awesome-hand-peace-o:before {
    content: "\f25b"
}

.awesome-trademark:before {
    content: "\f25c"
}

.awesome-registered:before {
    content: "\f25d"
}

.awesome-creative-commons:before {
    content: "\f25e"
}

.awesome-gg:before {
    content: "\f260"
}

.awesome-gg-circle:before {
    content: "\f261"
}

.awesome-tripadvisor:before {
    content: "\f262"
}

.awesome-odnoklassniki:before {
    content: "\f263"
}

.awesome-odnoklassniki-square:before {
    content: "\f264"
}

.awesome-get-pocket:before {
    content: "\f265"
}

.awesome-wikipedia-w:before {
    content: "\f266"
}

.awesome-safari:before {
    content: "\f267"
}

.awesome-chrome:before {
    content: "\f268"
}

.awesome-firefox:before {
    content: "\f269"
}

.awesome-opera:before {
    content: "\f26a"
}

.awesome-internet-explorer:before {
    content: "\f26b"
}

.awesome-television:before, .awesome-tv:before {
    content: "\f26c"
}

.awesome-contao:before {
    content: "\f26d"
}

.awesome-500px:before {
    content: "\f26e"
}

.awesome-amazon:before {
    content: "\f270"
}

.awesome-calendar-plus-o:before {
    content: "\f271"
}

.awesome-calendar-minus-o:before {
    content: "\f272"
}

.awesome-calendar-times-o:before {
    content: "\f273"
}

.awesome-calendar-check-o:before {
    content: "\f274"
}

.awesome-industry:before {
    content: "\f275"
}

.awesome-map-pin:before {
    content: "\f276"
}

.awesome-map-signs:before {
    content: "\f277"
}

.awesome-map-o:before {
    content: "\f278"
}

.awesome-map:before {
    content: "\f279"
}

.awesome-commenting:before {
    content: "\f27a"
}

.awesome-commenting-o:before {
    content: "\f27b"
}

.awesome-houzz:before {
    content: "\f27c"
}

.awesome-vimeo:before {
    content: "\f27d"
}

.awesome-black-tie:before {
    content: "\f27e"
}

.awesome-fonticons:before {
    content: "\f280"
}

.awesome-reddit-alien:before {
    content: "\f281"
}

.awesome-edge:before {
    content: "\f282"
}

.awesome-credit-card-alt:before {
    content: "\f283"
}

.awesome-codiepie:before {
    content: "\f284"
}

.awesome-modx:before {
    content: "\f285"
}

.awesome-fort-awesome:before {
    content: "\f286"
}

.awesome-usb:before {
    content: "\f287"
}

.awesome-product-hunt:before {
    content: "\f288"
}

.awesome-mixcloud:before {
    content: "\f289"
}

.awesome-scribd:before {
    content: "\f28a"
}

.awesome-pause-circle:before {
    content: "\f28b"
}

.awesome-pause-circle-o:before {
    content: "\f28c"
}

.awesome-stop-circle:before {
    content: "\f28d"
}

.awesome-stop-circle-o:before {
    content: "\f28e"
}

.awesome-shopping-bag:before {
    content: "\f290"
}

.awesome-shopping-basket:before {
    content: "\f291"
}

.awesome-hashtag:before {
    content: "\f292"
}

.awesome-bluetooth:before {
    content: "\f293"
}

.awesome-bluetooth-b:before {
    content: "\f294"
}

.awesome-percent:before {
    content: "\f295"
}

.awesome-gitlab:before {
    content: "\f296"
}

.awesome-wpbeginner:before {
    content: "\f297"
}

.awesome-wpforms:before {
    content: "\f298"
}

.awesome-envira:before {
    content: "\f299"
}

.awesome-universal-access:before {
    content: "\f29a"
}

.awesome-wheelchair-alt:before {
    content: "\f29b"
}

.awesome-question-circle-o:before {
    content: "\f29c"
}

.awesome-blind:before {
    content: "\f29d"
}

.awesome-audio-description:before {
    content: "\f29e"
}

.awesome-volume-control-phone:before {
    content: "\f2a0"
}

.awesome-braille:before {
    content: "\f2a1"
}

.awesome-assistive-listening-systems:before {
    content: "\f2a2"
}

.awesome-american-sign-language-interpreting:before, .awesome-asl-interpreting:before {
    content: "\f2a3"
}

.awesome-deaf:before, .awesome-deafness:before, .awesome-hard-of-hearing:before {
    content: "\f2a4"
}

.awesome-glide:before {
    content: "\f2a5"
}

.awesome-glide-g:before {
    content: "\f2a6"
}

.awesome-sign-language:before, .awesome-signing:before {
    content: "\f2a7"
}

.awesome-low-vision:before {
    content: "\f2a8"
}

.awesome-viadeo:before {
    content: "\f2a9"
}

.awesome-viadeo-square:before {
    content: "\f2aa"
}

.awesome-snapchat:before {
    content: "\f2ab"
}

.awesome-snapchat-ghost:before {
    content: "\f2ac"
}

.awesome-snapchat-square:before {
    content: "\f2ad"
}

.awesome-pied-piper:before {
    content: "\f2ae"
}

.awesome-first-order:before {
    content: "\f2b0"
}

.awesome-yoast:before {
    content: "\f2b1"
}

.awesome-themeisle:before {
    content: "\f2b2"
}

.awesome-google-plus-circle:before, .awesome-google-plus-official:before {
    content: "\f2b3"
}

.awesome-fa:before, .awesome-font-awesome:before {
    content: "\f2b4"
}

.awesome-handshake-o:before {
    content: "\f2b5"
}

.awesome-envelope-open:before {
    content: "\f2b6"
}

.awesome-envelope-open-o:before {
    content: "\f2b7"
}

.awesome-linode:before {
    content: "\f2b8"
}

.awesome-address-book:before {
    content: "\f2b9"
}

.awesome-address-book-o:before {
    content: "\f2ba"
}

.awesome-address-card:before, .awesome-vcard:before {
    content: "\f2bb"
}

.awesome-address-card-o:before, .awesome-vcard-o:before {
    content: "\f2bc"
}

.awesome-user-circle:before {
    content: "\f2bd"
}

.awesome-user-circle-o:before {
    content: "\f2be"
}

.awesome-user-o:before {
    content: "\f2c0"
}

.awesome-id-badge:before {
    content: "\f2c1"
}

.awesome-drivers-license:before, .awesome-id-card:before {
    content: "\f2c2"
}

.awesome-drivers-license-o:before, .awesome-id-card-o:before {
    content: "\f2c3"
}

.awesome-quora:before {
    content: "\f2c4"
}

.awesome-free-code-camp:before {
    content: "\f2c5"
}

.awesome-telegram:before {
    content: "\f2c6"
}

.awesome-thermometer-4:before, .awesome-thermometer-full:before, .awesome-thermometer:before {
    content: "\f2c7"
}

.awesome-thermometer-3:before, .awesome-thermometer-three-quarters:before {
    content: "\f2c8"
}

.awesome-thermometer-2:before, .awesome-thermometer-half:before {
    content: "\f2c9"
}

.awesome-thermometer-1:before, .awesome-thermometer-quarter:before {
    content: "\f2ca"
}

.awesome-thermometer-0:before, .awesome-thermometer-empty:before {
    content: "\f2cb"
}

.awesome-shower:before {
    content: "\f2cc"
}

.awesome-bath:before, .awesome-bathtub:before, .awesome-s15:before {
    content: "\f2cd"
}

.awesome-podcast:before {
    content: "\f2ce"
}

.awesome-window-maximize:before {
    content: "\f2d0"
}

.awesome-window-minimize:before {
    content: "\f2d1"
}

.awesome-window-restore:before {
    content: "\f2d2"
}

.awesome-times-rectangle:before, .awesome-window-close:before {
    content: "\f2d3"
}

.awesome-times-rectangle-o:before, .awesome-window-close-o:before {
    content: "\f2d4"
}

.awesome-bandcamp:before {
    content: "\f2d5"
}

.awesome-grav:before {
    content: "\f2d6"
}

.awesome-etsy:before {
    content: "\f2d7"
}

.awesome-imdb:before {
    content: "\f2d8"
}

.awesome-ravelry:before {
    content: "\f2d9"
}

.awesome-eercast:before {
    content: "\f2da"
}

.awesome-microchip:before {
    content: "\f2db"
}

.awesome-snowflake-o:before {
    content: "\f2dc"
}

.awesome-superpowers:before {
    content: "\f2dd"
}

.awesome-wpexplorer:before {
    content: "\f2de"
}

.awesome-meetup:before {
    content: "\f2e0"
}

.color-bar {
    height: 20px;
    float: left;
    line-height: 0;
    overflow: hidden
}

    .color-bar .color-bar-block {
        width: 25px;
        margin-right: 1px;
        height: 20px;
        background-color: rgba(0,0,0,.25);
        float: left
    }

.dropdown-menu ul {
    margin: 0
}

.dropdown-menu li:hover .inner-dropdown-menu {
    display: block !important
}

.btn-group .btn-input {
    border-radius: 0;
    margin-left: -1px
}

    .btn-group .btn-input:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px
    }

    .btn-group .btn-input:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px
    }

.btn.btn-big {
    height: 40px;
    padding: 9px 14px;
    font-size: 16px
}

.btn i {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    margin: 0 5px 0 0;
    color: inherit
}

.btn.disabled {
    pointer-events: none !important;
    opacity: .5 !important
}

.btn.active b {
    background: rgba(255,255,255,.75);
    color: #0056a1
}

.btn.disabled b {
    display: none
}

.btn b {
    min-width: 14px;
    height: 14px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: auto;
    left: auto;
    z-index: 1;
    padding: 0 4px;
    background: rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
    font-size: 12px;
    text-shadow: none
}

.nav-tabs li.active .tag {
    color: inherit
}

.nav-tabs li .tag {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(0,0,0,.25);
    float: right;
    margin-left: 5px
}

.nav-tabs.nav-flex {
    min-width: 100%;
    float: left;
    width: auto;
    display: flex;
    flex-direction: row
}

    .nav-tabs.nav-flex li a {
        display: flex;
        flex-direction: row;
        white-space: nowrap
    }

.modal-fullscreen {
    width: 100% !important;
    height: 100% !important;
    max-height: unset;
    top: 0 !important;
    left: 0;
    margin: 0;
    position: fixed
}

    .modal-fullscreen .modal-dialog {
        height: 100%
    }

        .modal-fullscreen .modal-dialog .modal-content {
            height: 100%;
            display: flex;
            flex-direction: column
        }

            .modal-fullscreen .modal-dialog .modal-content .modal-body {
                height: 1%;
                max-height: unset !important;
                flex: 1
            }

.input-number {
    margin-bottom: 10px
}

    .input-number input {
        width: 100%;
        padding-right: 30px;
        margin: 0;
        -moz-appearance: textfield
    }

        .input-number input::-webkit-inner-spin-button, .input-number input::-webkit-outer-spin-button {
            -webkit-appearance: none
        }

    .input-number .adjust-group {
        width: 20px;
        height: 28px;
        border-radius: 4px;
        float: right;
        overflow: hidden;
        margin: -29px 1px
    }

        .input-number .adjust-group .adjust-btn {
            width: 100%;
            float: left;
            height: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            position: relative
        }

            .input-number .adjust-group .adjust-btn:hover {
                background: rgba(0,0,0,.25)
            }

                .input-number .adjust-group .adjust-btn:hover.btn-up:before {
                    border-bottom-color: rgba(0,0,0,.75)
                }

                .input-number .adjust-group .adjust-btn:hover.btn-down:before {
                    border-top-color: rgba(0,0,0,.75)
                }

            .input-number .adjust-group .adjust-btn:active {
                background: #198cf0
            }

                .input-number .adjust-group .adjust-btn:active.btn-up:before {
                    border-bottom-color: #000
                }

                .input-number .adjust-group .adjust-btn:active.btn-down:before {
                    border-top-color: #000
                }

            .input-number .adjust-group .adjust-btn:before {
                content: "";
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent
            }

            .input-number .adjust-group .adjust-btn.btn-up {
                padding-top: 1px
            }

                .input-number .adjust-group .adjust-btn.btn-up:before {
                    border-bottom: 5px solid rgba(0,0,0,.25)
                }

            .input-number .adjust-group .adjust-btn.btn-down {
                padding-bottom: 1px
            }

                .input-number .adjust-group .adjust-btn.btn-down:before {
                    border-top: 5px solid rgba(0,0,0,.25)
                }

.notification {
    pointer-events: none;
    opacity: .5;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: not-allowed
}

    .notification i {
        width: 20px;
        height: 20px;
        color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
        float: right
    }

.edit-textarea {
    width: 100%;
    position: relative;
    margin: 0 0 10px
}

    .edit-textarea textarea {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10
    }

    .edit-textarea pre {
        position: relative;
        width: 100%;
        min-height: 74px;
        visibility: hidden;
        border: 1px solid transparent;
        background: 0 0;
        margin: 0;
        padding: 4px 6px;
        line-height: 20px
    }

.textarea {
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.08) inset;
    transition: all .2s linear;
    min-height: 30px;
    font-size: 14px;
    display: inline-block;
    color: #555
}

    .textarea:focus, .textarea:hover {
        border-color: rgba(82,168,236,.8);
        outline: 0;
        box-shadow: 0 0 8px rgba(82,168,236,.6),0 1px 1px rgba(0,0,0,.08) inset
    }

.be2-form-group {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    margin-bottom: 10px
}

    .be2-form-group input {
        width: 1%;
        flex: 1;
        margin: 0
    }

    .be2-form-group .btn {
        margin: 0 0 0 4px
    }

.myedit .be2-form-group2 {
    margin: -5px 0
}

.be2-form-group2 {
    width: 100%;
    float: left;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px
}

    .be2-form-group2 .flex {
        width: 1%;
        flex: 1;
        margin: 0 !important;
        max-width: unset !important
    }

    .be2-form-group2 .flex-btn {
        margin: 0 0 0 5px;
        white-space: nowrap
    }

.be2bim-date {
    width: 100%;
    float: left;
    display: flex;
    justify-content: stretch;
    align-items: flex-start
}

    .be2bim-date h1 {
        width: calc(100% - 4px);
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 4px;
        float: left;
        background: rgba(0,0,0,.2);
        font-weight: 700;
        color: #000;
        font-size: 14px;
        border-radius: 4px
    }

    .be2bim-date .be2bim-date-hours {
        background: #fafafa;
        width: 80px;
        height: 100%;
        padding: 0 2px
    }

        .be2bim-date .be2bim-date-hours .be2bim-date-btn {
            width: 100%;
            background: rgba(0,0,0,.05);
            margin-right: 0
        }

            .be2bim-date .be2bim-date-hours .be2bim-date-btn:hover {
                background: rgba(0,0,0,.1)
            }

    .be2bim-date .be2bim-date-minutes {
        width: 1%;
        height: 100%;
        flex: 1;
        padding: 0 2px
    }

        .be2bim-date .be2bim-date-minutes .be2bim-date-btn {
            width: calc((100% - 20px)/ 5)
        }

            .be2bim-date .be2bim-date-minutes .be2bim-date-btn:nth-of-type(5n) {
                margin-right: 0
            }

    .be2bim-date .be2bim-date-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        margin: 0 4px 4px 0;
        cursor: pointer;
        border-radius: 4px;
        float: left;
        color: rgba(0,0,0,.75)
    }

        .be2bim-date .be2bim-date-btn:hover {
            color: #000;
            background: rgba(0,0,0,.05)
        }

        .be2bim-date .be2bim-date-btn.active {
            background: rgba(25,140,240,.75) !important;
            color: #fff !important
        }

.attr {
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    overflow: visible;
    line-height: 18px;
    padding: 6px 4px 6px 0
}

    .attr.br {
        word-break: break-all;
        padding: 6px 18px 6px 0;
        white-space: normal
    }

        .attr.br:before {
            content: "\FF1A";
            width: 14px;
            height: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: right;
            margin: 0 -14px
        }

.val {
    text-align: left;
    vertical-align: top;
    word-break: break-all
}

    .val .word {
        display: inline;
        float: left;
        padding: 5px;
        line-height: 20px;
        margin-bottom: 10px
    }

    .val .val-prompt {
        float: left;
        width: auto;
        border-radius: 4px;
        line-height: 20px;
        padding: 10px;
        border: 1px dotted #16a500;
        background: rgba(7,167,0,.1);
        text-align: center;
        min-width: 300px;
        max-width: 100%;
        word-break: break-all;
        margin-bottom: 10px;
        display: none
    }

.list-info-table {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px
}

    .list-info-table .main, .list-info-table .main-middle {
        word-break: break-all
    }

    .list-info-table .main {
        vertical-align: top !important
    }

    .list-info-table .main-middle {
        vertical-align: middle !important
    }

    .list-info-table .right-main {
        border-left: 1px solid #ddd
    }

    .list-info-table th {
        padding: 5px;
        font-weight: 700;
        background: rgba(0,0,0,.03);
        border-top: 1px solid rgba(0,0,0,.05);
        border-bottom: 1px solid rgba(0,0,0,.05)
    }

    .list-info-table .list-info-line td {
        cursor: pointer
    }

    .list-info-table .list-info-line.hover td, .list-info-table .list-info-line:hover td {
        background: rgba(5,140,250,.05)
    }

    .list-info-table .list-info-line.select {
        background: rgba(5,140,250,.1)
    }

        .list-info-table .list-info-line.select td {
            border-color: transparent
        }

    .list-info-table .list-info-disabled {
        background: url(/images/icons/line-01.png)
    }

        .list-info-table .list-info-disabled .list-info {
            opacity: .25;
            pointer-events: none;
            border-bottom-color: rgba(0,0,0,.5)
        }

    .list-info-table .list-info-line-btn .table-icon-btn {
        margin-top: -10px;
        display: none
    }

    .list-info-table .list-info-line-btn .lock {
        display: inline-block
    }

    .list-info-table .list-info-line-btn:hover .table-icon-btn {
        display: inline-block
    }

    .list-info-table .list-info {
        padding: 10px 5px;
        border-bottom: 1px solid rgba(0,0,0,.1);
        vertical-align: middle;
        text-align: center
    }

        .list-info-table .list-info .choose-group {
            margin: 0
        }

            .list-info-table .list-info .choose-group .checkbox, .list-info-table .list-info .choose-group .radio {
                margin: -5px 0 !important
            }

        .list-info-table .list-info .info-header {
            width: 50px;
            height: 50px;
            border-radius: 50%
        }

        .list-info-table .list-info .info-icon {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 8px;
            background: rgba(0,0,0,.1);
            font-size: 24px;
            color: rgba(0,0,0,.75)
        }

        .list-info-table .list-info .info-project {
            width: 50px;
            height: 40px;
            border: 1px solid #ddd;
            padding: 1px
        }

            .list-info-table .list-info .info-project img {
                width: 100%;
                height: 100%;
                position: relative;
                display: inline-block
            }

        .list-info-table .list-info .info-name, .list-info-table .list-info .info-prompt, .list-info-table .list-info .info-word {
            width: 100%;
            float: left;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            font-weight: 700;
            text-align: left;
            padding: 0
        }

            .list-info-table .list-info .info-name.link {
                cursor: pointer;
                color: #0e72ca
            }

                .list-info-table .list-info .info-name.link:hover {
                    color: #f32121
                }

        .list-info-table .list-info .info-prompt {
            height: 20px;
            line-height: 20px;
            color: rgba(0,0,0,.5);
            font-size: 14px;
            font-weight: 400
        }

        .list-info-table .list-info .info-word {
            height: 20px;
            line-height: 20px;
            font-size: 14px;
            font-weight: 400
        }

            .list-info-table .list-info .info-word span {
                color: rgba(0,0,0,.25);
                padding-right: 5px;
                line-height: inherit
            }

        .list-info-table .list-info .list-icon {
            height: 30px;
            line-height: 30px;
            width: 30px;
            text-align: center;
            float: left;
            font-size: 18px;
            color: rgba(0,0,0,.5)
        }

.list-area {
    width: 100%;
    float: left
}

    .list-area .list-line {
        width: 100%;
        float: left;
        border-bottom: 1px solid rgba(0,0,0,.1);
        display: flex;
        flex-direction: row
    }

        .list-area .list-line b, .list-area .list-line p {
            line-height: 1.3;
            padding: 10px 0;
            text-align: left;
            margin: 0;
            word-break: break-all;
            white-space: normal
        }

        .list-area .list-line b {
            min-width: 80px;
            max-width: 70%;
            font-weight: 700
        }

        .list-area .list-line p {
            width: 1%;
            flex: 1
        }

.list-lump-area {
    width: 100%;
    float: left;
    border-radius: 4px;
    overflow: hidden
}

    .list-lump-area .list-lump-group {
        width: 100%;
        float: left;
        background: rgba(0,0,0,.03);
        position: relative;
        padding: 5px
    }

        .list-lump-area .list-lump-group:last-child .list-lump-or {
            display: none
        }

        .list-lump-area .list-lump-group .list-lump-or {
            width: 100%;
            float: left;
            height: 20px;
            line-height: 20px;
            color: rgba(0,0,0,.5);
            position: relative;
            text-align: center;
            margin-bottom: -5px
        }

            .list-lump-area .list-lump-group .list-lump-or:after, .list-lump-area .list-lump-group .list-lump-or:before {
                content: "";
                width: 40%;
                height: 1px;
                background: rgba(0,0,0,.1);
                position: absolute;
                top: 10px;
                right: auto;
                bottom: auto;
                left: auto;
                z-index: 1
            }

            .list-lump-area .list-lump-group .list-lump-or:before {
                left: 0
            }

            .list-lump-area .list-lump-group .list-lump-or:after {
                right: 0
            }

        .list-lump-area .list-lump-group .list-lump {
            width: 100%;
            float: left;
            position: relative;
            z-index: 1
        }

            .list-lump-area .list-lump-group .list-lump .lump {
                min-width: 180px;
                max-width: 100%;
                float: left;
                background: rgba(0,0,0,.05);
                border-radius: 4px;
                margin: 0 5px 5px 0;
                display: flex;
                align-items: center;
                flex-direction: row;
                cursor: pointer
            }

                .list-lump-area .list-lump-group .list-lump .lump:hover .lump-remove {
                    display: flex
                }

                .list-lump-area .list-lump-group .list-lump .lump span {
                    width: 1%;
                    flex: 1;
                    padding: 5px;
                    line-height: 20px;
                    text-align: left;
                    border-left: 1px solid rgba(0,0,0,.1)
                }

                    .list-lump-area .list-lump-group .list-lump .lump span:first-child {
                        border-left: 0
                    }

                    .list-lump-area .list-lump-group .list-lump .lump span:focus, .list-lump-area .list-lump-group .list-lump .lump span:hover {
                        border-bottom: 1px solid #198cf0;
                        margin-bottom: -1px;
                        color: #000
                    }

                .list-lump-area .list-lump-group .list-lump .lump .lump-remove {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                    font-size: 12px;
                    color: rgba(0,0,0,.5);
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    transform: scale(.65);
                    display: none
                }

                    .list-lump-area .list-lump-group .list-lump .lump .lump-remove:hover {
                        background: rgba(0,0,0,.1);
                        color: rgba(0,0,0,.75)
                    }

                .list-lump-area .list-lump-group .list-lump .lump .shut-btn {
                    width: 26px;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    color: #666;
                    cursor: pointer
                }

                    .list-lump-area .list-lump-group .list-lump .lump .shut-btn:hover {
                        color: #198cf0
                    }

            .list-lump-area .list-lump-group .list-lump .lump-plus {
                width: 30px;
                height: 30px;
                border-radius: 4px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 5px 5px 0;
                background: rgba(0,0,0,.05);
                color: rgba(0,0,0,.5);
                cursor: pointer;
                font-size: 12px
            }

                .list-lump-area .list-lump-group .list-lump .lump-plus:hover {
                    background: #198cf0;
                    color: #fff
                }

        .list-lump-area .list-lump-group .list-lump-remove {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0 4px 0 4px;
            position: absolute;
            top: 0;
            right: 0;
            bottom: auto;
            left: auto;
            z-index: 10;
            background: #f32121;
            opacity: .75;
            color: #fff;
            font-size: 12px;
            cursor: pointer;
            transform: scale(.75)
        }

            .list-lump-area .list-lump-group .list-lump-remove:hover {
                opacity: 1
            }

.list-lump-add {
    width: 100%;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    cursor: pointer
}

    .list-lump-add i {
        color: inherit;
        padding: 0 5px
    }

    .list-lump-add:hover {
        color: #198cf0
    }

.list-nor {
    width: 100%;
    float: left;
    min-height: 36px;
    border-radius: 4px;
    background: rgba(0,0,0,.03)
}

    .list-nor .list-major {
        width: 100%;
        float: left;
        height: 36px;
        display: flex;
        flex-direction: row
    }

        .list-nor .list-major p, .list-nor .list-major span {
            height: 36px;
            line-height: 20px;
            padding: 8px;
            margin: 0
        }

        .list-nor .list-major span {
            width: 1%;
            flex: 1;
            font-weight: 700;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .list-nor .list-major p {
            cursor: pointer;
            color: #198cf0
        }

            .list-nor .list-major p:hover {
                color: #f37b21
            }

    .list-nor .list-minor {
        width: 100%;
        float: left;
        border-top: 1px dashed rgba(0,0,0,.1);
        padding: 8px;
        display: none
    }

        .list-nor .list-minor .list-minor-line {
            width: 100%;
            float: left;
            display: flex;
            flex-direction: row
        }

            .list-nor .list-minor .list-minor-line b, .list-nor .list-minor .list-minor-line span {
                line-height: 20px;
                padding: 2px 0;
                margin: 0;
                color: rgba(0,0,0,.75)
            }

            .list-nor .list-minor .list-minor-line b {
                min-width: 50px
            }

            .list-nor .list-minor .list-minor-line span {
                width: 1%;
                flex: 1
            }

.table-area {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    flex-direction: column;
    position: relative;
    border: 1px solid rgba(0,0,0,.1);
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px
}

    .table-area.combine table td, .table-area.combine table th {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .table-area.single {
        height: auto;
        overflow: visible
    }

        .table-area.single .table-col, .table-area.single .table-row {
            overflow: visible
        }

            .table-area.single .table-row:last-child .table-col table tbody tr:last-child td, .table-area.single .table-row:last-child .table-col table tbody tr:last-child th {
                border-bottom: 0
            }

    .table-area .table-row {
        width: 100%;
        height: 1%;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        align-items: stretch;
        flex-direction: row;
        position: relative
    }

        .table-area .table-row.fixed {
            height: auto;
            flex: unset
        }

            .table-area .table-row.fixed [class^=ps-scrollbar-] {
                display: none !important
            }

            .table-area .table-row.fixed table {
                height: 100%
            }

        .table-area .table-row .table-col {
            width: 1%;
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            border-right: 1px solid rgba(0,0,0,.1)
        }

            .table-area .table-row .table-col:last-child {
                border-right: 0
            }

                .table-area .table-row .table-col:last-child [class^=ps-scrollbar-y-] {
                    display: block
                }

            .table-area .table-row .table-col.fixed {
                width: auto;
                flex: unset
            }

                .table-area .table-row .table-col.fixed [class^=ps-scrollbar-x-], .table-area .table-row .table-col.fixed [class^=ps-scrollbar-y-] {
                    display: none
                }

                .table-area .table-row .table-col.fixed table {
                    width: 100%
                }

            .table-area .table-row .table-col table {
                width: 100%;
                min-width: 100%;
                max-width: unset;
                table-layout: fixed;
                border-spacing: 0;
                border-collapse: separate
            }

                .table-area .table-row .table-col table tbody tr:nth-child(2n) {
                    background: rgba(0,0,0,.01)
                }

                .table-area .table-row .table-col table tbody tr.hover, .table-area .table-row .table-col table tbody tr:hover {
                    background: rgba(0,0,0,.03);
                    background: rgba(0,150,255,.05)
                }

                .table-area .table-row .table-col table tbody tr.select {
                    background: rgba(0,150,255,.1)
                }

                .table-area .table-row .table-col table td, .table-area .table-row .table-col table th {
                    padding: 8px;
                    text-align: center;
                    line-height: 20px;
                    border-right: 1px solid rgba(0,0,0,.1);
                    border-bottom: 1px solid rgba(0,0,0,.1);
                    word-break: break-all
                }

                    .table-area .table-row .table-col table td .choose-group, .table-area .table-row .table-col table td .table-icon-btn, .table-area .table-row .table-col table th .choose-group, .table-area .table-row .table-col table th .table-icon-btn {
                        display: inline-block;
                        margin: -10px auto;
                        float: none
                    }

                    .table-area .table-row .table-col table td .choose-group, .table-area .table-row .table-col table th .choose-group {
                        padding-left: 5px
                    }

                    .table-area .table-row .table-col table td .table-link, .table-area .table-row .table-col table th .table-link {
                        padding: 0
                    }

                    .table-area .table-row .table-col table td .switch-btn, .table-area .table-row .table-col table th .switch-btn {
                        width: 52px;
                        float: none;
                        margin: 0 auto
                    }

                .table-area .table-row .table-col table th {
                    background: rgba(0,0,0,.05);
                    font-weight: 700
                }

                    .table-area .table-row .table-col table th.sort {
                        cursor: pointer
                    }

                        .table-area .table-row .table-col table th.sort:hover {
                            background: rgba(0,0,0,.1)
                        }

                        .table-area .table-row .table-col table th.sort:active {
                            background: rgba(0,0,0,.2)
                        }

                        .table-area .table-row .table-col table th.sort .sort-arrow, .table-area .table-row .table-col table th.sort .sort-pointer {
                            width: 10px;
                            height: 20px;
                            display: inline-block;
                            margin: 0 0 -5px 5px;
                            pointer-events: none
                        }

                            .table-area .table-row .table-col table th.sort .sort-arrow.up:before, .table-area .table-row .table-col table th.sort .sort-pointer.up:before {
                                border-bottom-color: #198cf0
                            }

                            .table-area .table-row .table-col table th.sort .sort-arrow.down:after, .table-area .table-row .table-col table th.sort .sort-pointer.down:after {
                                border-top-color: #198cf0
                            }

                            .table-area .table-row .table-col table th.sort .sort-arrow:after, .table-area .table-row .table-col table th.sort .sort-arrow:before, .table-area .table-row .table-col table th.sort .sort-pointer:after, .table-area .table-row .table-col table th.sort .sort-pointer:before {
                                content: "";
                                display: inline-block;
                                float: left;
                                border-left: 5px solid transparent;
                                border-right: 5px solid transparent
                            }

                            .table-area .table-row .table-col table th.sort .sort-arrow:before, .table-area .table-row .table-col table th.sort .sort-pointer:before {
                                border-bottom: 5px solid rgba(0,0,0,.25);
                                margin: 3px 0 2px 0
                            }

                            .table-area .table-row .table-col table th.sort .sort-arrow:after, .table-area .table-row .table-col table th.sort .sort-pointer:after {
                                border-top: 5px solid rgba(0,0,0,.25);
                                margin: 2px 0 3px 0
                            }

                .table-area .table-row .table-col table td.table-edit-area {
                    padding: 0;
                    line-height: 0;
                    overflow: visible;
                    background: transparent url(/images/icons/edit.png) no-repeat 1px 1px
                }

                    .table-area .table-row .table-col table td.table-edit-area .table-input {
                        width: 100%;
                        float: left;
                        border-radius: 0;
                        padding: 8px;
                        height: 36px;
                        margin: 0;
                        border-color: transparent;
                        box-shadow: none;
                        text-align: inherit;
                        background: 0 0
                    }

                        .table-area .table-row .table-col table td.table-edit-area .table-input:focus, .table-area .table-row .table-col table td.table-edit-area .table-input:hover {
                            background-color: rgba(0,0,0,.04)
                        }

                    .table-area .table-row .table-col table td.table-edit-area .table-drop {
                        width: 100%;
                        float: left;
                        text-align: inherit;
                        position: relative;
                        background: 0 0
                    }

                        .table-area .table-row .table-col table td.table-edit-area .table-drop .btn {
                            border-radius: 0;
                            margin: 0;
                            border: 0;
                            text-align: inherit;
                            background: 0 0 !important;
                            width: 100%;
                            height: 36px;
                            padding: 0
                        }

                        .table-area .table-row .table-col table td.table-edit-area .table-drop .dropdown-toggle {
                            padding: 8px;
                            text-align: inherit;
                            height: 36px;
                            background: 0 0 !important
                        }

                            .table-area .table-row .table-col table td.table-edit-area .table-drop .dropdown-toggle span {
                                text-align: inherit
                            }

                    .table-area .table-row .table-col table td.table-edit-area .date {
                        width: 100%;
                        display: flex;
                        flex-direction: row
                    }

                        .table-area .table-row .table-col table td.table-edit-area .date input {
                            width: 1%;
                            flex: 1
                        }

                        .table-area .table-row .table-col table td.table-edit-area .date .btn {
                            float: left;
                            background: 0 0;
                            border-color: transparent;
                            box-shadow: none;
                            margin: 3px 0
                        }

                            .table-area .table-row .table-col table td.table-edit-area .date .btn:hover {
                                background: #f5f8fa
                            }

                    .table-area .table-row .table-col table td.table-edit-area select {
                        width: 100%;
                        float: left;
                        height: 36px;
                        background: 0 0;
                        border-radius: 0;
                        border: 0;
                        margin: 0
                    }

                .table-area .table-row .table-col table.tree-view {
                    width: 100%
                }

                    .table-area .table-row .table-col table.tree-view tr:nth-child(2n) {
                        background: 0 0
                    }

                        .table-area .table-row .table-col table.tree-view tr:nth-child(2n) td {
                            background: #fff
                        }

                            .table-area .table-row .table-col table.tree-view tr:nth-child(2n) td:first-child {
                                background: 0 0
                            }

                    .table-area .table-row .table-col table.tree-view tr:hover .tree-td, .table-area .table-row .table-col table.tree-view tr:hover .tree-word, .table-area .table-row .table-col table.tree-view tr:hover td {
                        background-color: #e6f5ff !important
                    }

                    .table-area .table-row .table-col table.tree-view tr td {
                        background: #fff;
                        height: 37px
                    }

                        .table-area .table-row .table-col table.tree-view tr td:first-child {
                            border-bottom-color: transparent;
                            overflow: visible;
                            padding: 0 0 0 30px;
                            background: 0 0;
                            position: relative;
                            z-index: 200
                        }

                        .table-area .table-row .table-col table.tree-view tr td .tree-td {
                            width: auto;
                            border: 1px solid rgba(0,0,0,.1);
                            border-right: 0 !important;
                            margin: -1px 0;
                            padding: 0;
                            line-height: 20px;
                            background: #fff;
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 30px;
                            z-index: 1;
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            flex-direction: row;
                            overflow: visible
                        }

                            .table-area .table-row .table-col table.tree-view tr td .tree-td .tree-word {
                                height: 100%;
                                min-width: 100%;
                                white-space: nowrap !important;
                                overflow: hidden;
                                text-overflow: ellipsis;
                                padding: 8px;
                                line-height: 20px;
                                cursor: pointer;
                                position: absolute;
                                top: 0;
                                right: 0;
                                bottom: 0;
                                left: 0;
                                z-index: 100;
                                display: flex;
                                flex-direction: row;
                                align-items: center
                            }

                                .table-area .table-row .table-col table.tree-view tr td .tree-td .tree-word:hover {
                                    overflow: visible;
                                    background: #f3fafb;
                                    box-shadow: 1px 0 0 #ddd;
                                    right: auto
                                }

                                .table-area .table-row .table-col table.tree-view tr td .tree-td .tree-word.select {
                                    background: #d7f1f5
                                }

                                .table-area .table-row .table-col table.tree-view tr td .tree-td .tree-word .choose-group {
                                    margin: -5px 5px -5px 0;
                                    padding: 0;
                                    float: left
                                }

                                .table-area .table-row .table-col table.tree-view tr td .tree-td .tree-word .tree-word-icon {
                                    width: 20px;
                                    height: 20px;
                                    float: right;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    color: #198cf0;
                                    font-style: normal
                                }

                            .table-area .table-row .table-col table.tree-view tr td .tree-td .folder {
                                margin: 5px 0 5px -25px !important
                            }

                .table-area .table-row .table-col table.spec-view tbody tr {
                    background: #fff !important
                }

                .table-area .table-row .table-col table.checkedit tr:hover {
                    background: 0 0
                }

                    .table-area .table-row .table-col table.checkedit tr:hover .arrow {
                        display: flex
                    }

                .table-area .table-row .table-col table.checkedit tr.active {
                    background: rgba(0,150,255,.1)
                }

                    .table-area .table-row .table-col table.checkedit tr.active td, .table-area .table-row .table-col table.checkedit tr.active th {
                        background: rgba(0,150,255,.1);
                        z-index: 10
                    }

                        .table-area .table-row .table-col table.checkedit tr.active td:before, .table-area .table-row .table-col table.checkedit tr.active th:before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            z-index: -1;
                            border: 1px solid #198cf0
                        }

                .table-area .table-row .table-col table.checkedit tr td, .table-area .table-row .table-col table.checkedit tr th {
                    position: relative;
                    z-index: 1
                }

                    .table-area .table-row .table-col table.checkedit tr td .arrow, .table-area .table-row .table-col table.checkedit tr th .arrow {
                        width: auto;
                        position: absolute;
                        top: 0;
                        right: auto;
                        bottom: 0;
                        left: 0;
                        z-index: 10;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-family: icomoon;
                        color: rgba(0,0,0,.25);
                        display: none
                    }

                        .table-area .table-row .table-col table.checkedit tr td .arrow:hover, .table-area .table-row .table-col table.checkedit tr th .arrow:hover {
                            color: #198cf0
                        }

                        .table-area .table-row .table-col table.checkedit tr td .arrow:before, .table-area .table-row .table-col table.checkedit tr th .arrow:before {
                            content: "\ea34"
                        }

                    .table-area .table-row .table-col table.checkedit tr td:hover, .table-area .table-row .table-col table.checkedit tr th:hover {
                        cursor: pointer;
                        background: rgba(0,150,255,.05)
                    }

                        .table-area .table-row .table-col table.checkedit tr td:hover:before, .table-area .table-row .table-col table.checkedit tr th:hover:before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            z-index: -1;
                            border: 1px solid rgba(25,140,240,.5)
                        }

                    .table-area .table-row .table-col table.checkedit tr td.active, .table-area .table-row .table-col table.checkedit tr th.active {
                        background: rgba(0,150,255,.1);
                        z-index: 10
                    }

                        .table-area .table-row .table-col table.checkedit tr td.active:before, .table-area .table-row .table-col table.checkedit tr th.active:before {
                            content: "";
                            position: absolute;
                            top: 0;
                            right: 0;
                            bottom: 0;
                            left: 0;
                            z-index: -1;
                            border: 1px solid #198cf0
                        }

.table-form {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px
}

    .table-form .main, .table-form .main-middle {
        word-break: break-all
    }

    .table-form .main {
        vertical-align: top !important
    }

    .table-form .main-middle {
        vertical-align: middle !important
    }

    .table-form .right-main {
        border-left: 1px solid #ddd
    }

    .table-form td, .table-form th {
        padding: 5px 0;
        line-height: 20px;
        text-align: left;
        border-bottom: 1px dotted #ddd;
        vertical-align: top
    }

    .table-form th {
        font-weight: 700
    }

.table-lattice {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    margin-bottom: 10px;
    background: #fff
}

    .table-lattice .main, .table-lattice .main-middle {
        word-break: break-all
    }

    .table-lattice .main {
        vertical-align: top !important
    }

    .table-lattice .main-middle {
        vertical-align: middle !important
    }

    .table-lattice .right-main {
        border-left: 1px solid #ddd
    }

    .table-lattice td, .table-lattice th {
        padding: 8px;
        line-height: 20px;
        text-align: left;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        vertical-align: middle;
        word-break: break-all
    }

    .table-lattice th {
        font-weight: 700;
        text-align: center;
        background: #fafafa
    }

.table-link {
    line-height: 20px;
    color: #198cf0 !important;
    display: inline-block;
    cursor: pointer;
    padding: 0 3px;
    cursor: pointer !important
}

    .table-link:hover {
        color: #f32121 !important
    }

.table-brand {
    line-height: 20px;
    border-radius: 4px;
    display: inline-block;
    max-width: 100%;
    cursor: default;
    color: #fff;
    background: rgba(0,0,0,.5);
    padding: 0 8px
}

    .table-brand.mini {
        font-size: 12px;
        line-height: 16px;
        margin: 2px;
        padding: 0 6px
    }

.signature {
    width: 128px;
    height: 128px;
    float: right;
    transform: rotate(20deg);
    text-align: center;
    opacity: .5;
    pointer-events: none;
    position: relative;
    z-index: 10;
    margin: 10px 10px -138px 0;
    border: 8px solid #f32121;
    color: #f32121;
    font-size: 48px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%
}

    .signature.mini {
        width: 28px;
        height: 28px;
        border-width: 1px;
        font-size: 12px;
        margin: -4px -4px -4px -24px
    }

    .signature.type-red {
        color: #f32121;
        border-color: #f32121
    }

        .signature.type-red:before {
            content: "签名失败";
            transform: scale(.8)
        }

    .signature.type-green {
        color: #16a500;
        border-color: #16a500
    }

        .signature.type-green:before {
            content: "已签"
        }

    .signature.type-blue {
        color: #198cf0;
        border-color: #198cf0
    }

        .signature.type-blue:before {
            content: "待签名";
            transform: scale(.8)
        }

    .signature.type-blue-light {
        color: #26c6f2;
        border-color: #26c6f2
    }

        .signature.type-blue-light:before {
            content: "解析中";
            transform: scale(.8)
        }

    .signature.type-qian {
        color: #16a500;
        border-color: #16a500
    }

        .signature.type-qian:before {
            content: "ç­¾"
        }

    .signature.type-zhang {
        color: #16a500;
        border-color: #16a500
    }

        .signature.type-zhang:before {
            content: "ç« "
        }

.table-info {
    line-height: 20px;
    display: inline-block;
    cursor: default;
    max-width: 100%;
    margin: -1px 0
}

    .table-info span {
        display: inline-block;
        float: left;
        line-height: inherit;
        color: inherit;
        padding-right: 5px;
        cursor: inherit
    }

.table-icon-btn {
    height: 20px;
    line-height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: rgba(0,0,0,.5)
}

    .table-icon-btn:hover {
        color: #198cf0
    }

    .table-icon-btn:active {
        color: #0056a1
    }

    .table-icon-btn.waiting {
        animation: clockwise-animate 2s infinite linear
    }

.list-link {
    width: 100%;
    float: left;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    color: #0056a1 !important;
    margin: 5px 0;
    cursor: pointer;
    padding-left: 20px
}

    .list-link:hover {
        color: #f32121 !important
    }

    .list-link:before {
        content: "·";
        display: inline-block;
        float: left;
        width: 15px;
        height: 20px;
        line-height: inherit;
        margin: 0 -20px;
        pointer-events: none;
        font-weight: 700;
        color: rgba(0,0,0,.5);
        text-align: center
    }

.input-adjust {
    float: left;
    margin-bottom: 10px
}

    .input-adjust input {
        margin-bottom: 0 !important;
        width: 100% !important
    }

    .input-adjust .adjust-btn {
        width: 28px;
        height: 30px;
        float: right;
        margin: -30px 2px;
        padding: 2px 0
    }

        .input-adjust .adjust-btn .adjust-btn-down, .input-adjust .adjust-btn .adjust-btn-up {
            width: 100%;
            float: left;
            height: 12px;
            cursor: pointer;
            margin-top: 1px;
            text-align: center;
            line-height: 0
        }

            .input-adjust .adjust-btn .adjust-btn-down:hover, .input-adjust .adjust-btn .adjust-btn-up:hover {
                background: rgba(0,0,0,.1)
            }

            .input-adjust .adjust-btn .adjust-btn-down:active, .input-adjust .adjust-btn .adjust-btn-up:active {
                background: rgba(0,0,0,.2)
            }

            .input-adjust .adjust-btn .adjust-btn-down:before, .input-adjust .adjust-btn .adjust-btn-up:before {
                content: "";
                display: inline-block;
                margin: 0 auto;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                width: 0;
                height: 0
            }

        .input-adjust .adjust-btn .adjust-btn-up {
            border-radius: 3px 3px 0 0
        }

            .input-adjust .adjust-btn .adjust-btn-up:before {
                border-bottom: 5px solid rgba(0,0,0,.25);
                margin-top: 3px
            }

        .input-adjust .adjust-btn .adjust-btn-down {
            border-radius: 0 0 3px 3px
        }

            .input-adjust .adjust-btn .adjust-btn-down:before {
                border-top: 5px solid rgba(0,0,0,.25);
                margin-top: 4px
            }

.choose-part .choose-group {
    width: 25%;
    padding-right: 20px
}

.dark .attr {
    color: rgba(255,255,255,.75)
}

.dark .list-info-table .list-info {
    border-bottom: 1px solid rgba(255,255,255,.2) !important
}

    .dark .list-info-table .list-info .table-link {
        color: #198cf0 !important
    }

        .dark .list-info-table .list-info .table-link:hover {
            color: #26c6f2 !important
        }

    .dark .list-info-table .list-info .table-icon-btn {
        color: #666
    }

        .dark .list-info-table .list-info .table-icon-btn:hover {
            color: #26c6f2
        }

    .dark .list-info-table .list-info .info-name, .dark .list-info-table .list-info .info-word {
        color: rgba(255,255,255,.9)
    }

        .dark .list-info-table .list-info .info-name span, .dark .list-info-table .list-info .info-word span {
            color: rgba(255,255,255,.5)
        }

    .dark .list-info-table .list-info .info-prompt {
        color: rgba(255,255,255,.75)
    }

    .dark .list-info-table .list-info .list-icon {
        color: rgba(255,255,255,.25)
    }

    .dark .list-info-table .list-info .info-project {
        border-color: rgba(255,255,255,.2)
    }

.dark .table-area {
    border-color: rgba(255,255,255,.1)
}

    .dark .table-area table td, .dark .table-area table th {
        border-color: rgba(255,255,255,.1);
        background: 0 0 !important;
        color: rgba(255,255,255,.9)
    }

    .dark .table-area table tr:nth-child(2n) td {
        background: rgba(255,255,255,.05)
    }

    .dark .table-area table .list-info-line.select td {
        background: rgba(180,205,225,.4) !important
    }

    .dark .table-area table .list-info-line.hover td, .dark .table-area table .list-info-line:hover td {
        background: rgba(255,255,255,.1)
    }

    .dark .table-area table .sort .sort-arrow:before {
        border-bottom-color: rgba(255,255,255,.5)
    }

    .dark .table-area table .sort .sort-arrow:after {
        border-top-color: rgba(255,255,255,.5)
    }

    .dark .table-area table .sort:hover {
        background: rgba(0,0,0,.25) !important
    }

    .dark .table-area table .table-edit-area .table-input {
        background: 0 0
    }

        .dark .table-area table .table-edit-area .table-input:focus, .dark .table-area table .table-edit-area .table-input:hover {
            background: rgba(255,255,255,.02)
        }

    .dark .table-area table .table-edit-area .date .pull-right .btn {
        color: rgba(255,255,255,.5)
    }

.dark .tree-view .tree-td {
    border-color: #444;
    background: 0 0
}

    .dark .tree-view .tree-td .tree-word:hover {
        background: #4b555a;
        box-shadow: 1px 0 0 #444
    }

    .dark .tree-view .tree-td .tree-word.select {
        background: #638594;
        box-shadow: 1px 0 0 #444
    }

.dark .table-form td, .dark .table-form th {
    border-bottom-color: rgba(255,255,255,.25)
}

.dark .table-lattice {
    border-color: rgba(255,255,255,.2);
    background: 0 0
}

    .dark .table-lattice td, .dark .table-lattice th {
        border-color: rgba(255,255,255,.2);
        color: rgba(255,255,255,.75)
    }

    .dark .table-lattice th {
        background: rgba(255,255,255,.05);
        color: rgba(255,255,255,.9)
    }

.dark .table-link {
    color: #198cf0 !important
}

    .dark .table-link:hover {
        color: #26c6f2 !important
    }

.dark .table-icon-btn {
    color: rgba(255,255,255,.5)
}

    .dark .table-icon-btn:hover {
        color: #26c6f2
    }

.dark .list-link {
    color: #198cf0 !important
}

    .dark .list-link:hover {
        color: #26c6f2 !important
    }

    .dark .list-link:before {
        color: rgba(255,255,255,.25)
    }

.pdf-area {
    width: 100%;
    float: left;
    padding: 10px
}

    .pdf-area .pdf {
        width: 100%;
        float: left;
        padding: 4px;
        border-radius: 4px;
        border: 1px solid transparent;
        background: rgba(0,0,0,.03);
        cursor: pointer;
        margin-bottom: 10px
    }

        .pdf-area .pdf:hover {
            border-color: rgba(0,0,0,.2)
        }

            .pdf-area .pdf:hover .pdf-name {
                color: rgba(0,0,0,.9)
            }

        .pdf-area .pdf.active {
            border-color: #198cf0;
            background: rgba(25,140,240,.25)
        }

            .pdf-area .pdf.active .pdf-name {
                color: #000
            }

        .pdf-area .pdf .pdf-img {
            width: 100%;
            float: left;
            height: 100px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .pdf-area .pdf .pdf-img img {
                max-width: 100%;
                max-height: 100%
            }

        .pdf-area .pdf .pdf-name {
            width: 100%;
            float: left;
            height: 20px;
            font-size: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(0,0,0,.75)
        }

.variable-group {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

    .variable-group:last-child {
        margin-bottom: 0
    }

    .variable-group b, .variable-group span {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .variable-group b {
        background: #f1f3f5;
        border-radius: 4px 0 0 4px;
        padding: 8px 12px;
        color: rgba(0,0,0,.75);
        line-height: 1.5;
        text-align: left;
        width: 290px
    }

    .variable-group i {
        line-height: 1.5;
        border-radius: 0 4px 4px 0;
        background: #f1f3f5;
        padding: 8px;
        color: rgba(0,0,0,.75);
        cursor: pointer
    }

        .variable-group i:hover {
            color: #000
        }

    .variable-group span {
        width: 1%;
        flex: 1;
        line-height: 1.5;
        margin-left: 20px;
        background: #fff;
        box-shadow: 0 0 4px rgba(0,0,0,.1);
        border-radius: 4px;
        text-align: left;
        color: rgba(0,0,0,.75);
        padding: 8px
    }

.calendar-area {
    width: 100%;
    float: left;
    overflow: hidden;
    border-radius: 4px
}

    .calendar-area .calendar-header {
        width: 100%;
        float: left;
        height: 40px;
        background: rgba(0,0,0,.1);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px
    }

        .calendar-area .calendar-header span {
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(0,0,0,.5);
            cursor: pointer;
            border-radius: 4px;
            padding: 0 5px;
            transition: all .2s linear
        }

            .calendar-area .calendar-header span i {
                color: inherit;
                margin: 0 5px
            }

            .calendar-area .calendar-header span:hover {
                color: #000;
                background: rgba(0,0,0,.1)
            }

        .calendar-area .calendar-header .calendar-date {
            width: 1%;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .calendar-area .calendar-header .calendar-date .date {
                display: flex;
                align-items: center;
                justify-content: center;
                padding-left: 60px;
                border-radius: 4px;
                transition: all .2s linear;
                cursor: pointer
            }

                .calendar-area .calendar-header .calendar-date .date:hover {
                    background: rgba(0,0,0,.1)
                }

                .calendar-area .calendar-header .calendar-date .date input, .calendar-area .calendar-header .calendar-date .date span {
                    background: 0 0;
                    border: 0;
                    margin: 0;
                    box-shadow: unset
                }

                .calendar-area .calendar-header .calendar-date .date span {
                    visibility: hidden
                }

                .calendar-area .calendar-header .calendar-date .date input {
                    font-size: 18px;
                    color: #000;
                    font-weight: 700;
                    text-align: center
                }

    .calendar-area .calendar-table {
        width: 100%;
        float: left;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0;
        border-spacing: 1px;
        background: #ddd
    }

        .calendar-area .calendar-table .main, .calendar-area .calendar-table .main-middle {
            word-break: break-all
        }

        .calendar-area .calendar-table .main {
            vertical-align: top !important
        }

        .calendar-area .calendar-table .main-middle {
            vertical-align: middle !important
        }

        .calendar-area .calendar-table .right-main {
            border-left: 1px solid #ddd
        }

        .calendar-area .calendar-table th {
            background: #f1f3f5
        }

        .calendar-area .calendar-table td {
            background: #fff;
            transition: all .2s linear
        }

            .calendar-area .calendar-table td:hover {
                background: #fafafa
            }

            .calendar-area .calendar-table td.active {
                background: #f0fbff
            }

            .calendar-area .calendar-table td:nth-child(1), .calendar-area .calendar-table td:nth-child(7) {
                background: #fffdf9
            }

                .calendar-area .calendar-table td:nth-child(1):hover, .calendar-area .calendar-table td:nth-child(7):hover {
                    background: #fffcf5
                }

                .calendar-area .calendar-table td:nth-child(1).active, .calendar-area .calendar-table td:nth-child(7).active {
                    background: #f0fbff
                }

        .calendar-area .calendar-table td, .calendar-area .calendar-table th {
            padding: 8px;
            font-size: 14px;
            vertical-align: top
        }

            .calendar-area .calendar-table td b, .calendar-area .calendar-table th b {
                width: 100%;
                float: left;
                text-align: left;
                font-size: 14px;
                line-height: 14px;
                margin-bottom: 8px;
                display: block
            }

            .calendar-area .calendar-table td .calendar-day, .calendar-area .calendar-table th .calendar-day {
                height: 20px;
                padding: 0 8px;
                border-radius: 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: left;
                font-size: 14px;
                margin-bottom: 8px;
                float: left
            }

                .calendar-area .calendar-table td .calendar-day.active, .calendar-area .calendar-table th .calendar-day.active {
                    background-color: rgba(25,140,240,.5);
                    color: #fff
                }

            .calendar-area .calendar-table td a, .calendar-area .calendar-table th a {
                float: right;
                height: 14px;
                line-height: 14px;
                margin: -22px 0 8px;
                cursor: pointer;
                color: #198cf0
            }

                .calendar-area .calendar-table td a:hover, .calendar-area .calendar-table th a:hover {
                    color: #f37b21
                }

            .calendar-area .calendar-table td .calendar-overflow, .calendar-area .calendar-table th .calendar-overflow {
                width: 100%;
                float: left;
                height: 56px;
                overflow: hidden
            }

                .calendar-area .calendar-table td .calendar-overflow.show-all, .calendar-area .calendar-table th .calendar-overflow.show-all {
                    height: auto !important;
                    min-height: 56px
                }

                .calendar-area .calendar-table td .calendar-overflow .calendar-line, .calendar-area .calendar-table th .calendar-overflow .calendar-line {
                    width: 100%;
                    float: left;
                    height: 56px;
                    text-align: left;
                    padding: 4px 8px;
                    margin-bottom: 4px;
                    border-radius: 4px;
                    background: #faf3e6
                }

                    .calendar-area .calendar-table td .calendar-overflow .calendar-line span, .calendar-area .calendar-table th .calendar-overflow .calendar-line span {
                        width: 100%;
                        float: left;
                        line-height: 16px;
                        font-size: 12px;
                        text-align: left
                    }

                        .calendar-area .calendar-table td .calendar-overflow .calendar-line span:nth-of-type(1), .calendar-area .calendar-table th .calendar-overflow .calendar-line span:nth-of-type(1) {
                            font-weight: 700
                        }

                    .calendar-area .calendar-table td .calendar-overflow .calendar-line p, .calendar-area .calendar-table th .calendar-overflow .calendar-line p {
                        width: 100%;
                        float: left;
                        white-space: nowrap !important;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        margin: 0;
                        line-height: 16px;
                        color: black-5;
                        font-size: 12px
                    }

                    .calendar-area .calendar-table td .calendar-overflow .calendar-line:last-child, .calendar-area .calendar-table th .calendar-overflow .calendar-line:last-child {
                        margin-bottom: 0
                    }

                    .calendar-area .calendar-table td .calendar-overflow .calendar-line:hover .calendar-line-btn-group, .calendar-area .calendar-table th .calendar-overflow .calendar-line:hover .calendar-line-btn-group {
                        display: block
                    }

                    .calendar-area .calendar-table td .calendar-overflow .calendar-line.cur, .calendar-area .calendar-table th .calendar-overflow .calendar-line.cur {
                        cursor: pointer
                    }

                    .calendar-area .calendar-table td .calendar-overflow .calendar-line .calendar-line-btn-group, .calendar-area .calendar-table th .calendar-overflow .calendar-line .calendar-line-btn-group {
                        float: right;
                        margin: 0 -45px;
                        display: none
                    }

                        .calendar-area .calendar-table td .calendar-overflow .calendar-line .calendar-line-btn-group .table-icon-btn, .calendar-area .calendar-table th .calendar-overflow .calendar-line .calendar-line-btn-group .table-icon-btn {
                            float: right
                        }

.code-edit {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible;
    padding: 10px;
    background: rgba(10,15,20,.9);
    border-radius: 8px
}

    .code-edit .content-absolut, .code-edit .content-left, .code-edit .content-right {
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
        z-index: 1
    }

    .code-edit .content-absolut {
        right: 0;
        left: 0
    }

    .code-edit .content-left {
        left: 0;
        width: 350px;
        background: rgba(10,15,20,.03)
    }

    .code-edit .content-right {
        left: 350px;
        right: 0
    }

    .code-edit code {
        width: 100%;
        float: left;
        white-space: pre;
        background: 0 0;
        color: rgba(255,255,255,.75);
        border: 0;
        padding-right: 100px;
        min-height: 200px
    }

.table-checkedit .table-row.fixed .ps-scrollbar-x-rail, .table-checkedit .table-row.fixed .ps-scrollbar-y-rail {
    pointer-events: none;
    visibility: hidden
}

.table-checkedit .ps-scrollbar-x-rail, .table-checkedit .ps-scrollbar-y-rail {
    z-index: 1000
}

.edit-form {
    width: 100%;
    float: left
}

    .edit-form * {
        color: #222
    }

    .edit-form .edit-title {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 30px;
        font-size: 24px;
        text-align: center;
        margin-bottom: 10px
    }

    .edit-form .edit-name, .edit-form .edit-word {
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 30px;
        margin-bottom: 10px;
        float: left
    }

    .edit-form .edit-name {
        width: 100%;
        float: left;
        justify-content: flex-start;
        font-weight: 700;
        font-size: 16px
    }

    .edit-form .edit-line {
        min-width: 100px;
        height: 30px;
        line-height: 30px;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: inherit;
        text-align: left;
        padding: 0 5px;
        border-bottom: 1px solid rgba(0,0,0,.5)
    }

    .edit-form .edit-table {
        width: 100%;
        float: left;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0;
        border-top: 1px solid rgba(0,0,0,.5);
        border-left: 1px solid rgba(0,0,0,.5)
    }

        .edit-form .edit-table .main, .edit-form .edit-table .main-middle {
            word-break: break-all
        }

        .edit-form .edit-table .main {
            vertical-align: top !important
        }

        .edit-form .edit-table .main-middle {
            vertical-align: middle !important
        }

        .edit-form .edit-table .right-main {
            border-left: 1px solid #ddd
        }

        .edit-form .edit-table td, .edit-form .edit-table th {
            word-break: break-all;
            border-bottom: 1px solid rgba(0,0,0,.5);
            border-right: 1px solid rgba(0,0,0,.5);
            vertical-align: middle
        }

        .edit-form .edit-table th {
            text-align: center;
            padding: 5px;
            line-height: 20px;
            font-weight: 700
        }

        .edit-form .edit-table td {
            padding: 0;
            text-align: left
        }

            .edit-form .edit-table td .edit-td, .edit-form .edit-table td .view-td {
                width: 100%;
                float: left;
                line-height: 20px;
                padding: 5px;
                min-height: 30px;
                word-break: break-all
            }

            .edit-form .edit-table td .edit-td {
                background-image: url(/images/icons/edit.png);
                background-position: 1px 1px;
                background-repeat: no-repeat
            }

                .edit-form .edit-table td .edit-td:focus, .edit-form .edit-table td .edit-td:hover {
                    background-color: rgba(0,0,0,.05)
                }

                .edit-form .edit-table td .edit-td .date {
                    width: 100%;
                    overflow: hidden
                }

                    .edit-form .edit-table td .edit-td .date input {
                        width: 100%;
                        border: 0;
                        border-radius: 0;
                        box-shadow: none;
                        margin: 0;
                        background: 0 0
                    }

                    .edit-form .edit-table td .edit-td .date .btn {
                        margin: 0
                    }

                .edit-form .edit-table td .edit-td .btn-group {
                    width: 100%;
                    float: left
                }

                    .edit-form .edit-table td .edit-td .btn-group .btn {
                        width: 100%;
                        float: left;
                        margin: 0;
                        border-radius: 0;
                        background: 0 0;
                        border: 0
                    }

            .edit-form .edit-table td .edit-word {
                margin: 0
            }

            .edit-form .edit-table td .choose-group {
                width: 100%;
                float: left;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0
            }

            .edit-form .edit-table td .aur-img {
                max-height: 50px;
                max-width: 100%;
                cursor: pointer
            }

    .edit-form .edit-span {
        min-width: 20px;
        min-height: 20px;
        text-align: center;
        line-height: 20px;
        border-bottom: 1px solid #000;
        float: none;
        margin: 0;
        display: inline-block
    }

        .edit-form .edit-span .date {
            width: 100%;
            overflow: hidden
        }

            .edit-form .edit-span .date input {
                width: 100%;
                border: 0;
                border-radius: 0;
                box-shadow: none;
                margin: 0;
                background: 0 0
            }

            .edit-form .edit-span .date .btn {
                margin: 0
            }

.subject-area {
    width: 100%;
    float: left
}

    .subject-area .subject {
        width: 100%;
        float: left;
        padding: 20px 5px;
        border-bottom: 1px dotted rgba(0,0,0,.1)
    }

        .subject-area .subject:last-child {
            border-bottom: 0
        }

        .subject-area .subject .subject-title {
            width: 100%;
            float: left;
            word-break: break-all;
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            text-align: left;
            margin-bottom: 10px
        }

        .subject-area .subject .choose-group {
            width: 100%;
            float: left;
            max-width: 100%;
            margin: 0
        }

            .subject-area .subject .choose-group .checkbox, .subject-area .subject .choose-group .radio {
                min-width: 50%;
                height: auto;
                line-height: 20px;
                padding: 5px 20px;
                white-space: normal !important;
                overflow: visible;
                float: left;
                margin: 0
            }

        .subject-area .subject .subject-answer {
            width: 100%;
            float: left;
            padding: 10px;
            font-size: 16px;
            text-align: left;
            display: none
        }

            .subject-area .subject .subject-answer span {
                padding: 0 5px;
                font-weight: 700;
                font-size: 18px
            }

.page-area {
    width: 100%;
    float: left
}

    .page-area .page {
        float: left;
        height: 30px
    }

        .page-area .page .page-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 3px;
            min-width: 30px;
            height: 30px;
            float: left;
            cursor: pointer;
            margin-right: 3px;
            padding: 0 5px;
            color: #777;
            background: #fafafa;
            border: 1px solid #d5d5d5
        }

            .page-area .page .page-btn:hover {
                color: #fff;
                background: #198cf0;
                border: 1px solid rgba(0,0,0,.1)
            }

            .page-area .page .page-btn:active {
                color: rgba(255,255,255,.9);
                background: #0056a1
            }

            .page-area .page .page-btn.select {
                color: #fff;
                background: #198cf0;
                border: 1px solid rgba(0,0,0,.1)
            }

            .page-area .page .page-btn[class^=glyphicon-] {
                font-size: 12px
            }

            .page-area .page .page-btn[disabled^=disabled] {
                color: #999;
                background: #eee;
                pointer-events: none;
                opacity: .75
            }

        .page-area .page .page-ellipsis {
            height: 30px;
            line-height: 30px;
            text-align: center;
            width: 20px;
            color: #999;
            float: left;
            margin-right: 3px
        }

            .page-area .page .page-ellipsis:before {
                content: "..."
            }

    .page-area .page-info {
        float: right;
        height: 30px
    }

        .page-area .page-info .word {
            float: left;
            white-space: nowrap;
            line-height: 30px;
            margin: 0;
            padding: 0
        }

        .page-area .page-info .btn-group {
            margin: 0 5px;
            float: left
        }

            .page-area .page-info .btn-group .dropdown-menu {
                width: 100%;
                min-width: 0
            }

            .page-area .page-info .btn-group input {
                width: 60px
            }

        .page-area .page-info .page-jump {
            width: 40px;
            margin: 0 5px;
            float: left
        }

.dark .page-area .page .page-btn, .dark.page-area .page .page-btn {
    color: rgba(255,255,255,.75);
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.2)
}

    .dark .page-area .page .page-btn:hover, .dark.page-area .page .page-btn:hover {
        color: #fff;
        background: #198cf0
    }

    .dark .page-area .page .page-btn:active, .dark.page-area .page .page-btn:active {
        color: rgba(255,255,255,.9);
        background: #0056a1
    }

    .dark .page-area .page .page-btn.select, .dark.page-area .page .page-btn.select {
        color: #fff;
        background: #198cf0
    }

    .dark .page-area .page .page-btn[disabled^=disabled], .dark.page-area .page .page-btn[disabled^=disabled] {
        color: rgba(255,255,255,.25);
        background: rgba(255,255,255,.05)
    }

.choose-group {
    margin-bottom: 10px;
    float: left
}

    .choose-group .checkbox, .choose-group .radio {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 30px;
        line-height: 30px;
        float: left;
        margin-right: 20px;
        cursor: pointer;
        display: inline-block;
        max-width: 100%;
        padding: 0 0 0 20px;
        text-align: left;
        position: relative
    }

        .choose-group .checkbox:last-child, .choose-group .radio:last-child {
            margin-right: 0
        }

        .choose-group .checkbox:before, .choose-group .radio:before {
            position: absolute;
            top: 7px;
            right: auto;
            bottom: auto;
            left: 0;
            z-index: 100;
            display: inline-block;
            width: 12px;
            height: 12px;
            content: "";
            border-width: 2px;
            border-style: solid
        }

        .choose-group .checkbox:after, .choose-group .radio:after {
            display: flex;
            align-items: center;
            justify-content: center;
            transform: scale(.65);
            position: absolute;
            top: 7px;
            right: auto;
            bottom: auto;
            left: 0;
            z-index: 105;
            width: 16px;
            height: 16px;
            font-family: icomoon;
            content: "\ea10";
            font-size: 14px
        }

        .choose-group .checkbox span, .choose-group .radio span {
            line-height: inherit;
            padding: 0 5px;
            cursor: inherit;
            display: inline-block;
            float: left
        }

        .choose-group .checkbox i, .choose-group .radio i {
            height: 18px;
            line-height: 18px;
            display: inline-block;
            border-radius: 4px;
            background: rgba(0,0,0,.1);
            padding: 0 6px;
            margin: 6px 0 0 6px;
            font-size: 12px
        }

        .choose-group .checkbox.checked, .choose-group .radio.checked {
            color: #000
        }

            .choose-group .checkbox.checked:before, .choose-group .radio.checked:before {
                background: #198cf0;
                border-color: #198cf0
            }

            .choose-group .checkbox.checked:after, .choose-group .radio.checked:after {
                color: #fff
            }

            .choose-group .checkbox.checked i, .choose-group .radio.checked i {
                background: rgba(25,140,240,.75);
                color: #fff
            }

        .choose-group .checkbox.unchecked, .choose-group .radio.unchecked {
            color: rgba(0,0,0,.75)
        }

            .choose-group .checkbox.unchecked:before, .choose-group .radio.unchecked:before {
                background: 0 0;
                border-color: rgba(0,0,0,.25)
            }

            .choose-group .checkbox.unchecked:after, .choose-group .radio.unchecked:after {
                color: transparent
            }

        .choose-group .checkbox.disabled, .choose-group .checkbox.disabled:hover, .choose-group .radio.disabled, .choose-group .radio.disabled:hover {
            color: rgba(0,0,0,.5);
            cursor: default
        }

            .choose-group .checkbox.disabled:before, .choose-group .checkbox.disabled:hover:before, .choose-group .radio.disabled:before, .choose-group .radio.disabled:hover:before {
                background: rgba(0,0,0,.1);
                border-color: rgba(0,0,0,.1)
            }

            .choose-group .checkbox.disabled:after, .choose-group .checkbox.disabled:hover:after, .choose-group .radio.disabled:after, .choose-group .radio.disabled:hover:after {
                color: transparent
            }

        .choose-group .checkbox.partialchecked, .choose-group .radio.partialchecked {
            color: rgba(0,0,0,.75)
        }

            .choose-group .checkbox.partialchecked:before, .choose-group .radio.partialchecked:before {
                background: 0 0;
                border-color: rgba(0,0,0,.25)
            }

            .choose-group .checkbox.partialchecked:after, .choose-group .radio.partialchecked:after {
                color: rgba(0,0,0,.25)
            }

            .choose-group .checkbox.partialchecked:hover:after, .choose-group .radio.partialchecked:hover:after {
                color: #198cf0
            }

        .choose-group .checkbox.error, .choose-group .checkbox.error:hover, .choose-group .radio.error, .choose-group .radio.error:hover {
            cursor: default
        }

            .choose-group .checkbox.error:before, .choose-group .checkbox.error:hover:before, .choose-group .radio.error:before, .choose-group .radio.error:hover:before {
                background: #f32121;
                border-color: #f32121
            }

            .choose-group .checkbox.error:after, .choose-group .checkbox.error:hover:after, .choose-group .radio.error:after, .choose-group .radio.error:hover:after {
                content: "\ea0f";
                font-size: 12px;
                color: #fff
            }

        .choose-group .checkbox:hover, .choose-group .radio:hover {
            color: #000
        }

            .choose-group .checkbox:hover:before, .choose-group .radio:hover:before {
                border-color: #198cf0
            }

        .choose-group .checkbox:before {
            border-radius: 3px
        }

        .choose-group .radio:before {
            border-radius: 50%
        }

.dark .choose-group .checkbox.checked, .dark .choose-group .radio.checked, .dark.choose-group .checkbox.checked, .dark.choose-group .radio.checked {
    color: #fff
}

    .dark .choose-group .checkbox.checked:after, .dark .choose-group .radio.checked:after, .dark.choose-group .checkbox.checked:after, .dark.choose-group .radio.checked:after {
        color: #fff
    }

.dark .choose-group .checkbox.unchecked, .dark .choose-group .radio.unchecked, .dark.choose-group .checkbox.unchecked, .dark.choose-group .radio.unchecked {
    color: rgba(255,255,255,.75)
}

    .dark .choose-group .checkbox.unchecked:before, .dark .choose-group .radio.unchecked:before, .dark.choose-group .checkbox.unchecked:before, .dark.choose-group .radio.unchecked:before {
        background: 0 0;
        border-color: rgba(255,255,255,.25)
    }

    .dark .choose-group .checkbox.unchecked:after, .dark .choose-group .radio.unchecked:after, .dark.choose-group .checkbox.unchecked:after, .dark.choose-group .radio.unchecked:after {
        color: transparent
    }

.dark .choose-group .checkbox.disabled, .dark .choose-group .checkbox.disabled:hover, .dark .choose-group .radio.disabled, .dark .choose-group .radio.disabled:hover, .dark.choose-group .checkbox.disabled, .dark.choose-group .checkbox.disabled:hover, .dark.choose-group .radio.disabled, .dark.choose-group .radio.disabled:hover {
    color: rgba(255,255,255,.5);
    cursor: default
}

    .dark .choose-group .checkbox.disabled:before, .dark .choose-group .checkbox.disabled:hover:before, .dark .choose-group .radio.disabled:before, .dark .choose-group .radio.disabled:hover:before, .dark.choose-group .checkbox.disabled:before, .dark.choose-group .checkbox.disabled:hover:before, .dark.choose-group .radio.disabled:before, .dark.choose-group .radio.disabled:hover:before {
        background: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.1)
    }

    .dark .choose-group .checkbox.disabled:after, .dark .choose-group .checkbox.disabled:hover:after, .dark .choose-group .radio.disabled:after, .dark .choose-group .radio.disabled:hover:after, .dark.choose-group .checkbox.disabled:after, .dark.choose-group .checkbox.disabled:hover:after, .dark.choose-group .radio.disabled:after, .dark.choose-group .radio.disabled:hover:after {
        color: transparent
    }

.dark .choose-group .checkbox.partialchecked, .dark .choose-group .radio.partialchecked, .dark.choose-group .checkbox.partialchecked, .dark.choose-group .radio.partialchecked {
    color: rgba(255,255,255,.75)
}

    .dark .choose-group .checkbox.partialchecked:before, .dark .choose-group .radio.partialchecked:before, .dark.choose-group .checkbox.partialchecked:before, .dark.choose-group .radio.partialchecked:before {
        background: 0 0;
        border-color: rgba(255,255,255,.25)
    }

    .dark .choose-group .checkbox.partialchecked:after, .dark .choose-group .radio.partialchecked:after, .dark.choose-group .checkbox.partialchecked:after, .dark.choose-group .radio.partialchecked:after {
        color: rgba(255,255,255,.25)
    }

    .dark .choose-group .checkbox.partialchecked:hover:after, .dark .choose-group .radio.partialchecked:hover:after, .dark.choose-group .checkbox.partialchecked:hover:after, .dark.choose-group .radio.partialchecked:hover:after {
        color: #198cf0
    }

.dark .choose-group .checkbox:hover, .dark .choose-group .radio:hover, .dark.choose-group .checkbox:hover, .dark.choose-group .radio:hover {
    color: #fff
}

    .dark .choose-group .checkbox:hover:before, .dark .choose-group .radio:hover:before, .dark.choose-group .checkbox:hover:before, .dark.choose-group .radio:hover:before {
        border-color: #198cf0
    }

.form-upload {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

    .form-upload .btn {
        margin-bottom: 5px
    }

    .form-upload .form-upload-progress {
        width: 100%;
        float: left;
        height: 10px;
        border-radius: 5px;
        background: rgba(0,0,0,.1);
        margin-bottom: 5px;
        overflow: hidden
    }

        .form-upload .form-upload-progress .form-upload-bar {
            width: 0%;
            height: inherit;
            float: left;
            background-image: url(/images/icons/loading.jpg);
            background-size: 10px 10px;
            animation: loading-animate 5s infinite linear
        }

    .form-upload .form-upload-prompt {
        width: 100%;
        float: left;
        border-radius: 4px;
        border: 1px dashed rgba(0,0,0,.25);
        padding: 10px
    }

        .form-upload .form-upload-prompt .form-upload-info {
            width: 100%;
            float: left;
            display: flex;
            margin-bottom: 10px
        }

            .form-upload .form-upload-prompt .form-upload-info:last-child {
                margin-bottom: 0
            }

            .form-upload .form-upload-prompt .form-upload-info .form-upload-word {
                width: 1%;
                height: 20px;
                line-height: 20px;
                flex: 1;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                color: rgba(0,0,0,.75)
            }

                .form-upload .form-upload-prompt .form-upload-info .form-upload-word span {
                    color: #198cf0;
                    padding: 0 3px
                }

    .form-upload .upload-file {
        width: 100%;
        float: left;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 4px solid rgba(0,0,0,.1);
        padding: 5px;
        cursor: default;
        margin-bottom: 5px
    }

        .form-upload .upload-file.cur {
            cursor: pointer
        }

            .form-upload .upload-file.cur:hover {
                border-color: rgba(0,0,0,.25)
            }

        .form-upload .upload-file:last-child {
            margin-bottom: 0
        }

        .form-upload .upload-file b {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(0,0,0,.5);
            margin-right: 4px;
            font-weight: 400
        }

        .form-upload .upload-file p {
            width: 1%;
            height: 20px;
            flex: 1;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0
        }

        .form-upload .upload-file i {
            width: 28px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(0,0,0,.1);
            color: rgba(0,0,0,.75);
            cursor: pointer;
            margin: -4px -4px -4px 8px;
            border-radius: 3px
        }

            .form-upload .upload-file i:hover {
                background: rgba(0,0,0,.25);
                color: rgba(0,0,0,.9)
            }

.img-upload {
    width: 100%;
    float: left;
    padding: 5px;
    width: calc(100% + 20px);
    margin: -10px -10px 0 -10px
}

    .img-upload .img-upload-block {
        width: 64px;
        height: 64px;
        margin: 5px;
        float: left;
        position: relative;
        border: 1px solid rgba(0,0,0,.1);
        padding: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible
    }

        .img-upload .img-upload-block.cur {
            cursor: pointer
        }

            .img-upload .img-upload-block.cur:hover {
                border-color: rgba(0,0,0,.25)
            }

        .img-upload .img-upload-block img {
            max-width: 100%;
            max-height: 100%
        }

        .img-upload .img-upload-block i {
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: #198cf0;
            color: #fff;
            font-size: 12px;
            position: absolute;
            top: 0;
            right: 0;
            bottom: auto;
            left: auto;
            z-index: 1;
            margin: -15px;
            display: flex;
            align-items: center;
            justify-content: center;
            transform: scale(.6);
            cursor: pointer;
            transition: all .1s linear
        }

            .img-upload .img-upload-block i:hover {
                background: #0056a1
            }

    .img-upload .img-upload-create {
        width: 64px;
        height: 64px;
        margin: 5px;
        float: left;
        position: relative;
        border: 1px dashed rgba(0,0,0,.2);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 32px;
        color: rgba(0,0,0,.25);
        cursor: pointer;
        transition: all .1s linear
    }

        .img-upload .img-upload-create:hover {
            border-color: rgba(0,0,0,.25);
            color: rgba(0,0,0,.5)
        }

.overrall-progress {
    width: 100%;
    height: 5px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 50000;
    overflow: visible
}

    .overrall-progress div {
        width: 0;
        height: inherit;
        background: 0 0;
        background-image: linear-gradient(to left,#26c6f2 0,#198cf0 100%);
        float: left;
        opacity: .75
    }

.switch-btn {
    width: auto;
    height: 20px;
    border-radius: 12px;
    float: right;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

    .switch-btn .switch-word {
        height: 20px;
        line-height: 20px;
        color: #fff;
        position: relative;
        z-index: 5;
        font-size: 12px;
        cursor: inherit;
        transition: padding .1s linear,color .1s linear
    }

    .switch-btn .switch-block {
        width: 16px;
        height: 16px;
        border-radius: 8px;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: 10;
        color: #fff;
        border: 5px solid #fff;
        background: #eee;
        margin: -8px;
        cursor: inherit;
        transition: left .1s linear,right .1s linear
    }

    .switch-btn.switch-on {
        background: #198cf0
    }

        .switch-btn.switch-on .switch-word {
            padding: 0 15px 0 25px
        }

            .switch-btn.switch-on .switch-word:before {
                content: "å¼€"
            }

            .switch-btn.switch-on .switch-word.switch-whether:before {
                content: "是"
            }

        .switch-btn.switch-on .switch-block {
            left: 10px
        }

    .switch-btn.switch-off {
        background: #aaa
    }

        .switch-btn.switch-off .switch-word {
            padding: 0 25px 0 15px
        }

            .switch-btn.switch-off .switch-word:before {
                content: "å…³"
            }

            .switch-btn.switch-off .switch-word.switch-whether:before {
                content: "否"
            }

        .switch-btn.switch-off .switch-block {
            left: calc(100% - 10px)
        }

.switch-status {
    width: auto;
    height: 30px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,.2);
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

    .switch-status:before {
        content: "";
        width: 10px;
        height: 20px;
        position: absolute;
        top: 4px;
        right: auto;
        bottom: 4px;
        left: auto;
        z-index: 5;
        border-radius: 2px;
        box-shadow: 0 0 2px rgba(0,0,0,.5);
        transition: left .1s linear,right .1s linear
    }

    .switch-status span {
        padding: 4px 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        z-index: 1;
        transition: padding .1s linear,color .1s linear;
        font-size: 14px
    }

    .switch-status.switch-on {
        background: #198cf0
    }

        .switch-status.switch-on:before {
            left: auto;
            right: 4px;
            background: 0 0;
            background-image: linear-gradient(to top,#fff 0,#eee 100%)
        }

        .switch-status.switch-on span {
            padding-right: 22px;
            color: #fff
        }

    .switch-status.switch-off {
        background: rgba(0,0,0,.03)
    }

        .switch-status.switch-off:hover {
            background: rgba(0,0,0,.05);
            border-color: rgba(25,140,240,.5)
        }

            .switch-status.switch-off:hover:before {
                border-color: rgba(0,0,0,.25)
            }

            .switch-status.switch-off:hover span {
                color: #198cf0
            }

        .switch-status.switch-off:before {
            left: 4px;
            right: auto;
            background: 0 0;
            background-image: linear-gradient(to bottom,#fff 0,#eee 100%)
        }

        .switch-status.switch-off span {
            color: rgba(0,0,0,.75);
            padding-left: 22px
        }

.folder {
    height: 30px;
    line-height: 30px;
    float: left;
    width: 25px;
    cursor: pointer;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(/images/icons/folder-01.png)
}

    .folder.folder-wide {
        width: 40px;
        background-position-x: 0 !important
    }

.folder-open {
    background-position: 6px 0
}

.folder-close {
    background-position: 6px -30px
}

.folder-none {
    background-position: 6px -60px;
    pointer-events: none !important
}

.dark .folder, .dark.folder {
    background-image: url(/images/icons/folder-02.png)
}

.tree-area {
    width: 100%;
    float: left
}

    .tree-area .tree {
        width: 100%;
        float: left
    }

        .tree-area .tree ul {
            width: 100%;
            float: left;
            margin: 0;
            padding: 0;
            display: inline-block;
            overflow: hidden;
            border: 0
        }

            .tree-area .tree ul li {
                width: 100%;
                float: left;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                padding-left: 20px;
                line-height: 26px;
                display: inline-block;
                font-size: 18px;
                color: #333;
                position: relative
            }

                .tree-area .tree ul li:before {
                    content: "";
                    width: 10px;
                    height: 15px;
                    position: absolute;
                    top: -1px;
                    right: auto;
                    bottom: auto;
                    left: 10px;
                    z-index: 1;
                    border-style: none none solid solid;
                    border-width: 1px;
                    border-color: #ddd
                }

                .tree-area .tree ul li:not(:last-child):after {
                    content: "";
                    position: absolute;
                    top: 0;
                    right: auto;
                    bottom: auto;
                    left: 10px;
                    z-index: 1;
                    border-style: none none none solid;
                    border-width: 1px;
                    border-color: #ddd;
                    bottom: 0
                }

                .tree-area .tree ul li a {
                    width: 100%;
                    float: left;
                    height: 26px;
                    line-height: 26px;
                    border-radius: 4px;
                    white-space: nowrap !important;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    cursor: pointer;
                    font-size: 14px;
                    color: #333;
                    padding: 0 !important
                }

                    .tree-area .tree ul li a.bold {
                        font-size: 16px;
                        font-weight: 700;
                        margin-top: 10px
                    }

                    .tree-area .tree ul li a.select {
                        background: rgba(25,140,240,.25)
                    }

                    .tree-area .tree ul li a:hover {
                        background: rgba(0,0,0,.05);
                        color: #000;
                        text-decoration: none
                    }

                    .tree-area .tree ul li a .folder {
                        margin: -2px 0
                    }

                    .tree-area .tree ul li a .folder-bottom, .tree-area .tree ul li a .folder-empty, .tree-area .tree ul li a .folder-none {
                        cursor: default;
                        height: 17px;
                        border-bottom: 1px solid #ddd;
                        width: 20px
                    }

                    .tree-area .tree ul li a .folder-icon {
                        width: 20px;
                        height: 24px;
                        margin: 1px 5px 1px 0;
                        float: left
                    }

        .tree-area .tree > ul > li {
            padding-left: 0
        }

            .tree-area .tree > ul > li:before {
                border: 0
            }

            .tree-area .tree > ul > li > a > .fold-none {
                border-bottom-color: transparent
            }

.address-content {
    width: 100%;
    float: left;
    padding: 10px;
    border-radius: 4px;
    background: #f4f4f4;
    margin-bottom: 10px
}

.address-area {
    min-height: 30px;
    float: left;
    overflow: hidden;
    max-width: 100%
}

    .address-area .name {
        height: 30px;
        line-height: 30px;
        font-weight: 700;
        float: left
    }

    .address-area .address {
        height: 30px;
        line-height: 30px;
        float: left;
        color: rgba(0,0,0,.75);
        cursor: pointer;
        padding-right: 30px
    }

        .address-area .address:hover {
            color: #198cf0
        }

        .address-area .address:before {
            content: "/";
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: right;
            color: rgba(0,0,0,.25);
            font-weight: 700;
            margin: 0 -30px
        }

        .address-area .address:last-child {
            padding-right: 0
        }

            .address-area .address:last-child:before {
                display: none
            }

.dark .address-content {
    background: rgba(255,255,255,.1)
}

.dark .address-area .address {
    color: rgba(255,255,255,.75)
}

    .dark .address-area .address:before {
        color: rgba(255,255,255,.5)
    }

.select-list-title, .select-tree-title {
    width: 100%;
    float: left;
    text-align: left;
    height: 40px;
    padding: 10px;
    line-height: 20px;
    color: #999;
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-bottom: 0
}

.select-list-body, .select-tree-body {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    border-top: 0;
    background: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    height: 400px
}

    .select-list-body .list-info, .select-tree-body .list-info {
        padding: 5px
    }

.select-tree-body, .select-tree-title {
    border-right: 0
}

.select-tree-body {
    background: #fafafa
}

.dark .select-list-title, .dark .select-tree-title {
    color: #fff;
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.1)
}

.dark .select-list-body, .dark .select-tree-body {
    border-color: rgba(255,255,255,.05);
    background: 0 0
}

.bar {
    width: 100%;
    float: left;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    max-width: 400px;
    margin-bottom: 10px;
    color: rgba(255,255,255,.75);
    background: rgba(255,255,255,.1);
    opacity: 1;
    transition: opacity .6s linear,width .6s linear
}

    .bar b, .bar p, .bar span {
        float: left;
        display: inline-block;
        padding: 5px 10px;
        height: inherit;
        line-height: 20px;
        color: inherit;
        font-weight: 400;
        margin: 0
    }

    .bar b {
        padding: 5px 0 5px 10px
    }

    .bar span {
        float: right;
        padding: 5px 10px 5px 0
    }

    .bar p {
        float: right;
        padding: 5px 5px 5px 0;
        font-family: digi;
        font-size: 20px
    }

    .bar.bar-big {
        height: 40px
    }

        .bar.bar-big b, .bar.bar-big p, .bar.bar-big span {
            padding: 10px
        }

        .bar.bar-big p {
            font-size: 24px
        }

    .bar.bar-blue {
        background: rgba(0,130,255,.9);
        transition: opacity .4s linear,width .4s linear
    }

.fadeout .bar {
    width: 0;
    opacity: 0;
    transition: opacity .6s linear,width .6s linear
}

    .fadeout .bar.bar-blue {
        width: 0;
        opacity: 0;
        transition: opacity .4s linear,width .4s linear
    }

.data-area {
    width: 100%;
    transform: scale(1);
    display: flex;
    justify-content: space-around;
    float: left;
    height: 60px;
    opacity: 1;
    transition: opacity .4s linear,transform .4s linear
}

    .data-area .data {
        height: 50px
    }

        .data-area .data b {
            height: 30px;
            line-height: 30px;
            float: left;
            font-size: 30px;
            font-family: digi;
            color: #fff;
            display: inline-block;
            font-weight: 400
        }

        .data-area .data p {
            height: 15px;
            line-height: 15px;
            float: left;
            margin: 15px 0 0 3px;
            color: rgba(255,255,255,.5);
            display: inline-block
        }

        .data-area .data span {
            width: 100%;
            float: left;
            height: 15px;
            line-height: 15px;
            display: inline-block;
            text-align: center;
            color: #00b1ff;
            text-align: left;
            white-space: nowrap
        }

.fadeout .data-area {
    opacity: 0;
    transform: scale(0);
    transition: opacity .4s linear,transform .4s linear
}

.sub-block {
    width: 100%;
    float: left;
    padding: 0 70px 0 0;
    background: #666
}

    .sub-block .sub-icon {
        width: 70px;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255,255,255,.5);
        float: right;
        margin: 0 -70px;
        background: rgba(255,255,255,.1);
        font-size: 36px
    }

    .sub-block h1 {
        width: 100%;
        float: left;
        height: 35px;
        line-height: 35px;
        padding: 10px;
        font-size: 32px;
        color: #fff;
        font-weight: 700
    }

    .sub-block span {
        width: 100%;
        float: left;
        height: 20px;
        line-height: 20px;
        padding: 10px 10px 0;
        color: rgba(255,255,255,.75)
    }

    .sub-block.big {
        padding-right: 100px
    }

        .sub-block.big .sub-icon {
            width: 100px;
            height: 100px;
            margin: 0 -100px;
            font-size: 54px
        }

        .sub-block.big h1 {
            height: 50px;
            line-height: 50px;
            padding: 10px 15px
        }

        .sub-block.big span {
            height: 30px;
            line-height: 30px;
            font-size: 18px;
            padding: 10px 15px 0
        }

.chart-area, .edit-area {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    text-align: center;
    color: #999;
    min-height: 30px
}

.chart-th {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    padding: 20px;
    background-color: #fafafa
}

    .chart-th .chart-content {
        position: relative;
        width: 50%;
        height: 50%;
        float: left;
        padding: 10px
    }

        .chart-th .chart-content .chart-opt {
            position: absolute;
            top: 20px;
            right: 20px;
            bottom: auto;
            left: auto;
            z-index: 105
        }

        .chart-th .chart-content .chart {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto;
            padding: 20px;
            background-color: #fff;
            z-index: 100
        }

.chart-block {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px
}

    .chart-block .chart-title {
        width: 100%;
        float: left;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 18px;
        font-weight: 700
    }

    .chart-block .chart-body {
        width: 100%;
        float: left
    }

        .chart-block .chart-body * {
            color: unset;
            font-size: unset;
            font-weight: unset
        }

.hc-row {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

    .hc-row .hc-col {
        width: 1%;
        height: 100px;
        flex: 1;
        margin: 0 10px 20px
    }

        .hc-row .hc-col:first-child {
            margin-left: 0
        }

        .hc-row .hc-col:last-child {
            margin-right: 0
        }

.hc-block {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    background: #198cf0
}

    .hc-block.hc-bar {
        width: 100%;
        float: left;
        height: 100px;
        cursor: pointer
    }

        .hc-block.hc-bar:hover {
            box-shadow: 0 0 10px rgba(0,0,0,.25)
        }

    .hc-block .hc-ico {
        width: 100px;
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        z-index: 50;
        color: rgba(255,255,255,.25);
        pointer-events: none;
        font-size: 100px
    }

    .hc-block .hc-obj {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        z-index: 60;
        padding: 0 20px
    }

        .hc-block .hc-obj .hc-info {
            height: 70px;
            width: 100%;
            text-align: right
        }

            .hc-block .hc-obj .hc-info b, .hc-block .hc-obj .hc-info p {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #fff;
                text-align: right;
                margin: 0
            }

            .hc-block .hc-obj .hc-info p {
                height: 50px;
                font-size: 50px;
                font-family: digi
            }

            .hc-block .hc-obj .hc-info b {
                height: 20px;
                font-size: 18px;
                opacity: .75
            }

                .hc-block .hc-obj .hc-info b span {
                    height: inherit;
                    line-height: inherit;
                    float: right;
                    color: inherit;
                    font-size: inherit
                }

            .hc-block .hc-obj .hc-info h1 {
                width: 100%;
                height: 60px;
                line-height: 60px;
                text-align: center;
                font-size: 32px;
                color: #fff
            }

.dark .chart-th, .dark.chart-th {
    background: rgba(255,255,255,.05)
}

    .dark .chart-th .chart, .dark.chart-th .chart {
        background: rgba(255,255,255,.05)
    }

.dark .chart-block, .dark.chart-block {
    background: rgba(255,255,255,.1)
}

.status-area {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    z-index: 2005;
    height: 50px
}

    .status-area .status {
        padding: 0 12px;
        height: 40px;
        display: inline-block;
        float: right;
        overflow: visible;
        color: rgba(255,255,255,.9)
    }

        .status-area .status.status-border {
            border-left: 1px solid rgba(255,255,255,.25)
        }

        .status-area .status:last-child {
            border-left: 0;
            padding-left: 0
        }

        .status-area .status:first-child {
            padding-right: 0
        }

        .status-area .status .status-hover {
            height: inherit;
            float: left;
            position: relative;
            color: inherit;
            pointer-events: auto
        }

            .status-area .status .status-hover:hover .status-option {
                display: block
            }

            .status-area .status .status-hover:hover .status-icon-link {
                color: #198cf0
            }

            .status-area .status .status-hover .status-option {
                min-width: calc(100% + 20px);
                position: absolute;
                top: 40px;
                right: -10px;
                bottom: auto;
                left: auto;
                z-index: 2000;
                padding-top: 8px;
                text-align: center;
                overflow: hidden;
                display: none
            }

                .status-area .status .status-hover .status-option .status-option-block {
                    min-width: 100px;
                    border-radius: 8px;
                    padding: 8px;
                    background: rgba(30,30,30,.9);
                    border: 1px solid rgba(255,255,255,.1);
                    float: right
                }

                    .status-area .status .status-hover .status-option .status-option-block .status-option-btn {
                        float: left;
                        height: 34px;
                        line-height: 34px;
                        border-radius: 4px;
                        padding: 0 8px;
                        width: 100%;
                        text-align: center;
                        color: rgba(255,255,255,.9);
                        cursor: pointer;
                        font-size: 16px;
                        margin-bottom: 1px;
                        white-space: nowrap
                    }

                        .status-area .status .status-hover .status-option .status-option-block .status-option-btn:last-child {
                            margin-bottom: 0
                        }

                        .status-area .status .status-hover .status-option .status-option-block .status-option-btn:hover {
                            background: rgba(25,140,240,.75);
                            color: #fff
                        }

                        .status-area .status .status-hover .status-option .status-option-block .status-option-btn.select {
                            background: #198cf0;
                            color: #fff
                        }

                        .status-area .status .status-hover .status-option .status-option-block .status-option-btn .status-option-btn-num {
                            display: inline-flex;
                            justify-content: center;
                            align-items: center;
                            min-width: 24px;
                            padding: 0 4px;
                            border-radius: 4px;
                            font-size: 12px;
                            height: 18px;
                            color: #fff;
                            pointer-events: none;
                            margin: 8px 0 8px 8px;
                            float: right;
                            background: #f32121;
                            opacity: .8
                        }

                    .status-area .status .status-hover .status-option .status-option-block .status-option-border {
                        width: 100%;
                        float: left;
                        height: 1px;
                        background: rgba(255,255,255,.1);
                        margin: 4px 0
                    }

                    .status-area .status .status-hover .status-option .status-option-block .status-menu {
                        width: 100%;
                        float: left;
                        position: relative;
                        overflow: visible;
                        margin-bottom: 1px
                    }

                        .status-area .status .status-hover .status-option .status-option-block .status-menu:last-child {
                            margin-bottom: 0
                        }

                        .status-area .status .status-hover .status-option .status-option-block .status-menu.select > span, .status-area .status .status-hover .status-option .status-option-block .status-menu:hover > span {
                            background: #198cf0;
                            color: #fff
                        }

                        .status-area .status .status-hover .status-option .status-option-block .status-menu.select > .status-menu-option, .status-area .status .status-hover .status-option .status-option-block .status-menu:hover > .status-menu-option {
                            display: block
                        }

                        .status-area .status .status-hover .status-option .status-option-block .status-menu span {
                            width: 100%;
                            float: left;
                            border-radius: 4px;
                            height: 34px;
                            line-height: 34px;
                            padding: 0 8px;
                            text-align: left;
                            color: rgba(255,255,255,.9);
                            cursor: pointer;
                            display: inline-block;
                            font-size: 16px;
                            white-space: nowrap
                        }

                            .status-area .status .status-hover .status-option .status-option-block .status-menu span i {
                                width: 8px;
                                height: 12px;
                                float: right;
                                border-left: 6px solid rgba(255,255,255,.5);
                                border-top: 6px solid transparent;
                                border-bottom: 6px solid transparent;
                                display: inline-block;
                                margin: 11px 0 11px 4px
                            }

                        .status-area .status .status-hover .status-option .status-option-block .status-menu .status-menu-option {
                            min-width: 120px;
                            border-radius: 8px;
                            position: absolute;
                            top: -9px;
                            right: 100%;
                            bottom: auto;
                            left: auto;
                            z-index: 2000;
                            display: none;
                            padding: 8px;
                            background: rgba(30,30,30,.9);
                            border: 1px solid rgba(255,255,255,.1)
                        }

        .status-area .status .status-icon {
            height: 30px;
            line-height: 30px;
            float: left;
            width: 30px;
            margin: 5px 0;
            text-align: left;
            font-size: 24px;
            position: relative;
            color: inherit
        }

        .status-area .status .status-icon-link {
            pointer-events: auto;
            cursor: pointer;
            text-align: center
        }

            .status-area .status .status-icon-link .status-icon-link-caret {
                width: 12px;
                height: 8px;
                border-top: 6px solid rgba(255,255,255,.5);
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                margin: 0 -6px;
                position: absolute;
                top: auto;
                right: auto;
                bottom: -10px;
                left: 50%;
                z-index: 1
            }

            .status-area .status .status-icon-link:hover {
                color: #198cf0
            }

                .status-area .status .status-icon-link:hover .status-icon-link-caret {
                    border-top-color: #198cf0
                }

        .status-area .status .status-ball {
            border-radius: 8px;
            height: 16px;
            line-height: 16px;
            background: #f32121;
            float: left;
            width: auto;
            min-width: 16px;
            margin: 0 0 0 -8px;
            position: relative;
            text-align: center;
            color: #fff;
            padding: 0 3px;
            font-size: 12px
        }

        .status-area .status .status-user {
            float: left;
            height: 40px;
            position: relative;
            pointer-events: auto;
            cursor: pointer;
            color: inherit
        }

            .status-area .status .status-user .status-user-name {
                width: 100%;
                height: 20px;
                line-height: 20px;
                position: relative;
                font-size: 16px;
                cursor: inherit;
                color: inherit
            }

            .status-area .status .status-user .status-user-post {
                width: 100%;
                height: 20px;
                line-height: 20px;
                position: relative;
                font-size: 12px;
                cursor: inherit;
                color: inherit;
                opacity: .75
            }

.video-window {
    position: absolute;
    top: 150px;
    right: 340px;
    bottom: 40px;
    left: 250px;
    z-index: 1000;
    pointer-events: auto !important;
    display: none
}

.video-mode-area {
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px;
    z-index: 50;
    width: 200px
}

    .video-mode-area .video-mode {
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        pointer-events: auto;
        float: left;
        text-align: center;
        background: rgba(50,50,50,.9);
        color: rgba(255,255,255,.75);
        cursor: pointer;
        padding: 0 10px;
        width: 80px;
        margin-right: 5px
    }

        .video-mode-area .video-mode:last-child {
            margin-right: 0
        }

        .video-mode-area .video-mode.select, .video-mode-area .video-mode:hover {
            background: #198cf0;
            color: #fff
        }

.video-area {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    background: #111;
    overflow: hidden;
    padding: 1px;
    z-index: 40
}

    .video-area .video-setting-area {
        position: absolute;
        top: 0;
        right: 0;
        bottom: auto;
        left: auto;
        z-index: 50;
        padding: 10px;
        width: 100%
    }

        .video-area .video-setting-area .video-setting-group {
            float: right;
            height: 20px;
            margin-left: 10px
        }

            .video-area .video-setting-area .video-setting-group .video-setting {
                height: 20px;
                line-height: 20px;
                width: 20px;
                text-align: center;
                font-size: 16px;
                color: rgba(255,255,255,.75);
                cursor: pointer
            }

                .video-area .video-setting-area .video-setting-group .video-setting:hover {
                    color: #fff
                }

            .video-area .video-setting-area .video-setting-group:last-child {
                margin-left: 0
            }

    .video-area .video {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        z-index: 40
    }

        .video-area .video video {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto
        }

    .video-area.video-screen-1 .video {
        width: 100%;
        height: 100%;
        padding: 0
    }

    .video-area.video-screen-4 .video {
        width: calc(100% / 2);
        height: calc(100% / 2);
        padding: 1px
    }

    .video-area.video-screen-9 .video {
        width: calc(100% / 3);
        height: calc(100% / 3);
        padding: 1px
    }

.ppt-block {
    width: 100%;
    float: left
}

    .ppt-block .ppt-block {
        padding-left: 30px
    }

    .ppt-block .ppt {
        width: 100%;
        float: left;
        border-radius: 5px;
        border: 1px solid transparent;
        padding: 5px 5px 5px 35px;
        cursor: pointer
    }

        .ppt-block .ppt.select {
            background: rgba(49,182,250,.25);
            border-color: rgba(49,182,250,.8)
        }

            .ppt-block .ppt.select span {
                color: #0072ac
            }

        .ppt-block .ppt span {
            height: 30px;
            line-height: 30px;
            display: inline-block;
            width: 35px;
            text-align: center;
            font-weight: 700;
            margin: 0 -35px;
            float: left;
            color: rgba(0,0,0,.75)
        }

        .ppt-block .ppt .ppt-scale {
            width: 100%;
            float: left;
            position: relative;
            padding-bottom: 70%
        }

            .ppt-block .ppt .ppt-scale .ppt-view {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 100%;
                height: 100%;
                border: 1px solid rgba(0,0,0,.25);
                box-shadow: 5px 5px 0 rgba(0,0,0,.1);
                float: left;
                position: absolute;
                padding: 1px
            }

                .ppt-block .ppt .ppt-scale .ppt-view img {
                    max-width: 100%;
                    max-height: 100%
                }

        .ppt-block .ppt:hover {
            background: rgba(49,182,250,.1);
            border-color: rgba(49,182,250,.5)
        }

.slideview {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000;
    display: none;
    pointer-events: auto
}

    .slideview .slideview-prompt {
        position: absolute;
        top: 20px;
        right: auto;
        bottom: auto;
        left: 50%;
        z-index: 2000;
        width: 500px;
        height: 80px;
        margin: 0 -250px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        background: rgba(0,0,0,.5);
        font-size: 36px;
        color: rgba(255,255,255,.75);
        display: none
    }

    .slideview .slideview-area {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto
    }

        .slideview .slideview-area .slideview-content {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            display: none
        }

            .slideview .slideview-area .slideview-content.select {
                display: flex
            }

                .slideview .slideview-area .slideview-content.select video {
                    width: 100%;
                    height: 100%;
                    background: #000
                }

                .slideview .slideview-area .slideview-content.select img {
                    max-width: 100%;
                    max-height: 100%
                }

                .slideview .slideview-area .slideview-content.select .stage-content {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    float: left;
                    overflow: auto
                }

.dark .ppt-block .ppt span, .dark.ppt-block .ppt span {
    color: rgba(255,255,255,.75)
}

.dark .ppt-block .ppt .ppt-scale .ppt-view, .dark.ppt-block .ppt .ppt-scale .ppt-view {
    border-color: rgba(255,255,255,.25);
    box-shadow: 5px 5px 0 rgba(255,255,255,.1)
}

.dark .ppt-block .ppt:hover, .dark.ppt-block .ppt:hover {
    background-color: rgba(49,182,250,.1);
    border-color: rgba(49,182,250,.5)
}

.dark .ppt-block .ppt.select, .dark.ppt-block .ppt.select {
    background-color: rgba(49,182,250,.25);
    border-color: rgba(49,182,250,.8)
}

    .dark .ppt-block .ppt.select span, .dark.ppt-block .ppt.select span {
        color: #0072ac
    }

.panorama-area {
    position: fixed;
    z-index: 500000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: auto;
    display: none
}

    .panorama-area .panorama-btn {
        position: absolute;
        top: 20px;
        right: auto;
        bottom: auto;
        left: 20px;
        z-index: 500010;
        height: 40px;
        line-height: 40px;
        border-radius: 20px;
        width: 100px;
        color: rgba(255,255,255,.9);
        background: rgba(0,0,0,.25);
        cursor: pointer;
        font-size: 18px
    }

        .panorama-area .panorama-btn:hover {
            color: #fff;
            background: rgba(0,0,0,.4)
        }

        .panorama-area .panorama-btn span {
            height: inherit;
            line-height: inherit;
            cursor: inherit;
            width: 40px;
            text-align: center;
            float: left;
            display: inherit;
            color: inherit;
            font-size: inherit
        }

    .panorama-area .panorama-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 500005;
        width: 100%;
        height: 100%;
        background: #999
    }

.gantt-area {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible;
    background: rgba(20,20,20,.75)
}

    .gantt-area .gantt-eg-area {
        border-radius: 5px;
        float: left;
        position: relative;
        z-index: 500;
        background: rgba(0,0,0,.5);
        margin: -50px 0 -50px 10px;
        padding: 5px;
        height: 40px;
        overflow: hidden
    }

        .gantt-area .gantt-eg-area .gantt-eg {
            height: 30px;
            line-height: 30px;
            float: left;
            width: auto;
            color: rgba(255,255,255,.75);
            margin: 0 10px
        }

            .gantt-area .gantt-eg-area .gantt-eg:before {
                content: "";
                border-radius: 2px;
                display: inline-block;
                width: 14px;
                height: 14px;
                margin: 8px 6px 0 0;
                float: left
            }

        .gantt-area .gantt-eg-area .gantt-eg-gray:before {
            background: #ccc
        }

        .gantt-area .gantt-eg-area .gantt-eg-green:before {
            background: #0e9619
        }

        .gantt-area .gantt-eg-area .gantt-eg-red:before {
            background: #d72e2e
        }

        .gantt-area .gantt-eg-area .gantt-eg-blue:before {
            background: #0f7dbd
        }

    .gantt-area .gantt-header {
        width: 100%;
        float: left;
        height: 50px;
        overflow: visible;
        padding: 10px 170px 10px 330px
    }

        .gantt-area .gantt-header b {
            height: 30px;
            line-height: 30px;
            font-weight: 700 !important;
            float: left;
            margin-left: -320px;
            font-size: 16px;
            cursor: default;
            color: rgba(255,255,255,.9)
        }

        .gantt-area .gantt-header .gantt-operate {
            height: 30px;
            line-height: 30px;
            float: left;
            margin-left: -230px
        }

            .gantt-area .gantt-header .gantt-operate .gantt-btn {
                width: 20px;
                line-height: 30px;
                text-align: center;
                float: left;
                color: #999;
                cursor: pointer
            }

                .gantt-area .gantt-header .gantt-operate .gantt-btn:hover {
                    color: #666
                }

            .gantt-area .gantt-header .gantt-operate .glyphicon-indent-left.available {
                color: #3598dc
            }

            .gantt-area .gantt-header .gantt-operate .glyphicon-play.available {
                color: #0e9619
            }

            .gantt-area .gantt-header .gantt-operate .glyphicon-stop.available {
                color: #c13333
            }

            .gantt-area .gantt-header .gantt-operate .gantt-btn-space {
                float: left;
                height: 30px;
                width: 10px;
                display: block
            }

        .gantt-area .gantt-header .gantt-time-area {
            height: 30px;
            line-height: 30px;
            width: 120px;
            overflow: visible;
            background: rgba(255,255,255,.2);
            margin: 0 -120px;
            cursor: pointer
        }

            .gantt-area .gantt-header .gantt-time-area.pull-left {
                border-radius: 15px 15px 0 15px
            }

            .gantt-area .gantt-header .gantt-time-area.pull-right {
                border-radius: 15px 15px 15px 0
            }

            .gantt-area .gantt-header .gantt-time-area .gantt-time-icon {
                height: 30px;
                line-height: 30px;
                float: left;
                width: 30px;
                padding-left: 5px;
                text-align: center;
                color: rgba(255,255,255,.75);
                cursor: inherit
            }

            .gantt-area .gantt-header .gantt-time-area .gantt-time {
                height: 30px;
                line-height: 30px;
                width: 90px;
                float: left;
                position: relative;
                z-index: 55;
                cursor: pointer;
                color: rgba(255,255,255,.75);
                text-align: left
            }

                .gantt-area .gantt-header .gantt-time-area .gantt-time:hover {
                    color: rgba(255,255,255,.9)
                }

        .gantt-area .gantt-header .gantt-slider {
            width: 100%;
            float: left;
            height: 30px;
            overflow: visible
        }

            .gantt-area .gantt-header .gantt-slider .gantt-gray {
                width: 100%;
                float: left;
                height: 8px;
                background: rgba(255,255,255,.1);
                overflow: hidden;
                margin: 22px 0 0 0
            }

                .gantt-area .gantt-header .gantt-slider .gantt-gray .gantt-green {
                    background: #1996ce;
                    height: 8px
                }

        .gantt-area .gantt-header .gantt-now {
            height: 20px;
            line-height: 20px;
            width: 90px;
            float: right;
            margin: -10px -90px;
            cursor: default;
            text-align: center;
            color: #0f7cbd
        }

        .gantt-area .gantt-header .gantt-block-area {
            position: relative;
            z-index: 55;
            float: left;
            width: 10px;
            height: 20px;
            overflow: visible;
            margin: -20px -5px
        }

            .gantt-area .gantt-header .gantt-block-area .gantt-block {
                border-radius: 2px;
                float: left;
                width: 10px;
                height: 20px;
                cursor: ew-resize;
                padding-bottom: 5px;
                background-clip: content-box;
                overflow: visible;
                background: #198cf0
            }

                .gantt-area .gantt-header .gantt-block-area .gantt-block:hover {
                    background: #26c6f2
                }

                    .gantt-area .gantt-header .gantt-block-area .gantt-block:hover:before {
                        border-top: 5px solid #26c6f2
                    }

                .gantt-area .gantt-header .gantt-block-area .gantt-block:before {
                    content: "";
                    float: left;
                    width: 0;
                    height: 0;
                    display: inline-block;
                    margin-top: 15px;
                    border-left: 5px solid transparent;
                    border-right: 5px solid transparent;
                    border-top: 5px solid #198cf0
                }

    .gantt-area .gantt-body {
        width: 100%;
        float: left;
        height: 240px;
        padding: 0 10px
    }

        .gantt-area .gantt-body .gantt-content {
            width: 100%;
            float: left;
            position: relative;
            z-index: 50;
            overflow: hidden;
            height: 240px
        }

            .gantt-area .gantt-body .gantt-content .gantt-lb, .gantt-area .gantt-body .gantt-content .gantt-lt, .gantt-area .gantt-body .gantt-content .gantt-rb, .gantt-area .gantt-body .gantt-content .gantt-rt, .gantt-area .gantt-body .gantt-content .gantt-rt-cover {
                overflow: scroll;
                background: #333
            }

                .gantt-area .gantt-body .gantt-content .gantt-lb::-webkit-scrollbar, .gantt-area .gantt-body .gantt-content .gantt-lt::-webkit-scrollbar, .gantt-area .gantt-body .gantt-content .gantt-rb::-webkit-scrollbar, .gantt-area .gantt-body .gantt-content .gantt-rt-cover::-webkit-scrollbar, .gantt-area .gantt-body .gantt-content .gantt-rt::-webkit-scrollbar {
                    width: 10px;
                    background: #323737
                }

                .gantt-area .gantt-body .gantt-content .gantt-lb::-webkit-scrollbar-thumb, .gantt-area .gantt-body .gantt-content .gantt-lt::-webkit-scrollbar-thumb, .gantt-area .gantt-body .gantt-content .gantt-rb::-webkit-scrollbar-thumb, .gantt-area .gantt-body .gantt-content .gantt-rt-cover::-webkit-scrollbar-thumb, .gantt-area .gantt-body .gantt-content .gantt-rt::-webkit-scrollbar-thumb {
                    background: #323737
                }

                    .gantt-area .gantt-body .gantt-content .gantt-lb::-webkit-scrollbar-thumb:hover, .gantt-area .gantt-body .gantt-content .gantt-lt::-webkit-scrollbar-thumb:hover, .gantt-area .gantt-body .gantt-content .gantt-rb::-webkit-scrollbar-thumb:hover, .gantt-area .gantt-body .gantt-content .gantt-rt-cover::-webkit-scrollbar-thumb:hover, .gantt-area .gantt-body .gantt-content .gantt-rt::-webkit-scrollbar-thumb:hover {
                        background: #3c4141
                    }

                .gantt-area .gantt-body .gantt-content .gantt-lb::-webkit-scrollbar-track, .gantt-area .gantt-body .gantt-content .gantt-lt::-webkit-scrollbar-track, .gantt-area .gantt-body .gantt-content .gantt-rb::-webkit-scrollbar-track, .gantt-area .gantt-body .gantt-content .gantt-rt-cover::-webkit-scrollbar-track, .gantt-area .gantt-body .gantt-content .gantt-rt::-webkit-scrollbar-track {
                    background: #4b505a
                }

                .gantt-area .gantt-body .gantt-content .gantt-lb .gantt-table, .gantt-area .gantt-body .gantt-content .gantt-lt .gantt-table, .gantt-area .gantt-body .gantt-content .gantt-rb .gantt-table, .gantt-area .gantt-body .gantt-content .gantt-rt .gantt-table, .gantt-area .gantt-body .gantt-content .gantt-rt-cover .gantt-table {
                    width: 100%;
                    float: left;
                    table-layout: fixed;
                    border-collapse: separate;
                    border-spacing: 0
                }

                    .gantt-area .gantt-body .gantt-content .gantt-lb .gantt-table td, .gantt-area .gantt-body .gantt-content .gantt-lb .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-lt .gantt-table td, .gantt-area .gantt-body .gantt-content .gantt-lt .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-rb .gantt-table td, .gantt-area .gantt-body .gantt-content .gantt-rb .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-rt .gantt-table td, .gantt-area .gantt-body .gantt-content .gantt-rt .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-rt-cover .gantt-table td, .gantt-area .gantt-body .gantt-content .gantt-rt-cover .gantt-table th {
                        white-space: nowrap !important;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        height: 30px;
                        line-height: 30px;
                        padding: 0 5px;
                        border-right: 1px solid #555;
                        color: rgba(255,255,255,.75)
                    }

                    .gantt-area .gantt-body .gantt-content .gantt-lb .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-lt .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-rb .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-rt .gantt-table th, .gantt-area .gantt-body .gantt-content .gantt-rt-cover .gantt-table th {
                        font-weight: 700
                    }

            .gantt-area .gantt-body .gantt-content .gantt-lt {
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                z-index: 55;
                width: 300px;
                height: 50px
            }

            .gantt-area .gantt-body .gantt-content .gantt-rt {
                position: absolute;
                top: 0;
                right: 0;
                bottom: auto;
                left: 280px;
                z-index: 60;
                height: 50px
            }

                .gantt-area .gantt-body .gantt-content .gantt-rt .gantt-date-area {
                    background-image: url(/images/icons/gantt.png);
                    min-width: 100% !important
                }

            .gantt-area .gantt-body .gantt-content .gantt-rt-cover {
                position: absolute;
                top: 0;
                right: 0;
                bottom: auto;
                left: auto;
                z-index: 65;
                height: 30px;
                width: 20px;
                overflow: hidden;
                border-bottom: 1px solid #5c5c5c
            }

            .gantt-area .gantt-body .gantt-content .gantt-lb {
                position: absolute;
                top: 30px;
                right: auto;
                bottom: 0;
                left: 0;
                z-index: 65;
                width: 300px
            }

                .gantt-area .gantt-body .gantt-content .gantt-lb .gantt-table tr:nth-child(2n+1) {
                    background: rgba(255,255,255,.05)
                }

            .gantt-area .gantt-body .gantt-content .gantt-rb {
                position: absolute;
                top: 30px;
                right: 0;
                bottom: 0;
                left: 280px;
                z-index: 70
            }

                .gantt-area .gantt-body .gantt-content .gantt-rb .gantt-date-area {
                    min-width: 100% !important
                }

                .gantt-area .gantt-body .gantt-content .gantt-rb .gantt-table tr:nth-child(2n+1) {
                    background: rgba(255,255,255,.05)
                }

            .gantt-area .gantt-body .gantt-content .gantt-adjust {
                position: absolute;
                top: 0;
                right: auto;
                bottom: 0;
                left: 280px;
                z-index: 75;
                width: 3px;
                margin-left: -2px;
                background: #555;
                cursor: ew-resize
            }

            .gantt-area .gantt-body .gantt-content .gantt-peg {
                position: absolute;
                top: 0;
                right: auto;
                bottom: 0;
                left: 279px;
                z-index: 75;
                width: 1px;
                border-right: 1px solid rgba(50,150,220,.5)
            }

.gantt-date-area {
    width: 100%;
    float: left
}

    .gantt-date-area.gantt-pro {
        height: 36px;
        padding: 3px 0;
        background: url(/images/icons/gantt-weekend.svg)
    }

        .gantt-date-area.gantt-pro.lg {
            background-size: 280px !important
        }

        .gantt-date-area.gantt-pro .gantt-line .gantt-actual .gantt-progress, .gantt-date-area.gantt-pro .gantt-line .gantt-plan .gantt-progress {
            height: 12px;
            border-radius: 4px;
            overflow: hidden
        }

            .gantt-date-area.gantt-pro .gantt-line .gantt-actual .gantt-progress .gantt-progress, .gantt-date-area.gantt-pro .gantt-line .gantt-plan .gantt-progress .gantt-progress {
                border-radius: 0
            }

                .gantt-date-area.gantt-pro .gantt-line .gantt-actual .gantt-progress .gantt-progress:before, .gantt-date-area.gantt-pro .gantt-line .gantt-plan .gantt-progress .gantt-progress:before {
                    content: "";
                    position: relative;
                    width: 100%;
                    height: 100%;
                    float: left;
                    overflow: auto;
                    height: 50%;
                    background: rgba(0,0,0,.05);
                    top: 50%
                }

            .gantt-date-area.gantt-pro .gantt-line .gantt-actual .gantt-progress .gantt-bg-green, .gantt-date-area.gantt-pro .gantt-line .gantt-plan .gantt-progress .gantt-bg-green {
                background: #9bdba0
            }

            .gantt-date-area.gantt-pro .gantt-line .gantt-actual .gantt-progress .gantt-bg-blue, .gantt-date-area.gantt-pro .gantt-line .gantt-plan .gantt-progress .gantt-bg-blue {
                background: #72bde9
            }

            .gantt-date-area.gantt-pro .gantt-line .gantt-actual .gantt-progress .gantt-bg-red, .gantt-date-area.gantt-pro .gantt-line .gantt-plan .gantt-progress .gantt-bg-red {
                background: #ee9a9a
            }

        .gantt-date-area.gantt-pro .gantt-line .gantt-actual .gantt-compare, .gantt-date-area.gantt-pro .gantt-line .gantt-plan .gantt-compare {
            height: 6px !important;
            background: #ddd
        }

        .gantt-date-area.gantt-pro .gantt-line .gantt-actual {
            height: 12px;
            margin: 6px 0 0 0
        }

        .gantt-date-area.gantt-pro .gantt-line .gantt-plan {
            height: 6px;
            margin: 2px 0 0 0
        }

    .gantt-date-area .gantt-date {
        float: left;
        height: 30px;
        background: #fff url(/images/icons/gantt.png) repeat-x 0 0;
        padding: 0 5px;
        line-height: 20px;
        text-align: left;
        box-shadow: -1px 0 0 #ddd inset;
        color: #666
    }

    .gantt-date-area .gantt-line {
        width: 100%;
        float: left;
        height: 30px;
        overflow: hidden
    }

        .gantt-date-area .gantt-line .gantt-actual, .gantt-date-area .gantt-line .gantt-plan {
            width: 100%;
            float: left
        }

            .gantt-date-area .gantt-line .gantt-actual .gantt-progress, .gantt-date-area .gantt-line .gantt-plan .gantt-progress {
                position: relative;
                float: left;
                height: inherit;
                overflow: visible
            }

                .gantt-date-area .gantt-line .gantt-actual .gantt-progress .gantt-bg-green, .gantt-date-area .gantt-line .gantt-plan .gantt-progress .gantt-bg-green {
                    background: #16a500
                }

                .gantt-date-area .gantt-line .gantt-actual .gantt-progress .gantt-bg-blue, .gantt-date-area .gantt-line .gantt-plan .gantt-progress .gantt-bg-blue {
                    background: #198cf0
                }

                .gantt-date-area .gantt-line .gantt-actual .gantt-progress .gantt-bg-red, .gantt-date-area .gantt-line .gantt-plan .gantt-progress .gantt-bg-red {
                    background: #f32121
                }

        .gantt-date-area .gantt-line .gantt-compare {
            background: #ddd
        }

        .gantt-date-area .gantt-line .gantt-actual {
            height: 8px;
            margin: 11px 0 0 0
        }

        .gantt-date-area .gantt-line .gantt-plan {
            height: 3px;
            margin: 2px 0 0 0
        }

        .gantt-date-area .gantt-line:nth-child(2n+1) {
            background: rgba(255,255,255,.05)
        }

    .gantt-date-area .gantt-border {
        width: 2px;
        height: 38px;
        position: absolute;
        margin: -4px -1px;
        background: #198cf0;
        opacity: .5
    }

.border-to-shadow td {
    border-bottom: 0 !important;
    padding: 8px 8px 9px !important;
    box-shadow: 0 -1px 0 #ddd inset;
    height: 37px !important
}

.border-to-shadow-gantt td, .border-to-shadow-gantt th {
    border-bottom: 0 !important;
    padding: 0 0 1px 0 !important;
    box-shadow: 0 -1px 0 #ddd inset;
    height: 37px !important
}

.dark .gantt-rt .gantt-date-area {
    background-image: url(/images/icons/gantt-dark.png) !important
}

.dark .gantt-date-area.gantt-pro {
    background: url(/images/icons/gantt-weekend-dark.svg)
}

    .dark .gantt-date-area.gantt-pro .gantt-line {
        background: 0 0
    }

.dark .gantt-date-area .gantt-date {
    background: transparent url(/images/icons/gantt-dark.png) repeat-x 0 0;
    box-shadow: -1px 0 0 #555 inset;
    color: rgba(255,255,255,.75)
}

.dark .gantt-date-area .gantt-compare {
    background: rgba(255,255,255,.5)
}

.process-area {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    border: 1px solid #ddd;
    overflow: visible;
    background: #fff
}

    .process-area .process-opt {
        position: absolute;
        top: 5px;
        right: auto;
        bottom: auto;
        left: 5px;
        z-index: 60;
        background: #f4f4f4;
        width: 80px;
        padding: 5px;
        border: 1px solid #eee;
        overflow: visible
    }

        .process-area .process-opt h1 {
            width: 100%;
            float: left;
            color: #999;
            height: 25px;
            line-height: 20px;
            text-align: center;
            pointer-events: none;
            font-size: 14px;
            position: relative
        }

        .process-area .process-opt .process-btn {
            width: 100%;
            float: left;
            border-top: 1px solid rgba(0,0,0,.05);
            cursor: pointer;
            color: #333;
            padding: 8px 0;
            position: relative
        }

            .process-area .process-opt .process-btn:hover {
                background: rgba(0,0,0,.1)
            }

            .process-area .process-opt .process-btn.active {
                background: rgba(25,140,240,.25) !important
            }

            .process-area .process-opt .process-btn .process-btn-block {
                width: 100%;
                float: left;
                position: relative
            }

            .process-area .process-opt .process-btn .process-btn-icon {
                width: 100%;
                float: left;
                height: 25px;
                line-height: 25px;
                cursor: inherit;
                font-size: 24px;
                text-align: center;
                margin-bottom: 5px
            }

            .process-area .process-opt .process-btn span {
                width: 100%;
                float: left;
                height: 20px;
                line-height: 20px;
                cursor: inherit;
                color: #666;
                text-align: center
            }

            .process-area .process-opt .process-btn .process-option {
                width: 200px;
                position: absolute;
                top: -30px;
                right: auto;
                bottom: auto;
                left: 100%;
                z-index: 10;
                background: #fafafa;
                border-radius: 4px;
                border: 1px solid #ddd;
                box-shadow: 0 0 8px rgba(0,0,0,.25);
                opacity: 1;
                transition: all .1s linear
            }

                .process-area .process-opt .process-btn .process-option.fadeout {
                    opacity: 0;
                    pointer-events: none;
                    transform: translateX(-20px)
                }

                .process-area .process-opt .process-btn .process-option .process-option-arrow {
                    width: 10px;
                    height: 20px;
                    overflow: hidden;
                    position: absolute;
                    top: 50px;
                    right: auto;
                    bottom: auto;
                    left: -10px;
                    z-index: 1
                }

                    .process-area .process-opt .process-btn .process-option .process-option-arrow:before {
                        content: "";
                        width: 18px;
                        height: 18px;
                        display: block;
                        border: 1px solid #ddd;
                        background: #fafafa;
                        transform: rotate(45deg) translateX(4px) translateY(-4px)
                    }

                .process-area .process-opt .process-btn .process-option h2 {
                    width: 100%;
                    float: left;
                    font-size: 14px;
                    color: rgba(0,0,0,.75);
                    font-weight: 700;
                    padding: 10px;
                    border-bottom: 1px solid rgba(0,0,0,.1)
                }

                .process-area .process-opt .process-btn .process-option .process-option-list {
                    width: 100%;
                    float: left;
                    position: relative;
                    max-height: 300px;
                    min-height: 50px;
                    overflow: hidden
                }

                    .process-area .process-opt .process-btn .process-option .process-option-list .process-option-list-line {
                        width: 100%;
                        float: left;
                        padding: 8px;
                        cursor: pointer;
                        background: rgba(0,0,0,.05);
                        border-radius: 4px;
                        margin-bottom: 5px;
                        text-align: left;
                        word-break: break-all;
                        line-height: 1.3
                    }

                        .process-area .process-opt .process-btn .process-option .process-option-list .process-option-list-line:hover {
                            background: rgba(25,140,240,.75);
                            color: #fff
                        }

                        .process-area .process-opt .process-btn .process-option .process-option-list .process-option-list-line:last-child {
                            margin-bottom: 0
                        }

    .process-area .process {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 50;
        background-image: url(/images/icons/process-01.png);
        overflow: auto
    }

        .process-area .process .process-drawing {
            float: left;
            min-width: 1000px;
            min-height: 2000px;
            margin: 10px 400px 10px 100px
        }

    .process-area .process-detail {
        position: absolute;
        top: 5px;
        right: 20px;
        bottom: 20px;
        left: auto;
        z-index: 70;
        width: 350px;
        background: #fff;
        border: 1px solid rgba(0,0,0,.1);
        box-shadow: 0 0 5px rgba(0,0,0,.1);
        padding: 1px;
        overflow: visible
    }

        .process-area .process-detail.min {
            bottom: auto;
            height: 34px;
            overflow: hidden
        }

            .process-area .process-detail.min .process-toggle:after {
                transform: rotate(90deg);
                transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
            }

        .process-area .process-detail h1 {
            width: 100%;
            float: left;
            height: 30px;
            line-height: 30px;
            background: #eee;
            text-align: center;
            font-weight: 700;
            display: inline-block;
            font-size: 14px
        }

            .process-area .process-detail h1.process-toggle {
                cursor: pointer
            }

                .process-area .process-detail h1.process-toggle:hover {
                    background: #ddd
                }

                .process-area .process-detail h1.process-toggle:after {
                    content: "\e114";
                    width: 30px;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #aaa;
                    float: right;
                    margin: 0 0 0 -30px;
                    font-family: glyphicon;
                    transform: rotate(0);
                    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
                }

        .process-area .process-detail .process-close {
            height: 30px;
            line-height: 30px;
            width: 30px;
            text-align: center;
            color: rgba(0,0,0,.5);
            cursor: pointer;
            margin: -30px 0;
            float: right;
            font-size: 16px
        }

            .process-area .process-detail .process-close:hover {
                color: #198cf0
            }

        .process-area .process-detail .process-body {
            position: absolute;
            top: 30px;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            overflow: hidden
        }

.dark .process-area, .dark.process-area {
    border-color: rgba(255,255,255,.1);
    background: rgba(255,255,255,.05)
}

    .dark .process-area .process-opt, .dark.process-area .process-opt {
        background: #282828;
        border-color: rgba(255,255,255,.1)
    }

        .dark .process-area .process-opt h1, .dark.process-area .process-opt h1 {
            color: #999
        }

        .dark .process-area .process-opt .process-btn, .dark.process-area .process-opt .process-btn {
            border-top: 1px solid rgba(0,0,0,.05);
            color: #333
        }

            .dark .process-area .process-opt .process-btn:hover, .dark.process-area .process-opt .process-btn:hover {
                background: rgba(0,0,0,.1)
            }

            .dark .process-area .process-opt .process-btn span, .dark.process-area .process-opt .process-btn span {
                color: #666
            }

    .dark .process-area .process, .dark.process-area .process {
        background-image: url(/images/icons/process-01-opacity.png)
    }

    .dark .process-area .process-detail, .dark.process-area .process-detail {
        background: #282828;
        border-color: rgba(255,255,255,.1)
    }

        .dark .process-area .process-detail h1, .dark.process-area .process-detail h1 {
            background: rgba(255,255,255,.2)
        }

        .dark .process-area .process-detail .process-close, .dark.process-area .process-detail .process-close {
            color: rgba(255,255,255,.5)
        }

            .dark .process-area .process-detail .process-close:hover, .dark.process-area .process-detail .process-close:hover {
                color: #198cf0
            }

.step-area {
    width: 100%;
    float: left;
    padding: 0 10px
}

    .step-area .step {
        width: 100%;
        float: left;
        border-left: 4px solid rgba(0,0,0,.1);
        padding: 10px 20px
    }

        .step-area .step:before {
            border-radius: 50%;
            height: 20px;
            line-height: 20px;
            width: 20px;
            float: left;
            text-align: center;
            margin: 0 -32px;
            font-family: icomoon;
            color: #fff;
            display: inline-block
        }

        .step-area .step .step-name {
            width: 100%;
            float: left;
            height: 20px;
            line-height: 20px;
            text-align: left;
            font-size: 16px;
            font-weight: 700
        }

        .step-area .step .step-date {
            width: 100%;
            float: left;
            height: 20px;
            line-height: 20px;
            text-align: left;
            color: rgba(0,0,0,.5)
        }

    .step-area .step-complete:before {
        content: "\ea10";
        background: #16a500
    }

    .step-area .step-ongoing:before {
        content: "\e982";
        background: #198cf0;
        animation: clockwise-animate 2s infinite linear
    }

    .step-area .step-waiting:before {
        content: "\e94e";
        background: #999
    }

    .step-area .step-waiting .step-name {
        color: #999
    }

.flow-area {
    table-layout: fixed;
    float: left;
    border-collapse: separate;
    border-spacing: 50px
}

    .flow-area .flow-column {
        width: 300px;
        vertical-align: top
    }

        .flow-area .flow-column .flow-line {
            width: 100%;
            float: left;
            position: relative
        }

            .flow-area .flow-column .flow-line:last-child .flow {
                margin-bottom: 0
            }

            .flow-area .flow-column .flow-line .flow {
                width: 100%;
                float: left;
                border-radius: 5px;
                border: 2px solid rgba(0,0,0,.25);
                padding: 8px;
                background: #fff;
                width: 300px;
                margin-bottom: 10px
            }

                .flow-area .flow-column .flow-line .flow .flow-header {
                    width: 100%;
                    float: left;
                    height: 30px;
                    line-height: 20px;
                    padding: 0 0 0 30px;
                    border-bottom: 1px solid rgba(0,0,0,.1);
                    font-size: 18px;
                    font-weight: 700
                }

                    .flow-area .flow-column .flow-line .flow .flow-header .flow-icon {
                        border-radius: 50%;
                        height: 20px;
                        line-height: 20px;
                        width: 20px;
                        text-align: center;
                        margin: 0 -30px;
                        float: left;
                        background: rgba(0,0,0,.1);
                        color: #fff;
                        font-family: icomoon
                    }

                .flow-area .flow-column .flow-line .flow .flow-body {
                    width: 100%;
                    float: left
                }

                    .flow-area .flow-column .flow-line .flow .flow-body .flow-table {
                        width: 100%;
                        float: left;
                        table-layout: fixed;
                        border-collapse: separate;
                        border-spacing: 2px
                    }

                        .flow-area .flow-column .flow-line .flow .flow-body .flow-table td, .flow-area .flow-column .flow-line .flow .flow-body .flow-table th {
                            padding: 5px;
                            background: rgba(0,0,0,.05);
                            text-align: left;
                            word-break: break-all;
                            vertical-align: top;
                            line-height: 20px
                        }

                        .flow-area .flow-column .flow-line .flow .flow-body .flow-table th {
                            font-weight: 700;
                            text-align: center;
                            width: 80px
                        }

                .flow-area .flow-column .flow-line .flow.flow-complete {
                    border-color: rgba(0,156,3,.75)
                }

                    .flow-area .flow-column .flow-line .flow.flow-complete .flow-icon {
                        background: #18a31b
                    }

                        .flow-area .flow-column .flow-line .flow.flow-complete .flow-icon:before {
                            content: "\ea10"
                        }

                .flow-area .flow-column .flow-line .flow.flow-ongoing {
                    border-color: rgba(16,125,196,.75)
                }

                    .flow-area .flow-column .flow-line .flow.flow-ongoing .flow-icon {
                        background: #3598dc
                    }

                        .flow-area .flow-column .flow-line .flow.flow-ongoing .flow-icon:before {
                            content: "\ea1c"
                        }

                .flow-area .flow-column .flow-line .flow.flow-error {
                    border-color: rgba(220,53,53,.75)
                }

                    .flow-area .flow-column .flow-line .flow.flow-error .flow-icon {
                        background: #dd2626;
                        font-size: 12px
                    }

                        .flow-area .flow-column .flow-line .flow.flow-error .flow-icon:before {
                            content: "\ea0f"
                        }

                .flow-area .flow-column .flow-line .flow.flow-waiting {
                    border-color: rgba(0,0,0,.25)
                }

                    .flow-area .flow-column .flow-line .flow.flow-waiting .flow-icon {
                        background: #999
                    }

                        .flow-area .flow-column .flow-line .flow.flow-waiting .flow-icon:before {
                            content: "\e94e"
                        }

                .flow-area .flow-column .flow-line .flow.flow-unscheduled {
                    border-color: rgba(222,193,56,.75)
                }

                    .flow-area .flow-column .flow-line .flow.flow-unscheduled .flow-icon {
                        background: #de9b10
                    }

                        .flow-area .flow-column .flow-line .flow.flow-unscheduled .flow-icon:before {
                            content: "\e973"
                        }

            .flow-area .flow-column .flow-line .flow-arrow {
                float: left;
                height: 2px;
                top: 40px;
                margin: -1px 0;
                width: 50px;
                background: #999;
                position: relative;
                overflow: visible
            }

                .flow-area .flow-column .flow-line .flow-arrow:before {
                    content: "";
                    display: inline-block;
                    width: 0;
                    height: 0;
                    border-left: 8px solid #999;
                    border-top: 6px solid transparent;
                    border-bottom: 6px solid transparent;
                    float: right;
                    margin: -5px 0
                }

            .flow-area .flow-column .flow-line .flow-arrow-half {
                width: 25px;
                margin: -1px -25px
            }

            .flow-area .flow-column .flow-line .flow-arrow-end {
                width: 25px;
                margin: -1px -25px;
                float: right
            }

                .flow-area .flow-column .flow-line .flow-arrow-end:before {
                    display: none
                }

        .flow-area .flow-column .flow-line-tree:first-child:after, .flow-area .flow-column .flow-line-tree:first-child:before {
            top: 40px
        }

        .flow-area .flow-column .flow-line-tree:last-child:after, .flow-area .flow-column .flow-line-tree:last-child:before {
            height: 40px
        }

        .flow-area .flow-column .flow-line-tree:after, .flow-area .flow-column .flow-line-tree:before {
            content: "";
            display: inline-block;
            position: absolute;
            top: 0;
            bottom: 0;
            width: 26px
        }

        .flow-area .flow-column .flow-line-tree:before {
            left: -26px;
            border-left: 2px solid #999
        }

        .flow-area .flow-column .flow-line-tree:after {
            border-right: 2px solid #999;
            right: -26px
        }

.flow-legend-area {
    border-radius: 5px;
    float: right;
    height: 40px;
    background: rgba(0,0,0,.05);
    padding: 0 20px
}

    .flow-legend-area .flow-legend {
        height: 40px;
        line-height: 40px;
        float: left;
        margin-right: 20px;
        font-size: 16px
    }

        .flow-legend-area .flow-legend:last-child {
            margin-right: 0
        }

        .flow-legend-area .flow-legend .flow-icon {
            border-radius: 50%;
            height: 20px;
            line-height: 20px;
            width: 20px;
            float: left;
            margin: 10px 10px 0 0;
            text-align: center;
            color: #fff
        }

        .flow-legend-area .flow-legend .icomoon-clock {
            background: #666
        }

        .flow-legend-area .flow-legend .icomoon-user-plus {
            background: #de9b10
        }

        .flow-legend-area .flow-legend .icomoon-play3 {
            background: #3598dc
        }

        .flow-legend-area .flow-legend .icomoon-checkmark {
            background: #18a31b
        }

        .flow-legend-area .flow-legend .icomoon-cross {
            font-size: 12px;
            background: #dd2626
        }

.dark .flow {
    background: #333 !important
}

.console-row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch
}

    .console-row.console-group {
        border: 2px dashed rgba(0,0,0,.2);
        border-radius: 8px;
        padding: 20px
    }

        .console-row.console-group .console-col {
            margin: 0 10px
        }

        .console-row.console-group .console {
            max-width: 160px
        }

    .console-row .console-col {
        width: 1%;
        flex: 1
    }

    .console-row .console-col-line {
        width: 2px;
        height: auto;
        align-self: flex-start;
        background: #000;
        position: relative;
        z-index: 1
    }

        .console-row .console-col-line .left-line {
            width: 50px;
            height: 2px;
            position: absolute;
            top: auto;
            right: 0;
            bottom: 0;
            left: auto;
            z-index: 1;
            background: #000;
            margin-left: 2px
        }

        .console-row .console-col-line .right-line {
            width: 50px;
            height: 2px;
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 0;
            z-index: 1;
            background: #000
        }

            .console-row .console-col-line .right-line:before {
                content: "";
                width: 0;
                height: 2px;
                border-left: 8px solid #000;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                position: absolute;
                top: -5px;
                right: 0;
                bottom: auto;
                left: auto;
                z-index: 1
            }

.console-area {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 5
}

    .console-area .console {
        width: 200px;
        max-width: 200px;
        border-radius: 4px;
        position: relative;
        border: 2px solid rgba(0,0,0,.1);
        cursor: pointer;
        background: #fff
    }

        .console-area .console:hover {
            box-shadow: 0 0 10px rgba(0,0,0,.25)
        }

        .console-area .console .console-content {
            width: 100%;
            float: left;
            display: flex;
            flex-direction: row
        }

            .console-area .console .console-content b {
                width: 40px;
                height: 20px;
                line-height: 18px;
                text-align: center;
                font-weight: 400;
                color: #fff;
                font-size: 12px;
                float: left
            }

            .console-area .console .console-content p {
                width: 1%;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                flex: 1;
                margin: 0;
                flex-direction: row;
                font-size: 12px;
                background: rgba(0,0,0,.05);
                flex-wrap: nowrap;
                white-space: nowrap
            }

                .console-area .console .console-content p span {
                    width: auto;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    font-size: 14px;
                    font-weight: 400;
                    padding: 0 4px;
                    align-self: flex-end
                }

        .console-area .console span {
            width: 100%;
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            line-height: 20px;
            padding: 8px;
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1px;
            text-align: center
        }

        .console-area .console.type-blue {
            border-color: rgba(23,138,237,.75)
        }

            .console-area .console.type-blue b {
                background: rgba(23,138,237,.75)
            }

        .console-area .console.type-yellow {
            border-color: #d9ac18
        }

            .console-area .console.type-yellow b {
                background: #d9ac18
            }

        .console-area .console.type-green {
            border-color: #16a500
        }

            .console-area .console.type-green b {
                background: #16a500
            }

        .console-area .console.type-red {
            border-color: #f32121
        }

            .console-area .console.type-red b {
                background: #f32121
            }

        .console-area .console.type-purple {
            border-color: #dd53c5
        }

            .console-area .console.type-purple b {
                background: #dd53c5
            }

        .console-area .console.type-green-dark {
            border-color: #16a500
        }

            .console-area .console.type-green-dark b {
                background: #16a500
            }

        .console-area .console.console-blue p, .console-area .console.console-green p, .console-area .console.console-red p {
            color: rgba(255,255,255,.75);
            background: rgba(255,255,255,.25)
        }

        .console-area .console.console-blue span, .console-area .console.console-green span, .console-area .console.console-red span {
            color: #fff
        }

        .console-area .console.console-green {
            background: #529753
        }

        .console-area .console.console-blue {
            background: #357dc1
        }

        .console-area .console.console-red {
            background: #ae4141
        }

    .console-area .console-merge {
        width: 100%;
        height: 20px;
        text-align: center;
        position: relative;
        overflow: visible
    }

        .console-area .console-merge:before {
            content: "";
            height: 20px;
            width: 75%;
            border: 2px solid #000;
            border-top: 0;
            margin: 0 auto;
            display: block
        }

        .console-area .console-merge .console-merge-word {
            width: auto;
            height: 20px;
            position: absolute;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis
        }

    .console-area .console-arrow {
        width: 2px;
        height: 20px;
        background: #000;
        position: relative;
        overflow: visible
    }

        .console-area .console-arrow.no-arrow:before {
            display: none
        }

        .console-area .console-arrow:before {
            content: "";
            width: 2px;
            height: 0;
            border-top: 8px solid #000;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            position: absolute;
            top: auto;
            right: auto;
            bottom: 0;
            left: -5px;
            z-index: 1
        }

    .console-area .console-title {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
        font-weight: 700;
        color: #198cf0;
        cursor: pointer
    }

        .console-area .console-title:hover {
            color: #f32121
        }

    .console-area .console-space {
        width: 100%;
        height: 50px
    }

.individual .console {
    margin-bottom: 10px
}

.console-block {
    width: 50%;
    height: 50%;
    position: relative;
    padding: 10px;
    float: left
}

    .console-block .manage-detail {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto
    }

        .console-block .manage-detail .info-prompt {
            width: calc(100% / 3);
            color: #666
        }

.dark .console-col-line {
    background: #fff
}

    .dark .console-col-line .left-line, .dark .console-col-line .right-line {
        background: #fff
    }

        .dark .console-col-line .left-line:before, .dark .console-col-line .right-line:before {
            border-left-color: #fff
        }

.dark .console-group {
    border-color: rgba(255,255,255,.2)
}

.dark .console-area .console {
    background: rgba(0,0,0,.25)
}

    .dark .console-area .console:hover {
        box-shadow: 0 0 10px rgba(255,255,255,.25)
    }

    .dark .console-area .console p {
        background: rgba(255,255,255,.1)
    }

        .dark .console-area .console p.console-gray {
            color: #999
        }

.dark .console-area .console-merge:before {
    border-color: #fff
}

.dark .console-area .console-arrow {
    background: #fff
}

    .dark .console-area .console-arrow:before {
        border-top-color: #fff
    }

.upload-step {
    height: 60px;
    width: 500px;
    margin: 0 auto 30px;
    display: flex;
    flex-direction: row;
    align-items: center
}

    .upload-step .upload-point {
        width: 60px;
        height: 60px;
        border: 6px solid rgba(0,0,0,.25);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        border-radius: 50%;
        position: relative;
        cursor: default;
        color: rgba(0,0,0,.5)
    }

        .upload-step .upload-point.green {
            border-color: #16a500;
            color: #16a500
        }

        .upload-step .upload-point.blue {
            color: #198cf0;
            border-color: transparent
        }

            .upload-step .upload-point.blue:before {
                content: "\e97b";
                width: 60px;
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                margin: -6px;
                font-family: icomoon;
                font-size: 60px;
                color: #198cf0;
                animation: clockwise-animate 2s infinite linear
            }

        .upload-step .upload-point.orange {
            border-color: #f32121;
            color: #f32121
        }

        .upload-step .upload-point .table-link {
            position: absolute;
            top: 100%;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 1;
            white-space: nowrap;
            width: 100px;
            text-align: center;
            margin: 10px -50px
        }

    .upload-step .upload-line {
        width: 1%;
        flex: 1;
        height: 6px;
        background: rgba(0,0,0,.25)
    }

        .upload-step .upload-line.green {
            background: #16a500;
            opacity: .5
        }

        .upload-step .upload-line.blue {
            background: #198cf0;
            opacity: .5
        }

        .upload-step .upload-line.orange {
            background: #f32121;
            opacity: .5
        }

.upload-info {
    width: 500px;
    border-radius: 10px;
    margin: 0 auto 20px;
    border: 2px dashed rgba(0,0,0,.1);
    padding: 10px 50px
}

    .upload-info .line {
        float: none;
        display: inline-block
    }

    .upload-info .table-form tr:last-child td, .upload-info .table-form tr:last-child th {
        border-bottom: 0
    }

    .upload-info .table-form tr td, .upload-info .table-form tr th {
        font-size: 16px;
        padding: 10px 5px
    }

.hr-prog {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 10px
}

    .hr-prog .main, .hr-prog .main-middle {
        word-break: break-all
    }

    .hr-prog .main {
        vertical-align: top !important
    }

    .hr-prog .main-middle {
        vertical-align: middle !important
    }

    .hr-prog .right-main {
        border-left: 1px solid #ddd
    }

    .hr-prog .hr-col {
        height: 130px;
        vertical-align: top
    }

        .hr-prog .hr-col:first-child:before {
            display: none
        }

        .hr-prog .hr-col:before {
            content: "";
            height: 150px;
            width: 2px;
            border-left: 2px dashed rgba(0,0,0,.1);
            margin: 0 5%;
            position: absolute
        }

        .hr-prog .hr-col h1 {
            width: 100%;
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            margin-bottom: 10px;
            padding-left: 50px
        }

        .hr-prog .hr-col .hr-flow {
            width: 100%;
            float: left;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row
        }

            .hr-prog .hr-col .hr-flow.hr-long {
                width: auto;
                min-width: 100%
            }

                .hr-prog .hr-col .hr-flow.hr-long .arrow {
                    min-width: 50px
                }

            .hr-prog .hr-col .hr-flow .arrow {
                width: 1%;
                height: 6px;
                flex: 1;
                background: rgba(0,0,0,.25);
                position: relative;
                margin: 0 10px 0 0;
                overflow: visible;
                opacity: .5
            }

                .hr-prog .hr-col .hr-flow .arrow:before {
                    content: "";
                    width: 0;
                    height: 0;
                    border-left: 10px solid rgba(0,0,0,.25);
                    border-top: 8px solid transparent;
                    border-bottom: 8px solid transparent;
                    position: absolute;
                    top: -5px;
                    right: -10px;
                    bottom: -5px;
                    left: auto;
                    z-index: 1
                }

                .hr-prog .hr-col .hr-flow .arrow.complete {
                    background: #16a500 !important
                }

                    .hr-prog .hr-col .hr-flow .arrow.complete:before {
                        border-left-color: #16a500 !important
                    }

                .hr-prog .hr-col .hr-flow .arrow.advance {
                    background: #198cf0 !important
                }

                    .hr-prog .hr-col .hr-flow .arrow.advance:before {
                        border-left-color: #198cf0 !important
                    }

                .hr-prog .hr-col .hr-flow .arrow.delay {
                    background: #f32121 !important
                }

                    .hr-prog .hr-col .hr-flow .arrow.delay:before {
                        border-left-color: #f32121 !important
                    }

            .hr-prog .hr-col .hr-flow .code {
                width: 80px;
                height: 80px;
                overflow: visible;
                position: relative;
                cursor: pointer
            }

                .hr-prog .hr-col .hr-flow .code:hover b {
                    background: rgba(0,0,0,.2)
                }

                .hr-prog .hr-col .hr-flow .code.complete b {
                    background: #16a500 !important;
                    color: #fff !important
                }

                .hr-prog .hr-col .hr-flow .code.complete span {
                    color: #16a500 !important
                }

                .hr-prog .hr-col .hr-flow .code.advance b {
                    background: #198cf0 !important;
                    color: #fff !important
                }

                .hr-prog .hr-col .hr-flow .code.advance span {
                    color: #198cf0 !important
                }

                .hr-prog .hr-col .hr-flow .code.delay b {
                    background: #f32121 !important;
                    color: #fff !important
                }

                .hr-prog .hr-col .hr-flow .code.delay span {
                    color: #f32121 !important
                }

                .hr-prog .hr-col .hr-flow .code.code-sm {
                    width: 60px;
                    height: 60px;
                    margin: 10px 0
                }

                    .hr-prog .hr-col .hr-flow .code.code-sm b {
                        width: 60px;
                        height: 60px;
                        font-size: 12px;
                        margin-bottom: 10px
                    }

                    .hr-prog .hr-col .hr-flow .code.code-sm span {
                        margin: 0 -30px
                    }

                .hr-prog .hr-col .hr-flow .code b {
                    width: 80px;
                    height: 80px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    background: rgba(0,0,0,.1);
                    border-radius: 50%;
                    margin: 0;
                    float: left;
                    word-break: break-all;
                    font-size: 16px;
                    text-align: center;
                    padding: 8px
                }

                .hr-prog .hr-col .hr-flow .code span {
                    width: 120px;
                    height: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 0 -20px;
                    float: left;
                    font-size: 12px
                }

.dark .hr-prog .hr-col:before {
    border-color: rgba(255,255,255,.25)
}

.dark .hr-prog .hr-col .hr-flow .arrow {
    background: rgba(255,255,255,.25)
}

    .dark .hr-prog .hr-col .hr-flow .arrow:before {
        border-left-color: rgba(255,255,255,.25)
    }

.dark .hr-prog .hr-col .hr-flow .code b {
    background: rgba(255,255,255,.1)
}

.progress-area {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

    .progress-area .progress-step {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        color: #999;
        margin-right: 40px
    }

        .progress-area .progress-step:last-child {
            margin-right: 0
        }

            .progress-area .progress-step:last-child:before {
                display: none
            }

        .progress-area .progress-step:before {
            content: "";
            height: 2px;
            width: 30px;
            float: right;
            margin: 19px -35px;
            background: #bbb
        }

        .progress-area .progress-step.select {
            color: #198cf0
        }

            .progress-area .progress-step.select span {
                border-color: #198cf0
            }

        .progress-area .progress-step span {
            float: left;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            font-size: inherit;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #999;
            color: inherit;
            margin: 5px 10px
        }

.progress-frame {
    width: 100%;
    float: left;
    border-radius: 8px;
    border: 2px dashed rgba(0,0,0,.1);
    padding: 20px 60px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center
}

    .progress-frame .progress-step {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: rgba(0,0,0,.25);
        margin: 30px 120px 0 0;
        overflow: visible;
        position: relative
    }

        .progress-frame .progress-step:last-child {
            margin-right: 0
        }

            .progress-frame .progress-step:last-child:before {
                display: none
            }

        .progress-frame .progress-step:before {
            content: "";
            height: 2px;
            width: 110px;
            background: rgba(0,0,0,.1);
            position: absolute;
            top: 3px;
            right: -115px;
            bottom: auto;
            left: auto;
            z-index: 2
        }

        .progress-frame .progress-step span {
            width: 80px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: -30px;
            right: auto;
            bottom: auto;
            left: -36px;
            z-index: 1;
            color: rgba(0,0,0,.5)
        }

        .progress-frame .progress-step.active {
            background: #16a500
        }

            .progress-frame .progress-step.active span {
                color: rgba(0,0,0,.75)
            }

        .progress-frame .progress-step.complete:before {
            background: #16a500
        }

        .progress-frame .progress-step.complete:after {
            content: "\ea10";
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 12px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 1;
            margin: -10px;
            transform: scale(.75);
            background: #16a500;
            font-family: icomoon
        }

        .progress-frame .progress-step.complete span {
            color: #16a500
        }

.node-area {
    width: 100%;
    float: left;
    padding-left: 260px;
    min-height: 50px;
    position: relative
}

    .node-area:last-child .node-line {
        height: 30px
    }

    .node-area .node-arrow, .node-area .node-line {
        position: absolute;
        z-index: 10;
        height: 100%;
        width: 2px;
        overflow: visible;
        background-color: #999;
        display: inline-block;
        margin-left: -135px
    }

        .node-area .node-arrow:before {
            content: "";
            display: inline-block;
            border-top: 6px solid #999;
            border-left: 4px solid transparent;
            border-right: 4px solid transparent;
            position: absolute;
            top: 100%;
            left: 0;
            margin: -6px -4px;
            width: 2px;
            height: 0
        }

    .node-area .node-line-horizontal, .node-area .node-line-horizontal-arrow {
        width: 35px;
        height: 2px;
        background-color: #999;
        position: absolute;
        z-index: 10;
        top: 30px;
        left: 0
    }

        .node-area .node-line-horizontal-arrow:before {
            content: "";
            display: inline-block;
            border-left: 6px solid #999;
            border-top: 4px solid transparent;
            border-bottom: 4px solid transparent;
            position: absolute;
            top: 0;
            left: 100%;
            margin: -4px -6px;
            width: 0;
            height: 2px
        }

    .node-area .node-line-horizontal {
        width: 135px
    }

    .node-area .node-line-folder {
        height: 30px;
        line-height: 30px;
        position: absolute;
        z-index: 11;
        width: 100px;
        overflow: visible;
        margin-left: -185px;
        bottom: -30px;
        text-align: center;
        color: #666;
        cursor: pointer
    }

        .node-area .node-line-folder:hover {
            color: #0a7eb9
        }

    .node-area .node-line-folder-arrow {
        display: inline-block;
        border-top: 6px solid #999;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        margin: -6px 0 0 46px;
        width: 10px;
        height: 6px;
        float: left
    }

    .node-area .node-now, .node-area .node-prev {
        border-radius: 5px;
        width: 250px;
        height: 100%;
        float: left;
        margin-left: -260px;
        position: relative;
        z-index: 20;
        background-color: #fafafa;
        padding: 0 15px
    }

        .node-area .node-now .node, .node-area .node-prev .node {
            width: 100%;
            float: left;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
            border-radius: 15px;
            height: 30px;
            line-height: 30px;
            text-align: center;
            background-color: rgba(0,0,0,.05);
            cursor: pointer;
            margin-bottom: 10px;
            padding: 0 10px
        }

            .node-area .node-now .node:hover, .node-area .node-prev .node:hover {
                background-color: rgba(0,0,0,.1)
            }

            .node-area .node-now .node.select, .node-area .node-prev .node.select {
                color: #fff;
                background-color: #1194d7;
                cursor: default
            }

            .node-area .node-now .node:last-child, .node-area .node-prev .node:last-child {
                margin-bottom: 0
            }

    .node-area .node-now {
        border: 1px solid rgba(0,0,0,.1);
        padding: 15px;
        margin-bottom: 10px
    }

    .node-area .node-condition {
        width: 135px;
        margin-left: -135px;
        padding-left: 35px;
        position: relative;
        z-index: 20
    }

        .node-area .node-condition .node-now {
            margin: 0;
            width: 100%;
            padding: 15px 10px
        }

    .node-area .node-condition-null {
        width: 135px;
        margin-left: -135px;
        position: relative;
        z-index: 20
    }

    .node-area .node-after {
        width: 100%;
        float: left;
        padding-left: 35px;
        position: relative;
        z-index: 20
    }

.node-detail {
    width: 100%;
    float: left;
    border-radius: 5px;
    height: auto;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 10px;
    border: 1px solid #eee
}

.dark .node-area .node-line-folder {
    color: #999
}

    .dark .node-area .node-line-folder:hover {
        color: #26c6f2
    }

.dark .node-area .node-now, .dark .node-area .node-prev {
    background-color: #282828
}

    .dark .node-area .node-now .node, .dark .node-area .node-prev .node {
        background-color: rgba(255,255,255,.1)
    }

        .dark .node-area .node-now .node:hover, .dark .node-area .node-prev .node:hover {
            background-color: rgba(255,255,255,.25)
        }

        .dark .node-area .node-now .node.select, .dark .node-area .node-prev .node.select {
            color: #fff;
            background-color: #1194d7;
            cursor: default
        }

        .dark .node-area .node-now .node:last-child, .dark .node-area .node-prev .node:last-child {
            margin-bottom: 0
        }

.dark .node-area .node-now {
    border-color: rgba(255,255,255,.1)
}

.dark .node-detail {
    background-color: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.1)
}

.dark-green .node-area .node-now, .dark-green .node-area .node-prev {
    background: #19323a
}

.dark-blue .node-area .node-now, .dark-blue .node-area .node-prev {
    background: #0a1936
}

.timeline-area {
    width: 100%;
    float: left;
    max-width: 1000px
}

    .timeline-area .timeline-header {
        border-radius: 40px;
        width: 65px;
        height: 65px;
        float: left;
        margin: 0 -95px;
        position: relative
    }

    .timeline-area .timeline-table {
        width: 100%;
        float: left;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0;
        margin: 10px 0
    }

        .timeline-area .timeline-table .main, .timeline-area .timeline-table .main-middle {
            word-break: break-all
        }

        .timeline-area .timeline-table .main {
            vertical-align: top !important
        }

        .timeline-area .timeline-table .main-middle {
            vertical-align: middle !important
        }

        .timeline-area .timeline-table .right-main {
            border-left: 1px solid #ddd
        }

        .timeline-area .timeline-table .timeline-left {
            width: 40px;
            vertical-align: top
        }

        .timeline-area .timeline-table .timeline-right {
            border-left: 5px solid #f4f4f4;
            padding-left: 60px;
            overflow: visible;
            vertical-align: top
        }

            .timeline-area .timeline-table .timeline-right .timeline-line {
                width: 100%;
                float: left;
                margin-bottom: 10px
            }

                .timeline-area .timeline-table .timeline-right .timeline-line.choose .timeline-content {
                    cursor: pointer
                }

                    .timeline-area .timeline-table .timeline-right .timeline-line.choose .timeline-content:hover {
                        background: rgba(0,0,0,.05)
                    }

                        .timeline-area .timeline-table .timeline-right .timeline-line.choose .timeline-content:hover:before {
                            border-right-color: rgba(0,0,0,.05)
                        }

                .timeline-area .timeline-table .timeline-right .timeline-line.choose.select .timeline-date-left {
                    color: #198cf0
                }

                    .timeline-area .timeline-table .timeline-right .timeline-line.choose.select .timeline-date-left:before {
                        background: rgba(25,140,240,.75)
                    }

                .timeline-area .timeline-table .timeline-right .timeline-line.choose.select .timeline-content {
                    background: rgba(25,140,240,.1)
                }

                    .timeline-area .timeline-table .timeline-right .timeline-line.choose.select .timeline-content:before {
                        border-right-color: rgba(25,140,240,.1)
                    }

                .timeline-area .timeline-table .timeline-right .timeline-line .timeline-date-left {
                    height: 60px;
                    line-height: 60px;
                    width: 120px;
                    float: left;
                    color: rgba(0,0,0,.5);
                    font-style: italic;
                    text-align: right;
                    padding-right: 20px;
                    margin-left: -145px
                }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-date-left.lg:before {
                        width: 20px;
                        height: 20px;
                        margin: 20px -32px
                    }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-date-left:before {
                        border-radius: 50%;
                        content: "";
                        display: inline-block;
                        width: 10px;
                        height: 10px;
                        float: right;
                        margin: 25px -27px;
                        background: #999;
                        position: relative;
                        z-index: 200
                    }

                .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content {
                    width: 100%;
                    float: left;
                    padding: 15px 20px;
                    background: rgba(0,0,0,.03);
                    text-align: left
                }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content:before {
                        content: "";
                        display: inline-block;
                        width: 0;
                        height: 0;
                        overflow: hidden;
                        border-right: 15px solid rgba(0,0,0,.03);
                        border-top: 15px solid transparent;
                        border-bottom: 15px solid transparent;
                        margin: 0 -35px;
                        float: left
                    }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-name, .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-word {
                        height: 25px;
                        line-height: 20px;
                        font-weight: 700;
                        float: left;
                        cursor: default
                    }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-word {
                        font-weight: 400;
                        margin-left: 10px
                    }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-accessories, .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-opt {
                        width: 100%;
                        float: left;
                        line-height: 20px;
                        color: #666;
                        word-break: break-all;
                        margin-bottom: 5px;
                        text-align: left
                    }

                        .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-accessories:last-child, .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-opt:last-child {
                            margin-bottom: 0
                        }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-opt-content {
                        color: #222
                    }

                    .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-accessories {
                        display: none
                    }

    .timeline-area .timeline-empty {
        width: 100%;
        float: left;
        border-radius: 5px;
        padding: 20px;
        line-height: 20px;
        font-size: 18px;
        text-align: center;
        color: #999;
        margin-bottom: 10px;
        background: #fafafa;
        cursor: default;
        border: 1px dotted #bbb
    }

.file-block-area {
    float: left
}

    .file-block-area .file-block {
        width: 100%;
        float: left;
        max-width: 200px;
        border: 5px solid rgba(0,0,0,.1);
        height: 40px;
        cursor: pointer;
        padding: 0 5px 0 30px;
        background: #fff;
        margin: 0 5px 5px 0
    }

        .file-block-area .file-block:hover {
            border-color: rgba(0,0,0,.25)
        }

            .file-block-area .file-block:hover .file-block-name {
                color: #222
            }

        .file-block-area .file-block .file-block-icon {
            width: 20px;
            height: 20px;
            float: left;
            margin: 5px -25px;
            cursor: inherit
        }

        .file-block-area .file-block .file-block-name {
            width: 100%;
            float: left;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 30px;
            line-height: 30px;
            cursor: inherit;
            color: #555
        }

.timer {
    width: 100%;
    float: left;
    text-align: center
}

    .timer .timer-name {
        width: 100px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        margin: 0 auto;
        background: rgba(0,0,0,.1)
    }

    .timer .timer-view {
        width: 100%;
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 54px
    }

.dark .timeline-area .timeline-table .timeline-right, .dark.timeline-area .timeline-table .timeline-right {
    border-left-color: rgba(255,255,255,.25)
}

    .dark .timeline-area .timeline-table .timeline-right .timeline-line .timeline-date-left, .dark.timeline-area .timeline-table .timeline-right .timeline-line .timeline-date-left {
        color: rgba(255,255,255,.5)
    }

        .dark .timeline-area .timeline-table .timeline-right .timeline-line .timeline-date-left:before, .dark.timeline-area .timeline-table .timeline-right .timeline-line .timeline-date-left:before {
            background: #999
        }

    .dark .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content, .dark.timeline-area .timeline-table .timeline-right .timeline-line .timeline-content {
        background: rgba(255,255,255,.05)
    }

        .dark .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-accessories, .dark .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-opt, .dark.timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-accessories, .dark.timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-opt {
            color: rgba(255,255,255,.5)
        }

        .dark .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-opt-content, .dark.timeline-area .timeline-table .timeline-right .timeline-line .timeline-content .timeline-opt-content {
            color: #fff
        }

        .dark .timeline-area .timeline-table .timeline-right .timeline-line .timeline-content:before, .dark.timeline-area .timeline-table .timeline-right .timeline-line .timeline-content:before {
            border-right-color: rgba(255,255,255,.05)
        }

.dark .timeline-area .timeline-empty, .dark.timeline-area .timeline-empty {
    color: rgba(255,255,255,.5);
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.1)
}

.dark .file-block-area .file-block, .dark.file-block-area .file-block {
    border-color: rgba(255,255,255,.1);
    background: rgba(255,255,255,.1)
}

    .dark .file-block-area .file-block:hover, .dark.file-block-area .file-block:hover {
        border-color: rgba(255,255,255,.25)
    }

        .dark .file-block-area .file-block:hover .file-block-name, .dark.file-block-area .file-block:hover .file-block-name {
            color: #fff
        }

    .dark .file-block-area .file-block .file-block-name, .dark.file-block-area .file-block .file-block-name {
        color: rgba(255,255,255,.75)
    }

.dark .timer .timer-name, .dark.timer .timer-name {
    background: rgba(255,255,255,.1)
}

.dark .timer .timer-view, .dark.timer .timer-view {
    color: #fff
}

.timeplayer {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 10px 0
}

    .timeplayer .main, .timeplayer .main-middle {
        word-break: break-all
    }

    .timeplayer .main {
        vertical-align: top !important
    }

    .timeplayer .main-middle {
        vertical-align: middle !important
    }

    .timeplayer .right-main {
        border-left: 1px solid #ddd
    }

    .timeplayer th {
        border-right: 1px solid rgba(255,255,255,.1);
        vertical-align: top
    }

        .timeplayer th span {
            height: 25px;
            line-height: 25px;
            width: 100%;
            float: left;
            display: inline-block;
            text-align: center;
            font-size: 20px
        }

        .timeplayer th p {
            height: 20px;
            line-height: 20px;
            width: 100%;
            float: left;
            display: inline-block;
            text-align: center
        }

    .timeplayer td {
        padding: 0 15px;
        vertical-align: top
    }

        .timeplayer td .timeplayer-date {
            width: 100%;
            float: left;
            height: 20px;
            line-height: 20px;
            margin: 0 0 5px
        }

        .timeplayer td .timeplayer-line {
            width: 100%;
            float: left;
            border-radius: 5px;
            height: 10px;
            position: relative;
            background: rgba(255,255,255,.25);
            overflow: visible;
            margin: 5px 0
        }

            .timeplayer td .timeplayer-line .timeplayer-bar {
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 0;
                z-index: 5;
                border-radius: inherit;
                background: #198cf0;
                height: inherit
            }

            .timeplayer td .timeplayer-line .timeplayer-block {
                border-radius: 50%;
                position: relative;
                float: left;
                z-index: 10;
                width: 20px;
                height: 20px;
                border: 4px solid #fff;
                background: #ddd;
                margin: -5px -10px;
                opacity: .9;
                cursor: pointer
            }

                .timeplayer td .timeplayer-line .timeplayer-block:hover {
                    opacity: 1;
                    background: #26c6f2
                }

        .timeplayer td .timeplayer-btn-group {
            width: 100%;
            float: left;
            text-align: center;
            line-height: 0
        }

            .timeplayer td .timeplayer-btn-group .timeplayer-btn {
                height: 30px;
                line-height: 30px;
                width: 30px;
                text-align: center;
                font-size: 18px;
                color: rgba(255,255,255,.5);
                cursor: pointer
            }

                .timeplayer td .timeplayer-btn-group .timeplayer-btn:hover {
                    color: #198cf0
                }

                .timeplayer td .timeplayer-btn-group .timeplayer-btn:active {
                    color: #0056a1
                }

.fileview {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    background: #999;
    overflow: auto;
    display: none;
    text-align: center
}

    .fileview:first-child {
        display: block
    }

    .fileview .filepage, .fileview .filepage-horizontal {
        background: #fff;
        margin: 30px auto;
        text-align: center;
        box-shadow: 10px 10px 0 rgba(0,0,0,.25);
        display: inline-block
    }

    .fileview .filepage {
        width: 210mm;
        min-height: 297mm
    }

        .fileview .filepage .edit-area {
            display: inline-block;
            float: none
        }

    .fileview .filepage-horizontal {
        width: 297mm;
        min-height: 210mm
    }

    .fileview .filepage-type01 {
        padding: 10mm
    }

    .fileview .filepage-type02 {
        padding: 6mm
    }

    .fileview .filepage-type03 {
        padding: 12mm
    }

    .fileview .filepage-type04 {
        padding: 15mm
    }

    .fileview .file-plug {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: auto
    }

        .fileview .file-plug img {
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto
        }

        .fileview .file-plug .file-icon, .fileview .file-plug .file-word {
            position: absolute;
            top: 50%;
            color: rgba(0,0,0,.5);
            pointer-events: none;
            text-align: center;
            overflow: hidden
        }

        .fileview .file-plug .file-icon {
            height: 128px;
            line-height: 128px;
            left: 50%;
            width: 128px;
            margin: -64px;
            font-size: 128px
        }

        .fileview .file-plug .file-word {
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
            height: 50px;
            line-height: 50px;
            margin: 64px 0 0 0;
            width: 100%;
            font-size: 18px
        }

.fileview-error {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    display: none
}

    .fileview-error.fadein {
        display: flex !important
    }

    .fileview-error img {
        width: 128px;
        height: 128px;
        opacity: .25;
        margin-bottom: 24px
    }

    .fileview-error span {
        font-size: 32px;
        color: rgba(0,0,0,.25);
        font-weight: 700
    }

.dark .fileview {
    background: rgba(0,0,0,.5)
}

    .dark .fileview .file-plug .file-icon, .dark .fileview .file-plug .file-word {
        color: rgba(255,255,255,.5)
    }

.image-view {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5000;
    pointer-events: auto;
    display: none
}

    .image-view .image-pos {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        background: rgba(0,0,0,.9);
        flex-direction: row;
        display: flex
    }

        .image-view .image-pos .image-content {
            width: 1%;
            height: 100%;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .image-view .image-pos .image-content img {
                max-width: 100%;
                max-height: 100%
            }

        .image-view .image-pos .image-option {
            width: 300px;
            height: 100%;
            background: rgba(255,255,255,.1)
        }

            .image-view .image-pos .image-option .image-title {
                width: 100%;
                float: left;
                color: #fff;
                line-height: 30px;
                font-size: 18px;
                font-weight: 700;
                cursor: default;
                padding-bottom: 15px;
                border-bottom: 1px solid rgba(255,255,255,.25)
            }

                .image-view .image-pos .image-option .image-title .image-close {
                    width: 30px;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    float: right;
                    color: rgba(255,255,255,.5);
                    font-size: 16px;
                    cursor: pointer
                }

                    .image-view .image-pos .image-option .image-title .image-close:hover {
                        color: rgba(255,255,255,.75)
                    }

            .image-view .image-pos .image-option .image-detail {
                width: 100%;
                float: left;
                border-bottom: 1px dotted rgba(255,255,255,.25);
                padding: 10px 0;
                display: flex
            }

                .image-view .image-pos .image-option .image-detail b, .image-view .image-pos .image-option .image-detail span {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start
                }

                .image-view .image-pos .image-option .image-detail b {
                    min-width: 95px;
                    font-weight: 700;
                    color: rgba(255,255,255,.9)
                }

                .image-view .image-pos .image-option .image-detail span {
                    width: 1%;
                    flex: 1;
                    color: #26c6f2
                }

.photo-area {
    width: 100%;
    float: left
}

    .photo-area .photo {
        width: 80px;
        height: 80px;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,.1);
        margin: 0 10px 10px 0;
        position: relative;
        overflow: hidden;
        cursor: pointer;
        float: left
    }

        .photo-area .photo:hover {
            border-color: rgba(0,0,0,.25);
            box-shadow: 0 0 5px rgba(0,0,0,.1)
        }

            .photo-area .photo:hover .photo-plus p, .photo-area .photo:hover .photo-plus span {
                color: rgba(0,0,0,.75)
            }

        .photo-area .photo .photo-img, .photo-area .photo .photo-plus {
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 5;
            padding: 2px;
            flex-flow: row wrap;
            background: #fff
        }

            .photo-area .photo .photo-img img, .photo-area .photo .photo-plus img {
                max-width: 100%;
                max-height: 100%
            }

            .photo-area .photo .photo-img p, .photo-area .photo .photo-img span, .photo-area .photo .photo-plus p, .photo-area .photo .photo-plus span {
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: rgba(0,0,0,.5);
                margin: 0
            }

            .photo-area .photo .photo-img span, .photo-area .photo .photo-plus span {
                height: 20px;
                font-size: 24px;
                margin-top: 5px
            }

            .photo-area .photo .photo-img p, .photo-area .photo .photo-plus p {
                height: 14px
            }

            .photo-area .photo .photo-plus:active {
                background: rgba(0,0,0,.03);
                border-color: rgba(0,0,0,.1)
            }

        .photo-area .photo .photo-remove {
            width: 30px;
            height: 30px;
            position: absolute;
            top: -5px;
            right: -5px;
            bottom: auto;
            left: auto;
            z-index: 10
        }

            .photo-area .photo .photo-remove:hover:before {
                background: #ff4848
            }

            .photo-area .photo .photo-remove:before {
                content: "";
                width: 16px;
                height: 16px;
                border-radius: 50%;
                margin: -8px;
                background: #f32121;
                position: absolute;
                top: 50%;
                right: auto;
                bottom: auto;
                left: 50%;
                z-index: 1
            }

            .photo-area .photo .photo-remove:after {
                content: "\ea0f";
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 50%;
                right: 0;
                bottom: 0;
                left: 50%;
                z-index: 2;
                transform: scale(.6);
                color: #fff;
                margin: -15px;
                font-family: icomoon
            }

.gridster {
    width: 100%;
    float: left;
    background: #fafafa;
    padding: 30px
}

    .gridster .gs-w {
        border-radius: 5px;
        background: #fff;
        cursor: pointer;
        border: 1px solid rgba(0,0,0,.1)
    }

        .gridster .gs-w.try {
            background-image: url(../img/sprite.png);
            background-repeat: no-repeat;
            background-position: 37px -169px
        }

        .gridster .gs-w.select {
            background: rgba(10,125,170,.03)
        }

    .gridster .player {
        box-shadow: 3px 3px 5px rgba(0,0,0,.25);
        background: rgba(150,210,235,.9) !important
    }

    .gridster .preview-holder {
        border: none !important;
        border-radius: 0 !important;
        background: red !important
    }

    .gridster ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .gridster li {
        font-size: 1em;
        text-align: center;
        line-height: 100%;
        list-style: none;
        font-weight: 700
    }

    .gridster .gridster-box {
        position: relative;
        width: 100%;
        height: 100%
    }

        .gridster .gridster-box .gridster-content {
            width: 100%;
            float: left;
            position: relative;
            height: 100%;
            padding: 20px
        }

            .gridster .gridster-box .gridster-content .gridster-block {
                width: 100%;
                float: left;
                border: 1px dashed rgba(10,125,170,.5);
                position: relative;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center
            }

                .gridster .gridster-box .gridster-content .gridster-block:before {
                    content: "";
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    background: 0 0;
                    z-index: 1000;
                    top: 0;
                    left: 0
                }

                .gridster .gridster-box .gridster-content .gridster-block .gridster-info {
                    width: 100%;
                    float: left;
                    position: relative;
                    height: 100%;
                    background: 0 0
                }

    .gridster .controls {
        margin-bottom: 20px
    }

.dark .gridster, .dark.gridster {
    background: 0 0
}

    .dark .gridster .gs-w, .dark.gridster .gs-w {
        background: rgba(255,255,255,.1)
    }

        .dark .gridster .gs-w.select, .dark.gridster .gs-w.select {
            background: rgba(144,190,217,.25)
        }

    .dark .gridster .gridster-block, .dark.gridster .gridster-block {
        border-color: rgba(255,255,255,.2) !important
    }

.meeting-area:after, .notice-area:after {
    content: "";
    display: inline-block;
    height: 30px;
    width: 100%
}

.notice-area {
    width: 100%;
    float: left;
    text-align: center;
    margin: 30px 0
}

    .notice-area .notice-content {
        width: 800px;
        min-height: 600px;
        margin: 0 auto;
        text-align: left
    }

    .notice-area .notice-date {
        height: 30px;
        line-height: 30px;
        width: 800px;
        text-align: right;
        margin: 0 auto
    }

.meeting-loc {
    width: 1000px;
    margin: 0 auto
}

    .meeting-loc .meeting-area {
        width: 1000px
    }

        .meeting-loc .meeting-area.transverse {
            width: 1540px !important;
            transform-origin: 0 0;
            transform: scale(.65)
        }

.meeting-area {
    width: 800px;
    text-align: 1000/center;
    margin: 20px auto 30px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 10px 10px 0 rgba(0,0,0,.25);
    padding: 40px
}

    .meeting-area .meeting-title {
        width: 100%;
        float: left;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        word-break: break-all;
        margin-bottom: 20px
    }

    .meeting-area .meeting-content {
        width: 100%;
        float: left;
        min-height: 600px;
        margin: 0 auto;
        text-align: left
    }

        .meeting-area .meeting-content .table-info {
            margin: 5px 15px 0 0
        }

            .meeting-area .meeting-content .table-info:last-child {
                margin-right: 0
            }

        .meeting-area .meeting-content .meeting-date {
            width: 100%;
            float: left;
            height: 30px;
            line-height: 30px;
            text-align: right;
            margin: 0 auto
        }

.meeting-annexes {
    width: 100%;
    float: left;
    padding: 15px;
    margin-top: 30px;
    background-image: url(/images/icons/list.jpg);
    background-repeat: repeat-x
}

    .meeting-annexes table {
        width: 100%;
        float: left;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0
    }

        .meeting-annexes table tr:last-child td {
            border-bottom: 0
        }

        .meeting-annexes table tr td, .meeting-annexes table tr th {
            word-break: break-all;
            padding: 8px 0;
            vertical-align: top;
            white-space: normal;
            cursor: default;
            line-height: 20px
        }

        .meeting-annexes table tr th {
            border-bottom: 3px double rgba(0,0,0,.1);
            font-weight: 700
        }

        .meeting-annexes table tr td {
            border-bottom: 1px solid rgba(0,0,0,.1)
        }

.dark .meeting-area {
    box-shadow: 10px 10px 0 rgba(0,0,0,.25);
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.1)
}

.dark .meeting-annexes {
    background-image: url(/images/icons/list.png)
}

    .dark .meeting-annexes table tr th {
        border-color: rgba(255,255,255,.1)
    }

    .dark .meeting-annexes table tr td {
        border-color: rgba(255,255,255,.1)
    }

.device-area {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

    .device-area .device-img {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 150px;
        height: 150px;
        background: #fafafa;
        float: left;
        padding: 4px;
        border: 1px solid rgba(0,0,0,.05)
    }

        .device-area .device-img img {
            max-width: 140px;
            max-height: 140px
        }

    .device-area .device-progress {
        height: 20px;
        line-height: 20px;
        border-radius: 0 4px 4px 0;
        float: left;
        margin: 5px 0 -25px 0;
        padding: 0 5px;
        color: #fff;
        position: relative;
        z-index: 20;
        font-size: 12px;
        cursor: default;
        pointer-events: none;
        opacity: .9
    }

        .device-area .device-progress.prog-green {
            background: #16a500
        }

        .device-area .device-progress.prog-blue {
            background: #198cf0
        }

        .device-area .device-progress.prog-red {
            background: #f32121
        }

        .device-area .device-progress .prog-icon {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: inherit;
            float: left;
            font-size: 12px
        }

            .device-area .device-progress .prog-icon.icomoon-cross {
                transform: scale(.8)
            }

        .device-area .device-progress span {
            height: 20px;
            line-height: 20px;
            overflow: hidden;
            color: inherit;
            float: left;
            font-size: 12px
        }

    .device-area .device-num {
        width: 100%;
        float: left;
        border-radius: 4px;
        height: 30px;
        background-clip: content-box;
        background-origin: content-box;
        background: #eee;
        overflow: visible;
        line-height: 30px;
        font-size: 18px;
        text-overflow: ellipsis;
        text-align: center;
        margin: 5px 0
    }

        .device-area .device-num:before {
            content: "";
            display: inline-block;
            width: 0;
            height: 0;
            border-left: 5px solid #eee;
            border-top: 5px solid transparent;
            border-bottom: 5px solid transparent;
            margin: 10px -5px;
            float: right
        }

    .device-area .device-name {
        width: 100%;
        float: left;
        height: 30px;
        line-height: 30px;
        font-size: 18px;
        margin: 5px 0;
        font-weight: 700
    }

    .device-area .device-info {
        width: 100%;
        float: left;
        table-layout: fixed;
        border-collapse: separate;
        border-spacing: 0
    }

        .device-area .device-info .main, .device-area .device-info .main-middle {
            word-break: break-all
        }

        .device-area .device-info .main {
            vertical-align: top !important
        }

        .device-area .device-info .main-middle {
            vertical-align: middle !important
        }

        .device-area .device-info .right-main {
            border-left: 1px solid #ddd
        }

        .device-area .device-info td, .device-area .device-info th {
            line-height: 20px;
            padding: 3px 0;
            text-align: left;
            word-break: break-all
        }

            .device-area .device-info td .word, .device-area .device-info th .word {
                width: 100%;
                float: left;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 20px;
                line-height: 20px
            }

            .device-area .device-info td .table-link, .device-area .device-info th .table-link {
                padding: 0
            }

        .device-area .device-info th {
            font-weight: 700;
            width: 80px
        }

    .device-area .device-word {
        width: 100%;
        float: left;
        height: 20px;
        margin: 5px 0;
        overflow: hidden
    }

        .device-area .device-word * {
            float: left !important;
            max-width: 100% !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            display: inline-block !important;
            color: #333 !important;
            background: 0 0 !important;
            font-family: inherit !important;
            font-size: 14px !important;
            line-height: 20px !important;
            height: 20px !important;
            text-indent: 0 !important
        }

    .device-area .device-prompt {
        width: 100%;
        float: left;
        height: 20px;
        margin-bottom: 10px;
        overflow: hidden
    }

        .device-area .device-prompt .word {
            height: 20px;
            line-height: 20px;
            float: left;
            margin-right: 30px;
            color: #999
        }

            .device-area .device-prompt .word span {
                color: inherit;
                padding: 0 3px;
                line-height: inherit;
                font-size: inherit
            }

    .device-area .device-reply {
        width: 100%;
        float: left;
        overflow: hidden;
        display: none
    }

        .device-area .device-reply textarea {
            width: 100%;
            float: left;
            padding: 10px 100px 10px 10px;
            height: 100px;
            margin: 0;
            resize: none
        }

        .device-area .device-reply .btn-group {
            margin: -40px 10px 10px 0
        }

    .device-area .main {
        padding: 10px 0
    }

        .device-area .main:last-child {
            border-bottom: 1px solid rgba(0,0,0,.1)
        }

.dark .device-area .device-img {
    background: rgba(255,255,255,.05);
    border-color: rgba(255,255,255,.1)
}

.monitor-area {
    background: #333;
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    pointer-events: auto
}

    .monitor-area.fullscreen {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 9999
    }

    .monitor-area .monitor-header {
        width: 100%;
        height: 40px;
        padding: 10px;
        overflow: hidden
    }

        .monitor-area .monitor-header .monitor-name {
            float: left;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            color: #26c6f2;
            font-weight: 700
        }

    .monitor-area .monitor-body {
        width: 100%;
        height: 1%;
        flex: 1;
        overflow: hidden
    }

        .monitor-area .monitor-body .monitor-content {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto;
            overflow: visible;
            padding: 5px;
            overflow: hidden
        }

            .monitor-area .monitor-body .monitor-content .content-absolut, .monitor-area .monitor-body .monitor-content .content-left, .monitor-area .monitor-body .monitor-content .content-right {
                position: absolute;
                top: 0;
                right: auto;
                bottom: 0;
                left: auto;
                z-index: 1
            }

            .monitor-area .monitor-body .monitor-content .content-absolut {
                right: 0;
                left: 0
            }

            .monitor-area .monitor-body .monitor-content .content-left {
                left: 0;
                width: 350px;
                background: rgba(10,15,20,.03)
            }

            .monitor-area .monitor-body .monitor-content .content-right {
                left: 350px;
                right: 0
            }

            .monitor-area .monitor-body .monitor-content.mode-1 .monitor-block {
                width: 100%;
                height: 100%
            }

            .monitor-area .monitor-body .monitor-content.mode-4 .monitor-block {
                width: 50%;
                height: 50%
            }

            .monitor-area .monitor-body .monitor-content.mode-9 .monitor-block {
                width: calc(100% / 3);
                height: calc(100% / 3)
            }

            .monitor-area .monitor-body .monitor-content .monitor-block {
                padding: 5px;
                float: left;
                position: relative
            }

                .monitor-area .monitor-body .monitor-content .monitor-block:hover .monitor-name {
                    opacity: 1;
                    pointer-events: auto
                }

                .monitor-area .monitor-body .monitor-content .monitor-block .monitor-name {
                    position: absolute;
                    top: 5px;
                    right: 5px;
                    bottom: auto;
                    left: 5px;
                    z-index: 10;
                    padding: 8px;
                    line-height: 1;
                    font-size: 14px;
                    white-space: nowrap !important;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    text-align: left;
                    color: #fff;
                    background: rgba(0,0,0,.25);
                    -webkit-backdrop-filter: blur(4px);
                    backdrop-filter: blur(4px);
                    opacity: 0;
                    pointer-events: none;
                    transition: all .2s linear
                }

                .monitor-area .monitor-body .monitor-content .monitor-block video {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    float: left;
                    overflow: auto;
                    background: #000
                }

.developing-area {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1900;
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .developing-area.fadeout {
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

    .developing-area .developing {
        width: 100%;
        float: left;
        position: relative;
        z-index: 1900;
        height: 100%;
        pointer-events: auto;
        background: rgba(230,230,230,.9)
    }

        .developing-area .developing img {
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 1905;
            margin: -200px -150px;
            width: 300px;
            height: 300px;
            opacity: 1;
            animation: scale-animate 2s infinite linear
        }

        .developing-area .developing span {
            position: absolute;
            top: 50%;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1910;
            margin: 100px 0 0 0;
            text-align: center;
            font-size: 24px;
            height: 50px;
            line-height: 50px;
            color: #333 !important
        }

@keyframes scale-animate {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    80% {
        opacity: 1;
        transform: scale(1)
    }

    90% {
        opacity: .75;
        transform: scale(.9)
    }

    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.ultra-form, .ultra-tab {
    width: 100%;
    float: left;
    text-align: center
}

    .ultra-form .ultra-block, .ultra-tab .ultra-block {
        width: 800px;
        margin: 0 auto;
        background: #fff;
        min-height: 400px;
        box-shadow: 10px 10px 0 rgba(0,0,0,.1);
        margin-top: 20px;
        padding: 30px 50px;
        display: inline-block;
        margin-bottom: 30px
    }

.ultra-tab {
    height: 50px;
    line-height: 0
}

    .ultra-tab .ultra-btn {
        border-radius: 5px;
        width: 200px;
        height: 50px;
        border: 2px dashed rgba(0,0,0,.1);
        display: inline-block;
        margin: 0 10px;
        text-align: center;
        line-height: 46px;
        font-size: 18px;
        color: rgba(0,0,0,.5);
        padding-left: 40px;
        letter-spacing: 1px;
        cursor: pointer;
        overflow: visible;
        position: relative
    }

        .ultra-tab .ultra-btn:before {
            content: "";
            height: 30px;
            line-height: 30px;
            width: 30px;
            text-align: center;
            float: left;
            margin: 8px -30px;
            font-size: 24px;
            font-family: icomoon;
            color: rgba(0,0,0,.3)
        }

        .ultra-tab .ultra-btn:hover {
            border-color: rgba(0,0,0,.2);
            color: rgba(0,0,0,.75)
        }

        .ultra-tab .ultra-btn.select:after {
            content: "";
            position: absolute;
            top: 100%;
            right: auto;
            bottom: 0;
            left: 50%;
            z-index: 10;
            border-bottom: 15px solid #fff;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            margin: 10px -15px;
            display: inline-block;
            width: 0;
            height: 0
        }

    .ultra-tab .check:before {
        content: "\e9b0"
    }

    .ultra-tab .check.select {
        background: rgba(14,160,169,.1);
        color: #0e94bf;
        border-style: solid;
        border-color: rgba(14,160,169,.5)
    }

        .ultra-tab .check.select:before {
            color: inherit
        }

    .ultra-tab .cross:before {
        content: "\e908"
    }

    .ultra-tab .cross.select {
        background: rgba(22,190,67,.1);
        color: #129a3a;
        border-style: solid;
        border-color: rgba(22,190,67,.5)
    }

        .ultra-tab .cross.select:before {
            color: inherit
        }

.dark .ultra-block, .dark.ultra-block {
    background: rgba(0,0,0,.1);
    box-shadow: 10px 10px 0 rgba(0,0,0,.1);
    border: 1px solid rgba(255,255,255,.1)
}

.dark .ultra-tab .ultra-btn, .dark.ultra-tab .ultra-btn {
    color: rgba(255,255,255,.75);
    border-color: rgba(255,255,255,.25)
}

    .dark .ultra-tab .ultra-btn:before, .dark.ultra-tab .ultra-btn:before {
        color: rgba(255,255,255,.5)
    }

    .dark .ultra-tab .ultra-btn:hover, .dark.ultra-tab .ultra-btn:hover {
        border-color: rgba(255,255,255,.5);
        color: rgba(255,255,255,.9)
    }

    .dark .ultra-tab .ultra-btn.select:after, .dark.ultra-tab .ultra-btn.select:after {
        border-bottom: 15px solid rgba(255,255,255,.1)
    }

.dark .ultra-tab .check.select, .dark.ultra-tab .check.select {
    background: rgba(14,160,169,.1);
    color: #0e94bf;
    border-color: rgba(14,160,169,.5)
}

.dark .ultra-tab .cross.select, .dark.ultra-tab .cross.select {
    background: rgba(22,190,67,.1);
    color: #129a3a;
    border-color: rgba(22,190,67,.5)
}

.border-block {
    width: 100%;
    float: left;
    border-radius: 10px;
    border: 1px solid #ddd;
    min-height: 50px;
    margin: 10px 0;
    overflow: visible;
    padding: 10px
}

    .border-block .border-block-title {
        border-radius: 4px;
        height: 20px;
        line-height: 20px;
        padding: 0 10px;
        background: #fff;
        margin: -20px 0;
        float: left;
        text-align: left;
        color: #999
    }

.dark .border-block, .dark.border-block {
    border: 1px solid rgba(255,255,255,.1)
}

    .dark .border-block .border-block-title, .dark.border-block .border-block-title {
        background: #666;
        color: #fff
    }

body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: #000;
    overflow: hidden;
    font: 14px Microsoft Yahei,'\5b8b\4f53',SimHei,Arial,sans-serif;
    color: #222;
    font-style: normal
}

    body #view {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        pointer-events: none;
        overflow: hidden
    }

.frame-content {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1700;
    background: rgba(255,255,255,.95);
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .frame-content.frame-fullscreen {
        width: 100%;
        height: 100%;
        top: 0 !important;
        left: 0 !important;
        position: fixed;
        z-index: 2020 !important;
        overflow: hidden
    }

    .frame-content.fadeout {
        pointer-events: none
    }

    .frame-content .bg-white {
        background: #fff
    }

    .frame-content .bg-gray {
        background: rgba(0,0,0,.1)
    }

    .frame-content .bg-gray-dark {
        background: rgba(0,0,0,.25)
    }

    .frame-content .bg-dark {
        background: rgba(0,0,0,.5)
    }

.frame-row {
    width: 100%;
    min-height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch
}

    .frame-row.fixed {
        height: 100%;
        min-height: unset
    }

    .frame-row.nor {
        height: auto;
        min-height: unset
    }

        .frame-row.nor .frame-col {
            background: 0 0 !important
        }

    .frame-row .frame-col {
        width: 1%;
        flex: 1;
        position: relative;
        transition: all .1s linear
    }

        .frame-row .frame-col.fixed {
            width: 400px;
            flex: unset;
            background: rgba(0,0,0,.05)
        }

            .frame-row .frame-col.fixed .frame-toggle {
                width: 20px;
                height: 80px;
                border-radius: 0 10px 10px 0;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                top: 50%;
                right: -20px;
                bottom: auto;
                left: auto;
                z-index: 10;
                background: rgba(0,0,0,.05);
                margin: -40px 0;
                color: rgba(0,0,0,.5);
                cursor: pointer
            }

                .frame-row .frame-col.fixed .frame-toggle:hover {
                    background: rgba(0,0,0,.1);
                    color: rgba(0,0,0,.75)
                }

                .frame-row .frame-col.fixed .frame-toggle:active {
                    background: rgba(0,0,0,.2);
                    color: rgba(0,0,0,.9)
                }

        .frame-row .frame-col.fadeout {
            width: 0 !important;
            transition: all .1s linear
        }

        .frame-row .frame-col .frame-col-toggle {
            width: 10px;
            height: 60px;
            background: rgba(0,0,0,.05);
            color: #999;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: auto;
            z-index: 10;
            margin: -30px 0
        }

            .frame-row .frame-col .frame-col-toggle:hover {
                background: rgba(0,0,0,.1);
                color: #666
            }

            .frame-row .frame-col .frame-col-toggle span {
                color: inherit;
                pointer-events: none;
                font-size: 12px
            }

                .frame-row .frame-col .frame-col-toggle span.rev {
                    transform: scaleX(-1)
                }

            .frame-row .frame-col .frame-col-toggle.t-l {
                left: 0;
                border-radius: 0 6px 6px 0
            }

            .frame-row .frame-col .frame-col-toggle.t-r {
                right: 0;
                border-radius: 6px 0 0 6px
            }

    .frame-row .frame-col-drag {
        width: 4px;
        height: 100%;
        border-left: 4px dashed rgba(0,0,0,.1);
        opacity: 0;
        cursor: e-resize;
        position: relative;
        z-index: 5;
        margin: 0 -1px
    }

        .frame-row .frame-col-drag.active, .frame-row .frame-col-drag:hover {
            opacity: 1
        }

.frame-loc {
    background: 0 0 !important;
    pointer-events: none
}

.frame-left {
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 510;
    width: 300px;
    overflow: hidden;
    background: #fafafa
}

    .frame-left .frame-detail, .frame-left .frame-list {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: auto;
        opacity: 1
    }

    .frame-left .frame-list {
        z-index: 520;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

        .frame-left .frame-list.fadeout {
            opacity: 0;
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

    .frame-left .frame-detail {
        z-index: 530;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

        .frame-left .frame-detail.fadeout {
            left: 80%;
            opacity: 0;
            pointer-events: none;
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

            .frame-left .frame-detail.fadeout * {
                pointer-events: none
            }

    .frame-left .title {
        height: 40px;
        font-size: 18px;
        font-weight: 700
    }

.frame-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 300px;
    z-index: 500;
    overflow: hidden;
    background: #fff
}

.f-apart {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible;
    display: flex;
    flex-direction: row
}

    .f-apart .f-l, .f-apart .f-r {
        height: 100%;
        display: flex;
        flex-direction: column
    }

        .f-apart .f-l .f-b, .f-apart .f-l .f-t, .f-apart .f-r .f-b, .f-apart .f-r .f-t {
            width: 100%;
            position: relative
        }

        .f-apart .f-l .f-t, .f-apart .f-r .f-t {
            margin-bottom: 10px;
            height: 300px
        }

        .f-apart .f-l .f-b, .f-apart .f-r .f-b {
            height: 1%;
            flex: 1
        }

    .f-apart .f-l {
        width: 500px;
        margin-right: 10px
    }

    .f-apart .f-r {
        width: 1%;
        flex: 1
    }

.f-content {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible
}

    .f-content.fd-col {
        flex-direction: column
    }

    .f-content.fd-row {
        flex-direction: row
    }

    .f-content .f-row {
        width: 100%;
        height: 1%;
        flex: 1
    }

    .f-content .f-col {
        width: 1%;
        height: 100%;
        flex: 1
    }

.frame-float {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1800;
    pointer-events: none;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .frame-float.fadein {
        pointer-events: auto
    }

        .frame-float.fadein > .float-shadow {
            opacity: 1;
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

        .frame-float.fadein > .float-content {
            opacity: 1;
            transform: translateX(0);
            transition: transform .2s linear,opacity .2s linear
        }

    .frame-float > .float-shadow {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1810;
        background: rgba(0,0,0,.5);
        cursor: inherit;
        opacity: 0;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

        .frame-float > .float-shadow .float-close {
            position: absolute;
            top: 0;
            right: auto;
            bottom: 0;
            left: 0;
            z-index: 1815;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            color: rgba(255,255,255,.75);
            cursor: pointer;
            font-size: 40px
        }

            .frame-float > .float-shadow .float-close:hover {
                background: rgba(255,255,255,.1);
                color: #fff
            }

    .frame-float > .float-content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50px;
        z-index: 1820;
        background: #f4f4f4;
        opacity: 0;
        transform: translateX(300px);
        transition: transform .2s linear,opacity .2s linear;
        overflow-x: visible;
        overflow-y: auto
    }

        .frame-float > .float-content.float-content-white {
            background: #fafafa
        }

.frame-return {
    width: auto;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    float: right;
    font-size: 18px;
    color: rgba(0,0,0,.5);
    background: rgba(0,0,0,.1);
    cursor: pointer;
    padding: 0 15px
}

    .frame-return:hover {
        background: #198cf0;
        color: #fff
    }

    .frame-return:before {
        font-size: 24px;
        margin-right: 5px
    }

.frame-top-btn {
    width: 80px;
    height: 24px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 100;
    border-radius: 0 0 8px 8px;
    background: rgba(10,15,20,.6);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    margin: 0 -40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transform: translateY(-14px);
    transition: all .1s linear
}

    .frame-top-btn:hover {
        transform: translateY(0);
        background: #198cf0
    }

        .frame-top-btn:hover i {
            color: #fff;
            opacity: 1
        }

    .frame-top-btn i {
        font-size: 14px;
        font-style: normal;
        color: rgba(255,255,255,.75);
        pointer-events: none;
        opacity: 0;
        transition: all .2s linear
    }

.title, .title-small {
    min-width: 10px;
    height: 50px;
    float: left;
    line-height: 30px;
    font-size: 24px;
    cursor: default;
    padding-right: 20px
}

    .title span, .title-small span {
        color: inherit;
        padding-left: 16px;
        opacity: .75
    }

    .title .info, .title-small .info {
        color: inherit;
        font-weight: inherit;
        display: inline;
        font-size: inherit
    }

    .title input.input-large, .title-small input.input-large {
        width: 500px;
        height: 40px;
        margin: -5px 0 0;
        font-size: inherit;
        display: inline-block
    }

    .title .title-drop, .title-small .title-drop {
        float: left
    }

        .title .title-drop .dropdown-control, .title .title-drop .dropdown-toggle, .title-small .title-drop .dropdown-control, .title-small .title-drop .dropdown-toggle {
            width: 100%;
            height: 30px;
            display: flex;
            flex-direction: row;
            padding: 0;
            border-radius: 4px;
            cursor: pointer
        }

            .title .title-drop .dropdown-control:hover, .title .title-drop .dropdown-toggle:hover, .title-small .title-drop .dropdown-control:hover, .title-small .title-drop .dropdown-toggle:hover {
                background: rgba(0,0,0,.05)
            }

            .title .title-drop .dropdown-control span, .title .title-drop .dropdown-toggle span, .title-small .title-drop .dropdown-control span, .title-small .title-drop .dropdown-toggle span {
                width: 1%;
                flex: 1;
                font-size: 16px;
                height: 30px;
                line-height: 30px;
                color: #333;
                font-weight: 700;
                opacity: 1;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis
            }

            .title .title-drop .dropdown-control .caret, .title .title-drop .dropdown-toggle .caret, .title-small .title-drop .dropdown-control .caret, .title-small .title-drop .dropdown-toggle .caret {
                margin: 12px 5px;
                opacity: .5
            }

.title-small {
    height: 30px;
    margin-bottom: 10px;
    font-size: 18px
}

    .title-small span {
        color: #198cf0;
        padding: 0 5px;
        font-size: inherit;
        line-height: inherit
    }

.title-code {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-right: 20px;
    float: left;
    color: rgba(0,0,0,.75)
}

    .title-code:last-child {
        margin-right: 0
    }

    .title-code span {
        font-size: inherit;
        color: inherit
    }

.title-tab-area {
    min-width: 100%;
    height: 40px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    overflow: visible;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    float: left
}

    .title-tab-area .title-tab {
        height: 40px;
        line-height: 40px;
        border-radius: 8px 8px 0 0;
        float: left;
        font-size: 18px;
        cursor: default;
        padding: 0 15px;
        margin-right: 4px;
        color: rgba(0,0,0,.75);
        cursor: pointer;
        text-align: center;
        font-weight: 700;
        white-space: nowrap
    }

        .title-tab-area .title-tab:last-child {
            margin-right: 0
        }

        .title-tab-area .title-tab:hover {
            color: rgba(0,0,0,.9);
            background: rgba(0,0,0,.05)
        }

        .title-tab-area .title-tab.active, .title-tab-area .title-tab.select {
            color: #fff;
            background: #198cf0
        }

.title-drop {
    max-width: 100%;
    height: 30px;
    overflow: visible;
    float: left;
    margin: 0 10px;
    padding: 0 10px;
    border-radius: 4px;
    display: flex;
    flex-direction: row
}

    .title-drop:hover {
        background: rgba(0,0,0,.05)
    }

    .title-drop:last-child {
        margin-right: 0
    }

    .title-drop:after, .title-drop:before {
        float: left;
        height: 30px;
        line-height: 30px;
        color: #999
    }

    .title-drop:before {
        content: "["
    }

    .title-drop:after {
        content: "]"
    }

    .title-drop .btn {
        width: 1%;
        flex: 1;
        border: 0;
        background: 0 0;
        box-shadow: none;
        float: left
    }

        .title-drop .btn .dropdown-toggle {
            padding: 4px 5px
        }

        .title-drop .btn .dropdown-menu {
            width: auto;
            min-width: calc(100% + 20px);
            left: -10px
        }

            .title-drop .btn .dropdown-menu ul li a {
                line-height: 30px;
                font-size: 16px
            }

        .title-drop .btn span {
            font-size: 16px;
            color: #666
        }

        .title-drop .btn .caret {
            border-top-color: #999
        }

.zy {
    max-width: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
    align-items: flex-start;
    background: rgba(0,0,0,.05);
    border-radius: 6px;
    padding: 6px 12px;
    margin: 0 0 10px;
    font-size: 16px;
    float: left;
    cursor: pointer
}

    .zy i {
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
        pointer-events: none;
        color: inherit;
        font-size: inherit;
        opacity: .4
    }

    .zy:hover {
        color: #000;
        background: rgba(0,0,0,.1)
    }

    .zy span {
        line-height: 20px;
        font-size: 16px;
        white-space: normal;
        word-break: break-all;
        font-weight: 700
    }

.tab-group {
    min-width: 100%;
    height: 45px;
    display: flex;
    align-items: flex-start;
    justify-items: flex-start;
    flex-wrap: nowrap;
    float: left
}

    .tab-group.tab-group-small {
        height: 40px
    }

        .tab-group.tab-group-small .tab-btn {
            font-size: 14px;
            height: 30px
        }

            .tab-group.tab-group-small .tab-btn.select {
                background: rgba(25,140,240,.75)
            }

    .tab-group .tab-btn {
        height: 35px;
        background: rgba(0,0,0,.05);
        border-radius: 4px;
        padding: 0 10px;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        cursor: pointer;
        margin-right: 5px
    }

        .tab-group .tab-btn:hover {
            background: rgba(0,0,0,.1)
        }

        .tab-group .tab-btn.select {
            background: #198cf0;
            color: #fff
        }

        .tab-group .tab-btn:last-child {
            margin-right: 0
        }

.title-spec {
    width: 100%;
    float: left;
    margin: 30px 0 10px;
    height: 30px;
    position: relative
}

    .title-spec span {
        height: 30px;
        line-height: 30px;
        float: left;
        font-weight: 700;
        font-size: 18px;
        color: #0056a1;
        position: relative;
        z-index: 5
    }

    .title-spec:before {
        content: "";
        width: 80px;
        height: 10px;
        background: rgba(25,140,240,.5);
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .title-spec:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid rgba(25,140,240,.5);
        border-top: 10px solid transparent;
        position: absolute;
        top: auto;
        right: auto;
        bottom: 0;
        left: 80px;
        z-index: 1
    }

.manage-title {
    width: 100%;
    float: left;
    border-radius: 5px 0 0 0;
    text-align: left;
    height: 40px;
    padding: 10px;
    line-height: 20px;
    background: #f4f4f4;
    background: rgba(240,240,240,.8);
    border: 1px solid #ddd;
    border-bottom: 0;
    font-weight: 700
}

    .manage-title .manage-btn-area {
        float: right;
        margin: -5px
    }

        .manage-title .manage-btn-area .manage-btn {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            color: rgba(0,0,0,.5);
            cursor: pointer;
            font-size: 16px;
            float: left
        }

            .manage-title .manage-btn-area .manage-btn:hover {
                color: #198cf0
            }

.manage-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    bottom: auto;
    left: auto;
    z-index: auto;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: rgba(0,0,0,.1);
    color: rgba(0,0,0,.75);
    line-height: 18px;
    height: 100px;
    margin: 0 -5px;
    width: 20px;
    margin: -50px -30px;
    cursor: pointer
}

    .manage-toggle:hover {
        background: rgba(0,0,0,.2);
        color: rgba(0,0,0,.9)
    }

.manage-list {
    width: 100%;
    float: left;
    border-radius: 0 0 0 5px;
    border: 1px solid #ddd;
    border-top: 0;
    background: rgba(255,255,255,.75);
    overflow: auto;
    position: relative
}

    .manage-list .manage-area {
        width: 100%;
        float: left;
        z-index: 40;
        padding: 20px
    }

        .manage-list .manage-area .manage-block {
            width: 100%;
            float: left;
            border-radius: 4px;
            border: 2px dotted rgba(0,0,0,.25);
            cursor: pointer;
            margin-bottom: 10px;
            padding: 5px 10px 5px 40px
        }

            .manage-list .manage-area .manage-block.select, .manage-list .manage-area .manage-block:hover {
                border-color: rgba(5,140,250,.9);
                background: rgba(5,140,250,.05);
                color: #0085de
            }

            .manage-list .manage-area .manage-block .manage-icon {
                height: 30px;
                line-height: 30px;
                width: 30px;
                text-align: center;
                float: left;
                margin: 0 -35px;
                cursor: inherit;
                color: inherit;
                font-size: 18px;
                opacity: .75
            }

            .manage-list .manage-area .manage-block .manage-name {
                width: 100%;
                float: left;
                height: 30px;
                line-height: 30px;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                cursor: inherit;
                font-size: 16px;
                color: inherit
            }

.manage-info {
    width: 100%;
    float: left;
    border-radius: 4px;
    background: rgba(0,0,0,.05);
    cursor: pointer;
    padding: 8px;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    font-size: 16px
}

    .manage-info:hover {
        background: rgba(0,0,0,.1)
    }

        .manage-info:hover .manage-btn {
            display: block
        }

    .manage-info.select {
        background: #198cf0;
        color: #fff
    }

        .manage-info.select .manage-btn {
            display: block
        }

            .manage-info.select .manage-btn .table-icon-btn {
                color: rgba(255,255,255,.75)
            }

                .manage-info.select .manage-btn .table-icon-btn:hover {
                    color: #fff
                }

    .manage-info .manage-btn {
        display: none;
        height: 20px
    }

    .manage-info i, .manage-info span {
        color: inherit;
        font-size: inherit
    }

    .manage-info i {
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 8px;
        opacity: .75
    }

    .manage-info span {
        width: 1%;
        flex: 1;
        line-height: 20px;
        word-break: break-all
    }

        .manage-info span b {
            width: 100%;
            height: 16px;
            line-height: 16px;
            display: inline-block;
            color: inherit;
            opacity: .75;
            font-size: 12px
        }

    .manage-info p {
        line-height: 20px;
        margin: 0 0 0 8px;
        font-size: 12px;
        color: inherit;
        opacity: .5
    }

    .manage-info .radio-status {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: rgba(0,0,0,.5);
        margin: 4px 8px 4px 0
    }

        .manage-info .radio-status.status-green {
            background: #16a500
        }

        .manage-info .radio-status.status-red {
            background: #f32121
        }

.manage-detail {
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    background: #fafafa;
    background: rgba(255,255,255,.75)
}

    .manage-detail .manage-header-area {
        width: 100%;
        float: left;
        padding-left: 20px
    }

        .manage-detail .manage-header-area .manage-header {
            width: 100%;
            float: left;
            border-bottom: 1px solid rgba(0,0,0,.1);
            padding: 15px 20px 15px 0;
            min-height: 60px
        }

    .manage-detail .manage-body {
        width: 100%;
        float: left;
        overflow-x: hidden;
        overflow-y: auto
    }

.manage-search {
    height: 30px;
    width: 200px;
    float: left
}

    .manage-search input {
        width: 100%;
        float: left;
        border: 1px solid #ddd !important;
        border-radius: 15px !important;
        padding-left: 10px !important;
        padding-right: 30px !important;
        box-shadow: none !important;
        margin: 0 !important
    }

        .manage-search input:focus, .manage-search input:hover {
            box-shadow: none !important;
            border-color: rgba(0,0,0,.25) !important
        }

    .manage-search .manage-search-btn {
        height: 30px;
        line-height: 30px;
        display: inline-block;
        width: 30px;
        text-align: center;
        cursor: pointer;
        color: rgba(0,0,0,.5);
        float: right;
        margin: -30px 0
    }

        .manage-search .manage-search-btn:hover {
            color: #198cf0
        }

        .manage-search .manage-search-btn:active {
            transform: translateY(1px)
        }

.manage-opt-area {
    float: right;
    width: auto;
    height: 30px;
    position: relative
}

    .manage-opt-area .manage-opt {
        border-radius: 15px;
        min-width: 30px;
        height: 30px;
        margin: 0 0 0 5px;
        border: 1px solid rgba(0,0,0,.1) !important;
        padding: 4px;
        color: rgba(0,0,0,.25);
        float: left;
        cursor: pointer
    }

        .manage-opt-area .manage-opt:hover {
            border: 1px solid rgba(0,0,0,.25);
            color: rgba(0,0,0,.5)
        }

        .manage-opt-area .manage-opt.dropdown-toggle {
            border-radius: 15px;
            width: auto;
            padding: 4px 10px;
            line-height: 20px
        }

            .manage-opt-area .manage-opt.dropdown-toggle span {
                line-height: inherit;
                color: #999;
                font-size: inherit;
                width: auto;
                min-width: 20px
            }

            .manage-opt-area .manage-opt.dropdown-toggle .caret {
                float: right;
                margin: 8px 0 0 5px;
                border-top-color: #d3d8e0
            }

    .manage-opt-area span {
        height: 20px;
        line-height: 20px;
        width: 20px;
        cursor: inherit;
        color: #999;
        text-align: center;
        display: inline-block;
        float: left;
        pointer-events: none;
        white-space: nowrap;
        font-size: 14px
    }

.prompt-area {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
    pointer-events: auto;
    opacity: 1;
    transition: opacity .2s linear
}

    .prompt-area .prompt-shadow {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3005;
        background: rgba(0,0,0,.75);
        top: 0;
        left: 0
    }

    .prompt-area img {
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        z-index: 3010;
        width: 128px;
        height: 128px;
        margin: -128px -64px;
        pointer-events: none;
        opacity: .8
    }

    .prompt-area span {
        position: absolute;
        top: 50%;
        right: 0;
        bottom: auto;
        left: 0;
        z-index: 3010;
        height: 50px;
        line-height: 50px;
        color: rgba(255,255,255,.75);
        font-size: 24px;
        text-align: center;
        pointer-events: none;
        display: inline-block
    }

.prompt {
    width: 100%;
    float: left;
    overflow: hidden;
    display: none;
    pointer-events: none
}

    .prompt .prompt-message {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        padding: 8px;
        line-height: 20px;
        border: 1px dashed transparent;
        color: #198cf0;
        border-color: rgba(95,155,235,.5);
        background: rgba(95,155,235,.1)
    }

        .prompt .prompt-message.prompt-red {
            color: #f32121;
            border-color: rgba(235,95,95,.5);
            background: rgba(235,95,95,.1)
        }

        .prompt .prompt-message.prompt-warning {
            color: #c09853;
            border-color: #fbeed5;
            background: #fcf8e3
        }

.sidebar {
    width: 100%;
    float: left;
    border-radius: 4px;
    background: rgba(0,0,0,.05);
    cursor: pointer;
    padding: 5px 0;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 14px;
    text-align: center
}

    .sidebar:hover {
        background: rgba(0,0,0,.1)
    }

    .sidebar.select {
        background: #2d97dd;
        color: #fff
    }

.opt-content {
    width: 100%;
    float: left;
    height: auto;
    overflow: auto;
    position: relative
}

.opt-bottom {
    width: 100%;
    float: left;
    padding: 10px;
    overflow: visible;
    height: 50px;
    border-top: 1px solid #eee;
    position: relative
}

.item-group {
    float: left;
    margin-right: 20px
}

    .item-group:last-child {
        margin-right: 0
    }

    .item-group .name {
        float: left;
        margin-bottom: 10px;
        font-weight: 700;
        line-height: 30px
    }

    .item-group .word {
        float: left;
        margin-bottom: 10px;
        line-height: 30px;
        padding: 0 3px
    }

    .item-group.is-choose {
        cursor: pointer;
        padding: 10px 10px 0;
        border: 1px solid transparent
    }

        .item-group.is-choose:hover {
            background: rgba(0,150,255,.1)
        }

        .item-group.is-choose.select {
            background: rgba(0,150,255,.2);
            border-color: #198cf0
        }

        .item-group.is-choose * {
            pointer-events: none
        }

.filter-group {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

    .filter-group .filter-name {
        width: 100%;
        float: left;
        font-weight: 700;
        height: 25px;
        line-height: 20px;
        text-align: left
    }

    .filter-group .choose-group {
        width: 100%;
        margin: 0
    }

.square-area {
    width: 100%;
    float: left;
    padding: 0 0 0 20px
}

    .square-area .square-block {
        float: left;
        width: 20%;
        padding-right: 20px;
        margin-bottom: 20px
    }

        .square-area .square-block .square-content {
            width: 100%;
            float: left;
            border-radius: 5px;
            position: relative;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 0 2px rgba(0,0,0,.25);
            cursor: pointer;
            padding: 5px;
            transition: box-shadow .1s linear,transform .1s linear
        }

            .square-area .square-block .square-content:hover {
                box-shadow: 0 0 10px rgba(0,0,0,.5);
                transform: translateY(-2px);
                transition: box-shadow .1s linear,transform .1s linear
            }

            .square-area .square-block .square-content .square-choose {
                position: absolute;
                top: auto;
                right: 2px;
                bottom: 2px;
                left: auto;
                z-index: 100;
                width: 20px;
                height: 30px;
                display: none
            }

            .square-area .square-block .square-content .square-img-area {
                width: 100%;
                float: left;
                position: relative;
                padding: 0 5px;
                padding-bottom: 60%;
                cursor: inherit;
                background: rgba(0,0,0,.05)
            }

                .square-area .square-block .square-content .square-img-area .square-img {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                    cursor: inherit;
                    background-size: cover;
                    background-position: 50% 50%
                }

                .square-area .square-block .square-content .square-img-area .square-status {
                    position: absolute;
                    top: 5px;
                    right: auto;
                    bottom: auto;
                    left: 5px;
                    z-index: 55;
                    height: 20px;
                    line-height: 20px;
                    border-radius: 4px;
                    background: rgba(0,0,0,.5);
                    color: rgba(255,255,255,.75);
                    padding: 0 6px;
                    font-size: 12px
                }

                    .square-area .square-block .square-content .square-img-area .square-status .square-status-blue, .square-area .square-block .square-content .square-img-area .square-status .square-status-gray, .square-area .square-block .square-content .square-img-area .square-status .square-status-green {
                        border-radius: 50%;
                        width: 10px;
                        height: 10px;
                        margin: 5px 5px 5px 0;
                        float: left
                    }

                    .square-area .square-block .square-content .square-img-area .square-status .square-status-green {
                        background: #16a500
                    }

                    .square-area .square-block .square-content .square-img-area .square-status .square-status-blue {
                        background: #09f
                    }

                    .square-area .square-block .square-content .square-img-area .square-status .square-status-gray {
                        background: #aaa
                    }

            .square-area .square-block .square-content .square-name {
                width: 100%;
                float: left;
                height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                line-height: 20px;
                font-size: 16px;
                font-weight: 700;
                cursor: inherit;
                word-break: break-all;
                padding: 0 10px;
                margin: 5px 0;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                vertical-align: middle
            }

            .square-area .square-block .square-content .square-info {
                width: 100%;
                float: left;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: .5
            }

.user-header {
    border-radius: 50%;
    width: 100px;
    height: 100px;
    cursor: inherit
}

.user-header-status {
    width: 50px;
    height: 18px;
    border-radius: 9px;
    background: #f32121;
    color: #fff;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -16px 0 0;
    position: relative;
    z-index: 100;
    white-space: nowrap;
    transform: scale(.75)
}

.project-header {
    margin-top: 40px;
    width: 250px;
    height: 200px;
    border: 1px solid #ddd;
    padding: 2px;
    cursor: inherit
}

    .project-header img {
        width: 100%;
        float: left;
        height: 100%;
        position: relative
    }

.project-header-link, .user-header-link {
    height: 30px;
    line-height: 30px;
    width: 100px;
    text-align: center;
    color: #198cf0;
    cursor: pointer
}

    .project-header-link:hover, .user-header-link:hover {
        color: #26c6f2
    }

.project-header-link {
    width: 250px
}

.project-bg {
    width: 100%;
    float: left;
    height: 180px;
    overflow: hidden;
    position: relative;
    z-index: -1
}

    .project-bg:before {
        content: "";
        background: url(/images/icons/mesh.gif);
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        z-index: 2
    }

    .project-bg .project-bg-img {
        position: absolute;
        top: -20px;
        right: -20px;
        bottom: -20px;
        left: -20px;
        z-index: 1;
        background-size: cover;
        background-position: 50% 75%;
        filter: blur(10px)
    }

.project-bg-header {
    width: 200px;
    height: 200px;
    margin: -130px 50px 0;
    float: left;
    border: 4px solid rgba(255,255,255,.9)
}

.project-bg-name {
    width: 100%;
    float: left;
    height: 60px;
    line-height: 50px;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.9);
    font-weight: 700;
    font-size: 48px;
    margin: -90px 0 40px;
    text-shadow: 0 0 5px rgba(0,0,0,.5)
}

.user-name {
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    padding-right: 30px
}

.user-prompt {
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #666;
    text-align: left;
    padding-right: 30px
}

.user-edit-btn {
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    color: rgba(0,0,0,.25);
    cursor: pointer;
    font-size: 18px
}

    .user-edit-btn:hover {
        color: #198cf0
    }

.user-task {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 10px
}

    .user-task .user-task-line {
        width: 100%;
        float: left;
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 30px;
        background: rgba(0,0,0,.03);
        margin-bottom: 5px;
        padding: 0 100px 0 30px;
        cursor: pointer
    }

        .user-task .user-task-line:hover {
            background: rgba(0,0,0,.08)
        }

        .user-task .user-task-line .user-task-icon {
            height: 30px;
            line-height: 30px;
            width: 30px;
            text-align: center;
            color: #fff;
            float: left;
            display: inline-block;
            margin-left: -30px;
            background: #36c6d3;
            cursor: inherit
        }

        .user-task .user-task-line .user-task-date {
            height: 30px;
            line-height: 30px;
            float: right;
            width: auto;
            font-style: italic;
            padding: 0 10px;
            color: rgba(0,0,0,.25);
            display: inline-block;
            margin-right: -100px;
            cursor: inherit
        }

        .user-task .user-task-line .user-task-link {
            height: 30px;
            line-height: 30px;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline;
            float: left;
            cursor: inherit;
            padding: 0 10px;
            max-width: 100%
        }

.user-area {
    width: 100%;
    float: left;
    text-align: center
}

    .user-area .user-img {
        border-radius: 75px;
        width: 150px;
        height: 150px;
        margin: 0 auto
    }

    .user-area .user-title {
        width: 100%;
        height: 30px;
        line-height: 20px;
        text-align: center;
        font-weight: 700;
        font-size: 22px;
        color: #1f3b51;
        margin-top: 20px
    }

    .user-area .user-title-small {
        white-space: nowrap !important;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 20px;
        line-height: 20px;
        width: 100%;
        text-align: center;
        color: rgba(0,0,0,.5)
    }

    .user-area .user-driver {
        width: 100%;
        float: left;
        border-bottom: 1px dotted rgba(0,0,0,.03);
        overflow: hidden;
        margin: 15px 0
    }

.gis-info input {
    border-radius: 0 !important
}

    .gis-info input:first-child {
        border-right: 0 !important;
        border-radius: 4px 0 0 4px !important
    }

    .gis-info input:last-child {
        border-left: 0 !important;
        border-radius: 0 4px 4px 0 !important
    }

.task-title {
    width: 100%;
    float: left;
    height: 40px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
    text-align: left
}

    .task-title .task-title-icon {
        height: 30px;
        line-height: 30px;
        width: 20px;
        text-align: left;
        color: #198cf0;
        float: left
    }

.task-detail {
    width: 100%;
    float: left;
    border-radius: 4px;
    background: #fafafa;
    padding: 20px;
    max-width: 1000px;
    border: 1px solid #eee
}

    .task-detail .task-detail-title {
        width: 100%;
        float: left;
        margin-bottom: 10px;
        line-height: 20px;
        font-size: 20px;
        font-weight: 700;
        text-align: left;
        cursor: default;
        height: 40px;
        border-bottom: 3px double rgba(0,0,0,.1)
    }

.task-choose-area {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2050;
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .task-choose-area.fadeout {
        opacity: 0;
        pointer-events: none;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

    .task-choose-area:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: rgba(0,0,0,.75)
    }

    .task-choose-area .task-choose-group {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px;
        flex-wrap: wrap
    }

        .task-choose-area .task-choose-group .task-choose {
            width: 200px;
            height: 80px;
            border-radius: 15px 0 15px 0;
            position: relative;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,.8);
            cursor: pointer;
            margin: 20px;
            font-size: 18px;
            text-align: center;
            padding: 10px 20px;
            overflow: hidden;
            border: 2px solid rgba(255,255,255,.1);
            transform: translateY(0);
            transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
        }

            .task-choose-area .task-choose-group .task-choose span {
                color: inherit;
                font-size: 32px
            }

            .task-choose-area .task-choose-group .task-choose:after, .task-choose-area .task-choose-group .task-choose:before {
                content: "";
                width: 100%;
                height: 10px;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1;
                pointer-events: none
            }

            .task-choose-area .task-choose-group .task-choose:before {
                bottom: auto;
                background: 0 0;
                background-image: linear-gradient(to left,rgba(0,0,0,.1) 0,transparent 100%)
            }

            .task-choose-area .task-choose-group .task-choose:after {
                top: auto;
                background: 0 0;
                background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,transparent 100%)
            }

            .task-choose-area .task-choose-group .task-choose:hover {
                background: #198cf0;
                color: #fff;
                box-shadow: 0 0 5px rgba(0,0,0,.5);
                transform: translateY(-5px);
                transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
            }

#project-view {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: auto;
    left: auto;
    z-index: 1800;
    width: 400px;
    height: 615px;
    display: none
}

.icon-bar {
    line-height: 20px;
    display: inline-block;
    width: 100%;
    overflow: hidden
}

    .icon-bar .icon-bar-point {
        height: 20px;
        line-height: 20px;
        color: inherit;
        width: 5%;
        text-align: center;
        cursor: default;
        font-size: 18px;
        float: left;
        margin: 3px 0;
        overflow: visible
    }

.org-data-area {
    width: 100%;
    float: left
}

    .org-data-area .org-data {
        width: 100%;
        float: left;
        cursor: pointer;
        padding: 3px 10px;
        background: rgba(255,255,255,.05);
        margin-bottom: 1px
    }

        .org-data-area .org-data:hover {
            background: rgba(255,255,255,.1)
        }

        .org-data-area .org-data:first-child {
            border-top-left-radius: 5px
        }

        .org-data-area .org-data:last-child {
            border-bottom-left-radius: 5px
        }

        .org-data-area .org-data.select {
            background: rgba(5,140,250,.95)
        }

            .org-data-area .org-data.select .org-data-digital {
                color: #fff !important
            }

        .org-data-area .org-data .org-data-name {
            height: 35px;
            line-height: 35px;
            float: left;
            overflow: hidden;
            color: rgba(255,255,255,.75)
        }

        .org-data-area .org-data .org-data-digital {
            height: 35px;
            line-height: 35px;
            float: right;
            font-size: 28px;
            padding-right: 5px;
            font-family: digi
        }

.org-data-detail {
    width: 100%;
    float: left;
    border-radius: 0 5px 5px 0;
    border: 1px solid rgba(255,255,255,.1);
    padding: 0 0 0 20px
}

.model-list {
    width: 100%;
    float: left;
    background: #fff
}

    .model-list .model {
        float: left;
        width: 25%;
        padding: 10px;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee
    }

        .model-list .model .modal-block {
            width: 100%;
            float: left;
            border-radius: 5px;
            text-align: center;
            padding: 10px 0;
            cursor: pointer;
            color: rgba(0,0,0,.5)
        }

            .model-list .model .modal-block:hover {
                background: rgba(0,0,0,.03);
                color: rgba(0,0,0,.75)
            }

            .model-list .model .modal-block.select {
                background: #cde5f8;
                color: rgba(0,0,0,.75)
            }

            .model-list .model .modal-block img {
                width: 48px;
                height: 48px;
                margin: 5px auto;
                cursor: inherit;
                display: inline-block
            }

            .model-list .model .modal-block span {
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                height: 20px;
                line-height: 20px;
                width: 100%;
                text-align: center;
                cursor: inherit;
                display: inline-block;
                color: inherit;
                font-weight: 700
            }

            .model-list .model .modal-block .modal-adjust {
                border-radius: 5px;
                width: 100px;
                height: 30px;
                border: 1px solid rgba(0,0,0,.05);
                margin: 0 auto;
                background: rgba(255,255,255,.75)
            }

                .model-list .model .modal-block .modal-adjust .glyphicon-minus, .model-list .model .modal-block .modal-adjust .glyphicon-plus {
                    height: 28px;
                    line-height: 28px;
                    width: 20px;
                    text-align: center;
                    cursor: pointer;
                    float: left;
                    font-size: 12px;
                    color: rgba(0,0,0,.25)
                }

                    .model-list .model .modal-block .modal-adjust .glyphicon-minus:hover, .model-list .model .modal-block .modal-adjust .glyphicon-plus:hover {
                        color: rgba(0,0,0,.5)
                    }

                .model-list .model .modal-block .modal-adjust .modal-adjust-digital {
                    height: 28px;
                    line-height: 28px;
                    width: 58px;
                    border-left: 1px solid rgba(0,0,0,.05);
                    border-right: 1px solid rgba(0,0,0,.05);
                    float: left;
                    text-align: center;
                    color: rgba(0,0,0,.75);
                    background: #fff
                }

.attr-detail {
    width: 100%;
    float: left
}

    .attr-detail .attr-line {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }

        .attr-detail .attr-line .attr-apart {
            width: 100%;
            float: left;
            padding-right: 35px
        }

            .attr-detail .attr-line .attr-apart .attr-btn {
                border-radius: 4px;
                height: 30px;
                line-height: 30px;
                width: 30px;
                float: right;
                margin: 0 -35px;
                background: #dde9f2;
                text-align: center;
                cursor: pointer;
                color: rgba(0,0,0,.25)
            }

                .attr-detail .attr-line .attr-apart .attr-btn:hover {
                    background: #cadbe8
                }

            .attr-detail .attr-line .attr-apart .attr-title {
                width: 100%;
                float: left;
                border-radius: 4px;
                height: 30px;
                line-height: 30px;
                background: #dde9f2;
                padding: 0 10px;
                cursor: pointer;
                font-weight: 700
            }

                .attr-detail .attr-line .attr-apart .attr-title:hover {
                    background: #cadbe8
                }

                .attr-detail .attr-line .attr-apart .attr-title.open .glyphicon {
                    transform: rotate(0);
                    transition: transform .2s linear
                }

                .attr-detail .attr-line .attr-apart .attr-title .glyphicon {
                    transform: rotate(90deg);
                    height: 30px;
                    line-height: 30px;
                    width: 30px;
                    text-align: center;
                    float: right;
                    cursor: inherit;
                    color: rgba(0,0,0,.25);
                    margin-right: -10px;
                    transition: transform .2s linear
                }

.ico-choose {
    border-radius: 4px;
    height: 30px;
    border: 1px dashed #ccc;
    padding: 4px;
    float: left;
    margin-bottom: 10px
}

    .ico-choose span {
        height: 20px;
        line-height: 20px;
        width: 20px;
        text-align: center;
        float: left;
        cursor: default
    }

    .ico-choose .table-link {
        padding: 0 5px
    }

.select-list-btn {
    text-align: center;
    vertical-align: middle;
    line-height: 0;
    padding: 0 5px
}

    .select-list-btn .btn {
        width: 100%;
        text-align: center
    }

.model-img, .model-img-big {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border: 1px solid #eee;
    padding: 2px
}

    .model-img img, .model-img-big img {
        max-width: 46px;
        max-height: 46px
    }

.model-img-big {
    width: 100px;
    height: 100px;
    padding: 5px
}

    .model-img-big img {
        max-width: 88px;
        max-height: 88px
    }

.icon-table {
    width: 100%;
    float: left;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    border-spacing: 5px
}

    .icon-table .main, .icon-table .main-middle {
        word-break: break-all
    }

    .icon-table .main {
        vertical-align: top !important
    }

    .icon-table .main-middle {
        vertical-align: middle !important
    }

    .icon-table .right-main {
        border-left: 1px solid #ddd
    }

    .icon-table td {
        border-radius: 5px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        color: #666;
        font-size: 16px;
        display: table-cell !important
    }

        .icon-table td:hover {
            background: rgba(0,0,0,.05);
            color: #333
        }

        .icon-table td.select {
            color: #fff;
            background: #198cf0
        }

.project-block {
    width: 100%;
    float: left;
    border-radius: 5px;
    padding: 15px;
    margin-top: 20px;
    background: rgba(0,0,0,.01);
    border: 1px solid rgba(0,0,0,.05)
}

    .project-block h1 {
        height: 24px;
        line-height: 24px;
        border-radius: 5px;
        float: left;
        padding: 0 10px;
        margin: -27px 0;
        background: #999;
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        cursor: default;
        max-width: 200px
    }

    .project-block .list-info-table {
        margin: 0
    }

        .project-block .list-info-table tr:last-child td {
            border-bottom: 0
        }

.tel-btn {
    float: right;
    height: 24px;
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: rgba(0,0,0,.08);
    color: rgba(0,0,0,.75);
    margin: -37px 3px;
    cursor: pointer
}

    .tel-btn:hover {
        background: rgba(0,0,0,.1);
        color: #198cf0
    }

    .tel-btn.disabled {
        background: rgba(0,0,0,.1);
        color: rgba(0,0,0,.5);
        cursor: default;
        pointer-events: none
    }

.code-area {
    float: left;
    width: 100px;
    height: 30px;
    margin-bottom: 10px;
    border-radius: 4px;
    background: rgba(0,0,0,.1)
}

    .code-area * {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto
    }

.block-link-area {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

    .block-link-area .block-link {
        width: 30%;
        max-width: 450px;
        height: 300px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        margin: 15px;
        border-radius: 10px;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

        .block-link-area .block-link:hover {
            box-shadow: 0 0 10px rgba(0,0,0,.25);
            transform: translateY(-5px);
            transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
        }

        .block-link-area .block-link .block-link-icon {
            width: 100%;
            height: 1%;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 100px;
            color: #fff;
            background: rgba(0,0,0,.1);
            position: relative;
            overflow: hidden;
            border-radius: 10px 10px 0 0
        }

            .block-link-area .block-link .block-link-icon p {
                width: 300px;
                height: 300px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: rgba(255,255,255,.1);
                font-size: 200px;
                position: absolute;
                top: -25%;
                right: auto;
                bottom: auto;
                left: -10%;
                z-index: 1
            }

        .block-link-area .block-link .block-link-info {
            width: 100%;
            height: 120px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            border: 5px solid rgba(0,0,0,.1);
            border-top: 0;
            border-radius: 0 0 10px 10px
        }

            .block-link-area .block-link .block-link-info h1 {
                width: 100%;
                float: left;
                text-align: center;
                line-height: 40px;
                font-size: 32px
            }

            .block-link-area .block-link .block-link-info p {
                width: 100%;
                float: left;
                text-align: center;
                line-height: 40px;
                font-size: 16px;
                margin: 0
            }

                .block-link-area .block-link .block-link-info p span {
                    font-size: inherit
                }

.task-frame {
    width: 100%;
    float: left;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: flex-start
}

    .task-frame.column {
        flex-direction: column
    }

        .task-frame.column .task-frame-line {
            width: 1000px !important;
            float: none;
            margin: 0 auto
        }

            .task-frame.column .task-frame-line.fixed {
                flex: unset
            }

    .task-frame .task-frame-line {
        width: 100%;
        float: left;
        padding: 0 30px 30px
    }

        .task-frame .task-frame-line.fixed {
            width: 1%;
            flex: 1
        }

.qrcode {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 10px
}

    .qrcode img {
        width: 200px;
        height: 200px
    }

    .qrcode span {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(0,0,0,.5)
    }

.config-check {
    width: 100%;
    float: left;
    padding: 20px;
    background: rgba(0,0,0,.05)
}

    .config-check .config-head {
        float: left
    }

        .config-check .config-head h1, .config-check .config-head h2 {
            width: 100%;
            float: left;
            line-height: 1
        }

        .config-check .config-head h1 {
            margin-bottom: 10px;
            font-size: 24px
        }

        .config-check .config-head h2 {
            color: rgba(0,0,0,.5);
            font-size: 14px
        }

.config-content {
    width: 100%;
    float: left;
    padding: 10px
}

    .config-content h1, .config-content h2, .config-content h3 {
        width: 100%;
        float: left;
        padding: 10px;
        margin-bottom: 1px;
        line-height: 20px;
        position: relative
    }

        .config-content h1.error, .config-content h2.error, .config-content h3.error {
            color: #f32121;
            background: rgba(255,0,0,.1)
        }

        .config-content h1.child-error, .config-content h2.child-error, .config-content h3.child-error {
            color: #f37b21
        }

        .config-content h1.checking, .config-content h2.checking, .config-content h3.checking {
            background: rgba(25,140,240,.1)
        }

        .config-content h1 .table-icon-btn, .config-content h2 .table-icon-btn, .config-content h3 .table-icon-btn {
            margin: -2px 5px
        }

    .config-content h1 {
        font-size: 18px;
        font-weight: 700;
        margin-top: 20px;
        cursor: pointer
    }

        .config-content h1:hover {
            background: rgba(0,0,0,.05)
        }

        .config-content h1:first-child {
            margin-top: 0
        }

        .config-content h1.folder-close i {
            transform: rotate(90deg)
        }

        .config-content h1 span {
            color: rgba(0,0,0,.5);
            font-size: inherit;
            font-size: 16px
        }

        .config-content h1 i {
            height: 30px;
            width: 30px;
            float: right;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(0,0,0,.5);
            cursor: pointer;
            border-radius: 50%;
            margin: -5px 0;
            transition: all .1s linear
        }

    .config-content h2 {
        font-size: 16px;
        border-bottom: 1px dashed #ddd
    }

    .config-content h3 {
        padding-left: 30px;
        border-bottom: 1px dashed #ddd
    }

.testing {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

    .testing.type-red b, .testing.type-red span {
        color: #f32121
    }

    .testing.type-green b, .testing.type-green span {
        color: #16a500
    }

    .testing i {
        width: 128px;
        height: 128px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 80px;
        animation: clockwise-animate 4s infinite linear;
        color: #198cf0
    }

    .testing b {
        width: 80px;
        height: 80px;
        margin: 24px 0;
        border-radius: 50%;
        border: 6px solid rgba(0,0,0,.25);
        font-size: 32px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .testing span {
        width: 100%;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        color: rgba(0,0,0,.5)
    }

.sig-list {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    background: #fff;
    margin-bottom: 10px;
    padding: 10px
}

    .sig-list .content-absolut, .sig-list .content-left, .sig-list .content-right {
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
        z-index: 1
    }

    .sig-list .content-absolut {
        right: 0;
        left: 0
    }

    .sig-list .content-left {
        left: 0;
        width: 350px;
        background: rgba(10,15,20,.03)
    }

    .sig-list .content-right {
        left: 350px;
        right: 0
    }

    .sig-list .sig-block {
        width: 20%;
        padding: 10px;
        float: left
    }

        .sig-list .sig-block .sig {
            width: 100%;
            float: left;
            box-shadow: 0 0 5px rgba(0,0,0,.5);
            background: #fff;
            border-radius: 4px;
            overflow: hidden;
            cursor: pointer;
            transition: all .1s linear
        }

            .sig-list .sig-block .sig:hover {
                box-shadow: 0 0 5px #198cf0
            }

            .sig-list .sig-block .sig .sig-pic {
                width: 100%;
                position: relative;
                padding-bottom: 60%
            }

                .sig-list .sig-block .sig .sig-pic .sig-pic-content {
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 1;
                    display: flex;
                    align-items: center;
                    justify-content: center
                }

                    .sig-list .sig-block .sig .sig-pic .sig-pic-content img {
                        max-width: 100%;
                        max-height: 100%
                    }

            .sig-list .sig-block .sig .sig-info {
                width: 100%;
                float: left;
                height: 30px;
                padding: 5px 10px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #fafafa
            }

                .sig-list .sig-block .sig .sig-info span {
                    width: 1%;
                    height: 20px;
                    white-space: nowrap !important;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    text-align: left;
                    font-weight: 700;
                    flex: 1
                }

.autograph-area {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    padding: 4px;
    border: 1px solid rgba(0,0,0,.1);
    border-radius: 4px;
    background: #fff
}

    .autograph-area .autograph {
        width: 50%;
        height: 80px;
        padding: 4px;
        float: left
    }

        .autograph-area .autograph .autograph-block {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto;
            border: 2px solid rgba(0,0,0,.1);
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer
        }

            .autograph-area .autograph .autograph-block:hover {
                background: rgba(0,0,0,.1)
            }

            .autograph-area .autograph .autograph-block.select {
                border-color: #198cf0
            }

            .autograph-area .autograph .autograph-block img {
                max-width: 100%;
                max-height: 100%
            }

.role-search {
    width: 300px;
    height: 44px;
    position: relative;
    margin-right: 20px
}

    .role-search input {
        width: 100%;
        height: 44px;
        font-size: 18px;
        border-radius: 8px;
        margin: 0;
        padding: 4px 16px 4px 44px;
        float: left
    }

        .role-search input:-moz-placeholder {
            color: rgba(255,255,255,.5)
        }

        .role-search input:-ms-input-placeholder {
            color: rgba(255,255,255,.5)
        }

        .role-search input::-webkit-input-placeholder {
            color: rgba(255,255,255,.5)
        }

    .role-search i {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        pointer-events: none;
        float: left;
        margin: -44px 0;
        color: rgba(255,255,255,.5);
        font-size: 18px
    }

.btn-mgt {
    background: #16a9ee !important;
    border-radius: 8px;
    color: rgba(255,255,255,.75);
    border: 1px solid rgba(255,255,255,.1) !important
}

    .btn-mgt:hover {
        background: #1db8ff !important;
        color: #fff
    }

.person-in-charge {
    width: 100%;
    float: left;
    background: rgba(0,0,0,.03);
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px
}

    .person-in-charge .person-name {
        width: 100%;
        float: left;
        height: 20px;
        line-height: 20px;
        font-weight: 700;
        margin-bottom: 10px
    }

        .person-in-charge .person-name:last-child {
            margin-bottom: 0
        }

        .person-in-charge .person-name .table-link {
            font-weight: 400
        }

    .person-in-charge .form-upload {
        background: #fff
    }

        .person-in-charge .form-upload:last-child {
            margin-bottom: 0
        }

.dark .float-content, .dark .frame-content {
    background: rgba(60,60,60,.75)
}

    .dark .float-content .title, .dark .frame-content .title {
        color: #fff
    }

    .dark .float-content .bg-white, .dark .frame-content .bg-white {
        background: 0 0
    }

.dark .project-arrow .option {
    background: rgba(20,20,20,.75);
    border: 1px solid rgba(255,255,255,.1)
}

    .dark .project-arrow .option .option-left {
        background-color: rgba(255,255,255,.1)
    }

    .dark .project-arrow .option .option-right .option-content {
        border-top: 1px solid rgba(255,255,255,.1)
    }

    .dark .project-arrow .option .option-content .option-link {
        color: #198cf0
    }

        .dark .project-arrow .option .option-content .option-link:hover {
            color: #f32121
        }

    .dark .project-arrow .option .option-content .option-line {
        border-bottom: 1px dashed rgba(255,255,255,.1)
    }

        .dark .project-arrow .option .option-content .option-line:hover {
            background: rgba(0,130,255,.1)
        }

    .dark .project-arrow .option .option-search input {
        background: rgba(255,255,255,.1);
        border-color: rgba(255,255,255,.1)
    }

    .dark .project-arrow .option .option-search .option-search-btn {
        color: rgba(255,255,255,.75)
    }

        .dark .project-arrow .option .option-search .option-search-btn:hover {
            color: #198cf0
        }

.dark .title-tab-area {
    border-color: rgba(255,255,255,.2)
}

    .dark .title-tab-area .title-tab {
        color: rgba(255,255,255,.5)
    }

        .dark .title-tab-area .title-tab:hover {
            color: rgba(255,255,255,.75);
            background: rgba(255,255,255,.05)
        }

        .dark .title-tab-area .title-tab.active, .dark .title-tab-area .title-tab.select {
            color: #26c6f2;
            background: rgba(255,255,255,.1)
        }

.dark .manage-toggle {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.75)
}

    .dark .manage-toggle:hover {
        background: rgba(255,255,255,.2);
        color: rgba(255,255,255,.9)
    }

.dark .manage-title {
    background: rgba(0,0,0,.5);
    border: 1px solid rgba(255,255,255,.2);
    border-bottom: 0;
    color: rgba(255,255,255,.5)
}

    .dark .manage-title .manage-btn-area .manage-btn {
        color: rgba(255,255,255,.5)
    }

        .dark .manage-title .manage-btn-area .manage-btn:hover {
            color: #198cf0
        }

.dark .manage-detail, .dark .manage-list {
    background: rgba(0,0,0,.2);
    border: 1px solid rgba(255,255,255,.1)
}

    .dark .manage-detail .manage-header, .dark .manage-list .manage-header {
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

.dark .manage-info {
    background: rgba(255,255,255,.05)
}

    .dark .manage-info:hover {
        background: rgba(255,255,255,.1)
    }

.dark .manage-opt-area .manage-opt {
    color: rgba(255,255,255,.5) !important;
    border-color: rgba(255,255,255,.25) !important
}

    .dark .manage-opt-area .manage-opt:hover {
        color: #198cf0 !important;
        border-color: rgba(255,255,255,.5) !important
    }

.dark .manage-search input {
    background: rgba(255,255,255,.1) !important;
    border-color: rgba(255,255,255,.1) !important;
    color: #fff !important
}

    .dark .manage-search input:focus, .dark .manage-search input:hover {
        border-color: rgba(255,255,255,.2) !important
    }

.dark .manage-search .manage-search-btn {
    color: rgba(255,255,255,.5)
}

    .dark .manage-search .manage-search-btn:hover {
        color: #26c6f2
    }

.dark .filter-name {
    color: rgba(255,255,255,.8)
}

.dark .sidebar {
    background: rgba(255,255,255,.2);
    color: rgba(255,255,255,.75)
}

    .dark .sidebar:hover {
        background: rgba(255,255,255,.5);
        color: rgba(255,255,255,.9)
    }

    .dark .sidebar.select {
        background: #2d97dd;
        color: #fff
    }

.dark .ico-choose {
    border-color: rgba(255,255,255,.25)
}

.dark .icon-table td {
    color: rgba(255,255,255,.5)
}

    .dark .icon-table td:hover {
        color: rgba(255,255,255,.1);
        color: rgba(255,255,255,.75)
    }

    .dark .icon-table td.select {
        color: #fff;
        background: #198cf0
    }

.dark .opt-bottom {
    border-top: 1px solid rgba(255,255,255,.2)
}

.dark .user-edit-btn {
    color: rgba(255,255,255,.5)
}

    .dark .user-edit-btn:hover {
        color: #26c6f2
    }

.dark .user-prompt {
    color: rgba(255,255,255,.5)
}

.dark .square-content {
    background: rgba(255,255,255,.2) !important
}

    .dark .square-content .square-name {
        color: #fff
    }

.dark .project-header {
    border-color: rgba(255,255,255,.2)
}

.dark .user-area .user-title {
    color: #198cf0
}

.dark .user-area .user-title-small {
    color: rgba(255,255,255,.5)
}

.dark .user-area .user-driver {
    border-bottom: 1px dotted rgba(255,255,255,.2)
}

.dark .user-task .user-task-line {
    background: rgba(255,255,255,.1)
}

    .dark .user-task .user-task-line:hover {
        background: rgba(255,255,255,.2)
    }

.dark .user-task .user-task-date {
    color: rgba(255,255,255,.5)
}

.dark .float-content {
    background: #282828
}

    .dark .float-content.float-content-white {
        background: #282828
    }

.dark .float-close {
    color: #198cf0 !important
}

.dark .frame-left {
    background: rgba(0,0,0,.25)
}

.dark .task-detail {
    background: rgba(255,255,255,.1) !important;
    border-color: rgba(255,255,255,.1)
}

    .dark .task-detail .task-detail-title {
        border-color: rgba(255,255,255,.1)
    }

.dark .model-list {
    background: 0 0
}

    .dark .model-list .model {
        border-color: rgba(255,255,255,.1)
    }

        .dark .model-list .model .modal-block {
            color: rgba(255,255,255,.75)
        }

            .dark .model-list .model .modal-block:hover {
                background: rgba(255,255,255,.1);
                color: rgba(255,255,255,.9)
            }

            .dark .model-list .model .modal-block.select {
                background: #2d97dd;
                color: #fff
            }

            .dark .model-list .model .modal-block .modal-adjust {
                border-color: rgba(255,255,255,.1);
                background: 0 0
            }

                .dark .model-list .model .modal-block .modal-adjust .glyphicon-minus, .dark .model-list .model .modal-block .modal-adjust .glyphicon-plus {
                    color: rgba(255,255,255,.5)
                }

                    .dark .model-list .model .modal-block .modal-adjust .glyphicon-minus:hover, .dark .model-list .model .modal-block .modal-adjust .glyphicon-plus:hover {
                        color: rgba(255,255,255,.75)
                    }

                .dark .model-list .model .modal-block .modal-adjust .modal-adjust-digital {
                    border-color: rgba(255,255,255,.1);
                    color: rgba(255,255,255,.9);
                    background: 0 0
                }

.dark .model-img, .dark .model-img-big {
    border-color: rgba(255,255,255,.1)
}

.dark .frame-right {
    background: rgba(255,255,255,.02)
}

.dark .project-block {
    border-color: rgba(255,255,255,.1);
    background: rgba(255,255,255,.02)
}

    .dark .project-block h1 {
        background: #666
    }

    .dark .project-block .list-info-table {
        margin: 0
    }

        .dark .project-block .list-info-table tr:last-child td {
            border-bottom: 0
        }

.dark .tel-btn {
    background: rgba(255,255,255,.1);
    color: rgba(255,255,255,.75)
}

    .dark .tel-btn:hover {
        background: rgba(255,255,255,.2);
        color: #198cf0
    }

    .dark .tel-btn.disabled {
        background: rgba(255,255,255,.1);
        color: rgba(255,255,255,.5)
    }

.dark .autograph-area {
    border: 1px solid rgba(255,255,255,.1)
}

    .dark .autograph-area .autograph .autograph-block {
        border: 1px solid rgba(255,255,255,.1)
    }

        .dark .autograph-area .autograph .autograph-block:hover {
            background: rgba(255,255,255,.05)
        }

.toggle-slide {
    width: 100%;
    float: left;
    position: relative
}

    .toggle-slide .slide-title {
        width: 100%;
        float: left;
        height: 30px;
        line-height: 30px;
        border-radius: 4px;
        margin-top: 5px;
        font-weight: 700;
        background: rgba(25,140,240,.25);
        padding: 0 10px;
        cursor: pointer
    }

        .toggle-slide .slide-title:first-child {
            margin-top: 0
        }

        .toggle-slide .slide-title:before {
            content: "";
            width: 0;
            height: 0;
            border-left: 6px solid rgba(0,0,0,.9);
            border-top: 6px solid transparent;
            border-bottom: 6px solid transparent;
            margin: 9px 6px 9px 0;
            display: block;
            float: left;
            transform: rotate(45deg);
            transition: all .2s linear
        }

        .toggle-slide .slide-title.fadeout {
            color: #666;
            background: rgba(0,0,0,.05)
        }

            .toggle-slide .slide-title.fadeout:before {
                border-left-color: rgba(0,0,0,.5);
                transform: rotate(0)
            }

            .toggle-slide .slide-title.fadeout:hover {
                color: #333;
                background: rgba(0,0,0,.1)
            }

    .toggle-slide .slide-body {
        width: 100%;
        float: left;
        overflow: visible;
        transition: all .2s linear
    }

        .toggle-slide .slide-body.fadeout {
            overflow: hidden;
            height: 0 !important
        }

.page-shade {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: #fff;
    z-index: 2147483647
}

.page-disabled {
    display: block
}

.reflesh-menu {
    width: 200px;
    position: absolute;
    top: 80px;
    right: 10px;
    bottom: auto;
    left: auto;
    z-index: 2015;
    background: #fafafa;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,.5);
    padding: 20px;
    pointer-events: auto;
    display: none
}

    .reflesh-menu span {
        width: 100%;
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        margin-bottom: 20px
    }

        .reflesh-menu span i {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
            font-size: inherit;
            color: #198cf0
        }

.head-upload {
    width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 1px;
    position: relative;
    float: left;
    margin: 0 10px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    overflow: hidden;
    transition: all .2s linear
}

    .head-upload.head-def {
        cursor: default
    }

    .head-upload:hover {
        border-color: #198cf0
    }

        .head-upload:hover p, .head-upload:hover span {
            color: #198cf0
        }

        .head-upload:hover b {
            opacity: 1
        }

    .head-upload img {
        max-width: 96px;
        max-height: 96px;
        pointer-events: none
    }

    .head-upload p, .head-upload span {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
        line-height: 1.4;
        color: #ddd;
        pointer-events: none;
        transition: all .2s linear
    }

    .head-upload span {
        font-size: 32px
    }

    .head-upload b {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background: rgba(0,0,0,.75);
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(255,255,255,.75);
        font-weight: 400;
        opacity: 0;
        pointer-events: none;
        transition: all .2s linear
    }

.tb-bb {
    width: 100%;
    float: left;
    border-bottom: 1px dashed #ddd;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

    .tb-bb:first-child {
        padding-top: 0
    }

    .tb-bb:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }

    .tb-bb .table-info {
        width: 1%;
        flex: 1
    }

    .tb-bb .table-icon-btn {
        margin-left: 5px
    }

.dark-green .float-content, .dark-green .frame-content {
    background: rgba(30,60,70,.75) !important
}

    .dark-green .float-content .bg-white, .dark-green .frame-content .bg-white {
        background: 0 0
    }

.dark-green .frame-loc {
    background: 0 0 !important
}

.dark-blue .float-content, .dark-blue .frame-content {
    background: rgba(12,30,64,.75) !important
}

    .dark-blue .float-content .bg-white, .dark-blue .frame-content .bg-white {
        background: 0 0
    }

.dark-blue .frame-loc {
    background: 0 0 !important
}

.header {
    width: 100%;
    height: 80px;
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 2015
}

    .header .system-banner {
        position: absolute;
        top: 15px;
        right: 400px;
        bottom: auto;
        left: 12px;
        z-index: 2020;
        display: flex;
        flex-direction: row;
        align-items: center
    }

        .header .system-banner img {
            height: 50px;
            margin-right: 12px;
            float: left
        }

        .header .system-banner .system-name {
            height: 50px;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

            .header .system-banner .system-name h1, .header .system-banner .system-name h2 {
                width: 100%;
                display: flex;
                flex-wrap: nowrap;
                justify-content: flex-start;
                align-items: center;
                margin: 0
            }

            .header .system-banner .system-name h1 {
                height: 30px;
                font-size: 28px;
                font-weight: 700;
                color: #fff
            }

            .header .system-banner .system-name h2 {
                height: 20px;
                font-size: 14px;
                color: rgba(255,255,255,.75)
            }

        .header .system-banner .project-arrow {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            margin: 5px 10px;
            color: rgba(255,255,255,.5);
            cursor: pointer;
            position: relative;
            pointer-events: auto
        }

            .header .system-banner .project-arrow:hover {
                color: #fff;
                background: rgba(255,255,255,.25)
            }

            .header .system-banner .project-arrow.active {
                background: #198cf0
            }

                .header .system-banner .project-arrow.active .project-arrow-btn {
                    transform: rotate(90deg);
                    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
                }

                .header .system-banner .project-arrow.active .option {
                    pointer-events: auto;
                    opacity: 1;
                    transform: translateY(0);
                    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
                }

                .header .system-banner .project-arrow.active .shadow {
                    pointer-events: auto;
                    opacity: 1;
                    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
                }

            .header .system-banner .project-arrow .project-arrow-btn {
                position: relative;
                width: 100%;
                height: 100%;
                float: left;
                overflow: auto;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 18px;
                cursor: inherit;
                color: inherit;
                transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
            }

            .header .system-banner .project-arrow .option {
                width: 720px;
                height: 600px;
                border-radius: 8px;
                position: absolute;
                top: 100%;
                right: auto;
                bottom: auto;
                left: -32px;
                z-index: 1005;
                margin-top: 5px;
                background: rgba(10,15,25,.6);
                -webkit-backdrop-filter: blur(8px);
                backdrop-filter: blur(8px);
                border: 1px solid rgba(0,0,0,.25);
                box-shadow: 0 5px 10px rgba(0,0,0,.25);
                overflow: hidden;
                pointer-events: none;
                opacity: 0;
                cursor: default;
                transform: translateY(-50px);
                transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
            }

                .header .system-banner .project-arrow .option h4 {
                    width: 100%;
                    float: left;
                    padding: 15px 20px 0;
                    font-size: 16px;
                    color: #26c6f2;
                    text-align: left
                }

                .header .system-banner .project-arrow .option .proj-ptg {
                    width: 100%;
                    float: left;
                    padding: 0 10px
                }

                    .header .system-banner .project-arrow .option .proj-ptg .proj {
                        width: 50%;
                        height: 114px
                    }

                        .header .system-banner .project-arrow .option .proj-ptg .proj .proj-block {
                            height: 94px;
                            padding: 10px
                        }

                            .header .system-banner .project-arrow .option .proj-ptg .proj .proj-block.select {
                                height: auto
                            }

                            .header .system-banner .project-arrow .option .proj-ptg .proj .proj-block img {
                                width: 50px;
                                height: 50px;
                                margin-right: 10px
                            }

                            .header .system-banner .project-arrow .option .proj-ptg .proj .proj-block .proj-status {
                                width: 50px;
                                top: 64px;
                                left: 10px;
                                font-size: 12px
                            }

                            .header .system-banner .project-arrow .option .proj-ptg .proj .proj-block .proj-info {
                                height: auto
                            }

                                .header .system-banner .project-arrow .option .proj-ptg .proj .proj-block .proj-info h1 {
                                    margin-bottom: 8px
                                }

            .header .system-banner .project-arrow .shadow {
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1004;
                position: fixed;
                background: 0 0;
                cursor: default;
                pointer-events: none;
                opacity: 0;
                transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
            }

        .header .system-banner .project-name {
            width: 1%;
            height: 50px;
            line-height: 50px;
            flex: 1;
            color: rgba(255,255,255,.9);
            cursor: default;
            font-size: 28px;
            pointer-events: auto;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis
        }

.option-left {
    width: 300px;
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fafafa
}

.option-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 300px;
    z-index: 95
}

    .option-right .option-content {
        padding: 0 0 0 20px;
        border-top: 1px solid #eee;
        overflow: hidden
    }

    .option-right .dropdown-proj {
        min-width: 100%;
        max-height: unset
    }

.option-title {
    width: 100%;
    float: left;
    height: 60px;
    line-height: 20px;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    padding: 20px;
    cursor: default
}

.option-content {
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 5px;
    left: 0;
    z-index: 90;
    overflow: hidden;
    padding: 0 20px
}

    .option-content .option-link {
        width: 100%;
        float: left;
        padding: 5px 0 5px 10px;
        line-height: 20px;
        word-break: break-all;
        cursor: pointer;
        color: #198cf0
    }

        .option-content .option-link:hover {
            color: #f32121
        }

            .option-content .option-link:hover:before {
                background: #f32121
            }

        .option-content .option-link:before {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            float: left;
            display: block;
            margin: 8px -10px;
            background: #198cf0
        }

    .option-content .option-line {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: row;
        border-bottom: 1px dashed #ddd;
        padding: 15px 0;
        cursor: pointer
    }

        .option-content .option-line:hover {
            background: rgba(0,130,255,.1)
        }

        .option-content .option-line img {
            width: 45px;
            height: 45px;
            border-radius: 4px;
            box-shadow: 0 0 1px rgba(0,0,0,.5);
            margin: 0 10px;
            cursor: inherit
        }

        .option-content .option-line .option-info {
            width: 1%;
            flex: 1
        }

            .option-content .option-line .option-info .option-name {
                width: 100%;
                float: left;
                line-height: 20px;
                font-size: 16px;
                font-weight: 700;
                margin-bottom: 5px
            }

            .option-content .option-line .option-info .option-word {
                width: 100%;
                float: left
            }

                .option-content .option-line .option-info .option-word p, .option-content .option-line .option-info .option-word span {
                    height: 20px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin: 0;
                    float: left;
                    color: rgba(0,0,0,.75)
                }

                    .option-content .option-line .option-info .option-word p:last-child, .option-content .option-line .option-info .option-word span:last-child {
                        margin: 0
                    }

                .option-content .option-line .option-info .option-word p {
                    margin-right: 5px
                }

                .option-content .option-line .option-info .option-word span {
                    margin-right: 20px
                }

        .option-content .option-line .option-btn {
            max-width: 300px;
            min-height: 45px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-wrap: wrap
        }

            .option-content .option-line .option-btn span {
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 15px;
                padding: 0 10px;
                background: rgba(0,0,0,.1);
                color: rgba(0,0,0,.75);
                margin: 2px 5px 5px 0
            }

                .option-content .option-line .option-btn span:hover {
                    background: #198cf0;
                    color: #fff
                }

                .option-content .option-line .option-btn span:last-child {
                    margin: 0
                }

.setting-area {
    width: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    z-index: 2500;
    position: fixed;
    overflow: visible;
    pointer-events: auto;
    display: none
}

    .setting-area .shadow {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        position: fixed;
        background: rgba(0,0,0,.5)
    }

    .setting-area .setting-content {
        width: 300px;
        background: #fafafa;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        z-index: 10
    }

.pro-mode .developing-area, .pro-mode .frame-content, .pro-mode .frame-float, .total-mode .developing-area, .total-mode .frame-content, .total-mode .frame-float {
    left: 280px
}

.pro-mode .nav-bar, .total-mode .nav-bar {
    left: 0;
    opacity: 1;
    pointer-events: auto
}

.pro-mode .nav-com, .total-mode .nav-com {
    left: 280px;
    left: 0
}

.com-mode .developing-area, .com-mode .frame-content, .com-mode .frame-float, .total-mode .developing-area, .total-mode .frame-content, .total-mode .frame-float {
    top: calc(80px + 50px)
}

.com-mode .nav-com, .total-mode .nav-com {
    top: 80px;
    opacity: 1;
    pointer-events: auto
}

.pro-mode .nav-mine .nav-frame-bg {
    width: 100%;
    background: rgba(30,30,30,.75)
}

.pro-mode .nav-bar {
    top: 80px
}

.pro-mode .hover-menu {
    top: calc(80px + 20px)
}

.pro-mode .hover-btn {
    top: calc(80px + 20px)
}

.nav-mine {
    width: 280px;
    height: 50px;
    position: absolute;
    top: 80px;
    right: auto;
    bottom: auto;
    left: 0;
    z-index: 1600;
    pointer-events: auto;
    display: none
}

    .nav-mine .nav-frame-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1605;
        background: rgba(30,30,30,.75);
        pointer-events: none
    }

    .nav-mine .nav-mine-option {
        position: absolute;
        top: 6px;
        right: 10px;
        bottom: 6px;
        left: 10px;
        z-index: 1605;
        border-radius: 8px;
        background: rgba(255,255,255,.1);
        border: 1px solid rgba(255,255,255,.2);
        cursor: pointer;
        overflow: hidden;
        padding: 1px;
        display: flex;
        flex-direction: row
    }

        .nav-mine .nav-mine-option.select, .nav-mine .nav-mine-option:hover {
            border-color: rgba(0,122,255,.5);
            background: rgba(0,122,255,.2)
        }

            .nav-mine .nav-mine-option.select i, .nav-mine .nav-mine-option:hover i {
                background: rgba(0,122,255,.75);
                color: #fff
            }

            .nav-mine .nav-mine-option.select p, .nav-mine .nav-mine-option:hover p {
                color: #00b9ff
            }

        .nav-mine .nav-mine-option i {
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 6px 0 0 6px;
            background: rgba(255,255,255,.2);
            color: rgba(255,255,255,.75);
            font-size: 20px
        }

        .nav-mine .nav-mine-option p {
            width: 1%;
            height: 34px;
            line-height: 34px;
            flex: 1;
            display: inline-block;
            padding: 0 10px;
            float: left;
            margin: 0;
            color: rgba(255,255,255,.9);
            font-size: 18px;
            font-weight: 700
        }

            .nav-mine .nav-mine-option p span {
                min-width: 24px;
                height: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 10px;
                float: right;
                padding: 0 8px;
                background: rgba(255,255,255,.25);
                color: rgba(255,255,255,.9);
                margin: 8px -4px;
                font-size: 12px;
                font-weight: 400
            }

.nav-bar {
    width: 280px;
    position: absolute;
    top: calc(80px + 50px);
    right: auto;
    bottom: 0;
    left: -80px;
    z-index: 1600;
    opacity: 0;
    overflow: visible;
    display: inline-block;
    padding: 10px 0;
    pointer-events: none;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .nav-bar:hover .scroll-bar {
        opacity: 1;
        transition: opacity .1s linear
    }

    .nav-bar .nav-frame-bg {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1605;
        background: rgba(30,30,30,.75);
        pointer-events: none
    }

    .nav-bar .nav-stage {
        width: 100%;
        float: left;
        height: auto;
        overflow: visible;
        position: relative;
        z-index: 1610
    }

        .nav-bar .nav-stage .nav-stage-name {
            width: 100%;
            height: 30px;
            display: flex;
            justify-content: flex-start;
            flex-direction: row;
            float: left;
            position: relative;
            cursor: pointer;
            color: rgba(255,255,255,.25);
            padding: 0 10px
        }

            .nav-bar .nav-stage .nav-stage-name:last-child {
                margin-bottom: 0
            }

            .nav-bar .nav-stage .nav-stage-name b {
                width: 30px;
                height: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 50%;
                font-size: 16px;
                float: left;
                border-width: 2px;
                border-style: solid;
                background: #007aff;
                border-color: #007aff;
                color: #fff;
                margin: 0 5px 0 0
            }

            .nav-bar .nav-stage .nav-stage-name span {
                width: 1%;
                height: inherit;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 20px;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                flex: 1;
                word-break: break-all;
                font-size: 18px;
                background: #007aff;
                color: #fff;
                padding: 0 10px;
                font-weight: 700
            }

        .nav-bar .nav-stage .nav-stage-child {
            width: 100%;
            float: left;
            min-height: 10px;
            position: relative;
            overflow: hidden;
            transition: height .2s linear
        }

            .nav-bar .nav-stage .nav-stage-child .scroll-cont {
                opacity: 1;
                transition: opacity .2s linear
            }

        .nav-bar .nav-stage.fadeout .nav-stage-name span {
            color: rgba(255,255,255,.9);
            background: rgba(255,255,255,.2)
        }

        .nav-bar .nav-stage.fadeout .nav-stage-name b {
            color: inherit;
            border: 2px solid rgba(255,255,255,.25);
            background: 0 0
        }

        .nav-bar .nav-stage.fadeout .nav-stage-name:hover span {
            color: #fff;
            background: rgba(25,140,240,.5)
        }

        .nav-bar .nav-stage.fadeout .nav-stage-name:hover b {
            border-color: rgba(25,140,240,.75);
            color: rgba(25,140,240,.75)
        }

        .nav-bar .nav-stage.fadeout .nav-stage-child {
            height: 10px !important;
            transition: height .2s linear
        }

            .nav-bar .nav-stage.fadeout .nav-stage-child .scroll-cont {
                opacity: 0;
                transition: opacity .2s linear
            }

    .nav-bar .scroll-bar {
        position: absolute;
        top: 0;
        right: 0;
        width: 5px;
        height: 100%;
        background: rgba(255,255,255,.1);
        border-radius: 5px;
        overflow: hidden;
        opacity: 0;
        transition: opacity .1s linear
    }

        .nav-bar .scroll-bar .scroll-slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 48px;
            background: rgba(255,255,255,.5);
            border-radius: 5px;
            opacity: .5
        }

            .nav-bar .scroll-bar .scroll-slider:hover {
                opacity: 1
            }

    .nav-bar .navigation {
        width: 100%;
        float: left;
        padding: 5px 5px 5px 10px;
        position: relative
    }

        .nav-bar .navigation:before {
            content: ""
        }

        .nav-bar .navigation .navi {
            width: 100%;
            float: left;
            position: relative
        }

            .nav-bar .navigation .navi:before {
                content: "";
                width: 10px;
                height: 15px;
                position: absolute;
                top: 0;
                right: auto;
                bottom: auto;
                left: 14px;
                z-index: 1;
                border-bottom: 1px solid #666;
                border-left: 1px solid #666
            }

            .nav-bar .navigation .navi:not(:last-child):after {
                content: "";
                position: absolute;
                top: 0;
                right: auto;
                bottom: 0;
                left: 14px;
                z-index: 1;
                border-left: 1px solid #666
            }

            .nav-bar .navigation .navi .navi-name {
                width: 100%;
                float: left;
                border-radius: 4px;
                display: flex;
                flex-direction: row;
                align-items: flex-start;
                cursor: pointer;
                position: relative;
                padding-right: 5px;
                transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
            }

                .nav-bar .navigation .navi .navi-name.select, .nav-bar .navigation .navi .navi-name:hover {
                    background: rgba(25,140,240,.75);
                    transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
                }

                    .nav-bar .navigation .navi .navi-name.select span, .nav-bar .navigation .navi .navi-name:hover span {
                        color: #fff
                    }

                    .nav-bar .navigation .navi .navi-name.select .navi-folder:before, .nav-bar .navigation .navi .navi-name:hover .navi-folder:before {
                        width: 16px;
                        height: 16px;
                        border: 2px solid rgba(255,255,255,.75)
                    }

                .nav-bar .navigation .navi .navi-name.select {
                    background: #198cf0
                }

                .nav-bar .navigation .navi .navi-name .navi-folder {
                    width: 30px;
                    height: 30px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    z-index: 5;
                    font-size: 12px;
                    font-family: glyphicon
                }

                    .nav-bar .navigation .navi .navi-name .navi-folder:before {
                        content: "";
                        width: 20px;
                        height: 20px;
                        border-radius: 50%;
                        background: #198cf0;
                        position: absolute;
                        top: 5px;
                        right: 5px;
                        bottom: 5px;
                        left: 5px;
                        z-index: 1
                    }

                    .nav-bar .navigation .navi .navi-name .navi-folder:after {
                        content: "";
                        content: "\e080";
                        color: #fff;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        position: absolute;
                        top: 5px;
                        right: 5px;
                        bottom: 5px;
                        left: 5px;
                        z-index: 2;
                        transform: scale(.75)
                    }

                    .nav-bar .navigation .navi .navi-name .navi-folder.navi-open {
                        transform: rotate(90deg);
                        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
                    }

                    .nav-bar .navigation .navi .navi-name .navi-folder.navi-close {
                        transform: rotate(0);
                        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
                    }

                        .nav-bar .navigation .navi .navi-name .navi-folder.navi-close:before {
                            background: #666
                        }

                    .nav-bar .navigation .navi .navi-name .navi-folder.navi-null:after, .nav-bar .navigation .navi .navi-name .navi-folder.navi-null:before {
                        display: none
                    }

                .nav-bar .navigation .navi .navi-name span {
                    width: 1%;
                    flex: 1;
                    line-height: 20px;
                    padding: 5px 0;
                    color: rgba(255,255,255,.9);
                    font-size: 16px
                }

            .nav-bar .navigation .navi .navi-children {
                width: 100%;
                float: left;
                position: relative;
                padding-left: 20px
            }

                .nav-bar .navigation .navi .navi-children span {
                    font-size: 14px;
                    color: rgba(255,255,255,.75)
                }

.nav-com {
    height: 50px;
    position: absolute;
    top: 50px;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 2000;
    pointer-events: none;
    opacity: 0;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .nav-com .nav-frame-bg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        background: rgba(30,30,30,.75);
        pointer-events: none
    }

    .nav-com .nav-slider-hide {
        width: 100%;
        float: left;
        height: 50px;
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        overflow: hidden;
        position: relative;
        z-index: 2
    }

        .nav-com .nav-slider-hide .nav-slider-arrow {
            width: 20px;
            height: 40px;
            line-height: 40px;
            border-radius: 4px;
            text-align: center;
            margin: 5px;
            color: rgba(255,255,255,.75);
            font-size: 16px;
            cursor: pointer;
            background: rgba(255,255,255,.25);
            transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear;
            display: none
        }

            .nav-com .nav-slider-hide .nav-slider-arrow.select, .nav-com .nav-slider-hide .nav-slider-arrow:hover {
                background: #198cf0;
                color: #fff;
                transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
            }

        .nav-com .nav-slider-hide .nav-slider {
            width: 1%;
            height: 200px;
            flex: 1;
            position: relative;
            overflow-x: scroll;
            overflow-y: hidden;
            display: flex;
            flex-direction: row;
            pointer-events: none
        }

            .nav-com .nav-slider-hide .nav-slider .nav-com-stage-area {
                float: left;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                margin-right: 50px;
                pointer-events: auto
            }

    .nav-com .nav-com-drop {
        position: absolute;
        top: 50px;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: 1;
        width: 0;
        height: 0;
        overflow: visible
    }

        .nav-com .nav-com-drop .nav-com-option {
            max-width: 400px;
            border-radius: 5px;
            position: absolute;
            top: auto;
            right: auto;
            bottom: auto;
            left: 0;
            z-index: 1;
            background: rgba(30,30,30,.9);
            padding: 8px 2px;
            box-shadow: 0 0 5px rgba(0,0,0,.5);
            display: none
        }

            .nav-com .nav-com-drop .nav-com-option.end .nav-com-line .nav-com-option {
                top: -8px;
                left: auto;
                right: 100%
            }

            .nav-com .nav-com-drop .nav-com-option .nav-com-line {
                width: 100%;
                float: left;
                position: relative
            }

                .nav-com .nav-com-drop .nav-com-option .nav-com-line:hover > .nav-com-word {
                    background: #198cf0;
                    color: #fff;
                    transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
                }

                    .nav-com .nav-com-drop .nav-com-option .nav-com-line:hover > .nav-com-word i {
                        color: #fff;
                        background: #26c6f2
                    }

                .nav-com .nav-com-drop .nav-com-option .nav-com-line:hover > .nav-com-option {
                    display: block
                }

                .nav-com .nav-com-drop .nav-com-option .nav-com-line .nav-com-word {
                    width: 100%;
                    float: left;
                    height: 40px;
                    line-height: 40px;
                    padding: 0 30px 0 20px;
                    text-align: left;
                    color: rgba(255,255,255,.9);
                    cursor: pointer;
                    font-size: 16px;
                    white-space: nowrap !important;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-bottom: 1px;
                    transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
                }

                    .nav-com .nav-com-drop .nav-com-option .nav-com-line .nav-com-word:last-child {
                        margin-bottom: 0
                    }

                    .nav-com .nav-com-drop .nav-com-option .nav-com-line .nav-com-word b {
                        border-left: 6px solid rgba(255,255,255,.5);
                        border-top: 6px solid transparent;
                        border-bottom: 6px solid transparent;
                        float: right;
                        margin: 14px -25px
                    }

                    .nav-com .nav-com-drop .nav-com-option .nav-com-line .nav-com-word i {
                        height: 18px;
                        padding: 0 6px;
                        border-radius: 4px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #198cf0;
                        color: #fff;
                        display: inline-flex;
                        margin: 12px 0 0 4px;
                        font-size: 13px;
                        font-style: normal
                    }

                .nav-com .nav-com-drop .nav-com-option .nav-com-line .nav-com-option {
                    top: -8px;
                    left: 100%
                }

    .nav-com .nav-com-stage {
        height: inherit;
        overflow: visible;
        position: relative
    }

        .nav-com .nav-com-stage.hover > .nav-com-option, .nav-com .nav-com-stage:hover > .nav-com-option {
            display: block
        }

        .nav-com .nav-com-stage.hover > .nav-com-parent, .nav-com .nav-com-stage:hover > .nav-com-parent {
            color: rgba(255,255,255,.9)
        }

        .nav-com .nav-com-stage.active .nav-com-parent {
            color: #fff
        }

        .nav-com .nav-com-stage .nav-com-parent {
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row-reverse;
            position: relative;
            float: left;
            font-size: 18px;
            cursor: pointer;
            color: rgba(255,255,255,.9);
            font-weight: 700;
            padding: 0 20px;
            margin-right: 1px;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
        }

            .nav-com .nav-com-stage .nav-com-parent:hover {
                color: #fff;
                background: rgba(25,140,240,.75);
                transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
            }

                .nav-com .nav-com-stage .nav-com-parent:hover i {
                    color: #fff;
                    background: #26c6f2
                }

            .nav-com .nav-com-stage .nav-com-parent.select {
                color: #fff;
                background: #198cf0
            }

                .nav-com .nav-com-stage .nav-com-parent.select i {
                    color: #fff;
                    background: #26c6f2
                }

            .nav-com .nav-com-stage .nav-com-parent b {
                width: 12px;
                height: 6px;
                border-top: 6px solid rgba(255,255,255,.5);
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                margin: 0 -16px 0 4px;
                float: right
            }

            .nav-com .nav-com-stage .nav-com-parent i {
                padding: 0 6px;
                height: 18px;
                background: #198cf0;
                color: rgba(255,255,255,.9);
                border-radius: 4px;
                float: right;
                font-size: 13px;
                margin: 0 0 0 4px;
                line-height: 18px;
                font-style: normal
            }

.nav-com-hidrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 2000;
    pointer-events: none
}

    .nav-com-hidrop .nav-com {
        pointer-events: none
    }

        .nav-com-hidrop .nav-com .nav-com-drop {
            pointer-events: auto
        }

    .nav-com-hidrop .nav-com-shadow {
        width: 1000vw;
        height: 1000vh;
        position: absolute;
        top: calc(80px + 50px);
        right: 0;
        bottom: 0;
        left: -280px;
        z-index: 1995;
        cursor: default;
        pointer-events: auto;
        display: none
    }

.float-content .hover-menu {
    top: 100px
}

.hover-menu {
    width: 40px;
    height: 60px;
    position: absolute;
    top: calc(80px + 150px);
    right: 0;
    bottom: auto;
    left: auto;
    z-index: 1900;
    position: fixed;
    overflow: hidden;
    transition: all .2s linear
}

    .hover-menu.select, .hover-menu:hover {
        transition: all .2s linear
    }

        .hover-menu.select .hover-menu-bubble, .hover-menu:hover .hover-menu-bubble {
            background: #198cf0;
            color: #fff
        }

            .hover-menu.select .hover-menu-bubble span, .hover-menu:hover .hover-menu-bubble span {
                font-size: 28px;
                transform: translateX(0);
                transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
            }

    .hover-menu:hover {
        width: 80px
    }

    .hover-menu.select {
        width: 100px;
        overflow: visible
    }

        .hover-menu.select .hover-menu-bubble img {
            opacity: 1;
            transform: scale(1);
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

        .hover-menu.select .hover-menu-content {
            opacity: 1;
            pointer-events: auto;
            transform: translateY(0);
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

    .hover-menu.dark .hover-menu-bubble {
        background: rgba(10,15,20,.6);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

    .hover-menu.dark .hover-menu-content {
        background: rgba(10,15,20,.6);
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

        .hover-menu.dark .hover-menu-content span {
            color: rgba(255,255,255,.75)
        }

            .hover-menu.dark .hover-menu-content span:hover {
                background: rgba(255,255,255,.1);
                color: #fff
            }

        .hover-menu.dark .hover-menu-content p {
            background: rgba(255,255,255,.25)
        }

    .hover-menu .hover-menu-bubble {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,.25);
        margin-bottom: 10px;
        cursor: pointer;
        pointer-events: auto;
        border: 2px solid #198cf0;
        color: #198cf0;
        position: absolute;
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        z-index: 10
    }

        .hover-menu .hover-menu-bubble span {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            color: inherit;
            font-size: 24px;
            transform: translateX(-6px);
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear;
            z-index: 1
        }

        .hover-menu .hover-menu-bubble img {
            width: 56px;
            height: 56px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 10;
            border: 2px solid rgba(255,255,255,.25);
            margin: -28px;
            opacity: 0;
            transform: scale(.5);
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

    .hover-menu .hover-menu-content {
        width: 100px;
        overflow: visible;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0 0 5px rgba(0,0,0,.25);
        padding: 10px 0 0;
        position: absolute;
        top: 70px;
        right: auto;
        bottom: auto;
        left: -20px;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

        .hover-menu .hover-menu-content span {
            width: 100%;
            float: left;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer
        }

            .hover-menu .hover-menu-content span:hover {
                background: rgba(0,0,0,.1)
            }

            .hover-menu .hover-menu-content span.select {
                width: calc(100% + 10px);
                background: #198cf0;
                color: #fff;
                margin: 0 -5px
            }

        .hover-menu .hover-menu-content p {
            width: 100%;
            float: left;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0 0 20px 20px;
            background: rgba(0,0,0,.75);
            color: rgba(255,255,255,.75);
            margin: 5px 0 0;
            cursor: pointer
        }

            .hover-menu .hover-menu-content p:hover {
                color: #fff
            }

            .hover-menu .hover-menu-content p i {
                font-size: 12px;
                color: inherit;
                margin-left: 5px;
                pointer-events: none;
                transform: scale(.75)
            }

        .hover-menu .hover-menu-content .btn {
            width: 100%;
            padding: 0;
            border: 0;
            background: 0 0
        }

            .hover-menu .hover-menu-content .btn .caret {
                position: absolute;
                top: 50%;
                right: auto;
                bottom: auto;
                left: 10px;
                z-index: 10;
                margin: -2px -4px;
                transform: rotate(90deg)
            }

        .hover-menu .hover-menu-content .dropdown-menu {
            top: 0;
            right: 100%;
            bottom: auto;
            left: auto
        }

.hover-btn {
    position: absolute;
    top: calc(80px + 70px);
    right: 30px;
    bottom: auto;
    left: auto;
    z-index: 1900;
    position: fixed
}

.animate-hover-btn {
    position: fixed;
    z-index: 1900
}

    .animate-hover-btn .btn-group {
        transition: all .1s linear;
        padding: 20px
    }

        .animate-hover-btn .btn-group.fadeout-bottom, .animate-hover-btn .btn-group.fadeout-left, .animate-hover-btn .btn-group.fadeout-right, .animate-hover-btn .btn-group.fadeout-top {
            opacity: 0;
            pointer-events: none !important
        }

        .animate-hover-btn .btn-group.fadeout-top {
            transform: translateY(-30px)
        }

        .animate-hover-btn .btn-group.fadeout-right {
            transform: translateX(30px)
        }

        .animate-hover-btn .btn-group.fadeout-bottom {
            transform: translateY(30px)
        }

        .animate-hover-btn .btn-group.fadeout-left {
            transform: translateX(-30px)
        }

.dark .hover-btn-arrow {
    color: rgba(255,255,255,.5)
}

    .dark .hover-btn-arrow:hover {
        color: #fff;
        background: rgba(255,255,255,.2)
    }

.hover-btn-arrow {
    width: 40px;
    height: 20px;
    margin: -10px -20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ddd;
    border-radius: 4px;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    cursor: pointer;
    pointer-events: auto !important
}

    .hover-btn-arrow.arrow-reverse:before {
        transform: scaleY(-1)
    }

    .hover-btn-arrow:hover {
        background: rgba(0,0,0,.1)
    }

    .hover-btn-arrow.tt {
        transform: rotate(0);
        position: absolute;
        top: 10px;
        right: auto;
        bottom: auto;
        left: 50%;
        z-index: 1
    }

    .hover-btn-arrow.rr {
        transform: rotate(90deg);
        position: absolute;
        top: 50%;
        right: 10px;
        bottom: auto;
        left: auto;
        z-index: 1
    }

    .hover-btn-arrow.bb {
        transform: rotate(180deg);
        position: absolute;
        top: auto;
        right: auto;
        bottom: 10px;
        left: 50%;
        z-index: 1
    }

    .hover-btn-arrow.ll {
        transform: rotate(270deg);
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 10px;
        z-index: 1
    }

.ui-view-fullscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2040;
    background: #f5f5f5
}

    .ui-view-fullscreen .frame-content, .ui-view-fullscreen .frame-float {
        top: 0;
        left: 0;
        transition: opacity 0s linear,left 0s linear,top 0s linear,background 0s linear,color 0s linear,transform 0s linear
    }

    .ui-view-fullscreen .hover-btn {
        top: 20px
    }

    .ui-view-fullscreen .ui-view-return {
        display: flex
    }

.ui-view-return {
    width: 100px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1705;
    margin: 0 -50px;
    background: rgba(200,200,200,.5);
    color: rgba(255,255,255,.9);
    font-size: 14px;
    flex-direction: row;
    padding: 4px;
    cursor: pointer;
    border-radius: 0 0 4px 4px;
    opacity: .75;
    pointer-events: auto;
    transform: translateY(-22px);
    transition: all .1s linear
}

    .ui-view-return:hover {
        background: #198cf0;
        color: #fff;
        opacity: 1;
        transform: translateY(0);
        transition: all .1s linear
    }

    .ui-view-return i, .ui-view-return span {
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: inherit;
        font-size: inherit;
        cursor: inherit
    }

    .ui-view-return i {
        width: 20px
    }

    .ui-view-return span {
        padding: 0 4px
    }

.panel-animate {
    transition: opacity .2s linear,transform .2s linear,left .2s linear
}

.panel {
    transform: scale(1);
    position: absolute;
    width: auto;
    height: 500px;
    z-index: 200;
    opacity: 1;
    pointer-events: auto;
    transition: opacity .2s linear,transform .2s linear,left .2s linear
}

    .panel.panel-folder {
        height: 80px !important
    }

    .panel .panel-border {
        width: 100%;
        float: left;
        position: relative;
        height: 100%
    }

    .panel .panel-border-left, .panel .panel-border-right {
        position: absolute;
        top: 10px;
        right: auto;
        bottom: 10px;
        left: auto;
        z-index: 1;
        width: 1px;
        background: rgba(255,255,255,.1);
        overflow: visible
    }

        .panel .panel-border-left:after, .panel .panel-border-left:before, .panel .panel-border-right:after, .panel .panel-border-right:before {
            content: "";
            width: 8px;
            height: 8px;
            border-color: rgba(255,255,255,.5);
            border-style: solid;
            position: absolute;
            display: inline-block
        }

    .panel .panel-border-left {
        left: 1px
    }

        .panel .panel-border-left:before {
            border-width: 2px 0 0 2px;
            top: -10px;
            left: -1px
        }

        .panel .panel-border-left:after {
            border-width: 0 0 2px 2px;
            bottom: -10px;
            left: -1px
        }

    .panel .panel-border-right {
        right: 1px
    }

        .panel .panel-border-right:before {
            border-width: 2px 2px 0 0;
            top: -10px;
            right: -1px
        }

        .panel .panel-border-right:after {
            border-width: 0 2px 2px 0;
            bottom: -10px;
            right: -1px
        }

    .panel .panel-block {
        position: absolute;
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        z-index: 5;
        border-radius: 3px;
        background: rgba(20,20,20,.75);
        overflow: hidden;
        pointer-events: auto
    }

        .panel .panel-block .panel-content, .panel .panel-block .panel-detail {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 205;
            overflow: visible
        }

        .panel .panel-block .panel-title {
            width: 100%;
            float: left;
            transform: translateX(0);
            padding: 15px;
            opacity: 1;
            cursor: default;
            transition: opacity .2s linear,transform .2s linear,left .2s linear
        }

            .panel .panel-block .panel-title .manage-opt-area {
                margin-top: 5px
            }

            .panel .panel-block .panel-title .panel-num {
                height: 40px;
                line-height: 40px;
                color: #198cf0;
                float: left;
                font-family: Digi;
                font-size: 40px;
                margin-right: 10px
            }

            .panel .panel-block .panel-title .panel-num-unit {
                float: left;
                height: 40px;
                line-height: 30px;
                padding-top: 10px;
                font-size: 18px;
                color: #198cf0;
                margin-left: -5px;
                margin-right: 10px
            }

            .panel .panel-block .panel-title .panel-num-name {
                float: left;
                height: 40px;
                cursor: inherit
            }

                .panel .panel-block .panel-title .panel-num-name b {
                    width: 100%;
                    float: left;
                    height: 16px;
                    line-height: 16px;
                    text-align: left;
                    font-size: 16px;
                    margin-top: 8px;
                    display: inline-block;
                    cursor: inherit;
                    font-weight: 700;
                    color: rgba(255,255,255,.75)
                }

                .panel .panel-block .panel-title .panel-num-name p {
                    width: 100%;
                    float: left;
                    height: 16px;
                    line-height: 16px;
                    text-align: left;
                    display: inline-block;
                    margin: 0;
                    white-space: nowrap;
                    cursor: inherit;
                    color: rgba(255,255,255,.5)
                }

        .panel .panel-block .panel-border {
            width: 100%;
            float: left;
            height: 1px;
            background: rgba(255,255,255,.25)
        }

        .panel .panel-block .pane-content {
            width: 100%;
            float: left;
            overflow-x: hidden;
            overflow-y: auto;
            transition: opacity .2s linear,transform .2s linear,left .2s linear
        }

        .panel .panel-block .panel-content.fadeout {
            opacity: 0;
            pointer-events: none;
            transition: opacity .2s linear,transform .2s linear,left .2s linear
        }

        .panel .panel-block .panel-detail {
            z-index: 210;
            left: 0;
            opacity: 1;
            transition: opacity .2s linear,transform .2s linear,left .2s linear
        }

            .panel .panel-block .panel-detail.fadeout {
                opacity: 0;
                left: 100%;
                transition: opacity .2s linear,transform .2s linear,left .2s linear
            }

    .panel.fadeout {
        opacity: 0;
        transform: scale(0);
        transition: opacity .2s linear,transform .2s linear,left .2s linear
    }

        .panel.fadeout .panel-title {
            transform: translateX(200px);
            opacity: 0;
            transition: opacity .2s linear,transform .2s linear,left .2s linear
        }

.panel-return {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 3px solid rgba(255,255,255,.25);
    font-size: 24px;
    color: rgba(255,255,255,.75);
    background: rgba(0,0,0,.5);
    position: absolute;
    top: 40px;
    right: auto;
    bottom: auto;
    left: 20px;
    z-index: 500;
    cursor: pointer;
    pointer-events: auto;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .panel-return.fadeout {
        opacity: 0;
        pointer-events: none;
        transform: translateX(-20px);
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

    .panel-return:hover {
        background: #198cf0;
        color: #fff
    }

.eg {
    position: absolute;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 195;
    pointer-events: none;
    width: 200px;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .eg .fadeout {
        opacity: 0;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

    .eg .line {
        padding: 5px
    }

        .eg .line .eg-icon {
            float: left;
            width: 20px;
            height: 20px;
            margin: 5px 0
        }

        .eg .line .eg-circle {
            border-radius: 50%;
            width: 14px;
            height: 14px;
            margin: 8px 0;
            float: left
        }

        .eg .line .eg-word {
            height: 30px;
            line-height: 30px;
            float: left;
            padding-left: 10px;
            font-size: 16px
        }

            .eg .line .eg-word span {
                height: inherit;
                line-height: inherit;
                display: inline-block;
                color: inherit;
                padding-left: 10px;
                font-family: digi;
                font-size: 24px;
                text-shadow: inherit;
                overflow: visible
            }

.jump-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1900;
    pointer-events: all
}

    .jump-bg.in .earth-light {
        opacity: 1;
        transition: opacity 1s linear,left 1s linear,top 1s linear,background 1s linear,color 1s linear,transform 1s linear
    }

    .jump-bg.in .cirle-nav, .jump-bg.in .jump-public-btn {
        transform: scale(1);
        opacity: 1;
        transition: transform .5s linear,opacity 1s linear,border .1s linear
    }

    .jump-bg.in .three-dimensional-view {
        transform: scale(.8) translateX(-400px);
        transition: transform .3s linear,opacity 1s linear,border .1s linear
    }

    .jump-bg.in .jump-public-btn:hover {
        transition: all .5s linear
    }

        .jump-bg.in .jump-public-btn:hover:before {
            opacity: 1
        }

        .jump-bg.in .jump-public-btn:hover span {
            color: #fff;
            text-shadow: 0 0 10px rgba(255,255,255,.5);
            transition: color .1s linear
        }

    .jump-bg.in .jump-btn-area {
        opacity: 1;
        transform: rotate(0);
        transition: transform .5s linear,opacity .5s linear
    }

    .jump-bg .earth-light {
        width: 600px;
        height: 600px;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        z-index: 1615;
        margin: -300px;
        pointer-events: none;
        opacity: 0;
        animation: clockwise-animate 150s infinite linear
    }

    .jump-bg .jump-public-btn {
        width: 300px;
        height: 300px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        z-index: 1616;
        transform: scale(.5);
        margin: -150px;
        overflow: visible;
        cursor: pointer;
        background: rgba(0,0,0,.5);
        padding: 13px;
        border-color: #058cfa;
        color: rgba(5,140,250,.75);
        opacity: 0;
        padding: 2px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px)
    }

        .jump-bg .jump-public-btn:before {
            content: "";
            width: 300px;
            height: 300px;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 1;
            margin: -163px;
            border-width: 13px;
            border-style: solid;
            border-color: inherit;
            opacity: .75
        }

        .jump-bg .jump-public-btn.disabled:before {
            border-color: rgba(255,255,255,.25) !important
        }

        .jump-bg .jump-public-btn.disabled span {
            opacity: .5
        }

        .jump-bg .jump-public-btn.disabled:hover {
            border-color: rgba(255,255,255,.25) !important
        }

        .jump-bg .jump-public-btn .jump-public-position {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto;
            border-radius: 50%;
            overflow: hidden;
            border-width: 2px;
            border-style: solid;
            border-color: inherit;
            color: inherit;
            cursor: inherit;
            z-index: 2
        }

            .jump-bg .jump-public-btn .jump-public-position .jump-public-earth {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1619;
                opacity: .25;
                font-size: 180px;
                line-height: 266px;
                text-align: center;
                cursor: inherit;
                color: inherit;
                transform: translate(8px,-8px);
                animation: earth-animate 1.5s infinite linear
            }

            .jump-bg .jump-public-btn .jump-public-position .jump-public-arrow {
                position: absolute;
                top: 50%;
                right: 0;
                bottom: auto;
                left: 0;
                z-index: 1618;
                height: 30px;
                margin: -15px 0;
                cursor: inherit;
                padding: 0 20px;
                opacity: .5;
                animation: arrow-animate 1.5s infinite linear
            }

                .jump-bg .jump-public-btn .jump-public-position .jump-public-arrow .triangle {
                    width: 15px;
                    height: 24px;
                    display: inline-block;
                    margin: 3px 0;
                    border-top: 12px solid transparent;
                    border-bottom: 12px solid transparent;
                    border-left: 16px solid rgba(5,140,250,.75);
                    float: left
                }

                    .jump-bg .jump-public-btn .jump-public-position .jump-public-arrow .triangle.reverse {
                        float: right
                    }

            .jump-bg .jump-public-btn .jump-public-position span {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: 1620;
                display: flex;
                align-items: center;
                justify-content: center;
                line-height: 40px;
                cursor: inherit;
                color: rgba(255,255,255,.75);
                font-size: 32px;
                word-break: break-all;
                padding: 0 40px;
                letter-spacing: 2px;
                text-align: center;
                transition: color .1s linear
            }

    .jump-bg .jump-btn-area {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1612;
        transform: rotate(-90deg);
        overflow: visible;
        opacity: 0
    }

        .jump-bg .jump-btn-area .jump-btn {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            position: absolute;
            z-index: 1625;
            cursor: pointer;
            margin: -60px;
            border: 3px solid rgba(255,255,255,.5);
            padding: 3px
        }

            .jump-bg .jump-btn-area .jump-btn:hover .jump-btn-border {
                border-color: inherit;
                color: rgba(255,255,255,.9);
                transition: border-color .1s linear,color .1s linear
            }

            .jump-bg .jump-btn-area .jump-btn.disabled {
                border-color: #555 !important;
                cursor: default
            }

                .jump-bg .jump-btn-area .jump-btn.disabled .jump-btn-icon, .jump-bg .jump-btn-area .jump-btn.disabled span {
                    color: rgba(255,255,255,.25)
                }

            .jump-bg .jump-btn-area .jump-btn .jump-btn-border {
                position: relative;
                width: 100%;
                height: 100%;
                float: left;
                overflow: auto;
                border-radius: 50%;
                border: 5px solid rgba(255,255,255,.25);
                overflow: visible;
                background: rgba(0,0,0,.25);
                background-clip: content-box;
                cursor: inherit;
                color: rgba(255,255,255,.75);
                transition: border-color .1s linear,color .1s linear;
                -webkit-backdrop-filter: blur(4px);
                backdrop-filter: blur(4px)
            }

                .jump-bg .jump-btn-area .jump-btn .jump-btn-border .jump-btn-icon {
                    width: 100%;
                    float: left;
                    height: 50px;
                    line-height: 50px;
                    text-align: center;
                    margin: 5px 0 0 0;
                    color: inherit;
                    font-size: 28px;
                    cursor: inherit
                }

                .jump-bg .jump-btn-area .jump-btn .jump-btn-border span {
                    width: 100%;
                    float: left;
                    white-space: nowrap !important;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    height: 20px;
                    line-height: 20px;
                    display: inline-block;
                    text-align: center;
                    cursor: inherit;
                    font-size: 18px;
                    color: inherit
                }

        .jump-bg .jump-btn-area .jump-btn-color-yellow {
            border-color: rgba(250,175,20,.75)
        }

        .jump-bg .jump-btn-area .jump-btn-color-blue {
            border-color: rgba(0,190,255,.75)
        }

        .jump-bg .jump-btn-area .jump-btn-color-cyan {
            border-color: rgba(50,210,205,.75)
        }

        .jump-bg .jump-btn-area .jump-btn-color-green {
            border-color: rgba(35,195,85,.75)
        }

        .jump-bg .jump-btn-area .jump-btn-color-orange {
            border-color: rgba(245,95,15,.75)
        }

.cirle-nav {
    width: 650px;
    height: 650px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1610;
    transform: scale(.75);
    margin: -325px;
    border: 2px solid rgba(255,255,255,.2);
    opacity: 0
}

    .cirle-nav:before {
        content: "";
        width: 620px;
        height: 620px;
        border-radius: 50%;
        margin: 3px;
        float: left;
        position: relative;
        z-index: 1611;
        display: inline-block;
        border: 10px solid rgba(255,255,255,.05)
    }

.login-area {
    width: 640px;
    position: absolute;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1650;
    background: #f1f3f5;
    padding: 40px 50px 60px;
    border-radius: 25px;
    margin: -160px -320px;
    pointer-events: none;
    opacity: 0;
    transform: translateY(0);
    transition: opacity .3s linear,left .3s linear,top .3s linear,background .3s linear,color .3s linear,transform .3s linear
}

    .login-area.in {
        pointer-events: auto;
        opacity: 1;
        transform: translateY(-30px);
        transition: opacity .3s linear,left .3s linear,top .3s linear,background .3s linear,color .3s linear,transform .3s linear
    }

    .login-area h1 {
        float: left;
        width: 100%;
        line-height: 50px;
        margin: -150px 0;
        font-size: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        font-weight: 700
    }

    .login-area .login-row {
        width: 100%;
        float: left;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: stretch
    }

        .login-area .login-row .login-col {
            width: 1%;
            height: 100%;
            flex: 1
        }

            .login-area .login-row .login-col.fixed {
                flex: unset
            }

    .login-area h2 {
        width: 100%;
        float: left;
        height: 40px;
        text-align: center;
        font-size: 30px;
        line-height: 1;
        color: rgba(0,0,0,.9);
        font-weight: 700;
        margin-bottom: 30px
    }

        .login-area h2 span {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            font-size: 32px;
            color: inherit;
            margin: 0 0 0 -45px;
            opacity: .5
        }

    .login-area .login-input {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }

        .login-area .login-input input {
            width: 100%;
            float: left;
            border-radius: 8px;
            height: 40px;
            vertical-align: middle;
            line-height: 20px;
            padding: 8px 8px 8px 38px;
            font-size: 16px;
            margin-bottom: 0
        }

            .login-area .login-input input:-webkit-autofill, .login-area .login-input input:-webkit-autofill:active, .login-area .login-input input:-webkit-autofill:focus, .login-area .login-input input:-webkit-autofill:hover {
                font-size: 16px;
                -webkit-transition-delay: 99999s;
                -webkit-transition: color 99999s ease-out,background 99999s ease-out
            }

        .login-area .login-input .login-icon {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            margin: -40px 0;
            color: rgba(0,0,0,.5);
            font-size: 18px;
            pointer-events: none
        }

        .login-area .login-input .login-icon-right {
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: right;
            margin: -40px 0;
            color: rgba(0,0,0,.5);
            font-size: 18px;
            pointer-events: auto;
            cursor: pointer
        }

            .login-area .login-input .login-icon-right:hover {
                color: rgba(0,0,0,.75)
            }

        .login-area .login-input .login-code {
            width: 100%;
            float: left;
            display: flex;
            flex-direction: row
        }

            .login-area .login-input .login-code input {
                width: 1%;
                flex: 1
            }

            .login-area .login-input .login-code canvas, .login-area .login-input .login-code img {
                height: 40px;
                width: 150px;
                background: #fff;
                border-radius: 8px;
                margin: 0 0 0 5px;
                cursor: pointer
            }

        .login-area .login-input .btn-group {
            height: 40px
        }

            .login-area .login-input .btn-group .btn {
                width: 100%;
                height: 40px;
                border-radius: 8px;
                margin: 0;
                background: rgba(255,255,255,.25);
                border: 1px solid rgba(255,255,255,.25);
                box-shadow: none
            }

                .login-area .login-input .btn-group .btn:hover .dropdown-toggle span {
                    color: #fff !important
                }

                .login-area .login-input .btn-group .btn .dropdown-toggle {
                    height: 38px
                }

                    .login-area .login-input .btn-group .btn .dropdown-toggle span {
                        height: 30px;
                        line-height: 30px;
                        padding-left: 30px;
                        text-shadow: none;
                        font-size: 16px;
                        color: rgba(255,255,255,.9) !important
                    }

                    .login-area .login-input .btn-group .btn .dropdown-toggle .caret {
                        border-top-color: rgba(255,255,255,.5);
                        margin-top: 13px;
                        border-width: 6px 6px 0 6px
                    }

            .login-area .login-input .btn-group .dropdown-menu {
                width: auto;
                height: 205px;
                max-height: unset;
                left: -1px;
                right: -1px;
                background: rgba(40,50,60,.9);
                border: 1px solid rgba(255,255,255,.25)
            }

                .login-area .login-input .btn-group .dropdown-menu ul {
                    margin: 0
                }

                    .login-area .login-input .btn-group .dropdown-menu ul li {
                        padding: 0 5px
                    }

                        .login-area .login-input .btn-group .dropdown-menu ul li a {
                            color: rgba(255,255,255,.75);
                            font-size: 16px;
                            padding: 8px 8px 8px 35px;
                            line-height: 20px;
                            border-bottom: 1px solid rgba(255,255,255,.1);
                            white-space: normal !important;
                            word-break: break-all !important;
                            height: auto !important
                        }

                            .login-area .login-input .btn-group .dropdown-menu ul li a:hover {
                                background: #198cf0
                            }

    .login-area .login-prompt {
        width: 100%;
        float: left;
        line-height: 20px;
        padding: 5px;
        text-align: center;
        margin-bottom: 20px;
        color: #26c6f2;
        font-size: 16px;
        display: none
    }

    .login-area .login-btn {
        width: 100%;
        float: left;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        border-radius: 8px;
        border: 1px solid rgba(0,0,0,.1);
        border-top-color: rgba(0,0,0,.05);
        color: #fff;
        background: #09f;
        font-size: 16px;
        word-spacing: 10px;
        cursor: pointer;
        margin: 10px 0 30px;
        transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear;
        letter-spacing: 4px
    }

        .login-area .login-btn span {
            width: 20px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            color: inherit;
            margin-right: 10px;
            animation: clockwise-animate 3s infinite linear
        }

        .login-area .login-btn:hover {
            text-shadow: 0 0 2px rgba(255,255,255,.25);
            background: #00c1ff;
            transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
        }

        .login-area .login-btn:active {
            background: #218ad0;
            box-shadow: 0 1px 2px rgba(0,0,0,.25) inset;
            transform: translateY(1px);
            transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
        }

    .login-area .choose-group {
        margin-left: 4px
    }

    .login-area .login-link {
        width: 100%;
        float: left;
        height: 30px;
        line-height: 30px;
        color: rgba(255,255,255,.9)
    }

        .login-area .login-link span {
            height: inherit;
            line-height: inherit;
            padding: 0 3px;
            color: #26c6f2;
            cursor: pointer
        }

            .login-area .login-link span:hover {
                color: #f37b21
            }

    .login-area .login-apart {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        height: 180px
    }

        .login-area .login-apart span {
            width: 100%;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 0;
            z-index: 1;
            color: rgba(0,0,0,.25);
            margin: -10px 0
        }

        .login-area .login-apart:after, .login-area .login-apart:before {
            content: "";
            width: 1px;
            height: 60px;
            background: rgba(0,0,0,.1)
        }

        .login-area .login-apart:before {
            position: absolute;
            top: 0;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 1
        }

        .login-area .login-apart:after {
            position: absolute;
            top: auto;
            right: auto;
            bottom: 0;
            left: 50%;
            z-index: 1
        }

    .login-area .login-sys {
        width: 100%;
        float: left;
        height: 90px;
        border-radius: 8px;
        position: relative;
        cursor: pointer;
        overflow: hidden;
        box-shadow: 0 0 10px rgba(0,0,0,.25);
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

        .login-area .login-sys:hover {
            transform: translateY(-2px);
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

            .login-area .login-sys:hover span {
                color: #fff
            }

        .login-area .login-sys img {
            position: relative;
            width: 100%;
            height: 100%;
            float: left;
            overflow: auto;
            z-index: 1;
            cursor: inherit
        }

        .login-area .login-sys span {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255,255,255,.9);
            cursor: inherit;
            font-size: 18px
        }

    .login-area .login-qrcode {
        width: 100%;
        float: left
    }

        .login-area .login-qrcode .qrcode-block {
            width: 100%;
            float: left;
            background: #fff;
            border-radius: 8px;
            padding: 10px;
            margin-bottom: 10px
        }

            .login-area .login-qrcode .qrcode-block * {
                width: 160px;
                height: 160px;
                float: left
            }

        .login-area .login-qrcode span {
            width: 100%;
            float: left;
            height: 30px;
            font-size: 16px;
            color: rgba(0,0,0,.5);
            display: flex;
            align-items: center;
            justify-content: center
        }

    .login-area .login-bottom {
        position: absolute;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10;
        background: rgba(0,0,0,.05);
        padding: 8px 50px;
        color: rgba(0,0,0,.5);
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: flex-start
    }

        .login-area .login-bottom img {
            cursor: pointer;
            opacity: .9;
            transition: all .2s linear;
            height: 20px;
            margin: 0 4px
        }

            .login-area .login-bottom img:hover {
                opacity: 1
            }

.universe-bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-image: url(/images/login/bg.jpg);
    background-size: 100% 100%;
    pointer-events: none
}

.login-role {
    width: 1200px;
    position: absolute;
    top: 15%;
    right: auto;
    bottom: 10%;
    left: 50%;
    z-index: 2000;
    margin: 0 -600px;
    transform: translateY(100px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
}

    .login-role.in {
        transform: translateY(0);
        opacity: 1;
        pointer-events: auto;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

    .login-role h1 {
        width: 100%;
        float: left;
        height: 35px;
        line-height: 32px;
        font-size: 32px;
        color: #26c6f2;
        font-weight: 700
    }

        .login-role h1 span {
            width: 32px;
            height: 32px;
            display: flex;
            align-items: center;
            justify-content: center;
            float: left;
            font-size: 32px;
            color: inherit;
            margin: 0 0 0 -45px;
            opacity: .5
        }

    .login-role h2 {
        width: 100%;
        float: left;
        height: 30px;
        line-height: 30px;
        color: rgba(255,255,255,.75);
        font-size: 16px
    }

    .login-role .role-group {
        position: absolute;
        top: 65px;
        right: -20px;
        bottom: 0;
        left: -20px;
        z-index: 10;
        overflow: hidden;
        padding: 10px
    }

.proj {
    width: calc(100% / 3);
    height: 160px;
    padding: 10px;
    float: left;
    position: relative
}

    .proj .proj-block {
        width: 100%;
        float: left;
        height: 140px;
        border-radius: 8px;
        background: rgba(255,255,255,.25);
        display: flex;
        flex-direction: row;
        padding: 20px;
        cursor: pointer;
        overflow: visible;
        position: relative;
        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
    }

        .proj .proj-block:hover {
            background: #198cf0;
            box-shadow: 0 0 5px rgba(0,0,0,.25);
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

        .proj .proj-block.select {
            width: auto;
            height: auto;
            top: 10px;
            right: 10px;
            bottom: auto;
            left: 10px;
            z-index: 1000;
            position: absolute;
            background: #fff;
            transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
        }

            .proj .proj-block.select .proj-close {
                display: flex
            }

            .proj .proj-block.select .proj-info {
                height: auto;
                align-items: flex-start;
                justify-content: flex-start
            }

                .proj .proj-block.select .proj-info h1 {
                    height: auto;
                    min-height: 40px;
                    color: #000
                }

                .proj .proj-block.select .proj-info span {
                    color: rgba(0,0,0,.75)
                }

                .proj .proj-block.select .proj-info .proj-space {
                    height: auto
                }

                    .proj .proj-block.select .proj-info .proj-space .disk {
                        background: rgba(0,0,0,.25)
                    }

                        .proj .proj-block.select .proj-info .proj-space .disk .occupy {
                            background: #198cf0
                        }

                            .proj .proj-block.select .proj-info .proj-space .disk .occupy.full {
                                background: #f32121
                            }

                    .proj .proj-block.select .proj-info .proj-space .word {
                        margin-top: 5px;
                        color: rgba(0,0,0,.5)
                    }

                .proj .proj-block.select .proj-info .role {
                    display: block
                }

        .proj .proj-block .proj-oth {
            position: absolute;
            top: 0;
            right: 0;
            bottom: auto;
            left: auto;
            z-index: 10;
            height: 24px;
            padding: 4px;
            background: rgba(0,0,0,.5);
            border-radius: 0 8px 0 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row
        }

            .proj .proj-block .proj-oth span {
                height: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-right: 1px solid rgba(255,255,255,.1);
                padding: 0 10px;
                font-size: 12px;
                color: #fff
            }

                .proj .proj-block .proj-oth span:last-child {
                    border-right: 0
                }

        .proj .proj-block .proj-close {
            width: 30px;
            height: 30px;
            position: absolute;
            top: 5px;
            right: 5px;
            bottom: auto;
            left: auto;
            z-index: 50;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(0,0,0,.5);
            cursor: pointer;
            display: none
        }

            .proj .proj-block .proj-close:hover {
                color: rgba(0,0,0,.75)
            }

            .proj .proj-block .proj-close:active {
                color: #000
            }

        .proj .proj-block img {
            width: 100px;
            height: 100px;
            border-radius: 4px;
            margin-right: 20px
        }

        .proj .proj-block .proj-status {
            width: 70px;
            height: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 4px;
            position: absolute;
            top: 96px;
            right: auto;
            bottom: auto;
            left: 35px;
            z-index: 10;
            pointer-events: none;
            font-size: 12px;
            color: #fff;
            opacity: .9
        }

            .proj .proj-block .proj-status.status-gray {
                background: #666
            }

            .proj .proj-block .proj-status.status-green {
                background: #16a500
            }

            .proj .proj-block .proj-status.status-blue {
                background: #198cf0
            }

            .proj .proj-block .proj-status.status-red {
                background: #f32121
            }

        .proj .proj-block .proj-info {
            width: 1%;
            height: 100px;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column
        }

            .proj .proj-block .proj-info h1, .proj .proj-block .proj-info span {
                width: 100%;
                text-align: left;
                word-break: break-all;
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                overflow: hidden
            }

            .proj .proj-block .proj-info h1 {
                height: 45px;
                color: #fff;
                line-height: 22px;
                margin-bottom: 5px;
                font-size: 18px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical
            }

            .proj .proj-block .proj-info span {
                height: 20px;
                color: rgba(255,255,255,.75)
            }

            .proj .proj-block .proj-info .proj-space {
                width: 100%;
                height: 25px;
                overflow: hidden;
                margin: 5px 0 0
            }

                .proj .proj-block .proj-info .proj-space .disk {
                    width: 100%;
                    float: left;
                    background: rgba(255,255,255,.25);
                    overflow: hidden;
                    border-radius: 3px
                }

                    .proj .proj-block .proj-info .proj-space .disk .occupy {
                        height: 5px;
                        float: left;
                        background: #26c6f2
                    }

                        .proj .proj-block .proj-info .proj-space .disk .occupy.full {
                            background: #f32121
                        }

                .proj .proj-block .proj-info .proj-space .word {
                    width: 100%;
                    float: left;
                    height: 14px;
                    line-height: 1;
                    text-align: center;
                    margin-top: 4px;
                    font-size: 12px;
                    color: rgba(255,255,255,.75)
                }

            .proj .proj-block .proj-info .role {
                width: 100%;
                display: none;
                margin: 20px 0 0;
                float: left
            }

                .proj .proj-block .proj-info .role .role-block {
                    width: 100%;
                    float: left;
                    border-radius: 4px;
                    background: rgba(0,0,0,.1);
                    cursor: pointer;
                    padding: 5px;
                    margin-bottom: 10px;
                    -webkit-backdrop-filter: blur(4px);
                    backdrop-filter: blur(4px)
                }

                    .proj .proj-block .proj-info .role .role-block:hover {
                        background: #198cf0;
                        box-shadow: 0 0 5px rgba(0,0,0,.25);
                        transition: opacity .2s linear,left .2s linear,top .2s linear,background .2s linear,color .2s linear,transform .2s linear
                    }

                        .proj .proj-block .proj-info .role .role-block:hover b, .proj .proj-block .proj-info .role .role-block:hover p, .proj .proj-block .proj-info .role .role-block:hover span {
                            color: #fff
                        }

                    .proj .proj-block .proj-info .role .role-block b, .proj .proj-block .proj-info .role .role-block p, .proj .proj-block .proj-info .role .role-block span {
                        width: 100%;
                        height: 30px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        white-space: nowrap !important;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        font-size: 16px;
                        margin: 0;
                        position: relative;
                        color: #198cf0;
                        z-index: 5;
                        text-shadow: 0 0 3px rgba(0,0,0,.1)
                    }

                    .proj .proj-block .proj-info .role .role-block b {
                        font-size: 18px;
                        font-weight: 700
                    }

                    .proj .proj-block .proj-info .role .role-block p {
                        color: #000;
                        font-weight: 700
                    }

.footer {
    height: 50px;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: rgba(255,255,255,.75);
    background: 0 0;
    background-image: linear-gradient(to bottom,rgba(10,15,20,.2) 0,rgba(10,15,20,.4) 100%);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

    .footer img {
        height: 18px;
        margin: 0 4px 0 12px
    }

@keyframes arrow-animate {
    0% {
        opacity: .9;
        transform: scale(1)
    }

    50% {
        opacity: .25;
        transform: scale(1.1)
    }

    100% {
        opacity: .9;
        transform: scale(1)
    }
}

@keyframes earth-animate {
    0% {
        opacity: .25
    }

    50% {
        opacity: .1
    }

    100% {
        opacity: .25
    }
}

body[data-theme=normal] .header {
    background: rgba(30,30,30,.9)
}

body[data-theme=black] .header {
    background: rgba(0,0,0,.9)
}

body[data-theme=green] .header {
    background: rgba(20,65,60,.9)
}

body[data-theme=blue] .header {
    background: rgba(30,50,75,.9)
}

.share-page {
    display: none
}

    .share-page .header {
        height: 60px;
        background: #fff;
        box-shadow: 0 1px 0 rgba(0,0,0,.05)
    }

        .share-page .header .system-banner {
            top: 5px
        }

            .share-page .header .system-banner h1 {
                color: #000
            }

    .share-page .frame-content {
        top: 60px;
        background: #f4f4f4
    }

        .share-page .frame-content .fileview {
            background: inherit
        }

            .share-page .frame-content .fileview .filepage {
                width: 1400px;
                border: 1px solid rgba(0,0,0,.1)
            }

    .share-page .meeting-annexes table td .choose-group, .share-page .meeting-annexes table th .choose-group {
        margin: -5px 0 -5px 10px
    }

    .share-page .meeting-annexes table td img, .share-page .meeting-annexes table th img {
        margin: -4px auto
    }

.share-title {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center
}

    .share-title img {
        width: 28px;
        height: 28px;
        align-self: flex-start;
        margin-right: 10px
    }

    .share-title .share-info {
        width: 1%;
        flex: 1
    }

        .share-title .share-info h1 {
            width: 100%;
            float: left;
            line-height: 20px;
            padding: 4px 0;
            white-space: normal;
            word-break: break-all;
            font-size: 18px;
            text-align: left;
            font-weight: 700
        }

        .share-title .share-info span {
            height: 20px;
            float: left;
            margin-right: 20px;
            color: rgba(0,0,0,.75);
            display: inline-block
        }

            .share-title .share-info span i {
                width: 20px;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: inherit;
                float: left
            }

    .share-title .share-btn {
        height: 30px;
        padding: 0 10px;
        border: 1px solid #198cf0;
        border-radius: 4px;
        color: #198cf0;
        cursor: pointer;
        margin-left: 10px
    }

        .share-title .share-btn:hover {
            background: #198cf0;
            color: #fff
        }

        .share-title .share-btn i {
            width: 20px;
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: inherit;
            float: left
        }

        .share-title .share-btn span {
            height: 28px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: inherit;
            float: left
        }

.share-page-mobile {
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: #fff;
    display: none
}

    .share-page-mobile .mobile-header {
        width: 100%;
        background: #fff;
        box-shadow: 0 1px 0 rgba(0,0,0,.05);
        padding: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-content: flex-start
    }

        .share-page-mobile .mobile-header img {
            width: 36px;
            height: 36px;
            margin-right: 8px
        }

        .share-page-mobile .mobile-header .system-name {
            width: 1%;
            flex: 1
        }

            .share-page-mobile .mobile-header .system-name h1 {
                color: #000;
                font-size: 24px
            }

        .share-page-mobile .mobile-header .mobile-link {
            line-height: 20px;
            color: #198cf0;
            display: inline-block;
            padding: 0 3px;
            cursor: pointer
        }

    .share-page-mobile .mobile-body {
        width: 100%;
        height: 1%;
        flex: 1;
        overflow: hidden
    }

        .share-page-mobile .mobile-body > .line {
            padding: 16px
        }

.mobile-list {
    width: 100%;
    float: left;
    margin: 16px 0
}

    .mobile-list .mobile-list-line {
        width: 100%;
        float: left;
        display: flex;
        align-items: flex-start;
        padding: 10px;
        background: #fff;
        box-shadow: 0 0 8px rgba(0,0,0,.1);
        border-radius: 8px;
        margin-bottom: 10px
    }

        .mobile-list .mobile-list-line .choose-group {
            margin-right: 4px
        }

        .mobile-list .mobile-list-line img {
            margin-right: 8px
        }

        .mobile-list .mobile-list-line .table-icon-btn {
            width: 28px;
            height: 28px;
            font-size: 18px;
            color: rgba(0,0,0,.25);
            display: flex;
            align-items: center;
            justify-content: center
        }

        .mobile-list .mobile-list-line .mobile-list-content {
            width: 1%;
            flex: 1
        }

            .mobile-list .mobile-list-line .mobile-list-content .mobile-list-name {
                width: 100%;
                float: left;
                line-height: 20px;
                padding: 4px 0;
                font-size: 16px;
                font-weight: 700;
                text-align: left;
                white-space: normal;
                word-break: break-all
            }

            .mobile-list .mobile-list-line .mobile-list-content .mobile-list-info {
                width: 100%;
                float: left;
                white-space: nowrap !important;
                overflow: hidden;
                text-overflow: ellipsis;
                color: rgba(0,0,0,.75);
                text-align: left;
                margin-bottom: 2px
            }

                .mobile-list .mobile-list-line .mobile-list-content .mobile-list-info:last-child {
                    margin-bottom: 0
                }

.share-verification-code {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: #fafafa
}

    .share-verification-code .share-primary-btn, .share-verification-code input {
        width: 80%;
        min-width: 300px;
        background: #fff;
        border: 0;
        height: 50px;
        border-radius: 25px;
        text-align: center;
        font-size: 18px;
        margin: 16px 0
    }

    .share-verification-code .share-primary-btn {
        background: #198cf0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff
    }

    .share-verification-code span {
        width: 100%;
        line-height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: rgba(0,0,0,.5)
    }

.share-body {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: #fafafa
}

    .share-body .share-content {
        height: 1%;
        width: 100%;
        margin: 0;
        padding: 16px;
        flex: 1;
        overflow-x: hidden;
        overflow-y: auto
    }

    .share-body .share-footer {
        width: 100%;
        padding: 16px;
        position: relative;
        z-index: 10;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 0 16px rgba(0,0,0,.25)
    }

        .share-body .share-footer .share-footer-btn {
            width: 60%;
            height: 40px;
            min-width: 160px;
            background: #198cf0;
            border: 0;
            border-radius: 25px;
            text-align: center;
            font-size: 18px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .share-body .share-footer .share-footer-btn:active {
                background: #0056a1
            }

            .share-body .share-footer .share-footer-btn.disabled {
                background: rgba(0,0,0,.25);
                cursor: default;
                pointer-events: none
            }

#be-container {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible;
    background: #000
}

.stage-bottom, .stage-fullscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

.stage-fullscreen {
    z-index: 2100;
    pointer-events: auto
}

.stage-content {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    min-height: 300px;
    overflow: visible
}

.stage-embed {
    position: absolute;
    top: 80px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.total-mode .stage-embed {
    top: calc(80px + 50px);
    left: 280px
}

.com-mode .stage-embed {
    top: calc(80px + 50px)
}

.pro-mode .stage-embed {
    left: 280px
}

.stage-back {
    position: absolute;
    top: 20%;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1000;
    width: 400px;
    height: 80px;
    line-height: 80px;
    border-radius: 12px;
    text-align: center;
    font-size: 48px;
    color: #fff;
    background: rgba(40,40,40,.9);
    margin: -40px -200px
}

    .stage-back span {
        color: #26c6f2;
        font-size: inherit;
        padding: 0 10px
    }

.stage-mode {
    width: 100px;
    height: 30px;
    margin: 0 -50px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1000;
    pointer-events: auto !important
}

    .stage-mode:hover .stage-hidarea {
        transform: translateY(0);
        transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear
    }

        .stage-mode:hover .stage-hidarea .stage-close-btn {
            color: rgba(255,255,255,.5)
        }

    .stage-mode .stage-hidarea {
        position: relative;
        width: 100%;
        height: 100%;
        float: left;
        overflow: auto;
        display: flex;
        justify-content: space-around;
        align-items: stretch;
        flex-direction: row;
        background: rgba(30,30,30,.6);
        border-radius: 0 0 10px 10px;
        transform: translateY(-20px);
        transition: opacity .1s linear,left .1s linear,top .1s linear,background .1s linear,color .1s linear,transform .1s linear;
        overflow: hidden
    }

        .stage-mode .stage-hidarea .stage-close-btn {
            width: 1%;
            height: 30x;
            flex: 1;
            color: transparent;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center
        }

            .stage-mode .stage-hidarea .stage-close-btn.icomoon-cross {
                font-size: 13px
            }

            .stage-mode .stage-hidarea .stage-close-btn:hover {
                color: #fff;
                background: rgba(25,140,240,.75)
            }

            .stage-mode .stage-hidarea .stage-close-btn:active {
                color: rgba(255,255,255,.9);
                background: rgba(25,140,240,.5)
            }

#progress_data_container .none_line td .none_line td {
    border: none !important
}

    #progress_data_container .none_line td .none_line td.tag-red {
        color: red;
        background: #f6e5e5 !important
    }

    #progress_data_container .none_line td .none_line td.tag-yellow {
        color: #c8aa00;
        background: #f8f5e2 !important
    }

    #progress_data_container .none_line td .none_line td.tag-green {
        color: #17aa23;
        background: #e4f2e3 !important
    }

#rollback_msg {
    width: 400px;
    height: auto;
    line-height: 30px;
    padding: 5px 0;
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 50%;
    z-index: 1000;
    margin: 0 -200px;
    font-size: 18px;
    text-align: center;
    display: none
}

    #rollback_msg strong {
        color: red
    }

.yanshou .wapper {
    display: flex;
    justify-content: space-between;
    margin: 15px 0
}

    .yanshou .wapper .icon-text {
        height: 40px;
        display: flex
    }

        .yanshou .wapper .icon-text .icon {
            height: 100%;
            width: 40px;
            border: 1px solid #333
        }

            .yanshou .wapper .icon-text .icon.buhege {
                border-radius: 50%;
                background: url(/images/icons/newIcon/buhegebg.png);
                background-size: cover;
                display: flex;
                justify-content: center;
                align-items: center
            }

            .yanshou .wapper .icon-text .icon.self-center {
                display: flex;
                justify-content: center;
                align-items: center
            }

        .yanshou .wapper .icon-text .text {
            margin-left: 10px;
            position: relative
        }

            .yanshou .wapper .icon-text .text span:last-child {
                position: absolute;
                top: 20px;
                left: 0
            }

.tag-red td {
    color: red;
    background: #f6e5e5 !important
}

.tag-yellow td {
    color: #c8aa00;
    background: #f8f5e2 !important
}

.tag-green td td {
    color: #17aa23;
    background: #f8f5e2 !important
}

.img-show:hover .removeImg {
    display: flex !important
}

.removeImg {
    cursor: pointer;
    width: 100% !important;
    display: none !important;
    justify-content: center
}

.self-body .form-group {
    margin: 15px 0
}

    .self-body .form-group span {
        width: 15%;
        text-align: right;
        display: inline-block;
        vertical-align: top
    }

    .self-body .form-group ul {
        display: inline-block;
        margin: 0;
        width: 60%
    }

.img-show-wapper .img-show {
    width: 80px;
    height: 80px;
    margin: 0 15px 15px 0;
    border: 1px solid #ddd;
    float: left
}

.img-show .btn-info {
    padding: 0;
    width: 78px;
    height: 78px;
    background: #fff !important;
    border-width: 0;
    margin: 0;
    font-weight: 100
}

.img-show {
    position: relative
}

    .img-show .add-image {
        position: absolute;
        top: 22px;
        left: 10px;
        right: 0;
        bottom: 0;
        font-size: 80px;
        font-weight: 100;
        z-index: 100;
        color: #ccc
    }

#add-op-modify input {
    width: 350px
}

.content-shadow {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible;
    box-shadow: 0 0 8px rgba(0,0,0,.05);
    background: #fff;
    padding: 1px
}

    .content-shadow .content-absolut, .content-shadow .content-left, .content-shadow .content-right {
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
        z-index: 1
    }

    .content-shadow .content-absolut {
        right: 0;
        left: 0
    }

    .content-shadow .content-left {
        left: 0;
        width: 350px;
        background: rgba(10,15,20,.03)
    }

    .content-shadow .content-right {
        left: 350px;
        right: 0
    }

.dz-title {
    width: 100%;
    float: left;
    padding: 6px;
    font-size: 15px;
    color: #0056a1;
    font-weight: 700;
    text-align: left;
    line-height: 20px;
    background: 0 0;
    background-image: linear-gradient(to right,rgba(0,0,0,.05) 0,rgba(0,0,0,.01) 100%)
}

    .dz-title i {
        width: 30px;
        height: 20px;
        float: left;
        display: block;
        position: relative
    }

        .dz-title i:after, .dz-title i:before {
            content: "";
            width: 10px;
            height: 10px;
            background: #0056a1;
            transform: rotate(45deg);
            position: absolute;
            top: 50%;
            right: auto;
            bottom: auto;
            left: 50%;
            z-index: 1;
            opacity: .4;
            margin: -5px
        }

        .dz-title i:before {
            z-index: 2;
            opacity: .8;
            margin-left: -12px
        }

        .dz-title i:after {
            margin-left: -6px
        }

.dz-link {
    width: 100%;
    float: left;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
    padding: 0;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis
}

.dz-info {
    width: 100%;
    float: left;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    font-size: 12px;
    color: rgba(0,0,0,.75);
    text-align: left
}

    .dz-info b {
        font-weight: 700;
        margin-right: 4px;
        font-size: inherit
    }

    .dz-info span {
        padding: 0 4px;
        font-size: inherit
    }

.dz-tab {
    width: auto;
    display: flex;
    flex-direction: row;
    padding: 5px;
    border: 0
}

    .dz-tab li {
        max-width: 200px
    }

        .dz-tab li a {
            width: 100%;
            white-space: nowrap !important;
            overflow: hidden;
            text-overflow: ellipsis
        }

.dz-imgview {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
    overflow: auto;
    overflow: visible;
    display: flex;
    flex-direction: column
}

    .dz-imgview .content-absolut, .dz-imgview .content-left, .dz-imgview .content-right {
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
        z-index: 1
    }

    .dz-imgview .content-absolut {
        right: 0;
        left: 0
    }

    .dz-imgview .content-left {
        left: 0;
        width: 350px;
        background: rgba(10,15,20,.03)
    }

    .dz-imgview .content-right {
        left: 350px;
        right: 0
    }

    .dz-imgview .imgview-content {
        width: 100%;
        height: 1%;
        flex: 1;
        overflow: hidden;
        position: relative
    }

        .dz-imgview .imgview-content:hover i {
            opacity: 1
        }

        .dz-imgview .imgview-content i {
            width: 30px;
            position: absolute;
            top: 0;
            right: auto;
            bottom: 0;
            left: auto;
            z-index: 10;
            height: 100%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 30px;
            font-weight: 700;
            color: rgba(0,0,0,.25);
            background: rgba(255,255,255,.5);
            opacity: 0;
            transition: all .1s linear
        }

            .dz-imgview .imgview-content i.fadeout {
                visibility: hidden;
                pointer-events: none
            }

            .dz-imgview .imgview-content i:hover {
                color: rgba(0,0,0,.5)
            }

            .dz-imgview .imgview-content i:first-child {
                left: 0
            }

            .dz-imgview .imgview-content i:last-child {
                right: 0
            }

        .dz-imgview .imgview-content .imgview-body {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden
        }

            .dz-imgview .imgview-content .imgview-body audio, .dz-imgview .imgview-content .imgview-body img, .dz-imgview .imgview-content .imgview-body video {
                max-width: 100%;
                max-height: 100%
            }

    .dz-imgview .imgview-slidebar {
        height: 60px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .dz-imgview .imgview-slidebar i {
            width: 20px;
            height: 60px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 20px;
            color: rgba(0,0,0,.25);
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 3px
        }

            .dz-imgview .imgview-slidebar i.fadeout {
                visibility: hidden;
                pointer-events: none
            }

            .dz-imgview .imgview-slidebar i:hover {
                background: rgba(0,0,0,.03);
                color: rgba(0,0,0,.5)
            }

        .dz-imgview .imgview-slidebar .slidebar-content {
            width: 1%;
            height: 60px;
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            justify-content: flex-start
        }

            .dz-imgview .imgview-slidebar .slidebar-content .dz-img {
                width: 50px;
                height: 50px;
                border: 1px solid rgba(0,0,0,.25);
                padding: 1px;
                display: flex;
                align-items: center;
                justify-content: center;
                cursor: pointer;
                margin: 5px 3px
            }

                .dz-imgview .imgview-slidebar .slidebar-content .dz-img:hover {
                    border-color: #198cf0
                }

                .dz-imgview .imgview-slidebar .slidebar-content .dz-img.active {
                    border-color: #198cf0
                }

                .dz-imgview .imgview-slidebar .slidebar-content .dz-img audio, .dz-imgview .imgview-slidebar .slidebar-content .dz-img img, .dz-imgview .imgview-slidebar .slidebar-content .dz-img video {
                    max-width: 46px;
                    max-height: 46px;
                    pointer-events: none
                }